@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c15e96cb-module__0bjUvq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c15e96cb-module__0bjUvq__variable{--font-inter:"Inter", "Inter Fallback"}
:root{--ink:#151221;--ink-2:#5b5670;--ink-3:#8a84a0;--bg:#fafafc;--surface:#fff;--border:#eae7f3;--border-2:#ddd8ec;--primary:#4f46e5;--primary-2:#7c3aed;--primary-tint:#eeecfc;--success:#0fa968;--success-tint:#e4f7ee;--amber:#d97706;--amber-tint:#fcf1de;--shadow-sm:0 1px 2px #1512210f;--shadow-md:0 12px 30px #15122114;--shadow-lg:0 30px 80px #15122129;--glass-bg:#ffffffb3;--glass-border:#fff9;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--ink:#f5f3fb;--ink-2:#c3bdda;--ink-3:#8f88ac;--bg:#211d2e;--surface:#262233;--border:#3a3550;--border-2:#4a4466;--primary:#8c81f7;--primary-2:#b090f9;--primary-tint:#2f2852;--success:#3ee0a8;--success-tint:#163d2e;--amber:#f8c065;--amber-tint:#46330f;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 12px 30px #00000059;--shadow-lg:0 30px 90px #0000008c;--glass-bg:#262233b3;--glass-border:#ffffff14;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-inter), "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.container{max-width:1120px;margin:0 auto;padding:0 24px}.nav{z-index:20;-webkit-backdrop-filter:blur(16px);background:color-mix(in srgb, var(--bg) 78%, transparent);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1120px;margin:0 auto;display:flex}.brand{letter-spacing:-.01em;align-items:center;gap:9px;font-size:16px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;width:28px;height:28px;box-shadow:var(--shadow-sm);border-radius:8px;justify-content:center;align-items:center;display:flex}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;height:44px;padding:0 20px;font-size:14.5px;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;display:inline-flex}.btn:active{transform:translateY(1px)scale(.99)}.btn-primary{color:#fff;background:linear-gradient(135deg, var(--primary), var(--primary-2));box-shadow:0 10px 24px -8px color-mix(in srgb, var(--primary) 70%, transparent)}.btn-primary:hover{box-shadow:0 14px 30px -8px color-mix(in srgb, var(--primary) 80%, transparent);transform:translateY(-1px)}.btn-ghost{color:var(--ink);background:var(--surface);border-color:var(--border-2)}.btn-ghost:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn-sm{height:38px;padding:0 16px;font-size:13.5px}.btn-google{background:var(--surface);color:var(--ink);border-color:var(--border-2)}.btn-google:hover{border-color:var(--primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn-row{flex-wrap:wrap;gap:12px;display:flex}.hero{padding:76px 24px 40px;position:relative;overflow:hidden}.hero-bg{background:radial-gradient(600px circle at 18% 20%, color-mix(in srgb, var(--primary) 26%, transparent), transparent 60%), radial-gradient(560px circle at 85% 10%, color-mix(in srgb, var(--primary-2) 22%, transparent), transparent 60%), radial-gradient(500px circle at 60% 55%, color-mix(in srgb, var(--success) 12%, transparent), transparent 65%);filter:blur(10px);pointer-events:none;z-index:0;height:640px;position:absolute;inset:-20% -10% auto}.hero-inner{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;max-width:1120px;margin:0 auto;display:grid;position:relative}.badge{letter-spacing:.02em;background:var(--primary-tint);color:var(--primary);border:1px solid color-mix(in srgb, var(--primary) 25%, transparent);border-radius:999px;align-items:center;gap:7px;padding:7px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.badge-dot{background:var(--success);border-radius:50%;width:6px;height:6px}.hero h1{letter-spacing:-.03em;margin:18px 0 16px;font-size:clamp(34px,5vw,56px);font-weight:800;line-height:1.06}.hero .accent{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#0000;-webkit-background-clip:text;background-clip:text}.hero .subtitle{color:var(--ink-2);max-width:46ch;font-size:17.5px;line-height:1.55}.hero .btn-row{margin-top:30px}.hero-note{color:var(--ink-3);margin-top:14px;font-size:12.5px}.mockup{z-index:1;background:var(--glass-bg);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-width:360px;margin:0 auto;padding:16px 16px 20px;transition:transform .4s;position:relative;transform:rotate(1.2deg)}.mockup:hover{transform:rotate(0)translateY(-4px)}.mockup-bar{gap:6px;padding:2px 4px 12px;display:flex}.mockup-dot{border-radius:50%;width:9px;height:9px}.mockup-head{align-items:baseline;gap:8px;padding:0 4px 10px;display:flex}.mockup-day{color:var(--primary);font-size:16px;font-weight:800}.mockup-date{color:var(--ink-3);font-size:12px}.mockup-progress{letter-spacing:.03em;color:var(--ink-3);align-items:center;gap:10px;padding:0 4px 12px;font-size:10px;font-weight:700;display:flex}.mockup-track{background:var(--border);border-radius:4px;flex:1;height:5px;overflow:hidden}.mockup-fill{background:linear-gradient(90deg, var(--primary), var(--primary-2));border-radius:4px;height:100%}.mockup-list{flex-direction:column;gap:7px;display:flex}.mockup-row{border:1px solid var(--border);background:var(--surface);border-radius:14px;align-items:center;gap:9px;padding:10px 11px;display:flex}.mockup-row.done{background:var(--success-tint);border-color:#0000}.mockup-check{border:1.5px solid var(--border-2);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex}.mockup-row.done .mockup-check{background:var(--success);border-color:var(--success)}.mockup-title{flex:1;font-size:12.5px;font-weight:500}.mockup-row.done .mockup-title{color:var(--ink-3);text-decoration:line-through}.mockup-time{color:var(--ink-3);font-size:10.5px}.mockup-input{border:1.5px solid var(--primary);height:36px;color:var(--ink-3);box-shadow:0 0 0 3px var(--primary-tint);border-radius:12px;align-items:center;margin-top:14px;padding:0 12px;font-size:12.5px;display:flex}.section{padding:88px 24px}.section-head{text-align:center;max-width:640px;margin:0 auto 48px}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--primary);font-size:12.5px;font-weight:800}.section-head h2{letter-spacing:-.02em;margin:10px 0 12px;font-size:clamp(26px,3.4vw,38px);line-height:1.15}.section-head p{color:var(--ink-2);font-size:16px;line-height:1.6}.bento{grid-template-columns:repeat(6,1fr);gap:16px;max-width:1120px;margin:0 auto;display:grid}.bento-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);grid-column:span 3;padding:26px;transition:transform .2s,box-shadow .2s,border-color .2s}.bento-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-2);transform:translateY(-3px)}.bento-card.wide{grid-column:span 4}.bento-card.narrow{grid-column:span 2}.feature-icon{background:var(--primary-tint);width:42px;height:42px;color:var(--primary);border-radius:12px;justify-content:center;align-items:center;margin-bottom:16px;display:flex}.bento-card h3{letter-spacing:-.01em;margin:0 0 8px;font-size:17px}.bento-card p{color:var(--ink-2);margin:0;font-size:14.5px;line-height:1.55}.platforms{grid-template-columns:repeat(3,1fr);gap:16px;max-width:1120px;margin:0 auto;display:grid}.platform-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:14px;padding:28px;display:flex}.platform-card .platform-icon{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.platform-card h3{margin:0;font-size:17px}.platform-card p{color:var(--ink-2);flex:1;margin:0;font-size:14px;line-height:1.55}.cta-band{border-radius:var(--radius-lg);text-align:center;background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#fff;max-width:1120px;box-shadow:var(--shadow-lg);margin:0 auto;padding:56px 40px}.cta-band h2{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(24px,3vw,32px)}.cta-band p{opacity:.9;margin:0 0 26px;font-size:15.5px}.cta-band .btn-row{justify-content:center}.cta-band .btn-google{background:#fff;border-color:#0000}.cta-band .btn-ghost{color:#fff;background:0 0;border-color:#fff6}.cta-band .btn-ghost:hover{color:#fff;border-color:#fff}.footer{text-align:center;color:var(--ink-3);padding:36px 24px 48px;font-size:13px}.footer .brand{color:var(--ink);justify-content:center;margin-bottom:10px}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(18px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}.btn,.mockup,.bento-card{transition:none}}@media (max-width:900px){.hero-inner{text-align:center;grid-template-columns:1fr;gap:40px}.hero .subtitle{margin:0 auto}.hero .btn-row{justify-content:center}.mockup{max-width:340px}.platforms{grid-template-columns:1fr}}@media (max-width:640px){.hero{padding:56px 18px 32px}.section{padding:64px 18px}.bento{grid-template-columns:1fr}.bento-card,.bento-card.wide,.bento-card.narrow{grid-column:span 1}.btn-row{flex-direction:column;align-items:stretch}.btn{width:100%}.cta-band{padding:40px 22px}}