/* Offering pages use the AI Business Brain layout.
   Theme art lives in .theme-visual. Brain imagery is not used here. */
:root{color-scheme:dark}
:root[data-theme="light"]{color-scheme:light}

body.offering{
  --ink:#050508;--surface:#101014;--white:#f8f5ef;--muted:#a2a0a3;--line:#ffffff24;
  --orange:var(--accent,#ff4400);--gold:#d4a800;
  --font:'Manrope',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;
  margin:0;background:#050508;background:light-dark(#f5f2ec,#050508);
  color:#f8f5ef;color:light-dark(#141014,#f8f5ef);
  font:16px/1.65 var(--font);overflow-x:clip;
}
body.offering a{color:inherit;text-decoration:none}
body.offering button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
body.offering h1,body.offering h2,body.offering h3,body.offering p{margin:0}
body.offering h1,body.offering h2,body.offering h3{line-height:1.05;font-weight:600;letter-spacing:-.04em}
body.offering .eyebrow{color:#ff4400;color:light-dark(#c2410c,#ff4400);font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
body.offering .section-kicker{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line);margin-bottom:58px;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#5c5862;color:light-dark(#4a4452,#9a959e)}
body.offering .section-kicker span:first-child{color:#ff4400;color:light-dark(#c2410c,#ff4400);font-weight:600;display:flex;align-items:center;gap:12px}
body.offering p{color:#a2a0a3;color:light-dark(#5f5964,#a2a0a3)}
body.offering .wrap{width:min(1380px,calc(100% - 112px));margin-inline:auto}
body.offering .section{padding:120px 0;border-top:0;background:transparent}
body.offering .section h2{font-size:clamp(40px,4.6vw,72px);line-height:1.02;text-transform:none;letter-spacing:-.045em;font-weight:600;margin:0;max-width:16ch}
body.offering .section-kicker span:first-child:before{content:'';width:6px;height:6px;border:1px solid var(--orange);transform:rotate(45deg)}
body.offering .section-heading{display:flex;justify-content:space-between;gap:48px;align-items:flex-end;margin-bottom:56px}
body.offering .section-heading p{max-width:420px;line-height:1.7}
body.offering .button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:58px;padding:16px 22px;background:var(--orange);color:#200b03;border-radius:5px;font-size:14px;font-weight:700;line-height:1.35;text-align:left}
body.offering .button:hover{transform:translateY(-3px)}
body.offering .button>span{font-size:22px;font-weight:400}
body.offering .button.small{min-height:44px;padding:10px 16px;font-size:13px;white-space:nowrap}
body.offering .button.light{background:#f8f5ef;color:#141014}
body.offering .text-link{display:inline-flex;align-items:center;gap:12px;margin-top:16px;font-size:13px}
body.offering .text-link:hover{color:var(--orange)}
body.offering .circle-link{width:70px;height:70px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:32px;flex-shrink:0}
body.offering .circle-link:hover{transform:rotate(45deg)}
body.offering .skip{position:fixed;left:20px;top:-80px;background:var(--orange);color:#fff;z-index:80;padding:12px 16px}
body.offering .skip:focus{top:16px}

body.offering .site-header{position:fixed;z-index:40;top:18px;left:28px;right:28px;height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 22px;border:1px solid #ffffff22;border:1px solid light-dark(#14101418,#ffffff22);border-radius:18px;background:#050508d4;background:light-dark(#f7f4eecc,#050508d4);backdrop-filter:blur(16px)}
body.offering .site-header .brand{display:flex;align-items:center;gap:10px;margin:0;min-width:0}
body.offering .brand-logo{height:34px;width:auto;max-width:120px;object-fit:contain}
body.offering .wordmark{font-family:var(--display);font-weight:700;letter-spacing:.02em;font-size:20px;text-transform:uppercase;line-height:.9;white-space:nowrap}
body.offering .site-header nav{display:flex;gap:26px}
body.offering .site-header nav a{font-size:13px;color:#c8c5c7;color:light-dark(#3d3742,#c8c5c7)}
body.offering .site-header nav a:hover{color:var(--orange)}
body.offering .nav-end{display:flex;align-items:center;gap:18px}
body.offering .parent-brand{display:flex;gap:6px;align-items:center;font-size:10px;letter-spacing:.08em;color:#918d92;color:light-dark(#6b6470,#918d92)}
body.offering .parent-brand strong{font-size:13px;letter-spacing:-.04em;color:#f8f5ef;color:light-dark(#141014,#f8f5ef)}
body.offering .parent-brand strong span,.external{color:var(--orange)}
body.offering .theme-toggle{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 12px;border-radius:100px;border:1px solid #ffffff24;border:1px solid light-dark(#14101422,#ffffff24);background:#ffffff10;background:light-dark(#ffffffcc,#ffffff10);color:#ded8e5;color:light-dark(#3d3742,#ded8e5);font-size:11px}
body.offering .theme-icon{width:16px;height:16px;color:var(--orange)}
body.offering .theme-icon .sun{fill:none;stroke:currentColor;stroke-width:1.7}
body.offering .theme-icon .sun circle{fill:currentColor;stroke:none}
body.offering .theme-icon .moon{fill:currentColor;opacity:0}
:root[data-theme="light"] body.offering .theme-icon .sun{opacity:0}
:root[data-theme="light"] body.offering .theme-icon .moon{opacity:1}
body.offering .menu-button{display:none;width:32px;height:36px;flex-direction:column;justify-content:center;gap:6px}
body.offering .menu-button span{display:block;width:22px;height:1px;background:currentColor}
body.offering .mobile-menu{display:none}

body.offering .hero-track{height:220svh;min-height:1600px}
body.offering .hero-stage{height:100svh;min-height:780px;position:sticky;top:0;overflow:hidden;background:#050508;background:light-dark(#f5f2ec,#050508)}
body.offering .hero-ambient{position:absolute;inset:0;background:radial-gradient(ellipse at 58% 58%,color-mix(in srgb,var(--orange) 28%,transparent),transparent 58%);pointer-events:none}
body.offering .hero-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff10 1px,transparent 1px),linear-gradient(90deg,#ffffff10 1px,transparent 1px);background-image:linear-gradient(light-dark(#14101410,#ffffff10) 1px,transparent 1px),linear-gradient(90deg,light-dark(#14101410,#ffffff10) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(ellipse at 50% 55%,#000 20%,transparent 72%);pointer-events:none}
body.offering .orbital-field{position:absolute;left:50%;top:34%;width:min(920px,78vw);transform:translateX(-50%);opacity:.55;pointer-events:none}
body.offering .orbital-field ellipse{fill:none;stroke:#ffffff2e;stroke:light-dark(#14101428,#ffffff2e);stroke-width:1.2}
body.offering .orbital-field .signal{stroke:var(--orange);stroke-dasharray:8 14}
body.offering .hero-intro{position:absolute;top:168px;left:48px;right:48px;z-index:3;text-align:center}
body.offering .hero-overline{display:flex;justify-content:space-between;margin-bottom:8px}
body.offering .hero-overline .subdued{color:#77747b;color:light-dark(#6e6874,#77747b)}
body.offering .hero-intro h1{font-family:var(--display);font-weight:600;font-size:clamp(60px,7.2vw,120px);line-height:.86;letter-spacing:-.03em;text-transform:uppercase}
body.offering .hero-intro h1.len-2{font-size:clamp(48px,5.6vw,88px)}
body.offering .hero-mark{display:block;height:56px;width:auto;max-width:88px;margin:14px auto 12px;object-fit:contain}
body.offering .theme-visual,body.offering .theme-visual.theme-devices,body.offering .hero-stage:has(h1.len-2) .theme-visual{position:absolute;z-index:2;left:50%;top:63%;width:min(520px,30vw);height:min(360px,34vh);transform:translate(-50%,-50%);display:grid;place-items:center;pointer-events:none;margin:0}
body.offering .hero-copy{position:absolute;z-index:4;left:56px;top:44%;bottom:auto;width:300px}
body.offering .tiny-rule{display:block;width:28px;height:2px;background:var(--orange);margin-bottom:14px}
body.offering .hero-copy h2{font-size:26px;font-weight:600;line-height:1.15;letter-spacing:-.03em;margin-bottom:12px;max-width:16ch}
body.offering .hero-copy p{font-size:15px;line-height:1.6;margin-bottom:16px;max-width:28ch}
body.offering .hero-note{position:absolute;z-index:4;right:48px;top:56%;width:200px;display:flex;gap:12px;align-items:flex-start;padding:14px;border:1px solid #ffffff28;border:1px solid light-dark(#14101420,#ffffff28);border-radius:16px;background:#050508b8;background:light-dark(#ffffffd0,#050508b8);backdrop-filter:blur(10px)}
body.offering .glass-orb{font-size:28px;line-height:1;color:var(--orange)}
body.offering .note-label{display:block;font-size:10px;letter-spacing:.14em;color:var(--orange)}
body.offering .hero-note strong{display:block;font-family:var(--display);font-size:42px;font-weight:600;line-height:1;letter-spacing:0}
body.offering .hero-note strong span{font-size:16px;margin-left:6px}
body.offering .note-pain{display:block;margin-top:6px;font-size:13px;line-height:1.4;color:#c8c5c7;color:light-dark(#3d3742,#c8c5c7)}
body.offering .knowledge-tags .tag{position:absolute;z-index:3;padding:10px 14px;border-radius:8px;border:1px solid #ffffff30;border:1px solid light-dark(#14101422,#ffffff30);background:#111114c4;background:light-dark(#ffffffd4,#111114c4);font-size:12px;letter-spacing:.04em}
body.offering .tag-a{left:4%;bottom:16%;top:auto}
body.offering .tag-b{right:4%;bottom:16%;top:auto;left:auto}
body.offering .tag-c{right:4%;top:36%;left:auto}
body.offering .hero-reveal{position:absolute;z-index:3;top:168px;left:22%;right:22%;text-align:center;opacity:0;pointer-events:none}
body.offering .hero-reveal h2{font-size:clamp(32px,3.4vw,52px);font-weight:600;line-height:1.05;max-width:16ch;margin:10px auto 0}
body.offering .scroll-progress{position:absolute;z-index:6;left:0;right:0;bottom:0;height:3px}
body.offering .scroll-progress>span{display:block;height:100%;width:100%;background:var(--orange);transform:scaleX(var(--progress,0));transform-origin:left center}
body.offering.motion-enabled .reveal{transition:opacity .7s ease,translate .7s ease}
body.offering.motion-enabled .reveal:not(.in-view){opacity:0;translate:0 22px}
body.offering .hero-bottom{position:absolute;z-index:5;left:48px;right:48px;bottom:0;min-height:78px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);font-size:11px;letter-spacing:.08em}
body.offering .hero-facts{display:flex;gap:32px}
body.offering .hero-facts strong{font-family:var(--display);font-size:28px;font-weight:600;letter-spacing:0;margin-right:8px}
body.offering .scroll-cue{letter-spacing:.14em;font-size:11px}
body.offering .scroll-cue span{color:var(--orange);margin-left:8px}

body.offering .knowledge-ribbon{overflow:hidden;border-block:1px solid var(--line);background:#0b0b0e;background:light-dark(#efebe4,#0b0b0e);color:#f8f5ef;color:light-dark(#141014,#f8f5ef)}
body.offering .ribbon-track{display:flex;width:max-content;animation:offer-marquee 32s linear infinite}
body.offering .ribbon-track span{padding:16px 0;font-family:var(--display);font-size:18px;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
body.offering .ribbon-track b{color:var(--orange);font-weight:500;margin:0 18px}
@keyframes offer-marquee{to{transform:translateX(-50%)}}

body.offering .offer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
body.offering .offer-grid article{padding:28px 28px 32px 0;border-top:1px solid var(--line);min-height:220px}
body.offering .offer-grid article:nth-child(3n){padding-right:0}
body.offering .index{color:#ff4400;color:light-dark(#c2410c,#ff4400);font-size:13px;font-weight:600;letter-spacing:.08em}
body.offering .offer-grid h3{font-size:28px;margin:28px 0 12px}
body.offering .offer-grid p{max-width:36ch}

body.offering .manifesto{padding:92px 0;background:var(--orange);color:#1a0903;position:relative}
body.offering .manifesto .wrap{position:relative;padding-right:110px}
body.offering .manifesto .eyebrow{color:#3a1408}
body.offering .manifesto h2{font-family:var(--display);font-weight:600;font-size:clamp(40px,5.6vw,84px);line-height:.92;letter-spacing:-.03em;text-transform:uppercase;max-width:16ch;margin-top:18px;color:#1a0903}
body.offering .manifesto .circle-link{position:absolute;right:0;bottom:0;color:#1a0903}

body.offering .proof-section{background:#eeece7;background:light-dark(#eeece7,#131117);color:#16151a;color:light-dark(#16151a,#f8f5ef);color-scheme:light}
:root[data-theme="light"] body.offering .proof-section{color-scheme:dark}
body.offering .proof-section p,body.offering .proof-section .section-kicker{color:#5c564f;color:light-dark(#5c564f,#c8c2bb)}
body.offering .proof-section .section-kicker{border-color:#16151a24}
body.offering .proof-section h2,body.offering .proof-section h3{color:#16151a;color:light-dark(#16151a,#f8f5ef)}
body.offering .proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
body.offering .proof-card{margin:0;position:relative;min-height:320px;overflow:hidden;border-radius:12px;background:#d9d4cc;background:light-dark(#1c1922,#d9d4cc);display:flex;flex-direction:column;justify-content:flex-end}
body.offering .proof-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
body.offering .proof-card figcaption{position:relative;z-index:1;display:flex;flex-direction:column;gap:6px;padding:22px;background:linear-gradient(transparent,#050508e6)}
body.offering .proof-card figcaption span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#ffb184}
body.offering .proof-card figcaption strong{color:#fff;font-size:22px;text-transform:uppercase;letter-spacing:-.03em}
body.offering .proof-card.has-video{min-height:0;background:#050508}
body.offering .proof-card.has-video figcaption{background:#111}
body.offering .video-frame{aspect-ratio:16/9;background:#000}
body.offering .video-frame iframe{width:100%;height:100%;border:0;display:block}

body.offering .investment-section{background:radial-gradient(ellipse at 80% 40%,color-mix(in srgb,var(--orange) 22%,transparent),transparent 55%)}
body.offering .pricing-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:72px;align-items:start}
body.offering .pricing-copy h2{font-family:var(--display);font-size:clamp(52px,5.4vw,88px);line-height:.92;text-transform:uppercase;max-width:12ch}
body.offering .pricing-copy>p{margin-top:22px;max-width:42ch}
body.offering .included{list-style:none;margin:28px 0 0;padding:0}
body.offering .included li{padding:8px 0;font-size:15px}
body.offering .included li:before{content:'+';color:var(--orange);margin-right:12px}
body.offering .price-card{background:var(--orange);color:#200b03;border-radius:12px;padding:32px}
body.offering .price-card h3{font-family:var(--display);font-size:56px;text-transform:uppercase;line-height:.9;margin:28px 0 12px}
body.offering .price-card p,body.offering .price-eyebrow{color:#3a1408}
body.offering .price-eyebrow{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
body.offering .founding{border:1px solid #3a140855;border-radius:4px;padding:4px 8px}
body.offering .price-card .button{width:100%;margin-top:28px}
body.offering .blueprint-card{margin-top:16px;padding:24px;border:1px solid var(--line);border-radius:12px;display:flex;gap:18px;align-items:center;background:#151016;background:light-dark(#f8f5f0,#151016)}
body.offering .blueprint-card h3{font-size:26px;margin:8px 0}
body.offering .blueprint-card .circle-link{width:52px;height:52px;color:var(--orange)}

body.offering .closing-section{padding:100px 0;border-top:1px solid var(--line);overflow:hidden}
body.offering .closing-section h2{font-family:var(--display);font-weight:600;font-size:clamp(72px,12vw,180px);line-height:.84;text-transform:uppercase;letter-spacing:-.03em;margin:28px 0 36px;max-width:none}
body.offering .closing-row{display:flex;justify-content:space-between;gap:32px;align-items:flex-end}
body.offering .closing-row p{max-width:46ch;font-size:18px}

body.offering .offer-contact{background:#0a0a0e;background:light-dark(#efebe4,#0a0a0e)}
body.offering .brain-contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:64px;margin-top:36px}
body.offering .brain-book-panel h2{font-family:var(--display);font-size:clamp(42px,4.6vw,72px);text-transform:uppercase;line-height:.92;max-width:12ch}
body.offering .brain-book-panel>p{margin:18px 0 24px;max-width:42ch}
body.offering .brain-contact-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}
body.offering .brain-contact-form .full{grid-column:1/-1}
body.offering .brain-contact-form label{display:block;font-size:13px;margin-bottom:8px}
body.offering .brain-contact-form input:not([type="checkbox"]),body.offering .brain-contact-form textarea{width:100%;box-sizing:border-box;border:1px solid #37373e;border:1px solid light-dark(#cfc9c1,#37373e);border-radius:4px;background:#121217;background:light-dark(#fff,#121217);color:inherit;padding:13px;font:inherit;font-size:16px}
body.offering .brain-contact-form textarea{min-height:120px;resize:vertical}
body.offering .brain-consent{display:flex;gap:10px;align-items:flex-start}
body.offering .brain-form-status[data-error="true"]{color:#ffab91}

body.offering .level-link{display:flex;align-items:center;gap:28px;padding:32px 0;border-top:1px solid var(--line)}
body.offering .level-link strong{flex:1;font-size:22px}
body.offering .level-link>span:last-child{color:var(--orange);font-size:28px}
body.offering .level-link:hover strong{color:var(--orange)}

body.offering .site-foot{border-top:1px solid var(--line);padding:40px 0 24px;background:#050508;color:#f8f5ef;color-scheme:dark}
body.offering .footer-top,body.offering .footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}
body.offering .footer-top .brand{display:flex;align-items:center;gap:10px;margin-left:0}
body.offering .footer-top>span{letter-spacing:.14em;font-size:11px;color:#8a7b8d}
body.offering .footer-bottom{margin-top:28px;padding-top:18px;border-top:1px solid #ffffff18;font-size:11px;color:#7c6e81}

body.offering .solution-switcher{position:absolute;top:104px;left:0;right:0;z-index:35;display:flex;flex-direction:column;align-items:center;pointer-events:none;border:0;background:transparent}
body.offering .solution-switcher-toggle{margin:0 auto;display:block;pointer-events:auto;font-weight:600;font-size:14px;letter-spacing:.08em;line-height:1;color:#ff4400;color:light-dark(#c2410c,#ff4400);padding:12px 18px;border-width:1px;background:#fffffff2;background:light-dark(#fffffff2,#050508ee)}
body.offering .solution-jump span{font-weight:600;font-size:13px;letter-spacing:.04em;line-height:1.2;text-transform:uppercase;color:#f8f5ef}
body.offering .solution-switcher.open .solution-switcher-panel,body.offering .solution-switcher:hover .solution-switcher-panel{max-height:240px}

/* ---- PrintAVizion: a video brochure ---- */
body.offering .theme-brochure .brochure{width:min(520px,100%);height:280px;display:grid;grid-template-columns:1fr 1.15fr;perspective:900px;filter:drop-shadow(0 24px 30px #0008)}
body.offering .theme-brochure .page,body.offering .theme-brochure .screen-page{border-radius:6px 16px 16px 6px;position:relative}
body.offering .theme-brochure .page{background:linear-gradient(160deg,#f4efe6,#d9c7a4);color:#2a2118;padding:28px 24px;display:flex;flex-direction:column;gap:8px;transform:rotateY(18deg);transform-origin:right center}
body.offering .theme-brochure .page b{font-family:var(--display);font-size:42px;letter-spacing:.08em;line-height:.9}
body.offering .theme-brochure .page span{letter-spacing:.28em;font-size:13px}
body.offering .theme-brochure .page i{display:block;height:8px;margin-top:8px;background:#2a211822;border-radius:4px}
body.offering .theme-brochure .page small{margin-top:auto;letter-spacing:.2em;font-size:10px}
body.offering .theme-brochure .screen-page{background:#14110e;padding:16px;transform:rotateY(-8deg);transform-origin:left center}
body.offering .theme-brochure .screen{height:100%;border-radius:8px;background:radial-gradient(circle at 50% 40%,#3a2018,#0c0c0e 70%);display:grid;place-items:center;position:relative;overflow:hidden}
body.offering .theme-brochure .play{width:0;height:0;border-left:28px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent;filter:drop-shadow(0 0 12px var(--orange))}
body.offering .theme-brochure .screen em{position:absolute;top:12px;right:14px;font-style:normal;font-size:12px;letter-spacing:.16em;color:#fff}
body.offering .theme-brochure .screen:after{content:'';position:absolute;left:0;right:0;height:40%;bottom:-10%;background:linear-gradient(#ff440000,var(--orange));opacity:.35;animation:scan 3.2s linear infinite}
@keyframes scan{from{transform:translateY(-220%)}to{transform:translateY(40%)}}

/* ---- ComComs: laugh emojis in place of a brain ---- */
body.offering .theme-laugh{width:min(720px,70vw);height:min(520px,56vh)}
body.offering .laugh{position:absolute;line-height:1;filter:drop-shadow(0 12px 18px #0006)}
body.offering .hero-emoji{left:50%;top:42%;font-size:clamp(140px,18vw,240px);animation:laugh-bob 3.4s ease-in-out infinite}
@keyframes laugh-bob{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 16px)) rotate(-6deg)}}
body.offering .orbit{font-size:clamp(54px,6vw,84px)}
body.offering .orbit.a{left:4%;top:18%;animation:laugh-bob-orbit 4s ease-in-out infinite}
body.offering .orbit.b{right:2%;top:12%;animation:laugh-bob-orbit 3.2s ease-in-out infinite reverse}
body.offering .orbit.c{left:10%;bottom:14%;animation:laugh-bob-orbit 3.8s ease-in-out infinite .4s}
body.offering .orbit.d{right:8%;bottom:16%;animation:laugh-bob-orbit 4.4s ease-in-out infinite reverse}
body.offering .film{position:absolute;bottom:0;letter-spacing:.4em;font-size:12px;color:#ffffff88;font-family:var(--display)}
@keyframes laugh-bob-orbit{50%{transform:translateY(-14px) rotate(-4deg)}}
body[data-solution="comcoms"].offering .hero-ambient{background:radial-gradient(ellipse at 50% 55%,#ff440055,transparent 60%)}

/* ---- Foundation: blueprint structures ---- */
body[data-solution="foundation"].offering .hero-grid{background-size:28px 28px;opacity:.9}
body[data-solution="foundation"].offering .hero-ambient{background:radial-gradient(ellipse at 50% 60%,#1a3c6655,transparent 62%)}
body.offering .theme-blueprint{color:#9fd4ff;width:100%;height:100%}
body.offering .theme-blueprint svg{width:100%;height:auto;filter:drop-shadow(0 0 18px #7ec8ff44)}

/* ---- Forever Websites: responsive devices ---- */
body.offering .theme-visual.theme-devices{display:flex;align-items:flex-end;justify-content:center}
body.offering .laptop{width:78%;margin:0 auto}
body.offering .bezel{background:#1b1b22;border:2px solid #3a3a44;border-radius:12px 12px 0 0;padding:10px}
body.offering .deck{height:12px;background:linear-gradient(#3a3a44,#222);border-radius:0 0 10px 10px;position:relative}
body.offering .deck:after{content:'';position:absolute;left:50%;transform:translateX(-50%);top:0;width:18%;height:8px;background:#2a2a32;border-radius:0 0 6px 6px}
body.offering .ui{background:#f4f1ea;border-radius:4px;min-height:150px;padding:10px;display:flex;flex-direction:column;gap:8px}
body.offering .ui b{display:block;height:10px;width:42%;background:#ff4400;border-radius:2px}
body.offering .cols{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:6px;flex:1}
body.offering .cols i,body.offering .stack i{display:block;background:#ddd6cc;border-radius:3px;min-height:78px}
body.offering .tablet,.phone{position:absolute;background:#111;border:2px solid #3a3a44;border-radius:12px;padding:8px}
body.offering .tablet{width:28%;right:0;bottom:36px}
body.offering .tablet .cols.two{grid-template-columns:1fr 1fr}
body.offering .tablet .ui,.phone .ui{min-height:110px}
body.offering .phone{width:16%;left:0;bottom:18px;border-radius:16px}
body.offering .stack{display:flex;flex-direction:column;gap:6px}
body.offering .stack i{min-height:22px}
body.offering .device-key{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);font-size:11px;letter-spacing:.22em;color:#ffffff99}

/* ---- SpeakEaisy: vintage door ---- */
body[data-solution="speakeaisy"].offering{--orange:#e2b657}
body[data-solution="speakeaisy"].offering .hero-ambient{background:radial-gradient(ellipse at 50% 60%,#6b243388,transparent 62%)}
body[data-solution="speakeaisy"].offering .hero-grid{opacity:.25}
body.offering .theme-speakeasy svg{width:min(520px,100%);height:auto;filter:drop-shadow(0 18px 24px #000a)}

/* ---- BizNest: the business egg ---- */
body[data-solution="biznest"].offering .hero-ambient{background:radial-gradient(ellipse at 50% 62%,#8a5a2044,transparent 60%)}
body.offering .theme-egg svg{width:min(520px,100%);height:auto;filter:drop-shadow(0 20px 24px #0007)}

/* ---- Marketing Mastery: the design board ---- */
body.offering .theme-design{width:min(520px,80%)}
body.offering .artboard{position:relative;width:100%;aspect-ratio:4/3;background:#f6f3ec;color:#141014;border-radius:4px;padding:36px 32px 24px;display:flex;flex-direction:column;box-shadow:0 24px 40px #0006}
body.offering .artboard strong{font-family:var(--display);font-size:120px;line-height:.8;letter-spacing:-.04em}
body.offering .artboard svg{width:70%;margin-top:8px;color:#ff4400}
body.offering .artboard em{margin-top:auto;font-style:normal;letter-spacing:.22em;font-size:12px}
body.offering .swatches{position:absolute;top:28px;right:28px;display:grid;grid-template-columns:1fr 1fr;gap:6px}
body.offering .swatches i{width:28px;height:28px;display:block}
body.offering .swatches i:nth-child(1){background:#00a3e0}
body.offering .swatches i:nth-child(2){background:#e10078}
body.offering .swatches i:nth-child(3){background:#ffed00}
body.offering .swatches i:nth-child(4){background:#111}
body.offering .crop{position:absolute;width:16px;height:16px;border:0 solid #111}
body.offering .crop.tl{top:10px;left:10px;border-top-width:2px;border-left-width:2px}
body.offering .crop.tr{top:10px;right:10px;border-top-width:2px;border-right-width:2px}
body.offering .crop.bl{bottom:10px;left:10px;border-bottom-width:2px;border-left-width:2px}
body.offering .crop.br{bottom:10px;right:10px;border-bottom-width:2px;border-right-width:2px}

@media(max-width:1100px){
  body.offering .wrap{width:calc(100% - 64px)}
  body.offering .parent-brand{display:none}
  body.offering .theme-visual{width:min(520px,62vw)}
  body.offering .hero-copy{width:min(340px,40vw)}
  body.offering .offer-grid{grid-template-columns:1fr 1fr}
  body.offering .proof-grid{grid-template-columns:1fr 1fr}
  body.offering .proof-grid .proof-card:last-child{grid-column:1/-1}
}
@media(max-width:800px){
  body.offering .hero-track{height:auto;min-height:0}
  body.offering .site-header{top:10px;left:10px;right:10px;height:64px;padding:0 14px}
  body.offering .site-header nav,.theme-label{display:none}
  body.offering .theme-toggle{width:36px;padding:0;justify-content:center}
  body.offering .menu-button{display:flex}
  body.offering .mobile-menu:not([hidden]){display:flex;position:fixed;z-index:39;top:84px;left:10px;right:10px;flex-direction:column;gap:16px;padding:22px;border-radius:16px;background:#141018f2;background:light-dark(#fffffffa,#141018f2);border:1px solid var(--line)}
  body.offering .wordmark{font-size:16px}
  body.offering .hero-stage{display:flex;flex-direction:column;min-height:0;height:auto;position:relative;padding:120px 20px 8px}
  body.offering .hero-reveal,body.offering .scroll-progress{display:none}
  body.offering .solution-switcher{position:absolute;top:78px}
  body.offering .solution-switcher-toggle{font-size:18px;padding:10px 16px}
  body.offering .hero-intro,body.offering .hero-copy,body.offering .hero-bottom{position:relative;top:auto;left:auto;right:auto;bottom:auto;width:auto}
  body.offering .hero-intro{text-align:left}
  body.offering .hero-intro h1,body.offering .hero-intro h1.len-2{font-size:clamp(52px,16vw,92px)}
  body.offering .theme-visual,body.offering .hero-stage:has(h1.len-2) .theme-visual,body.offering .theme-visual.theme-devices{position:relative;top:auto;left:auto;transform:none;width:100%;height:auto;min-height:200px;margin:8px 0 12px}
  body.offering .hero-copy p{display:block;-webkit-line-clamp:unset;overflow:visible;max-width:none}
  body.offering .orbital-field,body.offering .hero-note,.knowledge-tags,.scroll-cue{display:none}
  body.offering .hero-facts{gap:16px}
  body.offering .section{padding:72px 0}
  body.offering .section-heading{display:block}
  body.offering .section-heading p{margin-top:16px}
  body.offering :is(.offer-grid,.proof-grid,.pricing-layout,.brain-contact-layout,.closing-row){grid-template-columns:1fr;display:grid;gap:36px}
  body.offering .offer-grid{display:grid;grid-template-columns:1fr}
  body.offering .proof-grid .proof-card:last-child{grid-column:auto}
  body.offering .manifesto .wrap{padding-right:0}
  body.offering .manifesto .circle-link{position:static;margin-top:24px}
  body.offering .closing-section h2{font-size:clamp(56px,18vw,96px)}
  body.offering .level-link{display:grid;grid-template-columns:1fr auto}
  body.offering .footer-top,body.offering .footer-bottom{flex-wrap:wrap}
  body.offering .theme-laugh{height:280px}
  body.offering .hero-emoji{font-size:120px}
}
/* Light theme: recolor the hero object so it reads on cream. No dark plate. */
:root[data-theme="light"] body.offering .theme-blueprint{color:#0d4f86}
:root[data-theme="light"] body.offering .theme-blueprint svg{filter:none}
:root[data-theme="light"] body[data-solution="foundation"].offering .hero-ambient{background:radial-gradient(ellipse at 50% 60%,#1a3c6614,transparent 62%)}
:root[data-theme="light"] body.offering .theme-speakeasy svg [stroke="#e2b657"]{stroke:#6a4010;stroke-width:2.6}
:root[data-theme="light"] body.offering .theme-speakeasy svg [fill="#e2b657"]{fill:#6a4010}
:root[data-theme="light"] body.offering .theme-speakeasy svg{filter:drop-shadow(0 10px 8px #2a1e1a18)}
:root[data-theme="light"] body.offering .theme-egg svg ellipse:nth-of-type(1){fill:#fff8ec;stroke:#7a4e22}
:root[data-theme="light"] body.offering .theme-egg svg path[stroke="#c4844a"]{stroke:#8d5a32}
:root[data-theme="light"] body.offering .theme-egg svg text{fill:#6b3e1a}
:root[data-theme="light"] body.offering .theme-egg svg{filter:drop-shadow(0 12px 10px #2a1e1a18)}
:root[data-theme="light"] body.offering .theme-brochure .page{background:linear-gradient(160deg,#3a2a22,#241812);color:#f4efe6}
:root[data-theme="light"] body.offering .theme-brochure .page i{background:#f4efe633}
:root[data-theme="light"] body.offering .theme-brochure .brochure{filter:drop-shadow(0 14px 16px #2a1e1a22)}
:root[data-theme="light"] body.offering .artboard{background:#fff;border:1px solid #14101424;box-shadow:0 16px 28px #2a1e1a16}
:root[data-theme="light"] body.offering .theme-devices{filter:drop-shadow(0 12px 10px #2a1e1a1c)}
:root[data-theme="light"] body.offering .device-key,:root[data-theme="light"] body.offering .film{color:#5c564f}
:root[data-theme="light"] body.offering .laugh{filter:drop-shadow(0 8px 8px #2a1e1a22)}

@media(prefers-reduced-motion:reduce){
  body.offering .hero-track{height:100svh;min-height:780px}
  body.offering .hero-stage{position:relative}
  body.offering .hero-reveal{display:none}
  body.offering .ribbon-track,body.offering .laugh,body.offering .theme-brochure .screen:after{animation:none}
  body.offering .button:hover,body.offering .circle-link:hover{transform:none}
}