/* SIMTU dark surfaces. Decorative lighting is behind content, never over screens. */
/* One accent for uppercase section labels throughout the website. */
body .eyebrow,
body .home-new .simtu-bento .bento-copy .eyebrow{color:#79D7FA!important}
/* Quiet, compact feature cards: opaque captions and no decorative glass layers. */
.home-new .simtu-bento .bento-stage{height:190px;overflow:hidden;background:#18191c}
.home-new .simtu-bento .bento-stage::after,.home-new .simtu-bento .bento-copy::before{display:none}
.home-new .simtu-bento .bento-copy{container-type:inline-size;margin-top:0;padding:20px;background:var(--work);border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
.home-new .simtu-bento .bento-copy .eyebrow{font-size:9px;line-height:1.4;margin-bottom:16px;color:var(--muted)}
.home-new .simtu-bento .bento-copy h3{font-size:min(20px,4.6cqw);line-height:1.3;margin-bottom:0;letter-spacing:-.025em;white-space:nowrap}
.home-new .simtu-bento .bento-copy p{font-size:13px;line-height:1.5;color:var(--muted)}
.home-new .simtu-bento .task-note{background:var(--raised);border-color:#ffffff14}
.home-new .simtu-bento .mini-bubble.reply{background:#1d1e20;border-color:transparent}
.home-new .simtu-bento .mini-file{background:#111213}
.home-new .simtu-bento .mini-tag.green{background:#7bdca225;color:#7bdca2}
.home-new .simtu-bento .mini-tag.blue{background:#00adee25;color:#70d5fa}
.home-new .simtu-bento .mini-tag.amber{background:#f7d77820;color:#f7d778}
.home-new .statement-lead{font-size:clamp(15px,1.15vw,20px);line-height:1.5;color:var(--muted);font-weight:400;letter-spacing:normal;margin:24px 0 0}
.simtu-bento{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-bottom:var(--section-space)}
.bento-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;isolation:isolate;border-radius:16px;background:var(--work);border:1px solid #ffffff16;color:var(--text)}
.bento-card:nth-child(1),.bento-card:nth-child(4){grid-column:span 2}
.bento-card:nth-child(2),.bento-card:nth-child(3){grid-column:span 3}
.bento-stage{height:230px;flex-shrink:0;position:relative;overflow:visible;background:radial-gradient(ellipse at 60% 80%,#00adee0c,transparent 70%),#18191c}
.bento-shopping .bento-stage{background:radial-gradient(ellipse at 40% 70%,#eb008b0b,transparent 70%),#18191c}
.bento-copy{position:relative;z-index:1;margin-top:-48px;padding:20px 24px;flex:1;display:flex;flex-direction:column;background:linear-gradient(125deg,#ffffff12,#ffffff04),#20242c99;border-top:1px solid #ffffff29;box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #ffffff08,0 -8px 32px #00000016;-webkit-backdrop-filter:blur(24px) saturate(155%);backdrop-filter:blur(24px) saturate(155%)}
.bento-copy::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,#ffffff08,transparent 45%,#ffffff03)}
.bento-copy>*{position:relative}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.bento-copy{background:#242832f5}}
.bento-copy .eyebrow{font-size:10px;letter-spacing:.11em;margin-bottom:8px;color:#D7D9DF}
.bento-copy h3{font-size:clamp(22px,1.75vw,28px);line-height:1.15;letter-spacing:-.035em;font-weight:500;margin:0 0 10px}
.bento-copy p{font-size:14px;line-height:1.5;color:#E0E1E5;margin:0;max-width:460px}
.product-cut{position:absolute;width:220px;height:208px;left:calc(50% - 130px);top:28px;overflow:hidden;border-radius:14px;box-shadow:0 16px 32px #0005}
.product-cut img{position:absolute;width:1129.6px;max-width:none;height:761.6px;left:-665.6px;top:-192.8px}
.mini-assignment{position:absolute;width:220px;right:20px;top:160px;padding:16px;background:var(--content);border:1px solid #ffffff16;border-radius:14px;box-shadow:0 12px 32px #0006;display:grid;gap:10px;font-size:12px}
.mini-label{font-size:9px;letter-spacing:.1em;color:var(--muted)}
.mini-assignment strong,.mini-assignment>div{display:flex;justify-content:space-between;font-weight:400}
.mini-primary{background:var(--blue);color:white;border-radius:8px;padding:8px 12px;text-align:center}
.mini-window{position:absolute;top:42px;left:28px;width:calc(100% + 20px);padding:20px;background:var(--content);border:1px solid #ffffff12;border-radius:14px;box-shadow:0 20px 40px #0005;font-size:12px}
.mini-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;font-size:14px}
.mini-title strong{font-weight:500}
.mini-tag{display:inline-block;white-space:nowrap;padding:5px 8px;border-radius:6px;background:var(--raised);font-size:10px;color:var(--muted)}
.mini-tag.green{background:#7bdca225;color:#7bdca2}.mini-tag.blue{background:#00adee25;color:#70d5fa}.mini-tag.amber{background:#f7d77820;color:#f7d778}
.mini-columns,.mini-row{display:grid;grid-template-columns:minmax(155px,1fr) 60px 100px;gap:12px;align-items:center}
.mini-columns{color:var(--muted);font-size:10px;margin-bottom:10px}
.mini-row{padding:12px 0;border-top:1px solid #ffffff0b}
.mini-row b,.task-preview b{font-weight:500}
.mini-row small,.task-preview small,.mini-title small{display:block;font-size:10px;color:var(--muted);margin-top:5px}
.mini-row .mini-tag{justify-self:start}
.mini-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:10px;color:var(--muted);margin-top:12px}
.task-window{width:calc(100% - 42px);top:32px;left:20px}
.task-preview{display:flex;align-items:center;gap:12px;padding:13px 10px;border-radius:8px}
.task-preview>span:first-of-type{flex:1}.task-preview i{width:15px;height:15px;border:1px solid var(--muted);border-radius:4px;flex:none;font-style:normal;text-align:center;color:#7bdca2;font-size:11px}
.task-current{background:var(--selected)}
.task-note{position:absolute;right:24px;bottom:12px;display:grid;gap:10px;width:240px;padding:16px;border-radius:12px;background:var(--raised);box-shadow:0 16px 30px #0005;border:1px solid #ffffff14;font-size:11px}
.task-note strong{font-weight:500;font-size:13px}.task-note>span:last-child{display:flex;align-items:center;justify-content:space-between}
.message-preview{position:absolute;top:28px;left:24px;width:calc(100% - 12px);padding:20px;background:var(--content);border:1px solid #ffffff12;border-radius:14px;box-shadow:0 20px 40px #0005}
.message-preview .mini-title{justify-content:flex-start}
.mini-avatar{background:linear-gradient(135deg,#74bad0,#007e9f);padding:10px 8px;border-radius:9px;color:white;font-size:12px}
.mini-bubble{background:var(--raised);border-radius:10px;padding:12px;font-size:12px;line-height:1.5;margin:12px 0 12px 20px}
.mini-bubble.reply{margin-left:0;margin-right:20px;background:#1d1e20}
.mini-file{background:#111213;padding:10px;border-radius:7px;font-size:10px;margin-top:10px}
.mini-compose{font-size:11px;color:var(--muted);background:var(--raised);border-radius:8px;padding:12px;display:flex;justify-content:space-between}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.mini-assignment,.task-note,.message-preview,.mini-window{transition:transform .4s cubic-bezier(.2,.65,.2,1)}.bento-card:hover .mini-assignment,.bento-card:hover .task-note{transform:translateY(-6px)}.bento-card:hover .message-preview,.bento-card:hover .mini-window{transform:translateY(-4px)}}
@media(max-width:1100px){.simtu-bento{gap:16px}.bento-copy{padding:24px}.mini-window{left:18px}.bento-stage{height:290px}.task-preview{gap:8px;font-size:11px}.task-preview small{font-size:9px}}
@media(max-width:760px){.home-new .statement-lead{font-size:16px}.simtu-bento{grid-template-columns:minmax(0,1fr)}.simtu-bento .bento-card{grid-column:1}.bento-stage{height:300px}.bento-copy{padding:24px}.bento-copy h3{font-size:28px}.mini-window{width:calc(100% + 20px)}.task-window{width:calc(100% - 32px);left:16px}.task-preview .mini-tag{font-size:9px;padding:4px}.mini-assignment{right:24px}}
.topbar{--menu-control-height:40px}
/* Compact artwork; coloured UI details continue behind the glass on every card. */
.simtu-bento .product-cut{top:16px;left:22px;transform:scale(.85);transform-origin:top left}
.simtu-bento .mini-assignment{top:90px;right:16px;gap:8px;padding:12px;width:200px}
.simtu-bento .mini-window{top:22px;padding:16px}
.simtu-bento .mini-title{margin-bottom:12px}
.simtu-bento .mini-row{padding:9px 0}
.simtu-bento .task-preview{padding:10px 8px}
.simtu-bento .task-note{top:146px;bottom:auto;right:20px;background:#174d62;border-color:#00adee66}
.simtu-bento .message-preview{top:18px;padding:16px}
.simtu-bento .mini-bubble{margin-block:8px;padding:10px}
.simtu-bento .mini-bubble.reply{background:#174556;border:1px solid #00adee38}
.simtu-bento .mini-file{background:#1f6480}
.simtu-bento .mini-tag.green{background:#226845;color:#b4f4cd}
.simtu-bento .mini-tag.blue{background:#17607b;color:#b4eaff}
.simtu-bento .mini-tag.amber{background:#725619;color:#fff0b8}
.simtu-bento .bento-stage::after{content:"";position:absolute;pointer-events:none;inset:190px 20px auto;height:150px;border-radius:12px;background:linear-gradient(90deg,#00adee85,#00adee85) 5% 30%/42% 50px no-repeat,linear-gradient(90deg,#eb008b66,#eb008b66) 95% 80%/30% 45px no-repeat;z-index:0}
.simtu-bento .bento-shopping .bento-stage::after{background:linear-gradient(90deg,#45b77e88,#45b77e88) 85% 20%/34% 48px no-repeat,linear-gradient(90deg,#e7b84b77,#e7b84b77) 10% 80%/44% 44px no-repeat}
.simtu-bento .bento-tasks .bento-stage::after{background:linear-gradient(90deg,#00adee88,#00adee88) 85% 30%/46% 58px no-repeat,linear-gradient(90deg,#45b77e77,#45b77e77) 5% 85%/26% 36px no-repeat}
.simtu-bento .bento-messages .bento-stage::after{background:linear-gradient(90deg,#00adee77,#00adee77) 15% 20%/55% 58px no-repeat,linear-gradient(90deg,#eb008b66,#eb008b66) 95% 85%/24% 42px no-repeat}
@media(max-width:1100px){.simtu-bento .bento-stage{height:220px}.simtu-bento .bento-copy{padding:18px 20px}.simtu-bento .bento-copy h3{font-size:23px}.simtu-bento .bento-stage::after{top:180px}}
@media(max-width:760px){.simtu-bento .bento-stage{height:210px}.simtu-bento .bento-copy{padding:18px 20px}.simtu-bento .bento-copy h3{font-size:24px}.simtu-bento .bento-stage::after{top:170px}}
.topbar .brand img{display:block;width:91.95px!important;height:32px!important;max-height:32px;flex:none;object-fit:contain}
.topbar .top-actions button{height:var(--menu-control-height);min-height:var(--menu-control-height);box-sizing:border-box}
/* Match SIMTU www/src/styles.css primary CTA and Home's white label. */
body .primary{background:#00ADEE;color:#fff;border:0;box-shadow:none;font-weight:500;transition:background-color .18s ease,color .18s ease,transform .18s cubic-bezier(.22,1,.36,1)}
@media(hover:hover){body .primary:not(:disabled):hover{background:color-mix(in srgb,#00ADEE 88%,#fff);color:#fff}}
body .primary:not(:disabled):active{transform:scale(.98)}
body .primary:focus-visible{outline:2px solid var(--text);outline-offset:3px}
body .primary:disabled{background:var(--raised);color:var(--muted);opacity:.6;cursor:default;transform:none}
.intro-bleed .intro-preview .hero-loop .hero-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;background:#111213;margin:0;opacity:0;transition:opacity .65s ease;pointer-events:none}
.intro-bleed .intro-preview .hero-loop .hero-slide.is-current{opacity:1}
.intro-bleed .hero-loop-toggle{position:absolute;bottom:22px;right:22px;z-index:2;width:32px;min-height:32px;padding:4px;background:#252629dc;color:white;font-size:13px;border:1px solid #ffffff30}
@media(prefers-reduced-motion:reduce){.hero-loop-toggle{display:none}.intro-bleed .intro-preview .hero-loop .hero-slide{transition:none}}
.intro-bleed .hero-glass-frame{padding:7.5px;border-radius:22.5px;background:linear-gradient(125deg,#ffffff14,#ffffff05),#24283280;border:1px solid #ffffff29;box-shadow:inset 0 1px 0 #ffffff24,0 24px 64px #0003;backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
.intro-bleed .hero-app-crop{overflow:hidden;border-radius:14px;position:relative;aspect-ratio:1412/952;background:#111213}
/* Retain the complete Windows title bar; cover only the hairline perimeter. */
.intro-bleed .hero-app-crop::after{content:"";position:absolute;inset:0;border:2px solid #111213;border-radius:inherit;pointer-events:none}
.intro-bleed .intro-preview .hero-app-crop .screen{display:block;width:100%;max-width:none;height:auto;object-fit:initial;border-radius:0;margin:0}
@media(min-width:1101px){.intro-bleed .hero-app-crop{height:auto;aspect-ratio:1412/952}}
@media(max-width:760px){.intro-bleed .hero-glass-frame{padding:5.25px;border-radius:18.25px}.intro-bleed .hero-app-crop{border-radius:12px}}
:root{color-scheme:dark;--canvas:#111213;--work:#1D1E20;--content:#252629;--raised:#323338;--selected:#494B54;--text:#F5F5F5;--muted:#BFC0C5;--blue:#00ADEE;--line:#393B40}
body{background:var(--canvas);overflow-x:clip}
.topbar{background:#1D1E20f5;border:1px solid #ffffff0a;box-shadow:0 8px 32px #0002}
.topbar nav a:hover,.top-actions>a:hover{color:var(--text);background:var(--content);border-radius:var(--control)}
a:not(.button):hover{color:#65D2F7}.card:hover{background:#252629}.primary:hover{background:#0085B8;color:white}
footer{border-color:var(--line)}.footer-links a:hover,.footer-links button:hover{color:white}dialog::backdrop{background:#000b}.notice{color:var(--muted)}
.home-new{isolation:isolate}.home-new>section{position:relative}
.home-new>section::before{content:"";position:absolute;z-index:-1;pointer-events:none;left:calc((100% - 100vw)/2);width:100vw;top:0;bottom:0}
.home-new .intro::before{top:-150px;bottom:-50px;background:radial-gradient(ellipse at 80% 14%,#00ADEE22 0,transparent 46%),radial-gradient(ellipse at 4% 38%,#E5007D10 0,transparent 44%),linear-gradient(180deg,#191D24 0%,#111213 86%)}
.intro .eyebrow{color:#79D7FA}.intro h1 span{color:#BFC0C5}.intro-index{color:#A9ABB3}.intro-preview{position:relative}
.home-new .statement::before{top:20px;background:radial-gradient(ellipse at 50% 60%,#24283290,transparent 68%)}
.statement h2 span{color:#90939D}.statement-links a{border-color:var(--line)}
.home-new .journey::before{top:-30px;bottom:-65px;background:radial-gradient(ellipse at 0% 45%,#00ADEE0F,transparent 56%),linear-gradient(180deg,#111213,#191B20 45%,#111213)}
.journey-chapter .eyebrow{color:#71D2F3}.journey-progress span{border-color:var(--line)}.journey-progress .is-active{border-color:var(--blue)}
.module-section{padding:64px 0}.home-new .module-section::before{background:linear-gradient(120deg,#202229,#1A1C21 55%,#202129)}
.home-new .tabs{border-color:#40424A}.home-new .tabs button[aria-selected=true]{background:var(--selected);color:#fff}.home-new .workflow-copy .step{color:#71D2F3}
.connected-section{padding:48px 0}.home-new .connected-section::before{background:radial-gradient(ellipse at 92% 80%,#E5007D0E,transparent 48%)}
.editorial-copy .eyebrow{color:#A9ADB8}.editorial-card:nth-child(2) .eyebrow{color:#D7ABCB}
.demo-invite{border-color:var(--line);padding:80px 0}.home-new .demo-invite::before{background:radial-gradient(ellipse at 8% 45%,#00ADEE18,transparent 58%),linear-gradient(110deg,#1C222A,#1B1C20 70%)}
.demo-map a{background:#292C33}.demo-map a:hover{background:#353944}.demo-map a>span:last-child{color:#79D7FA}
.home-faq details{background:#1D1E20}.home-faq details[open]{background:#252629}.home-faq summary:hover{color:#79D7FA}
.home-end{padding:72px 0 96px}.home-new .home-end::before{top:-40px;bottom:-70px;background:radial-gradient(ellipse at 50% 95%,#00ADEE20,transparent 58%),radial-gradient(ellipse at 85% 75%,#E5007D0D,transparent 45%)}
.home-end h2 span{color:#BFC0C5}.home-end .eyebrow{color:#79D7FA}.screen-caption,.preview-foot{color:var(--muted)}
@media(max-width:760px){.module-section{padding:40px 0}.connected-section{padding:16px 0}.demo-invite{padding:48px 0}.home-end{padding:40px 0 64px}.home-new .intro::before{background:radial-gradient(ellipse at 85% 5%,#00ADEE20,transparent 60%),linear-gradient(#191D24,#111213)} }

/* Spacious editorial gutters, shared by page content and footer. */
:root{--page-gutter:18.5vw}
main{width:calc(100% - var(--page-gutter)*2);max-width:1440px;padding:0}
footer{width:calc(100% - var(--page-gutter)*2);max-width:1440px;padding:56px 0 32px}
.topbar{margin:16px clamp(24px,3.75vw,72px);padding:16px 20px;gap:20px}
.home-new{--section-space:168px}
.intro{padding-top:72px}.intro-top{margin-bottom:48px}.intro-grid{margin-bottom:72px}
.section{margin:120px 0}.module-section{padding:80px 0}.demo-invite{padding:96px 0}
/* Keep nested layouts comfortable inside the narrower editorial column. */
.intro h1{font-size:clamp(64px,6vw,96px)}
.home-new .tabs button{flex:0 1 auto}
.journey{gap:40px}.home-new .workflow{gap:32px}
@media(max-width:1400px){:root{--page-gutter:max(48px,calc((100vw - 1080px)/2))}}
@media(max-width:1100px){:root{--page-gutter:48px}.home-new{--section-space:120px}.topbar{gap:12px;padding:12px}.intro{padding-top:56px}.section{margin:88px 0}}
@media(max-width:760px){:root{--page-gutter:24px}.topbar{margin:8px 12px;padding:12px;gap:8px}.home-new{--section-space:80px}.intro{padding-top:32px}.intro-top{margin-bottom:28px}.intro-grid{margin-bottom:40px}.section{margin:64px 0}.module-section{padding:40px 0}.demo-invite{padding:48px 0}footer{padding:40px 0 24px}}

/* Hero: left copy, an oversized real application window bleeding off the right. */
.home-new .intro-bleed{width:100vw;margin-left:calc(50% - 50vw);min-height:clamp(740px,59vw,1080px);padding:96px 10.7vw;display:flex;align-items:center;overflow:clip}
.home-new .intro-bleed::before{left:0;top:0;bottom:0;background:radial-gradient(ellipse at 36% 62%,#00ADEE20,transparent 62%),radial-gradient(ellipse at 9% 54%,#E5007D13,transparent 52%),linear-gradient(110deg,#191B23,#151922 65%,#111213)}
.intro-bleed .intro-content{position:relative;z-index:1;width:30vw;max-width:540px;padding:24px 0}
.intro-bleed h1{font-size:clamp(64px,5.2vw,100px);line-height:1.03;margin-bottom:28px}
.intro-bleed .intro-copy{max-width:480px;padding:0}.intro-bleed .lead{font-size:clamp(17px,1.2vw,21px);line-height:1.5}
.intro-bleed .intro-preview{position:absolute;left:44vw;top:50%;width:clamp(900px,70vw,1450px);transform:translateY(-50%)!important;will-change:auto}
.intro-bleed .intro-preview>.text-link{background:transparent;color:var(--muted);margin-top:12px;padding:8px 0}.intro-bleed .intro-preview>.text-link:hover{color:white}
@media(max-width:1000px){.home-new .intro-bleed{padding:64px 6vw;min-height:700px}.intro-bleed .intro-content{width:34vw}.intro-bleed h1{font-size:64px}.intro-bleed .intro-preview{left:46vw;width:880px}}
@media(max-width:760px){.home-new .intro-bleed{display:block;padding:40px 24px 48px;min-height:0}.intro-bleed .intro-content{width:100%;max-width:560px;padding:0}.intro-bleed h1{font-size:clamp(60px,13vw,88px)}.intro-bleed .intro-preview{position:relative;left:auto;top:auto;width:100%;margin-top:36px;transform:none!important}.intro-bleed .lead{font-size:18px}.intro-bleed .intro-copy{max-width:100%}}

/* Continuous hero lighting behind the floating glass navigation. */
body:has(.home-new){background-color:#111213;background-image:radial-gradient(ellipse at 50% 50%,#00ADEE48,transparent 66%),radial-gradient(ellipse at 50% 50%,#E5007D30,transparent 66%),linear-gradient(110deg,#191B23,#151922 65%,#111213);background-size:95vw 100svh,85vw 95svh,100% 100svh;background-position:-30vw -12svh,48vw 8svh,0 0;background-repeat:no-repeat;animation:simtu-ambient-drift 12s ease-in-out infinite alternate}
/* Only the lighting moves; screenshots, text and the base surface stay still. */
@keyframes simtu-ambient-drift{
 0%{background-position:-30vw -12svh,48vw 8svh,0 0}
 50%{background-position:0vw 4svh,12vw -16svh,0 0}
 100%{background-position:32vw -6svh,-28vw 2svh,0 0}
}
@media(prefers-reduced-motion:reduce){body:has(.home-new){animation:none;background-size:100% 100svh;background-position:0 0}}
.home-new .intro-bleed::before{background:none}
.topbar{background:linear-gradient(125deg,#ffffff14,#ffffff05),#24283280;border:1px solid #ffffff29;box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #ffffff08,0 12px 36px #00000024;-webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%)}
.topbar nav a,.top-actions>a{color:#D7D9DF}.topbar nav a:hover,.top-actions>a:hover{background:#ffffff12;color:#fff}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.topbar{background:#292C34}}
/* Reference geometry: nav 9%, media top 19.5%, media bottom 85%,
   copy left 10.7%, media left 44.2%. One viewport, not width-based height. */
@media(min-width:1101px){
 body header.topbar{top:16px;margin:16px auto;width:calc(100% - 12vw);max-width:1560px;height:72px;min-height:72px;padding:12px 24px;border-radius:20px;border:1px solid #ffffff29;box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #ffffff08,0 12px 36px #00000024;gap:24px;flex-wrap:nowrap}
 body header.topbar nav{order:0;width:auto}
 body header.topbar .brand{margin-right:24px}
 .home-new .intro-bleed{height:calc(100svh - 104px);min-height:650px;padding:0 10.7vw;align-items:center}
 .intro-bleed .intro-content{width:30vw;max-width:none;padding:0;transform:translateY(-1.5svh)}
 .intro-bleed h1{font-size:clamp(64px,4.65vw,96px);line-height:1.04;margin-bottom:24px}
 .intro-bleed .intro-preview{left:44.2vw;top:10.5svh;width:calc((65.5svh - 17px)*1412/952 + 17px);transform:none!important}
 .intro-bleed .intro-preview .screen{height:65.5svh;width:100%;object-fit:cover;object-position:left top}
 .intro-bleed .intro-preview>.text-link{margin-top:8px}
 .intro-bleed .intro-copy{max-width:none}.intro-bleed .lead{font-size:18px;line-height:1.5}
}
@media(min-width:1101px) and (max-width:1450px){body header.topbar{padding-inline:20px;gap:12px}body header.topbar .brand{margin-right:0}.topbar nav a,.top-actions>a{padding-inline:8px}}
@media(min-width:761px) and (max-width:1100px){.home-new .intro-bleed{min-height:650px;padding-block:64px}.intro-bleed .intro-preview{width:850px;top:50%}.intro-bleed h1{font-size:64px}}

/* One shared outer grid: the hero frame ends exactly at the menu edge. */
:root{--island-width:min(88vw,1560px);--island-inset:calc((100vw - var(--island-width))/2)}
body header.topbar{width:var(--island-width);max-width:1560px;margin:16px auto}
.home-new .intro-bleed{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1fr);gap:clamp(24px,3vw,64px);height:auto;min-height:calc(100svh - 104px);padding:clamp(40px,7svh,88px) var(--island-inset);align-items:center}
.intro-bleed .intro-content{width:auto;max-width:none;min-width:0;padding:0 0 0 clamp(0px,2.5vw,40px);transform:none}
.intro-bleed .intro-preview{position:relative;inset:auto;width:100%;min-width:0;margin:0;transform:none!important}
.intro-bleed h1{font-size:clamp(40px,4.65vw,88px);line-height:1.04;margin-bottom:clamp(18px,2vw,28px)}
.intro-bleed .intro-copy{max-width:100%}.intro-bleed .lead{font-size:clamp(15px,1.15vw,20px);line-height:1.5}
.intro-bleed .eyebrow{font-size:clamp(10px,.75vw,12px)}
.intro-bleed .actions{gap:8px}.intro-bleed .actions>*{font-size:clamp(12px,.9vw,14px);padding:10px clamp(10px,1vw,16px)}
.home-new h2{font-size:clamp(30px,3.1vw,52px)}
.home-new .editorial-copy h3{font-size:clamp(23px,1.8vw,30px);line-height:1.2}
@media(max-width:1100px) and (min-width:761px){body header.topbar{padding:12px}.home-new .intro-bleed{min-height:560px;gap:24px}.intro-bleed .intro-content{padding-left:0}.intro-bleed h1{font-size:clamp(40px,5vw,56px)}}
@media(max-width:760px){:root{--island-width:calc(100vw - 24px)}body header.topbar{margin:8px auto}.home-new .intro-bleed{grid-template-columns:minmax(0,1fr);min-height:0;gap:32px;padding:32px var(--island-inset) 48px}.intro-bleed .intro-content{padding:0 12px}.intro-bleed h1{font-size:clamp(40px,10vw,68px)}.intro-bleed .lead{font-size:16px}.intro-bleed .intro-preview{margin:0;width:100%;inset:auto}}

/* Secondary actions share the island's translucent edge, without a grey fill. */
body button:not(.primary):not(.text-link):not([role="tab"]),body .button:not(.primary){background:transparent;border:1px solid #ffffff29;box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #ffffff08;color:var(--text);transition:border-color .18s,box-shadow .18s,color .18s}
body button:not(.primary):not(.text-link):not([role="tab"]):hover,body .button:not(.primary):hover{background:transparent;border-color:#ffffff60;box-shadow:inset 0 1px 0 #ffffff35,0 0 12px #ffffff08;color:#fff}
body button:not(.primary):not(.text-link):not([role="tab"]):active,body .button:not(.primary):active{border-color:#ffffff80;box-shadow:inset 0 0 0 1px #ffffff18}
/* Text links and footer links stay visually lightweight. */
body .footer-links button{border:0;box-shadow:none;background:none}
body .footer-links button:hover{border:0;box-shadow:none;background:none}