:root{--bg:#fff;--bg-warm:#fafaf8;--bg-tint:#f5f4ff;--bg-canvas:#f7f7fb;--ink:#16161d;--ink-2:#4b4b57;--ink-3:#7c7c89;--accent:#6356f6;--accent-deep:#4f43e0;--accent-soft:#eceafe;--accent-grad:linear-gradient(135deg, #6356f6 0%, #8b5cf6 100%);--green:#16a34a;--green-soft:#e8f7ee;--amber:#d97706;--amber-soft:#fdf2dd;--pink:#db2777;--pink-soft:#fce7f3;--blue:#2563eb;--blue-soft:#e4edfe;--purple:#9333ea;--purple-soft:#f3e8ff;--line:#e9e9ef;--line-2:#dcdce4;--shadow-sm:0 1px 2px #16161d0d;--shadow-md:0 6px 16px -4px #16161d14, 0 2px 4px #16161d0a;--shadow-lg:0 20px 40px -12px #16161d24, 0 4px 10px #16161d0d;--shadow-accent:0 8px 24px -6px #6356f673;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:24px;--font:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--ease:cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:16px;line-height:1.6;overflow-x:hidden}img,svg{max-width:100%;display:block}h1,h2,h3,h4{letter-spacing:-.03em;color:var(--ink);font-weight:700;line-height:1.12}h1{letter-spacing:-.045em;font-size:clamp(2.4rem,5.4vw,4.25rem);font-weight:800}h2{letter-spacing:-.035em;font-size:clamp(1.85rem,3.6vw,2.75rem)}h3{letter-spacing:-.02em;font-size:1.25rem}p{color:var(--ink-2)}a{color:var(--accent);transition:color .15s var(--ease);text-decoration:none}a:hover{color:var(--accent-deep)}.lead{color:var(--ink-2);font-size:clamp(1.05rem,1.6vw,1.3rem);line-height:1.65}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8rem;font-weight:600;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:2px;width:20px;height:2px}.container{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.section{padding:110px 0}.section-warm{background:var(--bg-warm)}.section-tint{background:linear-gradient(180deg, var(--bg-tint) 0%, #fff 100%)}.section-head{text-align:center;max-width:720px;margin:0 auto 64px}.section-head h2{margin-bottom:16px}.section-head p{font-size:1.125rem}.split{grid-template-columns:1fr 1fr;align-items:center;gap:72px;display:grid}.grid-2{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.btn{font-family:var(--font);cursor:pointer;transition:transform .15s var(--ease), box-shadow .15s var(--ease), background .15s var(--ease);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 26px;font-size:.975rem;font-weight:600;display:inline-flex}.btn:focus-visible{outline-offset:2px;outline:3px solid #6356f666}.btn-primary{background:var(--accent-grad);color:#fff;box-shadow:var(--shadow-accent)}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px -6px #6356f68c}.btn-secondary{color:var(--ink);border-color:var(--line-2);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{background:var(--bg-warm);color:var(--ink);border-color:#c9c9d6;transform:translateY(-2px)}.btn-lg{padding:16px 34px;font-size:1.05rem}.btn-block{width:100%}.badge{background:var(--accent-soft);color:var(--accent-deep);border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;font-weight:600;display:inline-flex}.badge-soft{border:1px solid var(--line);color:var(--ink-2);background:#fff}.chip{border:1px solid var(--line);color:var(--ink-2);box-shadow:var(--shadow-sm);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:.9rem;font-weight:600;display:inline-flex}.chip-dot{border-radius:50%;width:9px;height:9px}.navbar{z-index:50;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#ffffffd9;position:sticky;top:0}.navbar-inner{justify-content:space-between;align-items:center;height:68px;display:flex}.logo{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:10px;font-size:1.2rem;font-weight:800;display:flex}.logo-mark{background:var(--accent-grad);color:#fff;width:30px;height:30px;box-shadow:var(--shadow-accent);border-radius:9px;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--ink-2);font-size:.95rem;font-weight:500}.nav-links a:hover{color:var(--ink)}.nav-cta{align-items:center;gap:12px;display:flex}.navbar .btn{padding:10px 20px;font-size:.9rem}.hero{background:radial-gradient(1100px 520px at 50% -10%, #6356f61a, transparent 65%), radial-gradient(700px 380px at 85% 8%, #ec48990f, transparent 60%), var(--bg);padding:96px 0 80px;position:relative;overflow:hidden}.hero-inner{text-align:center;max-width:860px;margin:0 auto}.hero h1{margin:20px 0 22px}.hero h1 .grad{background:var(--accent-grad);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.hero .lead{max-width:640px;margin:0 auto 36px}.hero-ctas{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero-note{color:var(--ink-3);margin-top:18px;font-size:.875rem}.hero-canvas{border:1px solid var(--line);border-radius:var(--r-xl);background:radial-gradient(circle at 1px 1px, #dcdce6 1px, transparent 1.5px) 0 0 / 22px 22px, var(--bg-canvas);box-shadow:var(--shadow-lg);margin-top:72px;padding:56px 32px 64px;position:relative}.canvas-toolbar{border-bottom:1px solid var(--line);border-radius:var(--r-xl) var(--r-xl) 0 0;background:#fff;align-items:center;gap:8px;height:44px;padding:0 18px;display:flex;position:absolute;top:0;left:0;right:0}.canvas-toolbar .dot{border-radius:50%;width:10px;height:10px}.canvas-toolbar .title{color:var(--ink-3);align-items:center;gap:8px;margin-left:12px;font-size:.8rem;font-weight:600;display:flex}.canvas-toolbar .pill{color:var(--green);background:var(--green-soft);border-radius:999px;margin-left:auto;padding:3px 10px;font-size:.72rem;font-weight:700}.flow{justify-content:center;align-items:stretch;gap:0;margin-top:28px;display:flex}.flow-node{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-md);text-align:left;width:230px;transition:transform .2s var(--ease), box-shadow .2s var(--ease);background:#fff;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.flow-node:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.flow-node.is-ai{box-shadow:0 0 0 3px #6356f61f, var(--shadow-md);border-color:#6356f68c}.node-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.node-app{align-items:center;gap:8px;font-size:.875rem;font-weight:700;display:flex}.node-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.node-tag{letter-spacing:.04em;text-transform:uppercase;background:var(--bg-warm);color:var(--ink-3);border-radius:999px;padding:3px 8px;font-size:.65rem;font-weight:700}.node-tag.tag-ai{background:var(--accent-soft);color:var(--accent-deep)}.node-desc{color:var(--ink-3);font-size:.78rem;line-height:1.45}.node-desc b{color:var(--ink-2);font-weight:600}.flow-connector{color:var(--line-2);flex-shrink:0;align-self:center;align-items:center;padding:0 6px;display:flex}.flow-connector svg{overflow:visible}.flow-connector .dash{stroke-dasharray:5 5;animation:1.2s linear infinite dashmove}@keyframes dashmove{to{stroke-dashoffset:-10px}}.canvas-chip{border:1px solid var(--line);color:var(--ink-2);box-shadow:var(--shadow-md);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.8rem;font-weight:600;animation:6s ease-in-out infinite float;display:inline-flex;position:absolute}.canvas-chip.c1{animation-delay:0s;top:70px;left:4%}.canvas-chip.c2{animation-delay:1.6s;bottom:26px;right:5%}.canvas-chip .ok{color:var(--green)}.logo-strip{text-align:center;padding:44px 0 8px}.logo-strip p{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:22px;font-size:.82rem;font-weight:600}.logo-strip-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.card{border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:transform .2s var(--ease), box-shadow .2s var(--ease), border-color .2s var(--ease);background:#fff;padding:32px 28px}.card:hover{box-shadow:var(--shadow-md);border-color:var(--line-2);transform:translateY(-4px)}.feature-icon{border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:20px;display:flex}.card h3{margin-bottom:10px}.card p{font-size:.95rem}.chart-panel{border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);background:#fff;padding:28px}.chart-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.chart-head .label{color:var(--ink);font-size:.85rem;font-weight:700}.chart-head .delta{color:var(--green);background:var(--green-soft);border-radius:999px;padding:3px 10px;font-size:.78rem;font-weight:700}.chart-sub{color:var(--ink-3);margin-bottom:18px;font-size:.78rem}.chart-bars{align-items:flex-end;gap:12px;height:180px;display:flex}.chart-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.chart-bar{transform-origin:bottom;width:100%;animation:grow .9s var(--ease) both;background:linear-gradient(#c9c3fb 0%,#ece9fe 100%);border-radius:8px 8px 4px 4px}.chart-bar.hot{background:var(--accent-grad);box-shadow:0 6px 14px -4px #6356f680}.chart-x{color:var(--ink-3);font-size:.7rem;font-weight:600}@keyframes grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.checklist{flex-direction:column;gap:14px;margin-top:28px;list-style:none;display:flex}.checklist li{color:var(--ink-2);align-items:flex-start;gap:12px;font-size:1rem;display:flex}.checklist .check{background:var(--green-soft);width:22px;height:22px;color:var(--green);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.stat-row{gap:40px;margin-top:36px;display:flex}.stat .num{letter-spacing:-.03em;color:var(--ink);font-size:2rem;font-weight:800}.stat .lbl{color:var(--ink-3);font-size:.85rem}.recipe{flex-direction:column;gap:0;padding:0;display:flex;overflow:hidden}.recipe-body{flex:1;padding:28px 28px 22px}.recipe-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.recipe-head .feature-icon{border-radius:12px;width:46px;height:46px;margin:0}.recipe p{font-size:.95rem}.recipe-pipe{border-top:1px solid var(--line);background:var(--bg-warm);font-family:var(--mono);color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:6px;padding:16px 28px;font-size:.75rem;font-weight:600;display:flex}.pipe-step{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:6px;padding:4px 9px;display:inline-flex}.pipe-step .dot{border-radius:50%;width:7px;height:7px}.pipe-arrow{color:var(--ink-3)}.shield-wrap{justify-content:center;align-items:center;width:320px;height:320px;margin:0 auto;display:flex;position:relative}.ring{border:1.5px solid #6356f62e;border-radius:50%;position:absolute}.ring.r1{animation:5s ease-in-out infinite pulse;inset:0}.ring.r2{border-color:#6356f647;animation:5s ease-in-out .6s infinite pulse;inset:38px}.ring.r3{border-color:#6356f666;inset:76px}.shield-core{border:1px solid var(--line);width:128px;height:128px;box-shadow:var(--shadow-lg), 0 0 60px #6356f62e;color:var(--accent);background:#fff;border-radius:36px;justify-content:center;align-items:center;display:flex;position:relative}@keyframes pulse{0%,to{opacity:.6;transform:scale(.97)}50%{opacity:1;transform:scale(1.03)}}.privacy-points{flex-direction:column;gap:18px;margin-top:28px;display:flex}.privacy-point{align-items:flex-start;gap:14px;display:flex}.privacy-point .ico{background:var(--accent-soft);width:38px;height:38px;color:var(--accent-deep);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.privacy-point h4{margin-bottom:2px;font-size:1rem}.privacy-point p{font-size:.9rem}.review-banner{border-radius:var(--r-xl);box-shadow:var(--shadow-lg);background:linear-gradient(135deg,#16161d 0%,#26263a 100%);align-items:center;gap:28px;padding:44px 48px;display:flex}.review-banner .ico{color:#8ef0b3;background:#ffffff14;border:1px solid #ffffff24;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.review-banner h2{color:#fff;margin-bottom:8px;font-size:clamp(1.4rem,2.4vw,1.9rem)}.review-banner p{color:#ffffffb8;max-width:640px;font-size:1rem}.roadmap-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.phase{padding-top:28px;position:relative}.phase-num{border:1px solid var(--line);width:34px;height:34px;color:var(--ink-3);box-shadow:var(--shadow-sm);background:#fff;border-radius:10px;justify-content:center;align-items:center;font-size:.9rem;font-weight:800;display:flex;position:absolute;top:-16px;left:24px}.phase.is-current{box-shadow:0 0 0 3px #6356f61a, var(--shadow-md);border-color:#6356f680}.phase.is-current .phase-num{background:var(--accent-grad);color:#fff;box-shadow:var(--shadow-accent);border-color:#0000}.phase-status{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;font-size:.72rem;font-weight:700}.phase.is-current .phase-status{color:var(--accent-deep)}.phase h3{margin-bottom:14px;font-size:1.05rem}.phase ul{flex-direction:column;gap:9px;list-style:none;display:flex}.phase li{color:var(--ink-2);align-items:flex-start;gap:9px;font-size:.875rem;display:flex}.phase li svg{color:var(--accent);flex-shrink:0;margin-top:4px}.phase.is-upcoming li svg{color:var(--line-2)}.faq-list{flex-direction:column;gap:12px;max-width:760px;margin:0 auto;display:flex}.faq-item{border:1px solid var(--line);border-radius:var(--r-md);transition:border-color .2s var(--ease), box-shadow .2s var(--ease);background:#fff;overflow:hidden}.faq-item.open{box-shadow:var(--shadow-md);border-color:#6356f673}.faq-q{cursor:pointer;width:100%;font-family:var(--font);color:var(--ink);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;font-size:1.02rem;font-weight:600;display:flex}.faq-q .chev{color:var(--ink-3);transition:transform .25s var(--ease);flex-shrink:0}.faq-item.open .chev{color:var(--accent);transform:rotate(180deg)}.faq-a{max-height:0;transition:max-height .3s var(--ease);overflow:hidden}.faq-item.open .faq-a{max-height:300px}.faq-a p{padding:0 24px 22px;font-size:.95rem}.access{background:radial-gradient(900px 420px at 15% 0%, #6356f61f, transparent 60%), radial-gradient(700px 380px at 90% 100%, #ec489912, transparent 60%), var(--bg-warm)}.access-card{border:1px solid var(--line);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);background:#fff;padding:40px}.form-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-group{margin-bottom:18px}.form-label{color:var(--ink);margin-bottom:7px;font-size:.85rem;font-weight:600;display:block}.form-control{border:1px solid var(--line-2);width:100%;font-family:var(--font);color:var(--ink);transition:border-color .15s var(--ease), box-shadow .15s var(--ease);background:#fff;border-radius:10px;padding:12px 15px;font-size:.95rem}.form-control:focus{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #6356f626}.form-control::placeholder{color:#a4a4b0}select.form-control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237c7c89' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat}.success-box{text-align:center;padding:48px 0}.success-ico{background:var(--green-soft);width:64px;height:64px;color:var(--green);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 18px;display:flex}.footer{color:#b9b9c5;background:#16161d;padding:64px 0 32px}.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px;display:grid}.footer .logo{color:#fff;margin-bottom:14px}.footer p{color:#8c8c9a;max-width:300px;font-size:.9rem}.footer h4{color:#fff;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;font-size:.85rem;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer-col a{color:#b9b9c5;font-size:.92rem}.footer-col a:hover{color:#fff}.footer-bottom{color:#8c8c9a;border-top:1px solid #ffffff1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:26px;font-size:.85rem;display:flex}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.fade-up{animation:fadeUp .7s var(--ease) both}.d1{animation-delay:80ms}.d2{animation-delay:.16s}.d3{animation-delay:.24s}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (width<=1024px){.grid-4,.roadmap-grid,.grid-3{grid-template-columns:repeat(2,1fr)}.split{gap:48px}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.flow{flex-wrap:wrap;gap:18px}.flow-connector{display:none}.flow-node{width:calc(50% - 9px)}}@media (width<=768px){.section{padding:72px 0}.section-head{margin-bottom:44px}.nav-links{display:none}.hero{padding:64px 0 56px}.hero-canvas{margin-top:52px;padding:64px 18px 28px}.canvas-chip{display:none}.flow{flex-direction:column;align-items:stretch}.flow-node{width:100%}.split,.grid-2,.grid-3,.grid-4,.roadmap-grid,.form-row{grid-template-columns:1fr}.split{gap:40px}.split .visual-first{order:-1}.review-banner{text-align:center;flex-direction:column;padding:36px 24px}.review-banner p{margin:0 auto}.stat-row{flex-wrap:wrap;gap:24px}.access-card{padding:28px 20px}.footer-grid{grid-template-columns:1fr;gap:32px}.shield-wrap{width:260px;height:260px}.hero-ctas .btn{width:100%;max-width:320px}}