
:root{
  --cream:#F9FAEF;
  --cream-2:#FFFDF4;
  --ink:#1B1B1B;
  --muted:#71736B;
  --dark:#0E171B;
  --dark-2:#212121;
  --sky:#48B7F0;
  --sky-2:#DFF4FF;
  --magenta:#E040FB;
  --line:rgba(27,27,27,.12);
  --shadow:0 24px 80px rgba(9,18,24,.16);
  --radius:28px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;line-height:1.55;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:1rem;top:-4rem;background:var(--ink);color:white;padding:.75rem 1rem;border-radius:999px;z-index:20}.skip-link:focus{top:1rem}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:1rem;max-width:calc(var(--max) + 48px);margin:0 auto;padding:14px 24px;background:rgba(249,250,239,.86);backdrop-filter:saturate(1.2) blur(18px);border-bottom:1px solid rgba(27,27,27,.08)}
.brand,.footer-brand{display:flex;align-items:center;gap:.75rem;font-weight:900;letter-spacing:.01em}.brand img{width:48px;height:48px;border-radius:14px;box-shadow:0 8px 22px rgba(72,183,240,.24)}.brand small{display:block;color:var(--muted);font-weight:700;font-size:.72rem;margin-top:-2px}.brand strong{font-size:1.08rem}.site-nav{display:flex;align-items:center;gap:.25rem}.site-nav a{padding:.7rem .85rem;border-radius:999px;color:#2f3331;font-weight:750;font-size:.94rem}.site-nav a:hover,.site-nav a.active{background:#fff;color:#000;box-shadow:0 8px 22px rgba(0,0,0,.07)}.site-nav .nav-cta{background:var(--ink);color:white;margin-left:.25rem}.site-nav .nav-cta:hover{background:var(--magenta);color:white}.nav-toggle{display:none;border:0;background:var(--ink);border-radius:14px;padding:.6rem;width:44px;height:44px}.nav-toggle span:not(.sr-only){display:block;height:2px;background:white;margin:5px 4px;border-radius:2px}
.hero{max-width:var(--max);margin:24px auto 0;padding:38px 24px;display:grid;grid-template-columns:.92fr 1.08fr;gap:30px;align-items:center}.hero-home{position:relative;min-height:650px;border-radius:36px;background:radial-gradient(circle at 80% 15%,rgba(72,183,240,.45),transparent 28%),linear-gradient(135deg,#081014 0%,#0d171b 46%,#f9faef 46.2%,#f9faef 100%);box-shadow:var(--shadow);overflow:hidden}.hero-home:before{content:"";position:absolute;left:0;bottom:0;width:38%;height:42%;background:radial-gradient(circle at left bottom,rgba(72,183,240,.8) 0 2px,transparent 3px);background-size:22px 22px;opacity:.34}.hero-home:after{content:"";position:absolute;right:-80px;top:-70px;width:290px;height:290px;background:repeating-linear-gradient(135deg,#000 0 18px,#fff 18px 32px);border-radius:48%;opacity:.94;transform:rotate(-8deg)}.hero-copy{position:relative;z-index:1;color:white;padding:18px}.hero-copy h1{font-size:clamp(2.7rem,6vw,5.7rem);line-height:.94;margin:.3rem 0 1rem;letter-spacing:-.065em}.hero-copy p{font-size:clamp(1.08rem,2vw,1.34rem);color:rgba(255,255,255,.82);max-width:620px}.hero-media{position:relative;z-index:1}.hero-media img{border-radius:30px;box-shadow:0 30px 90px rgba(0,0,0,.35);transform:rotate(.7deg)}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;font-size:.78rem;color:var(--sky)}.eyebrow:before{content:"";width:28px;height:8px;background:linear-gradient(90deg,var(--sky),var(--magenta));border-radius:999px}.hero-actions,.button-stack{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1.6rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:999px;padding:.9rem 1.2rem;font-weight:900;border:1px solid transparent;transition:.2s ease;cursor:pointer}.btn.primary{background:var(--magenta);color:white;box-shadow:0 16px 28px rgba(224,64,251,.25)}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 20px 38px rgba(224,64,251,.32)}.btn.secondary{background:white;color:var(--ink);border-color:rgba(255,255,255,.72)}.btn.ghost{background:rgba(255,255,255,.08);color:white;border-color:rgba(255,255,255,.22)}.btn.ghost:hover{background:rgba(255,255,255,.16)}.mini-trust{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.45rem}.mini-trust span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);padding:.45rem .8rem;border-radius:999px;color:white;font-weight:850}
.notice-strip{max-width:var(--max);margin:22px auto 0;padding:18px 22px;border-radius:22px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:1rem;box-shadow:0 14px 36px rgba(0,0,0,.05)}.notice-strip span{color:var(--muted);margin-left:.35rem}.notice-strip a{font-weight:900;color:var(--magenta)}
.section{max-width:var(--max);margin:0 auto;padding:78px 24px}.section-heading h2,.panel-copy h2,.operator-card h2,.page-hero h1{font-size:clamp(2.1rem,4.4vw,4.25rem);line-height:1;letter-spacing:-.045em;margin:.35rem 0 1rem}.intro-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:48px;align-items:end}.lead{font-size:1.18rem;color:#484b45}.card-grid{display:grid;gap:20px}.card-grid.three{grid-template-columns:repeat(3,1fr)}.card-grid.two{grid-template-columns:repeat(2,1fr)}.feature-card,.support-card,.download-card,.requirements-card,.operator-card,.side-note,.faq-group{background:var(--cream-2);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:0 18px 44px rgba(23,31,33,.06)}.feature-card{position:relative;overflow:hidden;min-height:220px}.feature-card:after{content:"";position:absolute;right:-52px;bottom:-52px;width:150px;height:150px;border-radius:50%;background:linear-gradient(135deg,rgba(72,183,240,.14),rgba(224,64,251,.1))}.feature-card .icon{width:48px;height:48px;display:grid;place-items:center;border-radius:16px;background:var(--sky-2);color:#0c668f;font-weight:950;font-size:1.15rem;margin-bottom:1.2rem}.feature-card h3{font-size:1.35rem;margin:0 0 .55rem}.feature-card p{margin:0;color:var(--muted)}.split-panel{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.dark-panel{max-width:var(--max);border-radius:36px;background:linear-gradient(135deg,#0b1114,#172126);color:white;padding:26px;margin-top:26px;box-shadow:var(--shadow);position:relative;overflow:hidden}.dark-panel:before{content:"";position:absolute;right:0;top:0;width:34%;height:100%;background:linear-gradient(120deg,transparent,rgba(72,183,240,.13))}.cream-panel{padding-top:32px}.panel-copy{padding:28px;position:relative;z-index:1}.dark-panel .panel-copy p,.dark-panel .check-list{color:rgba(255,255,255,.77)}.panel-image img{border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.22)}.check-list{padding:0;margin:1.2rem 0 0;list-style:none}.check-list li{padding:.55rem 0 .55rem 2rem;position:relative}.check-list li:before{content:"✓";position:absolute;left:0;top:.55rem;width:22px;height:22px;display:grid;place-items:center;border-radius:999px;background:var(--sky);color:#061014;font-weight:950;font-size:.8rem}.operator-band{padding-top:36px}.operator-card{background:linear-gradient(135deg,#fff,#eaf8ff);border-color:rgba(72,183,240,.25)}.operator-card p{font-size:1.12rem;color:#4a504d}.page-hero{max-width:var(--max);margin:24px auto 0;padding:82px 24px 58px}.page-hero.compact{min-height:310px;border-radius:36px;background:radial-gradient(circle at 86% 20%,rgba(72,183,240,.28),transparent 28%),linear-gradient(135deg,#11191d,#182327);color:white;box-shadow:var(--shadow);padding-left:38px;position:relative;overflow:hidden}.page-hero.compact:after{content:"";position:absolute;right:-70px;top:-85px;width:250px;height:250px;background:repeating-linear-gradient(135deg,#000 0 16px,#fff 16px 30px);border-radius:46%;opacity:.85}.page-hero p{font-size:1.16rem;color:rgba(255,255,255,.78);max-width:760px}.journey-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:start}.steps-list{counter-reset:step;list-style:none;margin:0;padding:0;display:grid;gap:16px}.step{display:grid;grid-template-columns:auto 1fr;gap:18px;background:#fff;border:1px solid var(--line);border-radius:24px;padding:20px}.step span{width:46px;height:46px;display:grid;place-items:center;border-radius:16px;background:var(--ink);color:white;font-weight:950}.step h3{margin:0 0 .25rem}.step p{margin:0;color:var(--muted)}.side-note{position:sticky;top:100px}.side-note img{border-radius:22px;margin-bottom:20px}.side-note p{color:var(--muted)}.faq-layout{display:grid;gap:24px}.faq-group h2{margin:0 0 1rem;font-size:1.55rem}.faq-item{border-top:1px solid var(--line);padding:0}.faq-item summary{list-style:none;cursor:pointer;padding:18px 0;font-weight:900;display:flex;justify-content:space-between;gap:1rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";font-size:1.3rem;color:var(--magenta);font-weight:950}.faq-item[open] summary:after{content:"–"}.faq-item p{margin:0 0 18px;color:var(--muted);max-width:920px}.support-grid,.download-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.support-card.accent,.download-card{background:#fff}.topic-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.topic-grid span{background:var(--cream);border:1px solid var(--line);padding:12px 14px;border-radius:16px;font-weight:800;color:#40443f}.dev-note{font-size:.9rem;color:var(--muted);background:var(--cream);border:1px dashed rgba(224,64,251,.45);padding:12px 14px;border-radius:14px;margin-top:1rem}.info-band,.requirements-card{background:linear-gradient(135deg,#11191d,#223139);color:white;border-radius:30px}.info-band p,.requirements-card p{color:rgba(255,255,255,.78)}.download-card img{width:150px;border-radius:34px;box-shadow:0 18px 40px rgba(72,183,240,.24);margin-bottom:18px}.download-card ol{padding-left:1.2rem;color:#4d514c}.download-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.store-link{display:block;border:1px solid var(--line);padding:14px 16px;border-radius:16px;margin-top:10px;font-weight:850;background:var(--cream)}.store-link:hover{border-color:var(--sky);background:#fff}.site-footer{margin-top:56px;background:#0c1316;color:white;padding:54px 24px 22px;position:relative;overflow:hidden}.site-footer:before{content:"";position:absolute;left:-120px;bottom:-80px;width:380px;height:220px;background:radial-gradient(circle at left bottom,rgba(72,183,240,.7) 0 2px,transparent 3px);background-size:20px 20px;opacity:.25}.footer-grid{position:relative;max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.45fr .8fr .8fr .9fr;gap:34px}.footer-brand img{width:44px;height:44px;border-radius:13px}.site-footer h2{font-size:1rem;margin:0 0 1rem;color:var(--sky)}.site-footer a{display:block;color:rgba(255,255,255,.78);margin:.5rem 0}.site-footer p{color:rgba(255,255,255,.72);margin:.4rem 0}.flourish{font-weight:950;color:white!important}.footer-bottom{position:relative;max-width:var(--max);margin:34px auto 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;gap:1rem;color:rgba(255,255,255,.62);font-size:.92rem}.reveal{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
@media (max-width: 940px){
  .site-header{margin:0;padding:12px 16px}.nav-toggle{display:block}.site-nav{position:absolute;left:16px;right:16px;top:74px;display:none;flex-direction:column;align-items:stretch;background:white;border:1px solid var(--line);border-radius:22px;padding:10px;box-shadow:0 20px 60px rgba(0,0,0,.16)}.site-nav.open{display:flex}.site-nav .nav-cta{margin-left:0;text-align:center}.hero,.hero-home,.intro-grid,.split-panel,.journey-grid,.support-grid,.download-grid{grid-template-columns:1fr}.hero-home{background:linear-gradient(180deg,#081014 0%,#101b20 58%,#f9faef 58.3%);min-height:unset}.hero-copy{padding:6px}.hero-media img{transform:none}.card-grid.three,.card-grid.two,.footer-grid{grid-template-columns:1fr}.notice-strip{margin-left:16px;margin-right:16px;align-items:flex-start;flex-direction:column}.side-note{position:static}.topic-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.section{padding:54px 18px}.page-hero.compact{margin-left:16px;margin-right:16px;padding:58px 22px}.hero{margin-left:16px;margin-right:16px;padding:26px 18px}.hero-copy h1{font-size:clamp(2.7rem,13vw,4.8rem)}
}
@media (max-width: 520px){
  .brand small{display:none}.brand img{width:42px;height:42px}.hero-actions,.button-stack{flex-direction:column}.btn{width:100%}.section-heading h2,.panel-copy h2,.operator-card h2,.page-hero h1{font-size:2.25rem}.feature-card,.support-card,.download-card,.requirements-card,.operator-card,.side-note,.faq-group{padding:22px;border-radius:22px}.page-hero.compact:after,.hero-home:after{opacity:.35}.mini-trust{gap:.45rem}.mini-trust span{font-size:.9rem;padding:.35rem .65rem}
}
