:root{--bg:oklch(97.6% .01 90);--surface:oklch(100% 0 0);--fg:oklch(21% .012 60);--muted:oklch(46% .01 60);--border:oklch(20% .012 60);--accent:oklch(63% .215 27);--accent-ink:oklch(45% .19 27);--accent-2:oklch(55% .19 285);--wash:oklch(94% .02 90);--violet-wash:oklch(96% .02 285);--dark-bg:oklch(18% .012 285);--dark-surface:oklch(23% .014 285);--grad-violet:linear-gradient(120deg,oklch(56% .19 285),oklch(60% .21 320));--font-display:"Bricolage Grotesque","Space Grotesk",-apple-system,BlinkMacSystemFont,system-ui,sans-serif;--font-body:-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--radius:18px;--shadow:6px 6px 0 var(--border);--shadow-sm:4px 4px 0 var(--border);--line:oklch(88% .008 80);--shadow-soft:0 6px 20px oklch(30% .02 60/.07);--ink-quiet:oklch(46% .03 60);--maxw:1180px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--fg);font:16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:700;line-height:1.04}a{color:inherit;text-decoration:none}img,svg{display:block}.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.eyebrow{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.12em;color:var(--ink-quiet);font-size:12px;font-weight:700}.btn{font-family:var(--font-display);border:2px solid var(--border);cursor:pointer;background:var(--surface);color:var(--fg);border-radius:999px;align-items:center;gap:8px;padding:13px 22px;font-size:15px;font-weight:700;transition:transform .12s,box-shadow .12s;display:inline-flex}.btn:hover{box-shadow:var(--shadow-sm);transform:translate(-2px,-2px)}.btn:active{box-shadow:none;transform:translate(0)}.btn-primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:6px 6px 0 var(--border)}.btn-ghost{background:0 0;border-color:#0000;padding:13px 14px}.btn-ghost:hover{box-shadow:none;text-underline-offset:4px;text-decoration:underline 2px;transform:none}.nav{z-index:50;background:color-mix(in oklab,var(--bg) 86%,transparent);backdrop-filter:blur(10px);border-bottom:2px solid var(--border);position:sticky;top:0}.nav-in{align-items:center;gap:28px;height:70px;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;align-items:center;gap:10px;font-size:22px;font-weight:800;display:flex}.brand .logomark{object-fit:cover;border-radius:9px;width:30px;height:30px;overflow:hidden;transform:rotate(-6deg)}.nav-links{align-items:center;gap:22px;margin-left:8px;display:flex}.nav-links a{font-family:var(--font-display);color:var(--fg);font-size:15px;font-weight:600}.nav-links a:hover{color:var(--accent-ink)}.nav-links .chev{opacity:.6;font-size:11px}.nav-cta{align-items:center;gap:10px;margin-left:auto;display:flex}.nav-toggle{border:2px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-left:auto;display:none}.nav-toggle span{background:var(--fg);width:18px;height:2px;position:relative}.nav-toggle span:before,.nav-toggle span:after{content:"";background:var(--fg);width:18px;height:2px;position:absolute;left:0}.nav-toggle span:before{top:-6px}.nav-toggle span:after{top:6px}.hero{text-align:center;padding:72px 0 40px;position:relative;overflow:hidden}.pill-badge{background:var(--surface);border:2px solid var(--border);box-shadow:var(--shadow-sm);border-radius:999px;align-items:center;gap:8px;margin-bottom:26px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.pill-badge .dot{background:var(--accent);border-radius:50%;width:8px;height:8px}.hero h1{letter-spacing:-.02em;text-wrap:balance;max-width:none;margin:0 auto 22px;font-size:clamp(24px,6.2vw,74px)}.hero h1 .l1,.hero h1 .l2{white-space:nowrap;display:inline-block}.hero h1 .mark{white-space:nowrap;color:var(--accent);position:relative}.hero h1 .mark svg{width:108%;height:22px;color:var(--accent);position:absolute;bottom:-16px;left:-4%}.hero p.sub{color:var(--muted);max-width:44ch;margin:0 auto 30px;font-size:clamp(17px,2.1vw,21px);font-weight:500}.hero p.sub b{color:var(--fg);font-weight:700}.hero-cta{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.hero-note{color:var(--muted);margin-top:16px;font-size:13px;font-weight:500}.agent-rot{display:inline-block}.agent-rot #rotAgent{white-space:nowrap;transition:opacity .26s,transform .26s;display:inline-block}.agent-rot #rotAgent.out{opacity:0;transform:translateY(-8px)}.doodle{color:var(--fg);opacity:.9;pointer-events:none;position:absolute}.d-star{width:42px;color:var(--accent-2);top:120px;left:6%}.d-arrow{width:78px;color:var(--fg);top:210px;right:8%}.d-swirl{width:60px;color:var(--accent);opacity:.8;bottom:30px;left:10%}.d-dots{width:54px;color:var(--fg);opacity:.35;top:90px;right:16%}.marquee{margin-top:52px;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.marquee-track{gap:18px;width:max-content;animation:40s linear infinite scroll;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes scroll{to{transform:translate(-50%)}}.tile-wall{flex-wrap:wrap;justify-content:center;gap:13px;max-width:1000px;margin:44px auto 0;display:flex}.htile{color:#fff;width:56px;height:56px;font-family:var(--font-display);box-shadow:var(--shadow-soft);border-radius:16px;flex:none;place-items:center;font-size:22px;font-weight:800;transition:transform .15s;display:grid}.htile:hover{transform:translateY(-4px)scale(1.04)}.stile{width:56px;height:56px;box-shadow:var(--shadow-soft);border-radius:16px;flex:none;transition:transform .15s}.stile:hover{transform:translateY(-4px)scale(1.04)}.badge{color:#fff;width:30px;height:30px;font-family:var(--font-display);border-radius:8px;flex:none;place-items:center;font-size:14px;font-weight:800;display:grid}.section{padding:88px 0}.section-head{text-align:center;max-width:720px;margin:0 auto 52px}.section-head h2{margin:14px 0;font-size:clamp(30px,4.4vw,50px);position:relative}.section-head p{color:var(--muted);font-size:18px;font-weight:500}.section-head h2:after,.channels h2:after,.final h2:after{content:"";background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2080%2012'%3E%3Cpath%20d='M2%207C14%201%2022%2011%2034%206%2046%201%2058%2011%2078%206'%20fill='none'%20stroke='%23a89e90'%20stroke-width='2.6'%20stroke-linecap='round'/%3E%3C/svg%3E") 50%/contain no-repeat;width:74px;height:12px;margin:18px auto 0;display:block}.dark-band .section-head h2:after,.channels h2:after,.final h2:after{background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2080%2012'%3E%3Cpath%20d='M2%207C14%201%2022%2011%2034%206%2046%201%2058%2011%2078%206'%20fill='none'%20stroke='%23ffffff'%20stroke-width='2.6'%20stroke-linecap='round'%20opacity='0.75'/%3E%3C/svg%3E")}.grid-3{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}.card{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:32px;transition:transform .14s,box-shadow .14s,border-color .14s}.card:hover{border-color:oklch(80% .01 80);transform:translateY(-3px);box-shadow:0 12px 28px oklch(30% .02 60/.1)}.card .ic{border:1.5px solid var(--line);border-radius:13px;place-items:center;width:52px;height:52px;margin-bottom:20px;display:grid}.card h3{margin-bottom:8px;font-size:22px}.card p{color:var(--muted);font-size:15px}.card ul{gap:9px;margin-top:16px;list-style:none;display:grid}.card li{align-items:flex-start;gap:9px;font-size:14.5px;font-weight:500;display:flex}.card li svg{color:var(--ink-quiet);flex:none;margin-top:3px}.tools-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.tool{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:28px;transition:transform .14s,box-shadow .14s,border-color .14s}.tool:hover{border-color:oklch(80% .01 80);transform:translateY(-3px);box-shadow:0 12px 28px oklch(30% .02 60/.1)}.tool .ic{background:var(--wash);border:1.5px solid var(--line);width:46px;height:46px;color:var(--ink-quiet);border-radius:12px;place-items:center;margin-bottom:16px;display:grid}.tool h3{margin-bottom:7px;font-size:19px}.tool p{color:var(--muted);font-size:14.5px}.channels{background:var(--fg);color:#fff;text-align:center;box-shadow:var(--shadow);border-radius:28px;padding:56px 40px}.channels h2{color:#fff;max-width:16ch;margin:0 auto 12px;font-size:clamp(28px,4vw,44px)}.channels p{color:#ffffffb3;margin-bottom:36px;font-weight:500}.dark-band{background:var(--dark-bg);border-top:2px solid var(--border);border-bottom:2px solid var(--border);color:#fff}.dark-band .section-head h2{color:#fff}.dark-band .section-head p{color:#ffffffb8}.dark-band .eyebrow{color:oklch(80% .13 27)}.dark-band .channels{background:var(--dark-surface);border:2px solid var(--border);box-shadow:none}.eco{flex-direction:column;align-items:center;margin-top:34px;display:flex}.eco-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.14em;color:#ffffff80;margin:2px 0 12px;font-size:11px;font-weight:700}.eco-row{flex-wrap:wrap;justify-content:center;gap:14px 12px;max-width:880px;display:flex}.eco-cell{flex-direction:column;align-items:center;gap:6px;width:66px;display:flex}.eco-cell .ib{border-radius:11px;width:40px;height:40px;box-shadow:0 3px 11px #0000006b}.eco-cell span{color:#fff9;text-align:center;font-size:10px;font-weight:600;line-height:1.2}.eco-fan{width:100%;max-width:720px;height:52px;display:block}.eco-fan.flip{transform:scaleY(-1)}.eco-hub{background:var(--accent);color:#fff;font-family:var(--font-display);letter-spacing:-.01em;z-index:2;border:2px solid #fff;border-radius:16px;align-items:center;gap:13px;padding:15px 26px;font-size:21px;font-weight:800;display:inline-flex;position:relative;box-shadow:0 14px 44px oklch(63% .2 27/.55)}.eco-hub .hub-lm{background:#fff;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.eco-hub small{letter-spacing:.08em;text-transform:uppercase;opacity:.85;margin-top:2px;font-size:11px;font-weight:600;display:block}.eco-entries{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:2px;display:flex}.entry-node{background:var(--dark-surface);border:2px solid var(--border);color:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:3px;min-width:156px;padding:14px 24px;display:flex}.entry-node .en-ic{border-radius:10px;place-items:center;width:36px;height:36px;margin-bottom:5px;display:grid}.entry-node b{font-family:var(--font-display);font-size:16px}.entry-node small{color:#fff9;letter-spacing:.05em;font-size:11px;font-weight:600}.demo-split{grid-template-columns:1fr auto 1fr;align-items:center;gap:22px;margin-top:6px;display:grid}.demo-cmd{background:var(--fg);color:#fff;border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px 24px;font-family:ui-monospace,Menlo,monospace;font-size:13.5px;line-height:1.85}.demo-cmd .c1{color:oklch(80% .13 220)}.demo-cmd .c2{opacity:.68}.demo-cmd .ok{color:oklch(82% .16 150)}.demo-cmd .cm{color:oklch(70% .03 60)}.demo-arrow{color:var(--accent)}.demo-out{gap:12px;display:grid}.post-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:18px}.post-card .ph{align-items:center;gap:10px;margin-bottom:11px;display:flex}.post-card .av2{color:#fff;width:38px;height:38px;font-weight:800;font-family:var(--font-display);background:#111;border-radius:50%;flex:none;place-items:center;font-size:14px;display:grid}.post-card .ph b{font-family:var(--font-display);font-size:14px}.post-card .ph small{color:var(--muted);font-size:12px;font-weight:500;display:block}.post-card .body{font-size:14.5px;line-height:1.5}.post-card .meta{color:var(--muted);gap:18px;margin-top:12px;font-size:12px;font-weight:600;display:flex}.sched-card{background:var(--violet-wash);border:2px solid var(--border);border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:13.5px;font-weight:600;display:flex}.sched-card .dot2{background:var(--accent-2);border-radius:50%;flex:none;width:9px;height:9px}.sched-card small{color:var(--muted);margin-left:auto;font-weight:500}@media (width<=760px){.demo-split{grid-template-columns:1fr}.demo-arrow{justify-self:center;transform:rotate(90deg)}}.love{overflow:hidden}.love-track{gap:20px;width:max-content;animation:48s linear infinite scroll;display:flex}.love:hover .love-track{animation-play-state:paused}.quote{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);width:360px;box-shadow:var(--shadow-soft);padding:24px}.quote p{margin-bottom:18px;font-size:15px}.quote .who{align-items:center;gap:11px;display:flex}.quote .who .av{border:2px solid var(--border);width:40px;height:40px;font-weight:800;font-family:var(--font-display);color:#fff;border-radius:50%;place-items:center;display:grid}.quote .who b{font-size:14px;display:block}.quote .who small{color:var(--muted);font-size:12.5px}.faq{max-width:760px;margin:0 auto}.faq details{border:1.5px solid var(--line);background:var(--surface);box-shadow:var(--shadow-soft);border-radius:14px;margin-bottom:14px;overflow:hidden}.faq details[open]{border-color:oklch(80% .01 80)}.faq summary{cursor:pointer;font-family:var(--font-display);justify-content:space-between;align-items:center;gap:16px;padding:20px 22px;font-size:17px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary .pm{border:2px solid var(--border);border-radius:8px;flex:none;place-items:center;width:26px;height:26px;transition:transform .2s;display:grid}.faq details[open] summary .pm{background:var(--accent);color:#fff;border-color:var(--accent);transform:rotate(45deg)}.faq .ans{color:var(--muted);padding:0 22px 20px;font-size:15px}.final{text-align:center;background:var(--accent);color:#fff;border:2px solid var(--border);box-shadow:var(--shadow);border-radius:28px;padding:64px 32px;position:relative;overflow:hidden}.final h2{color:#fff;margin-bottom:14px;font-size:clamp(32px,5vw,56px)}.final p{color:#ffffffe6;margin-bottom:28px;font-size:18px;font-weight:500}.final .btn-primary{color:var(--accent-ink);border-color:var(--border);background:#fff}.final .d-star{color:#fff;opacity:.5;width:38px;position:absolute;top:34px;left:8%}.final .d-swirl{color:#fff;opacity:.5;width:56px;position:absolute;bottom:24px;right:9%}footer{border-top:2px solid var(--border);margin-top:20px;padding:60px 0 40px}.foot-grid{grid-template-columns:1.4fr 1fr 1fr 1fr;gap:36px;display:grid}.foot-brand p{color:var(--muted);max-width:30ch;margin-top:14px;font-size:14px}.foot-col h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;margin-bottom:16px;font-size:13px}.foot-col a{color:var(--muted);padding:5px 0;font-size:14px;display:block}.foot-col a:hover{color:var(--fg)}.foot-bottom{border-top:2px solid var(--border);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:44px;padding-top:22px;font-size:13px;display:flex}.foot-bottom .oss{color:var(--fg);align-items:center;gap:8px;font-weight:600;display:inline-flex}.foot-links{flex-wrap:wrap;gap:20px;display:flex}.foot-links a{color:var(--muted);font-size:13px;font-weight:600}.foot-links a:hover{color:var(--fg)}@media (width<=960px){.nav-links,.nav-cta .btn-ghost{display:none}.nav-toggle{display:flex}.grid-3,.tools-grid{grid-template-columns:1fr 1fr}.ai-row{grid-template-columns:1fr;gap:24px}.ai-row:nth-child(2n) .ai-copy{order:0}.foot-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.section{padding:60px 0}.grid-3,.tools-grid{grid-template-columns:1fr}.hero{padding:48px 0 20px}.doodle{display:none}.foot-grid{grid-template-columns:1fr}.channels{border-radius:20px;padding:40px 20px}.quote{width:300px}.tile-wall{gap:10px;margin-top:30px}.stile{border-radius:13px;width:46px;height:46px}.eco-row{gap:12px 8px}.eco-cell{gap:5px;width:58px}.eco-cell .ib{border-radius:10px;width:38px;height:38px}.eco-cell span{font-size:9.5px}}@media (width<=380px){.stile{border-radius:12px;width:42px;height:42px}.eco-cell{width:52px}.eco-cell .ib{width:34px;height:34px}}.mnav{border-bottom:2px solid var(--border);background:var(--bg);flex-direction:column;gap:4px;padding:14px 24px 22px;display:none}.mnav.open{display:flex}.mnav a{font-family:var(--font-display);border-bottom:1px solid var(--wash);padding:10px 0;font-weight:600}.mnav .btn{justify-content:center;margin-top:12px}.console-shot{border:2px solid var(--border);background:var(--dark-surface);max-width:1000px;box-shadow:var(--shadow);border-radius:22px;margin:0 auto;overflow:hidden}.console-shot img{width:100%;height:auto;display:block}.step-n{background:var(--accent);color:#fff;border:2px solid var(--border);width:44px;height:44px;font-family:var(--font-display);box-shadow:var(--shadow-sm);border-radius:12px;place-items:center;margin-bottom:18px;font-size:18px;font-weight:800;display:inline-grid}.statement-band{text-align:center}.statement-band h2{color:#fff;margin-bottom:20px;font-size:clamp(34px,6vw,64px);line-height:1.02}.statement-band .subs{color:#ffffffb8;gap:6px;max-width:52ch;margin:0 auto;font-size:clamp(16px,2vw,19px);font-weight:500;display:grid}.statement-band .subs .mute{color:#ffffff73;font-style:italic}.tiers{grid-template-columns:repeat(3,1fr);align-items:start;gap:26px;display:grid}.tier{background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-soft);flex-direction:column;gap:14px;padding:32px;display:flex;position:relative}.tier.featured{border:2px solid var(--border);box-shadow:var(--shadow)}.tier-badge{background:var(--accent);color:#fff;border:2px solid var(--border);font-family:var(--font-display);border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;top:-13px;left:32px}.tier-name{font-size:22px}.tier-price{align-items:baseline;gap:6px;display:flex}.tier-price .amt{font-family:var(--font-display);letter-spacing:-.02em;font-size:38px;font-weight:800}.tier-price .per{color:var(--muted);font-size:15px;font-weight:600}.tier-list{gap:10px;margin:4px 0 8px;list-style:none;display:grid}.tier-list li{color:var(--fg);align-items:flex-start;gap:9px;font-size:14.5px;font-weight:500;display:flex}.tier-list li:before{content:"";background:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%237a7268'%20stroke-width='3'%20stroke-linecap='round'%3E%3Cpath%20d='M5%2012l5%205%209-11'/%3E%3C/svg%3E") 50%/contain no-repeat;flex:none;width:18px;height:18px;margin-top:1px}.tier .btn{justify-content:center;margin-top:auto}.tier-fine{text-align:center;color:var(--muted);margin-top:26px;font-size:13px;font-weight:500}.pricing-page{position:relative;overflow:hidden}@media (width<=960px){.tiers{grid-template-columns:1fr}.tier.featured{order:-1}}
