:root{--bg:#060b12;--surface:#0b121d;--surface2:#0e1825;--line:#1b2b3c;--gold:#d4ad63;--gold2:#f2d59b;--text:#eef3f7;--muted:#8794a3;--serif:'Cinzel',serif;--sans:'Inter',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.header{height:84px;display:flex;align-items:center;padding:0 clamp(24px,5vw,84px);position:absolute;top:0;left:0;right:0;z-index:10;border-bottom:1px solid rgba(255,255,255,.08);background:linear-gradient(#06101bd9,transparent)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:white;font:600 19px var(--serif);letter-spacing:3px;white-space:nowrap}.brand small{display:block;color:var(--gold);font:500 7px var(--sans);letter-spacing:4px;margin-top:3px}.brand-mark{width:39px;height:39px;border:1px solid var(--gold);transform:rotate(45deg);display:grid;place-items:center;color:var(--gold);font:600 24px var(--serif)}.brand-mark::first-letter{transform:rotate(-45deg)}.nav{display:flex;gap:42px;margin:auto}.nav a{color:#c5ccd4;text-decoration:none;text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:2px;padding:34px 0;position:relative}.nav a.active,.nav a:hover{color:var(--gold2)}.nav a.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}.btn{border:1px solid #dfbd79;background:linear-gradient(135deg,#b8893c,#e3c17e);color:#08101a;text-decoration:none;padding:17px 24px;font-size:11px;letter-spacing:1.7px;font-weight:800;display:inline-flex;align-items:center;gap:18px;justify-content:center;box-shadow:0 8px 30px #c79b4b22;cursor:pointer;transition:.25s}.btn:hover{filter:brightness(1.12);transform:translateY(-2px);box-shadow:0 10px 35px #c79b4b44}.btn-small{padding:12px 20px}.menu-toggle{display:none;background:none;border:0}.page{display:none}.page.active{display:block}.hero{min-height:780px;height:100vh;position:relative;display:flex;align-items:center;padding:100px clamp(24px,8vw,140px) 40px;background:linear-gradient(90deg,#05101c 0%,rgba(5,12,20,.85) 24%,rgba(5,12,20,.08) 66%,rgba(5,12,20,.45) 100%),linear-gradient(0deg,#060b12 0%,transparent 30%),url('assets/hero-elfo-azul-roxo.png') center/cover}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 72% 33%,transparent 0,transparent 15%,#050b120d 34%,#050b1244 70%);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:650px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:4px;font-weight:700}.eyebrow i{display:inline-block;width:28px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}.hero h1,.page-hero h1{font:600 clamp(58px,7.5vw,112px)/.88 var(--serif);letter-spacing:-3px;margin:26px 0;color:#f4f6f7;text-shadow:0 5px 30px #000}.hero h1 em{font-style:normal;color:var(--gold2);font-weight:500}.lead{color:#bcc6cf;font-size:15px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:34px;margin:38px 0}.text-link{color:white;text-decoration:none;font-size:10px;letter-spacing:2px;font-weight:700}.text-link b{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid #ffffff55;border-radius:50%;font-size:8px;margin-right:10px}.gold{color:var(--gold)}.hero-stats{display:flex;gap:38px;border-top:1px solid #ffffff1c;padding-top:25px;width:max-content}.hero-stats div{display:flex;flex-direction:column;border-right:1px solid #ffffff20;padding-right:38px}.hero-stats div:last-child{border:0}.hero-stats strong{font:600 21px var(--serif);color:var(--gold2)}.hero-stats span{font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:5px}.status-card{position:absolute;z-index:2;right:clamp(24px,6vw,100px);bottom:105px;width:320px;background:#07101bcc;border:1px solid #ffffff1a;backdrop-filter:blur(15px);padding:19px}.status-top,.status-bottom{display:flex;justify-content:space-between}.status-top span{font-size:9px;letter-spacing:1.5px;font-weight:700}.status-top i{display:inline-block;width:7px;height:7px;background:#56d796;border-radius:50%;box-shadow:0 0 12px #56d796;margin-right:7px}.status-top small{font-size:7px;color:#657585}.status-main{display:flex;align-items:center;justify-content:space-between;padding:20px 0}.status-main div:first-child{display:flex;flex-direction:column}.status-main strong{font:500 34px var(--serif)}.status-main span{font-size:7px;letter-spacing:2px;color:var(--muted)}.pulse-rings{width:45px;height:45px;border:1px solid #d4ad6344;border-radius:50%;display:grid;place-items:center}.pulse-rings b{width:9px;height:9px;background:var(--gold);border-radius:50%;box-shadow:0 0 18px var(--gold)}.status-bottom{border-top:1px solid #ffffff13;padding-top:13px}.status-bottom span{display:flex;gap:8px;align-items:center}.status-bottom small{font-size:7px;color:#718091}.status-bottom b{font-size:9px}.scroll-hint{position:absolute;z-index:2;bottom:24px;left:50%;font-size:7px;letter-spacing:3px;color:#72808f;display:flex;flex-direction:column;align-items:center;gap:3px}.scroll-hint span{font-size:20px;color:var(--gold)}.section{padding:100px clamp(24px,8vw,140px);max-width:1600px;margin:auto}.news-section{position:relative}.news-section:before{content:'PWCHRONOS';position:absolute;right:0;top:25px;font:700 120px var(--serif);color:#ffffff02}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.section h2,.cta-banner h2,.faq h2{font:500 clamp(30px,3vw,44px) var(--serif);margin:8px 0}.news-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:18px}.news-card{background:var(--surface);border:1px solid var(--line);min-height:410px;transition:.3s}.news-card:hover{transform:translateY(-6px);border-color:#d4ad6355}.card-art{height:185px;position:relative;background-size:cover;background-position:center;overflow:hidden}.featured .card-art{height:210px}.card-art:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b121d,transparent),radial-gradient(circle at 60% 40%,#d4ad6366,transparent 40%)}.card-art:after{content:'✦';position:absolute;color:#e6c67d;font-size:80px;opacity:.35;right:15%;top:19%;filter:drop-shadow(0 0 15px #d4ad63)}.event:after{content:'☾'}.update:after{content:'♜'}.card-art span,.tag{position:absolute;top:15px;left:15px;background:#c49b52;color:#07101a;font-size:7px;font-weight:800;letter-spacing:1px;padding:6px 9px}.news-copy{padding:22px}.news-copy small{font-size:8px;letter-spacing:1.5px;color:#6f7d8d}.news-copy h3{font:500 18px/1.4 var(--serif);margin:10px 0}.news-copy p{color:var(--muted);font-size:12px;line-height:1.7}.news-copy a{font-size:8px;letter-spacing:1.5px;color:var(--gold);text-decoration:none}.section-title{text-align:center;margin-bottom:55px}.centered{text-align:center}.section-title>p:last-child{color:var(--muted);font-size:13px}.features-section{border-top:1px solid #ffffff0a}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr)}.feature{text-align:center;padding:20px 35px;border-right:1px solid var(--line)}.feature:last-child{border:0}.feature>span,.info-grid article>span{display:grid;place-items:center;margin:0 auto 20px;width:54px;height:54px;border:1px solid #d4ad6355;transform:rotate(45deg);color:var(--gold);font-size:22px}.feature h3,.info-grid h3,.steps h3{font:500 16px var(--serif)}.feature p,.info-grid p,.steps p{font-size:11px;line-height:1.7;color:var(--muted)}.cta-banner{margin:20px clamp(24px,5vw,80px) 90px;padding:60px clamp(30px,6vw,90px);border:1px solid #d4ad6333;background:linear-gradient(110deg,#101a27,#080d14),radial-gradient(circle,#d4ad6322,transparent);display:flex;justify-content:space-between;align-items:center}.cta-banner p:last-child{color:var(--muted);font-size:12px}.page-hero{padding:170px 24px 75px;text-align:center;background:linear-gradient(#06101bcc,#060b12),url('assets/cronos-hero.png') center 25%/cover;border-bottom:1px solid var(--line)}.page-hero h1{font-size:65px;margin:18px 0}.page-hero>p:last-child{color:var(--muted)}.download-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:20px}.download-main,.mirrors,.requirements{background:var(--surface);border:1px solid var(--line);padding:32px}.download-main{grid-column:1;display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center}.download-icon{width:72px;height:72px;border:1px solid #d4ad6355;display:grid;place-items:center;color:var(--gold);font-size:35px}.download-main h2{margin:13px 0 8px}.download-main .tag{position:static;display:inline-block}.download-main p,.mirrors p{color:var(--muted);font-size:12px}.file-meta{display:flex;gap:18px;color:#aab4bf;font-size:9px}.download-btn{grid-column:1/-1}.mirrors{grid-column:1}.mirrors div{display:flex;gap:10px;margin-top:25px}.mirrors button,.req-tabs button,.ranking-tabs button{background:#0d1723;color:#aeb8c2;border:1px solid var(--line);padding:13px 18px;cursor:pointer}.mirrors button:hover,.req-tabs button.active,.ranking-tabs button.active{border-color:var(--gold);color:var(--gold)}.mirrors button span{margin-left:15px}.requirements{grid-column:2;grid-row:1/3}.requirements h3,.mirrors h3{font:500 20px var(--serif)}.req-tabs{display:flex;margin:25px 0 18px}.req-tabs button{flex:1}.requirements ul{padding:0;list-style:none}.requirements li{padding:15px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:5px}.requirements li small{color:var(--gold);font-size:8px;letter-spacing:1.5px}.requirements li span{font-size:12px;color:#c7cfd7}.install{text-align:center;padding-top:10px}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px}.steps article{padding:35px;border-right:1px solid var(--line)}.steps article:last-child{border:0}.steps b{font:500 34px var(--serif);color:#d4ad6344}.info-stats{display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border:1px solid var(--line);margin-bottom:22px}.info-stats div{text-align:center;padding:34px;border-right:1px solid var(--line)}.info-stats div:last-child{border:0}.info-stats b{display:block;font:500 30px var(--serif);color:var(--gold2)}.info-stats span{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.info-grid article{background:var(--surface);border:1px solid var(--line);padding:35px}.info-grid article>span{margin:0 0 24px}.faq{max-width:850px;margin:100px auto 0}.faq>h2{text-align:center;margin-bottom:35px}.faq details{border-top:1px solid var(--line);padding:22px}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font:500 14px var(--serif);list-style:none;display:flex;justify-content:space-between}.faq summary b{color:var(--gold);font:400 22px var(--sans)}.faq details p{color:var(--muted);font-size:12px}.ranking-wrap{max-width:1150px}.ranking-tabs{display:flex;justify-content:center;margin-bottom:25px}.ranking-tabs button{min-width:160px}.ranking-table{border:1px solid var(--line);background:var(--surface)}.table-head,.rank-row{display:grid;grid-template-columns:55px 1.6fr 1fr .8fr .7fr;align-items:center;padding:18px 22px;gap:10px}.table-head{background:#111d2a;color:#697887;font-size:8px;letter-spacing:1.3px}.rank-row{border-top:1px solid var(--line);font-size:12px}.rank-row:hover{background:#0e1925}.rank-row .pos{font:600 20px var(--serif);color:#647383}.rank-row:nth-child(-n+3) .pos{color:var(--gold)}.rank-row .identity{display:flex;align-items:center;gap:12px;font-weight:600}.avatar{width:36px;height:36px;background:linear-gradient(135deg,#25394d,#0d1722);border:1px solid #d4ad6333;display:grid;place-items:center;color:var(--gold)}.rank-row span:not(.identity):not(.pos){color:#9ba6b1}.rank-row strong{color:var(--gold2)}.ranking-note{text-align:center;color:#566574;font-size:9px;margin-top:20px}footer{border-top:1px solid var(--line);padding:60px clamp(24px,8vw,140px) 25px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px;background:#05090e}footer>div:not(.footer-brand):not(.social-block){display:flex;flex-direction:column;gap:11px}footer h4{font-size:8px;letter-spacing:2px;color:var(--gold);margin:0 0 12px}footer a{font-size:10px;color:#7f8b98;text-decoration:none}.footer-brand p{color:#697786;font-size:10px}.social-block div{display:flex;gap:8px}.social-block a{width:34px;height:34px;border:1px solid var(--line);display:grid;place-items:center;color:#cbd2d9}.social-block a:hover{border-color:var(--gold);color:var(--gold)}.copyright{grid-column:1/-1;border-top:1px solid #ffffff0b;padding-top:25px;color:#4e5b68;font-size:7px;letter-spacing:1px}.copyright span{float:right}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);background:#e1bd76;color:#08101a;padding:13px 22px;font-size:11px;font-weight:700;opacity:0;pointer-events:none;z-index:50;transition:.3s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(18px);transition:.7s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.24s}.delay-3{transition-delay:.36s}
@media(max-width:900px){.header{height:72px;background:#07101aee;position:fixed}.nav{position:fixed;inset:72px 0 auto;background:#08111b;flex-direction:column;gap:0;padding:20px;transform:translateY(-140%);transition:.3s;border-bottom:1px solid var(--line)}.nav.open{transform:none}.nav a{padding:18px}.header-cta{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;margin-left:auto}.menu-toggle span{width:24px;height:1px;background:white}.hero{min-height:730px;height:auto;padding-top:135px;align-items:flex-start}.hero-content{width:100%}.hero h1{font-size:59px}.lead br{display:none}.status-card{position:relative;right:auto;bottom:auto;margin-top:35px;width:100%}.hero{display:block}.scroll-hint{display:none}.news-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr;gap:25px}.feature{border:0}.cta-banner{flex-direction:column;align-items:flex-start;gap:20px}.download-layout{grid-template-columns:1fr}.download-main,.mirrors,.requirements{grid-column:1;grid-row:auto}.info-grid{grid-template-columns:1fr}.table-head,.rank-row{grid-template-columns:38px 1.5fr .8fr .7fr}.table-head span:nth-child(3),.rank-row span:nth-child(3){display:none}footer{grid-template-columns:1fr 1fr}.footer-brand,.copyright{grid-column:1/-1}.copyright span{float:none;display:block;margin-top:8px}}
@media(max-width:560px){.brand{font-size:15px}.brand-mark{width:34px;height:34px}.hero{padding-left:20px;padding-right:20px}.hero h1{font-size:46px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-stats{gap:15px;width:100%}.hero-stats div{padding-right:15px}.section{padding:70px 20px}.section-head{align-items:flex-start}.news-grid{gap:12px}.feature-grid,.info-stats,.steps{grid-template-columns:1fr 1fr}.feature,.info-stats div,.steps article{padding:20px}.info-stats div:nth-child(2){border:0}.cta-banner{margin:10px 20px 65px;padding:35px 25px}.page-hero h1{font-size:45px}.download-main{grid-template-columns:1fr}.mirrors div{flex-direction:column}.table-head,.rank-row{grid-template-columns:28px 1fr .7fr;padding:15px 10px}.table-head span:nth-child(4),.rank-row span:nth-child(4){display:none}.copyright span{line-height:1.6}}
.mirrors a{background:#0d1723;color:#aeb8c2;border:1px solid var(--line);padding:13px 18px;cursor:pointer;text-decoration:none;font:inherit}.mirrors a:hover{border-color:var(--gold);color:var(--gold)}.mirrors a span{margin-left:15px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}

/* Barra superior escura para manter o menu destacado sobre a arte. */
.header{background:rgba(2,6,10,.95);border-bottom-color:rgba(255,255,255,.1);box-shadow:0 8px 30px rgba(0,0,0,.35);backdrop-filter:blur(14px)}

/* Cristais de gelo sobre o hero */
.ice-crystals{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.ice-crystals i{position:absolute;left:var(--x);top:-8%;width:var(--size);height:calc(var(--size)*1.8);display:block;opacity:var(--opacity);clip-path:polygon(50% 0,100% 36%,72% 100%,28% 100%,0 36%);background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(127,231,255,.9) 30%,rgba(20,168,220,.8) 62%,rgba(6,75,108,.75));filter:drop-shadow(0 0 6px rgba(88,221,255,.85));transform-origin:center;animation:crystal-fall var(--duration) linear var(--delay) infinite}
.ice-crystals i:after{content:'';position:absolute;inset:18% 36%;background:rgba(255,255,255,.75);clip-path:polygon(50% 0,100% 100%,0 100%)}
.ice-crystals i:nth-child(3n){filter:blur(.7px) drop-shadow(0 0 9px rgba(148,218,255,.9))}
.ice-crystals i:nth-child(4n){background:linear-gradient(135deg,#fff8d9,#f2ae22 45%,#159ed0)}
@keyframes crystal-fall{0%{transform:translate3d(0,-12vh,0) rotate(0) rotateY(0)}35%{transform:translate3d(calc(var(--drift)*.35),35vh,0) rotate(calc(var(--spin)*.4)) rotateY(170deg)}70%{transform:translate3d(calc(var(--drift)*-.2),75vh,0) rotate(calc(var(--spin)*.75)) rotateY(340deg)}100%{transform:translate3d(var(--drift),112vh,0) rotate(var(--spin)) rotateY(620deg)}}
@media(prefers-reduced-motion:reduce){.ice-crystals{display:none}}

/* Paleta extraída da logo: azul profundo, ciano luminoso e dourado. */
:root{--bg:#030b10;--surface:#07151d;--surface2:#0a202a;--line:#174052;--gold:#f2ae22;--gold2:#ffe6a0;--text:#effbff;--muted:#91afba}
.header{background:rgba(2,10,15,.95);border-bottom-color:rgba(66,203,238,.22);box-shadow:0 8px 30px rgba(0,0,0,.45)}
.btn{border-color:#ffd16a;background:linear-gradient(135deg,#8c4c09 0%,#d88b16 48%,#ffd260 100%);color:#10130e;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),0 8px 30px rgba(13,181,229,.2);text-shadow:none}
.btn:hover{border-color:#fff0b2;background:linear-gradient(135deg,#a96008 0%,#edab27 50%,#ffe48d 100%);filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.45),0 10px 36px rgba(18,201,245,.32)}
.btn:focus-visible,.mirrors button:focus-visible,.req-tabs button:focus-visible,.ranking-tabs button:focus-visible{outline:2px solid #55dcff;outline-offset:3px}
.card-art span,.tag{background:linear-gradient(135deg,#ffe39a,#cf8213);color:#11150f}
.mirrors button,.req-tabs button,.ranking-tabs button{background:linear-gradient(180deg,#0c2632,#06141c);border-color:#1b576c;color:#b7d9e3}
.mirrors button:hover,.req-tabs button.active,.ranking-tabs button.active{border-color:#f2ae22;color:#ffe6a0;background:#123949;box-shadow:inset 0 0 18px rgba(19,193,235,.15)}
.news-card:hover{border-color:rgba(63,210,247,.55)}
.cta-banner{border-color:rgba(242,174,34,.38);background:linear-gradient(110deg,#0b2a37,#061218),radial-gradient(circle,#16b9e333,transparent)}
.page-hero{background:linear-gradient(rgba(3,13,19,.86),#030b10),url('assets/cronos-hero.png') center 25%/cover}
.ranking-soon{text-align:center;min-height:330px;display:grid;place-content:center;justify-items:center;gap:14px;border:1px solid var(--line);background:radial-gradient(circle at center,rgba(20,178,224,.13),transparent 55%),var(--surface)}
.ranking-soon-icon{display:grid;place-items:center;width:68px;height:68px;border:1px solid var(--gold);transform:rotate(45deg);color:var(--gold2);font-size:28px;margin-bottom:14px}
.ranking-soon-icon::first-letter{transform:rotate(-45deg)}
.ranking-soon h2{margin:0;font:500 clamp(28px,3vw,40px) var(--serif);color:var(--gold2)}
.ranking-soon p{max-width:520px;margin:0;color:var(--muted);font-size:13px;line-height:1.8}

/* Rodapé com leitura mais confortável e ícones das redes sociais. */
footer h4{font-size:10px}
footer a,.footer-brand p{font-size:12px}
.social-block a{width:40px;height:40px;border-color:#236078;background:#06151d;transition:.2s}
.social-block a svg{width:18px;height:18px;fill:#d4edf5;stroke:#d4edf5;stroke-width:1.5}
.social-block a svg rect,.social-block a svg circle{fill:none}
.social-block a svg .social-fill{fill:#d4edf5;stroke:none}
.social-block a:hover{background:#103946;border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
.social-block a:hover svg{fill:var(--gold);stroke:var(--gold)}
.social-block a:hover svg .social-fill{fill:var(--gold)}

/* Mantém o rosto do personagem abaixo do menu e amplia a área visível */
@media(min-width:901px){
  .hero{background-position:center,center,center bottom;background-size:auto,auto,auto calc(100% - 84px);background-repeat:no-repeat}
}

/* Logo original: enquadra a arte sem exibir as margens brancas do arquivo. */
.brand{flex-shrink:0}
.brand-logo{position:relative;display:block;width:120px;aspect-ratio:1268 / 845;overflow:hidden}
.brand-logo img{position:absolute;display:block;width:126.183%;max-width:none;height:auto;left:-13.644%;top:-1.775%}
.brand:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}
.footer-brand .brand-logo{width:220px;max-width:100%}
@media(max-width:900px){.header .brand-logo{width:102px}}

/* Acesso ao painel sempre visivel no cabecalho mobile. */
@media(max-width:900px){
  .header{gap:12px;padding-inline:16px}
  .header-cta{display:inline-flex;order:2;margin-left:auto;min-height:44px;padding:10px 12px;gap:8px;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}
  .menu-toggle{order:3;margin-left:0;width:44px;height:44px;padding:10px;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer}
  .menu-toggle:focus-visible{outline:2px solid #55dcff;outline-offset:3px}
  .nav{max-height:calc(100dvh - 72px);overflow-y:auto;visibility:hidden;pointer-events:none}
  .nav.open{visibility:visible;pointer-events:auto}
}
@media(max-width:360px){
  .header{gap:8px;padding-inline:12px}
  .header .brand-logo{width:88px}
  .header-cta{padding-inline:10px;gap:6px;letter-spacing:0}
}