.spec-driven-page{--spec-ink:#151516;--spec-muted:#77746f;--spec-soft:#f8fafb;--spec-violet:#9663f1;--spec-violet-strong:#7764fe;--spec-violet-wash:#f3edff;--spec-line:#e7e5e0;background:#ffffff;color:var(--spec-ink);font-family:var(--font-inter),"Inter",system-ui,sans-serif}.spec-driven-shell{width:min(100% - 40px,1400px);margin:0 auto}.spec-driven-hero{overflow:hidden;padding:144px 0 112px;background:#ffffff;text-align:center}.spec-driven-hero__inner{max-width:1400px}.spec-driven-feature__copy>p,.spec-driven-kicker,.spec-driven-section-heading>p{margin:0;color:var(--spec-violet);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.spec-driven-kicker{display:inline-flex;align-items:center;min-height:32px;padding:0 16px;border:1px solid #d6d3cd;border-radius:999px;color:#77746f}.spec-driven-feature h3,.spec-driven-hero h1,.spec-driven-product h2,.spec-driven-section-heading h2{margin:0;font-family:var(--font-space-grotesk),"Space Grotesk",system-ui,sans-serif;font-weight:700;letter-spacing:0}.spec-driven-hero h1{margin-top:28px;color:var(--spec-violet);font-size:clamp(44px,6vw,68px);line-height:1.05}.spec-driven-hero__copy{max-width:720px;margin:24px auto 0;color:#78746f;font-size:18px;line-height:1.65}.spec-driven-action{display:flex;flex-direction:column;align-items:center;margin-top:36px}.spec-driven-action p{margin:12px 0 0;color:#9c9891;font-size:12px}.spec-driven-button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 36px;border:1px solid #000000;border-radius:0;background:#000000;color:#ffffff;font-size:16px;font-weight:700;text-decoration:none;transition:background .22s ease,box-shadow .22s ease,transform .22s ease}.spec-driven-button:hover{background:#292524;box-shadow:0 16px 34px rgba(41,37,36,.18);transform:translateY(-2px)}.spec-driven-cta,.spec-driven-features,.spec-driven-product{background:linear-gradient(180deg,#fafaf9,rgba(245,243,255,.42))}.spec-driven-cta,.spec-driven-features,.spec-driven-how,.spec-driven-product,.spec-driven-why{padding:96px 0}.spec-driven-product{text-align:center}.spec-driven-product h2{max-width:920px;margin:0 auto;color:#1c1917;font-size:clamp(28px,3vw,40px);line-height:1.28}.spec-driven-product h2 span{display:block}.spec-driven-video{position:relative;width:min(100%,1024px);aspect-ratio:16/9;margin:48px auto 0;border-radius:0;border:1px solid rgba(28,25,23,.12);background:#1c1917;overflow:hidden;box-shadow:0 18px 44px rgba(28,25,23,.18)}.spec-driven-video__player{display:block;width:100%;height:100%;background:#1c1917;object-fit:cover}.spec-driven-video__play{position:absolute;inset:50% auto auto 50%;display:inline-flex;align-items:center;justify-content:center;width:clamp(72px,9vw,104px);height:clamp(72px,9vw,104px);padding:0 0 0 6px;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:rgba(21,21,22,.72);color:#ffffff;cursor:pointer;transform:translate(-50%,-50%);transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}.spec-driven-video__play:hover{border-color:#ffffff;background:rgba(21,21,22,.88);box-shadow:0 18px 44px rgba(21,21,22,.34);transform:translate(-50%,-50%) scale(1.04)}.spec-driven-video__play:focus-visible{outline:3px solid rgba(150,99,241,.86);outline-offset:4px}.spec-driven-how{background:#ffffff}.spec-driven-section-heading{max-width:900px;margin:0 auto;text-align:center}.spec-driven-section-heading h2{margin-top:14px;color:#1c1917;font-size:clamp(32px,4vw,48px);line-height:1.15}.spec-driven-section-heading>span{display:block;max-width:760px;margin:16px auto 0;color:var(--spec-muted);font-size:17px;line-height:1.65}.spec-driven-how__visual{display:flex;justify-content:center;margin:44px auto 0}.spec-driven-how__image{display:block;width:min(100%,400px);height:auto}.spec-driven-how__image--desktop{display:none}.spec-driven-features__shell{max-width:1152px}.spec-driven-feature-list{display:grid;gap:96px;margin-top:80px}.spec-driven-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:80px}.spec-driven-feature--reverse .spec-driven-feature__copy{order:2}.spec-driven-feature__copy p span:before{content:" "}.spec-driven-feature h3{margin-top:14px;color:#1c1917;font-size:clamp(27px,3vw,34px);line-height:1.18}.spec-driven-feature__copy>span{display:block;margin-top:16px;color:var(--spec-muted);font-size:16px;line-height:1.72}.spec-driven-feature__visual{min-width:0}.spec-driven-feature__asset{width:100%;background-repeat:no-repeat;background-position:50%;background-size:contain}.spec-driven-feature__asset--knowledge{aspect-ratio:554/320;background-image:url(/assets/images/spec-driven/knowledge.svg)}.spec-driven-feature__asset--spec{aspect-ratio:554/300;background-image:url(/assets/images/spec-driven/spec.svg)}.spec-driven-model-diagram{position:relative;width:100%;min-height:390px;overflow:hidden}.spec-driven-model-diagram__ring{position:absolute;left:50%;top:50%;border:1px dashed #d7d3cc;border-radius:999px;transform:translate(-50%,-50%)}.spec-driven-model-diagram__ring--one{width:580px;height:580px}.spec-driven-model-diagram__ring--two{width:440px;height:440px}.spec-driven-model-diagram__ring--three{width:300px;height:300px}.spec-driven-model-diagram__ring--four{width:160px;height:160px}.spec-driven-model-diagram__provider{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px;color:#292524;font-size:14px;font-weight:800;text-align:center;white-space:nowrap;animation:spec-provider-bob 3s ease-in-out infinite;animation-delay:var(--provider-delay)}.spec-driven-model-diagram__provider img{width:42px;height:42px;object-fit:contain}.spec-driven-model-diagram__provider--aws{left:15%;top:22%}.spec-driven-model-diagram__provider--openai{left:50%;top:4%;transform:translateX(-50%)}.spec-driven-model-diagram__provider--claude{right:15%;top:22%}.spec-driven-model-diagram__provider--gemini{left:15%;bottom:18%}.spec-driven-model-diagram__provider--lm-studio{left:50%;bottom:4%;transform:translateX(-50%)}.spec-driven-model-diagram__provider--ollama{right:15%;bottom:18%}.spec-driven-why{background:#ffffff}.spec-driven-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:56px}.spec-driven-card{display:flex;min-height:300px;flex-direction:column;border:1px solid var(--spec-line);border-radius:0;background:#ffffff;padding:28px;box-shadow:0 6px 22px rgba(28,25,23,.04);transition:border-color .22s ease,box-shadow .22s ease,transform .22s ease}.spec-driven-card:hover{border-color:rgba(150,99,241,.4);box-shadow:0 20px 34px rgba(150,99,241,.1);transform:translateY(-6px)}.spec-driven-card__icon{display:grid;width:44px;height:44px;place-items:center;border-radius:8px;background:rgba(150,99,241,.1);color:var(--spec-violet);transition:background .22s ease,color .22s ease}.spec-driven-card:hover .spec-driven-card__icon{background:var(--spec-violet);color:#ffffff}.spec-driven-card h3{margin:22px 0 0;color:#1c1917;font-family:var(--font-space-grotesk),"Space Grotesk",system-ui,sans-serif;font-size:22px;font-weight:700;line-height:1.2}.spec-driven-card p{flex:1;margin:14px 0 0;color:var(--spec-muted);font-size:15px;line-height:1.72}.spec-driven-card__tag{align-self:flex-start;margin-top:24px;padding:6px 12px;border-radius:999px;background:var(--spec-violet-wash);color:var(--spec-violet);font-size:12px;font-weight:800;transition:background .22s ease,color .22s ease}.spec-driven-card:hover .spec-driven-card__tag{background:var(--spec-violet);color:#ffffff}.spec-driven-cta{text-align:center}.spec-driven-cta .spec-driven-button{margin-top:36px}@keyframes spec-provider-bob{0%,to{margin-top:0}50%{margin-top:-9px}}@media (min-width:640px){.spec-driven-how__image--mobile{display:none}.spec-driven-how__image--desktop{display:block;width:min(100%,1160px)}}@media (max-width:1024px){.spec-driven-feature,.spec-driven-feature--reverse{grid-template-columns:1fr;gap:36px}.spec-driven-feature--reverse .spec-driven-feature__copy{order:0}.spec-driven-card-grid{grid-template-columns:1fr}}@media (max-width:760px){.spec-driven-shell{width:min(100% - 32px,1400px)}.spec-driven-hero{padding:116px 0 72px}.spec-driven-hero h1{font-size:44px}.spec-driven-hero__copy,.spec-driven-section-heading>span{font-size:16px}.spec-driven-cta,.spec-driven-features,.spec-driven-how,.spec-driven-product,.spec-driven-why{padding:72px 0}.spec-driven-product h2 span{display:inline}.spec-driven-video{margin-top:36px}.spec-driven-feature-list{gap:72px;margin-top:56px}.spec-driven-model-diagram{min-height:340px}.spec-driven-model-diagram__ring--one{width:330px;height:330px}.spec-driven-model-diagram__ring--two{width:250px;height:250px}.spec-driven-model-diagram__ring--three{width:170px;height:170px}.spec-driven-model-diagram__ring--four{width:90px;height:90px}.spec-driven-model-diagram__provider{font-size:12px}.spec-driven-model-diagram__provider--aws{left:2%;top:24%}.spec-driven-model-diagram__provider--openai{top:8%}.spec-driven-model-diagram__provider--claude{right:2%;top:24%}.spec-driven-model-diagram__provider--gemini{left:2%;bottom:20%}.spec-driven-model-diagram__provider--lm-studio{bottom:8%}.spec-driven-model-diagram__provider--ollama{right:2%;bottom:20%}.spec-driven-card{min-height:0}}@media (prefers-reduced-motion:reduce){.spec-driven-page *,.spec-driven-page :after,.spec-driven-page :before{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}