:root{--navy:#060916;--navy2:#0d1428;--ink:#f5f4ef;--muted:#a9b0c1;--copper:#d89a62;--copper2:#7b4426;--ice:#7cd8ff;--wa:#25d366;--tg:#229ed9}
*{box-sizing:border-box}
html{height:100%;overflow:hidden;overscroll-behavior:none;background:var(--navy)}
body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;color:var(--ink);font-family:Arial,"Segoe UI",sans-serif;background:var(--navy)}
a{color:inherit;text-decoration:none}
.backdrop{position:fixed;z-index:0;inset:0;background:radial-gradient(circle at 50% -10%,rgba(124,216,255,.16),transparent 32%),radial-gradient(circle at 12% 72%,rgba(216,154,98,.12),transparent 27%),radial-gradient(circle at 90% 68%,rgba(74,95,163,.18),transparent 31%),linear-gradient(155deg,#03050d 0%,#0b1226 48%,#050813 100%)}
.backdrop:before{content:"";position:absolute;inset:0;opacity:.27;background:repeating-linear-gradient(125deg,transparent 0 42px,rgba(216,154,98,.045) 43px,transparent 44px 86px)}
.backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 63%,rgba(2,4,10,.62)),radial-gradient(ellipse at 50% 42%,transparent 0 23%,rgba(2,4,12,.25) 61%,rgba(1,3,8,.62) 100%)}
.shell{position:relative;z-index:1;width:min(920px,100%);height:100svh;height:100dvh;margin:auto;padding:16px 24px 12px;display:flex;flex-direction:column;overflow:hidden}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto}.brand{display:flex;align-items:center;gap:10px}.brand img{width:45px;height:45px;filter:drop-shadow(0 10px 18px rgba(0,0,0,.45))}.brand span{display:grid}.brand b{font-size:1.02rem;letter-spacing:.17em}.brand small{margin-top:4px;color:var(--copper);font-size:.68rem;font-weight:900;letter-spacing:.31em}.status{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(216,154,98,.32);border-radius:10px 2px;background:rgba(6,9,22,.56);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(12px);font-size:.65rem;font-weight:900;letter-spacing:.1em}.status i{width:6px;height:6px;border-radius:50%;background:#65e4a0;box-shadow:0 0 11px #65e4a0;animation:pulse 1.9s ease-in-out infinite}.status b{color:var(--copper)}
main{width:min(520px,100%);min-height:0;margin:auto;display:flex;flex-direction:column;justify-content:center;gap:9px;text-align:center}.intro p{display:flex;align-items:center;justify-content:center;gap:10px;margin:0 0 4px;color:var(--ice);font-size:.62rem;font-weight:900;letter-spacing:.22em}.intro p span{width:31px;height:1px;background:linear-gradient(90deg,transparent,var(--ice))}.intro p span:last-child{transform:scaleX(-1)}h1{margin:0;font:900 clamp(3.2rem,11vw,5.8rem)/.8 Georgia,"Times New Roman",serif;letter-spacing:-.06em;text-shadow:0 10px 34px rgba(0,0,0,.75)}h2{margin:9px 0 0;color:var(--copper);font:400 1.05rem/1 Georgia,serif;letter-spacing:.53em;text-indent:.53em}
.contacts{display:grid;gap:9px;margin-top:10px}.contact{position:relative;width:93%;min-height:78px;padding:11px 15px;display:grid;grid-template-columns:46px 1fr 24px;align-items:center;gap:10px;overflow:hidden;color:#fff;border:1px solid rgba(255,255,255,.13);box-shadow:0 17px 35px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.13);isolation:isolate;transition:transform .22s ease,filter .22s ease}.contact:before{content:"";position:absolute;z-index:-1;inset:0}.contact:hover{transform:translateY(-3px);filter:brightness(1.07)}.contact:focus-visible{outline:3px solid #fff;outline-offset:3px}.contact-wa{justify-self:start;border-radius:23px 23px 5px 23px;background:linear-gradient(115deg,#08743f,#20c969 70%,#35dd7b)}.contact-wa:before{background:radial-gradient(circle at 9% 13%,rgba(255,255,255,.25),transparent 30%)}.contact-tg{justify-self:end;border-radius:5px 23px 23px 23px;background:linear-gradient(115deg,#106291,#229ed9 67%,#4cc6f6)}.contact-tg:before{background:linear-gradient(110deg,rgba(255,255,255,.16),transparent 48%)}
.icon{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.28);border-radius:50%;background:rgba(1,5,10,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.15)}.contact-tg .icon{border-radius:13px;transform:rotate(4deg)}.icon svg{width:25px;height:25px;fill:#fff}.copy{min-width:0;text-align:left}.copy small{display:block;font-size:.62rem;font-weight:900;letter-spacing:.12em}.copy strong{display:block;margin-top:6px;white-space:nowrap;font-size:1rem;letter-spacing:.025em}.go{font-size:1.35rem;font-weight:400}
.crest-scene{position:relative;width:208px;height:208px;margin:5px auto -2px;display:grid;place-items:center}.crest-scene:before{content:"";position:absolute;inset:18px;border-radius:50%;background:radial-gradient(circle,#151d38 0 47%,#090d1c 68%,#040711 100%);border:1px solid rgba(216,154,98,.28);box-shadow:inset 0 0 35px rgba(124,216,255,.09),0 18px 38px rgba(0,0,0,.42)}.chip-ring{position:absolute;inset:4px;border-radius:50%;border:2px dashed rgba(216,154,98,.62);animation:spin 18s linear infinite}.chip-ring:before,.chip-ring:after{content:"";position:absolute;inset:11px;border-radius:50%;border:1px solid rgba(124,216,255,.21)}.chip-ring:after{inset:21px;border-color:rgba(216,154,98,.20)}.chip-ring i{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--copper);box-shadow:0 0 12px rgba(216,154,98,.62)}.chip-ring i:nth-child(1){left:50%;top:-4px}.chip-ring i:nth-child(2){right:8%;top:23%}.chip-ring i:nth-child(3){right:7%;bottom:22%}.chip-ring i:nth-child(4){left:50%;bottom:-4px}.chip-ring i:nth-child(5){left:7%;bottom:22%}.chip-ring i:nth-child(6){left:8%;top:23%}
.crest{position:relative;z-index:2;display:grid;justify-items:center}.crest img{width:74px;height:74px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.45))}.crest b{margin-top:4px;font:900 1rem/1 Georgia,serif;letter-spacing:.18em}.crest span{margin-top:5px;color:var(--copper);font-size:.54rem;font-weight:900;letter-spacing:.18em}.suits{position:absolute;left:50%;bottom:12px;z-index:3;display:flex;gap:13px;transform:translateX(-50%);color:#aab7d5;font-size:.74rem}.suits span:nth-child(2),.suits span:nth-child(4){color:var(--copper)}
footer{display:flex;align-items:center;gap:10px;flex:0 0 auto;padding-top:7px;color:#8f98ad;font-size:.61rem;font-weight:900;letter-spacing:.08em}footer i{height:1px;flex:1;background:linear-gradient(90deg,rgba(216,154,98,.05),rgba(216,154,98,.48),rgba(216,154,98,.05))}footer b{color:#c39570;font-size:inherit}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{opacity:.45;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
@media(max-width:560px){.shell{padding:11px 11px 9px}.brand img{width:39px;height:39px}.status{padding:7px 9px}.status span{display:none}main{gap:7px}.intro p{font-size:.56rem}h1{font-size:3.55rem}.contacts{gap:7px;margin-top:7px}.contact{width:95%;min-height:72px;padding:9px 12px;grid-template-columns:40px 1fr 20px;gap:8px}.icon{width:40px;height:40px}.icon svg{width:22px;height:22px}.copy small{font-size:.55rem}.copy strong{font-size:.83rem}.crest-scene{width:min(190px,25vh);height:min(190px,25vh);min-width:154px;min-height:154px}.crest img{width:64px;height:64px}footer{padding-top:5px}}
@media(max-width:350px){.shell{padding-left:7px;padding-right:7px}.brand small{letter-spacing:.22em}h1{font-size:3.15rem}.contact{width:98%;grid-template-columns:35px 1fr 17px;padding:8px}.icon{width:35px;height:35px}.icon svg{width:20px;height:20px}.copy small{font-size:.5rem}.copy strong{font-size:.74rem}.crest-scene{width:154px;height:154px}.crest img{width:52px;height:52px}.suits{bottom:7px;gap:9px}footer span{display:none}}
@media(max-height:710px){.shell{padding-top:7px}.brand img{width:34px;height:34px}.intro p{display:none}h1{font-size:2.8rem}h2{font-size:.82rem;margin-top:6px}.contacts{margin-top:3px}.contact{min-height:64px}.crest-scene{width:142px;height:142px;min-width:142px;min-height:142px;margin-top:0}.crest img{width:46px;height:46px}.suits{bottom:5px}.crest span{display:none}footer{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition:none!important}}

/* Chat: existing contact-card layout and copper palette. */
.contact-chat{justify-self:start;border-radius:23px 23px 5px 23px;background:linear-gradient(115deg,#714125,#b87949 70%,#d89a62);font:inherit;text-align:inherit;cursor:pointer}
.contact-chat:before{background:radial-gradient(circle at 9% 13%,rgba(255,255,255,.20),transparent 30%)}
.contact-chat:disabled{cursor:not-allowed}
.contact-chat:disabled:hover{transform:none;filter:none}
@media(max-height:560px){.shell{overflow-y:auto}main{flex-shrink:0;margin:14px auto}}