/* Shared Product layout contract: 1260px content, 24px / 20px gutters,
   Structural outlines use each product theme color at 10% opacity. */
body[data-product]{--product-max:1260px;--product-gutter:24px;--product-frame:rgba(var(--product-primary-rgb),.1);--product-outline:var(--product-frame);--product-section-band:#edf1f7}
/* Review alignment corrections, scoped to the original authored regions. */
.fp-feature-copy{display:contents}
body[data-product] [data-node-id="7001:7950"],body[data-product] [data-node-id="7001:7950"] p{font-size:calc(16px / var(--fp-scale,1));line-height:1.6}
@media(min-width:1001px){
 body[data-product] :is([data-node-id="7001:8326"],[data-node-id="7001:8335"],[data-node-id="7001:8344"],[data-node-id="7001:8353"],[data-node-id="7001:8370"]){display:grid;grid-template-columns:84px minmax(0,1fr);gap:24px;padding:32px 28px;height:285px;align-items:start}
 body[data-product] :is([data-node-id="7001:8353"],[data-node-id="7001:8370"]){height:230px;top:1153px}
 body[data-product] .fp-card:has(>.fp-feature-copy)>.fp-widget{display:block;position:relative;width:84px;height:84px}
 body[data-product] .fp-card:has(>.fp-feature-copy)>.fp-widget>.fp-widget-content{position:relative;inset:0;width:84px;height:84px}
 body[data-product] .fp-feature-copy{display:block;min-width:0}
 body[data-product] .fp-feature-copy>.fp-node{position:static;width:auto;height:auto;margin:0 0 12px}
 body[data-product] .fp-feature-copy .fp-copy-flow>p{display:inline;white-space:normal}
 body[data-product] .fp-feature-copy .fp-copy-flow>p::after{content:' '}
 body[data-product] .fp-feature-copy :is([data-node-id="7001:8364"],[data-node-id="7001:8366"],[data-node-id="7001:8368"]){display:inline-flex;padding:8px 12px;margin:0 6px 8px 0;font-size:13px}
 body[data-product] .fp-feature-copy :is([data-node-id="7001:8364"],[data-node-id="7001:8366"],[data-node-id="7001:8368"]) p{position:static;width:auto;height:auto;font-size:13px;line-height:1.4}
 body[data-product] [data-node-id="6859:6141"],body[data-product] [data-node-id="6859:6141"] p{font-size:38px;line-height:1.2}
 body[data-product] :is([data-node-id="6859:6142"],[data-node-id="6859:6142"] p,[data-node-id="6859:6143"] p,[data-node-id="6859:6143"] span){font-size:14px;line-height:1.7}
 body[data-product] :is([data-node-id="6859:7248"],[data-node-id="6859:7249"]) :is(p,span){font-size:16px!important;line-height:2.4}
 body[data-product] [data-node-id="6859:6419"]{display:flex;width:100%;gap:.3em;white-space:nowrap;font-size:18px}
 body[data-product] [data-node-id="6859:6419"] p{font-size:inherit}
 body[data-product] :is([data-node-id="6859:6449"],[data-node-id="6859:6468"],[data-node-id="6859:6486"],[data-node-id="6859:6527"]){padding-top:42px;padding-bottom:28px;height:425px}
 body[data-product] [data-figma-node="6859:6729"] .fp-card>.fp-flow{left:28px;max-width:calc(100% - 56px)}
 body[data-product] [data-figma-node="6859:6729"] .fp-card>[data-node-id="6859:6914"]{left:auto;right:28px}
}
body[data-product] [data-node-id="7001:7943"]{display:flex;align-items:center;justify-content:center}
body[data-product] [data-node-id="7001:7944"]{position:static;inset:auto;line-height:1;margin:0;text-align:center}
html[data-theme="dark"] body[data-product] :is([data-node-id="6859:7296"],[data-node-id="6859:7324"]){background:#111417;background-image:none}
@media(min-width:1001px){
 body[data-product] :is([data-node-id="7001:8327"],[data-node-id="7001:8336"],[data-node-id="7001:8345"],[data-node-id="7001:8354"]){left:28px;top:28px;width:84px;height:84px}
 body[data-product] [data-figma-node="6859:6165"] .fp-card{padding-left:24px;padding-right:24px}
 body[data-product] [data-figma-node="6859:6165"] .fp-widget-content{max-width:100%}
}
html[data-theme="dark"] body[data-product]{--product-frame:rgba(var(--product-primary-rgb),.1);--product-outline:var(--product-frame);--product-section-band:#1a202b}
html body[data-product].reference-product-layout{--product-max:1260px;--product-gutter:24px;--product-outline:var(--product-frame)}
html[data-theme="dark"] body[data-product].reference-product-layout{--product-outline:var(--product-frame)}
body[data-product] .fp-thick-frame{--fp-frame-color:var(--product-frame);box-shadow:none}
body[data-product] .fp-thick-frame::after{border-color:var(--product-frame)}
body[data-product] [data-node-id="6859:7210"]::after{background:var(--product-frame)}
body[data-product] .sp-region{--sp-frame:var(--product-frame)}
body[data-product] .sp-container{max-width:1260px}
body[data-product] :is(.rw-card,.ra-card,.dc-card,.dc-node,.dc-route,.dc-ideal,.finish-step){border-color:var(--product-frame)!important}
body[data-product] #residential-workflows{--rw-frame:var(--product-frame)}
body[data-product] #residential-workflows :is(.rw-grid,.rw-heading){max-width:1260px}
body[data-product] :is(.finish-workflow,.finish-proof-inner,.product-story){max-width:1260px;margin-inline:auto}
body[data-product] :is(.fp-region[data-figma-node="6859:7466"],.fp-region[data-figma-node="6859:7201"],.fp-region[data-figma-node="6859:6552"],.fp-region[data-figma-node="6859:6135"]){background:var(--product-section-band)}
body[data-product] :is([data-node-id="6859:7466"],[data-node-id="6859:7201"],[data-node-id="6859:6552"],[data-node-id="6859:6135"]){background:transparent}
body[data-product] [data-figma-node="7001:7942"] .fp-card{--fp-frame-color:var(--product-frame)}
body[data-product] [data-node-id="7001:7949"] p{line-height:46px}
body[data-product] [data-node-id="7001:8370"] :is(p,span){--dark-text:#fff;--dark-text-secondary:#fff;color:#fff!important}
body[data-product] .sp-region{padding-inline:24px}
html body[data-product].reference-product-layout main :is(.card,.ra-card,.finish-step){border-color:var(--product-frame)!important}
html body[data-product].reference-product-layout :is(.finish-proof,.finish-workflow){box-sizing:border-box;width:100%!important;max-width:none!important;padding-inline:max(var(--product-gutter),calc((100% - 1260px)/2))!important}
body[data-product] :is([data-node-id="7001:7945"],[data-node-id="7001:7946"]){width:1182px}
html[data-theme] body[data-product].reference-product-layout main :is(.card,.ra-card,.finish-step){border-color:var(--product-frame)!important}
html body[data-product].reference-product-layout main>.section:not(.pv-story):not(.product-story){padding-inline:var(--product-gutter)!important}
html body[data-product].reference-product-layout main>.section .faq{width:100%!important;max-width:1260px!important}
@media(max-width:1000px){
 html body[data-product="datacenter-proxy"].reference-product-layout.finished-product main>.story-performance .telemetry-board{width:100%!important;max-width:100%!important;min-width:0!important;margin:0!important;padding:0!important;border:6px solid var(--product-frame)!important}
 html body[data-product].reference-product-layout main :is(.card,.ra-card,.rw-card,.sp-frame,.dc-node,.dc-route,.dc-ideal,.telemetry-board){border-width:6px!important;border-color:var(--product-frame)!important}
 html body[data-product].reference-product-layout .fp-thick-frame{--fp-frame-color:var(--product-frame)!important;box-shadow:none!important}
 html body[data-product].reference-product-layout .fp-thick-frame::after{border:var(--fp-mobile-stroke,6px) solid var(--product-frame)!important}
 html body[data-product="datacenter-proxy"] .telemetry-board .panel-head{height:auto!important;min-height:64px;gap:8px;padding:16px 12px!important;flex-wrap:wrap}
 html body[data-product="datacenter-proxy"] .telemetry-board .panel-head>span{font-size:clamp(14px,4vw,18px)!important;min-width:0;white-space:normal;overflow-wrap:anywhere}
 html body[data-product="datacenter-proxy"] .telemetry-body{padding:20px 12px!important}
 html body[data-product="datacenter-proxy"] .telemetry-body>p{margin:0 0 18px!important;font-size:14px!important}
 html body[data-product="datacenter-proxy"] .telemetry-plot{grid-template-columns:32px minmax(0,1fr)!important;gap:8px!important}
 html body[data-product="datacenter-proxy"].reference-product-layout .pv-usecases .card:nth-child(4){height:auto!important;min-height:0!important;padding-bottom:24px!important}
 html body[data-product="datacenter-proxy"] .pv-usecases .card:nth-child(4) .dc-aggregate{position:relative!important;inset:auto!important;width:100%!important;height:150px!important;margin-top:24px;padding:0!important;overflow:visible!important}
 html body[data-product="datacenter-proxy"] .pv-usecases .card:nth-child(4) .dc-aggregate>div{position:absolute!important;left:8px!important;right:8px!important;top:25px!important;bottom:auto!important;width:calc(100% - 16px)!important;height:100px!important}
 html body[data-product="datacenter-proxy"] .pv-usecases .card:nth-child(4) .dc-aggregate>div i{width:calc(100% - 28px)!important;left:0!important;transform:none!important}
 html body[data-product="datacenter-proxy"] .pv-usecases .card:nth-child(4) .dc-aggregate>div i:nth-child(1){top:12px;transform:rotate(10deg)!important}
 html body[data-product="datacenter-proxy"] .pv-usecases .card:nth-child(4) .dc-aggregate>div i:nth-child(2){top:36px;transform:rotate(4deg)!important}
 html body[data-product="datacenter-proxy"] .pv-usecases .card:nth-child(4) .dc-aggregate>div i:nth-child(3){top:64px;transform:rotate(-4deg)!important}
 html body[data-product="datacenter-proxy"] .pv-usecases .card:nth-child(4) .dc-aggregate>div i:nth-child(4){top:88px;transform:rotate(-10deg)!important}
 html body[data-product="datacenter-proxy"] .pv-usecases .card:nth-child(4) .dc-aggregate>div b{top:44px!important;right:0!important}
 html body[data-product="search-api"] .search-scene{display:grid!important;grid-template-columns:1fr!important;gap:14px!important;height:auto!important;min-height:0!important;padding:20px!important}
 html body[data-product="search-api"] .search-scene .local-search-map{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:1fr;gap:14px;width:100%!important;height:auto!important;min-height:0!important;padding:0!important;transform:none!important}
 html body[data-product="search-api"] .search-scene :is(.local-query,.search-result,.search-response-bar,.geo-core){position:relative!important;inset:auto!important;transform:none!important;animation:none!important;width:100%!important;box-sizing:border-box!important;margin:0!important}
 html body[data-product="search-api"] .search-scene .local-query{order:0;height:56px!important}
 html body[data-product="search-api"] .search-scene .geo-core{order:1;min-height:156px;display:flex;align-items:center;justify-content:center;flex-direction:column}
 html body[data-product="search-api"] .search-scene .search-result{order:2;height:64px!important}
 html body[data-product="search-api"] .search-scene .search-response-bar{order:3;height:64px!important}
 html body[data-product="search-api"] .search-scene .search-result strong{max-width:none!important;font-size:15px!important}
 body[data-product]{--product-gutter:20px}
 html body[data-product].reference-product-layout{--product-gutter:20px}
 body[data-product] .fp-region{padding-inline:20px}
 body[data-product] .sp-region{padding-inline:20px}
 body[data-product] :is(.finish-workflow,.product-story){max-width:calc(100% - 40px)}
 body[data-product] .fp-thick-frame{box-shadow:none}
 body[data-product] [data-figma-node="7001:7942"]>.fp-stage>.fp-canvas{gap:24px}
 body[data-product] [data-node-id="7001:7945"]{font-size:32px;line-height:1.2}
 body[data-product] [data-node-id="7001:7946"]{font-size:15px;line-height:1.6}
 body[data-product] :is([data-node-id="7001:7949"],[data-node-id="7001:7949"] p){font-size:28px;line-height:1.15}
 body[data-product] :is([data-node-id="7001:8364"],[data-node-id="7001:8366"],[data-node-id="7001:8368"]){width:fit-content;padding:8px 14px;border-radius:24px}
 body[data-product] [data-node-id="7001:8370"]{padding:24px}
}

/* Eight marked refinements: retain SVG geometry while normalizing presentation. */
body[data-product] .fp-card:has(>.fp-feature-copy)>.fp-widget{width:64px!important;height:64px!important}
body[data-product] .fp-card:has(>.fp-feature-copy)>.fp-widget>.fp-widget-content{transform:scale(.76)!important;transform-origin:top left}
body[data-product] [data-figma-node="6859:6552"] [data-name="Count badge"] p{font-size:calc(16px / var(--fp-scale,1) / var(--fp-widget-scale,1) / .9)!important}
body[data-product] [data-figma-node="6859:6552"] .fp-pipeline-inset{position:absolute;inset:16px auto auto 14.5px;display:flex;flex-direction:column;align-items:flex-start;box-sizing:border-box;padding:23px 18px 24px;width:100%;height:100%;transform:scale(.9);transform-origin:top left}
body[data-product] [data-figma-node="6859:7530"] [data-name="Card number"]{display:none!important}
html:not([data-theme="dark"]) body[data-product] [data-node-id="6859:7164"]{background:linear-gradient(135deg,#ed9874 0%,#ffd9c6 48%,#fff 100%)}
body[data-product="web-unlocker"] .pv-card-icon{display:flex;align-items:center;justify-content:flex-start;height:64px}
body[data-product="web-unlocker"] .pv-card-icon .pv-flat-icon{display:flex;width:56px;height:56px;align-items:center;justify-content:center}
body[data-product="web-unlocker"] .pv-card-icon svg{width:48px!important;height:48px!important;margin:0!important;transform:none!important;stroke-width:2.5}
@media(min-width:1001px){
 body[data-product] .fp-card:has(>.fp-feature-copy){grid-template-columns:64px minmax(0,1fr)}
 body[data-product] [data-figma-node="6859:6729"] .fp-card>.fp-flow{left:40px;max-width:calc(100% - 80px)}
 body[data-product] [data-figma-node="6859:6729"] .fp-card>.fp-flow:not([data-node-id="6859:6913"]):not([data-node-id="6859:6914"]){translate:0 18px}
 body[data-product] [data-figma-node="6859:6915"] .fp-card{padding-top:38px;padding-bottom:24px;height:auto;min-height:270px}
 body[data-product] [data-node-id="6859:6922"]>.fp-card{min-height:420px}
 body[data-product] [data-figma-node="6859:7530"] .fp-card{height:auto;min-height:280px;padding:32px}
 body[data-product] :is([data-node-id="6859:7541"],[data-node-id="6859:7560"],[data-node-id="6859:7587"]){display:none}
 body[data-product] :is([data-node-id="6859:7542"],[data-node-id="6859:7561"],[data-node-id="6859:7588"],[data-node-id="6859:7607"]){display:flex;width:100%;gap:24px;align-items:center}
 body[data-product] :is([data-node-id="6859:7542"],[data-node-id="6859:7561"],[data-node-id="6859:7588"],[data-node-id="6859:7607"])>div:not(.fp-widget){width:calc(48% - 12px);min-width:0;flex-shrink:0}
 body[data-product] :is([data-node-id="6859:7542"],[data-node-id="6859:7561"],[data-node-id="6859:7588"],[data-node-id="6859:7607"]) .fp-copy-flow{max-width:100%;white-space:normal}
}
@media(min-width:1001px){
 body[data-product] :is([data-node-id="6859:6922"],[data-node-id="6859:7009"],[data-node-id="6859:7537"],[data-node-id="6859:7583"]){height:auto;overflow:visible}
 body[data-product] [data-node-id="6859:7009"]{top:834px}
 body[data-product] [data-node-id="6859:7583"]{top:640px}
}

/* Search benefit icons: equal square canvas, optical centering and line weight. */
html body:is([data-product="search-api"],[data-product="scraper-bot"]).reference-product-layout main .why-section .card .card-icon.pv-card-icon{display:flex!important;align-items:center;justify-content:center;width:64px!important;height:64px!important;margin:0 0 24px!important;border-radius:14px;background:rgba(var(--product-primary-rgb),.06)!important}
html body:is([data-product="search-api"],[data-product="scraper-bot"]).reference-product-layout main .why-section .card-icon.pv-card-icon .pv-flat-icon{display:block;width:52px!important;height:52px!important;margin:0!important}
html body:is([data-product="search-api"],[data-product="scraper-bot"]).reference-product-layout main .why-section .card-icon.pv-card-icon .pv-flat-icon svg{width:52px!important;height:52px!important;margin:0!important;transform:none!important;filter:none}
html body:is([data-product="search-api"],[data-product="scraper-bot"]).reference-product-layout .why-section .pv-flat-icon svg :is(path,circle,rect,ellipse){stroke-width:2!important;vector-effect:non-scaling-stroke!important}

/* Search request controls retain white foreground on coral in light theme. */
html:not([data-theme="dark"]) body[data-product="search-api"] :is([data-node-id="6859:6146"],[data-node-id="6859:6153"]),
html:not([data-theme="dark"]) body[data-product="search-api"] :is([data-node-id="6859:6146"],[data-node-id="6859:6153"]) *{color:#fff!important;--dark-text:#fff;--dark-text-secondary:#fff}

/* Light playground headers remain distinct from the code body. */
html:not([data-theme="dark"]) body[data-product="search-api"] :is([data-node-id="6859:6145"],[data-node-id="6859:6157"]){background:#f7e7e3;border-bottom:1px solid rgba(var(--product-primary-rgb),.16)}

/* Give the reduced search illustration breathing room inside its original slot. */
body[data-product="search-api"] [data-node-id="7001:search-art"]>img{transform:scale(.82);transform-origin:50% 50%}

/* Search playground sits directly on the section band, without an outer panel. */
body[data-product="search-api"] [data-node-id="6859:6136"]{display:none}
@media(min-width:1001px){
 body[data-product="search-api"] [data-node-id="6859:6137"]{top:80px}
 body[data-product="search-api"] [data-node-id="6859:6143"]{top:280px}
}

html body[data-product="search-api"] .why-section .pv-flat-icon svg[data-library="lucide"]{color:#7d8795}
html[data-theme="dark"] body[data-product="search-api"] .why-section .pv-flat-icon svg[data-library="lucide"]{color:#a9b3c2}
html body[data-product="web-unlocker"] .why-section .card-icon.pv-card-icon .pv-flat-icon{display:flex;width:56px!important;height:56px!important;align-items:center;justify-content:center}
html body[data-product="web-unlocker"] .why-section .card-icon.pv-card-icon .pv-flat-icon svg[data-library="lucide"]{color:#7d8795;stroke-width:1.8!important;width:48px!important;height:48px!important;margin:0!important;transform:none!important;filter:none!important}
html[data-theme="dark"] body[data-product="web-unlocker"] .why-section .card-icon.pv-card-icon .pv-flat-icon svg[data-library="lucide"]{color:#a9b3c2}

/* Complete reference exports preserve their 760:339 / 84:84 proportions. */
body[data-product="search-api"] .fp-export-icon-wrap{background:transparent!important;border:0!important;box-shadow:none!important}
body[data-product="search-api"] .fp-export-icon{display:block;width:84px;height:84px;object-fit:contain}
body[data-product="search-api"] [data-node-id="7001:search-art"]>img{transform:none;object-fit:contain;width:100%;height:100%}
html body[data-product="search-api"].reference-product-layout main .why-section .card .card-icon.pv-card-icon{background:transparent!important}

body[data-product="search-api"] [data-node-id="7001:search-art"]{width:528px;height:343px}
@media(min-width:1001px){body[data-product="search-api"] [data-node-id="7001:search-art"]{left:654px;top:0}}

/* Clip the artwork before the translucent frame, keeping its border clean. */
@media(min-width:1001px){
 body[data-product="search-api"] [data-node-id="7001:search-art"]{clip-path:inset(10px 10px 10px 0 round 0 4px 4px 0)}
}

/* Shared optical stroke stays constant across native and 24px icon canvases. */
html body[data-product].reference-product-layout main .why-section .card .card-icon.pv-card-icon .pv-flat-icon svg :is(path,circle,rect,ellipse,line,polyline,polygon){stroke-width:2!important;vector-effect:non-scaling-stroke!important}
html body[data-product="scraper-bot"].reference-product-layout main .why-section .card .card-icon.pv-card-icon{background:transparent!important}
/* A single padding layer keeps the question and toggle close to the frame. */
html body[data-product] main .faq details{padding:0!important}
html body[data-product] main .faq summary{position:relative;padding:20px 48px 20px 20px!important}
html body[data-product] main .faq summary::after{position:absolute;right:20px;top:50%;transform:translateY(-50%);float:none}
@media(max-width:900px){html body[data-product] main .faq summary{padding:18px 42px 18px 16px!important}html body[data-product] main .faq summary::after{right:16px}}
/* Preserve the updated search artwork and tint only its containing surface. */
html:not([data-theme="dark"]) body[data-product="search-api"] [data-node-id="7001:7947"]{background:linear-gradient(115deg,#fffaf8 0%,#f9ebe6 100%)!important}
html[data-theme="dark"] body[data-product="search-api"] [data-node-id="7001:7947"]{background:linear-gradient(115deg,#11161e 0%,#2b2023 100%)!important}
/* Inset diagnostics separators so they never cross the outer frame. */
body[data-product="web-unlocker"] [data-node-id="6859:7469"]>[data-name^="Step"]{border-top:0}
body[data-product="web-unlocker"] [data-node-id="6859:7469"]>[data-name^="Step"]::before{content:"";position:absolute;left:16px;right:16px;top:0;border-top:1px solid var(--fp-border-303544)}
body[data-product="web-unlocker"] [data-node-id="6859:7525"] :is(p,span){font-size:14px!important}
@media(min-width:1001px){
 body[data-product="web-unlocker"] [data-figma-node="6859:7530"] .fp-widget-content{margin-left:auto}
 body[data-product="scraper-bot"] :is([data-node-id="6859:7211"],[data-node-id="6859:7239"]){border-right:0}
 body[data-product="scraper-bot"] :is([data-node-id="6859:7211"],[data-node-id="6859:7239"])::after{content:"";position:absolute;right:0;top:16px;bottom:16px;border-right:1px solid var(--fp-border-2d3748)}
}