:root{--navy:#061947;--navy2:#18305f;--blue:#1267f4;--line:rgba(18,103,244,.17);--header:84px;--footer:62px}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--navy);background:#f6fbff}.page-shell{height:100dvh;min-height:620px;display:grid;grid-template-rows:var(--header) minmax(0,1fr) var(--footer);overflow:hidden;background:radial-gradient(circle at 50% 34%,#fff 0 29%,rgba(250,253,255,.96) 48%,rgba(222,239,255,.9) 100%)}
.site-header{position:relative;z-index:20;display:flex;align-items:center;padding:9px clamp(26px,5.5vw,92px);gap:28px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;flex:0 0 auto}.brand-mark{width:60px;height:60px}.brand-copy{display:grid;line-height:1}.brand-copy strong{font-size:26px;letter-spacing:.25em;font-weight:600}.brand-copy b{font-size:11px;letter-spacing:.28em;color:var(--blue);margin-top:7px}.brand-copy small{font-size:7px;letter-spacing:.32em;color:#303644;margin-top:9px}.desktop-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(18px,2.2vw,35px)}.desktop-nav a{text-decoration:none;font-size:13px;font-weight:600;white-space:nowrap}.desktop-nav a:hover{color:var(--blue)}.menu-button{display:inline-flex;align-items:center;gap:9px;min-height:48px;padding:0 17px;border:0;border-radius:10px;background:linear-gradient(110deg,#0759df,#0c6cf6);color:#fff;font-size:16px;font-weight:700;box-shadow:0 8px 22px rgba(14,100,235,.2);cursor:pointer}.menu-icon{width:21px;display:grid;gap:4px}.menu-icon i{display:block;height:2px;border-radius:3px;background:currentColor}.menu-panel{display:none;position:absolute;right:clamp(26px,5.5vw,92px);top:69px;min-width:230px;padding:9px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.97);box-shadow:0 18px 44px rgba(9,48,112,.17)}.menu-panel.is-open{display:grid}.menu-panel a{padding:10px 12px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:600}.menu-panel a:hover{background:#eef6ff;color:var(--blue)}
.hero{position:relative;min-height:0;display:grid;place-items:center;overflow:hidden;padding:0 20px}.cosmic{position:absolute;inset:0;pointer-events:none}.cosmic-one{opacity:.62;background-image:radial-gradient(circle at 5% 18%,white 0 2px,transparent 3px),radial-gradient(circle at 11% 46%,rgba(25,118,244,.25) 0 2px,transparent 3px),radial-gradient(circle at 91% 18%,white 0 2px,transparent 3px),radial-gradient(circle at 84% 66%,rgba(25,118,244,.24) 0 2px,transparent 3px),radial-gradient(circle at 20% 83%,white 0 2px,transparent 3px),radial-gradient(circle at 96% 86%,white 0 2px,transparent 3px)}.cosmic-two{opacity:.52;background:linear-gradient(28deg,transparent 0 48%,rgba(35,126,240,.055) 49% 49.4%,transparent 50%) 0 0/245px 180px,linear-gradient(151deg,transparent 0 48%,rgba(35,126,240,.045) 49% 49.5%,transparent 50%) 0 0/290px 205px}.hero-content{position:relative;z-index:2;width:min(1120px,100%);height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:4px 0 2px}.hero-brand{display:flex;flex-direction:column;align-items:center;margin-bottom:0}.hero-mark{width:clamp(152px,13.5vw,220px);height:auto;filter:drop-shadow(0 8px 18px rgba(18,103,244,.08))}.hero-wordmark{display:grid;justify-items:center;margin-top:-9px}.hero-wordmark span{font-size:clamp(26px,2.7vw,43px);letter-spacing:.31em;padding-left:.31em;font-weight:500}.hero-wordmark small{margin-top:5px;color:var(--blue);font-size:clamp(9px,1vw,14px);letter-spacing:.31em;padding-left:.31em;font-weight:600}h1{margin:6px 0 0;font-size:clamp(42px,4.75vw,72px);line-height:.96;letter-spacing:-.052em;font-weight:800}h1 span{color:var(--blue)}.accent-line{width:76px;height:4px;border-radius:5px;background:var(--blue);margin:13px 0 12px}.hero-description{max-width:930px;margin:0;font-size:clamp(14px,1.35vw,19px);line-height:1.48;color:var(--navy2)}.hero-description strong{color:var(--blue)}.cta-block{display:grid;justify-items:center;margin-top:13px}.discord-button{width:min(455px,82vw);height:61px;display:grid;grid-template-columns:36px 1fr 36px;align-items:center;gap:12px;padding:0 25px;border-radius:12px;background:linear-gradient(100deg,#0e60ec,#207eff 68%,#1263e7);color:white;text-decoration:none;font-size:clamp(18px,1.65vw,24px);font-weight:700;box-shadow:0 10px 25px rgba(15,95,235,.26);transition:.2s}.discord-button svg{width:34px}.discord-button .arrow{font-size:30px}.discord-button.is-disabled{opacity:.53;cursor:not-allowed}.discord-button:not(.is-disabled):hover{transform:translateY(-2px)}.consent-row{margin-top:9px;display:flex;align-items:center;gap:9px;font-size:clamp(12px,1.1vw,15px);cursor:pointer}.consent-row input{position:absolute;opacity:0}.custom-check{width:21px;height:21px;border:2px solid rgba(6,25,71,.45);border-radius:4px;background:#fff;display:grid;place-items:center;flex:0 0 auto}.consent-row input:checked+.custom-check{background:var(--blue);border-color:var(--blue)}.consent-row input:checked+.custom-check:after{content:"✓";color:#fff;font-weight:800}.consent-row a{color:var(--blue);text-decoration:none}.consent-message{height:13px;margin:2px 0 0;color:#b23a3a;font-size:11px}.trust-statement{margin:0;display:flex;align-items:center;justify-content:center;gap:9px;color:var(--navy2);font-size:clamp(11px,1.06vw,14px);line-height:1.3}.trust-icon{width:22px;height:22px;display:grid;place-items:center;border:2px solid var(--blue);border-radius:50%;color:var(--blue);font-weight:800;flex:0 0 auto}.benefits{width:min(1000px,96%);display:grid;grid-template-columns:repeat(4,1fr);margin-top:7px}.benefit{position:relative;padding:0 20px}.benefit+.benefit:before{content:"";position:absolute;left:0;top:12px;bottom:0;width:1px;background:rgba(6,25,71,.18)}.benefit-icon{height:40px;color:var(--blue);font-size:38px;line-height:1;font-weight:700}.benefit h2{margin:4px 0 4px;font-size:clamp(15px,1.35vw,19px)}.benefit p{margin:0;color:var(--navy2);font-size:clamp(11px,1.05vw,14px);line-height:1.35}
.site-footer{position:relative;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;border-top:1px solid var(--line);background:linear-gradient(to bottom,rgba(255,255,255,.28),rgba(215,236,255,.52));padding:5px 20px calc(5px + env(safe-area-inset-bottom))}.support-email{text-decoration:none;font-size:12px;display:flex;gap:8px;align-items:center}.support-email:hover{color:var(--blue)}.footer-meta{display:flex;align-items:center;justify-content:center;gap:13px;font-size:10.5px}.footer-meta i{width:1px;height:16px;background:rgba(6,25,71,.3)}
@media(max-width:980px){.desktop-nav{display:none}.menu-button{margin-left:auto}.hero-mark{width:clamp(130px,18vw,185px)}}
@media(max-width:760px){:root{--header:78px;--footer:67px}.site-header{padding:8px 17px}.brand-mark{width:48px;height:48px}.brand-copy strong{font-size:19px}.brand-copy b{font-size:7.5px;margin-top:5px}.brand-copy small{font-size:5px;margin-top:6px}.menu-button{min-height:44px;padding:0 13px;font-size:14px}.menu-panel{right:17px;top:63px}.hero{padding:0 14px}.hero-content{justify-content:center}.hero-mark{width:clamp(105px,29vw,140px)}.hero-wordmark{margin-top:-6px}.hero-wordmark span{font-size:clamp(19px,5.7vw,27px)}.hero-wordmark small{font-size:clamp(6.5px,2vw,9px);margin-top:3px}h1{font-size:clamp(32px,9.8vw,48px);margin-top:3px}.accent-line{width:59px;height:3px;margin:8px 0}.hero-description{font-size:clamp(11px,3.25vw,14px);line-height:1.36;max-width:610px}.desktop-only{display:none}.cta-block{margin-top:9px}.discord-button{height:49px;width:min(410px,88vw);grid-template-columns:28px 1fr 28px;padding:0 18px;font-size:clamp(15px,4.5vw,19px)}.discord-button svg{width:27px}.discord-button .arrow{font-size:24px}.consent-row{margin-top:7px;font-size:clamp(9px,2.75vw,12px);gap:7px}.custom-check{width:18px;height:18px}.consent-message{height:10px;font-size:9px}.trust-statement{gap:6px;font-size:clamp(8px,2.5vw,10.5px)}.trust-icon{width:17px;height:17px;font-size:9px}.benefits{width:100%;margin-top:2px}.benefit{padding:0 5px}.benefit-icon{height:27px;font-size:25px}.benefit h2{margin:2px 0;font-size:clamp(9.5px,3vw,13px)}.benefit p{font-size:clamp(7.5px,2.25vw,10px);line-height:1.25}.support-email{font-size:10px}.footer-meta{font-size:8.5px;gap:8px}}
@media(min-width:981px) and (max-height:850px){:root{--header:72px;--footer:52px}.site-header{padding-top:5px;padding-bottom:5px}.brand-mark{width:52px;height:52px}.brand-copy strong{font-size:22px}.brand-copy b{font-size:9px;margin-top:5px}.brand-copy small{font-size:6px;margin-top:6px}.menu-button{min-height:42px;font-size:14px}.hero-mark{width:clamp(132px,11.6vw,178px)}.hero-wordmark span{font-size:clamp(23px,2.3vw,34px)}.hero-wordmark small{font-size:10px}h1{font-size:clamp(39px,4.25vw,62px)}.accent-line{margin:9px 0}.hero-description{font-size:clamp(13px,1.15vw,16px);line-height:1.4}.cta-block{margin-top:9px}.discord-button{height:54px;width:420px;font-size:20px}.consent-row{margin-top:6px;font-size:13px}.consent-message{height:9px}.trust-statement{font-size:12px}.benefits{margin-top:2px}.benefit-icon{height:32px;font-size:30px}.benefit h2{font-size:16px;margin:2px 0}.benefit p{font-size:12px}.site-footer{gap:2px}.support-email{font-size:10.5px}.footer-meta{font-size:9px}}
@media(max-width:420px) and (max-height:740px){:root{--header:70px;--footer:58px}.brand-mark{width:43px;height:43px}.brand-copy strong{font-size:17px}.hero-mark{width:92px}h1{font-size:30px}.hero-description{font-size:10.5px}.discord-button{height:45px}.benefit p{display:none}.benefit-icon{height:25px}.footer-meta{flex-wrap:wrap;line-height:1.1}.footer-meta i{display:none}}
@media(max-width:350px){.brand-copy{display:none}.benefit h2{font-size:9px}.consent-row{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}