/* Homepage exploration only. Workspace and customer screens keep their current theme. */
body[data-surface=marketing]{--ink:#111111;--paper:#FFFFFF;--accent:#F4511E;--muted:#626262;--line:#E4E4E4;--soft:#F5F5F5;color:#111;background:#fff;font-optical-sizing:auto}
body[data-surface=marketing] header{position:sticky;top:0;z-index:40;background:#ffffffb8;backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);transition:box-shadow .25s ease,background .25s ease}
body[data-surface=marketing] header.is-scrolled{background:#ffffffe8;box-shadow:0 12px 32px #0000000a}
body[data-surface=marketing] .brand{color:#111}
body[data-surface=marketing] .brand::after{color:#F4511E}
body[data-surface=marketing] .footer-brand::after,body[data-surface=marketing] .footer-wordmark::after{content:'.';color:#F4511E;display:inline-block;margin-left:.03em}
body[data-surface=marketing] .btn{color:#fff;background:#111;border-color:#111;border-radius:9px;box-shadow:0 1px 1px #0000000a;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background .2s ease,border-color .2s ease}
body[data-surface=marketing] .btn:hover{background:#303030;border-color:#303030;transform:translateY(-2px);box-shadow:0 12px 28px #0002}
body[data-surface=marketing] .btn:active,body[data-surface=marketing] button:active{transform:scale(.97);transition-duration:.1s}
body[data-surface=marketing] .btn.secondary{color:#111;background:#ffffff9e;border-color:#D8D8D8;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body[data-surface=marketing] .btn.secondary:hover{background:#fff;border-color:#aaa}
body[data-surface=marketing] .landing em{color:#D94312}
body[data-surface=marketing] .editorial-hero{position:relative;isolation:isolate;padding-bottom:48px}
body[data-surface=marketing] .hero-heading-row{gap:40px;margin-top:50px;align-items:center}
body[data-surface=marketing] .hero-heading-row h1{font-weight:500;letter-spacing:-.065em}
body[data-surface=marketing] .hero-aside{max-width:310px}
body[data-surface=marketing] .hero-aside>.btn{background:#111;border-color:#111;color:#fff}
body[data-surface=marketing] .hero-aside>.btn:hover{background:#303030}
body[data-surface=marketing] .hero-kicker{color:#626262;font-size:.7rem}
body[data-surface=marketing] .hero-experience{position:relative;isolation:isolate;overflow:clip;border-radius:16px;border:1px solid #EBEBEB;background:#F9F9F9;grid-template-columns:1fr 1fr;gap:0;min-height:520px}
body[data-surface=marketing] .hero-experience::before{content:'';position:absolute;z-index:-2;inset:-15%;background:radial-gradient(ellipse at 54% 56%,#FF5100 0%,#FF6524 12%,#FF9A694D 32%,transparent 55%);filter:blur(32px);transform:rotate(-20deg)}
body[data-surface=marketing] .hero-experience::after,body[data-surface=marketing] .closing-cta::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;opacity:.19;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.5' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}
body[data-surface=marketing] .hero-photo{position:relative;background:#111;min-height:520px;padding:36px;justify-content:space-between;overflow:hidden;color:#fff}
body[data-surface=marketing] .hero-photo::after,body[data-surface=marketing] .places-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0006 0%,transparent 42%,#0009 100%);pointer-events:none}
body[data-surface=marketing] .hero-photo img,body[data-surface=marketing] .places-photo img,body[data-surface=marketing] .journey-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .65s ease}
body[data-surface=marketing] .hero-photo:hover img,body[data-surface=marketing] .places-photo:hover img{transform:scale(1.025);filter:saturate(1.06)}
body[data-surface=marketing] .hero-photo>*:not(img),body[data-surface=marketing] .places-photo>*:not(img){position:relative;z-index:2;color:#fff;text-shadow:0 1px 16px #0008}
body[data-surface=marketing] .hero-photo .slot-caption{font-size:clamp(2.5rem,4.5vw,4.8rem);max-width:420px;margin:auto 0 35px;letter-spacing:-.06em}
body[data-surface=marketing] .slot-meta,body[data-surface=marketing] .slot-note{color:#5B5B5B}
body[data-surface=marketing] .sample-space{position:relative;background:transparent;padding:36px;justify-content:center}
body[data-surface=marketing] .sample-space>.slot-meta{align-self:flex-end;font-size:.7rem;margin-bottom:20px}
body[data-surface=marketing] .sample-card{width:100%;max-width:292px!important;background:linear-gradient(130deg,#FFFFFFC9,#FFFFFF70);color:#111;border:1px solid #FFFFFFE6;border-radius:15px;box-shadow:0 24px 64px #00000012,inset 0 1px 0 #fff;backdrop-filter:blur(28px) saturate(120%);-webkit-backdrop-filter:blur(28px) saturate(120%);transform:translateY(var(--tilt-y,0)) rotate(calc(-5deg + var(--tilt-x,0deg)));transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease;padding:25px;will-change:transform}
body[data-surface=marketing] .sample-top,body[data-surface=marketing] .sample-rule{color:#111}
body[data-surface=marketing] .card-edition,body[data-surface=marketing] .sample-rule>span:last-child{color:#555}
body[data-surface=marketing] .sample-title{font-size:1.8rem!important;font-weight:500;letter-spacing:-.045em}
body[data-surface=marketing] .sample-punch{border:1px solid #11111130;background:#FFFFFF50;color:#626262}
body[data-surface=marketing] .sample-punch.is-punched{background:#FF5B24;border-color:#FF5B24;color:#111;box-shadow:inset 0 1px 0 #FFFFFF40}
body[data-surface=marketing] .sample-rule{border-color:#11111124}
body[data-surface=marketing] .sample-control{max-width:292px;width:100%;margin-top:14px;color:#111;font-size:.8rem}
body[data-surface=marketing] .round-action{background:#111;color:white;border-color:#111;width:42px;height:42px;flex-basis:42px}
body[data-surface=marketing] .round-action:hover{background:#353535;border-color:#353535}
body[data-surface=marketing] .reward-unlocked .sample-card{background:#FFFFFFD9;transform:rotate(0deg);box-shadow:0 24px 70px #FF5B2440}
body[data-surface=marketing] .reward-unlocked .card-edition,body[data-surface=marketing] .reward-unlocked .sample-rule>span:last-child{color:#555}
body[data-surface=marketing] .reward-unlocked .sample-rule{border-color:#11111124}
body[data-surface=marketing] .promise-strip{padding:38px 0}
body[data-surface=marketing] .customer-proof{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(300px,.82fr) minmax(390px,1fr);gap:3%;align-items:center;margin:110px 0 30px;padding:64px 6%;border-radius:18px;overflow:hidden;background:#FFFDF9;color:#111}
body[data-surface=marketing] .customer-proof::before{content:'';position:absolute;inset:-18%;z-index:-1;background:radial-gradient(circle at 48% 58%,#FF8A4D70 0 13%,#FFB89444 28%,transparent 52%),radial-gradient(circle at 86% 16%,#FFD4BC66,transparent 34%)}
body[data-surface=marketing] .customer-proof::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.42;background-image:radial-gradient(circle,#8B321099 0 .7px,transparent .9px),radial-gradient(circle,#FF6A2366 0 .65px,transparent .9px);background-size:4px 4px,6px 6px;background-position:0 0,2px 1px;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at 58% 54%,#000 0 25%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 58% 54%,#000 0 25%,transparent 70%)}
body[data-surface=marketing] .customer-proof-copy{max-width:410px}
body[data-surface=marketing] .customer-proof-copy .section-index{margin-bottom:26px}
body[data-surface=marketing] .customer-proof-copy h2{font-size:clamp(2.6rem,4vw,4.6rem);line-height:.96;margin:0 0 24px;letter-spacing:-.065em}
body[data-surface=marketing] .customer-proof-copy p{max-width:370px;margin-bottom:28px}
body[data-surface=marketing] .customer-proof-copy .btn{background:#FFF8F2;border-color:#FFF8F2}
body[data-surface=marketing] .customer-proof-card{display:flex;justify-content:center;align-items:center;min-height:410px;margin-left:-2%}
body[data-surface=marketing] .customer-proof-card .sample-card{width:min(100%,370px);margin:0;transform:rotate(-5deg);background:linear-gradient(145deg,#FFF9F1E8,#FFFFFF9C);color:#111;border:1px solid #FFFFFFE6;border-radius:16px;box-shadow:0 30px 80px #8B321033,inset 0 1px #fff;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .4s}
body[data-surface=marketing] .customer-proof-card:hover .sample-card{transform:rotate(-1deg) translateY(-6px);box-shadow:0 36px 90px #8B321044,inset 0 1px #fff}
body[data-surface=marketing] .customer-proof-card .sample-punch{appearance:none;cursor:pointer;font:inherit;padding:0;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
body[data-surface=marketing] .customer-proof-card .sample-punch:hover{transform:translateY(-3px);border-color:#FF5B24;background:#FF5B2426;box-shadow:0 5px 14px #FF5B2430}
body[data-surface=marketing] .customer-proof-card .sample-punch.is-punched{background:#FF5B24;border-color:#FF5B24;color:#111}
body[data-surface=marketing] .customer-proof-card .sample-rule{border-color:#1113}
@media(max-width:700px){body[data-surface=marketing] .customer-proof{grid-template-columns:1fr;gap:20px;margin:80px 0 20px;padding:42px 24px}body[data-surface=marketing] .customer-proof-card{min-height:390px}body[data-surface=marketing] .customer-proof-card .sample-card{width:min(100%,330px)}}
body[data-surface=marketing] .journey-section{max-width:100%;overflow:hidden}
body[data-surface=marketing] .journey-accordion{max-width:100%;border-radius:12px;overflow:hidden}
body[data-surface=marketing] .journey-panel{background:#F3F3F3}
body[data-surface=marketing] .journey-panel.is-open{background:#FCFCFC}
body[data-surface=marketing] .journey-trigger{color:#111}
body[data-surface=marketing] .journey-trigger:hover{background:#EAEAEA}
body[data-surface=marketing] .is-open>.journey-trigger{background:transparent}
body[data-surface=marketing] .journey-image,body[data-surface=marketing] .places-photo{background:#E6E6E6}
body[data-surface=marketing] .journey-copy .micro{color:#626262}
body[data-surface=marketing] .workbench-section{position:relative;isolation:isolate;overflow:clip;background:#080808;color:#fff}
body[data-surface=marketing] .workbench-section::before{content:'';position:absolute;z-index:-1;right:-150px;bottom:-260px;width:700px;height:650px;background:radial-gradient(ellipse,#FF581B66,transparent 65%);filter:blur(60px);pointer-events:none}
body[data-surface=marketing] .workbench-section::after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.58;background-image:radial-gradient(circle,#FF7B3B 0 .7px,transparent .95px),radial-gradient(circle,#F4511E 0 .6px,transparent .85px);background-size:3px 3px,5px 5px;background-position:0 0,1px 2px;mix-blend-mode:screen;mask-image:radial-gradient(ellipse at 90% 100%,#000 3%,#000 21%,transparent 57%);-webkit-mask-image:radial-gradient(ellipse at 90% 100%,#000 3%,#000 21%,transparent 57%)}
body[data-surface=marketing] .workbench-copy em{color:#AFAFAF}
body[data-surface=marketing] .workbench-copy>.muted{color:#BDBDBD}
body[data-surface=marketing] .workbench-copy .btn{color:#fff;background:#FFFFFF0A;border-color:#FFFFFF55}
body[data-surface=marketing] .workbench-copy .btn:hover{background:#FFFFFF19;border-color:#FFFFFF88}
body[data-surface=marketing] .workbench{background:#FFFFFFED;border:1px solid #FFFFFF70;color:#111;border-radius:12px;box-shadow:0 24px 60px #0003;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
body[data-surface=marketing] .preview-tabs,body[data-surface=marketing] .preview-stat-row,body[data-surface=marketing] .preview-activity-row{border-color:#D6D6D6}
body[data-surface=marketing] .preview-tabs button{color:#626262}
body[data-surface=marketing] .preview-tabs button[aria-selected=true]{color:#111;border-color:#F4511E}
body[data-surface=marketing] .preview-stat>span,body[data-surface=marketing] .preview-stat strong>span,body[data-surface=marketing] .preview-stat-row span,body[data-surface=marketing] .preview-footnote{color:#626262}
body[data-surface=marketing] .places-photo{border-radius:12px}
body[data-surface=marketing] .closing-cta{position:relative;isolation:isolate;overflow:clip;background:#080808;color:#fff;border-radius:16px}
body[data-surface=marketing] .closing-cta::before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 130%,#FF5100 0%,#F4511E88 22%,transparent 58%);filter:blur(35px)}
body[data-surface=marketing] .closing-cta::after{mix-blend-mode:screen;opacity:.62;background-image:radial-gradient(circle,#FF8B52 0 .7px,transparent .95px),radial-gradient(circle,#F4511E 0 .6px,transparent .85px);background-size:3px 3px,5px 5px;background-position:0 0,1px 2px;mask-image:radial-gradient(ellipse at 50% 120%,#000 5%,#000 24%,transparent 57%);-webkit-mask-image:radial-gradient(ellipse at 50% 120%,#000 5%,#000 24%,transparent 57%)}
body[data-surface=marketing] .closing-cta h2 em{color:#fff}
body[data-surface=marketing] .closing-cta .section-index{color:#BDBDBD}
body[data-surface=marketing] .closing-cta .btn{color:#111;background:#fff;border-color:#fff}
body[data-surface=marketing] .closing-cta .btn:hover{background:#EBEBEB}
body[data-surface=marketing] .footer-wordmark{color:#111}
body[data-surface=marketing] .editorial-footer{color:#626262}
body[data-surface=marketing] ::selection{background:#FFB69A;color:#111}
body[data-surface=marketing] :is(button,a,summary):focus-visible{outline-color:#D94312}
@supports not (backdrop-filter:blur(1px)){body[data-surface=marketing] .sample-card{background:#FFFFFFE8}}
@media(max-width:800px){body[data-surface=marketing] .hero-heading-row{align-items:start;gap:30px}body[data-surface=marketing] .sample-space{padding:25px}body[data-surface=marketing] .hero-photo{padding:25px}}
@media(max-width:560px){body[data-surface=marketing] .editorial-hero{padding-bottom:35px}body[data-surface=marketing] .hero-heading-row{margin-top:32px}body[data-surface=marketing] .hero-heading-row h1{font-size:3.2rem}body[data-surface=marketing] .hero-experience{min-height:0}body[data-surface=marketing] .sample-space{padding:28px 25px 32px}body[data-surface=marketing] .sample-space>.slot-meta{align-self:flex-start;font-size:.65rem}body[data-surface=marketing] .hero-photo{min-height:190px;border-top:1px solid #FFFFFF99}body[data-surface=marketing] .hero-photo .slot-caption{font-size:2.3rem;margin:25px 0 0}body[data-surface=marketing] .hero-experience::before{background:radial-gradient(ellipse at 30% 40%,#FF5B24 0%,#FF8B594D 34%,transparent 65%);filter:blur(25px)}body[data-surface=marketing] .sample-card{max-width:275px!important}body[data-surface=marketing] .sample-control{max-width:275px}body[data-surface=marketing] .workbench{padding:25px}}
@media(prefers-reduced-motion:reduce){body[data-surface=marketing] .sample-card{transform:none}}

/* Textured light and quiet product vignettes, homepage only. */
body[data-surface=marketing] .hero-experience::after{opacity:.72;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at 54% 56%,#000 2%,#000 24%,transparent 64%);-webkit-mask-image:radial-gradient(ellipse at 54% 56%,#000 2%,#000 24%,transparent 64%);background-image:radial-gradient(circle,#7C2D0B99 0 .7px,transparent .9px),radial-gradient(circle,#FF5B2466 0 .65px,transparent .9px);background-size:3px 3px,5px 5px;background-position:0 0,1px 2px}
body[data-surface=marketing] .hero-experience::before{background:radial-gradient(ellipse at 54% 56%,#FF650A 0%,#FF771F 15%,#FF985B80 32%,transparent 57%);filter:blur(23px)}
body[data-surface=marketing] .journey-panel{background:#FAFAFA}
body[data-surface=marketing] .journey-panel.is-open{background:#fff}
body[data-surface=marketing] .journey-image{isolation:isolate;background:#FFF9F5;justify-content:flex-start;gap:28px;overflow:clip}
body[data-surface=marketing] .journey-photo{z-index:-1;filter:saturate(.88) brightness(.72)}
body[data-surface=marketing] .journey-photo+.journey-mini{margin-top:auto;background:#FFFFFFC7;box-shadow:0 24px 70px #0003}
body[data-surface=marketing] .journey-image::before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 25% 70%,#FF6A2380,transparent 65%)}
body[data-surface=marketing] .journey-image::after,body[data-surface=marketing] .editorial-pricing::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.62;background-image:radial-gradient(circle,#8B321099 0 .65px,transparent .85px),radial-gradient(circle,#FF6A2366 0 .6px,transparent .8px);background-size:3px 3px,5px 5px;background-position:0 0,1px 2px;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at 25% 70%,#000 4%,#000b 38%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse at 25% 70%,#000 4%,#000b 38%,transparent 72%)}
body[data-surface=marketing] .journey-mini{width:100%;margin:auto 0;padding:22px;background:#FFFFFFAD;backdrop-filter:blur(20px);border:1px solid #fff;border-radius:12px;box-shadow:0 20px 40px #65301612;color:#111}
body[data-surface=marketing] .mini-label{font:11px 'IBM Plex Mono',monospace;letter-spacing:.04em;color:#666;display:block;margin-bottom:24px}
body[data-surface=marketing] .journey-mini>strong{font-size:25px;font-weight:500;line-height:1.1;letter-spacing:-.045em;display:block;margin-bottom:24px}
body[data-surface=marketing] .mini-field{padding:14px 0;border-top:1px solid #1111;display:flex;justify-content:space-between;gap:12px;font-size:12px}
body[data-surface=marketing] .mini-field b{font-weight:500;text-align:right}
body[data-surface=marketing] .mini-status{padding-top:18px;margin-top:12px;border-top:1px solid #1112;font-size:12px;color:#555}
body[data-surface=marketing] .mini-status.dark{background:#111;color:white;padding:13px;border-radius:5px}
body[data-surface=marketing] .mini-stamps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:180px}
body[data-surface=marketing] .mini-stamps i{aspect-ratio:1;border:1px solid #1113;border-radius:50%}
body[data-surface=marketing] .mini-stamps .filled{background:#FF641F;border-color:#FF641F}
body[data-surface=marketing] .mini-reward{font-size:88px;letter-spacing:-.07em;line-height:1;color:#D94312}
body[data-surface=marketing] .mini-reward span{font-size:15px;letter-spacing:0;margin-left:14px;color:#555}
body[data-surface=marketing] .mini-metrics{display:flex;gap:24px}body[data-surface=marketing] .mini-metrics b{display:block;font-size:44px;font-weight:500;letter-spacing:-.06em}body[data-surface=marketing] .mini-metrics span{font-size:12px;color:#555}
body[data-surface=marketing] .editorial-pricing{position:relative;isolation:isolate;overflow:clip;padding:55px;border:1px solid #EEE;border-radius:16px;background:#FCFCFC;gap:50px}
body[data-surface=marketing] .editorial-pricing::before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 15% 100%,#FF7624AA,transparent 60%)}
body[data-surface=marketing] .editorial-pricing::after{mask-image:radial-gradient(ellipse at 15% 100%,#000,transparent 65%)}
body[data-surface=marketing] .price-offer{padding:32px;border:1px solid #fff;border-radius:12px;background:#FFFFFFB8;backdrop-filter:blur(24px);box-shadow:0 15px 45px #00000008}
body[data-surface=marketing] .price-line{border-bottom:1px dashed #1113;padding-bottom:22px}
body[data-surface=marketing] .price-offer ul{padding-top:8px}
@media(max-width:800px){body[data-surface=marketing] .editorial-pricing{padding:30px;gap:30px}body[data-surface=marketing] .journey-image{min-height:360px}}
@media(max-width:560px){body[data-surface=marketing] .journey-image{height:auto;min-height:360px;padding:25px;gap:20px}body[data-surface=marketing] .journey-mini{max-width:300px;align-self:center}body[data-surface=marketing] .editorial-pricing{padding:28px 20px}body[data-surface=marketing] .price-offer{padding:24px 20px}body[data-surface=marketing] .price-line strong{font-size:5.5rem}}
@media(prefers-reduced-transparency:reduce){body[data-surface=marketing] header,body[data-surface=marketing] .sample-card,body[data-surface=marketing] .workbench,body[data-surface=marketing] .journey-mini{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(prefers-contrast:more){body[data-surface=marketing] header,body[data-surface=marketing] .sample-card,body[data-surface=marketing] .workbench,body[data-surface=marketing] .journey-mini{background:#fff;border:2px solid #111}}
@media(prefers-reduced-motion:reduce){body[data-surface=marketing] .hero-photo img,body[data-surface=marketing] .places-photo img,body[data-surface=marketing] .sample-card,body[data-surface=marketing] .btn{transition:none!important;transform:none!important}}

/* Cinematic image-led landing composition. */
body[data-surface=marketing] header::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#F4511E;transform:scaleX(var(--page-progress,0));transform-origin:left;opacity:.8}
body[data-surface=marketing] .cinematic-hero{position:relative;isolation:isolate;width:100%;height:min(780px,calc(100svh - 118px));min-height:640px;overflow:hidden;border-radius:18px;background:#111;color:#fff;padding:32px 36px;margin-top:4px}
body[data-surface=marketing] .cinematic-hero-image{position:absolute;z-index:-3;inset:-5%;width:110%;height:110%;object-fit:cover;object-position:center 48%;transform:translate3d(0,var(--media-shift,0),0) scale(1.025);filter:saturate(.88) contrast(1.04);will-change:transform}
body[data-surface=marketing] .cinematic-hero-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#080604d9 0%,#08060470 46%,#08060430 68%,#0806049c 100%),linear-gradient(180deg,#0006,transparent 35%,#000b 100%)}
body[data-surface=marketing] .cinematic-hero::after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
body[data-surface=marketing] .cinematic-hero .hero-kicker{color:#fff;position:relative;z-index:2;text-shadow:0 1px 18px #000}
body[data-surface=marketing] .cinematic-hero-copy{height:calc(100% - 34px);display:flex;align-items:flex-end;transform:translate3d(0,var(--copy-shift,0),0);will-change:transform}
body[data-surface=marketing] .cinematic-hero-copy h1{font-size:clamp(4.5rem,9vw,9.5rem);line-height:.88;letter-spacing:-.075em;font-weight:500;margin:0 0 28px;max-width:920px;text-shadow:0 8px 50px #0007}
body[data-surface=marketing] .cinematic-hero-copy h1 em{color:#FF6430}
body[data-surface=marketing] .cinematic-hero .hero-aside{position:absolute;z-index:3;right:38px;top:94px;width:min(29%,330px);padding:22px;border:1px solid #FFFFFF52;border-radius:14px;background:#10100F66;box-shadow:0 24px 60px #0003,inset 0 1px #FFFFFF42;backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
body[data-surface=marketing] .cinematic-hero .hero-aside p{margin-top:0;color:#fff;font-weight:450;text-shadow:0 1px 12px #0008}
body[data-surface=marketing] .cinematic-hero .hero-aside .micro{color:#E7E2DF}
body[data-surface=marketing] .cinematic-hero .hero-how{color:#fff;border-color:#FFFFFF66}
body[data-surface=marketing] .hero-sample{position:absolute;z-index:3;right:38px;bottom:32px;width:min(28%,310px);padding:0;background:transparent;align-items:stretch;color:#fff}
body[data-surface=marketing] .hero-sample>.micro{margin-bottom:10px;text-shadow:0 1px 10px #000}
body[data-surface=marketing] .hero-sample .sample-card{max-width:none!important;margin:0 0 10px;padding:18px;background:linear-gradient(135deg,#FFFFFFD9,#FFFFFF8F);box-shadow:0 28px 70px #0006,inset 0 1px #fff;transform:translateY(var(--tilt-y,0)) rotate(calc(-2deg + var(--tilt-x,0deg)))}
body[data-surface=marketing] .hero-sample .sample-title{font-size:1.35rem;margin:14px 0}
body[data-surface=marketing] .hero-sample .sample-punches{gap:7px}
body[data-surface=marketing] .hero-sample .sample-rule{margin-top:14px;padding-top:9px}
body[data-surface=marketing] .hero-sample .sample-control{color:#fff;margin:0;max-width:none}
body[data-surface=marketing] .hero-sample .round-action{border-color:#FFFFFF88;color:#fff;background:#0005}
body[data-surface=marketing] .scroll-cue{position:absolute;left:38px;bottom:22px;display:flex;align-items:center;gap:12px;font:10px 'IBM Plex Mono',monospace;letter-spacing:.08em;color:#fff}
body[data-surface=marketing] .scroll-cue i{display:block;width:46px;height:1px;background:#FFFFFF66;overflow:hidden}
body[data-surface=marketing] .scroll-cue i::after{content:'';display:block;width:18px;height:1px;background:#fff;animation:scroll-cue 1.8s ease-in-out infinite}
@keyframes scroll-cue{0%{transform:translateX(-20px);opacity:0}30%{opacity:1}100%{transform:translateX(48px);opacity:0}}
body[data-surface=marketing] .cinematic-hero .hero-kicker{animation:hero-enter .7s .05s cubic-bezier(.16,1,.3,1) both}
body[data-surface=marketing] .cinematic-hero-copy h1{animation:hero-enter .9s .12s cubic-bezier(.16,1,.3,1) both}
body[data-surface=marketing] .cinematic-hero .hero-aside{animation:materialize .7s .28s cubic-bezier(.16,1,.3,1) both}
body[data-surface=marketing] .hero-sample{animation:materialize .8s .4s cubic-bezier(.16,1,.3,1) both}
@keyframes hero-enter{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}
@keyframes materialize{from{opacity:0;transform:scale(.965) translateY(14px);filter:blur(8px)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}

body[data-surface=marketing] .journey-image{padding:50px 28px 28px;justify-content:center}
body[data-surface=marketing] .journey-image .journey-mini{margin:auto 0}
body[data-surface=marketing] .counter-story{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.65fr);align-items:center;margin:115px 0 25px;min-height:620px}
body[data-surface=marketing] .counter-story-media{position:relative;height:620px;overflow:hidden;border-radius:16px;background:#171310;clip-path:inset(0 100% 0 0 round 16px);transition:clip-path .85s cubic-bezier(.16,1,.3,1)}
body[data-surface=marketing] .counter-story.is-revealed .counter-story-media{clip-path:inset(0 0 0 0 round 16px)}
body[data-surface=marketing] .counter-story-media img{width:100%;height:112%;object-fit:cover;transform:translate3d(0,var(--counter-shift,0),0) scale(1.02);will-change:transform}
body[data-surface=marketing] .counter-story-copy{position:relative;z-index:2;margin-left:-72px;padding:44px;border:1px solid #FFFFFFC7;border-radius:16px;background:#FFFFFFC9;box-shadow:0 30px 80px #2E160F29,inset 0 1px #fff;backdrop-filter:blur(28px) saturate(130%);-webkit-backdrop-filter:blur(28px) saturate(130%);transform-origin:left center;opacity:0;transform:translateX(24px) scale(.97);transition:opacity .55s .28s,transform .7s .28s cubic-bezier(.16,1,.3,1)}
body[data-surface=marketing] .counter-story.is-revealed .counter-story-copy{opacity:1;transform:translateX(0) scale(1)}
body[data-surface=marketing] .counter-story-copy h2{font-size:clamp(2.6rem,4.4vw,5rem);margin:0 0 28px}
body[data-surface=marketing] .counter-story-copy p{max-width:430px;margin-bottom:28px}

body[data-surface=marketing] .places-section{position:relative;isolation:isolate;display:flex;align-items:flex-end;width:100%;max-width:100%;height:clamp(560px,45vw,680px);margin:120px 0;padding:42px;border-radius:18px;overflow:hidden;color:#fff}
body[data-surface=marketing] .places-image{position:absolute;z-index:-3;inset:-5%;width:110%;height:110%;object-fit:cover;transform:translate3d(0,var(--places-shift,0),0) scale(1.03);filter:saturate(.9) contrast(1.04);will-change:transform}
body[data-surface=marketing] .places-shade{position:absolute;z-index:-2;inset:0;background:linear-gradient(90deg,#060504d9 0%,#06050480 45%,transparent 72%),linear-gradient(0deg,#000c,transparent 50%)}
body[data-surface=marketing] .places-heading{max-width:720px}
body[data-surface=marketing] .places-heading h2{font-size:clamp(3.7rem,7vw,8rem);line-height:.9;color:#fff;margin:0}
body[data-surface=marketing] .places-heading h2 em{color:#FF6430}
body[data-surface=marketing] .places-heading p{max-width:430px;color:#fff}
body[data-surface=marketing] .place-types{border-color:#FFFFFF55}
body[data-surface=marketing] .places-statement{position:absolute;right:42px;top:42px;margin:0;text-align:right;font-size:clamp(1.7rem,3vw,3.7rem);line-height:1;letter-spacing:-.045em;text-shadow:0 2px 20px #0008}

body[data-surface=marketing] .reveal.will-reveal{opacity:1;transform:none}
body[data-surface=marketing] .editorial-intro.will-reveal h2{opacity:.18;transform:translateY(12px);transition:opacity .65s,transform .65s cubic-bezier(.16,1,.3,1)}
body[data-surface=marketing] .editorial-intro.is-revealed h2{opacity:1;transform:none}
body[data-surface=marketing] .workbench-section.will-reveal .workbench{opacity:0;transform:scale(.97) translateY(18px);filter:blur(6px);transition:opacity .5s .15s,transform .65s .15s cubic-bezier(.16,1,.3,1),filter .5s .15s}
body[data-surface=marketing] .workbench-section.is-revealed .workbench{opacity:1;transform:none;filter:none}

@media(max-width:900px){body[data-surface=marketing] .cinematic-hero{min-height:760px;aspect-ratio:auto}body[data-surface=marketing] .cinematic-hero-copy h1{font-size:clamp(4rem,11vw,7rem);max-width:70%}body[data-surface=marketing] .cinematic-hero .hero-aside{width:38%}body[data-surface=marketing] .hero-sample{width:36%}body[data-surface=marketing] .counter-story{grid-template-columns:1fr .8fr}body[data-surface=marketing] .counter-story-copy{margin-left:-45px;padding:32px}body[data-surface=marketing] .places-section{min-height:620px;aspect-ratio:auto}}
@media(max-width:620px){body[data-surface=marketing] .cinematic-hero{min-height:720px;margin-left:-4px;margin-right:-4px;padding:24px 20px;border-radius:14px}body[data-surface=marketing] .cinematic-hero-image{object-position:44% center}body[data-surface=marketing] .cinematic-hero-shade{background:linear-gradient(180deg,#08060499,#0806044d 32%,#080604eb 72%)}body[data-surface=marketing] .cinematic-hero .hero-kicker span:last-child{display:none}body[data-surface=marketing] .cinematic-hero-copy{align-items:flex-start;padding-top:90px;height:auto}body[data-surface=marketing] .cinematic-hero-copy h1{font-size:clamp(3.6rem,17vw,5.4rem);max-width:none;margin:0}body[data-surface=marketing] .cinematic-hero .hero-aside{top:auto;left:20px;right:20px;bottom:28px;width:auto;padding:18px}body[data-surface=marketing] .cinematic-hero .hero-aside p{font-size:.9rem;margin-bottom:14px}body[data-surface=marketing] .hero-sample,body[data-surface=marketing] .scroll-cue{display:none}body[data-surface=marketing] .counter-story{display:block;margin:80px 0}body[data-surface=marketing] .counter-story-media{height:auto;aspect-ratio:4/3}body[data-surface=marketing] .counter-story-copy{margin:-38px 14px 0;padding:28px 22px}body[data-surface=marketing] .counter-story-copy h2{font-size:2.65rem}body[data-surface=marketing] .places-section{min-height:660px;margin:80px 0;padding:24px 20px}body[data-surface=marketing] .places-image{object-position:54% center}body[data-surface=marketing] .places-heading h2{font-size:3.7rem}body[data-surface=marketing] .places-statement{top:24px;right:20px;font-size:1.6rem}}
@media(prefers-reduced-motion:reduce){body[data-surface=marketing] .cinematic-hero-image,body[data-surface=marketing] .counter-story-media img,body[data-surface=marketing] .places-image{transform:none!important;will-change:auto}body[data-surface=marketing] .cinematic-hero .hero-kicker,body[data-surface=marketing] .cinematic-hero-copy h1,body[data-surface=marketing] .cinematic-hero .hero-aside,body[data-surface=marketing] .hero-sample{animation:none!important}body[data-surface=marketing] .scroll-cue i::after{animation:none}body[data-surface=marketing] .counter-story-media{clip-path:none}body[data-surface=marketing] .counter-story-copy,body[data-surface=marketing] .workbench-section.will-reveal .workbench,body[data-surface=marketing] .editorial-intro.will-reveal h2{opacity:1;transform:none;filter:none}}

/* Focus the interaction in the journey card and keep photography natural. */
body[data-surface=marketing] .cinematic-hero-image{inset:0;width:100%;height:100%;transform:translate3d(0,var(--media-shift,0),0) scale(1);}
body[data-surface=marketing] .cinematic-hero-shade{background:linear-gradient(90deg,#08060488 0%,#0806042e 46%,transparent 76%),linear-gradient(180deg,#0003,transparent 48%,#0007 100%)}
body[data-surface=marketing] .cinematic-hero-copy{align-items:flex-end}
body[data-surface=marketing] .journey-image .sample-card{margin:0;width:min(100%,360px);transform:rotate(-3deg);}
body[data-surface=marketing] .journey-image .sample-punch{appearance:none;cursor:pointer;font:inherit;padding:0;transition:background .25s,border-color .25s,transform .25s,box-shadow .25s}
body[data-surface=marketing] .journey-image .sample-punch:hover{transform:translateY(-3px);border-color:#FF5B24;background:#FF5B2426;box-shadow:0 5px 14px #FF5B2430}
body[data-surface=marketing] .journey-image .sample-punch.is-punched:hover{background:#FF7A4C}
body[data-surface=marketing] .counter-story-media img{height:100%;transform:translate3d(0,var(--counter-shift,0),0) scale(1);}
body[data-surface=marketing] .places-image{inset:0;width:100%;height:100%;transform:translate3d(0,var(--places-shift,0),0) scale(1);}
body[data-surface=marketing] .places-shade{background:linear-gradient(90deg,#060504a6 0%,#06050442 48%,transparent 78%),linear-gradient(0deg,#0008,transparent 56%)}
body[data-surface=marketing] .places-heading h2{font-size:clamp(3rem,5.3vw,5.8rem);line-height:.94}
body[data-surface=marketing] .places-statement{font-size:clamp(1.35rem,2vw,2.25rem);max-width:210px}
body[data-surface=marketing] .editorial-footer{margin-top:72px;padding-top:0}
body[data-surface=marketing] .editorial-footer .footer-top{display:grid;grid-template-columns:1.1fr 1.2fr auto;align-items:center;gap:28px;border-bottom:1px solid var(--line);padding:28px 0}
body[data-surface=marketing] .footer-brand{font-size:1.3rem;font-weight:600;letter-spacing:-.05em}
body[data-surface=marketing] .footer-top p{margin:0;color:var(--muted);font-size:.85rem}
body[data-surface=marketing] .footer-cta{justify-self:end;color:var(--ink);font-size:.82rem;text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:4px}
body[data-surface=marketing] .footer-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:36px 0;border-bottom:1px solid var(--line)}
body[data-surface=marketing] .footer-columns>div{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
body[data-surface=marketing] .footer-columns span{font: .62rem/1.5 'IBM Plex Mono',monospace;color:var(--muted);letter-spacing:.03em;margin-bottom:7px}
body[data-surface=marketing] .footer-columns a{color:var(--ink);font-size:.82rem;text-decoration:none;transition:color .2s,transform .2s}
body[data-surface=marketing] .footer-columns a:hover{color:var(--accent);transform:translateX(3px)}
body[data-surface=marketing] .footer-bottom{display:flex;justify-content:space-between;gap:20px;padding:18px 0;color:var(--muted);font: .62rem/1.5 'IBM Plex Mono',monospace}
@media(max-width:620px){body[data-surface=marketing] .editorial-footer .footer-top{grid-template-columns:1fr;gap:12px}body[data-surface=marketing] .footer-cta{justify-self:start;margin-top:8px}body[data-surface=marketing] .footer-columns{gap:18px}body[data-surface=marketing] .footer-columns a{font-size:.75rem}body[data-surface=marketing] .footer-bottom{display:block}body[data-surface=marketing] .footer-bottom span{display:block;margin-bottom:5px}}
@media(max-width:620px){body[data-surface=marketing] .cinematic-hero-shade{background:linear-gradient(180deg,#08060470,#08060424 35%,#080604b8 100%)}body[data-surface=marketing] .journey-image .sample-card{width:min(100%,320px);transform:rotate(-2deg)}}