@font-face{font-family:Geist;src:url('./geist-regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Geist;src:url('/earnflow/geist-medium.woff2') format('woff2');font-weight:500 700;font-display:swap}
:root{color-scheme:dark;--u:clamp(.7px,.069444444vw,1.25px);font-family:Geist,Arial,sans-serif;background:#000;color:#ededed;font-synthesis:none}*{box-sizing:border-box}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:calc(20 * var(--u));width:calc(100% - 40 * var(--u));max-width:1760px;margin:calc(24 * var(--u)) auto}.feature{position:relative;display:block;overflow:hidden;min-width:0;border:1px solid #282828;border-radius:calc(6 * var(--u));background:#000;isolation:isolate;outline-offset:5px;transition:border-color .25s}.feature:hover{border-color:#444}.feature:focus-visible{outline:2px solid #60a5fa}.backends{grid-row:span 2;aspect-ratio:1.188;border-color:#2a3743}.card-copy{position:absolute;left:calc(20 * var(--u));bottom:calc(20 * var(--u));z-index:4;pointer-events:none;margin:0}.card-copy h1,.card-copy h2{font-size:calc(24 * var(--u));font-weight:500;line-height:1.1;letter-spacing:-.055em;margin:0 0 calc(6 * var(--u))}.card-copy p{font-size:calc(14 * var(--u));font-weight:400;line-height:1.45;letter-spacing:-.014em;color:#a1a1a1;margin:0}.blueprint,.paper,.fold{position:absolute;inset:0;width:100%;height:100%}.blueprint{--cell:calc(48 * var(--u));background-color:#0069e2;background-image:linear-gradient(to right,#ffffff28 1px,transparent 1px),linear-gradient(to bottom,#ffffff28 1px,transparent 1px),linear-gradient(#0073f0,#005bc5);background-size:var(--cell) var(--cell),var(--cell) var(--cell),100% 100%;background-position:right bottom;box-shadow:inset 0 1px 2px #0003,inset 0 0 24px #0002}.paper{background:#000;clip-path:polygon(0 0,100% 0,100% calc(100% - 112 * var(--u)),calc(100% - 112 * var(--u)) 100%,0 100%)}.fold{z-index:5;overflow:visible;pointer-events:none}.service{position:absolute;display:flex;align-items:center;gap:calc(10 * var(--u));height:calc(48 * var(--u));padding:0 calc(16 * var(--u));border:1px solid #ffffff66;border-radius:calc(8 * var(--u));background:#008cf0;font-size:calc(16 * var(--u));line-height:1.25;color:#fff;white-space:nowrap}.service svg{width:calc(20 * var(--u));height:calc(20 * var(--u));fill:currentColor}.backend-service{right:calc(144 * var(--u));bottom:calc(48 * var(--u))}.queue-service{right:calc(96 * var(--u));bottom:calc(144 * var(--u))}.daemon-service{right:calc(48 * var(--u));bottom:calc(240 * var(--u))}
.conversation{position:absolute;top:calc(24 * var(--u));right:calc(24 * var(--u));width:calc(340 * var(--u));display:flex;flex-direction:column;gap:calc(12 * var(--u));font-size:calc(13 * var(--u));line-height:1.45;letter-spacing:-.018em}.bubble{position:relative;padding:calc(16 * var(--u));border:1px solid #282828;background:#0a0a0a;border-radius:calc(20 * var(--u));color:#ddd;font-weight:400;box-shadow:0 0 0 1px #ffffff03;white-space:nowrap}.bubble strong{font-weight:500}.question{align-self:flex-end;transform-origin:bottom right}.response{display:flex;gap:calc(12 * var(--u));align-items:flex-end}.replies{display:flex;flex-direction:column;gap:calc(6 * var(--u));min-width:0}.reply{transform-origin:bottom left}.bot{display:grid;place-items:center;flex-shrink:0;width:calc(32 * var(--u));height:calc(32 * var(--u));border:1px solid #2b2b2b;border-radius:50%;background:#0a0a0a;margin-bottom:0}.bot svg{width:calc(16 * var(--u));height:calc(16 * var(--u));fill:#ededed;transform:translateY(-1px)}.tail{position:absolute;width:calc(24 * var(--u));height:calc(24 * var(--u));bottom:calc(-3 * var(--u));fill:#0a0a0a;stroke:#282828;stroke-width:1;clip-path:inset(49% 0 0 0)}.right-tail{right:calc(-7 * var(--u));transform:scaleX(-1)}.left-tail{left:calc(-7 * var(--u))}.agents:hover .question{animation:nudge .95s .3s}.agents:hover .first-reply{animation:nudge .95s .2s}.agents:hover .second-reply{animation:nudge .95s .1s}.bubble:before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(110deg,transparent 15%,#ffffff09 40%,transparent 65%);opacity:0}.agents:hover .bubble:before{animation:shimmer 1.2s ease-out}.sandbox canvas{position:absolute;inset:0;width:100%;height:100%}.sandbox-fade{position:absolute;inset:0;background:linear-gradient(90deg,#000 23%,#000d 33%,#0000 67%);pointer-events:none}.sandbox .card-copy p{white-space:nowrap}.sandbox .card-copy{z-index:2}@keyframes nudge{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-3px) scale(1.015)}70%{transform:translateY(1px)}}@keyframes shimmer{0%{opacity:0;transform:translateX(-20%)}50%{opacity:1}100%{opacity:0;transform:translateX(20%)}}
@media(min-width:1800px){.features{margin-top:29px}}@media(max-width:700px){:root{--u:1px}.features{grid-template-columns:1fr;grid-template-rows:auto;gap:16px;width:calc(100% - 32px);margin:16px auto}.backends{grid-row:auto;aspect-ratio:4/5}.agents,.sandbox{min-height:300px}.card-copy{left:20px;bottom:20px}.card-copy h1,.card-copy h2{font-size:24px}.card-copy p{font-size:14px}.conversation{transform:scale(.8);transform-origin:top right;top:20px;right:20px}.agents .card-copy p{max-width:150px}.sandbox .card-copy p{white-space:normal;max-width:280px}.agents .card-copy{max-width:40%}.agents{min-height:330px}.agents .card-copy h2{margin-bottom:6px}.agents .card-copy p br{display:none}}@media(max-width:390px){.conversation{transform:scale(.7);right:15px;top:15px}.agents{min-height:310px}.card-copy p{font-size:13px}.wide-break{display:none}.backends .card-copy{max-width:85%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Include section margins in the gallery's automatic preview sizing. */
body{display:flow-root}

.platform-section{width:calc(100% - 40 * var(--u));max-width:1760px;margin:calc(16 * var(--u)) auto calc(24 * var(--u))}
.section-title{margin:0 0 calc(64 * var(--u));font-size:calc(52 * var(--u));line-height:1.1;font-weight:500;letter-spacing:-.06em}
.platform-section .features{width:100%;max-width:none;margin:0}
@media(max-width:700px){.platform-section{width:calc(100% - 32px);margin:24px auto 16px}.section-title{font-size:36px;margin-bottom:32px}}