@font-face{font-family:Ocacity Sans;src:url(/fonts/dm-sans.ttf)format("truetype");font-style:normal;font-weight:100 1000;font-display:swap}@font-face{font-family:Ocacity Serif;src:url(/fonts/instrument-serif-italic.ttf)format("truetype");font-style:italic;font-weight:400;font-display:swap}:root{--paper:#fff;--ink:#182c25;--muted:#7a847b;--line:#e2e7df;--green:#427657;--light-green:#edf3e9;--lime:#d4f39c;--font-sans:"Ocacity Sans",Arial,Helvetica,sans-serif;--font-serif:"Ocacity Serif",Georgia,"Times New Roman",serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;font-size:17px}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:4px;outline:3px solid #729b65}button{background:0 0;border:0}button svg,a svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}svg{vertical-align:middle}::selection{color:#183e2a;background:#d6e7bf}textarea{resize:none}button:disabled{opacity:.6}button:disabled:hover{transform:none}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip-link{background:var(--ink);color:#fff;z-index:200;padding:14px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:15px}.page-progress{background:var(--green);transform-origin:0;z-index:100;height:3px;position:fixed;top:0;left:0;right:0}.section-shell{max-width:1200px;margin:auto;padding-left:40px;padding-right:40px}.brand{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.brand>svg{width:27px;height:27px}.brand>span{letter-spacing:-1.8px;font-size:30px;font-weight:750;line-height:1}.brand-dot{color:#508459}.brand-light{color:#fff}.button{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:20px;min-height:46px;padding:0 20px;font-size:16px;font-weight:550;transition:background .2s,transform .2s,box-shadow .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff;box-shadow:0 2px #0000000d}.button-dark:hover{background:#2e463b;box-shadow:0 5px 12px #12291918}.button-small{gap:12px;min-height:38px;padding:0 15px;font-size:16px}.button-outline{background:0 0;border:1px solid #d9dfd4}.button-outline:hover{background:#f0f4eb}.button-lime{background:var(--lime);color:#254635}.button-lime:hover{background:#e0fab3}.icon-button{border-radius:6px;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.icon-button:hover{background:#16251c09}.eyebrow{letter-spacing:1.7px;align-items:center;gap:9px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow>span{background:#64906d;border-radius:50%;width:6px;height:6px}.section-topline{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.section-index{letter-spacing:1.2px;color:#8a928b;font-size:12px}.section-title{letter-spacing:-2.2px;font-size:47px;font-weight:520;line-height:1.13}.section-title>span{color:#8b978a}.section-description{color:#7d867d;margin-top:18px;font-size:17px;line-height:1.7}.section-title-row{justify-content:space-between;align-items:flex-end;gap:25px;display:flex}.text-link{border-bottom:1px solid #b7c0af;align-items:center;gap:14px;padding-bottom:8px;font-size:16px;display:inline-flex}.text-link:hover{color:var(--green)}.muted{color:var(--muted)}.announcement{color:#465943;background:#eaf0e4;justify-content:center;align-items:center;gap:13px;height:34px;font-size:13px;display:flex}.announcement-badge{letter-spacing:1px;border:1px solid #c9d6bd;border-radius:3px;padding:3px 5px;font-size:11px;font-weight:600}.announcement button{border-left:1px solid #cad4c2;align-items:center;gap:6px;padding:0 0 0 13px;font-size:13px;display:flex}.announcement button:hover{text-decoration:underline}.site-header{z-index:50;background:#fff;border-bottom:1px solid #e6eae099;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1360px;height:79px;margin:auto;padding:0 44px;display:flex}.desktop-nav{align-items:center;gap:30px;margin-left:30px;display:flex}.desktop-nav a{color:#606b61;align-items:center;gap:5px;font-size:16px;transition:color .2s;display:flex}.desktop-nav a:hover{color:var(--ink)}.nav-actions{align-items:center;gap:20px;display:flex}.nav-login{align-items:center;gap:7px;font-size:14px;display:flex}.mobile-menu-toggle,.mobile-nav{display:none}.hero{isolation:isolate;padding-top:65px;position:relative;overflow:hidden}.hero-parallax{z-index:-1;pointer-events:none;height:750px;position:absolute;top:0;left:0;right:0}.hero-decoration{position:absolute;inset:0;overflow:hidden}.hero-grid{opacity:.7;background-image:linear-gradient(#527a4810 1px,#0000 1px),linear-gradient(90deg,#527a4810 1px,#0000 1px);background-size:78px 78px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#0000 28%,#0008 72%,#0000 98%);mask-image:radial-gradient(#0000 28%,#0008 72%,#0000 98%)}.hero-content{text-align:center;z-index:1;padding:0 24px;position:relative}.hero-eyebrow{letter-spacing:1.8px;color:#738270;align-items:center;gap:9px;margin-bottom:22px;font-size:12px;font-weight:500;display:inline-flex}.status-dot{background:#7da962;border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #7da96212}.hero h1{letter-spacing:-6.3px;color:#20362a;font-size:clamp(68px,7.2vw,99px);font-weight:520;line-height:1.02}.hero-line{margin-bottom:-10px;padding:0 12px 10px;display:block;overflow:hidden}.hero-line>span{display:inline-block}.hero h1 em{font-family:var(--font-serif);letter-spacing:-5px;color:#668d55;padding-right:10px;font-weight:400;display:inline-block}.hero-description{letter-spacing:-.2px;color:#7b857a;margin:22px 0 28px;font-size:18px;line-height:1.75}.composer-wrap{text-align:left;max-width:720px;margin:0 auto;position:relative}.prompt-composer{background:#fff;border:1px solid #cddbc4;border-radius:15px;padding:20px 22px 15px;transition:box-shadow .35s,border-color .35s;position:relative;box-shadow:0 0 0 5px #eaf0e680,0 12px 35px -15px #2b512c3b,0 2px 4px #1c3c2110}.prompt-composer:before{content:"";pointer-events:none;border:1px solid #9dba8080;border-radius:16px;animation:5s ease-in-out infinite composer-breathe;position:absolute;inset:-2px}.prompt-composer:focus-within{border-color:#759d61;box-shadow:0 0 0 5px #e2ecd8,0 20px 50px -20px #4a773e55}.composer-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px;display:flex}.composer-heading label{letter-spacing:-.6px;color:#2e4634;font-size:22px;font-weight:550}.composer-heading>span{letter-spacing:1px;color:#8a9d7f;align-items:center;gap:5px;font-size:11px;display:inline-flex}.prompt-composer textarea{width:100%;height:61px;color:var(--ink);letter-spacing:-.1px;background:0 0;border:0;padding:4px 0 10px;font-size:17px;line-height:1.5;display:block;outline:none!important}.prompt-composer textarea::placeholder{color:#9aa295}.composer-controls{justify-content:space-between;align-items:center;display:flex}.composer-controls>div{align-items:center;gap:12px;display:flex}.attach-button{color:#8a9685;border:1px solid #e5eadd;border-radius:5px;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.attach-button:hover{background:#eef5e6}.composer-divider{background:#e4e8df;width:1px;height:15px}.model-select{color:#72816a;align-items:center;gap:6px;display:flex;position:relative}.model-select select{appearance:none;color:inherit;cursor:pointer;outline-offset:0;background:0 0;border:0;padding:4px 16px 4px 0;font-size:14px}.model-select>svg:last-child{pointer-events:none;position:absolute;right:0}.enter-hint{color:#9ba591;font-size:13px}.submit-prompt{color:#fff;background:#29482f;border-radius:7px;align-items:center;gap:12px;min-height:37px;padding:0 13px;font-size:14px;transition:background .2s,transform .2s;display:flex;box-shadow:0 3px 6px #264b2525}.submit-prompt:hover{background:#46703f;transform:translateY(-1px)}.submit-prompt svg{transition:transform .2s}.submit-prompt:hover svg{transform:translate(2px,-2px)}.prompt-suggestions{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;margin-top:20px;display:flex}.prompt-suggestions>span{color:#8b9488;margin-right:3px;font-size:12px}.prompt-suggestions button{color:#74816c;background:#fff;border:1px solid #e1e7d9;border-radius:5px;align-items:center;gap:5px;padding:7px 9px;font-size:12px;transition:all .2s;display:flex}.prompt-suggestions button:hover{background:#edf4e5;border-color:#97b27e;transform:translateY(-2px)}.hero-meta{color:#939b8f;justify-content:center;align-items:center;gap:13px;margin:18px 0 0;font-size:12px;display:flex}.hero-meta>span{align-items:center;gap:5px;display:flex}.hero-meta>i{background:#c8d0c0;border-radius:50%;width:3px;height:3px}.little-check{color:#789864;background:#edf2e7;border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;display:flex}.hero-meta button{color:#627958;align-items:center;gap:7px;margin-left:5px;font-size:12px;display:flex}.play-small{border:1px solid #cad5be;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;padding-left:1px;font-size:10px;display:flex}.attachment-chip{border:1px solid var(--line);word-break:break-all;border-radius:4px;align-items:center;gap:5px;max-width:100%;margin-bottom:8px;padding:4px 6px;font-size:13px;display:inline-flex}.attachment-chip button{padding:0;display:flex}.form-error{color:#b34040;padding:8px;font-size:14px;display:block}.orbit{border:1px solid #68855818;border-radius:50%;width:1140px;height:660px;position:absolute;top:-210px;left:50%;transform:translate(-50%)rotate(-18deg)}.orbit-two{border-color:#6885580e;width:1470px;height:1010px;top:-470px;transform:translate(-50%)rotate(16deg)}.float-tile{border-radius:19px;justify-content:center;align-items:center;width:76px;height:76px;animation:8s ease-in-out infinite tile-float;display:flex;position:absolute;overflow:hidden;box-shadow:0 7px 12px #2c44231a,inset 0 1px 1px #fffffffa,inset 0 -2px 2px #314b2420}.tile-code{color:#7f9c63;background:linear-gradient(135deg,#f3f6ee,#e8efd9);top:125px;left:calc(50% - 440px);transform:rotate(-14deg)}.tile-spark{color:#5f8046;background:linear-gradient(130deg,#e2edd6,#cadbb1);animation-delay:-3s;top:216px;right:calc(50% - 430px);transform:rotate(15deg)}.tile-shine{background:linear-gradient(100deg,#0000 40%,#fff8 50%,#0000 60%);animation:7s ease-in-out infinite tile-shine;position:absolute;inset:-50%;transform:translate(-100%)}.tiny-cross{color:#95ac80;font-size:23px;font-weight:300;position:absolute}.cross-one{font-size:18px;top:77px;left:15%}.cross-two{top:106px;right:17%}.cross-three{font-size:16px;top:331px;left:20%}.decoration-caption{font-family:var(--font-serif);color:#b0bba4;font-size:22px;font-style:italic;position:absolute;transform:rotate(-9deg)}.caption-left{top:242px;left:calc(50% - 474px)}.caption-right{top:332px;right:calc(50% - 509px);transform:rotate(7deg)}.hero-scribble{color:#acbea0;position:absolute;top:322px;left:calc(50% - 389px);transform:rotate(17deg)}.hero-preview-outer{perspective:1400px;z-index:2;max-width:1110px;margin:49px auto 0;padding:0 25px 36px;position:relative}.product-window{transform-origin:top;background:#fff;border:1px solid #d8e0d0;border-radius:12px;overflow:hidden;box-shadow:0 30px 65px -22px #263e2533,0 0 0 6px #e9eee380}.window-toolbar{background:#fff;border-bottom:1px solid #e4e8dc;align-items:center;gap:20px;height:43px;padding:0 15px;font-size:12px;display:flex}.window-dots{gap:4px;display:flex}.window-dots i{background:#dce2d6;border-radius:50%;width:6px;height:6px}.window-dots i:first-child{background:#dfb9aa}.window-dots i:nth-child(2){background:#dfd6ae}.window-dots i:nth-child(3){background:#b2cbaa}.window-project{color:#6b7762;align-items:center;gap:6px;display:flex}.window-project svg:first-child{width:12px;height:12px}.window-status{color:#a1ab98;align-items:center;gap:4px;margin-left:auto;font-size:11px;display:flex}.window-status i{background:#87ad68;border-radius:50%;width:4px;height:4px}.window-publish{color:#5c7449;background:#ecf2e4;border-radius:4px;align-items:center;gap:8px;padding:6px 8px;font-size:11px;display:flex}.window-publish:hover{background:#deebd0}.product-body{grid-template-columns:29% 71%;height:458px;display:grid}.agent-panel{background:#fff;border-right:1px solid #e4e8de;flex-direction:column;padding:18px 16px 12px;display:flex}.agent-panel-heading{justify-content:space-between;align-items:center;font-size:12px;display:flex}.agent-panel-heading>span:first-child{align-items:center;gap:6px;display:flex}.agent-panel-heading svg{width:14px;height:14px}.demo-label{letter-spacing:1px;color:#9da98e;border:1px solid #e2e8d8;border-radius:3px;padding:3px;font-size:9px}.user-bubble{color:#5c6b51;background:#eff3e9;border:1px solid #e4e9db;border-radius:9px 9px 2px;margin:22px 0 17px 21px;padding:13px 12px;font-size:13px;line-height:1.6}.user-bubble>span{text-align:right;color:#a2ad96;margin-top:4px;font-size:10px;display:block}.agent-message{gap:8px;display:flex}.agent-symbol{border:1px solid #e1e7d7;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:21px;height:21px;display:flex}.agent-symbol svg{width:11px;height:11px}.agent-message strong{font-size:13px;font-weight:500}.agent-message p{color:#89947e;margin-top:5px;font-size:12px;line-height:1.7}.build-checklist{color:#b2baa9;flex-direction:column;gap:11px;padding:17px 0 15px 29px;font-size:11px;display:flex}.build-checklist>div{align-items:center;gap:7px;display:flex}.build-checklist>div>span{justify-content:center;align-items:center;width:12px;height:12px;display:flex}.build-checklist .complete{color:#7b8c6b}.build-checklist .complete svg{color:#7f9c69}.build-checklist .working{color:#4b7138}.build-checklist>div>span>i{border:1px solid #b3c0a6;border-radius:50%;width:4px;height:4px}.mini-spinner{border:1.5px solid #d4dfc8;border-top-color:#5c8247;border-radius:50%;width:12px;height:12px;animation:.85s linear infinite spin;display:inline-block}.agent-done{color:#738c5c;background:#f3f7ed;border:1px solid #dce7d2;border-radius:5px;gap:8px;margin-left:28px;padding:9px 10px;font-size:11px;display:flex}.agent-done small{color:#9ba88e;margin-top:4px;font-size:9px;display:block}.agent-bottom{margin-top:auto;padding-top:15px}.agent-bottom>button{color:#a1ac95;text-align:left;background:#fff;border:1px solid #e3e9db;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:10px 9px;font-size:11px;display:flex}.agent-bottom>button:hover{color:#67814e;border-color:#a9bd93}.agent-bottom>small{color:#b0b8a7;justify-content:center;align-items:center;gap:4px;margin-top:9px;font-size:9px;display:flex}.agent-bottom>small>span{background:#9eae8c;border-radius:50%;width:3px;height:3px}.preview-panel{background:#fff;min-width:0;overflow:hidden}.preview-toolbar{color:#98a18f;background:#fff;border-bottom:1px solid #e3e8da;align-items:center;gap:10px;height:38px;padding:0 12px;font-size:11px;display:flex}.preview-tabs{align-items:center;gap:3px;display:flex}.preview-tabs button{color:#a1aa98;border-radius:4px;align-items:center;gap:4px;padding:5px 6px;font-size:11px;display:flex}.preview-tabs button.active{color:#5a714b;background:#eff4e7}.preview-url{align-items:center;gap:4px;margin:auto;font-size:10px;display:flex}.preview-toolbar>button{color:#98a18f;padding:0;display:flex}.hero-project{height:420px;overflow:hidden;container-type:inline-size}.hero-code{color:#ecf3de;background:#203029;min-height:100%;padding:38px 25px}.code-sample{white-space:pre-wrap;tab-size:2;font-family:Consolas,monospace;font-size:16px;line-height:2}.code-muted{color:#758c7c}.code-purple{color:#bdadcf}.code-green{color:#abd3a2}.code-gold{color:#dec698}.code-caret{background:#bbd798;width:6px;height:13px;animation:1s step-end infinite blink;display:inline-block}.preview-shadow{filter:blur(40px);opacity:.07;z-index:-1;background:#18331b;max-width:850px;height:35px;position:absolute;bottom:25px;left:10%;right:10%}.preview-note{font-family:var(--font-serif);color:#8da278;font-size:21px;font-style:italic;position:absolute;bottom:0;right:5px;transform:rotate(-5deg)}.hand-drawn-arrow{margin-right:5px;font-size:28px;display:inline-block;transform:rotate(16deg)}.built-with{text-align:center;border-bottom:1px solid var(--line);max-width:1120px;margin:auto;padding:32px 30px 69px}.built-with>span{letter-spacing:1.4px;color:#9ba394;font-size:11px}.tech-logos{color:#7b8774;justify-content:space-between;align-items:center;gap:30px;max-width:820px;margin:24px auto 0;display:flex}.tech-logos>span{letter-spacing:-.8px;white-space:nowrap;align-items:center;gap:7px;font-size:23px;font-weight:550;display:flex}.tech-next{letter-spacing:-1.6px!important;font-weight:650!important}.tech-next span{align-self:flex-end;margin-bottom:4px;margin-left:-5px;font-size:14px}.tech-typescript{font-size:21px!important}.tech-typescript b{color:#fbfcf9;letter-spacing:-1px;background:#8a9680;padding:4px 2px 0 4px;font-size:17px}.vercel-mark{border-bottom:19px solid;border-left:11px solid #0000;border-right:11px solid #0000}.built-with>p{color:#a7afa0;margin-top:20px;font-size:11px}.features-section{padding-top:106px;padding-bottom:97px}.feature-tabs{border-bottom:1px solid var(--line);gap:38px;margin-top:41px;display:flex}.feature-tabs button{color:#99a18f;align-items:center;gap:9px;padding:16px 2px;font-size:16px;display:flex;position:relative}.feature-tabs button.active{color:#3b623f}.tab-active-line{background:#5f814d;height:2px;position:absolute;bottom:-1px;left:0;right:0}.feature-stage{background:#fff;border:1px solid #e0e7d6;border-radius:10px;grid-template-columns:43% 57%;min-height:345px;margin-top:22px;display:grid;overflow:hidden}.feature-stage-copy{padding:35px 39px}.feature-number{color:#9eb08e;font-size:13px}.feature-stage-copy h3{letter-spacing:-1px;white-space:pre-line;margin:22px 0 16px;font-size:30px;font-weight:500;line-height:1.2}.feature-stage-copy p{color:#8b9680;max-width:320px;font-size:16px;line-height:1.8}.feature-stage-copy>a{color:#557343;align-items:center;gap:15px;margin-top:25px;font-size:14px;display:inline-flex}.feature-visual{background-image:radial-gradient(#899f6c35 .6px,#0000 .6px);background-size:17px 17px;justify-content:center;align-items:center;min-height:345px;display:flex;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10%);mask-image:linear-gradient(90deg,#0000,#000 10%)}.idea-core{z-index:2;background:linear-gradient(135deg,#fcfef6,#e9f2dc);border:1px solid #d1dfbd;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:18px;width:153px;height:153px;display:flex;box-shadow:8px 13px 35px #66874225,inset 0 2px 3px #fff,inset 0 -2px 3px #7e9d5f20}.idea-core>svg{color:#779555;width:58px;height:58px}.idea-core>span{color:#6b824f;font-size:12px}.idea-chip{color:#7b9164;z-index:3;background:#fff;border:1px solid #dce5d1;border-radius:7px;align-items:center;gap:8px;padding:12px 15px;font-size:13px;animation:6s ease-in-out infinite chip-float;display:flex;position:absolute;box-shadow:0 5px 12px #49623108}.chip-a{top:48px;left:28px;transform:rotate(-8deg)}.chip-b{animation-delay:-2s;bottom:49px;left:45px;transform:rotate(-4deg)}.chip-c{animation-delay:-4s;top:144px;right:30px;transform:rotate(8deg)}.idea-wire{border:1px dashed #bfd0ac;border-radius:50%;width:365px;height:220px;animation:50s linear infinite wire-rotate;position:absolute;transform:rotate(-25deg)}.wire-b{width:290px;height:310px;animation-direction:reverse;transform:rotate(30deg)}.visual-grid-dot{background:#9bb581;border-radius:50%;width:5px;height:5px;position:absolute}.dot-one{top:65px;right:140px}.dot-two{bottom:62px;right:90px}.small-feature-grid{grid-template-columns:repeat(3,1fr);gap:23px;margin-top:26px;display:grid}.small-feature{border:1px solid var(--line);background:#fff;border-radius:8px;height:100%;padding:27px 27px 21px;transition:transform .3s,box-shadow .3s}.small-feature:hover{transform:translateY(-5px);box-shadow:0 13px 30px #3149280b}.feature-icon{color:#759459;background:#edf2e5;border:1px solid #e1e9d6;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:21px;display:flex}.small-feature h3{letter-spacing:-.4px;font-size:19px;font-weight:500}.small-feature p{color:#919987;max-width:265px;margin-top:10px;font-size:16px;line-height:1.8}.feature-footnote{letter-spacing:1.1px;color:#a2ad94;justify-content:space-between;align-items:center;margin-top:27px;font-size:10px;display:flex}.design-canvas{background:#fff;border:1px solid #cfddbf;border-radius:9px;width:325px;height:236px;animation:7s ease-in-out infinite canvas-float;position:relative;transform:rotate(-3deg);box-shadow:0 15px 35px #5474361c}.design-canvas-nav{border-bottom:1px solid #e5eadb;align-items:center;gap:4px;height:30px;padding:0 12px;display:flex}.design-canvas-nav i{background:#cfd9c2;border-radius:50%;width:4px;height:4px}.design-canvas-nav span{color:#9fac90;margin:auto;font-size:11px}.design-headline{letter-spacing:-2px;border:1px solid #86a7d0;width:235px;margin:22px 30px 18px;padding:5px 9px 9px;font-size:42px;line-height:1;position:relative}.design-headline em{font-family:var(--font-serif);color:#80945e;font-weight:400}.selection-corner{background:#fff;border:1px solid #86a7d0;width:5px;height:5px;position:absolute}.tl{top:-3px;left:-3px}.tr{top:-3px;right:-3px}.bl{bottom:-3px;left:-3px}.br{bottom:-3px;right:-3px}.design-swatches{align-items:center;gap:7px;padding:0 32px;display:flex}.design-swatches i{background:#365438;border-radius:50%;width:16px;height:16px}.design-swatches i:nth-child(2){background:#afc58c}.design-swatches i:nth-child(3){background:#ede6d8}.design-swatches i:nth-child(4){background:#d7967d}.design-swatches span{color:#9ca98b;margin-left:auto;font-size:11px}.design-cursor{color:#748cbd;animation:6s ease-in-out infinite cursor-drift;position:absolute;bottom:40px;right:-65px}.design-cursor span{color:#fff;white-space:nowrap;background:#748cbd;border-radius:0 5px 5px;padding:6px 8px;font-size:11px;position:absolute;top:20px;left:17px}.ship-visual{justify-content:center;align-items:center;width:400px;height:300px;display:flex;position:relative}.ship-orbit{border:1px solid #cddbbb;border-radius:50%;width:310px;height:185px;position:absolute;transform:rotate(-25deg)}.ship-orbit.orbit-b{border-style:dashed;width:250px;height:270px;animation:45s linear infinite wire-rotate;transform:rotate(20deg)}.ship-globe{color:#7e9e60;background:#e0edcecc;border:1px solid #c4d7ab;border-radius:50%;justify-content:center;align-items:center;width:130px;height:130px;display:flex;box-shadow:0 12px 35px #6d8e4625}.ship-check{background:#fff;border:1px solid #d2dfc3;border-radius:8px;align-items:center;gap:11px;padding:15px 17px;font-size:14px;animation:6s ease-in-out infinite chip-float;display:flex;position:absolute;bottom:8px;box-shadow:0 5px 20px #5c754713}.ship-check>svg:first-child{color:#77a35a}.ship-check small{color:#8c9b7a;margin-top:5px;font-size:11px;display:block}.ship-check>svg:last-child{color:#9dae89;margin-left:20px}.ship-dot{background:#99b677;border-radius:50%;width:8px;height:8px;position:absolute;box-shadow:0 0 0 5px #aabd8e20}.sd-one{animation:3s infinite glow;top:81px;left:80px}.sd-two{animation:3s 1s infinite glow;top:174px;right:60px}.sd-three{animation:3s 2s infinite glow;top:30px;left:212px}.templates-section{padding-top:25px;padding-bottom:85px}.template-filters{flex-wrap:wrap;gap:7px;margin-top:32px;margin-bottom:25px;display:flex}.template-filters button{color:#8b9680;border:1px solid #e1e7d9;border-radius:5px;padding:9px 13px;font-size:13px;transition:all .2s}.template-filters button.active{color:#4b633d;background:#e9f0df;border-color:#d8e4ca}.template-filters button:hover{background:#edf3e5}.template-grid{grid-template-columns:repeat(2,1fr);gap:30px 25px;min-height:270px;display:grid}.template-card{min-width:0}.template-image-button{text-align:left;border-radius:9px;width:100%;padding:0;display:block;overflow:hidden}.template-image{border-radius:9px;height:272px;padding:25px 26px 0;transition:filter .3s;position:relative;overflow:hidden}.template-browser{background:#fff;border:1px solid #ffffff80;border-radius:7px 7px 0 0;height:270px;transition:transform .5s cubic-bezier(.22,1,.36,1);overflow:hidden;box-shadow:0 10px 30px #1d311e1b}.template-image-button:hover .template-browser{transform:translateY(-6px)rotate(-1deg)}.template-browser-toolbar{background:#fff;align-items:center;gap:3px;height:21px;padding:0 9px;display:flex}.template-browser-toolbar i{background:#d7dccf;border-radius:50%;width:4px;height:4px}.template-browser-toolbar span{color:#a1aa94;margin:auto;font-size:9px}.template-preview-scale{transform-origin:0 0;pointer-events:none;width:800px;transform:scale(.6)}.template-open{color:#435d38;opacity:0;background:#fff;border:1px solid #ccd6c5;border-radius:6px;align-items:center;gap:12px;padding:10px 13px;font-size:13px;transition:all .25s;display:flex;position:absolute;bottom:15px;right:16px;transform:translateY(10px);box-shadow:0 6px 20px #21351b13}.template-image-button:hover .template-open,.template-image-button:focus-visible .template-open{opacity:1;transform:translateY(0)}.template-card-info{justify-content:space-between;align-items:center;gap:10px;margin-top:15px;display:flex}.template-card-info h3{align-items:center;gap:11px;font-size:16px;font-weight:550;display:flex}.template-card-info h3 svg{color:#9aa78c;opacity:0;transition:all .2s;transform:translate(-4px,4px)}.template-card:hover h3 svg{opacity:1;transform:translate(0)}.template-card-info p{color:#929d86;margin-top:5px;font-size:13px}.template-card-info>span{color:#87957a;border:1px solid #e0e6d7;border-radius:4px;padding:5px 7px;font-size:11px}.template-bottom{border-top:1px solid var(--line);color:#87977b;justify-content:space-between;align-items:center;margin-top:35px;padding-top:24px;font-size:13px;display:flex}.template-bottom>span{align-items:center;gap:8px;display:flex}.template-bottom>span:last-child{letter-spacing:1px;color:#a1ad97;font-size:10px}.tiny-mark{color:#9db585;font-size:23px}.manifesto-section{isolation:isolate;text-align:center;background:#253e30;justify-content:center;align-items:center;min-height:610px;padding:85px 20px;display:flex;position:relative;overflow:hidden}.manifesto-grid{z-index:-1;background-image:linear-gradient(#adc88b0b 1px,#0000 1px),linear-gradient(90deg,#adc88b0b 1px,#0000 1px);background-size:80px 80px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000,#0000 85%);mask-image:radial-gradient(#000,#0000 85%)}.manifesto-content>.eyebrow{color:#9bb78a;font-size:12px}.manifesto-content h2{color:#f1f5e8;letter-spacing:-3.6px;margin:25px 0;font-size:69px;font-weight:450;line-height:1.04}.manifesto-content h2 em{font-family:var(--font-serif);color:#c8e7a5;font-weight:400}.manifesto-content p{color:#9eaf94;margin-bottom:25px;font-size:16px;line-height:1.9}.manifesto-footnote{font-family:var(--font-serif);color:#80976e;margin-top:17px;font-size:20px;font-style:italic;display:block}.manifesto-orb{z-index:-1;--drift-x:24px;--drift-y:22px;background:radial-gradient(circle at 28% 28%,#a5c282,#6d9254 25%,#375331 60%,#1f3626 82%);border-radius:50%;width:230px;height:230px;animation:14s ease-in-out infinite orb-drift;position:absolute;box-shadow:inset -15px -20px 35px #091b16a1,0 30px 45px #13261960}.orb-large{top:107px;left:-52px}.orb-small{width:138px;height:138px;animation-delay:-5s;bottom:112px;right:9%}.manifesto-cross{color:#567247;font-size:55px;animation:30s linear infinite wire-rotate;position:absolute;top:83px;right:12%}.pricing-section{padding-top:100px;padding-bottom:90px}.billing-toggle{background:#eef2e7;border:1px solid #e0e6d8;border-radius:7px;gap:2px;margin-bottom:4px;padding:4px;display:flex}.billing-toggle button{color:#8e9a81;border-radius:4px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex}.billing-toggle button.active{color:#465d37;background:#fff;box-shadow:0 2px 4px #21361c0e}.billing-toggle button span{color:#64864e;background:#e8f0db;border-radius:3px;padding:3px 4px;font-size:11px}.pricing-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:42px;display:grid}.pricing-grid>div{height:100%}.pricing-card{background:#fff;border:1px solid #e0e7d7;border-radius:9px;height:100%;padding:27px 26px 31px;position:relative}.pricing-featured{background:#f0f5e7;border-color:#bbcea7;box-shadow:0 0 0 4px #e9f0e03d}.popular-label{color:#637f4e;letter-spacing:1.1px;background:#e0ebd1;border:1px solid #bbcea7;border-bottom:0;border-radius:8px 8px 0 0;justify-content:center;align-items:center;gap:7px;height:23px;font-size:10px;display:flex;position:absolute;top:-20px;left:-1px;right:-1px}.plan-heading{align-items:center;gap:9px;display:flex}.plan-heading h3{letter-spacing:-.4px;font-size:22px;font-weight:500}.plan-icon{color:#7f9968}.pricing-card>p{color:#97a087;margin-top:8px;font-size:14px}.plan-price{align-items:baseline;gap:6px;margin-top:29px;display:flex}.plan-price>span:first-child{letter-spacing:-2px;font-size:45px;font-weight:500;line-height:1.2}.plan-price>span:last-child{color:#95a084;font-size:14px}.plan-billing{color:#9da78f;margin-top:6px;font-size:12px;display:block}.pricing-card>.button{justify-content:space-between;width:100%;min-height:42px;margin-top:25px;padding:0 13px;font-size:14px;display:flex}.plan-divider{background:#e3e9db;height:1px;margin:25px 0 22px}.pricing-card ul{flex-direction:column;gap:13px;margin:0;padding:0;list-style:none;display:flex}.pricing-card li{color:#859374;align-items:center;gap:8px;font-size:14px;display:flex}.pricing-card li svg{color:#8fab73}.pricing-note{text-align:center;color:#a0ab93;margin-top:20px;font-size:12px}.faq-section{grid-template-columns:43% 57%;gap:50px;max-width:1150px;padding-top:5px;padding-bottom:108px;display:grid}.faq-heading>.eyebrow{margin-bottom:22px}.faq-heading .section-title{font-size:38px}.faq-heading>p{color:#96a08a;margin-top:20px;font-size:16px;line-height:1.8}.faq-list{padding-top:7px}.faq-item{border-bottom:1px solid #e1e7d8}.faq-item>button{text-align:left;color:#65765a;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:21px 0;font-size:16px;font-weight:500;display:flex}.faq-item>button svg{color:#99ab89;transition:transform .3s}.faq-item.open>button svg{transform:rotate(45deg)}.faq-item>div{overflow:hidden}.faq-item p{color:#939e86;padding:0 28px 23px 0;font-size:16px;line-height:1.85}.site-footer{background:#fff;border-top:1px solid #e1e8d7;overflow:hidden}.footer-main{justify-content:space-between;gap:40px;padding-top:57px;padding-bottom:43px;display:flex}.footer-main .brand{color:#436238}.footer-main>div>p{letter-spacing:-.4px;color:#7f966f;margin-top:20px;font-size:21px;line-height:1.4}.footer-status{color:#9caa8e;align-items:center;gap:6px;margin-top:22px;font-size:11px;display:flex}.footer-status>span{background:#98b57a;border-radius:50%;width:5px;height:5px}.footer-links{gap:90px;padding-top:7px;display:flex}.footer-links>div{flex-direction:column;gap:13px;display:flex}.footer-links>div>span{letter-spacing:1.2px;color:#8fa17d;margin-bottom:6px;font-size:11px}.footer-links a,.footer-links button{color:#768b65;text-align:left;align-items:center;gap:6px;padding:0;font-size:14px;display:flex}.footer-links a:hover,.footer-links button:hover{color:#2c4b27}.footer-bottom{color:#a3b195;border-top:1px solid #dce5d1;justify-content:space-between;align-items:center;padding-top:19px;padding-bottom:19px;font-size:11px;display:flex}.footer-bottom>span:nth-child(2){letter-spacing:1px;align-items:center;gap:10px;font-size:10px;display:flex}.footer-bottom>a{color:#829b6b;border:1px solid #d1dec1;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.footer-wordmark{letter-spacing:-.065em;color:#dce6d0;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:20px;margin-bottom:-.06em;padding-top:24px;font-size:clamp(72px,24vw,400px);font-weight:650;line-height:.74;display:flex}.footer-wordmark>span{color:#d2e0c2;font-size:.55em;font-weight:400;line-height:1}.modal{color:var(--ink);background:#fff;border:1px solid #dce6d1;border-radius:17px;width:min(520px,100vw - 32px);max-height:88dvh;padding:38px;animation:.3s modal-in;overflow:auto;box-shadow:0 35px 100px #13251940}.modal::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#172a226b}.modal-close{color:#8a9a7b;position:absolute;top:14px;right:14px}.modal-eyebrow{letter-spacing:1.3px;color:#8da574;align-items:center;gap:8px;margin-bottom:20px;font-size:11px;display:flex}.modal-eyebrow>svg{width:20px;height:20px}.modal>h2{letter-spacing:-1.4px;margin-bottom:20px;font-size:36px;font-weight:500;line-height:1.1}.modal>p{color:#8b9a7c;margin:15px 0 24px;font-size:16px;line-height:1.8}.modal>.button{justify-content:space-between;width:100%}.modal-note{color:#9ba88e;line-height:1.7;display:block;margin-top:16px!important;font-size:13px!important}.demo-prompt{color:#6c8559;background:#edf3e5;border-radius:8px;align-items:center;gap:10px;margin-top:15px;padding:14px;font-size:16px;display:flex}.demo-timeline{flex-direction:column;gap:12px;padding:25px 6px;display:flex}.demo-timeline>div{color:#afb9a2;align-items:center;gap:10px;font-size:14px;transition:color .3s;display:flex}.demo-timeline>div>span{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex}.demo-timeline>div.done{color:#628749}.demo-result{border:1px solid #e0e7d5;border-radius:8px;height:215px;overflow:hidden;container-type:inline-size}.demo-result>.project-preview{transform-origin:0 0;width:660px;transform:scale(.67)}.share-link{background:#edf3e5;border:1px solid #dbe5ce;border-radius:6px;gap:8px;margin:20px 0;padding:10px 12px;display:flex}.share-link input{color:#738663;background:0 0;border:0;flex:1;min-width:0;font-size:13px}.share-link button{color:#728d5c}.modal-actions{gap:10px;display:flex}.modal-actions .button{flex:1;gap:10px;padding:0 12px;font-size:14px}@keyframes composer-breathe{0%,to{opacity:.35}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes tile-float{0%,to{translate:0}50%{translate:0 -13px}}@keyframes tile-shine{0%,65%{transform:translate(-100%)rotate(20deg)}90%,to{transform:translate(100%)rotate(20deg)}}@keyframes chip-float{0%,to{translate:0}50%{translate:0 -7px}}@keyframes canvas-float{0%,to{transform:rotate(-3deg)translateY(0)}50%{transform:rotate(0)translateY(-5px)}}@keyframes wire-rotate{to{rotate:360deg}}@keyframes cursor-drift{0%,to{transform:translate(0)}40%{transform:translate(-23px,-13px)}70%{transform:translate(-6px,8px)}}@keyframes glow{0%,to{box-shadow:0 0 0 4px #aabd8e20}50%{box-shadow:0 0 0 9px #aabd8e05}}@keyframes modal-in{0%{opacity:0;transform:translateY(15px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (min-width:1450px){.hero{padding-top:80px}.hero h1{font-size:105px}.hero-preview-outer{margin-top:55px}}@media (max-width:1100px){.nav-inner{padding:0 28px}.desktop-nav{gap:21px;margin-left:0}.nav-login{display:none}.tile-code{border-radius:15px;width:60px;height:60px;top:145px;left:6%}.tile-spark{border-radius:15px;width:60px;height:60px;top:200px;right:6%}.decoration-caption,.hero-scribble{display:none}.section-shell,.hero-preview-outer{padding-left:32px;padding-right:32px}.product-body{grid-template-columns:30% 70%;height:430px}.agent-panel{padding:14px 12px}.hero-project{height:392px}.agent-bottom>button{font-size:10px}.hero h1{font-size:85px}.template-preview-scale{transform:scale(.51)}.template-image{height:244px;padding:22px 22px 0}.template-browser{height:250px}.feature-stage-copy{padding:30px}.feature-stage-copy h3{font-size:27px}.idea-chip{padding:10px;font-size:11px}.chip-a{left:15px}.chip-c{right:8px}.small-feature{padding:24px 20px}.orb-small{right:4%}.faq-section{grid-template-columns:40% 55%;gap:5%}.footer-links{gap:60px}}@media (max-width:800px){.desktop-nav{display:none}.nav-inner{height:68px}.nav-actions{margin-left:auto;margin-right:10px}.mobile-menu-toggle{display:flex}.mobile-nav{border-top:1px solid var(--line);flex-direction:column;display:flex;overflow:hidden}.mobile-nav>a{border-bottom:1px solid #e8edde;justify-content:space-between;align-items:center;padding:17px 28px;font-size:16px;display:flex}.hero{padding-top:49px}.hero h1{letter-spacing:-4.8px;font-size:77px}.hero h1 em{letter-spacing:-4px}.hero-description{font-size:17px}.composer-wrap{max-width:630px}.tile-code{border-radius:11px;width:44px;height:44px;top:65px;left:0%}.tile-spark{border-radius:11px;width:44px;height:44px;top:124px;right:0}.float-tile svg{width:22px}.cross-one,.cross-three{display:none}.hero-preview-outer{margin-top:40px}.product-body{grid-template-columns:28% 72%;height:350px}.agent-panel{padding:10px 8px}.agent-panel-heading{font-size:10px}.demo-label{display:none}.user-bubble{margin:14px 0 12px 5px;padding:9px;font-size:11px}.agent-message{gap:5px}.agent-message strong{font-size:11px}.agent-message p{font-size:10px}.agent-symbol{width:17px;height:17px}.build-checklist{gap:9px;padding:12px 0 12px 18px;font-size:9px}.agent-done{gap:4px;margin-left:16px;padding:7px 5px;font-size:9px}.agent-done small{font-size:8px}.agent-bottom>button{padding:7px;font-size:9px}.agent-bottom>small{font-size:8px}.hero-project{height:312px}.window-toolbar{gap:10px;height:36px;padding:0 10px;font-size:10px}.window-project{font-size:10px}.window-status{font-size:9px}.window-publish{padding:5px;font-size:9px}.preview-toolbar{height:31px;padding:0 8px}.preview-tabs button{padding:4px;font-size:9px}.preview-url{font-size:9px}.preview-tabs svg{width:9px}.built-with{padding-bottom:50px}.tech-logos{gap:15px}.tech-logos>span{font-size:19px}.tech-typescript{font-size:17px!important}.tech-logos svg{width:18px}.section-title{font-size:40px}.section-index{letter-spacing:.7px;font-size:10px}.features-section{padding-top:75px;padding-bottom:65px}.feature-tabs{gap:23px}.feature-tabs button{font-size:14px}.feature-stage{grid-template-columns:46% 54%;min-height:315px}.feature-visual{min-height:315px}.feature-stage-copy{padding:25px}.feature-stage-copy h3{font-size:24px}.feature-stage-copy p{font-size:14px}.idea-core{border-radius:23px;gap:10px;width:112px;height:112px}.idea-core svg{width:42px;height:42px}.idea-core span{font-size:10px}.idea-chip{gap:5px;padding:8px;font-size:10px}.idea-chip svg{width:12px}.chip-a{top:35px;left:8px}.chip-b{bottom:49px;left:15px}.chip-c{top:200px;right:9px}.small-feature-grid{gap:12px}.small-feature{padding:19px 16px}.small-feature h3{font-size:17px}.small-feature p{font-size:13px}.feature-footnote{letter-spacing:.3px;font-size:9px}.feature-icon{width:34px;height:34px}.design-canvas{scale:.76}.ship-visual{scale:.85}.template-image{height:206px;padding:17px 17px 0}.template-preview-scale{transform:scale(.38)}.template-card-info>span{font-size:10px}.template-card-info h3{font-size:16px}.template-card-info p{font-size:12px}.template-bottom>span:last-child{display:none}.section-title-row>.text-link{white-space:nowrap;font-size:13px}.manifesto-section{min-height:565px}.manifesto-content h2{font-size:63px}.orb-large{width:160px;height:160px;top:115px;left:-90px}.orb-small{width:120px;height:120px;bottom:80px;right:-40px}.manifesto-cross{font-size:32px;top:85px;right:9%}.pricing-grid{gap:12px}.pricing-card{padding:22px 18px}.pricing-card>.button{gap:5px;padding:0 9px;font-size:12px}.pricing-card li{gap:6px;font-size:12px}.plan-price>span:first-child{font-size:38px}.pricing-card>p{font-size:13px}.plan-heading h3{font-size:20px}.plan-billing{font-size:11px}.pricing-section{padding-top:75px;padding-bottom:75px}.billing-toggle button{padding:8px;font-size:12px}.faq-section{padding-bottom:80px}.faq-heading .section-title{font-size:31px}.faq-item>button{font-size:14px;line-height:1.5}.faq-item p{font-size:14px}.footer-links{gap:35px}.footer-bottom>span:nth-child(2){display:none}}@media (max-width:580px){.announcement{gap:8px;font-size:11px}.announcement-badge{font-size:9px}.announcement button{gap:4px;padding-left:8px;font-size:11px}.nav-inner{height:65px;padding:0 20px}.brand>span{font-size:28px}.brand>svg{width:25px;height:25px}.nav-actions{margin-right:0}.nav-actions .button{gap:8px;min-height:34px;padding:0 11px;font-size:13px}.hero{padding-top:41px}.hero-content{padding:0 20px}.hero-eyebrow{letter-spacing:1px;gap:6px;margin-bottom:22px;font-size:10px}.hero h1{letter-spacing:-3.8px;font-size:64px}.hero h1 em{letter-spacing:-3px}.hero-description{margin:22px 0 25px;font-size:16px;line-height:1.8}.float-tile{opacity:.65}.tile-code{top:146px;left:-24px}.tile-spark{top:180px;right:-22px}.tiny-cross{font-size:16px}.cross-two{top:23px;right:11%}.orbit{width:680px;height:550px;top:-240px}.prompt-composer{border-radius:12px;padding:17px 15px 13px;box-shadow:0 0 0 4px #eaf0e680,0 12px 35px -15px #2b512c3b}.composer-heading label{letter-spacing:-.5px;font-size:20px}.composer-heading>span{display:none}.prompt-composer textarea{height:73px;padding-top:3px;font-size:16px;line-height:1.7}.submit-prompt{gap:8px;min-height:35px;padding:0 10px;font-size:13px}.enter-hint{display:none}.composer-controls>div{gap:9px}.prompt-suggestions{justify-content:flex-start;gap:6px;margin-top:17px}.prompt-suggestions>span{text-align:center;width:100%;margin-bottom:3px;font-size:11px}.prompt-suggestions button{flex:44%;justify-content:center;padding:8px 6px;font-size:11px}.hero-meta{flex-wrap:wrap;gap:8px;margin-top:16px;font-size:10px}.hero-meta button{font-size:10px}.hero-preview-outer{margin-top:34px;padding:0 16px 25px}.window-toolbar{gap:9px;height:33px;padding:0 10px}.window-status{display:none}.window-project{flex:1;font-size:10px}.window-publish{font-size:9px}.window-dots i{width:4px;height:4px}.product-body{height:252px;display:block}.agent-panel{display:none}.preview-toolbar{height:28px}.hero-project{height:224px}.product-window{border-radius:8px;box-shadow:0 16px 30px -15px #263e2533,0 0 0 4px #e9eee380}.preview-note{font-size:16px;bottom:0;right:20px}.hand-drawn-arrow{font-size:22px}.hero-code{padding:15px}.code-sample{font-size:12px;line-height:1.6}.built-with{padding:23px 20px 40px}.built-with>span{letter-spacing:1px;font-size:9px}.tech-logos{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px}.tech-logos>span{font-size:18px}.tech-typescript{font-size:16px!important}.tech-logos>span:nth-child(3){display:none}.tech-logos svg{width:17px;height:17px}.vercel-mark{border-bottom-width:14px;border-left-width:8px;border-right-width:8px}.tech-next span{margin-bottom:3px;font-size:11px}.built-with>p{margin-top:17px;font-size:9px}.section-shell{padding-left:22px;padding-right:22px}.section-title{letter-spacing:-1.4px;font-size:35px}.section-topline{margin-bottom:19px}.eyebrow{letter-spacing:1.2px;font-size:11px}.section-index{display:none}.section-description{max-width:280px;margin-top:14px;font-size:16px}.features-section{padding-top:54px;padding-bottom:54px}.feature-tabs{justify-content:space-between;gap:0;margin-top:28px}.feature-tabs button{gap:5px;padding:13px 2px;font-size:11px}.feature-tabs svg{width:13px}.feature-stage{grid-template-columns:1fr;min-height:0;margin-top:18px}.feature-stage-copy{padding:26px}.feature-number{font-size:12px}.feature-stage-copy h3{margin:14px 0;font-size:27px}.feature-stage-copy p{font-size:16px}.feature-stage-copy>a{margin-top:20px;font-size:14px}.feature-visual{min-height:260px;-webkit-mask-image:linear-gradient(#0000,#000 8%);mask-image:linear-gradient(#0000,#000 8%)}.idea-core{width:130px;height:130px}.idea-core svg{width:47px;height:47px}.idea-core span{font-size:11px}.chip-a{top:29px;left:12px}.chip-b{bottom:27px;left:17px}.chip-c{top:144px;right:11px}.small-feature-grid{grid-template-columns:1fr;gap:12px;margin-top:16px}.small-feature{grid-template-columns:40px 1fr;align-items:start;column-gap:17px;padding:22px;display:grid}.feature-icon{grid-row:1/4;width:38px;height:38px;margin:0}.small-feature h3{font-size:18px}.small-feature p{max-width:none;margin-top:8px;font-size:14px}.feature-footnote{letter-spacing:.6px;grid-column:2;margin-top:16px;font-size:9px}.design-canvas{scale:.86}.ship-visual{height:250px}.templates-section{padding-top:4px;padding-bottom:50px}.section-title-row{display:block}.section-title-row>.text-link{margin-top:20px;font-size:13px}.template-filters{gap:5px;margin-top:25px;margin-bottom:20px}.template-filters button{padding:8px 9px;font-size:11px}.template-grid{grid-template-columns:1fr;gap:27px}.template-image{height:238px;padding:20px 20px 0}.template-preview-scale{transform:scale(.44)}.template-browser{height:260px}.template-card-info{margin-top:13px}.template-card-info h3{font-size:16px}.template-card-info p{font-size:13px}.template-card-info>span{font-size:11px}.template-open{opacity:1;padding:8px 10px;font-size:11px;bottom:12px;right:12px;transform:none}.template-bottom{margin-top:25px;padding-top:18px;font-size:11px;line-height:1.6}.template-bottom>span{align-items:flex-start}.template-bottom svg{flex-shrink:0;width:12px}.manifesto-section{min-height:540px;padding:65px 22px}.manifesto-content h2{letter-spacing:-2.5px;margin:25px 0;font-size:56px}.manifesto-content>.eyebrow{font-size:10px}.manifesto-content p{font-size:14px;line-height:1.9}.manifesto-content .button{font-size:14px}.manifesto-footnote{font-size:18px}.orb-large{width:115px;height:115px;top:55px;left:-68px}.orb-small{width:90px;height:90px;bottom:39px;right:-35px}.manifesto-cross{font-size:24px;top:49px;right:8%}.pricing-section{padding-top:55px;padding-bottom:60px}.billing-toggle{margin-top:22px;display:inline-flex}.billing-toggle button{padding:8px 12px;font-size:13px}.pricing-grid{grid-template-columns:1fr;gap:35px;margin-top:25px}.pricing-card{padding:26px}.plan-heading h3{font-size:23px}.pricing-card>p{font-size:16px}.plan-price>span:first-child{font-size:43px}.plan-price{margin-top:25px}.plan-billing{font-size:13px}.pricing-card>.button{min-height:44px;margin-top:21px;padding:0 15px;font-size:16px}.pricing-card li{font-size:16px}.pricing-card ul{gap:14px}.plan-divider{margin:23px 0}.popular-label{font-size:11px}.pricing-note{font-size:11px;line-height:1.7}.faq-section{padding-top:0;padding-bottom:60px;display:block}.faq-heading .section-title{font-size:34px}.faq-heading>p{margin-top:15px;font-size:14px}.faq-list{margin-top:23px}.faq-item>button{padding:19px 0;font-size:16px}.faq-item p{font-size:14px}.footer-main{padding-top:35px;padding-bottom:28px;display:block}.footer-main>div>p{margin-top:17px;font-size:20px}.footer-status{margin-top:17px;font-size:11px}.footer-links{justify-content:space-between;gap:20px;margin-top:31px}.footer-links>div>span{font-size:10px}.footer-links a,.footer-links button{font-size:13px}.footer-bottom{gap:15px;font-size:10px}.footer-wordmark{gap:12px;padding-top:20px;font-size:24vw}.modal{border-radius:13px;padding:31px 23px}.modal>h2{font-size:32px}.modal>p{font-size:16px}.demo-result{height:175px}.demo-result>.project-preview{transform:scale(.48)}.modal-actions{flex-direction:column}.composer-heading label{line-height:1.4}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-parallax,.product-window{transform:none!important}}.orbital-atmosphere{pointer-events:none;z-index:-1;width:100%;height:650px;position:absolute;inset:0}.prompt-composer:after{content:"";pointer-events:none;opacity:.65;background:conic-gradient(from 120deg,#0000 0deg 260deg,#a6c48a 295deg,#618c48 320deg,#0000 355deg);border-radius:15px;padding:1px;animation:5s ease-in-out infinite composer-breathe;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@media (prefers-reduced-motion:reduce){.prompt-composer:after{opacity:.3;animation:none}.orbital-atmosphere{opacity:.5}}.hero-description{color:#65735f}.composer-wrap{max-width:780px}.prompt-composer textarea{height:72px}.submit-prompt{min-height:43px;padding-inline:17px}.prompt-suggestions{gap:9px}.prompt-suggestions button{padding:9px 12px}.hero-meta{color:#74816c;flex-wrap:wrap}.product-body{grid-template-columns:33% 67%;height:565px}.hero-project{height:527px}.agent-panel{overflow:auto}.composer-heading>span{letter-spacing:.5px}.feature-stage-copy p,.small-feature p,.faq-item p{color:#74816a}.pricing-card>p,.pricing-card li,.plan-billing{color:#758466}.announcement{flex-wrap:wrap;row-gap:5px;height:auto;min-height:38px;padding:7px 16px}.feature-tabs button{min-height:47px}.template-filters button{min-height:38px}.footer-bottom{flex-wrap:wrap;gap:16px}@media (max-width:1100px){.desktop-nav{gap:18px}.product-body{grid-template-columns:35% 65%;height:565px}.hero-project{height:527px}.agent-panel{padding:16px 12px}}@media (max-width:800px){.product-body{height:400px;display:block}.agent-panel{display:none}.hero-project{height:369px}.hero-meta,.hero-meta button{font-size:12px}.small-feature p{font-size:15px}.faq-item>button,.faq-item p{font-size:16px}.feature-tabs button{white-space:normal}.feature-stage-copy p{font-size:16px}}@media (max-width:700px){.pricing-grid{grid-template-columns:1fr;gap:35px}.pricing-card>.button,.pricing-card li{font-size:15px}}@media (max-width:580px){.announcement{gap:7px;padding:7px 12px;font-size:11px}.announcement-badge{display:none}.announcement button{font-size:11px}.nav-inner{gap:12px;padding-inline:16px}.nav-actions .button{min-height:38px;font-size:13px}.hero-eyebrow{letter-spacing:.7px;font-size:10px}.hero-description{font-size:16px;line-height:1.65}.prompt-composer textarea{height:85px;font-size:16px;line-height:1.6}.composer-heading label{font-size:21px;line-height:1.3}.submit-prompt{min-height:42px;padding-inline:12px;font-size:14px}.model-select select{font-size:14px}.prompt-suggestions button{padding:10px 8px;font-size:12px;line-height:1.4}.prompt-suggestions>span{font-size:12px}.hero-meta{gap:9px;font-size:11px;line-height:1.5}.hero-meta button{font-size:12px}.product-body{height:280px}.hero-project{height:252px}.feature-tabs{gap:8px}.feature-tabs button{flex:1;justify-content:center;font-size:12px;line-height:1.4}.feature-tabs svg{display:none}.template-filters button{font-size:13px}.section-description{max-width:none;font-size:16px}.small-feature p{font-size:15px}.template-card-info p{font-size:14px}.template-card-info>span{white-space:nowrap;font-size:11px}.template-bottom{font-size:13px}.pricing-note{font-size:12px}.faq-heading>p{font-size:16px}.footer-links a,.footer-links button{font-size:14px;line-height:1.5}.footer-links{gap:24px}.footer-bottom{font-size:11px}.built-with>span,.built-with>p{font-size:11px;line-height:1.5}}@media (max-width:360px){.nav-actions .button{gap:6px;padding-inline:9px;font-size:12px}.brand>span{font-size:26px}.hero h1{font-size:57px}.composer-controls>div{gap:6px}.submit-prompt{gap:6px;padding-inline:9px;font-size:13px}.prompt-suggestions button{font-size:11px}}.scroll-reveal{opacity:0;transition:opacity .34s ease-out,transform .44s cubic-bezier(.22,1,.36,1);transition-delay:var(--reveal-delay,0s);transform:translateY(24px)}.scroll-reveal[data-revealed=true],.scroll-reveal:focus-within{opacity:1;transform:none}.scroll-stagger{opacity:1;transition:none;transform:none}.scroll-stagger>*{opacity:0;transition:opacity .32s ease-out,transform .42s cubic-bezier(.22,1,.36,1);transition-delay:calc(var(--reveal-delay,0s) + var(--item-delay,0s));transform:translateY(20px)}.scroll-stagger>:nth-child(2){--item-delay:55ms}.scroll-stagger>:nth-child(3){--item-delay:.11s}.scroll-stagger>:nth-child(4){--item-delay:.15s}.scroll-stagger>:nth-child(n+5){--item-delay:.18s}.scroll-stagger[data-revealed=true]>*,.scroll-stagger:focus-within>*{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.scroll-reveal,.scroll-stagger>*{opacity:1;transition:none;transform:none}}.landing{isolation:isolate;background:#fff;position:relative}.landing-fluid-background{z-index:-1;pointer-events:none;contain:strict;background:#fff;position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}.landing .site-footer{background:0 0}.fluid-atmosphere{pointer-events:none;width:100%;height:100%;display:block}.fluid-atmosphere[data-renderer=static]{transform-origin:50%;will-change:transform;animation:28s ease-in-out infinite fluid-cached-drift}@keyframes fluid-cached-drift{0%,to{transform:translate(-5px)scale(1.02)}50%{transform:translate(5px,-8px)scale(1.025)}}@media (prefers-reduced-motion:reduce){.fluid-atmosphere[data-renderer=static]{will-change:auto;animation:none;transform:none}}[data-motion-active=false],[data-motion-active=false] *,[data-motion-active=false]:before,[data-motion-active=false]:after,[data-motion-active=false] :before,[data-motion-active=false] :after{animation-play-state:paused!important}.idea-core{animation:8s ease-in-out infinite idea-float}@keyframes idea-float{0%,to{transform:translateY(0)rotate(0)}33%{transform:translateY(-9px)rotate(-4deg)}66%{transform:translateY(-4px)rotate(4deg)}}.prompt-composer:focus-within:before,.prompt-composer:focus-within:after{animation-play-state:paused}.prompt-composer:before,.prompt-composer:after{will-change:opacity}.scroll-expand{position:relative}.scroll-expand-surface{transform-origin:50% 0}.scroll-expand-panel{overflow:hidden}@media (prefers-reduced-motion:reduce){.scroll-expand-surface{will-change:auto!important;border-radius:0!important;transform:none!important}}.orb-surface{pointer-events:none;border-radius:50%;position:absolute;inset:0;overflow:hidden}.orb-axis{transform-style:preserve-3d;position:absolute;inset:5%;transform:rotate(-22deg)rotateX(-16deg)}.orb-longitudes{transform-style:preserve-3d;animation:4s linear infinite orb-spin;position:absolute;inset:0}.orb-longitudes>i,.orb-latitude{backface-visibility:visible;border:1px solid #c3dea647;border-radius:50%;position:absolute;inset:0}.orb-latitude{transform:rotateX(90deg)}.latitude-north{inset:10%;transform:translateY(-30%)rotateX(90deg)}.latitude-south{inset:10%;transform:translateY(30%)rotateX(90deg)}.orb-small{--drift-x:-19px;--drift-y:17px;animation-duration:18s;animation-delay:-6s}.orb-small .orb-axis{transform:rotate(24deg)rotateX(-20deg)}.orb-small .orb-longitudes{animation-duration:3s;animation-direction:reverse;animation-delay:-4s}.manifesto-section[data-motion-active=true] .manifesto-orb,.manifesto-section[data-motion-active=true] .orb-longitudes{will-change:transform}@keyframes orb-spin{0%{transform:rotateY(0)}to{transform:rotateY(360deg)}}@keyframes orb-drift{0%,to{transform:translate(0,0)}25%{transform:translate3d(var(--drift-x),calc(var(--drift-y) * -1),0)}50%{transform:translate3d(calc(var(--drift-x) * .5),calc(var(--drift-y) * .35),0)}75%{transform:translate3d(calc(var(--drift-x) * -.4),var(--drift-y),0)}}@media (max-width:580px){.orb-large{--drift-x:14px;--drift-y:12px}.orb-small{--drift-x:-12px;--drift-y:10px}}@media (prefers-reduced-motion:reduce){.manifesto-orb,.orb-longitudes{will-change:auto!important;animation:none!important}}.tech-marquee{height:190px;margin:12px -30px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.tech-flow,.tech-arc-guide{width:100%;height:100%;position:absolute;inset:0}.tech-arc-guide{color:#d8e2d1;opacity:.7;pointer-events:none}.tech-token{white-space:nowrap;letter-spacing:-.9px;color:#5a7150;offset-path:var(--tech-path);offset-distance:0%;offset-rotate:reverse;offset-anchor:50% 50%;opacity:0;animation:tech-travel var(--tech-duration,50s) linear infinite;animation-delay:calc(var(--tech-duration,50s) * var(--tech-phase));-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:27px;font-weight:570;line-height:1.2;display:flex;position:absolute;top:0;left:0}.tech-marquee[data-ready=true] .tech-token{opacity:1}.tech-marquee[data-motion-active=true] .tech-token{will-change:offset-distance}.tech-token>svg{flex-shrink:0;width:28px;height:28px}.tech-monogram{letter-spacing:-1.2px;justify-content:center;align-items:center;min-width:25px;height:27px;font-size:19px;font-weight:650;line-height:1;display:inline-flex}.tech-mark-n{border:1.5px solid;border-radius:50%;width:27px;font-size:17px}.tech-mark-js{clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%);border:1.5px solid;font-size:12px}.tech-mark-ts{color:#fff;letter-spacing:-1px;background:#5a7150;border-radius:2px;justify-content:flex-end;align-items:flex-end;padding:3px;font-size:15px}.tech-mark-dj{font-size:24px;font-weight:750}.tech-mark-ex{letter-spacing:-2px;font-size:21px;font-weight:450}.tech-mark-l{border-left:2px solid;min-width:20px;height:23px;font-size:24px;font-weight:450;transform:skewY(-12deg)}.tech-braces{letter-spacing:-4px;padding-right:3px;font-size:24px;font-weight:450}.tech-triangle{border-bottom:22px solid;border-left:12px solid #0000;border-right:12px solid #0000;width:0;height:0}.built-with>p{color:#77876f;margin-top:4px;font-size:14px;line-height:1.7}.built-with>p>small{color:#99a491;margin-top:6px;font-size:11px;display:block}@keyframes tech-travel{0%{offset-distance:0%}to{offset-distance:100%}}@media (max-width:580px){.tech-marquee{height:155px;margin:12px -20px 0}.tech-token{letter-spacing:-.65px;gap:8px;font-size:21px}.tech-token>svg{width:23px;height:23px}.tech-monogram{scale:.88}.tech-triangle{border-bottom-width:18px;border-left-width:10px;border-right-width:10px}.built-with>p{max-width:290px;margin:0 auto;font-size:13px}}@media (prefers-reduced-motion:reduce){.tech-marquee{height:auto;min-height:155px;-webkit-mask-image:none;mask-image:none}.tech-arc-guide{display:none}.tech-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 30px;padding:26px 22px;display:flex;position:relative}.tech-token{offset-path:none;opacity:1;position:static;will-change:auto!important;animation:none!important;transform:none!important}}.faq-item>summary{cursor:pointer;text-align:left;color:#52664d;justify-content:space-between;align-items:center;gap:20px;width:100%;padding:21px 0;font-size:18px;font-weight:500;line-height:1.6;list-style:none;display:flex}.faq-item>summary::-webkit-details-marker{display:none}.faq-item>summary:focus-visible{outline-offset:4px;outline:3px solid #729b65}.faq-item>summary svg{flex-shrink:0;transition:transform .2s}.faq-item[open]>summary svg{transform:rotate(45deg)}.faq-item[open]>div{animation:.2s ease-out faq-answer-in}.template-card-info h3 a{align-items:center;gap:12px;display:inline-flex}.template-card-info h3 a:hover{text-underline-offset:5px;text-decoration:underline}@keyframes faq-answer-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.faq-item[open]>div{animation:none}.faq-item>summary svg{transition:none}}@media (max-width:580px){.faq-item>summary{font-size:17px}}