.studio-hero{padding:56px var(--section-pad-x) 72px;position:relative}.studio-hero .inner{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:end;gap:64px;display:grid}.studio-hero h1{font:700 clamp(44px, 6vw, 96px)/.96 var(--font-display);letter-spacing:-.04em;color:var(--ink);text-wrap:balance;margin:18px 0 0}.studio-hero h1 em{color:var(--cc-highlight-text);font-style:normal;font-family:var(--font-mono);font-weight:500}.studio-hero h1 .strike{color:var(--ink-subtle);font-weight:500;position:relative}.studio-hero h1 .strike:after{content:"";background:var(--cc-highlight);height:4px;position:absolute;top:54%;left:-2%;right:-2%;transform:rotate(-2deg)}.studio-hero h1 .alt{color:var(--ink-muted);letter-spacing:-.02em;font-weight:500;display:block}.studio-hero .lede{font:400 18px/1.6 var(--font-display);color:var(--ink-muted);max-width:520px;margin:0}.studio-hero .lede strong{color:var(--ink);font-weight:600}.studio-hero .lede em{color:var(--cc-highlight-text);font-style:normal;font-weight:600}.studio-hero .meta-row{border-top:2px solid var(--cc-highlight);grid-template-columns:repeat(4,1fr);margin-top:56px;padding-top:24px;display:grid}.studio-hero .meta-row .item{border-right:1px solid var(--rule);padding:0 20px}.studio-hero .meta-row .item:first-child{padding-left:0}.studio-hero .meta-row .item:last-child{border-right:0}.studio-hero .meta-row .item label{font:500 11px/1 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-subtle)}.studio-hero .meta-row .item value{font:600 clamp(15px, 1.3vw, 19px)/1.3 var(--font-display);letter-spacing:-.01em;color:var(--ink);margin-top:8px;display:block}.gap-section{padding:var(--section-pad-y) var(--section-pad-x);background:var(--bg-sunken);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.gap-section .head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:64px;margin-bottom:56px;display:grid}.gap-section h2{font:700 clamp(40px, 5vw, 72px)/1 var(--font-display);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:16px 0 0}.gap-section h2 .b{color:var(--cc-highlight-text);font-family:var(--font-mono);font-weight:500}.gap-section .head .body{font:400 17px/1.6 var(--font-display);color:var(--ink-muted);max-width:460px}.gap-vis{border-top:2px solid var(--cc-highlight);grid-template-columns:1fr;gap:0;display:grid}.gap-row{border-bottom:1px solid var(--rule);grid-template-columns:80px minmax(0,1.4fr) minmax(0,2fr) minmax(0,1fr);align-items:center;gap:32px;padding:28px 4px;display:grid}.gap-row .num{font:500 12px/1 var(--font-mono);color:var(--ink-subtle);letter-spacing:.08em}.gap-row .have{font:500 13px/1.4 var(--font-mono);color:var(--ink-muted);letter-spacing:.02em}.gap-row .have strong{color:var(--ink);font-weight:600;font-family:var(--font-display);letter-spacing:-.005em;margin-bottom:4px;font-size:15px;display:block}.gap-row .miss{font:600 clamp(17px, 1.6vw, 22px)/1.3 var(--font-display);color:var(--ink);letter-spacing:-.015em;text-wrap:pretty}.gap-row .miss .hi{background:linear-gradient(180deg, transparent 64%, color-mix(in oklch, var(--cc-highlight) 26%, transparent) 64%);margin:0 -4px;padding:0 4px}.gap-row .saved{font:500 11px/1 var(--font-mono);color:var(--cc-highlight-text);letter-spacing:.1em;text-transform:uppercase;text-align:right}.gap-row .saved .v{font:700 clamp(20px, 2vw, 28px)/1 var(--font-display);color:var(--cc-highlight-text);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin-bottom:6px;display:block}.sizes{padding:var(--section-pad-y) var(--section-pad-x)}.sizes .head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:64px;margin-bottom:56px;display:grid}.sizes h2{font:700 clamp(40px, 5vw, 72px)/1 var(--font-display);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:16px 0 0}.sizes h2 .b{color:var(--cc-highlight-text);font-family:var(--font-mono);font-weight:500}.sizes .head .body{font:400 17px/1.6 var(--font-display);color:var(--ink-muted);max-width:460px}.sizes-grid{border-top:2px solid var(--cc-highlight);border-bottom:1px solid var(--rule);grid-template-columns:repeat(3,1fr);display:grid}.size{border-right:1px solid var(--rule);flex-direction:column;min-height:480px;padding:36px 28px 40px;display:flex;position:relative}.size:last-child{border-right:0}.size .num{font:500 11px/1 var(--font-mono);color:var(--cc-highlight-text);letter-spacing:.12em}.size .label{font:500 12px/1 var(--font-mono);color:var(--ink-subtle);letter-spacing:.08em;text-transform:uppercase;margin-top:14px}.size h3{font:600 clamp(26px, 2.6vw, 34px)/1.15 var(--font-display);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:14px 0 4px}.size .scope{font:400 14px/1.55 var(--font-display);color:var(--ink-muted);margin:12px 0 0}.size ul{flex-direction:column;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.size ul li{font:500 13px/1.45 var(--font-display);color:var(--ink);align-items:flex-start;gap:10px;display:flex}.size ul li:before{content:"→";font-family:var(--font-mono);color:var(--cc-highlight-text);flex-shrink:0;padding-top:2px;font-size:12px}.size .price{border-top:1px dashed var(--rule);margin-top:auto;padding-top:24px}.size .price .lbl{font:500 10px/1 var(--font-mono);color:var(--ink-subtle);letter-spacing:.1em;text-transform:uppercase}.size .price .v{font:700 clamp(28px, 3vw, 40px)/1 var(--font-display);letter-spacing:-.025em;color:var(--cc-highlight-text);font-variant-numeric:tabular-nums;margin-top:8px;display:block}.size .price .v small{font:500 12px/1 var(--font-mono);color:var(--ink-subtle);letter-spacing:.04em;text-transform:lowercase;margin-left:8px}.size .price .when{font:500 12px/1.4 var(--font-mono);color:var(--ink-muted);letter-spacing:.02em;margin-top:8px;display:block}.size.feat{background:var(--cc-midnight);color:#fff}.size.feat .num{color:var(--cc-highlight-text)}.size.feat .label{color:#fff9}.size.feat h3{color:#fff}.size.feat .scope{color:#ffffffc7}.size.feat ul li{color:#fff}.size.feat .price{border-top-color:#fff3}.size.feat .price .lbl{color:#fff9}.size.feat .price .when{color:#ffffffb3}.examples{padding:var(--section-pad-y) var(--section-pad-x);background:var(--bg-sunken);border-top:1px solid var(--rule)}.examples .head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:64px;margin-bottom:48px;display:grid}.examples h2{font:700 clamp(40px, 5vw, 72px)/1 var(--font-display);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:16px 0 0}.examples h2 em{color:var(--cc-highlight-text);font-style:normal;font-family:var(--font-mono);font-weight:500}.examples .head .body{font:400 17px/1.6 var(--font-display);color:var(--ink-muted);max-width:460px}.examples-grid{border-top:2px solid var(--cc-highlight);grid-template-columns:repeat(2,1fr);display:grid}.example{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);background:var(--bg);flex-direction:column;gap:14px;padding:36px 32px 40px;display:flex}.example:nth-child(2n){border-right:0}.example:nth-last-child(-n+2){border-bottom:0}.example .topline{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.example .topline .branch{font:500 11px/1 var(--font-mono);color:var(--cc-highlight-text);letter-spacing:.12em;text-transform:uppercase}.example .topline .scope{font:500 11px/1 var(--font-mono);color:var(--ink-subtle);letter-spacing:.04em}.example h3{font:600 clamp(20px, 1.9vw, 26px)/1.2 var(--font-display);letter-spacing:-.015em;color:var(--ink);text-wrap:balance;margin:6px 0 0}.example .desc{font:400 15px/1.55 var(--font-display);color:var(--ink-muted);flex:1;margin:0}.example .impact{border-top:1px dashed var(--rule);grid-template-columns:auto 1fr;align-items:end;gap:18px;margin-top:8px;padding-top:18px;display:grid}.example .impact .v{font:700 clamp(28px, 3vw, 38px)/1 var(--font-display);letter-spacing:-.03em;color:var(--cc-highlight-text);font-variant-numeric:tabular-nums;white-space:nowrap}.example .impact .l{font:500 12px/1.4 var(--font-mono);color:var(--ink-muted);letter-spacing:.04em}.example .impact .l strong{font-family:var(--font-display);color:var(--ink);letter-spacing:-.005em;margin-bottom:3px;font-size:13px;font-weight:600;display:block}.process{padding:var(--section-pad-y) var(--section-pad-x)}.process .head{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:64px;margin-bottom:56px;display:grid}.process h2{font:700 clamp(40px, 5vw, 72px)/1 var(--font-display);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:16px 0 0}.process h2 .b{color:var(--cc-highlight-text);font-family:var(--font-mono);font-weight:500}.process .head .body{font:400 17px/1.6 var(--font-display);color:var(--ink-muted);max-width:460px}.process-grid{border-top:2px solid var(--cc-highlight);grid-template-columns:repeat(4,1fr);display:grid}.process-step{border-right:1px solid var(--rule);padding:28px 22px 32px}.process-step:last-child{border-right:0}.process-step .num{font:500 11px/1 var(--font-mono);color:var(--cc-highlight-text);letter-spacing:.12em}.process-step h3{font:600 20px/1.2 var(--font-display);letter-spacing:-.015em;color:var(--ink);margin:14px 0 8px}.process-step p{font:400 14px/1.55 var(--font-display);color:var(--ink-muted);margin:0}.process-step .when{font:500 11px/1.3 var(--font-mono);color:var(--ink-subtle);letter-spacing:.06em;margin-top:18px;display:block}.ai-note{padding:64px var(--section-pad-x);background:var(--cc-midnight);color:#fff;position:relative}.ai-note:before{content:"";background:linear-gradient(90deg, var(--cc-highlight) 0%, var(--cc-highlight) 33%, transparent 33%, transparent 50%, var(--cc-highlight) 50%, var(--cc-highlight) 80%, transparent 80%);height:4px;position:absolute;top:0;left:0;right:0}.ai-note .inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:64px;display:grid}.ai-note .eyebrow{color:var(--cc-react)}.ai-note .eyebrow:before{background:var(--cc-react)}.ai-note h2{font:600 clamp(28px, 3.4vw, 44px)/1.15 var(--font-display);letter-spacing:-.02em;color:#fff;text-wrap:balance;margin:18px 0 0}.ai-note h2 em{color:var(--cc-react);font-style:normal}.ai-note .body{font:400 16px/1.65 var(--font-display);color:#ffffffc7;max-width:540px}.ai-note .body strong{color:#fff;font-weight:600}.ai-note .body em{color:var(--cc-react);font-style:normal;font-weight:600}.faq{padding:var(--section-pad-y) var(--section-pad-x)}.faq .head{margin-bottom:48px}.faq h2{font:700 clamp(40px, 5vw, 72px)/1 var(--font-display);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;max-width:18ch;margin:16px 0 0}.faq h2 .b{color:var(--cc-highlight-text);font-family:var(--font-mono);font-weight:500}.faq-list{border-top:2px solid var(--cc-highlight)}.faq-item{border-bottom:1px solid var(--rule);cursor:pointer;transition:transform var(--dur-base);grid-template-columns:80px minmax(0,1.2fr) minmax(0,2fr);align-items:start;gap:32px;padding:28px 0;display:grid}.faq-item:hover{transform:translate(8px)}.faq-item .q-num{font:500 12px/1 var(--font-mono);color:var(--ink-subtle);letter-spacing:.08em;padding-top:6px}.faq-item .q{font:600 clamp(18px, 1.7vw, 22px)/1.3 var(--font-display);letter-spacing:-.015em;color:var(--ink);text-wrap:balance}.faq-item .a{font:400 15px/1.6 var(--font-display);color:var(--ink-muted);text-wrap:pretty}.faq-item .a strong{color:var(--ink);font-weight:600}.offers-next{padding:0 var(--section-pad-x) var(--section-pad-y)}.offers-next h2{font:700 clamp(28px, 3.4vw, 44px)/1.1 var(--font-display);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:16px 0 0}.offers-next h2 .b{color:var(--cc-highlight-text);font-family:var(--font-mono);font-weight:500}.offers-next .body{font:400 16px/1.6 var(--font-display);color:var(--ink-muted);max-width:60ch;margin:16px 0 0}.offers-next .actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}@media (width<=1100px){.studio-hero .inner,.gap-section .head,.sizes .head,.examples .head,.process .head,.ai-note .inner{grid-template-columns:1fr;gap:32px}.studio-hero .meta-row{grid-template-columns:1fr 1fr;gap:12px 0}.gap-row{grid-template-columns:60px 1fr;gap:16px}.gap-row .miss,.gap-row .saved{grid-column:2}.sizes-grid,.examples-grid{grid-template-columns:1fr}.size,.example{border-bottom:1px solid var(--rule);border-right:0!important}.size:last-child,.example:last-child{border-bottom:0}.process-grid{grid-template-columns:1fr 1fr}.process-step:nth-child(2){border-right:0}.process-step:nth-child(-n+2){border-bottom:1px solid var(--rule)}.faq-item{grid-template-columns:60px 1fr;gap:16px}.faq-item .a{grid-column:2}}@media (width<=720px){.studio-hero .inner>*{min-width:0}.studio-hero h1,.studio-hero h1 .alt,.studio-hero .lede{overflow-wrap:anywhere;max-width:none}.studio-hero .meta-row{grid-template-columns:1fr}.studio-hero .meta-row .item{border-right:0;border-bottom:1px solid var(--rule);padding:0 0 16px}.studio-hero .meta-row .item:last-child{border-bottom:0}.process-grid{grid-template-columns:1fr}.process-step{border-bottom:1px solid var(--rule);border-right:0!important}.process-step:last-child{border-bottom:0}}
