:root{color-scheme:dark;--bg:#0c111b;--surface:#141e2b;--surface2:#172638;--line:#263447;--txt:#eef4fa;--sub:#b0bfd0;--blue:#64b5f6;--blue2:#1772d4;--max:1140px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:95px}
body{margin:0;background:var(--bg);color:var(--txt);font:16px/1.65 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid #b2dfff;outline-offset:4px}
.skip{position:absolute;top:-80px;left:10px;z-index:100;background:white;color:black;padding:10px}
.skip:focus{top:10px}
.wrap{width:min(calc(100% - 64px),var(--max));margin-inline:auto}

.site-header{position:sticky;top:0;z-index:20;background:#0c111be8;border-bottom:1px solid #27354a9c;backdrop-filter:blur(18px)}
.nav{min-height:82px;display:flex;align-items:center;gap:32px}
.brand{text-decoration:none;display:inline-flex;gap:12px;align-items:center;font-size:19px;font-weight:800;letter-spacing:-.65px}
.brand img{width:41px;height:41px;border-radius:11px;object-fit:cover}
.nav-links{display:flex;gap:32px;margin-left:auto}
.nav-links a,.footer-links a{font-size:13px;text-decoration:none;color:#becbd8;transition:color .2s}
.nav-links a:hover,.footer-links a:hover{color:white}
.nav-cta{text-decoration:none;background:#203f62;color:#dbeeff;font-size:13px;font-weight:750;border:1px solid #3979b3;border-radius:100px;padding:10px 20px;white-space:nowrap}
.nav-cta:hover{background:#305c86}
.menu-toggle{display:none;background:none;color:white;border:0;font-size:26px}
.mobile-menu{display:none}

.hero{min-height:560px;display:grid;grid-template-columns:1.1fr .9fr;gap:46px;align-items:center;padding-top:84px;padding-bottom:78px}
.eyebrow,.kicker{font-size:11px;letter-spacing:.15em;font-weight:800;color:#91cfff;text-transform:uppercase}
.eyebrow{display:flex;align-items:center;gap:10px}
.spark{width:8px;height:8px;border-radius:50%;background:#78d5ac;box-shadow:0 0 0 5px #78d5ac17}
.hero h1{font-size:clamp(40px,4.6vw,62px);line-height:1.14;letter-spacing:-.055em;margin:24px 0 25px;font-weight:800;max-width:620px}
.hero h1 span{color:#78bffc}
.lead{max-width:540px;color:#c2cbd7;font-size:18px;line-height:1.7;margin:0}
.lead strong{font-weight:650;color:#eff8ff}
.hero-actions,.download-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;border-radius:100px;padding:14px 22px;font-size:14px;line-height:1.35;font-weight:750;text-decoration:none;border:1px solid transparent;transition:transform .18s,background .18s;white-space:nowrap}
.button:hover{transform:translateY(-2px)}
.button.primary{color:#08182c;background:#75c2ff;box-shadow:0 10px 32px #186fcb25}
.button.primary:hover{background:#a2d8ff}
.button.ghost{color:#d7e8fa;border-color:#47566c;background:#111b29}
.button.ghost:hover{background:#1c2a3a}
.button.coffee{background:transparent;color:#8dccff;border-color:#64748b}
.button.unavailable{opacity:.55;cursor:default;pointer-events:none}
.hero-notes{display:flex;flex-wrap:wrap;gap:22px;margin-top:31px;font-size:12px;color:#aebccc}
.hero-notes span{display:flex;align-items:center;gap:8px}
.mini-icon{width:17px;height:17px;fill:none;stroke:#83bbef;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}

.hero-art{min-height:420px;position:relative;display:flex;align-items:center;justify-content:center}
.hero-glow{width:90%;height:75%;position:absolute;background:radial-gradient(ellipse at center,#144a79aa 0%,#153f6730 46%,transparent 73%);filter:blur(14px)}
.icon-badge{position:relative;width:min(230px,60%);aspect-ratio:1;border-radius:52px;overflow:hidden;box-shadow:0 30px 90px #0009,0 0 0 1px #45546666}
.icon-badge img{width:100%;height:100%;object-fit:cover;display:block}
.floating-note{position:absolute;right:4%;bottom:14%;background:#182a3b;border:1px solid #425a71;border-radius:16px;display:flex;align-items:center;gap:11px;padding:14px 17px;box-shadow:0 17px 35px #0007;transform:rotate(-3deg)}
.note-icon{display:grid;place-items:center;background:#235d4c;color:#a7f2c8;font-weight:900;border-radius:100%;width:34px;height:34px}
.floating-note strong{display:block;font-size:12px}
.floating-note small{display:block;color:#a9becc;font-size:11px}

.trust-band{background:#111b28;border-block:1px solid #243347}
.trust-inner{display:grid;grid-template-columns:repeat(3,1fr);padding-block:26px;gap:24px}
.trust-inner div:not(:first-child){padding-left:34px;border-left:1px solid #304052}
.trust-inner strong{font-size:14px;display:block;font-weight:750}
.trust-inner span{font-size:12px;color:#a9b7c6}

.section{padding-top:108px;padding-bottom:106px}
.section-heading{text-align:center;max-width:740px;margin:0 auto 54px}
.section-heading h2,.privacy-copy h2,.download-card h2,.maker-card h2{font-size:clamp(30px,3.2vw,44px);line-height:1.19;letter-spacing:-.046em;margin:13px 0 18px}
.section-heading p,.privacy-copy p,.download-card p,.maker-card p{font-size:16px;line-height:1.8;color:#acbaca;margin:0}

.flow-diagram{display:flex;align-items:center;justify-content:center;gap:21px}
.flow-node{height:200px;width:240px;border:1px solid #304256;background:linear-gradient(145deg,#172433,#111c2a);border-radius:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}
.flow-node.focus{border-color:#3876ac;background:linear-gradient(150deg,#1b3857,#14283e)}
.flow-node strong{font-size:18px}
.flow-node small{font-size:11px;text-align:center;color:#a7bbcc;max-width:200px}
.flow-emoji{height:60px;font-size:46px;font-weight:300;line-height:60px;color:#79bdf5}
.flow-node img{border-radius:16px;width:56px;height:56px}
.flow-arrow{color:#73baf6;font-size:34px}
.flow-caption{text-align:center;color:#8598aa;font-size:12px;max-width:700px;margin:27px auto 0}

.feature-section{background:#101925;border-block:1px solid #233448}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.feature-card{background:#172331;border:1px solid #293d52;border-radius:22px;padding:28px;min-height:200px}
.feature-card h3{font-size:17px;letter-spacing:-.015em;margin:18px 0 9px}
.feature-card p{color:#aebdcd;font-size:13px;line-height:1.75;margin:0}
.feature-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#264b6c;color:#a5d7ff;font-size:25px}
.feature-footnote{text-align:center;color:#8597a8;font-size:12px;max-width:750px;margin:25px auto 0}

.privacy-section{display:grid;grid-template-columns:1fr .9fr;gap:72px;align-items:center}
.privacy-copy p{margin-bottom:19px}
.inline-link{color:#8dcaff;text-underline-offset:5px;font-size:14px;font-weight:700}
.privacy-illustration{display:grid;place-items:center;min-height:360px;background:radial-gradient(circle,#1948736b,transparent 70%)}
.safe-panel{width:min(100%,340px);padding:24px 24px 28px;border-radius:24px;border:1px solid #3b5877;background:linear-gradient(145deg,#213a56,#162638);text-align:center;box-shadow:0 28px 70px #0006}
.safe-top{display:flex;gap:7px;border-bottom:1px solid #405b74;padding-bottom:16px}
.safe-dot{width:8px;height:8px;border-radius:50%;background:#6c90b5}
.safe-lock{font-size:70px;line-height:1.6;color:#95ccf9}
.safe-panel strong{display:block;font-size:19px}
.safe-panel>span:last-child{display:block;font-size:12px;color:#aac0d4}

.download-section{padding-block:30px 60px}
.download-card{display:flex;justify-content:space-between;gap:50px;align-items:center;border:1px solid #32618c;border-radius:28px;background:linear-gradient(125deg,#16314b,#132236);padding:54px 65px}
.download-card>div{max-width:660px}
.download-card img{border-radius:35px;box-shadow:0 18px 45px #0007;flex-shrink:0;width:150px;height:150px}
.availability{display:block;color:#a3b5c5;font-size:11px;margin-top:16px}

.maker-section{padding-block:48px 80px}
.maker-card{border-radius:26px;border:1px solid #2c3c50;padding:40px 52px;background:#141e2b}
.maker-card>p{max-width:850px}
.maker-card h2{margin-top:10px}
.maker-bottom{border-top:1px solid #2c4055;margin-top:30px;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:26px}
.maker-bottom strong,.maker-bottom span{display:block}
.maker-bottom span{font-size:13px;color:#adbccc}
.maker-actions{display:flex;gap:10px;flex-wrap:wrap}

.contact-note{text-align:center;color:#98aabd;font-size:12px;padding-bottom:65px}
.contact-note a{color:#9acfff}

.site-footer{background:#0a1018;border-top:1px solid #243447}
.footer-inner{min-height:125px;display:flex;align-items:center;gap:40px;flex-wrap:wrap;padding-block:30px}
.footer-brand{display:flex;align-items:center;gap:11px}
.footer-brand img{border-radius:8px}
.footer-brand strong{display:block;font-size:13px}
.footer-brand small{display:block;color:#90a5ba;font-size:11px}
.footer-links{display:flex;gap:22px;margin-left:auto;flex-wrap:wrap}
.copyright{display:block;width:100%;color:#8193a6;font-size:10px}

.document{max-width:820px;padding-top:75px;padding-bottom:110px}
.document h1{font-size:clamp(32px,3.6vw,46px);letter-spacing:-.045em;margin:8px 0 12px}
.document p,.document li{color:#b9c6d4;line-height:1.85}
.document h2{margin-top:40px;font-size:21px;letter-spacing:-.02em}
.document a{color:#9ad0ff}
.document .meta{font-size:13px;color:#92a8bc}
.document ul{padding-left:20px}
.document li{margin-bottom:10px}
.back-link{display:inline-block;margin:28px 0;font-size:14px;color:#becbd8}

@media(max-width:740px){
  .wrap{width:min(calc(100% - 38px),var(--max))}
  .nav{min-height:68px}
  .brand{font-size:17px}
  .brand img{width:36px;height:36px}
  .nav-links,.nav-cta{display:none}
  .menu-toggle{display:block;margin-left:auto}
  .mobile-menu:not([hidden]){display:flex;flex-direction:column;gap:0;padding:6px 19px 16px;background:#111b29}
  .mobile-menu a{padding:10px 0;text-decoration:none;border-bottom:1px solid #304057;font-size:14px}
  .hero{grid-template-columns:1fr;text-align:left;padding-top:62px;padding-bottom:50px;gap:18px}
  .hero h1{font-size:clamp(38px,9vw,54px);margin-block:20px}
  .lead{font-size:16px}
  .hero-art{min-height:360px}
  .icon-badge{width:170px;border-radius:40px}
  .floating-note{bottom:8%;right:2%;padding:9px 12px}
  .floating-note strong{font-size:11px}
  .floating-note small{font-size:10px}
  .hero-notes{gap:16px}
  .trust-inner{grid-template-columns:1fr;gap:14px;padding-block:20px}
  .trust-inner div:not(:first-child){padding:14px 0 0;border-left:none;border-top:1px solid #304052}
  .section{padding-block:72px}
  .section-heading{margin-bottom:32px}
  .flow-diagram{gap:8px}
  .flow-node{height:150px;min-width:0;width:32%;padding:12px 5px;border-radius:14px}
  .flow-node strong{font-size:12px}
  .flow-node small{font-size:9px}
  .flow-node img{width:44px;height:44px;border-radius:12px}
  .flow-emoji{font-size:36px;height:46px;line-height:46px}
  .flow-arrow{font-size:20px}
  .feature-grid{grid-template-columns:1fr 1fr}
  .feature-card{min-height:unset}
  .privacy-section{grid-template-columns:1fr;gap:20px}
  .privacy-illustration{min-height:280px}
  .download-card{padding:31px;flex-direction:column;text-align:center}
  .download-card img{width:95px;height:95px;border-radius:22px}
  .maker-section{padding-block:25px 64px}
  .maker-card{padding:30px}
  .maker-bottom{align-items:flex-start;flex-direction:column}
  .footer-links{margin-left:0}
  .document{padding-top:60px}
}