:root{--ink:#173b2a;--ink-soft:#315845;--cream:#fbf9e9;--paper:#fffef7;--mint:#dcf7d2;--mint-soft:#eefbe8;--matcha:#9bd667;--lime:#c8f36d;--forest:#245b3b;--leaf:#4f9c52;--pink:#ffb9bb;--yellow:#ffe487;--line:#2d6143;--shadow:0 8px 0 rgba(36,91,59,.14);--shadow-small:0 4px 0 rgba(36,91,59,.16);--radius-xl:34px;--radius-lg:26px;--radius-md:18px;--sans:"Trebuchet MS","Avenir Next",Avenir,"Segoe UI",sans-serif;--round:"Arial Rounded MT Bold","Trebuchet MS",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.55;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.2;background-image:radial-gradient(var(--leaf) .7px,transparent .7px);background-size:20px 20px;z-index:-1}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{font:inherit}.skip-link{position:fixed;left:16px;top:-60px;z-index:99;padding:10px 16px;border:2px solid var(--ink);border-radius:14px;background:var(--lime);font-weight:800}.skip-link:focus{top:16px}.page-shell{width:min(1240px,calc(100% - 40px));margin:0 auto}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid rgba(45,97,67,.35);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-family:var(--round);font-size:.94rem;letter-spacing:.03em}.brand-sprout{width:35px;height:35px;display:inline-grid;place-items:center;border:2px solid var(--ink);border-radius:12px;background:var(--lime);position:relative;box-shadow:var(--shadow-small)}.brand-sprout:after{content:"";width:3px;height:15px;background:var(--ink);border-radius:8px;position:absolute;bottom:6px}.brand-sprout i{position:absolute;width:10px;height:7px;border:2px solid var(--ink);background:var(--paper);top:7px}.brand-sprout i:first-child{left:6px;border-radius:10px 2px 10px 2px;transform:rotate(22deg)}.brand-sprout i:last-child{right:6px;border-radius:2px 10px 2px 10px;transform:rotate(-22deg)}.site-nav{display:flex;gap:30px;font-size:.86rem;font-weight:800}.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-7px;height:3px;border-radius:4px;background:var(--matcha);transition:right .2s ease}.site-nav a:hover:after,.site-nav a:focus-visible:after{right:0}.tiny-cta{padding:10px 16px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);box-shadow:var(--shadow-small);font-size:.82rem;font-weight:900;transition:transform .2s ease,box-shadow .2s ease}.tiny-cta:hover{transform:translateY(-2px) rotate(-1deg);box-shadow:0 7px 0 rgba(36,91,59,.16)}
.hero{min-height:710px;padding:84px 0 70px;display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.eyebrow,.section-kicker{display:flex;align-items:center;gap:8px;margin:0 0 20px;color:var(--forest);font-size:.76rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.eyebrow span{display:inline-grid;place-items:center;width:28px;height:28px;border:2px solid var(--ink);border-radius:50%;background:var(--yellow)}.hero h1,.section-heading h2,.prompt-copy h2{margin:0;font-family:var(--round);font-weight:900;letter-spacing:-.055em;line-height:.91}.hero h1{font-size:clamp(4.2rem,8.7vw,8.1rem)}.hero h1 span{color:var(--leaf);position:relative}.hero h1 span:after{content:"";position:absolute;height:13px;left:3%;right:0;bottom:3px;background:var(--lime);border-radius:50%;z-index:-1;transform:rotate(-1deg)}.hero-lede{max-width:650px;margin:32px 0 0;color:var(--ink-soft);font-size:clamp(1.05rem,1.7vw,1.3rem);line-height:1.7}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:0 22px;border:2px solid var(--ink);border-radius:16px;font-weight:900;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button-primary{background:var(--lime);box-shadow:var(--shadow-small)}.button-quiet{background:var(--paper)}.button:hover{transform:translateY(-3px) rotate(-.5deg);box-shadow:0 7px 0 rgba(36,91,59,.16)}.button:active{transform:translateY(2px);box-shadow:0 1px 0 rgba(36,91,59,.16)}.mini-proof{display:flex;flex-wrap:wrap;gap:12px 24px;margin:30px 0 0;padding:0;list-style:none;color:var(--ink-soft);font-size:.83rem;font-weight:800}.mini-proof span{color:var(--leaf)}
.hero-friend{min-height:535px;position:relative;display:grid;place-items:center;border:2px solid var(--line);border-radius:48% 48% 38% 42%/44% 43% 50% 47%;background:var(--mint);box-shadow:var(--shadow);transform:rotate(1deg)}.hero-friend:before,.hero-friend:after{content:"";position:absolute;border:2px solid var(--ink);background:var(--paper)}.hero-friend:before{width:45px;height:45px;right:38px;top:46px;border-radius:50% 50% 45% 55%}.hero-friend:after{width:20px;height:20px;right:69px;top:27px;border-radius:50%;background:var(--yellow)}.sticker{position:absolute;padding:9px 15px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);box-shadow:var(--shadow-small);font-family:var(--round);font-size:.78rem;font-weight:900;z-index:5}.sticker-top{top:48px;left:28px;transform:rotate(-6deg)}.spark{position:absolute;font-family:var(--round);font-size:2rem}.spark-one{left:42px;bottom:80px;color:var(--leaf);transform:rotate(-10deg)}.spark-two{right:46px;bottom:96px;color:#ef8f94}.mascot-scene{position:relative;width:310px;height:390px;display:grid;place-items:center}.mascot-shadow{position:absolute;bottom:28px;width:180px;height:32px;border-radius:50%;background:rgba(23,59,42,.15)}.mascot{position:relative;width:210px;height:300px;animation:float-friend 3.8s ease-in-out infinite}.mascot-face{position:absolute;left:18px;top:48px;width:174px;height:142px;border:3px solid var(--ink);border-radius:46% 46% 42% 42%;background:var(--paper);z-index:3}.mascot-face:before{content:"";position:absolute;inset:12px;border:2px dashed rgba(79,156,82,.4);border-radius:42%}.mascot-antenna{position:absolute;left:103px;top:7px;width:4px;height:50px;background:var(--ink);border-radius:8px}.mascot-antenna span{position:absolute;left:-9px;top:-9px;width:22px;height:22px;border:3px solid var(--ink);border-radius:50%;background:var(--yellow)}.mascot-ear{position:absolute;top:92px;width:32px;height:58px;border:3px solid var(--ink);background:var(--matcha);z-index:2}.mascot-ear-left{left:0;border-radius:16px 4px 4px 16px}.mascot-ear-right{right:0;border-radius:4px 16px 16px 4px}.mascot-eye{position:absolute;top:57px;width:14px;height:19px;border-radius:50%;background:var(--ink);z-index:2;animation:blink 5s infinite}.mascot-eye-left{left:48px}.mascot-eye-right{right:48px}.mascot-cheek{position:absolute;top:86px;width:24px;height:10px;border-radius:50%;background:var(--pink);opacity:.8}.mascot-cheek-left{left:25px}.mascot-cheek-right{right:25px}.mascot-smile{position:absolute;left:73px;top:83px;width:28px;height:17px;border-bottom:4px solid var(--ink);border-radius:0 0 30px 30px}.mascot-body{position:absolute;left:42px;top:176px;width:126px;height:98px;border:3px solid var(--ink);border-radius:24px 24px 38px 38px;background:var(--matcha);display:grid;place-items:center;z-index:2}.mascot-heart{display:grid;place-items:center;width:62px;height:44px;border:2px solid var(--ink);border-radius:16px;background:var(--lime);font-weight:900}.mascot-arm{position:absolute;top:194px;width:72px;height:23px;border:3px solid var(--ink);background:var(--mint-soft);z-index:1}.mascot-arm-left{left:-12px;border-radius:20px 4px 4px 20px;transform:rotate(-24deg)}.mascot-arm-right{right:-13px;border-radius:4px 20px 20px 4px;transform:rotate(26deg)}.mascot-foot{position:absolute;top:263px;width:55px;height:28px;border:3px solid var(--ink);background:var(--forest)}.mascot-foot-left{left:36px;border-radius:8px 8px 20px 20px;transform:rotate(4deg)}.mascot-foot-right{right:36px;border-radius:8px 8px 20px 20px;transform:rotate(-4deg)}.hello-bubble{position:absolute;right:-54px;top:86px;padding:13px 17px;border:2px solid var(--ink);border-radius:18px 18px 18px 5px;background:var(--yellow);box-shadow:var(--shadow-small);font-weight:900;transform:rotate(4deg)}.orbit-note{position:absolute;padding:7px 13px;border:2px solid var(--ink);border-radius:12px;background:var(--paper);font-weight:900;font-size:.75rem}.orbit-note-left{left:12px;top:210px;transform:rotate(-11deg)}.orbit-note-right{right:12px;top:260px;transform:rotate(10deg)}
.marquee{margin:0 calc(50% - 50vw);border-block:2px solid var(--ink);background:var(--forest);color:var(--paper);overflow:hidden}.marquee-track{min-width:max-content;display:flex;align-items:center;justify-content:center;gap:28px;padding:15px 24px;font-family:var(--round);font-size:1rem;text-transform:uppercase;letter-spacing:.12em}.marquee-track i{color:var(--lime);font-style:normal}.section-pad{padding:120px 0}.section-heading h2,.prompt-copy h2{font-size:clamp(3.7rem,7vw,7rem)}.section-heading-inline{display:flex;justify-content:space-between;align-items:flex-end;gap:50px}.section-note{max-width:400px;margin:0 0 8px;color:var(--ink-soft);font-size:1.05rem}.intro-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;margin-top:60px}.definition-card,.not-magic,.capability-card,.chat-window,.prompt-card{border:2px solid var(--ink);box-shadow:var(--shadow);background:var(--paper)}.definition-card{position:relative;padding:54px;border-radius:var(--radius-xl)}.card-sticker{position:absolute;top:-18px;right:36px;padding:9px 15px;border:2px solid var(--ink);border-radius:999px;background:var(--yellow);font-size:.76rem;font-weight:900;transform:rotate(3deg)}.definition-lede{margin:0 0 26px;font-family:var(--round);font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.22}.definition-card>p:last-child{max-width:740px;margin:0;color:var(--ink-soft);font-size:1.05rem}.not-magic{padding:36px;border-radius:var(--radius-xl);background:var(--mint);display:flex;align-items:center;gap:22px}.doodle-face{flex:0 0 auto;width:105px;height:105px;border:2px solid var(--ink);border-radius:48% 52% 46% 54%;background:var(--lime);display:flex;align-items:center;justify-content:center;gap:5px;font-family:var(--round);font-size:1.4rem;transform:rotate(-4deg)}.not-magic h3{margin:0 0 8px;font-family:var(--round);font-size:1.3rem}.not-magic p{margin:0;color:var(--ink-soft)}
.capabilities{border-top:2px dashed rgba(45,97,67,.4)}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:62px}.capability-card{min-height:335px;padding:26px;border-radius:var(--radius-lg);position:relative;display:flex;flex-direction:column;transition:transform .22s ease,box-shadow .22s ease}.capability-card:nth-child(2),.capability-card:nth-child(5){background:var(--mint-soft)}.capability-card:nth-child(3),.capability-card:nth-child(6){background:#fffbe6}.capability-card:hover{transform:translateY(-7px) rotate(-.6deg);box-shadow:0 13px 0 rgba(36,91,59,.14)}.capability-icon{width:62px;height:62px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:19px;background:var(--lime);font-family:var(--round);font-weight:900;font-size:1.2rem;transform:rotate(-3deg)}.icon-learn,.icon-write{background:var(--yellow);transform:rotate(3deg)}.icon-fix,.icon-automate{background:var(--pink)}.capability-number{position:absolute;right:24px;top:25px;font-size:.75rem;font-weight:900;color:var(--leaf)}.capability-card h3{margin:30px 0 12px;font-family:var(--round);font-size:1.45rem}.capability-card p{margin:0;color:var(--ink-soft)}.example-prompt{margin-top:auto;padding-top:26px;color:var(--forest);font-size:.82rem;font-weight:800}.demo{border-top:2px dashed rgba(45,97,67,.4)}.chat-playground{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;margin-top:58px}.chat-window{border-radius:var(--radius-xl);overflow:hidden;background:var(--mint-soft)}.chat-topbar{height:58px;padding:0 20px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:2px solid var(--ink);background:var(--paper);font-size:.78rem;font-weight:900}.window-dots{display:flex;gap:6px}.window-dots span{width:11px;height:11px;border:1.5px solid var(--ink);border-radius:50%}.window-dots span:nth-child(1){background:var(--pink)}.window-dots span:nth-child(2){background:var(--yellow)}.window-dots span:nth-child(3){background:var(--matcha)}.online-dot{justify-self:end;color:var(--leaf)}.online-dot:before{content:"";display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:50%;background:var(--matcha)}.chat-body{min-height:280px;padding:52px;display:flex;align-items:flex-start;gap:18px}.chat-avatar{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:14px;background:var(--lime);font-family:var(--round);font-weight:900}.chat-message{max-width:620px;padding:22px 24px;border:2px solid var(--ink);border-radius:6px 22px 22px 22px;background:var(--paper);box-shadow:var(--shadow-small);font-size:1.12rem;line-height:1.65}.typing-row{height:52px;padding:0 28px;display:flex;align-items:center;gap:5px;color:var(--ink-soft);font-size:.75rem}.typing-row span{width:7px;height:7px;border-radius:50%;background:var(--leaf);animation:typing 1.2s infinite}.typing-row span:nth-child(2){animation-delay:.15s}.typing-row span:nth-child(3){animation-delay:.3s}.typing-row em{margin-left:7px;font-style:normal}.demo-choices{padding:30px;border:2px solid var(--ink);border-radius:var(--radius-xl);background:var(--yellow);box-shadow:var(--shadow)}.demo-choices p{margin:0 0 18px;font-family:var(--round);font-weight:900}.demo-prompt,.goal-option{width:100%;margin-top:10px;padding:13px 16px;border:2px solid var(--ink);border-radius:14px;background:var(--paper);color:var(--ink);font-weight:800;text-align:left;cursor:pointer;transition:transform .18s ease,background .18s ease}.demo-prompt:hover,.goal-option:hover{transform:translateX(4px)}.demo-prompt.is-selected,.goal-option.is-selected{background:var(--lime);box-shadow:var(--shadow-small)}
.workflow{border-top:2px dashed rgba(45,97,67,.4)}.workflow-list{margin:62px 0 0;padding:0;list-style:none;border-top:2px solid var(--ink)}.workflow-step{display:grid;grid-template-columns:80px 1fr 80px;gap:25px;align-items:center;padding:30px 20px;border-bottom:2px solid var(--ink)}.step-badge{width:52px;height:52px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:17px;background:var(--lime);font-family:var(--round);font-size:1.2rem;box-shadow:var(--shadow-small)}.workflow-step:nth-child(2) .step-badge{background:var(--yellow)}.workflow-step:nth-child(3) .step-badge{background:var(--pink)}.workflow-step h3{margin:0 0 5px;font-family:var(--round);font-size:1.45rem}.workflow-step p{margin:0;color:var(--ink-soft)}.step-doodle{justify-self:end;font-size:2rem;color:var(--leaf)}.prompt-builder{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;border-top:2px dashed rgba(45,97,67,.4)}.prompt-copy>p:not(.section-kicker){max-width:500px;color:var(--ink-soft);font-size:1.05rem}.goal-options{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px}.goal-option{margin:0;text-align:center}.prompt-card{padding:36px;border-radius:var(--radius-xl);background:var(--mint);position:relative}.prompt-card-top{display:flex;justify-content:space-between;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.prompt-card blockquote{margin:28px 0;padding:28px;border:2px solid var(--ink);border-radius:20px;background:var(--paper);box-shadow:var(--shadow-small);font-family:var(--round);font-size:clamp(1.25rem,2.3vw,1.75rem);line-height:1.45}.copy-button{min-height:50px;padding:0 19px;border:2px solid var(--ink);border-radius:14px;background:var(--forest);color:white;font-weight:900;cursor:pointer;box-shadow:var(--shadow-small);transition:transform .18s ease}.copy-button:hover{transform:translateY(-2px)}.copy-status{min-height:22px;margin:10px 0 0;font-size:.82rem;font-weight:800}.prompt-tip{margin-top:19px;padding-top:19px;border-top:2px dashed rgba(45,97,67,.35);color:var(--ink-soft);font-size:.85rem}.closing-note{margin:10px 0 110px;padding:40px;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;border:2px solid var(--ink);border-radius:var(--radius-xl);background:var(--yellow);box-shadow:var(--shadow)}.closing-mascot{width:85px;height:85px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:45% 55% 50% 50%;background:var(--mint);font-family:var(--round);font-size:1.5rem;transform:rotate(-5deg)}.closing-note h2{margin:3px 0 4px;font-family:var(--round);font-size:clamp(1.8rem,3vw,3rem);line-height:1.05}.closing-note p{margin:0}.site-footer{min-height:90px;display:flex;align-items:center;justify-content:space-between;border-top:2px solid rgba(45,97,67,.35);color:var(--ink-soft);font-size:.8rem;font-weight:800}
:focus-visible{outline:4px solid var(--pink);outline-offset:4px}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes float-friend{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-12px) rotate(1deg)}}@keyframes blink{0%,46%,50%,100%{transform:scaleY(1)}48%{transform:scaleY(.1)}}@keyframes typing{0%,60%,100%{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}
@media(max-width:980px){.site-nav{display:none}.hero{grid-template-columns:1fr;gap:45px;padding-top:65px}.hero-copy{max-width:780px}.hero-friend{min-height:510px}.intro-grid,.chat-playground,.prompt-builder{grid-template-columns:1fr}.capability-grid{grid-template-columns:repeat(2,1fr)}.section-heading-inline{align-items:flex-start}.prompt-builder{gap:45px}.closing-note{grid-template-columns:auto 1fr}.closing-note .button{grid-column:1/-1}.hello-bubble{right:-20px}}
@media(max-width:650px){.page-shell{width:min(100% - 24px,1240px)}.site-header{height:75px}.tiny-cta{padding:8px 12px}.hero{min-height:auto;padding:58px 0}.hero h1{font-size:clamp(3.65rem,18vw,5.4rem)}.hero-lede{font-size:1rem}.hero-actions{display:grid}.mini-proof{display:grid;gap:8px}.hero-friend{min-height:430px;border-radius:38px}.mascot-scene{transform:scale(.82)}.sticker-top{top:25px;left:14px}.orbit-note-left{left:4px}.orbit-note-right{right:4px}.section-pad{padding:84px 0}.section-heading h2,.prompt-copy h2{font-size:clamp(3rem,14vw,4.5rem)}.section-heading-inline{display:block}.section-note{margin-top:24px}.intro-grid{margin-top:45px}.definition-card{padding:38px 24px}.not-magic{padding:26px;display:block}.doodle-face{margin-bottom:20px}.capability-grid{grid-template-columns:1fr;margin-top:45px}.capability-card{min-height:300px}.chat-body{padding:35px 20px}.chat-message{font-size:1rem}.chat-playground{margin-top:45px}.workflow-list{margin-top:45px}.workflow-step{grid-template-columns:58px 1fr;padding:24px 8px;gap:14px}.step-doodle{display:none}.goal-options{grid-template-columns:1fr}.prompt-card{padding:24px 18px}.prompt-card blockquote{padding:22px 18px}.closing-note{grid-template-columns:1fr;padding:28px;text-align:center}.closing-mascot{margin:auto}.site-footer{display:block;padding:28px 0;text-align:center}.site-footer p{margin:5px}.marquee-track{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.mascot,.mascot-eye,.typing-row span{animation:none}.button,.capability-card,.demo-prompt,.goal-option{transition:none}}