/* Design review: stronger hierarchy, visible content and direct gallery controls. */
:root{--muted:#53596c;--line:#d7d9e3}
.section{padding-top:105px;padding-bottom:105px}.section-top{margin-bottom:45px;gap:55px}.section-top p{font-size:17px;line-height:1.75;max-width:420px}.eyebrow{font-size:12px;color:#5b37c5;letter-spacing:.1em}
.hero{padding-top:72px}.hero .lead{font-size:18px;line-height:1.75}.hero .actions .btn{font-size:15px;padding:16px 21px}.hero .micro{font-size:13px}.builder-proof{font-size:14px;margin-top:25px;color:#5d5f6e}.builder-proof-icon{font-size:18px}.hero-screen-tabs button{font-size:14px;font-weight:600;min-height:48px}.hero-receipt{font-size:13px;line-height:1.8}.stack-choice .stack-buttons button{font-size:16px;font-weight:650;min-height:60px}.stack-choice p,.stack-choice .stack-info{font-size:14px;line-height:1.7}
.product-showcase{background:#17152f;color:#fff;overflow:hidden}.product-showcase .section-top h2{font-size:clamp(40px,4.7vw,62px);line-height:1.05}.product-showcase .section-top p{color:#cac7df}.product-showcase .eyebrow{color:#bdc0e9}
.edition-choices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:30px}.edition-choices button{background:#282441;color:#fff;border:1px solid #49415f;border-radius:10px;text-align:left;padding:20px 24px;min-height:94px;transition:background .15s,border-color .15s}.edition-choices strong{display:block;font-size:20px;font-weight:650}.edition-choices span{display:block;font-size:13px;color:#c7c0dc;margin-top:6px;line-height:1.5}.edition-choices button[aria-pressed=true]{background:#7140e8;border-color:#adb0e4;box-shadow:0 5px 22px #0b071a40}.edition-choices button[aria-pressed=true] span{color:#f3f4fa}.edition-choices button:hover{border-color:#c1c4ea}
.showcase-frame{background:#fff;border:1px solid #646880;border-radius:15px;overflow:hidden;box-shadow:0 25px 70px #08051466}.showcase-bar{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 25px;background:#f5f4fa;color:#242036;font-size:15px;font-weight:600;border-bottom:1px solid #dcd9e7}.showcase-bar .windowdots{color:#aca4bf;font-size:13px}.showcase-bar #gallery-count{font-variant-numeric:tabular-nums;color:#6c7086;font-size:14px;white-space:nowrap}.showcase-stage{position:relative;background:#edf0f6;min-height:250px}.showcase-expand{border:0;background:transparent;display:block;width:100%;padding:0;cursor:zoom-in}.showcase-expand img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;max-height:720px}.showcase-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:26px;line-height:1;color:#fff;background:#28203f;border:1px solid #7d82a4;border-radius:50%;box-shadow:0 5px 20px #110a3233}.showcase-arrow:hover{background:#7140e8;border-color:#c5c7ec}.showcase-arrow.previous{left:18px}.showcase-arrow.next{right:18px}
.capture-rail{position:relative;display:flex;gap:16px;overflow-x:auto;padding:25px 2px 18px;scrollbar-width:thin;scrollbar-color:#666b8c #26213d;scroll-snap-type:x proximity}.capture-rail .screen-thumb{flex:0 0 205px;scroll-snap-align:start;background:#2a2444;color:#eff0f8;border:2px solid #49405f;border-radius:9px}.capture-rail .screen-thumb img{height:112px;aspect-ratio:16/9;object-fit:cover;object-position:top;border:0}.capture-rail .screen-thumb span{font-size:14px;font-weight:600;min-height:54px;padding:15px 12px;line-height:1.5}.capture-rail .screen-thumb[aria-pressed=true]{border-color:#b38aff;background:#7140e8;color:#fff;box-shadow:0 0 0 1px #b38aff}.capture-rail .screen-thumb:hover{border-color:#c7a6ff}.product-showcase #api-capture-explanation{font-size:15px;color:#d3d5eb;margin-top:18px}
#screenshot-lightbox{position:fixed;inset:0;width:min(1440px,96vw);max-width:96vw;max-height:94vh;margin:auto;border:1px solid #5e5379;padding:0;border-radius:12px;background:#17152a;color:white;box-shadow:0 30px 120px #0008}#screenshot-lightbox::backdrop{background:#090716e8;backdrop-filter:blur(5px)}.lightbox-open{overflow:hidden}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 20px;border-bottom:1px solid #34385b}.lightbox-toolbar strong{font-size:16px;font-weight:600}.lightbox-toolbar button{height:44px;width:44px;border:1px solid #6e7398;border-radius:7px;background:#202448;color:white;font-size:20px}.lightbox-stage{position:relative;min-height:150px;padding:12px;background:#e9edf4}.lightbox-stage img{display:block;width:100%;height:auto;max-height:calc(94vh - 98px);object-fit:contain}.lightbox-stage .showcase-arrow{background:#191d3e}
/* Replace hidden settings-style tabs with two visible editorial sections. */
.developer-foundations{margin-top:30px}.developer-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;align-items:center;padding:80px 0;border-top:2px solid #d8d3e4}.developer-label{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;color:#4941ec;margin-bottom:25px}.developer-row-copy h2{font-size:clamp(34px,3.5vw,48px);line-height:1.1}.developer-row-copy>p{font-size:18px;line-height:1.75;margin:24px 0;color:#55556b}.developer-row-copy ul{padding:0;list-style:none;display:grid;gap:17px;margin:0}.developer-row-copy li{font-size:16px;line-height:1.75;color:#5e5b6c;padding-left:22px;position:relative}.developer-row-copy li:before{content:'✓';position:absolute;left:0;color:#4c43ec}.developer-row-copy strong{color:#302941;font-weight:650}
.backend-visual{background:#eaebf5;border:1px solid #c0c2e2;border-radius:16px;padding:35px}.backend-client{display:flex;align-items:center;justify-content:center;gap:13px;background:white;padding:25px 20px;border:1px solid #c5c6df;border-radius:9px;color:#222752;font-size:17px}.backend-symbol{font:22px ui-monospace,monospace;color:#4e46eb}.backend-connector{text-align:center;font-size:30px;color:#756eee;padding:12px}.backend-core{background:#1d14cc;color:white;padding:30px;border-radius:11px;box-shadow:0 10px 25px #2c336c20}.backend-core>span{font-size:11px;letter-spacing:.12em;color:#c3c6eb}.backend-core>strong{display:block;font-size:29px;letter-spacing:-.025em;margin:9px 0 24px}.backend-core>div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.backend-core b{font-size:14px;font-weight:500;color:#f1f2f9;border-top:1px solid #7b76de;padding-top:12px}.backend-admin{display:flex;gap:16px;align-items:center;margin-top:25px;color:#2c25a1}.backend-admin>span{font-size:34px}.backend-admin strong{font-size:16px}.backend-admin p{font-size:14px;color:#646a8c;margin-top:4px}
.agent-row .developer-row-copy{order:2}.agent-row .agent-context{order:1}.agent-context{background:#252039;color:white;border:1px solid #464a64;border-radius:16px;overflow:hidden;box-shadow:0 20px 55px #1c204214}.agent-context-header{display:flex;align-items:center;gap:15px;padding:24px 30px;border-bottom:1px solid #45495f;background:#222545}.agent-context-header>span{font-size:25px;color:#babde8}.agent-context-header strong{font-size:16px;font-weight:600}.context-file{display:flex;gap:20px;padding:24px 30px;border-bottom:1px solid #343753}.context-file>span{font-size:13px;color:#a2a6e0;padding-top:4px}.context-file strong{font-size:17px;font-weight:600;color:#f1f2f9}.context-file p{font-size:15px;line-height:1.65;color:#b2b5c9;margin-top:7px}.agent-context-prompt{padding:25px 30px;font:14px/1.9 ui-monospace,monospace;background:#2b2f54;color:#e1e3f1}
/* Make the remaining content readable, not a collection of footnotes. */
.feature-detail-copy>p{font-size:18px}.feature-detail li{font-size:16px;line-height:1.75}.feature-detail-copy h3{font-weight:650;font-size:36px}.feature-detail figcaption{font-size:14px;padding:17px 20px;color:#4b4d5e}.feature-detail-copy .provider-note{font-size:14px;color:#636574}.workflow-explainer .section-top p{font-size:18px}.workflow-explainer .files{font-size:15px;line-height:2.3;padding:30px}.workflow-explainer .file-foot{font-size:14px}.workflow-explainer .terminal-body{font-size:15px;line-height:2;padding:30px}.workflow-explainer .windowbar{font-size:13px;padding:17px 20px}.workflow-explainer .step-num{font-size:14px}.workflow-explainer .step h3{font-size:19px}.workflow-explainer .step p{font-size:16px;color:#bfc1d2}.prompt-comparison li{font-size:16px}.prompt-comparison article>p{font-size:15px}.product-prompt{font-size:16px}.prompt-label{font-size:12px}.cocktail-lead{font-size:18px}.cocktail-benefits li{font-size:16px}.cocktail-copy .cocktail-terms{font-size:14px;margin-top:20px;color:#5f6276}.cocktail-demo-header{font-size:12px}.cocktail-pipeline strong{font-size:18px}.cocktail-pipeline p{font-size:15px;color:#676a7e}.pipeline-number{font-size:14px}.pipeline-type{font-size:12px}.cocktail-code>span{font-size:12px;color:#bcbede}.cocktail-code pre{font-size:14px}.cocktail-capabilities{font-size:16px}.cocktail-capabilities>span{font-size:14px;color:#646884}.cocktail-distinction{font-size:15px;color:#646881}.pricing-clarity>p:first-child,.pricing-addon{font-size:16px}.faq summary{font-size:18px}.faq details p{font-size:16px;line-height:1.8}.final-cta p{font-size:18px}.final-cta p.micro{font-size:14px}
@media(max-width:1100px){.developer-row{gap:35px}.backend-visual{padding:25px}.workflow-explainer .terminal-body{font-size:13px;padding:24px}.workflow-explainer .files{font-size:13px;padding:24px}.edition-choices button{padding:18px}.edition-choices strong{font-size:18px}.hero .actions .btn{font-size:13px}}
@media(max-width:900px){.section{padding-top:75px;padding-bottom:75px}.developer-row{grid-template-columns:1fr;padding:55px 0;gap:30px}.agent-row .developer-row-copy,.agent-row .agent-context{order:initial}.developer-row-copy h2 br{display:none}.backend-visual,.agent-context{max-width:650px;width:100%}.edition-choices{gap:9px}.edition-choices button{padding:15px 12px}.edition-choices strong{font-size:17px}.edition-choices span{font-size:12px}.section-top p{font-size:17px}.workflow-explainer .terminal-body{font-size:14px}.workflow-explainer .files{font-size:14px}.hero .actions .btn{font-size:15px}.capture-rail .screen-thumb{flex-basis:190px}}
@media(max-width:600px){.section{padding-top:60px;padding-bottom:60px}.section-top{margin-bottom:30px}.product-showcase .section-top h2{font-size:40px}.edition-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.edition-choices button{min-height:85px;padding:15px 18px}.edition-choices strong{font-size:18px}.showcase-bar{padding:15px;font-size:12px;gap:10px;min-height:54px}.showcase-bar .windowdots{display:none}.showcase-bar #gallery-count{font-size:12px}.showcase-stage{min-height:0}.showcase-arrow{width:44px;height:44px;font-size:22px}.showcase-arrow.previous{left:9px}.showcase-arrow.next{right:9px}.capture-rail{gap:12px;padding-top:18px}.capture-rail .screen-thumb{flex-basis:170px}.capture-rail .screen-thumb img{height:96px}.capture-rail .screen-thumb span{font-size:13px;padding:12px;min-height:48px}.developer-row-copy h2{font-size:36px}.developer-row-copy>p{font-size:17px}.developer-row-copy li{font-size:15px}.backend-visual{padding:22px}.backend-core{padding:24px}.context-file,.agent-context-header,.agent-context-prompt{padding:22px}.workflow-explainer .terminal-body{font-size:12px;padding:20px;overflow-wrap:anywhere}.workflow-explainer .files{font-size:12px;padding:20px}.feature-detail-copy h3{font-size:30px}.feature-detail-copy>p{font-size:17px}.feature-detail li{font-size:15px}.cocktail-code pre{font-size:12px}.cocktail-pipeline p{font-size:13px}.cocktail-pipeline strong{font-size:16px}.cocktail-capabilities{font-size:15px}.lightbox-toolbar{padding:10px 12px}.lightbox-toolbar strong{font-size:13px}.lightbox-stage{padding:0}.hero .actions .btn{font-size:13px}.hero-receipt{font-size:12px}}

.headless-workflow-image{margin:0;min-width:0;width:100%}.headless-workflow-image img{display:block;width:100%;height:auto;border-radius:14px}

/* Center vector icons independently of font glyph metrics. */
.showcase-arrow{padding:0}.showcase-arrow svg{display:block;width:24px;height:24px;flex-shrink:0;pointer-events:none}

/* Launch story: proof, shared foundation, setup and the engineering behind it. */
.foundation-proof{display:grid;grid-template-columns:repeat(4,1fr);padding-top:38px;padding-bottom:38px;border-bottom:1px solid var(--line);gap:24px}.foundation-proof>div{border-left:2px solid #d7d9f2;padding-left:24px}.foundation-proof strong{display:block;font-size:36px;letter-spacing:-.04em;color:#222753;line-height:1.2}.foundation-proof span{display:block;font-size:15px;color:#5e606f;margin-top:8px;line-height:1.5}.parity-section{background:#faf8ff}.parity-layout{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.parity-editions{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.parity-editions span{padding:19px 8px;text-align:center;background:#fff;border:1px solid #bec0e8;border-radius:9px;font-weight:700;font-size:17px;color:#251ea0}.parity-join{height:46px;margin:0 12%;border:2px solid #756ef1;border-top:0;border-radius:0 0 12px 12px;position:relative;margin-bottom:26px}.parity-join:after{content:'';position:absolute;height:28px;width:2px;bottom:-28px;left:50%;background:#756ef1}.parity-core{padding:32px 20px;background:#1c2146;color:#fff;border-radius:12px;text-align:center}.parity-core strong{font-size:25px;letter-spacing:-.03em}.parity-core p{font-size:15px;color:#daddee;line-height:1.8;margin-top:12px}.parity-caption{font-size:15px;color:#595c70;margin-top:20px;line-height:1.7;text-align:center}.parity-copy h3{font-size:32px;line-height:1.2;letter-spacing:-.03em;margin-bottom:22px}.parity-copy p{font-size:17px;line-height:1.8;color:#575969;margin-top:18px}.parity-copy strong{color:#222547}.installer-section{background:#eff0f8}.installer-section .developer-row{border:0;padding-top:0;padding-bottom:0}.install-terminal{background:#151831;border:1px solid #555a7c;border-radius:16px;overflow:hidden;box-shadow:0 24px 65px #1d224824;min-width:0}.install-terminal .windowbar{background:#1e2242;color:#c5c7e2;padding:18px 24px;font-size:13px;border-color:#42455b}.install-terminal-body{padding:35px}.terminal-label{display:block;color:#9591da;font-size:11px;letter-spacing:.1em;font-weight:700;margin:0 0 12px}.install-terminal code{display:block;color:#eeeff7;font:16px/1.9 ui-monospace,monospace;margin-bottom:28px;overflow-wrap:anywhere}.install-terminal code.install-command{color:#c8cbed;font-size:23px;letter-spacing:-.04em}.install-outcome{padding-top:25px;border-top:1px solid #454961}.install-outcome strong,.install-outcome span{display:block;line-height:1.6}.install-outcome strong{color:#dee0f0;font-size:17px}.install-outcome span{color:#acb0c7;font-size:15px;margin-top:6px}.engineering-section{background:#f1f2f7}.engineering-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.engineering-grid article{background:#fff;border:1px solid #d4d5e7;border-radius:12px;padding:32px 28px;box-shadow:0 7px 20px #1d214705}.engineering-number{font-size:11px;letter-spacing:.08em;font-weight:750;color:#3027e4;display:block;margin-bottom:25px}.engineering-grid h3{font-size:27px;line-height:1.2;letter-spacing:-.035em}.engineering-grid p{font-size:16px;line-height:1.7;color:#606272;margin:18px 0 25px}.engineering-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:18px}.engineering-grid li{font-size:15px;line-height:1.7;color:#585b6c;padding-top:17px;border-top:1px solid #e5e6f0}.engineering-grid strong{color:#222546;font-weight:650}.engineering-proof{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;margin-top:65px;padding-top:55px;border-top:1px solid #bec1d5}.engineering-proof h3{font-size:34px;line-height:1.2;letter-spacing:-.035em;margin:18px 0}.engineering-proof p{font-size:17px;color:#5b5d6d;line-height:1.8}.quality-list{display:grid;align-content:center;gap:0}.quality-list span{font-size:17px;color:#595b6b;padding:18px 0;border-bottom:1px solid #c8c9e0}.quality-list strong{color:#20254f;margin-right:8px}#pricing li strong{font-weight:750;color:#1c2045}#pricing li{font-size:15px;line-height:1.65}#pricing .check{flex-shrink:0}#pricing .group:hover>div{transform:none}#pricing .grid>.group{display:flex}#pricing .grid>.group>div{width:100%}.feature-detail li strong{font-weight:650;color:#202444}
@media(max-width:1000px){.parity-layout{gap:35px}.engineering-grid{gap:15px}.engineering-grid article{padding:25px 20px}.engineering-grid h3{font-size:24px}.install-terminal-body{padding:25px}.install-terminal code.install-command{font-size:20px}}
@media(max-width:900px){.parity-layout,.engineering-proof{grid-template-columns:1fr;gap:30px}.parity-diagram{max-width:640px}.engineering-grid{grid-template-columns:1fr}.engineering-grid article{padding:30px}.engineering-grid h3 br{display:none}.engineering-grid ul{grid-template-columns:1fr 1fr;gap:18px 30px}.engineering-proof{margin-top:40px;padding-top:35px}.install-terminal{width:100%;max-width:650px}.foundation-proof{grid-template-columns:repeat(2,1fr);gap:25px}}
@media(max-width:600px){.foundation-proof{padding-top:28px;padding-bottom:28px;gap:24px 15px}.foundation-proof>div{padding-left:15px}.foundation-proof strong{font-size:30px}.foundation-proof span{font-size:13px}.parity-editions{gap:7px}.parity-editions span{font-size:14px;padding:16px 4px}.parity-core strong{font-size:22px}.parity-core p{font-size:14px}.parity-copy h3{font-size:29px}.engineering-grid ul{grid-template-columns:1fr}.engineering-grid article{padding:28px 24px}.engineering-proof h3{font-size:29px}.quality-list span{font-size:16px}.install-terminal code{font-size:14px}.install-terminal code.install-command{font-size:20px}.hero h1{font-size:48px}.installer-section .developer-row-copy h2 br{display:none}}
/* Preserve page gutters on the installer row and keep purchase controls aligned. */
.installer-section .developer-row{padding-left:32px;padding-right:32px}#pricing .absolute.-top-4>div{white-space:nowrap}#pricing .grid>.group>div,#pricing .grid>.group>div>.overflow-hidden{display:flex;flex-direction:column}#pricing .grid>.group>div>.overflow-hidden{flex:1}#pricing .p-8:has(>ul){display:flex;flex-direction:column;flex:1}#pricing .p-8>ul{flex:1}#pricing .p-8>a{min-height:56px;display:flex;align-items:center;justify-content:center} .faq code{overflow-wrap:anywhere}
@media(max-width:600px){.installer-section .developer-row{padding-left:22px;padding-right:22px}}