:root{--primary:#6750a4;--primary-dark:#4f378b;--accent:var(--primary);--on-primary:#fff;--bg:#fbf8ff;--surface:#fff;--surface-2:#f3eef9;--text:#201b24;--muted:#655f68;--outline:#e4dce8;--radius:28px;--shadow:0 24px 70px rgba(54,35,74,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}.brand,.footer-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800}.brand-mark{width:38px;height:38px;border-radius:13px;display:block;box-shadow:0 8px 24px rgba(103,80,164,.25)}nav{display:flex;align-items:center;gap:26px;font-size:14px;color:var(--muted)}nav a:hover,.footer-links a:hover{color:var(--accent)}.nav-button{display:inline-flex;align-items:center;gap:8px;padding:9px 17px;border:1px solid var(--outline);border-radius:999px;color:var(--text);background:var(--surface)}
.hero{max-width:1180px;margin:0 auto;padding:82px 24px 95px;display:grid;grid-template-columns:1.02fr .98fr;gap:50px;align-items:center}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:800;color:var(--accent);margin-bottom:14px}.hero h1{font-size:clamp(48px,6.5vw,78px);line-height:1.02;letter-spacing:-.055em;margin:0 0 25px;font-weight:850}.hero h1 span{color:var(--accent)}.hero-text{font-size:19px;max-width:610px;color:var(--muted);margin:0 0 30px}.actions{display:flex;gap:12px;flex-wrap:wrap}.actions .button{width:200px}.download-actions{display:inline-flex;flex-direction:column;gap:12px}.actions-row{display:flex;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:0 21px;border-radius:999px;font-weight:750;font-size:14px;white-space:nowrap;transition:.2s transform,.2s box-shadow}.button:hover{transform:translateY(-2px)}.button.primary{background:var(--primary);color:#fff;box-shadow:0 10px 28px rgba(103,80,164,.25)}.button.primary:hover{background:var(--primary-dark)}.button.secondary{background:var(--surface);border:1px solid var(--outline)}.button.full-width{width:100%}.icon-svg{flex:none}.fine-print{font-size:12px;color:var(--muted);margin-top:15px}
main{overflow-x:clip}.hero-visual{min-height:580px;position:relative;display:grid;place-items:center}.phone{width:255px;border:8px solid #29242d;border-radius:39px;background:#29242d;box-shadow:var(--shadow);overflow:hidden}.hero-visual:before,.showcase-visual:before{content:"";position:absolute;inset:-6%;background:radial-gradient(closest-side,rgba(124,77,255,.38),rgba(124,77,255,0));pointer-events:none}.phone-front{position:relative;z-index:2;transform:rotate(1.5deg)}.phone-back{position:absolute;transform:translate(110px,25px) rotate(10deg);opacity:.55}.phone img{display:block;width:100%;height:auto;border-radius:31px}
.trust-strip{border-top:1px solid var(--outline);border-bottom:1px solid var(--outline);padding:19px 24px;display:flex;justify-content:center;gap:22px;flex-wrap:wrap;font-size:10px;letter-spacing:.16em;color:#817984;font-weight:800}
.section{max-width:1180px;margin:auto;padding:105px 24px}.section-heading{max-width:690px;margin-bottom:45px}.section-heading h2,.showcase h2,.download h2{font-size:clamp(35px,4.5vw,55px);line-height:1.08;letter-spacing:-.045em;margin:0 0 16px}.section-heading p,.showcase p,.download p{color:var(--muted);font-size:17px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:var(--surface);border:1px solid var(--outline);border-radius:var(--radius);padding:28px;min-height:215px}.icon{width:42px;height:42px;border-radius:14px;background:var(--surface-2);color:var(--accent);display:grid;place-items:center;margin-bottom:23px}.feature h3{margin:0 0 8px;font-size:19px}.feature p{color:var(--muted);font-size:14px;margin:0}
.showcase{max-width:1180px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.showcase ul{padding:0;margin:28px 0 0;list-style:none;color:#4f4952}.showcase li{padding:9px 0 9px 29px;position:relative}.showcase li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:900}.showcase-visual{position:relative;display:grid;place-items:center}.showcase-visual .phone{position:relative;transform:rotate(-2deg)}
.screenshot-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.screenshot-grid a{display:block;border-radius:20px;overflow:hidden;border:1px solid var(--outline);background:var(--surface);position:relative}.screenshot-grid img{display:block;width:100%;height:auto;aspect-ratio:670/1530;object-fit:cover;transition:.25s transform}.screenshot-grid a:hover img{transform:scale(1.04)}.screenshot-grid span{display:block;padding:11px 14px;font-size:14px;font-weight:750;color:var(--text);background:var(--surface);border-top:1px solid var(--outline);position:relative}.screenshot-grid a:hover span{color:var(--accent)}
.download{padding-top:80px}.download-card{background:#ebe4f2;border:1px solid #ddd2e6;border-radius:36px;padding:55px;display:flex;align-items:center;justify-content:space-between;gap:40px}.download-card p{max-width:650px}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.community-card{display:block;background:var(--surface);border:1px solid var(--outline);border-radius:22px;padding:25px;transition:.2s}.community-card:hover{transform:translateY(-3px);border-color:#c7b8d4}.community-card .icon-svg{display:block;color:var(--accent);margin-bottom:14px}.community-card strong{display:block;font-size:18px;margin-bottom:7px}.community-card span{color:var(--muted);font-size:14px}
.faq{max-width:900px}.faq .section-heading{margin-bottom:25px}.faq details{border-top:1px solid var(--outline);padding:21px 0}.faq details:last-child{border-bottom:1px solid var(--outline)}summary{cursor:pointer;font-weight:750;font-size:16px}.faq p{color:var(--muted);font-size:14px;max-width:760px}
footer{border-top:1px solid var(--outline);max-width:1180px;margin:auto;padding:45px 24px 55px;display:grid;grid-template-columns:1fr auto;gap:24px 40px;align-items:start}.footer-about{display:grid;gap:12px}.footer-brand{font-size:18px}.footer-brand .brand-mark{width:32px;height:32px;border-radius:11px;font-size:14px}.footer-links{display:flex;gap:16px 20px;flex-wrap:wrap;justify-content:flex-end;max-width:520px;padding-top:6px;font-size:13px;color:var(--muted)}.footer-links a{display:inline-flex;align-items:center;gap:6px}footer p,footer small{margin:0;color:var(--muted);font-size:12px}footer p{line-height:1.7}footer a:not(.footer-links a){color:var(--text);text-decoration:underline;text-underline-offset:2px}footer small{grid-column:1/-1;margin-top:12px}
@media(max-width:850px){nav a:not(.nav-button):not(.nav-keep){display:none}nav{gap:18px}.hero{grid-template-columns:1fr;padding-top:60px}.hero-visual{min-height:530px}.phone{width:225px}.phone-back{transform:translate(90px,20px) rotate(10deg)}.feature-grid,.community-grid{grid-template-columns:1fr 1fr}.showcase{grid-template-columns:1fr;gap:45px}.download-card{display:block}.download-actions{margin-top:25px}.screenshot-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.topbar{height:68px}.hero{padding:48px 20px 70px}.hero h1{font-size:48px}.hero-text{font-size:17px}.hero-visual{min-height:480px}.phone{width:205px}.phone-back{transform:translate(70px,15px) rotate(10deg)}.trust-strip{font-size:8px;gap:10px}.section,.showcase{padding:75px 20px}.feature-grid,.community-grid{grid-template-columns:1fr}.feature{min-height:0}.download-card{padding:35px 25px;border-radius:28px}.download-actions{width:100%}.actions-row{flex-direction:column}footer{grid-template-columns:1fr;padding:35px 20px}.footer-links{justify-content:flex-start;flex-wrap:wrap;padding-top:0}.hero-visual{transform:scale(.92)}.screenshot-grid{grid-template-columns:repeat(2,1fr)}}
@media(prefers-color-scheme:dark){:root{--accent:#d0bcff;--bg:#141218;--surface:#1d1a20;--surface-2:#28222e;--text:#eee9f0;--muted:#c8c0ca;--outline:#39323d}.topbar,.trust-strip,footer{border-color:var(--outline)}.nav-button,.button.secondary{background:var(--surface);color:var(--text)}.download-card{background:#241f2b;border-color:#3c3445}.feature,.community-card{background:var(--surface)}.showcase li{color:#d2cbd3}.phone{border-color:#2f2935;box-shadow:0 0 0 1px rgba(255,255,255,.08),var(--shadow)}}