:root{--bg: #10162e;--bg-deep: #0b1022;--card: rgba(255, 255, 255, .08);--card-strong: rgba(255, 255, 255, .13);--border: rgba(255, 255, 255, .12);--text: #f2f4fa;--text-dim: rgba(242, 244, 250, .65);--text-faint: rgba(242, 244, 250, .4);--accent: #7fb4ff;--radius: 20px;--font: "Avenir Next", Avenir, -apple-system, "SF Pro Rounded", sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}html{background:var(--bg)}body{font-family:var(--font);background:transparent;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}body:before,body:after{content:"";position:fixed;top:-30%;right:-30%;bottom:-30%;left:-30%;z-index:-1;pointer-events:none;will-change:transform}body:before{background:radial-gradient(closest-side at 70% 30%,rgba(77,38,115,.45),transparent 70%);animation:drift-a 52s ease-in-out infinite alternate}body:after{background:radial-gradient(closest-side at 30% 75%,rgba(204,89,77,.22),transparent 70%);animation:drift-b 67s ease-in-out infinite alternate}@keyframes drift-a{0%{transform:translate(-6%,-4%) scale(1)}50%{transform:translate(5%,6%) scale(1.15)}to{transform:translate(-3%,8%) scale(.95)}}@keyframes drift-b{0%{transform:translate(5%,3%) scale(1.1)}50%{transform:translate(-6%,-5%) scale(.9)}to{transform:translate(4%,-8%) scale(1.05)}}@media(prefers-reduced-motion:reduce){body:before,body:after{animation:none}}.container{max-width:1080px;margin:0 auto;padding:0 24px}nav{position:sticky;top:0;z-index:10;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#10162ebf;border-bottom:1px solid var(--border)}.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:1080px;margin:0 auto}.nav-brand{font-weight:700;font-size:1.1rem;letter-spacing:.02em;color:var(--text);text-decoration:none}.nav-links{display:flex;gap:24px}.nav-links a{color:var(--text-dim);text-decoration:none;font-size:.95rem;transition:color .2s}.nav-links a:hover{color:var(--text)}.hero{text-align:center;padding:96px 24px 48px}.hero h1{font-size:clamp(2.4rem,6vw,4rem);font-weight:700;letter-spacing:.01em}.hero .tagline{font-size:clamp(1.1rem,2.5vw,1.4rem);color:var(--text-dim);max-width:640px;margin:16px auto 0}.hero-screenshot{margin:56px auto 0;max-width:960px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:0 40px 80px #00000073}.hero-screenshot img{width:100%;display:block}.shot-placeholder{aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1b2440,#35235c 55%,#7c4237);color:var(--text-faint);font-size:.95rem}section{padding:72px 0}.section-title{font-size:clamp(1.6rem,3.5vw,2.2rem);font-weight:700;text-align:center}.section-sub{text-align:center;color:var(--text-dim);max-width:620px;margin:12px auto 48px}.widget-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.widget-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;transition:transform .2s ease,background .2s ease;font:inherit;color:inherit;text-align:left;cursor:pointer;display:block;width:100%}.widget-card:hover{transform:translateY(-4px);background:var(--card-strong)}.widget-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.more-card{cursor:default;display:flex;flex-direction:column;justify-content:center;border-style:dashed;background:transparent}.more-card:hover{transform:none;background:transparent}.more-card h3{color:var(--text-dim)}.widget-card h3{font-size:1.15rem;font-weight:600;margin-bottom:6px}.widget-card p{color:var(--text-dim);font-size:.95rem}.widget-card .shot{margin-top:16px;border-radius:12px;overflow:hidden;border:1px solid var(--border)}.widget-card .shot img{width:100%;display:block}.badge{display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--accent);background:#7fb4ff1f;padding:3px 10px;border-radius:999px;margin-left:8px;vertical-align:middle}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-top:48px}.feature-row.reverse .feature-text{order:2}@media(max-width:800px){.feature-row{grid-template-columns:1fr;gap:24px}.feature-row.reverse .feature-text{order:0}}.feature-text h3{font-size:1.4rem;font-weight:700;margin-bottom:12px}.feature-text p{color:var(--text-dim)}.feature-text ul{margin-top:12px;padding-left:1.2em;color:var(--text-dim)}.feature-shot{border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);box-shadow:0 24px 48px #00000059}.feature-shot img{width:100%;display:block}.privacy-strip{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:40px;text-align:center}.privacy-strip h3{font-size:1.3rem;margin-bottom:10px}.privacy-strip p{color:var(--text-dim);max-width:640px;margin:0 auto}.privacy-strip a{color:var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#060914b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:24px;animation:modal-fade .18s ease}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}.modal{position:relative;background:#171e3a;border:1px solid var(--border);border-radius:var(--radius);max-width:720px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 40px 90px #0009;animation:modal-pop .22s ease}@keyframes modal-pop{0%{transform:translateY(12px) scale(.98);opacity:0}to{transform:none;opacity:1}}.modal-close{position:absolute;top:14px;right:14px;z-index:1;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:#0a0e1e99;color:var(--text);font-size:.95rem;cursor:pointer;transition:background .2s}.modal-close:hover{background:#ffffff1f}.modal-shot img{width:100%;display:block}.modal-shot .shot-placeholder{border-radius:0}.modal-body{padding:28px 32px 32px}.modal-body h3{font-size:1.5rem;font-weight:700;margin-bottom:14px}.modal-body ul{padding-left:1.2em;color:var(--text-dim);display:flex;flex-direction:column;gap:8px}footer{border-top:1px solid var(--border);padding:40px 24px;text-align:center;color:var(--text-faint);font-size:.9rem}footer a{color:var(--text-dim)}