
:root{--bg:#06131b;--panel:#081a23;--line:#27505e;--white:#f7f9fa;--muted:#b7cbd5;--cyan:#67e5fb;--green:#39ed86;--max:1120px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(calc(100% - 48px),var(--max));margin:auto}
header{border-bottom:1px solid rgba(255,255,255,.1)}.nav{height:112px;display:flex;align-items:center;justify-content:space-between}.brand img{width:106px;height:90px;object-fit:contain}.navlinks{display:flex;gap:30px;align-items:center}.navlinks a{font-size:14px;color:#dce8ed}.navlinks a:hover{color:white}
.hero{padding:76px 0 60px}.hero-grid{display:grid;grid-template-columns:180px 1fr;gap:48px;align-items:center}.app-icon{width:170px;height:170px;border-radius:34px;display:block}.eyebrow{font-size:12px;font-weight:900;letter-spacing:.25em;color:var(--cyan);text-transform:uppercase}.wordmark{font-size:64px;line-height:.95;letter-spacing:-.055em;margin:10px 0 14px}.fit{background:linear-gradient(90deg,#2b8fff 0%,#20d8ef 52%,#3df0a2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:21px;line-height:1.55;color:#c3d4dc;max-width:710px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.btn{border:1px solid var(--cyan);border-radius:9px;padding:14px 20px;font-weight:800}.btn.primary{background:#f7f9fa;color:#06131b;border-color:#f7f9fa}
.content{padding:20px 0 74px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#0b202a,#07151d);padding:30px}.panel h2{font-size:28px;letter-spacing:-.035em;margin:0 0 14px}.panel p,.panel li{color:#bfd1d9;line-height:1.65}.steps{padding-left:20px}.steps li+li{margin-top:10px}.wide{grid-column:1/-1}.wide p{max-width:850px}
.video-overview{margin:0 0 20px}.video-overview h2{margin-bottom:10px}.video-overview p{max-width:760px}.overview-player{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#000;border:1px solid var(--line);border-radius:12px;margin-top:22px}.video-help{font-size:13px;margin-bottom:0}.video-help a{text-decoration:underline;text-underline-offset:3px}.video-overview .actions{margin-top:20px}

.backlink{margin-top:20px;color:#9beafb;font-weight:800}
footer{border-top:1px solid rgba(255,255,255,.1);padding:28px 0 38px;color:#849fac;font-size:13px}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
@media(max-width:760px){.shell{width:calc(100% - 30px)}.nav{height:96px}.brand img{width:90px}.navlinks{gap:16px}.hero{padding-top:48px}.hero-grid{grid-template-columns:1fr;gap:24px}.app-icon{width:112px;height:112px}.wordmark{font-size:49px}.lead{font-size:18px}.grid{grid-template-columns:1fr}.wide{grid-column:auto}}

.wordmark{font-size:clamp(36px,4.3vw,60px);line-height:1.08;overflow-wrap:break-word}.wordmark small{display:block;font-size:.55em;letter-spacing:-.02em;line-height:1.3;margin-top:10px}.app-icon{object-fit:contain;border-radius:0}.status{display:inline-block;border:1px solid #686044;border-radius:999px;padding:7px 12px;color:#ffbf3d;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:16px}.panel a{text-decoration:underline;text-underline-offset:3px}.panel h3{font-size:19px;margin:24px 0 8px}.panel details{border-top:1px solid var(--line);padding:16px 0}.panel summary{font-weight:700;cursor:pointer}.panel details p{margin-bottom:0}.app-icon{height:auto;aspect-ratio:1}.hero .lead{margin-bottom:0}.trademark{font-size:12px;color:#849fac}.navlinks a:focus-visible,.btn:focus-visible,.backlink:focus-visible,summary:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}@media(max-width:480px){.navlinks{gap:12px}.navlinks a{font-size:12px}.wordmark{font-size:36px}.panel{padding:24px}}
.fit{background:none;color:var(--cyan);-webkit-text-fill-color:currentColor}
