@font-face{font-family:InterBrand;src:url('/assets/inter-brand-400.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:InterBrand;src:url('/assets/inter-brand-700.woff') format('woff');font-weight:700;font-display:swap}
/* The reference's material language extends through the complete page. */
:root[data-theme=dark]{--paper:#0c0b10;--surface:#ffffff07;--surface-2:#ffffff03;--line:#ffffff13;--muted:#aaa6b3;--ink:#f4f2f7;--diagram:#ffffff02;--node:#ffffff06;--diagram-line:#ffffff17;--calendar:#ffffff06;--logo-bg:transparent;--active:#5a239b;--purple:#b99bdc;--accent:#a781d1}
body{position:relative;background:var(--paper)}body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse at 0% 0%,#79619c22,transparent 54%),radial-gradient(ellipse at 100% 55%,#46245e13,transparent 44%)}main,footer,.site-header{position:relative;z-index:1}.site-header{position:absolute}.brand-text{display:flex;align-items:baseline;font-family:InterBrand,Inter,Arial,sans-serif;color:white;letter-spacing:-.6px;white-space:nowrap;font-size:23px;line-height:1.2}.brand-text strong{font-weight:700}.brand-text>span{font-weight:400;color:#aaa7b4;white-space:pre}.footer-row .brand-text{font-size:21px}.starfield{position:fixed;inset:-20px 0;pointer-events:none;z-index:0;overflow:hidden;animation:star-drift 80s linear infinite alternate}.starfield i{position:absolute;display:block;width:var(--size);height:var(--size);border-radius:50%;background:#fff;opacity:.28;box-shadow:0 0 3px #ddd1ff38;animation:star-twinkle var(--duration) var(--delay) ease-in-out infinite alternate}@keyframes star-twinkle{from{opacity:.13}to{opacity:.52}}@keyframes star-drift{to{transform:translateY(-18px)}}
#overview{background:#0a090de0;border-color:#ffffff0b;border-radius:24px;box-shadow:inset 0 1px 0 #ffffff05,0 25px 90px #00000012}#overview>.stage-body{background:transparent;height:860px;min-height:860px;overflow:hidden}.intro-inner{height:860px;min-height:860px;padding-top:144px}.intro-artwork{overflow:hidden}.hero-aura{position:absolute;inset:0;background:radial-gradient(ellipse at 8% 0%,#8065a73d,transparent 52%);animation:aura-breathe 10s ease-in-out infinite alternate}.intro-artwork:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 14% 23%,#fff8 0 .6px,transparent 1px),radial-gradient(circle at 64% 15%,#fff6 0 .65px,transparent 1px),radial-gradient(circle at 32% 44%,#fff6 0 .5px,transparent 1px),radial-gradient(circle at 82% 48%,#fff8 0 .7px,transparent 1px),radial-gradient(circle at 74% 62%,#fff5 0 .7px,transparent 1px),radial-gradient(circle at 21% 69%,#fff6 0 .6px,transparent 1px);background-size:277px 251px,393px 313px,463px 447px,389px 359px,499px 463px,577px 393px;opacity:.6;pointer-events:none}.liquid-stage{position:absolute;width:1000px;height:850px;left:calc(50% - 500px);top:360px;pointer-events:none;mask-image:linear-gradient(180deg,#000 0%,#000 86%,transparent 100%)}.liquid-canvas{width:100%;height:100%;display:block}.intro-content{z-index:3;max-width:760px}#overview h1{font-size:clamp(44px,4.65vw,62px);font-weight:500;max-width:710px}.intro-eyebrow{font-size:10px;letter-spacing:.1em;color:#b8afc4}#overview .intro-accent{font-size:16px;color:#b7b0c1;max-width:390px;margin-top:22px}.hero-actions{margin-top:28px}.primary-button{background:linear-gradient(115deg,#9a74c8,#683ba5 63%,#54248e);border:1px solid #c3a4e145;box-shadow:inset 0 1px 1px #ffffff40,0 5px 30px #4b1e8618;font-weight:500;font-size:14px;transition:transform .25s,box-shadow .25s,filter .25s}.primary-button:hover{box-shadow:inset 0 1px 1px #ffffff50,0 7px 35px #7f43c042;transform:translateY(-2px)}.site-header nav a{background:linear-gradient(135deg,#ffffff0b,#ffffff03);border:1px solid #ffffff0a;box-shadow:inset 0 1px 0 #ffffff0b;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hero-float{position:absolute;text-align:left;width:195px;z-index:4;padding:17px 18px;border-radius:15px;background:linear-gradient(130deg,#ffffff0d,#ffffff04 55%,#ffffff09);border:1px solid #ffffff15;box-shadow:inset 0 1px 0 #ffffff10,0 12px 40px #00000012;backdrop-filter:blur(13px);-webkit-backdrop-filter:blur(13px);animation:glass-float 7s ease-in-out infinite alternate}.float-buyers{left:14%;top:515px}.float-outreach{right:11%;top:635px;animation-delay:-3s}.float-label{font-size:9px;letter-spacing:.06em;color:#c3bdcf;display:flex;align-items:center;justify-content:space-between;gap:12px}.float-label>span{display:grid;place-items:center;border-radius:50%;color:#1d1428;background:#f2edf6;width:17px;height:17px;font-size:12px;letter-spacing:0}.hero-float strong{display:block;font-family:Arial,sans-serif;font-size:16px;font-weight:500;line-height:1.25;color:#fff;margin-top:14px;letter-spacing:-.025em}.float-signal{display:flex;gap:5px;margin-top:14px;align-items:end;height:8px}.float-signal i{width:18px;height:3px;border-radius:4px;background:#d0c1e2}.float-signal i:nth-child(2){opacity:.7}.float-signal i:nth-child(3){opacity:.4}.float-signal i:nth-child(4){opacity:.15}.float-underline{margin-top:14px;width:60%;height:2px;background:linear-gradient(90deg,#efe9f8,#a98bc955);border-radius:2px}.intro-bottom{z-index:5}.motion-toggle{color:#b9afc6}
.collab-strip{background:#ffffff02;border-block:1px solid #ffffff0b;margin:24px 24px 0;border-radius:15px;padding:23px 0 25px;box-shadow:inset 0 1px 0 #ffffff04}.collab-strip .wrap{width:90%}.strip-label{color:var(--muted);font-size:10px}.logo-group img{opacity:.75!important}.section{position:relative;background:transparent;border:0}.process{padding-top:100px}.section-heading h2,.approach h2,.booking h2{font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:clamp(36px,3.8vw,54px);letter-spacing:-.045em}.section-lead{font-size:16px}.eyebrow{font-size:10px;letter-spacing:.11em}.process-engine{background:linear-gradient(135deg,#ffffff08,#ffffff02 50%,#ffffff06);border:1px solid var(--line);box-shadow:inset 0 1px 0 #ffffff12,0 15px 55px #0000000a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:19px}.engine-top{background:#ffffff02;border-color:var(--line)}.engine-flow{background:transparent}.engine-stage+.engine-stage{border-color:var(--line)}.engine-stage:not(:last-child):after{background:#1e1728;border-color:#ffffff20;color:#c8b7dc}.buyer-node,.message-window,.mini-calendar,.booked-pill{background:linear-gradient(140deg,#ffffff0d,#ffffff03);border-color:var(--diagram-line);box-shadow:inset 0 1px 0 #ffffff08,0 5px 20px #00000006}.calendar-cell{background:#00000013}.engine-track{opacity:.7}.process-summary h3{font-family:Arial,sans-serif;font-weight:500;font-size:18px}.process-note{font-size:13px}.process-note a{font-weight:400}.approach{padding-top:35px;padding-bottom:75px}.approach-layout{gap:80px}.benefit-list article{border:1px solid var(--line)!important;border-radius:15px;padding:24px!important;margin-top:14px;background:linear-gradient(130deg,#ffffff08,#ffffff02);box-shadow:inset 0 1px 0 #ffffff0b;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.benefit-list article:first-child{margin-top:0}.benefit-list h3{font:500 22px/1.3 Arial,sans-serif;letter-spacing:-.03em}.benefit-list p{font-size:15px;line-height:1.65;margin-top:10px}.approach-bottom{border-color:var(--line)}.approach-bottom p{font:400 19px/1.5 Arial,sans-serif;color:var(--muted)}
.compact-gallery{background:transparent}.compact-heading h2{font:500 29px/1.2 Arial,sans-serif;letter-spacing:-.03em}.compact-heading p{font-size:13px}.guest-carousel{gap:18px;padding-bottom:17px}.guest-carousel .guest-card{padding:9px 9px 13px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(125deg,#ffffff08,#ffffff02);box-shadow:inset 0 1px 0 #ffffff10;transition:transform .3s,border-color .3s}.guest-carousel .guest-card:hover{border-color:#ae80d63b;transform:translateY(-2px)}.collaboration-thumbnail{border:0;border-radius:9px}.guest-info{padding:12px 5px 0}.guest-info h3{font-family:Arial,sans-serif;font-weight:500;font-size:16px}.guest-info p{font-size:12px}.booking{padding:70px 0;margin:0 24px;border:1px solid var(--line);border-radius:22px;background:radial-gradient(ellipse at 0% 20%,#68449210,transparent 60%),linear-gradient(125deg,#ffffff04,#ffffff01);box-shadow:inset 0 1px 0 #ffffff0b}.calendar-shell{background:linear-gradient(125deg,#ffffff0a,#ffffff02);border:1px solid var(--line);border-radius:17px;box-shadow:inset 0 1px 0 #ffffff13,0 15px 40px #0000000c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.calendar-placeholder h3{font-family:Arial,sans-serif;font-weight:500}.call-signature{font:500 20px Arial,sans-serif}.call-signature span{margin-top:8px}.call-agenda li{border-color:var(--line)}.preview-tag{background:#ffffff04}.calendar-line{background:linear-gradient(90deg,#ac82d4,#57268c)}footer{background:transparent;border-color:var(--line)}
.reveal-ready{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.16,1,.3,1)}.reveal-ready.has-entered{opacity:1;transform:none}.hero-float,.hero-aura{animation-play-state:paused}.intro-visible .hero-float,.intro-visible .hero-aura{animation-play-state:running}.motion-paused .hero-float,.motion-paused .hero-aura,.motion-paused .starfield,.motion-paused .starfield i,.page-hidden .hero-float,.page-hidden .hero-aura,.page-hidden .starfield,.page-hidden .starfield i{animation-play-state:paused!important}@keyframes glass-float{from{transform:translateY(-7px) rotate(-.7deg)}to{transform:translateY(8px) rotate(.7deg)}}@keyframes aura-breathe{from{opacity:.7}to{opacity:1}}
/* Light remains an alternate review mode, with the same dark hero. */
:root[data-theme=light] body:before{background:radial-gradient(ellipse at 0% 20%,#8c6baa0d,transparent 55%)}:root[data-theme=light] .starfield i{background:#66507f;opacity:.18}:root[data-theme=light] .collab-strip{border-color:#00000008;background:#ffffff40}:root[data-theme=light] .process-engine,:root[data-theme=light] .benefit-list article,:root[data-theme=light] .guest-card,:root[data-theme=light] .booking,:root[data-theme=light] .calendar-shell{background:linear-gradient(135deg,#ffffffb0,#ffffff45);box-shadow:inset 0 1px 0 white,0 15px 40px #3c255507;border-color:#6852761a}:root[data-theme=light] .buyer-node,:root[data-theme=light] .message-window,:root[data-theme=light] .mini-calendar,:root[data-theme=light] .booked-pill{background:#ffffff90}:root[data-theme=light] .engine-stage:not(:last-child):after{background:#f3f0f7;color:#73518f;border-color:#d8cce3}:root[data-theme=light] footer .brand-text{color:#232127}:root[data-theme=light] .footer-row{color:#686371}:root[data-theme=light] .calendar-cell{background:#00000003}:root[data-theme=light] .chosen-slot{animation-name:slot-select}
@media(max-width:1100px){.float-buyers{left:9%}.float-outreach{right:8%}.hero-float{width:180px;padding:16px}.hero-float strong{font-size:15px}.approach-layout{gap:50px}}
@media(max-width:760px){.brand-text{font-size:19px;letter-spacing:-.5px}.site-header{padding-inline:23px}.site-header nav a{font-size:12px;padding:7px 14px}#overview>.stage-body,.intro-inner{height:850px;min-height:850px}.intro-inner{padding-top:135px}#overview h1{font-size:clamp(35px,8.8vw,48px);max-width:360px}#overview .intro-accent{font-size:15px;max-width:260px}.liquid-stage{width:740px;height:700px;left:calc(50% - 370px);top:422px}.hero-float{width:148px;padding:13px;border-radius:12px;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.float-buyers{left:19px;top:535px}.float-outreach{right:17px;top:692px}.float-label{font-size:7px;gap:4px}.float-label>span{width:14px;height:14px;font-size:10px}.hero-float strong{font-size:13px;margin-top:10px}.float-signal,.float-underline{margin-top:10px}.float-signal i{width:13px}.intro-bottom{right:20px;bottom:17px}.motion-toggle{font-size:10px}.starfield i:nth-child(n+37){display:none}.collab-strip{margin:12px 12px 0;border-radius:12px}.collab-strip .wrap{width:auto;margin:0 20px}.process{padding-top:64px}.section-heading h2,.approach h2,.booking h2{font-size:clamp(34px,8.6vw,48px)}.engine-stage+.engine-stage{border-top-color:var(--line)}.approach{padding-top:15px;padding-bottom:42px}.approach-layout{gap:28px}.benefit-list article{padding:22px!important;gap:15px}.benefit-list h3{font-size:21px}.approach-bottom p{font-size:17px}.compact-heading h2{font-size:27px}.guest-carousel .guest-card{flex-basis:80%;padding:7px 7px 12px}.guest-info{padding:11px 4px 0}.guest-info h3{font-size:16px}.booking{margin:0 12px;padding:50px 0;border-radius:17px}.booking .wrap{margin:0 21px}.calendar-placeholder{padding:33px 20px}.calendar-shell{min-height:410px}.footer-row .brand-text{font-size:20px}}
@media(prefers-reduced-motion:reduce){.starfield,.starfield i,.hero-float,.hero-aura{animation:none!important}.reveal-ready{opacity:1;transform:none;transition:none}.guest-carousel .guest-card,.primary-button{transition:none}}
.liquid-unavailable .liquid-stage{display:none}.liquid-unavailable .hero-aura{background:radial-gradient(ellipse at 50% 100%,#5c298538,transparent 70%)}
.site-header{z-index:20}.liquid-stage{z-index:1}.intro-artwork:after{z-index:0}.hero-aura{z-index:0}
/* Continuous, near-black canvas. Purple is limited to the upper-left light and CTA. */
:root[data-theme=dark]{--paper:#070708;--ink:#fafafa;--muted:#d0ced3;--purple:#e7e5eb;--accent:#e7e5eb;--active:#78747d;--active-tint:#242327;--accent-text:#f0edf4;--line:#ffffff12;--diagram-line:#ffffff1c}
body:before{position:absolute;height:900px;bottom:auto;background:radial-gradient(ellipse at 0% 0%,#6e588c18,transparent 51%)}
#overview{margin:0;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:hidden}
#overview>.stage-body,.intro-inner{height:100svh;min-height:850px;max-height:none;background:transparent}.intro-inner{padding-top:145px}.site-header{top:0;left:0;right:0;height:96px;padding-inline:6%}.hero-aura{background:radial-gradient(ellipse at 0% 0%,#9786b236,transparent 48%);animation:none;opacity:1}.intro-artwork:after{opacity:.38}.liquid-stage{width:1060px;height:900px;left:calc(50% - 530px);top:360px;mask-image:linear-gradient(180deg,#000 0%,#000 64%,transparent 100%)}
#overview .intro-accent{color:#e2dfe5}.intro-eyebrow{color:#e0dde5}.brand-text>span{color:#d5d1da}.float-label{color:#e9e6ed}.hero-float{background:linear-gradient(125deg,#ffffff0a,#ffffff02);border-color:#ffffff12;box-shadow:inset 0 1px 0 #ffffff0a,0 15px 40px #0000000c}.float-label>span{background:#fafafa;color:#151518}.float-signal i{background:#eee}.float-underline{background:linear-gradient(90deg,#fafafa,#ffffff25)}.motion-toggle{color:#dedbe3}.starfield i{box-shadow:none}.primary-button{background:linear-gradient(115deg,#b4a0cb 0%,#8b6caf 37%,#643d94 78%,#593188 100%);border-color:#c6b4dc50;box-shadow:inset 0 1px 1px #ffffff50,0 5px 22px #0002;color:#fff}.primary-button:hover{box-shadow:inset 0 1px 1px #ffffff66,0 6px 25px #0003}.site-header nav a{background:linear-gradient(115deg,#ad99c2,#8665a7 45%,#60368d);color:#fff;border-color:#b9a1d230;box-shadow:inset 0 1px 0 #ffffff30}
.collab-strip{margin:0;border-radius:0;border:0;background:transparent;box-shadow:none;padding:28px 0 31px}.collab-strip .wrap{width:88%}.logo-group img{opacity:.88!important}.strip-label,.eyebrow{color:#e2dfe6}.engine-label i,.message-dot,.node-check,.booked-pill>span{background:#77717f}.reply-bubble{background:linear-gradient(120deg,#39363e,#262429);color:#fff;box-shadow:0 5px 18px #0002}.reply-dot{background:#fff8}.reply-check{color:#eee}.engine-stage:not(:last-child):after{background:#1b1b1f;color:#f0edf4;border-color:#ffffff25}.scan-bar{border-bottom-color:#b8b2c1;background:linear-gradient(transparent,#ffffff0a)}.engine-track span:after{background:#aaa4b2}.engine-track{opacity:.5}.process-note a{color:#eee;border-color:#ffffff60}.process-summary article>span,.benefit-list article>span,.step-number,.stage-kicker{color:#ece9ef}.stage-kicker>span{color:#d9d5df}.research-result{color:#efedf2}.message-heading,.calendar-topline{color:#e5e2e9}.calendar-topline svg{color:#d3cddc}.engine-caption,.carousel-hint{color:#c5c1cc}.approach-bottom p{color:#ddd9e2}.approach-bottom>span{color:#c9c4d0}.guest-carousel{scrollbar-color:#99949f #ffffff0b}.guest-carousel .guest-card:hover{border-color:#ffffff30}.guest-info p{color:#d5d1db}.booking{margin:0;border-radius:0;border:0;background:transparent;box-shadow:none;padding:75px 0}.calendar-line{background:linear-gradient(90deg,#d2ccd9,#76717d)}.calendar-placeholder p,.calendar-placeholder .calendar-note{color:#ccc7d3}.preview-tag{color:#d8d4df}.footer-row{color:#d0ccd6}footer{background:transparent}.float-buyers{top:535px}.float-outreach{top:660px}
:root[data-theme=light] .eyebrow,:root[data-theme=light] .strip-label,:root[data-theme=light] .process-note a,:root[data-theme=light] .process-summary article>span,:root[data-theme=light] .benefit-list article>span,:root[data-theme=light] .stage-kicker,:root[data-theme=light] .message-heading,:root[data-theme=light] .calendar-topline,:root[data-theme=light] .engine-caption,:root[data-theme=light] .carousel-hint,:root[data-theme=light] .guest-info p,:root[data-theme=light] .calendar-placeholder p{color:#49444f}:root[data-theme=light] #overview{background:#070708}:root[data-theme=light] .collab-strip{background:transparent}
@media(max-width:760px){#overview{margin:0;border-radius:0}#overview>.stage-body,.intro-inner{height:100svh;min-height:850px}.site-header{top:0;left:0;right:0;height:80px;padding-inline:24px}.intro-inner{padding-top:136px}.hero-aura{background:radial-gradient(ellipse at 0% 0%,#9786b226,transparent 55%)}.liquid-stage{width:740px;height:700px;left:calc(50% - 370px);top:430px}.float-buyers{left:24px;top:540px}.float-outreach{right:24px;top:700px}.intro-bottom{right:25px;bottom:16px}.collab-strip{margin:0;border-radius:0;padding:25px 0}.collab-strip .wrap{width:auto;margin:0 24px}.booking{margin:0;padding:52px 0;border-radius:0}.booking .wrap{margin:0 24px}}
/* Fixed collaboration galleries, with no horizontal scrolling or drag behavior. */
.fixed-collaborations{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:26px 0 0;padding:0;overflow:visible;cursor:default;touch-action:auto;user-select:auto}.fixed-collaborations .guest-card{min-width:0;margin:0;padding:9px 9px 16px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(125deg,#ffffff08,#ffffff02);box-shadow:inset 0 1px 0 #ffffff10}.fixed-collaborations .guest-info{padding:14px 6px 0}.fixed-collaborations .guest-info h3{font-size:18px}.fixed-collaborations .guest-info p{font-size:13px}.fixed-collaborations .collaboration-thumbnail{aspect-ratio:16/9}.fixed-collaborations img{pointer-events:auto}#more-collaborations .fixed-collaborations{row-gap:26px}
@media(min-width:601px) and (max-width:900px){.fixed-collaborations{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}
@media(max-width:600px){.fixed-collaborations{grid-template-columns:1fr;gap:22px;margin:23px 0 0}.fixed-collaborations .guest-card{padding:8px 8px 15px}.fixed-collaborations .guest-info h3{font-size:18px}.fixed-collaborations .guest-info p{font-size:13px}}

/* Royal-violet accents restored; broad reflected folds echo the motion reference. */
:root[data-theme=dark]{--paper:#0a090d;--purple:#ae8fea;--accent:#aa85e6;--active:#7843bf;--active-tint:#352047;--accent-text:#c9a8ff;--line:#b69bdd22;--diagram-line:#bb9be236}
body:before{height:100%;background:radial-gradient(ellipse 70% 820px at 0% 0%,#7653a326,transparent 78%),radial-gradient(ellipse 50% 590px at 98% 39%,#6f32b315,transparent 80%),radial-gradient(ellipse 65% 650px at 0% 76%,#6c349018,transparent 76%)}
.hero-aura{background:radial-gradient(ellipse at 0% 0%,#a381d354,transparent 54%)}
.liquid-stage{top:330px;width:1120px;height:960px;left:calc(50% - 560px);mask-image:linear-gradient(180deg,#000 0%,#000 62%,transparent 98%)}
.primary-button,.site-header nav a{background:linear-gradient(115deg,#b79adf 0%,#9570cf 34%,#7343be 70%,#5b2da7 100%);border-color:#cfb2ff66;box-shadow:inset 0 1px 1px #ffffff55,0 5px 26px #7940bf20}
.primary-button:hover{box-shadow:inset 0 1px 1px #ffffff65,0 8px 32px #7940bf40}
.hero-float{border-color:#c9b0ed26;background:linear-gradient(125deg,#aa8bca14,#ffffff04 55%,#9162c80b);box-shadow:inset 0 1px 0 #e1caff18,0 15px 40px #0002}
.float-underline{background:linear-gradient(90deg,#d3b6ff,#8250c444)}.float-signal i{background:#cdb1ee}.intro-eyebrow{color:#c8b1e6}
.eyebrow,.strip-label,.stage-kicker>span,.process-summary article>span,.benefit-list article>span{color:#b492e4}.heading-dot{color:#ad7ee9}
.process-engine{background:radial-gradient(ellipse at 0% 0%,#8952c116,transparent 67%),linear-gradient(135deg,#ffffff08,#ffffff02);box-shadow:inset 0 1px 0 #cda6fc24,0 15px 55px #0001}
.engine-label i,.message-dot,.node-check,.booked-pill>span{background:#9c6bd2}.reply-bubble{background:linear-gradient(120deg,#7948ad,#512b7f);box-shadow:0 5px 22px #63319125}
.engine-track span:after{background:#ac7ae9}.engine-track{opacity:.85}.scan-bar{border-bottom-color:#b58aef;background:linear-gradient(transparent,#9758d61a)}.research-result{color:#c7a9ef}.calendar-topline svg{color:#ba97e8}.process-note a{color:#caa7f6;border-color:#9470bb80}
.benefit-list article{background:linear-gradient(125deg,#a273cf0b,#ffffff03);box-shadow:inset 0 1px 0 #cda6fc16}
.fixed-collaborations .guest-card{border-color:#a57ec82c;background:linear-gradient(125deg,#9868c612,#ffffff03 70%);box-shadow:inset 0 1px 0 #d5adff16}
.booking{background:radial-gradient(ellipse at 8% 60%,#63319520,transparent 66%)}.calendar-shell{background:radial-gradient(ellipse at 100% 0%,#8f58c122,transparent 68%),linear-gradient(125deg,#ffffff08,#ffffff02);border-color:#a77ac73b;box-shadow:inset 0 1px 0 #e2c7ff26,0 20px 70px #4c21650b}.calendar-line{background:linear-gradient(90deg,#cca2ff,#7b43b8)}.preview-tag{color:#c8a7ed;border-color:#9d75cb42;background:#8f59bf0d}
:root[data-theme=light]{--purple:#7446aa;--accent:#7543ac;--active:#7947b0;--active-tint:#eee4f8;--accent-text:#684193}
:root[data-theme=light] .eyebrow,:root[data-theme=light] .strip-label,:root[data-theme=light] .process-summary article>span,:root[data-theme=light] .benefit-list article>span{color:#7951a2}
:root[data-theme=light] .booking{background:radial-gradient(ellipse at 8% 60%,#a26acc0d,transparent 66%)}
@media(max-width:760px){.hero-aura{background:radial-gradient(ellipse at 0% 0%,#9560d249,transparent 60%)}.liquid-stage{width:800px;height:740px;left:calc(50% - 400px);top:425px}}
:root[data-theme=light] .research-result,:root[data-theme=light] .process-note a,:root[data-theme=light] .preview-tag{color:#7446a4}:root[data-theme=light] .stage-kicker>span,:root[data-theme=light] .calendar-topline svg{color:#8256ae}

/* Consistent smoked glass: readable body, soft reflection, restrained edge. */
:root[data-theme=dark]{--glass-fill:linear-gradient(135deg,rgba(56,49,70,.78),rgba(30,28,36,.82) 56%,rgba(43,36,56,.76));--glass-edge:rgba(208,189,238,.19);--glass-highlight:inset 0 1px 0 rgba(239,225,255,.10)}
:root[data-theme=dark] .process-engine,:root[data-theme=dark] .benefit-list article,:root[data-theme=dark] .fixed-collaborations .guest-card,:root[data-theme=dark] .calendar-shell{background:var(--glass-fill);border-color:var(--glass-edge);box-shadow:var(--glass-highlight),0 14px 42px #00000014}
.hero-float{background:linear-gradient(130deg,rgba(55,48,68,.70),rgba(30,29,37,.80) 55%,rgba(56,44,74,.66));border:1px solid rgba(212,197,232,.22);box-shadow:inset 0 1px 0 #f1dfff1a,0 12px 34px #00000020;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);animation:glass-drift 12s ease-in-out infinite alternate;animation-play-state:paused}
@keyframes glass-drift{from{transform:translateY(-3px)}to{transform:translateY(3px)}}
:root[data-theme=dark] .buyer-node,:root[data-theme=dark] .message-window,:root[data-theme=dark] .mini-calendar,:root[data-theme=dark] .booked-pill{background:linear-gradient(140deg,#65577525,#ffffff07);border-color:#ddc6ff29}
@media(prefers-reduced-motion:reduce){.hero-float{animation:none!important}}

/* Soft section transitions, keeping the hero full width. */
#overview{border-radius:0 0 40px 40px;background:linear-gradient(180deg,transparent 55%,#141019 100%);border-bottom:1px solid #b79ed429}
.collab-strip{position:relative;margin-top:24px;padding-top:34px;padding-bottom:38px}
.collab-strip:before{content:'';position:absolute;top:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,#b794e543 24%,#cbb7e553 50%,#b794e543 76%,transparent);pointer-events:none}
/* Fade the booking glow to transparent beyond both section boundaries. */
:root .booking{background:transparent;isolation:isolate;--booking-glow:#6331952c}
.booking:before{content:'';position:absolute;inset:-90px 0 -120px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 50%,var(--booking-glow),transparent 69%);mask-image:linear-gradient(180deg,transparent 0%,#000 23%,#000 64%,transparent 100%)}
:root[data-theme=light] .booking{background:transparent;--booking-glow:#a26acc16}
/* Freeze the existing process; design work resumes only after user direction. */
.process-on-hold *,.process-on-hold *:before,.process-on-hold *:after{animation-play-state:paused!important}
@media(max-width:760px){#overview{border-radius:0 0 26px 26px}.collab-strip{margin-top:18px;padding-top:28px;padding-bottom:30px}.booking:before{inset:-60px 0 -90px}}

/* Neutral hero: a localized upper-left light, fading into the page black. */
:root[data-theme=dark]{--paper:#09090b}
body:before{background:radial-gradient(ellipse 50% 590px at 98% 39%,#6f32b315,transparent 80%),radial-gradient(ellipse 65% 650px at 0% 76%,#6c349018,transparent 76%)}
#overview,:root[data-theme=light] #overview{background:#09090b;border:0;border-radius:0 0 24px 24px}
.hero-aura{background:radial-gradient(ellipse 500px 240px at 0% -3%,#9b85b33d,transparent 80%),radial-gradient(ellipse 270px 590px at -4% -12%,#89759c1f,transparent 78%);animation:none;opacity:1}
.intro-artwork{mask-image:linear-gradient(180deg,#000 0%,#000 68%,transparent 100%)}
.hero-float{background:linear-gradient(130deg,rgba(49,49,51,.78),rgba(25,25,27,.86) 58%,rgba(42,42,44,.78));border-color:#ffffff24;box-shadow:inset 0 1px 0 #ffffff12,0 12px 34px #0003;backdrop-filter:blur(18px) saturate(0);-webkit-backdrop-filter:blur(18px) saturate(0)}
.float-label{color:#e3e3e5}.float-label>span{background:#f5f5f5;color:#19191b}.float-signal i{background:#e3e3e5}.float-underline{background:linear-gradient(90deg,#ededed,#ffffff33)}
.collab-strip{margin-top:0;padding-top:32px;padding-bottom:38px;border:0}
.collab-strip:before{content:none}
.collab-strip:after{content:'';position:absolute;bottom:0;left:6%;right:6%;height:1px;background:linear-gradient(90deg,transparent,#ffffff1c 22%,#ffffff1c 78%,transparent);pointer-events:none}
.collab-strip .strip-label{color:#a5a5ab}
.collab-strip .logo-viewport{mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}
:root[data-theme=light] .collab-strip:after{background:linear-gradient(90deg,transparent,#00000020 22%,#00000020 78%,transparent)}
:root[data-hero-preview=seamless] .collab-strip:after{content:none}
@media(max-width:760px){#overview{border-radius:0 0 18px 18px}.hero-aura{background:radial-gradient(ellipse 300px 240px at -8% -3%,#9b85b333,transparent 80%),radial-gradient(ellipse 160px 450px at -5% -12%,#89759c14,transparent 78%)}.collab-strip{margin-top:0;padding-top:28px;padding-bottom:32px}}

/* Approved seamless strip; muted violet illumination stays in the upper left. */
.collab-strip:after{content:none}
:root[data-hero-preview=divider] .collab-strip:after{content:''}
.hero-aura{background:radial-gradient(ellipse 68% 78% at 0% 0%,#625675cf 0%,#4b435c94 27%,#35304550 49%,transparent 78%)}
/* Pinpoint stars sit behind the globe, above the opaque hero background. */
.intro-artwork:after{content:none}
.hero-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.hero-stars i{position:absolute;width:var(--size);height:var(--size);border-radius:50%;background:#fff;opacity:var(--brightness);box-shadow:0 0 2px #ffffff25}
@media(max-width:760px){.hero-aura{background:radial-gradient(ellipse 83% 69% at 0% 0%,#625675c2 0%,#4b435c85 27%,#35304544 49%,transparent 78%)}.hero-stars i:nth-child(n+39){display:none}}

/* The globe now fades once in its renderer, with no stacked CSS alpha ramps. */
.intro-artwork,.liquid-stage{mask-image:none;-webkit-mask-image:none}

/* Cloud-shaped illumination rendered with dithering, without CSS gradient bands. */
.hero-aura.nebula-ready{background:#09090b}
.hero-aura canvas{display:block;width:100%;height:100%;pointer-events:none}

/* Fewer stars on narrow screens, retaining the same irregular constellation. */
@media(max-width:760px){.hero-stars i:nth-child(n+21),.starfield i:nth-child(n+17){display:none}}

/* Lighter reference glass, shared by hero and following card surfaces. */
:root[data-theme=dark]{--glass-fill:linear-gradient(130deg,rgba(62,60,67,.24),rgba(23,23,28,.32) 58%,rgba(48,46,54,.22));--glass-edge:rgba(224,219,233,.14);--glass-highlight:inset 0 1px 0 rgba(255,255,255,.055)}
.hero-float{background:linear-gradient(130deg,rgba(62,60,67,.24),rgba(23,23,28,.32) 58%,rgba(48,46,54,.22));border-color:#e0dbe924;box-shadow:inset 0 1px 0 #ffffff0e,0 12px 34px #00000012;backdrop-filter:blur(9px) saturate(.75);-webkit-backdrop-filter:blur(9px) saturate(.75)}
:root[data-theme=dark] .process-engine,:root[data-theme=dark] .benefit-list article,:root[data-theme=dark] .fixed-collaborations .guest-card,:root[data-theme=dark] .calendar-shell{backdrop-filter:blur(9px) saturate(.75);-webkit-backdrop-filter:blur(9px) saturate(.75);box-shadow:var(--glass-highlight),0 12px 34px #00000012}
.float-label>span{width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:#fff;color:#252528;display:grid;place-items:center}
.float-label>span svg{display:block;width:13px;height:13px}
.float-buyers{padding-bottom:22px}
.hero-float{width:230px}
.hero-float .float-label{font-size:12px;line-height:1.35;letter-spacing:0}
.hero-float strong{font-size:14px;line-height:1.4}
@media(max-width:760px){.hero-float{width:164px}.hero-float .float-label{font-size:10px}.hero-float strong{font-size:12px}.float-outreach{top:660px}}
@media(max-width:760px){.float-label>span{width:18px;height:18px;flex-basis:18px}.float-label>span svg{width:12px;height:12px}.float-buyers{padding-bottom:18px}}

/* Violet light follows each thumbnail's existing slash, leaving its wordmark clear. */
.collaboration-thumbnail{position:relative;isolation:isolate}
.slash-glow{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;overflow:hidden}
.slash-glow path{fill:none;stroke-linecap:butt}
.slash-halo{stroke:#a864ff;stroke-width:22;opacity:.82;filter:blur(13px)}
.slash-core{stroke:#dac1ff;stroke-width:3.5;opacity:.9;filter:drop-shadow(0 0 5px #b26aff) drop-shadow(0 0 12px #8c42ed)}

/* Local object comparison: original machined artwork with a moving reflection. */
.machined-stage{position:absolute;z-index:1;width:850px;height:850px;left:calc(50% - 425px);top:330px;mix-blend-mode:lighten;mask-image:linear-gradient(180deg,transparent,#000 13%,#000 67%,transparent 98%);pointer-events:none}
.machined-drift{position:relative;width:100%;height:100%;animation:machined-hover 14s ease-in-out infinite alternate;animation-play-state:paused}
.machined-image,.machined-reflection{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.machined-reflection{mix-blend-mode:screen;opacity:.65;pointer-events:none}
.intro-visible .machined-drift{animation-play-state:running}
@keyframes machined-hover{from{transform:translateY(3px) rotate(-1deg)}to{transform:translateY(-5px) rotate(1deg)}}
@media(max-width:760px){.machined-stage{width:700px;height:700px;left:calc(50% - 350px);top:380px}}
@media(prefers-reduced-motion:reduce){.machined-drift{animation:none}}

/* Fit the machined variant to the hero boundary so its fade never clips sharply. */
.machined-stage{width:760px;height:calc(100% - 310px);left:calc(50% - 380px);top:310px;mask-image:linear-gradient(180deg,transparent,#000 15%,#000 62%,transparent 100%)}
.machined-drift{height:760px}
@media(max-width:760px){.machined-stage{width:620px;height:calc(100% - 385px);left:calc(50% - 310px);top:385px}.machined-drift{height:620px}}

/* Compositing and the dithered fade happen in the object renderer. */
.machined-stage{width:760px;height:760px;left:calc(50% - 380px);top:310px;mix-blend-mode:normal;mask-image:none;-webkit-mask-image:none}
.machined-canvas{display:block;width:100%;height:100%}
@media(max-width:760px){.machined-stage{width:620px;height:620px;left:calc(50% - 310px);top:385px}}

/* Review-only framing directions: larger metal, deliberately cropped below. */
:root[data-framing=centered] .machined-stage{width:1040px;height:1040px;left:calc(50% - 520px);top:270px}
:root[data-framing=offset] .machined-stage{width:1260px;height:1260px;left:calc(55% - 630px);top:235px}
@media(max-width:760px){:root[data-framing=centered] .machined-stage{width:700px;height:700px;left:calc(50% - 350px);top:355px}:root[data-framing=offset] .machined-stage{width:820px;height:820px;left:calc(55% - 410px);top:340px}}

/* Pull the framing back after the close-crop review. */
:root[data-framing=centered] .machined-stage{width:860px;height:860px;left:calc(50% - 430px);top:300px}
:root[data-framing=offset] .machined-stage{width:920px;height:920px;left:calc(53% - 460px);top:290px}
:root[data-object-option] .machined-stage{width:720px;height:720px;left:calc(50% - 360px);top:330px}
@media(max-width:760px){:root[data-framing=centered] .machined-stage,:root[data-object-option] .machined-stage{width:600px;height:600px;left:calc(50% - 300px);top:390px}:root[data-framing=offset] .machined-stage{width:660px;height:660px;left:calc(53% - 330px);top:380px}}

/* Original object: two composition studies, without changing its design. */
:root[data-composition=editorial] .intro-inner{padding-top:190px;text-align:left}
:root[data-composition=editorial] .intro-content{width:48%;max-width:530px;margin:0}
:root[data-composition=editorial] #overview h1{margin:0;font-size:clamp(44px,4.8vw,62px);max-width:530px}
:root[data-composition=editorial] #overview .intro-accent{margin:24px 0 0;max-width:350px}
:root[data-composition=editorial] .machined-stage{width:940px;height:940px;left:auto;right:-160px;top:160px}
:root[data-composition=editorial] .float-buyers{left:51%;top:560px}
:root[data-composition=editorial] .float-outreach{right:4%;top:425px}
:root[data-composition=corner] .machined-stage{width:940px;height:940px;left:auto;right:-75px;top:320px}
:root[data-composition=corner] .float-buyers{left:20%;top:550px}
:root[data-composition=corner] .float-outreach{right:7%;top:660px}
@media(max-width:760px){
 :root[data-composition=editorial] .intro-inner{padding-top:136px;text-align:center}
 :root[data-composition=editorial] .intro-content{width:100%;max-width:520px;margin:auto}
 :root[data-composition=editorial] #overview h1{font-size:clamp(35px,8.8vw,48px);max-width:360px;margin:auto}
 :root[data-composition=editorial] #overview .intro-accent{margin:23px auto 0;max-width:260px}
 :root[data-composition] .machined-stage{width:650px;height:650px;left:auto;right:-145px;top:400px}
 :root[data-composition] .float-buyers{left:24px;top:555px}
 :root[data-composition] .float-outreach{right:24px;top:700px}
}

:root[data-composition=editorial] #overview h1{text-wrap:balance}

/* Selected direction: centred, raised original; stationary with tracing edge light. */
:root[data-object=machined]:not([data-composition]):not([data-framing]):not([data-object-option]) .machined-stage{width:880px;height:880px;left:calc(50% - 440px);right:auto;top:255px}
:root[data-object=machined]:not([data-composition]):not([data-framing]):not([data-object-option]) .machined-canvas{--metal-fade-end:.90}
@media(max-width:760px){:root[data-object=machined]:not([data-composition]):not([data-framing]):not([data-object-option]) .machined-stage{width:650px;height:650px;left:calc(50% - 325px);top:375px}}

/* Clear the CTA and carry the object's fade down to the logo strip. */
:root[data-object=machined]:not([data-composition]):not([data-framing]):not([data-object-option]) .machined-stage{top:305px}
:root[data-object=machined]:not([data-composition]):not([data-framing]):not([data-object-option]) .machined-canvas{--metal-fade-end:1}
@media(max-width:760px){:root[data-object=machined]:not([data-composition]):not([data-framing]):not([data-object-option]) .machined-stage{top:415px}}

@media(max-width:760px){.hero-stars .left-glow-star:nth-child(-n+37){display:block}}

/* Section labels share the quiet typography of the collaboration strip. */
:root[data-theme] .section .eyebrow{font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:400;line-height:1.6;letter-spacing:.12em;color:#a5a5ab}
:root[data-theme=light] .section .eyebrow,:root[data-theme=light] .collab-strip .strip-label{color:#49444f}

/* Template structure: transformation, benefits, contrast, booking, proof, invitation. */
.benefits .approach-layout{display:block}
.benefits .benefit-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}
.benefits .benefit-list article{display:block;margin:0}
.benefits .benefit-list article>span{display:none}
.benefits .benefit-list h3{font-size:21px}
.benefits .benefit-list p{font-size:15px}
.contrast{padding-top:30px}
.contrast h2,.closing-cta h2{font-family:Arial,Helvetica,sans-serif;font-weight:500;font-size:clamp(34px,3.8vw,54px);letter-spacing:-.045em}
.contrast-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:34px}
.contrast-panel{padding:30px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(130deg,#ffffff05,#ffffff02)}
.contrast-focused{background:var(--glass-fill);border-color:var(--glass-edge);box-shadow:var(--glass-highlight)}
.contrast-panel h3{font:500 19px/1.4 Arial,Helvetica,sans-serif;letter-spacing:-.02em}
.contrast-panel ul{list-style:none;margin:20px 0 0;padding:0}
.contrast-panel li{padding:14px 0;border-top:1px solid var(--line);font-size:15px;line-height:1.6;color:var(--muted)}
#collaborations .fixed-collaborations{row-gap:28px}
.closing-cta{padding:30px 0 80px}
.closing-panel{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:40px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(115deg,#8861b615,#ffffff03 70%)}
.closing-panel .primary-button{flex:none}
@media(max-width:760px){.benefits .benefit-list,.contrast-grid{grid-template-columns:1fr;gap:16px}.contrast{padding-top:20px}.contrast-panel{padding:24px}.closing-panel{align-items:flex-start;flex-direction:column;padding:28px}.closing-cta{padding:15px 0 55px}}

/* Image-led process cards, adapted from the supplied 21st card reference. */
.process-heading{display:block;max-width:760px}
.process-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:38px 0 0}
.process-card{min-width:0;padding:11px;overflow:hidden;border:1px solid var(--glass-edge);border-radius:24px;background:var(--glass-fill);box-shadow:var(--glass-highlight),0 14px 35px #00000015}
.process-cover{overflow:hidden;border-radius:15px;background:#0c0c10;aspect-ratio:3/2}
.process-cover img{width:100%;height:100%;object-fit:cover}
.process-card-content{padding:23px 13px 19px}
.process-card-meta{display:flex;align-items:center;gap:10px;margin-bottom:19px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.process-step{display:grid;place-items:center;width:29px;height:29px;border:1px solid #b58ce336;border-radius:50%;background:#9870c51a;color:#d8c7ed;font-size:11px;letter-spacing:0}
.process-card h3{font:500 clamp(20px,1.9vw,25px)/1.25 Arial,Helvetica,sans-serif;letter-spacing:-.035em;min-height:2.5em;color:var(--ink);margin-bottom:15px}
.process-card p{font-size:14px;line-height:1.7;color:var(--muted)}
:root[data-theme=light] .process-card{background:#fff;border-color:#ded9e5}
:root[data-theme=light] .process-step{color:#654089}
@media(max-width:900px) and (min-width:761px){.process-cards{gap:15px}.process-card{padding:8px}.process-card-content{padding:18px 8px}.process-card h3{font-size:20px}.process-card p{font-size:13px}}
@media(max-width:760px){.process-cards{grid-template-columns:1fr;gap:24px;margin-top:28px}.process-card{max-width:520px;width:100%;margin-inline:auto}.process-card-content{padding:21px 15px}.process-card h3{font-size:24px;min-height:0;margin-bottom:12px}.process-card p{font-size:15px}.process-card-meta{margin-bottom:15px}}
/* Stationary generated artwork with a gentle reflected-light pass. */
.process-cover[data-process-motion]{position:relative}
.process-art-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;border-radius:inherit}
@media(prefers-reduced-motion:reduce){.process-art-canvas{display:none!important}}

/* Keep the desktop offer on two balanced lines, leaving room for the CTA. */
@media(min-width:761px){
 :root:not([data-composition]) #overview h1{font-size:clamp(38px,3.4vw,48px);max-width:760px;line-height:1.12;text-wrap:balance}
}

/* Almost imperceptible vertical float, separate from the moving reflection. */
.machined-canvas{animation:machined-gentle-float 14s ease-in-out infinite;animation-play-state:paused}
.intro-visible .machined-canvas{animation-play-state:running}
@keyframes machined-gentle-float{0%,100%{transform:translateY(-4px)}50%{transform:translateY(4px)}}
@media(prefers-reduced-motion:reduce){.machined-canvas{animation:none;transform:none}}

/* Benefit pillars: quick labels and quiet, matching line icons. */
.benefits .benefit-topline{display:flex;align-items:center;gap:12px;margin-bottom:24px}
.benefits .benefit-icon{width:40px;height:40px;display:grid;place-items:center;flex-shrink:0;border:1px solid #b990e52b;border-radius:12px;background:linear-gradient(135deg,#b18ade16,#713d9f08);color:#c9afe8;box-shadow:inset 0 1px 0 #ffffff09}
.benefits .benefit-icon svg{width:22px;height:22px}
.benefits .benefit-label{font:400 10px/1.4 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.benefits .benefit-list h3{max-width:290px;text-wrap:balance}

/* Aligned comparison rows and restrained visual cues. */
.contrast-grid{grid-template-rows:auto repeat(3,auto);column-gap:24px;row-gap:0}
.contrast-panel{display:grid;grid-row:span 4;grid-template-rows:subgrid;row-gap:0}
.contrast-panel ul{display:grid;grid-row:2 / span 3;grid-template-rows:subgrid;row-gap:0}
.contrast-panel li{display:flex;align-items:flex-start;gap:13px;padding:18px 0}
.contrast-marker{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;border:1px solid #ffffff12;border-radius:50%;background:#ffffff03;color:#87838d}
.contrast-marker svg{width:19px;height:19px}
.contrast-focused .contrast-marker{color:#d1b4f4;border-color:#bc91ec30;background:linear-gradient(135deg,#aa73de22,#7b43b80a);box-shadow:inset 0 1px 0 #ffffff08}
@media(max-width:760px){.contrast-grid{grid-template-rows:none;row-gap:16px}.contrast-panel{display:block;grid-row:auto}.contrast-panel ul{display:block}.contrast-panel li{padding:16px 0}}

/* Founder introduction within the booking section, for copy review. */
.booking-founder{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.booking-founder h3{font:500 21px/1.35 Arial,Helvetica,sans-serif;letter-spacing:-.025em}
.booking-founder>p:not(.call-signature){margin-top:13px;color:var(--muted);font-size:14px;line-height:1.7;max-width:460px}
.booking-founder .call-signature{margin-top:21px;font-size:17px}
.booking-layout{align-items:start}

/* Inline booking loads near the viewport without adding a page-wide widget script. */
.calendar-live{display:block;overflow:hidden;min-width:0;background:#111114;min-height:740px}
.booking-calendar{display:block;width:100%;height:740px;border:0;border-radius:inherit;background:#111114}
@media(max-width:760px){.calendar-live{min-height:780px}.booking-calendar{height:780px}}

/* Calendly owns the frame height, avoiding unused white space beneath its content. */
.calendar-live{min-height:0}
.booking-widget{width:100%;min-width:0;height:650px;overflow:hidden;background:#111114}
.booking-widget iframe{display:block;width:100%;height:100%;border:0}
.booking-loading{padding:50px 24px;text-align:center;color:var(--muted);font-size:14px}

/* Mask the provider's thin white frame edge against the matching dark surface. */
.booking-widget iframe{clip-path:inset(0 0 3px 0);background:#111114}
/* Keep the booking viewport open while Calendly reports its initial loading height. */
.booking-widget{min-height:580px}

/* Compact founder introduction paired with the clean calendar. */
.founder-compact{display:grid;grid-template-columns:104px minmax(0,1fr);gap:20px;align-items:start;margin-top:27px;padding-top:26px}
.founder-portrait{display:block;width:104px;height:120px;object-fit:cover;object-position:center 28%;border-radius:15px;border:1px solid #c8a1e62b}
.founder-introduction h3{font-size:19px;line-height:1.35}
.founder-introduction>p:not(.call-signature){margin-top:12px;color:var(--muted);font-size:14px;line-height:1.65}
.founder-introduction .call-signature{font-size:16px;margin-top:18px}
@media(max-width:480px){.founder-compact{grid-template-columns:80px minmax(0,1fr);gap:15px}.founder-portrait{width:80px;height:100px}.founder-introduction h3{font-size:18px}}

/* Founder details share the calendar's lower edge without an extra divider. */
.founder-compact{border-top:0;margin-top:24px;padding-top:0}
@media(min-width:761px){
 .booking-layout{align-items:stretch}
 .booking-layout>div:first-child{display:flex;flex-direction:column}
 .booking-layout .founder-compact{margin-top:auto;padding-top:24px}
 .booking-layout .calendar-live{align-self:start}
}

/* Selected founder business card. */
.booking-layout .founder-business-card{grid-template-columns:80px minmax(0,1fr);gap:16px;padding:20px;margin-top:auto;border:1px solid #c9b2e024;border-radius:18px;background:radial-gradient(ellipse at 0 0,#8b5cbb14,transparent 80%),linear-gradient(125deg,#ffffff06,#ffffff02);box-shadow:inset 0 1px 0 #ffffff09}
.founder-business-card .founder-portrait{width:80px;height:100px;border-radius:12px}
.founder-business-card .founder-introduction h3{font-size:18px}
.founder-business-card .founder-introduction>p:not(.call-signature){font-size:13px;line-height:1.65;margin-top:10px}
.founder-business-card .call-signature{margin-top:16px;font-size:15px}
.founder-business-card .call-signature span{font-size:11px}

@media(max-width:760px){.booking-layout .founder-business-card{margin-top:24px}}
@media(max-width:460px){.booking-layout .founder-business-card{grid-template-columns:64px minmax(0,1fr);gap:13px;padding:18px}.founder-business-card .founder-portrait{width:64px;height:82px}}

/* Composite the four-pixel drift smoothly; only the light is redrawn. */
.machined-canvas{will-change:transform}
/* Stacked mobile cards start independently as they enter view. */
.process-playback-stacked .process-progress{display:none}
.process-playback-stacked{justify-content:flex-end}

.calendar-availability-note{margin:0;padding:8px 24px 22px;color:#aaa5b1;font-size:13px;line-height:1.6;text-align:center}

/* Only static light layers move, avoiding continuous full-canvas WebGL redraws. */
.machined-surface{position:relative;width:100%;height:100%;animation:machined-gentle-float 14s ease-in-out infinite;will-change:transform}
.machined-surface .machined-canvas{animation:none;will-change:auto}
.machined-light-mask{position:absolute;inset:0;transform-origin:51% 49%;mask-image:conic-gradient(from -45deg at 51% 49%,transparent 0deg,#0003 12deg,#0009 26deg,#000 45deg,#0009 64deg,#0003 78deg,transparent 90deg 360deg);animation:metal-light-orbit 10s linear infinite;will-change:transform;mix-blend-mode:screen;pointer-events:none}
.machined-light{display:block;width:100%;height:100%;transform-origin:51% 49%;animation:metal-light-counter 10s linear infinite;will-change:transform}
.machined-surface,.machined-light-mask,.machined-light{animation-play-state:paused}
.intro-visible .machined-surface,.intro-visible .machined-light-mask,.intro-visible .machined-light{animation-play-state:running}
@keyframes metal-light-orbit{from{transform:rotate(-36deg)}to{transform:rotate(324deg)}}
@keyframes metal-light-counter{from{transform:rotate(36deg)}to{transform:rotate(-324deg)}}
@media(prefers-reduced-motion:reduce){.machined-surface,.machined-light-mask,.machined-light{animation:none!important}}
.calendar-availability-note{position:relative;z-index:1;color:#c4bdce;max-width:440px;margin-inline:auto;padding-top:14px;font-size:13px}

/* Keep the two sides of the comparison together on phones. */
@media(max-width:760px){
 .contrast-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(3,auto);column-gap:10px;row-gap:0;margin-top:26px}
 .contrast-panel{min-width:0;display:grid;grid-row:span 4;grid-template-rows:subgrid;padding:18px 14px 4px;border-radius:15px}
 .contrast-panel h3{font-size:16px;line-height:1.3;letter-spacing:-.025em}
 .contrast-panel ul{display:grid;grid-row:2 / span 3;grid-template-rows:subgrid;margin-top:16px}
 .contrast-panel li{display:flex;flex-direction:row;align-items:flex-start;gap:6px;padding:12px 0;font-size:13px;line-height:1.55}
 .contrast-marker{width:18px;height:18px;flex:0 0 18px}
 .contrast-marker svg{width:14px;height:14px}
}

@media(max-width:760px){.calendar-availability-note .calendar-note-break{display:none}}

@media(max-width:760px){.contrast-panel li>span:last-child{min-width:0}.contrast-panel .contrast-marker{margin-top:2px;flex-basis:15px;width:15px;height:15px}.contrast-panel .contrast-marker svg{width:12px;height:12px}}
@media(max-width:760px){
 .contrast-panel li{display:block}
 .contrast-panel .contrast-marker{display:inline-grid;vertical-align:-2px;margin:0 6px 0 0}
 .contrast-panel li>span:last-child{display:inline}
}
/* Desktop portrait follows the height of the founder copy. */
@media(min-width:761px){
 .booking-layout .founder-business-card{grid-template-columns:clamp(105px,10vw,138px) minmax(0,1fr);align-items:stretch;gap:18px}
 .founder-business-card .founder-portrait{width:100%;height:100%;min-height:0;align-self:stretch;object-fit:cover;object-position:50% 25%}
 .founder-business-card .founder-introduction>p:not(.call-signature){line-height:1.55}
 .founder-business-card .call-signature{margin-top:12px}
}
/* Selected comparison: one connected card on mobile, separate cards on desktop. */
@media(max-width:760px){
 .contrast-grid{column-gap:0;border:1px solid #ffffff1a;border-radius:15px;overflow:hidden;background:linear-gradient(120deg,#ffffff04,#ffffff02);box-shadow:inset 0 1px 0 #ffffff06}
 .contrast-grid .contrast-panel{padding:0;border:0;border-radius:0;background:none;box-shadow:none}
 .contrast-grid .contrast-focused{border-left:1px solid #ffffff12;background:linear-gradient(115deg,#9564c40a,#9564c403)}
 .contrast-grid .contrast-panel h3{padding:14px 10px;font-size:15px;line-height:1.3}
 .contrast-grid .contrast-panel ul{margin:0}
 .contrast-grid .contrast-panel li{padding:10px;font-size:13px;line-height:1.5;border-top-color:#ffffff12}
}

/* Keep the original mobile layout with a more prominent portrait. */
@media(max-width:760px){
 .booking-layout .founder-business-card{grid-template-columns:clamp(80px,21vw,100px) minmax(0,1fr);gap:13px}
 .founder-business-card .founder-portrait{width:100%;height:auto;aspect-ratio:2 / 3;object-fit:cover;object-position:50% 25%}
}

/* CTA destinations keep the date picker in view, including on narrow screens. */
.calendar-heading{display:none}
#calendar:focus{outline:none}
#calendar:focus-visible{outline:2px solid #b796df;outline-offset:4px}
@media(max-width:760px){.calendar-heading{display:block;padding:20px 24px 0;font:500 20px/1.3 Arial,Helvetica,sans-serif;color:#f5f3f8;letter-spacing:-.02em}}

.booking-layout.booking-targeted{transition:none;transform:none;opacity:1}