/* Background-only concepts. Existing assets, content, typography and interactions are preserved. */
html,body{overflow-x:clip}
.concept-toolbar{position:relative;z-index:60;display:grid;grid-template-columns:auto 1fr;gap:10px 28px;align-items:center;padding:14px max(22px,calc((100% - 1280px)/2));background:#f3f4f6;color:#334155;border-bottom:1px solid #e2e8f0;font:10px/1.7 'DM Sans',sans-serif}.concept-toolbar>strong{font-weight:600;white-space:nowrap}.concept-toolbar nav{display:flex;justify-content:flex-end;gap:6px 14px;flex-wrap:wrap}.concept-toolbar a{font-size:10px;white-space:nowrap;text-decoration:none;padding:4px 7px;border-radius:4px}.concept-toolbar a[aria-current]{background:#26364c;color:#fff}.concept-toolbar a:focus-visible{outline:2px solid #3b82f6;outline-offset:3px}.concept-toolbar p{grid-column:1/-1;font:9px/1.6 'IBM Plex Mono',monospace;opacity:.7;margin:0}.veil .veil-hero-shell{position:relative;isolation:isolate;overflow:clip;background:var(--hero-base)}.hero-environment{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}.veil .veil-hero-shell .source-hero{position:relative;z-index:2;padding-bottom:190px}.veil .veil-hero-shell .source-hero-title,.veil .veil-hero-shell .source-hero-detail{position:relative;z-index:2}.veil .global-crawler{z-index:3}.veil .depth-proof-map{position:relative;isolation:isolate}.veil .depth-proof-map:before{content:'';position:absolute;inset:-24px -22px;z-index:-1;border-radius:35px;background:var(--proof-environment);pointer-events:none}.veil .live-page-experiment{position:relative;isolation:isolate}.veil .live-page-experiment:before{content:'';position:absolute;inset:-24px -35px;z-index:-1;border-radius:36px;background:var(--workflow-environment);pointer-events:none}.veil .veil-product .product-art{position:relative;isolation:isolate;border-radius:12px 12px 0 0;background:var(--product-environment);overflow:clip}.veil .family-apis .product-art{background:var(--api-environment)}.veil .product-art:before{content:'';position:absolute;inset:10px 15%;border-radius:50%;background:var(--asset-halo);opacity:.65;filter:blur(24px);z-index:-1;pointer-events:none}.veil .feedback-sourcing{background:var(--dark-environment);position:relative}.veil .feedback-connect{background:var(--connect-environment)}.veil .source-step h3{background:transparent}.veil .source-step-icon{box-shadow:none}.veil .feedback-reviews{position:relative;isolation:isolate}.veil .feedback-reviews:before{content:'';position:absolute;inset:0 -50px;z-index:-1;border-radius:32px;background:var(--reviews-environment);pointer-events:none}.veil .feedback-quote{background:var(--surface);position:relative}.veil .feedback-close{background:var(--closing-environment);position:relative;isolation:isolate}.veil .source-footer{background:var(--footer-environment)}
html[data-background="horizons"] body.veil{--paper:#fbfcff;--surface:#fff;--hero-base:#f8fbff;--proof-environment:linear-gradient(135deg,#eaf1ff 0%,#f0edff 55%,#f8e8db 100%);--workflow-environment:linear-gradient(145deg,#fff 15%,#ecf3ff 55%,#f0ebfa);--product-environment:linear-gradient(145deg,#eff5ff,#ecebff 55%,#f7e9de);--api-environment:radial-gradient(ellipse at 75% 15%,#53527a55,transparent 65%),linear-gradient(145deg,#1f2634,#212c40);--asset-halo:#bac9ff;--dark-environment:radial-gradient(ellipse at 8% 100%,#4b688566,transparent 65%),#19394d;--connect-environment:radial-gradient(ellipse at 90% 5%,#64669a66,transparent 65%),#19394d;--reviews-environment:linear-gradient(165deg,transparent 45%,#edf3fc 95%);--closing-environment:linear-gradient(120deg,#f3e5d7,#f4e8e0 65%,#e9e8fa);--footer-environment:#f4f7fd}
html[data-background="atmosphere"] body.veil{--paper:#fff;--surface:#fff;--hero-base:#fcfbff;--proof-environment:radial-gradient(ellipse at 20% 70%,#c9ddff88,transparent 70%),radial-gradient(ellipse at 90% 20%,#fac8bb77,transparent 65%),#f1eeff;--workflow-environment:radial-gradient(ellipse at 100% 65%,#ead4fa66,transparent 70%),linear-gradient(125deg,#eef5ff,#fff3eb);--product-environment:radial-gradient(ellipse at 80% 30%,#f6cbbd,transparent 65%),radial-gradient(ellipse at 10% 90%,#b5d4ff,transparent 70%),#eee8ff;--api-environment:radial-gradient(ellipse at 80% 15%,#9a70d44d,transparent 70%),radial-gradient(ellipse at 10% 100%,#2276bb66,transparent 70%),#151d32;--asset-halo:#dcc3ff;--dark-environment:radial-gradient(ellipse at 8% 100%,#6a488155,transparent 70%),radial-gradient(ellipse at 95% 0%,#125f9088,transparent 60%),#132d45;--connect-environment:radial-gradient(ellipse at 90% 0%,#8056a866,transparent 70%),#19394d;--reviews-environment:radial-gradient(ellipse at 90% 100%,#f9e6e0,transparent 70%);--closing-environment:radial-gradient(ellipse at 90% 100%,#ddd6fa88,transparent 65%),#f3e5d7;--footer-environment:#f7f5ff}
html[data-background="contours"] body.veil{--paper:#fffdf8;--surface:#fffefb;--hero-base:#fffdf8;--proof-environment:linear-gradient(125deg,#f4efd9 0%,#f0eedb 45%,#e9eefb 100%);--workflow-environment:linear-gradient(145deg,#f8f3df 10%,#ecf0d9 60%,#fbe7da);--product-environment:linear-gradient(155deg,#eee9d7 10%,#e4ecfc 85%);--api-environment:repeating-radial-gradient(ellipse at 80% 110%,transparent 0 15px,#bccbff15 16px 17px),#182333;--asset-halo:#f3d3ae;--dark-environment:repeating-radial-gradient(ellipse at 0% 100%,transparent 0 35px,#a9c8de12 36px 37px),#19394d;--connect-environment:repeating-radial-gradient(ellipse at 100% 0%,transparent 0 35px,#c9d6f914 36px 37px),#19394d;--reviews-environment:linear-gradient(170deg,transparent 20%,#f3ecd9 100%);--closing-environment:repeating-radial-gradient(ellipse at 0% 100%,transparent 0 45px,#c1a99518 46px 47px),#f3e5d7;--footer-environment:#f6f1e7}
html[data-background="contours"] .veil .depth-proof-map:before{border-radius:75px 25px 90px 25px}html[data-background="contours"] .veil .live-page-experiment:before{border-radius:25px 85px 25px 75px}
@media(max-width:700px){.concept-toolbar{display:block;padding:12px 18px}.concept-toolbar>strong{display:block;margin-bottom:8px;font-size:10px}.concept-toolbar nav{justify-content:flex-start;gap:4px}.concept-toolbar a{font-size:8px;padding:4px}.concept-toolbar p{font-size:8px;margin-top:9px}.veil .veil-hero-shell .source-hero{padding-bottom:185px}.veil .depth-proof-map:before{inset:-15px -12px;border-radius:24px}.veil .live-page-experiment:before{inset:-20px -12px;border-radius:24px}.veil .feedback-reviews:before{inset:0 -12px}}
@media(prefers-reduced-motion:reduce){.hero-environment{will-change:auto}}
/* Original crawler text shields are unnecessary over these quiet backgrounds. */
html[data-background] body.veil .veil-hero-shell .source-hero-title,
html[data-background] body.veil .veil-hero-shell .source-hero-detail>p,
html[data-background] body.veil .veil-hero-shell .source-actions{background:transparent;box-shadow:none}
/* Final image-driven environments. These all consume original image_gen artwork. */
.hero-environment{overflow:clip}.hero-back-layer,.hero-front-layer{position:absolute;inset:-18px;background-image:var(--generated-bg);background-size:cover;background-position:center bottom;pointer-events:none;transform-origin:50% 80%;will-change:transform}.hero-back-layer{filter:url(#background-morph)}.hero-front-layer{mask-image:linear-gradient(to bottom,transparent 0%,transparent 62%,#000 95%);opacity:.65}.background-filter{position:absolute;width:0;height:0;pointer-events:none}

.veil .depth-proof-map:before,.veil .live-page-experiment:before,.veil .product-art,.veil .feedback-sourcing,.veil .feedback-connect,.veil .feedback-reviews:before,.veil .feedback-close,.veil .source-footer{background-size:cover;background-position:center bottom}.veil .family-proxies .product-art{background-position:center 72%;background-size:100% auto}.veil .family-apis .product-art{background-position:center 75%;background-size:cover}.veil .product-art:before{display:none}
@media(max-width:700px){.hero-back-layer,.hero-front-layer{background-position:50% 100%;inset:-10px}.veil .family-proxies .product-art{background-size:cover}.veil .veil-hero-shell .source-hero{padding-bottom:205px}}
@media(prefers-reduced-motion:reduce){.hero-back-layer,.hero-front-layer{will-change:auto;transform:none!important;filter:none!important}}

/* Short tint tokens keep generated image data out of CSS custom-property limits. */
.hero-back-layer,.hero-front-layer{--environment-tint:#ffffff00}
.depth-proof-map:before{--environment-tint:#ffffffb3}.live-page-experiment:before{--environment-tint:#ffffffd0}
.veil .product-art{--environment-tint:#ffffff44}.veil .family-apis .product-art{--environment-tint:#142239dd}
.veil .feedback-sourcing{--environment-tint:#19394dec}.veil .feedback-connect{--environment-tint:#19394de8}
.veil .feedback-reviews:before{--environment-tint:#ffffffdf}.veil .feedback-close{--environment-tint:#f3e5d7c9}.veil .source-footer{--environment-tint:#f7f7f4e8}

html[data-background] body.veil .hero-back-layer,
html[data-background] body.veil .hero-front-layer,
html[data-background] body.veil .depth-proof-map:before,
html[data-background] body.veil .live-page-experiment:before,
html[data-background] body.veil .product-art,
html[data-background] body.veil .feedback-sourcing,
html[data-background] body.veil .feedback-connect,
html[data-background] body.veil .feedback-reviews:before,
html[data-background] body.veil .feedback-close,
html[data-background] body.veil .source-footer{background-image:linear-gradient(var(--environment-tint,#ffffff00),var(--environment-tint,#ffffff00)),var(--generated-bg)}
/* Keep contrast explicit when generated environments replace the original bands. */
html[data-background] body.veil .feedback-quote{background:#fff;color:#26313c;border-color:#e5e7eb}
html[data-background] body.veil .feedback-quote h3{color:inherit}
html[data-background] body.veil .feedback-quote blockquote{color:#4b5563;opacity:1}
html[data-background] body.veil .feedback-quote .sample-person span{color:#5b6572;opacity:1}
html[data-background] body.veil .feedback-quote:nth-child(2){background:#171717;color:#f4f4f5;border-color:#404040}
html[data-background] body.veil .feedback-quote:nth-child(2) blockquote{color:#d4d4d8}
html[data-background] body.veil .feedback-quote:nth-child(2) .sample-person{border-color:#404040}
html[data-background] body.veil .feedback-quote:nth-child(2) .sample-person strong{color:#f4f4f5}
html[data-background] body.veil .feedback-quote:nth-child(2) .sample-person span{color:#c4c4cc}
html[data-background] body.veil .feedback-close{--close-ink:#25313c;color:#25313c}
html[data-background] body.veil .feedback-close .veil-center-heading h2{color:#25313c}
html[data-background] body.veil .feedback-close .button{background:#1d4ed8;border-color:#1d4ed8;color:#fff}
html[data-background] body.veil .feedback-close .button.secondary{background:#fffefa;border-color:#8997a7;color:#25313c}
html[data-background] body.veil .feedback-close .button:hover{background:#1e40af;border-color:#1e40af;color:#fff}
html[data-background] body.veil .feedback-close .button.secondary:hover{background:#edf3ff;border-color:#64748b;color:#25313c}