@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
:root{--paper:#f5f3ec;--ink:#262820;--muted:#77786e;--line:#d9d9ce;--coral:#ff5b38;--lime:#d6edab;--dark:#22261f;--font:Manrope,Arial,sans-serif;--mono:'Courier New',monospace;--gutter:clamp(24px,4vw,72px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}::selection{background:var(--coral);color:var(--paper)}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit}button:disabled{cursor:wait}svg{display:block}button svg,a svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}button{border:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}em{font-style:normal;color:var(--coral)}:focus-visible{outline:3px solid #3164ce;outline-offset:5px;border-radius:3px}button:focus-visible{outline-offset:5px}section[id]{scroll-margin-top:20px}.icon-library{position:absolute;width:0;height:0;overflow:hidden}.section-shell{max-width:1600px;margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter)}.section-space{padding-top:115px;padding-bottom:115px}.eyebrow,.issue-number,.hero-note,.machine-topline,.machine-bottomline,.ecosystem>span,.scroll-cue,.card-foot,.coverage-number,.coverage-tag,.coverage-foot,.price-label,.plan-footer,.footer>span,.footer>div,.radar-label,.radar-coordinate{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.7px;line-height:1.5}.eyebrow{display:flex;align-items:center;gap:10px;font-size:11px}.status-dot{width:7px;height:7px;display:inline-block;background:currentColor;border-radius:50%;flex-shrink:0}.hero-top .status-dot{color:var(--coral);box-shadow:0 0 0 4px #ff5b3810}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:19px 22px;font-size:13px;font-weight:650;border:1px solid transparent;min-height:58px;transition:background .25s,color .25s,transform .25s}.button svg{transition:transform .25s}.button:hover svg,.text-link:hover svg{transform:translate(3px,-3px)}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:var(--paper)}.button-dark:hover{background:#414537}.button-coral{background:var(--coral);color:var(--ink)}.button-coral:hover{background:#ff754e}.button-outline{border-color:var(--ink);background:transparent}.button-outline:hover{background:var(--ink);color:var(--paper)}.button-small{font-size:11px;padding:13px 16px;min-height:44px;gap:30px}.text-link{display:inline-flex;align-items:center;gap:30px;font-size:13px;font-weight:650;border-bottom:1px solid;padding-bottom:9px;background:none}.text-link svg{transition:transform .25s}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:15px;background:var(--ink);color:white}.skip-link:focus{top:12px}
/* The wordmark and editorial navigation. */
.header{max-width:1600px;margin:auto;padding:23px var(--gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px;position:relative;z-index:10;background:var(--paper)}.brand{display:inline-flex;align-items:center;gap:8px;font-size:29px;font-weight:800;letter-spacing:-1.5px}.brand svg.brand-mark{width:26px;height:31px;stroke:currentColor}.brand-dot{font-size:10px;align-self:flex-start;letter-spacing:0;margin-top:5px;margin-left:0}.desktop-nav{display:flex;align-items:center;gap:36px}.desktop-nav a{font-size:12px;font-weight:600;position:relative;padding:6px 0}.desktop-nav a:after{content:'';position:absolute;bottom:0;height:1px;left:0;width:100%;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .25s}.desktop-nav a:hover:after{transform:scaleX(1)}.menu-toggle,.mobile-nav{display:none}
/* The hero is deliberately large, quiet type above a playful machine. */
.hero{padding-top:41px}.hero-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}.issue-number{color:var(--muted)}.hero-copy{display:flex;align-items:flex-end;justify-content:space-between;gap:36px;margin-bottom:45px}h1{font-size:clamp(62px,7.6vw,122px);line-height:1.02;letter-spacing:-7px;font-weight:600;flex:1}h1 .line{display:block;overflow:hidden;padding-bottom:9px;margin-bottom:-9px}h1 .line>span{display:inline-block;position:relative;animation:hero-enter 1.1s cubic-bezier(.16,1,.3,1) both}h1 .line:nth-child(2)>span{animation-delay:.12s}h1 em{position:relative;white-space:nowrap}.heading-spark{display:inline-block;width:.47em;height:.47em;stroke:var(--coral);stroke-width:1.7;vertical-align:top;margin-left:16px;margin-top:8px;animation:spark-turn 20s linear infinite}.hero-aside{width:288px;flex-shrink:0;padding-bottom:3px;animation:hero-aside .9s .3s both}.hero-aside>p{font-size:18px;line-height:1.65;letter-spacing:-.4px;margin-bottom:23px}.hero-aside strong{font-weight:650}.hero-aside .button{width:100%;padding:17px 16px;font-size:12px;gap:15px}.hero-note{display:block;font-size:8px;letter-spacing:0;margin-top:12px;text-align:center;color:#65665d}
.hero-machine{height:494px;background:var(--coral);position:relative;overflow:hidden;border-radius:2px;isolation:isolate}.machine-topline,.machine-bottomline{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;z-index:3}.machine-topline{top:19px;font-size:9px;letter-spacing:.7px}.machine-topline>span{display:flex;gap:9px;align-items:center}.tiny-cross{font-size:20px;line-height:1}.demo-label{opacity:.6}.demo-label .status-dot{width:5px;height:5px}.machine-grid{position:absolute;inset:0;background-image:linear-gradient(#1c1d1610 1px,transparent 1px),linear-gradient(90deg,#1c1d1610 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,transparent,black 25%,black 75%,transparent)}.scene{position:absolute;left:50%;top:24px;width:100%;height:440px;max-width:1400px;transform:translateX(-50%);perspective:1200px}.pipeline-art{position:absolute;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.6,.3,1);will-change:transform}.main-unit{animation:machine-float 5s ease-in-out infinite}.input-object{animation:input-float 5s ease-in-out infinite}.output-object{animation:machine-float 5s -1.2s ease-in-out infinite}.core-led{animation:led 3s infinite}.core-glyph{filter:drop-shadow(0 0 8px #bded7640)}.signal-track{animation:signal-flow 3s linear infinite}.hero-machine.running .signal-track{animation-duration:.6s;stroke:#b5e875;opacity:1}.hero-machine.running .core-glyph{filter:drop-shadow(0 0 12px #bded76)}.hero-machine.running .core-led{animation-duration:.3s}.hero-machine.complete .output-object{filter:drop-shadow(0 0 15px #d7f59899)}.machine-float{position:absolute;background:var(--paper);box-shadow:0 8px 25px #5e251317;border:1px solid #37372b26;transition:transform .6s;z-index:2}.float-code{left:6%;top:39px;width:229px;padding:12px 14px;transform:rotate(-5deg);animation:code-float 6s ease-in-out infinite}.float-caption{display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:8px;border-bottom:1px solid var(--line);padding-bottom:10px;margin-bottom:9px}.float-caption i{width:5px;height:5px;background:var(--coral);border-radius:50%}.float-code code{font-family:var(--mono);font-size:10px;line-height:1.8;color:#666b5a}.float-code code>span{color:#ca5039}.float-code code b{font-weight:400;color:#617342}.code-corner{font-family:var(--mono);font-size:7px;display:block;margin-top:8px;letter-spacing:.7px}.float-check{top:66px;right:6%;padding:17px;display:flex;align-items:center;gap:12px;transform:rotate(5deg);animation:check-float 6s -.6s ease-in-out infinite}.check-icon{width:34px;height:34px;background:var(--lime);display:flex;align-items:center;justify-content:center;border-radius:50%}.check-icon svg{width:18px;height:18px;stroke:var(--ink);fill:none;stroke-width:2}.float-check strong{display:block;font-size:12px;font-weight:650;letter-spacing:-.3px}.float-check span{display:block;font-size:10px;margin-top:5px;color:#77786e}.annotation{position:absolute;font-size:15px;font-weight:500;font-style:italic;letter-spacing:-.5px}.annotation svg{width:61px;height:44px;stroke:var(--ink);stroke-width:1.7;fill:none}.annotation-in{left:10%;bottom:40px;transform:rotate(-9deg)}.annotation-in svg{transform:rotate(205deg);position:absolute;top:-50px;left:30px}.annotation-out{right:8%;bottom:51px;transform:rotate(7deg)}.annotation-out svg{transform:rotate(180deg);position:absolute;top:-50px;right:30px}.machine-bottomline{bottom:19px;font-size:8px}.machine-readout{display:flex;gap:8px;align-items:center;max-width:65%;line-height:1.6}.machine-readout .status-dot{width:5px;height:5px}.demo-button{display:flex;align-items:center;gap:22px;padding:10px 12px;background:#ff754f;border:1px solid #2a2b2460;border-radius:2px;font-family:var(--mono);font-size:10px;transition:background .2s}.demo-button:hover{background:var(--paper)}.demo-button svg{width:17px;height:17px}.ecosystem{display:flex;align-items:center;gap:65px;padding:28px 0 30px;border-bottom:1px solid var(--line)}.ecosystem>span{font-size:8px;color:var(--muted)}.ecosystem-brands{display:flex;align-items:center;gap:50px;flex:1}.ecosystem-brands>span{font-size:23px;font-weight:700;letter-spacing:-1px}.ecosystem-brands i{font-style:normal}.lovable i{font-size:28px;color:var(--ink)}.supabase i{font-size:36px;vertical-align:-2px}.ecosystem-brands .stripe{font-size:28px;font-weight:800;letter-spacing:-1.5px}.ecosystem-brands .stack-caption{font-size:9px;font-weight:400;letter-spacing:0;line-height:1.7;color:var(--muted);margin-left:auto}.scroll-cue{font-size:8px;display:flex;align-items:center;gap:18px}.scroll-cue span{font-family:var(--font);font-size:24px;animation:scroll-bounce 2.5s ease-in-out infinite}
/* Three hand-built diagrams. */
.section-heading{margin-bottom:48px}.section-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-top:23px}h2{font-size:clamp(35px,3.5vw,56px);line-height:1.12;letter-spacing:-2.8px}.section-title-row>p{max-width:272px;font-size:13px;line-height:1.8;color:#74756a;padding-bottom:4px}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.process-card{padding:25px 30px 21px;min-width:0}.process-card+.process-card{border-left:1px solid var(--line)}.step-top{display:flex;justify-content:space-between;align-items:center}.step-top>span{font-family:var(--mono);font-size:12px}.step-top svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}.process-visual{height:200px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin:5px -15px 8px}.process-card h3{font-size:22px;letter-spacing:-.8px;margin-bottom:14px}.process-card>p{font-size:12px;line-height:1.9;color:#74756b;min-height:70px;max-width:290px}.card-foot{display:block;margin-top:28px;padding-top:18px;border-top:1px solid var(--line);font-size:8px;letter-spacing:.6px}.scope-window{width:181px;height:115px;border:1px solid #a9ab9e;transform:rotate(-8deg);padding:12px;background:#ebece2;box-shadow:7px 8px 0 #e2e2d8}.scope-window>span{display:inline-block;border-radius:50%;width:4px;height:4px;background:#9c9f90;margin-right:3px;vertical-align:top}.scope-line{height:5px;background:#c6c9bc;width:72%;margin-top:13px}.scope-line.short{width:42%;margin-top:9px}.scope-selection{border:1px solid var(--coral);background:#ff5b3820;position:absolute;left:30px;right:-13px;bottom:12px;height:36px;display:flex;align-items:center;justify-content:center}.scope-selection span{font:8px var(--mono);color:#a1402a;letter-spacing:.5px}.scope-selection:before,.scope-selection:after,.scope-selection i:before,.scope-selection i:after{content:'';position:absolute;width:5px;height:5px;border:1px solid var(--coral);background:var(--paper)}.scope-selection:before{left:-3px;top:-3px}.scope-selection:after{right:-3px;top:-3px}.scope-selection i:before{bottom:-3px;left:-3px}.scope-selection i:after{bottom:-3px;right:-3px}.scope-cursor{position:absolute;font-size:47px;color:var(--coral);left:62%;top:58%;text-shadow:2px 2px 0 var(--paper);animation:cursor-nudge 5s ease-in-out infinite}.scan-sheet{border:1px solid #c6c8b9;background:#f9f9f0;transform:rotate(6deg);padding:15px 17px;box-shadow:5px 6px 0 #e5e5d9;position:relative;overflow:hidden}.scan-sheet>div:not(.scan-line){display:flex;align-items:center;gap:11px;margin:12px 0;font-size:9px}.scan-sheet i{font-style:normal;font-size:11px;color:#729350}.scan-sheet .scan-warning i{color:var(--coral)}.scan-line{position:absolute;left:0;right:0;height:2px;background:#ff5b3870;top:0;animation:scan 5s ease-in-out infinite;box-shadow:0 -7px 15px #ff5b3830}.human-badge{position:absolute;bottom:22px;left:45px;background:var(--lime);padding:7px 10px;font:7px var(--mono);display:flex;align-items:center;gap:10px;transform:rotate(-9deg)}.human-badge svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.5;fill:none}.release-orbit{position:absolute;border:1px solid #d4d8c7;border-radius:50%;width:155px;height:155px}.orbit-two{width:195px;height:195px}.orbit-one:after{content:'';position:absolute;width:7px;height:7px;left:15px;top:23px;background:var(--coral);border-radius:50%}.orbit-one{animation:spark-turn 20s linear infinite}.release-disc{width:97px;height:97px;border-radius:50%;background:var(--lime);border:1px solid #abc684;display:flex;align-items:center;justify-content:center;box-shadow:0 5px 0 #a6bb83;transform:rotate(-15deg)}.release-disc svg{width:49px;height:49px;stroke:var(--ink);fill:none;stroke-width:1.1}.release-tag{font:8px var(--mono);position:absolute;bottom:33px;right:21px;background:var(--ink);color:var(--paper);padding:10px;transform:rotate(8deg)}
/* A darker chapter, with a living systems radar. */
.coverage{background:var(--dark);color:var(--paper);padding-top:85px;padding-bottom:25px;overflow:hidden}.coverage .eyebrow{color:var(--lime);font-size:10px}.coverage h2{font-size:clamp(43px,5vw,76px);letter-spacing:-3.5px}.coverage h2>span{color:#999d8e}.coverage h2 em{color:var(--lime)}.coverage .section-title-row{margin-top:31px}.coverage .section-title-row>p{color:#a3a796;width:272px}.coverage-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px;margin-top:30px;align-items:center}.coverage-display{height:460px;position:relative;overflow:hidden;isolation:isolate}.radar-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,black 20%,transparent 70%)}.radar-ring{position:absolute;border:1px solid #d6edab16;border-radius:50%;left:50%;top:46%;transform:translate(-50%,-50%);transition:border-color .5s}.ring-one{width:180px;height:180px}.ring-two{width:290px;height:290px}.ring-three{width:400px;height:400px}.radar-sweep{position:absolute;left:50%;top:46%;width:370px;height:370px;margin:-185px 0 0 -185px;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 285deg,#c6ef8c00 290deg,#c6ef8c14 359deg,#c6ef8c40 360deg);animation:spark-turn 14s linear infinite}.radar-center{position:absolute;top:46%;left:50%;width:84px;height:84px;transform:translate(-50%,-50%);border:1px solid #d6edab70;display:flex;align-items:center;justify-content:center;border-radius:22px;background:#313b27;box-shadow:0 0 80px #b3d7870d}.radar-center svg{width:32px;height:40px;stroke:var(--lime);fill:var(--lime)}.radar-point{position:absolute;padding:9px 12px;border:1px solid #6c77584d;background:#2e3428;font:8px var(--mono);letter-spacing:1px;display:flex;gap:25px;align-items:center;border-radius:3px;transition:color .4s,transform .4s,border-color .4s}.radar-point span{color:var(--lime);font-size:13px}.point-one{top:20%;left:12%;transform:rotate(-6deg)}.point-two{top:37%;right:0;transform:rotate(7deg)}.point-three{bottom:21%;left:26%;transform:rotate(-3deg)}.radar-label{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:8px;color:#858d75}.radar-coordinate{position:absolute;bottom:59px;left:0;color:#6e7860;font-size:7px}.coverage-list{padding:16px 0 25px}.coverage-item{width:100%;text-align:left;background:none;color:var(--paper);display:grid;grid-template-columns:25px 1fr 21px;gap:12px;border-bottom:1px solid #4c5143;padding:24px 0}.coverage-number{color:#919a80;font-size:9px;padding-top:5px}.coverage-item h3{font-size:17px;letter-spacing:-.4px;line-height:1.5}.coverage-item p{font-size:12px;line-height:1.85;color:#aeb4a2;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s,opacity .3s,margin .3s}.coverage-tag{display:block;color:var(--lime);font-size:8px;letter-spacing:1px;max-height:0;opacity:0;overflow:hidden;transition:max-height .4s,opacity .4s,margin .4s}.coverage-item>svg{width:18px;height:18px;stroke:#949c87;margin-top:3px;transition:transform .3s}.coverage-item.active h3{color:var(--lime)}.coverage-item.active p{max-height:100px;opacity:1;margin-top:12px}.coverage-item.active .coverage-tag{max-height:30px;opacity:1;margin-top:17px}.coverage-item.active>svg{transform:rotate(90deg);stroke:var(--lime)}.coverage-foot{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.8px;padding-top:20px;color:#a2aa94}.coverage-foot>span:last-child{font-family:var(--font);font-size:10px;letter-spacing:0;color:#818b73}
/* Big typographic breathing room. */
.manifesto{padding-top:115px;padding-bottom:110px}.manifesto>.eyebrow{justify-content:center;color:var(--muted);font-size:10px}.manifesto-text{font-size:clamp(48px,6.6vw,102px);line-height:1.13;letter-spacing:-5px;text-align:center;margin-top:44px}.inline-star{display:inline-block;font-size:.8em;color:var(--coral);vertical-align:2px;animation:spark-turn 30s linear infinite}.manifesto-bottom{display:flex;align-items:center;justify-content:center;gap:35px;margin-top:45px}.scribble-arrow{font-size:65px;color:var(--coral);transform:rotate(15deg)}.manifesto-bottom p{font-size:12px;line-height:1.9;color:#76796b}.manifesto-bottom strong{font-weight:500;color:var(--ink)}.manifesto-bottom .text-link{margin-left:35px;font-size:12px;gap:25px}
/* Transparent, editorial pricing. */
.pricing{border-top:1px solid var(--line);padding-top:83px;padding-bottom:55px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.price-card{padding:24px 25px 0;border:1px solid #cccec2;display:flex;flex-direction:column;min-width:0}.price-featured{background:var(--coral);border-color:var(--coral)}.price-label{display:flex;align-items:center;justify-content:space-between;font-size:8px;height:24px;margin-bottom:26px}.price-label>svg{width:20px;height:20px;stroke:var(--ink);stroke-width:1.5}.plan-badge{padding:5px 8px;background:#ffffff3d;font-size:7px}.mini-signal{display:flex;gap:3px;align-items:flex-end}.mini-signal i{height:5px;width:3px;background:var(--ink)}.mini-signal i:nth-child(2){height:9px}.mini-signal i:nth-child(3){height:13px}.price-card h3{font-size:25px;letter-spacing:-1px}.plan-for{font-size:11px;margin-top:10px;min-height:35px;color:#787b6b;line-height:1.8;max-width:230px}.price-featured .plan-for{color:#5e3325}.price{font-size:64px;letter-spacing:-4px;line-height:1;margin:25px 0 30px;font-weight:500}.price>span{font-size:11px;letter-spacing:0;margin-left:8px;font-weight:400}.price-card>.button{width:100%;font-size:11px;min-height:49px;padding:14px 12px;gap:10px;justify-content:space-between}.price-card ul{list-style:none;padding:0;margin:27px 0 29px;display:flex;flex-direction:column;gap:16px;flex:1}.price-card li{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.6}.price-card li svg{width:15px;height:15px;stroke:var(--ink);stroke-width:1.5;fill:none;flex-shrink:0;margin-top:1px}.plan-footer{padding:17px 0;border-top:1px solid #c5c7b8;font-size:7px;letter-spacing:.3px;display:flex;justify-content:space-between;align-items:center;min-height:50px}.price-featured .plan-footer{border-color:#c4492c}.plan-footer span{font-size:14px;line-height:1}.pricing-fineprint{display:flex;align-items:flex-start;gap:20px;padding-top:25px}.fineprint-plus{font-size:26px;font-weight:300;line-height:1}.pricing-fineprint p{font-size:10px;line-height:1.9;color:#777b6c;max-width:850px}.pricing-fineprint>a{font-size:11px;white-space:nowrap;display:flex;gap:15px;margin-left:auto;align-items:center}.pricing-fineprint>a svg{width:15px;height:15px}
/* Questions and the final, oversized invitation. */
.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:110px;padding-top:60px;padding-bottom:100px}.faq-heading h2{margin-top:22px}.faq-doodle{position:relative;display:inline-block;font-size:110px;line-height:1.3;color:var(--coral);font-weight:500;transform:rotate(-14deg);margin-left:45px;margin-top:25px;letter-spacing:-10px}.faq-doodle span{position:absolute;left:60px;top:14px;color:#bdc6a6;transform:rotate(28deg)}.faq-list{border-top:1px solid var(--line)}.faq details{border-bottom:1px solid var(--line)}.faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;font-size:13px;font-weight:600;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary>svg{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .3s;flex-shrink:0}.faq details[open] summary>svg{transform:rotate(45deg)}.faq details p{font-size:12px;line-height:1.9;color:#75796b;margin-top:-3px;padding:0 20px 23px 0;animation:answer-in .35s both}.closing{background:var(--coral);padding-top:34px;padding-bottom:33px;overflow:hidden}.closing-top{display:flex;align-items:center;justify-content:space-between}.closing-top .eyebrow{font-size:9px}.closing-icon>svg{width:50px;height:50px;fill:none;stroke:var(--ink);stroke-width:1;animation:spark-turn 30s linear infinite}.closing-main{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:25px;margin-bottom:40px}.closing-main h2{font-size:clamp(76px,10vw,155px);font-weight:500;line-height:1;letter-spacing:-8px}.closing-main h2 em{color:var(--paper)}.closing-arrow{width:clamp(95px,15vw,230px);height:clamp(95px,15vw,230px);border:1px solid #2e2b20;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .35s,transform .35s}.closing-arrow svg{width:50%;height:50%;stroke-width:.8}.closing-arrow:hover{background:var(--ink);color:var(--coral);transform:rotate(45deg)}.closing-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #cb492e;padding-top:26px}.closing-bottom p{font-size:12px}.closing-bottom .text-link{font-size:12px;gap:50px;border-bottom:0;padding:0}.footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:31px;padding-bottom:31px}.footer .brand{font-size:25px}.footer .brand svg{width:23px;height:28px}.footer>span{font-size:8px;color:#777c6d}.footer>div{display:flex;gap:30px;font-size:8px;align-items:center}.footer button{background:none;font:9px var(--mono);display:flex;align-items:center;gap:9px;padding:8px}.footer button>span{font-size:12px}
/* A local-only, honest project-brief interaction. */
dialog{padding:0;border:1px solid var(--ink);width:min(540px,calc(100% - 32px));max-height:92dvh;background:var(--paper);color:var(--ink);box-shadow:0 25px 90px #0004}dialog::backdrop{background:#20251bd9;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-in .35s cubic-bezier(.2,.7,.3,1)}.dialog-inner{padding:36px;position:relative}.dialog-close{position:absolute;top:16px;right:18px;font-size:28px;line-height:1;padding:5px;background:none;font-weight:300}.dialog-inner>.eyebrow{font-size:8px;margin-bottom:21px}.dialog-inner>h2{font-size:47px;letter-spacing:-2.6px}.selected-plan{display:flex;justify-content:space-between;gap:15px;padding:15px 0;margin-top:17px;border-bottom:1px solid var(--line);font-size:11px;line-height:1.7}.selected-plan strong{font-weight:650;text-align:right}.dialog-intro{font-size:11px;line-height:1.7;color:#74786a;margin-top:15px}.dialog-inner form{margin-top:24px}.dialog-inner label{display:block;font-size:11px;font-weight:600;margin:17px 0}.dialog-inner label>span{font-weight:400;color:#7b8070}.dialog-inner input,.dialog-inner textarea{display:block;width:100%;border:1px solid #bdc2af;background:transparent;padding:12px;margin-top:8px;border-radius:0;font-size:12px;color:var(--ink);resize:vertical}.dialog-inner input::placeholder,.dialog-inner textarea::placeholder{color:#929686;font-size:11px}.brief-notice{font-size:9px;color:#787e6b;line-height:1.7;margin-bottom:20px}.dialog-inner form>.button{width:100%;min-height:50px;font-size:12px}.brief-success{display:flex;align-items:center;gap:10px;margin:25px 0 13px;font-size:19px}.brief-success svg{width:27px;height:27px;stroke:#5d7937;stroke-width:2;fill:none}#brief-result>p{font-size:12px;line-height:1.8;color:#737969}#brief-preview{font-size:11px;line-height:1.8;background:#e9eddf;padding:15px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:250px;overflow:auto;margin:20px 0}#brief-result>.button{min-height:49px;font-size:12px}#edit-brief{font-size:11px;margin-left:15px}
/* Motion stays optional and never blocks the content. */
.js .reveal{opacity:0;transform:translateY(27px);transition:opacity .75s ease,transform .9s cubic-bezier(.2,.7,.3,1)}.js .reveal.is-visible{opacity:1;transform:translateY(0)}.process-grid .reveal:nth-child(2),.pricing-grid .reveal:nth-child(2){transition-delay:.1s}.process-grid .reveal:nth-child(3),.pricing-grid .reveal:nth-child(3){transition-delay:.2s}
@keyframes hero-enter{from{transform:translateY(115%)}to{transform:translateY(0)}}@keyframes hero-aside{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes machine-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes input-float{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}@keyframes code-float{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-3deg) translateY(-7px)}}@keyframes check-float{0%,100%{transform:rotate(5deg) translateY(0)}50%{transform:rotate(3deg) translateY(8px)}}@keyframes led{0%,70%,100%{opacity:1}75%,85%{opacity:.3}}@keyframes signal-flow{to{stroke-dashoffset:-104}}@keyframes spark-turn{to{rotate:360deg}}@keyframes scroll-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(5px)}}@keyframes cursor-nudge{0%,100%{transform:translate(0)}50%{transform:translate(-8px,-6px)}}@keyframes scan{0%,100%{top:0;opacity:0}15%,75%{opacity:1}90%{top:100%;opacity:0}}@keyframes answer-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
html[data-motion='off']{scroll-behavior:auto}html[data-motion='off'] *,html[data-motion='off'] *:before,html[data-motion='off'] *:after{animation:none!important;transition:none!important}html[data-motion='off'] .reveal{opacity:1;transform:none}html[data-motion='off'] .pipeline-art{transform:none!important}
@media(min-width:1500px){.hero-machine{height:550px}.scene{height:490px}.hero{padding-top:49px}.float-code{top:58px}.float-check{top:89px}.hero-copy{margin-bottom:50px}.hero-note{font-size:9px}.hero-aside{width:315px}.hero-aside>p{font-size:20px}}
@media(max-width:1100px){h1{letter-spacing:-5px;font-size:8.1vw}.hero-aside{width:251px}.hero-aside>p{font-size:16px}.hero-aside .button{font-size:10px}.hero-note{font-size:7px}.desktop-nav{gap:24px}.nav-cta{font-size:10px;gap:14px}.hero-machine{height:425px}.scene{height:380px;top:16px;width:106%;max-width:none}.float-code{left:7%;top:39px;width:193px}.float-code code{font-size:9px}.float-check{right:6%;top:46px;padding:12px}.float-check strong{font-size:10px}.float-check span{font-size:8px}.check-icon{width:28px;height:28px}.annotation-in{bottom:38px;font-size:12px}.annotation-out{bottom:47px;font-size:12px}.ecosystem{gap:35px}.ecosystem-brands{gap:30px}.ecosystem-brands .stack-caption{display:none}.coverage-layout{gap:40px}.coverage-display{height:430px}.coverage-item h3{font-size:15px}.process-card{padding-left:20px;padding-right:20px}.process-card h3{font-size:19px}.price-card{padding-left:20px;padding-right:20px}.price-card h3{font-size:23px}.price{font-size:58px}.plan-footer{font-size:6px}.plan-badge{font-size:6px}.price-label{font-size:7px}.price-card li{font-size:10px}.faq{gap:65px}.footer>span{display:none}}
@media(max-width:800px){.desktop-nav{gap:18px}.desktop-nav a{font-size:10px}.nav-cta{display:none}.hero-top{margin-bottom:27px}.issue-number{display:none}.hero-copy{align-items:flex-start;flex-direction:column;gap:25px;margin-bottom:30px}h1{font-size:11vw;letter-spacing:-5px}.hero-aside{display:grid;grid-template-columns:1fr 1fr;align-items:center;width:100%;column-gap:30px}.hero-aside>p{grid-row:1/3;margin:0;font-size:15px}.hero-aside>p br:nth-child(2){display:none}.hero-aside .button{font-size:11px;gap:10px}.hero-note{font-size:7px;margin-top:7px}.hero-machine{height:380px}.scene{width:115%;height:340px}.float-code{width:167px;left:11%;top:38px;padding:10px}.float-code code{font-size:8px}.float-caption{font-size:6px;padding-bottom:7px;margin-bottom:6px}.code-corner{font-size:6px}.float-check{right:11%;top:48px;padding:11px;gap:8px}.float-check strong{font-size:9px}.float-check span{font-size:7px}.check-icon{height:25px;width:25px}.annotation-in{left:15%;bottom:42px;font-size:10px}.annotation-out{right:13%;bottom:44px;font-size:10px}.machine-topline{font-size:7px;left:17px;right:17px;top:14px}.machine-bottomline{left:17px;right:17px;bottom:14px;font-size:6px}.demo-button{font-size:8px;padding:8px;gap:12px}.machine-readout{max-width:53%;font-size:6px;letter-spacing:.1px}.ecosystem{gap:25px}.ecosystem-brands{gap:24px}.ecosystem-brands>span{font-size:19px}.ecosystem-brands .stripe{font-size:24px}.scroll-cue{display:none}.ecosystem>span{font-size:7px}.section-space{padding-top:75px;padding-bottom:75px}.section-title-row{gap:25px}h2{font-size:36px;letter-spacing:-1.8px}.section-title-row>p{font-size:11px;max-width:210px}.section-heading{margin-bottom:30px}.eyebrow{font-size:9px}.process-card{padding:19px 15px}.process-visual{height:164px;transform:scale(.86);margin-left:-25px;margin-right:-25px;margin-bottom:0}.process-card h3{font-size:17px;letter-spacing:-.7px}.process-card>p{font-size:10px;line-height:1.9;min-height:95px}.card-foot{font-size:6px;letter-spacing:.2px;line-height:1.7}.coverage{padding-top:60px}.coverage h2{font-size:50px;letter-spacing:-2.5px}.coverage-layout{gap:25px;grid-template-columns:.85fr 1fr}.coverage-display{height:360px}.radar-ring.ring-one{width:130px;height:130px}.radar-ring.ring-two{width:225px;height:225px}.radar-ring.ring-three{width:310px;height:310px}.radar-sweep{width:300px;height:300px;margin-top:-150px;margin-left:-150px}.radar-center{width:65px;height:65px;border-radius:16px}.radar-center svg{width:26px;height:32px}.radar-point{font-size:6px;padding:7px;gap:10px}.point-one{left:0;top:15%}.point-two{right:0;top:41%}.point-three{left:17%;bottom:21%}.radar-label{font-size:6px}.radar-coordinate{font-size:5px;bottom:48px}.coverage-item{padding:20px 0;grid-template-columns:17px 1fr 15px;gap:8px}.coverage-item h3{font-size:13px}.coverage-item p{font-size:10px}.coverage-item>svg{width:14px}.coverage-tag{font-size:6px}.coverage-foot{font-size:6px}.coverage-foot>span:last-child{font-size:8px}.manifesto-text{font-size:8vw;letter-spacing:-3px;margin-top:30px}.manifesto-bottom{gap:20px}.manifesto-bottom p{font-size:10px}.manifesto-bottom .text-link{font-size:10px;margin-left:10px;gap:15px}.scribble-arrow{font-size:50px}.pricing-grid{gap:10px}.price-card{padding:18px 15px 0}.price-label{font-size:6px;margin-bottom:20px}.plan-badge{font-size:5px;padding:4px}.price-card h3{font-size:20px}.plan-for{font-size:9px;min-height:47px}.price{font-size:46px;letter-spacing:-2px;margin:19px 0 23px}.price>span{font-size:8px;margin-left:5px}.price-card>.button{font-size:9px;padding:12px 8px;gap:5px;min-height:47px}.price-card>.button svg{width:15px;height:15px}.price-card ul{gap:12px;margin-top:23px;margin-bottom:20px}.price-card li{font-size:9px;gap:6px}.price-card li svg{width:12px;height:12px}.plan-footer{font-size:5px;letter-spacing:0;line-height:1.8}.pricing-fineprint p{font-size:9px}.pricing-fineprint>a{font-size:9px;gap:7px}.faq{gap:45px;padding-top:10px}.faq-heading .eyebrow{font-size:8px}.faq summary{font-size:11px;padding:20px 0}.faq details p{font-size:10px}.closing-main h2{letter-spacing:-5px}.closing-top .eyebrow{font-size:7px}.closing-bottom p,.closing-bottom .text-link{font-size:10px}.footer>div{gap:15px;font-size:7px}}
@media(max-width:560px){:root{--gutter:22px}html{scroll-padding-top:25px}.header{padding-top:20px;padding-bottom:20px}.brand{font-size:27px}.brand svg.brand-mark{width:24px;height:28px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;width:42px;height:36px;background:none}.menu-toggle span{display:block;width:24px;height:1px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded='true'] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded='true'] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:15px 22px 25px;flex-direction:column;gap:0;border-bottom:1px solid var(--line);box-shadow:0 25px 35px #26282015}.mobile-nav a{padding:15px 0;font-size:20px;letter-spacing:-.5px;display:flex;justify-content:space-between}.hero{padding-top:27px}.hero-top{margin-bottom:27px}.hero-top .eyebrow{font-size:8px;letter-spacing:.4px;gap:8px}.hero-top .status-dot{width:5px;height:5px}h1{font-size:clamp(46px,11.45vw,65px);letter-spacing:-3px;line-height:1.08}.heading-spark{margin-left:8px;margin-top:4px;width:.42em;height:.42em}.hero-copy{gap:24px;margin-bottom:27px}.hero-aside{display:block}.hero-aside>p{font-size:14px;line-height:1.65;margin-bottom:18px}.hero-aside>p br{display:none}.hero-aside>p br:after{content:' '}.hero-aside>p strong:before{content:' '}.hero-start>.button{width:auto;min-height:49px;font-size:11px;padding:14px 17px;gap:30px}.hero-note{text-align:left;font-size:7px;margin-top:10px}.hero-machine{height:365px;margin-left:-6px;margin-right:-6px}.machine-topline{font-size:6px;letter-spacing:.3px;top:13px;left:13px;right:13px}.demo-label{font-size:0;gap:0!important}.demo-label .status-dot{width:4px;height:4px}.tiny-cross{font-size:15px}.scene{width:730px;height:306px;top:25px}.pipeline-art{height:100%;width:100%;left:0;top:13px}.float-code{top:27px;left:207px;width:125px;padding:8px;animation:none;transform:rotate(-9deg)}.float-caption{font-size:4px;gap:4px;padding-bottom:5px;margin-bottom:5px}.float-caption i{height:3px;width:3px}.float-code code{font-size:6px;line-height:1.65}.code-corner{font-size:4px;margin-top:4px;letter-spacing:.3px}.float-check{right:175px;top:230px;padding:10px;gap:7px;animation:none;transform:rotate(5deg)}.float-check strong{font-size:8px}.float-check span{font-size:6px;margin-top:3px}.check-icon{width:24px;height:24px}.check-icon svg{width:12px;height:12px}.annotation{display:none}.machine-bottomline{left:13px;right:13px;bottom:13px;align-items:flex-end}.machine-readout{font-size:5px;max-width:46%;gap:5px;line-height:1.8}.machine-readout .status-dot{height:4px;width:4px}.demo-button{font-size:7px;gap:10px;padding:9px 8px}.demo-button svg{width:13px;height:13px}.ecosystem{padding:21px 0 22px;gap:16px;align-items:center}.ecosystem>span{font-size:5px;letter-spacing:.3px;min-width:64px}.ecosystem-brands{gap:20px;justify-content:space-between}.ecosystem-brands>span{font-size:13px;letter-spacing:-.6px}.ecosystem-brands .lovable i{font-size:17px}.ecosystem-brands .supabase i{font-size:25px}.ecosystem-brands .stripe{font-size:20px;letter-spacing:-1px}.section-space{padding-top:61px;padding-bottom:61px}.eyebrow{font-size:8px;letter-spacing:.45px}.section-heading{margin-bottom:29px}.section-title-row{flex-direction:column;align-items:flex-start;gap:17px;margin-top:19px}h2{font-size:34px;letter-spacing:-1.8px;line-height:1.15}.section-title-row>p{font-size:12px;max-width:300px;line-height:1.8}.process-grid{display:block}.process-card{padding:22px 24px 23px;position:relative}.process-card+.process-card{border-left:0;border-top:1px solid var(--line)}.step-top>span{font-size:11px}.process-visual{height:173px;transform:scale(1);margin:0}.process-card h3{font-size:22px;letter-spacing:-.7px}.process-card>p{font-size:12px;line-height:1.9;min-height:0;max-width:100%}.card-foot{font-size:7px;margin-top:23px;padding-top:15px}.human-badge{left:45px}.release-tag{right:30px}.coverage{padding-top:49px;padding-bottom:25px}.coverage h2{font-size:46px;letter-spacing:-2.5px}.coverage .eyebrow{font-size:8px}.coverage .section-title-row{gap:19px;margin-top:24px}.coverage .section-title-row>p{font-size:12px;width:auto}.coverage .section-title-row>p br{display:none}.coverage-layout{display:flex;flex-direction:column;gap:0;margin-top:9px}.coverage-display{width:100%;height:325px;max-width:400px}.coverage-list{width:100%;padding:0 0 15px}.ring-one{width:150px!important;height:150px!important}.ring-two{width:240px!important;height:240px!important}.ring-three{width:310px!important;height:310px!important}.radar-point{font-size:7px;padding:8px 10px}.point-one{left:7%;top:19%}.point-two{right:2%;top:39%}.point-three{left:19%;bottom:20%}.radar-coordinate{font-size:5px;bottom:44px}.radar-label{font-size:6px}.coverage-item{padding:23px 0;grid-template-columns:20px 1fr 16px;gap:11px}.coverage-item h3{font-size:14px}.coverage-item p{font-size:11px}.coverage-tag{font-size:7px}.coverage-foot{flex-direction:column;gap:10px;font-size:6px}.coverage-foot>span:last-child{font-size:8px}.manifesto>.eyebrow{font-size:7px;letter-spacing:.2px}.manifesto-text{font-size:10.3vw;letter-spacing:-2.2px;line-height:1.19;margin-top:29px}.manifesto-bottom{flex-wrap:wrap;gap:13px;margin-top:26px;justify-content:flex-start}.scribble-arrow{font-size:42px;margin-left:2px}.manifesto-bottom p{font-size:10px}.manifesto-bottom .text-link{margin:8px 0 0 49px;font-size:11px;gap:30px}.pricing{padding-bottom:45px}.pricing-grid{display:flex;flex-direction:column;gap:18px}.price-card{padding:23px 25px 0}.price-label{font-size:8px;margin-bottom:25px}.plan-badge{font-size:7px;padding:5px 7px}.price-card h3{font-size:27px}.plan-for{font-size:11px;min-height:0;max-width:100%;margin-top:9px}.price{font-size:66px;letter-spacing:-3px;margin-top:25px;margin-bottom:27px}.price>span{font-size:11px;margin-left:9px}.price-card>.button{font-size:12px;min-height:52px;padding:15px}.price-card>.button svg{width:19px;height:19px}.price-card ul{margin:24px 0 27px;gap:13px}.price-card li{font-size:11px;gap:10px}.price-card li svg{height:15px;width:15px}.plan-footer{font-size:7px;letter-spacing:.3px}.pricing-fineprint{gap:12px;flex-wrap:wrap;padding-top:20px}.pricing-fineprint p{font-size:9px;width:calc(100% - 30px)}.pricing-fineprint>a{margin-left:28px;font-size:11px;gap:20px}.fineprint-plus{font-size:22px}.faq{display:block;padding-top:20px}.faq-heading{position:relative;margin-bottom:30px}.faq-heading h2{margin-top:17px}.faq-doodle{position:absolute;font-size:84px;right:29px;top:0;margin:0;letter-spacing:-8px}.faq-doodle span{left:44px}.faq summary{font-size:12px;padding:21px 0}.faq summary>svg{height:16px;width:16px}.faq details p{font-size:11px}.closing{padding-top:29px;padding-bottom:26px}.closing-top .eyebrow{font-size:6px;letter-spacing:.3px;max-width:235px}.closing-icon>svg{width:33px;height:33px}.closing-main{margin-top:28px;margin-bottom:30px;gap:5px;position:relative;align-items:flex-start}.closing-main h2{font-size:15vw;letter-spacing:-3.5px;line-height:1.06}.closing-arrow{width:53px;height:53px;position:absolute;right:25px;top:-5px}.closing-arrow svg{width:26px;height:26px}.closing-bottom{gap:18px;align-items:flex-start;padding-top:20px}.closing-bottom p{font-size:9px;max-width:100px;line-height:1.7}.closing-bottom .text-link{font-size:9px;gap:17px;padding-top:3px}.closing-bottom .text-link svg{height:15px;width:15px}.footer{flex-wrap:wrap;gap:20px;padding-top:27px;padding-bottom:25px}.footer .brand{font-size:24px}.footer>div{margin-left:auto;flex-direction:column;align-items:flex-end;gap:4px;font-size:6px}.footer button{font-size:8px;padding-right:0}.dialog-inner{padding:30px 23px}.dialog-inner>h2{font-size:42px}.dialog-inner>.eyebrow{font-size:7px}.selected-plan{font-size:10px}.dialog-inner form{margin-top:16px}.dialog-inner input,.dialog-inner textarea{font-size:16px}.dialog-inner label{font-size:11px}.dialog-intro{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.pipeline-art{transform:none!important}}