/* Aramo site shell — navigation, footer, forms, responsive overrides. Visual tokens come from styles.css (Industry). */
html{scroll-behavior:smooth}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body)}a{color:var(--color-accent-700)}a:hover{color:var(--color-accent-900)}
.skip{position:absolute;left:-999px;top:8px;background:var(--color-accent-900);color:var(--color-bg);padding:8px 12px;z-index:100}.skip:focus{left:8px}
.mark{position:relative;display:inline-block;border:1px solid}.mark i{position:absolute;background:var(--color-accent)}.mark i:first-child{left:50%;top:-4px;bottom:-4px;width:1px;transform:translateX(-50%)}.mark i:last-child{top:50%;left:-4px;right:-4px;height:1px;transform:translateY(-50%)}
.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.brand-word{font-family:var(--font-heading);font-weight:700;font-size:24px;letter-spacing:-.02em;text-transform:none;line-height:1}.brand-word .tld{color:var(--color-accent)}.dark .brand-word .tld,.mobile-nav .brand-word .tld{color:#7FB0FF}
.site-header{position:sticky;top:0;z-index:50;background:var(--color-bg);border-bottom:1px solid var(--color-divider)}.site-header.dark{background:var(--color-accent-900);color:var(--color-bg);border-color:transparent}
.hdr-in{display:flex;align-items:center;gap:32px;height:68px;padding:0 56px}
.primary ul{list-style:none;margin:0;padding:0;display:flex;gap:6px}.primary li{position:relative}.primary button,.primary > ul > li > a{appearance:none;background:none;border:0;font:500 15px/1 var(--font-body);color:inherit;padding:0 10px;height:68px;display:flex;align-items:center;gap:6px;cursor:pointer}
.chev{display:inline-block;width:6px;height:6px;border-right:1px solid;border-bottom:1px solid;transform:rotate(45deg) translateY(-2px);transition:transform .15s}.primary button[aria-expanded="true"] .chev{transform:rotate(225deg) translateY(2px)}
.primary li.active > button,.primary li.active > a{color:var(--color-accent-700);box-shadow:inset 0 -2px 0 var(--color-accent)}.dark .primary li.active > button{color:inherit;box-shadow:inset 0 -2px 0 var(--color-bg)}
.menu{display:none;position:absolute;left:0;top:68px;min-width:300px;background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-divider);box-shadow:var(--shadow-md);padding:8px}.menu.mega{min-width:360px}.menu a{display:flex;flex-direction:column;gap:2px;padding:10px 12px;text-decoration:none;color:inherit}.menu a b{font-weight:600;font-size:14px}.menu a span{font-size:12.5px;color:color-mix(in srgb,var(--color-text) 65%,transparent)}.menu a:hover,.menu a:focus-visible{background:var(--color-accent-100);color:var(--color-accent-900)}.menu a:hover span{color:inherit}
.primary li.open > .menu{display:block}@media(hover:hover) and (min-width:1101px){.primary li:hover > .menu{display:block}}
.hdr-actions{margin-left:auto;display:flex;gap:18px;align-items:center}.signin{font-size:14px;font-weight:500;color:inherit;text-decoration:none}.hdr-actions .cta{position:relative;padding:9px 16px;font-size:14px;text-decoration:none}.dark .hdr-actions .cta{background:#fff;color:var(--color-accent-900);border-color:#fff}
.burger{display:none;appearance:none;background:none;border:0;width:44px;height:44px;flex-direction:column;gap:5px;align-items:center;justify-content:center;cursor:pointer;color:inherit}.burger span{display:block;width:20px;height:1px;background:currentColor;transition:transform .2s,opacity .2s}.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.burger[aria-expanded="true"] span:nth-child(2){opacity:0}.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-nav{background:var(--color-accent-900);color:var(--color-bg);padding:8px 20px 24px;max-height:calc(100vh - 56px);overflow:auto}.mobile-nav ul{list-style:none;margin:0;padding:0}.mobile-nav li{border-bottom:1px solid color-mix(in srgb,var(--color-bg) 20%,transparent)}.mobile-nav li > button{appearance:none;background:none;border:0;color:inherit;width:100%;min-height:52px;display:flex;justify-content:space-between;align-items:center;font:500 19px/1 var(--font-body);cursor:pointer;padding:0}.mobile-nav li > button .chev{width:8px;height:8px}.mobile-nav li > button[aria-expanded="true"] .chev{transform:rotate(225deg)}.mobile-nav li > div{display:flex;flex-direction:column;padding:0 0 10px 16px}.mobile-nav li > div a{min-height:44px;display:flex;align-items:center;font-size:16px;color:inherit;text-decoration:none;opacity:.85}.mobile-actions{display:grid;gap:10px;padding-top:24px}.mobile-actions .btn{position:relative;padding:14px 20px;font-size:15px;text-align:center;justify-content:center;text-decoration:none}.mobile-actions .btn.blueprint{background:var(--color-bg);color:var(--color-accent-900);border:1px solid var(--color-bg)}.mobile-actions .btn.ghost{border:1px solid var(--color-bg);color:var(--color-bg);background:transparent}
.site-footer{border-top:1px solid var(--color-divider)}.ft-in{padding:44px 56px 28px;display:grid;grid-template-columns:2fr repeat(6,1fr);gap:28px;font-size:14px}.ft-brand p{margin:14px 0 0;max-width:28ch;line-height:1.5;color:color-mix(in srgb,var(--color-text) 70%,transparent)}.ft-brand .brand-word{font-size:20px}.ft-h{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;margin-bottom:12px}.site-footer div > a{display:block;color:color-mix(in srgb,var(--color-text) 75%,transparent);text-decoration:none;padding:4px 0}.site-footer div > a:hover{color:var(--color-accent-900)}.ft-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;border-top:1px solid var(--color-divider);padding-top:16px;font-size:12px;color:color-mix(in srgb,var(--color-text) 60%,transparent)}.ft-bottom a{color:inherit}
.page a.btn{text-decoration:none}.page a.btn.btn-primary{color:var(--color-bg)}
.field .input{width:100%;box-sizing:border-box;background:transparent;color:var(--color-text)}.field .input::placeholder{color:color-mix(in srgb,var(--color-text) 45%,transparent)}.field.invalid .input{border-color:#9b3d3d!important}.field-error{display:none;font-size:12px;color:#9b3d3d}.field.invalid .field-error{display:block}
.chip{appearance:none;font:inherit;font-size:13px;min-height:36px;padding:0 12px;border:1px solid var(--color-divider);background:transparent;color:inherit;cursor:pointer}.chip[aria-pressed="true"]{border-color:var(--color-accent-700);background:var(--color-accent-100);color:var(--color-accent-900);font-weight:600}.chip:hover{background:var(--color-accent-100)}
.js-form button[type=submit]{position:relative;font:inherit;cursor:pointer}.js-form.sending button[type=submit]{opacity:.7;pointer-events:none}.js-form.sending .btn-label::after{content:'…'}
.form-status{display:none;margin-top:18px;padding:12px 14px;font-size:13.5px;line-height:1.45}.form-status.ok{display:block;border:1px solid var(--color-accent-700);background:var(--color-accent-100)}.form-status.err{display:block;border:1px solid #9b3d3d;background:color-mix(in srgb,#9b3d3d 8%,var(--color-bg))}.js-form.done > *:not(.form-status):not(.proto-controls):not(.corner){display:none}
.proto-controls{margin-top:16px;padding-top:12px;border-top:1px dashed var(--color-divider);display:flex;gap:14px;flex-wrap:wrap;font-size:11.5px;color:color-mix(in srgb,var(--color-text) 55%,transparent)}.proto-controls label{display:flex;gap:4px;align-items:center}
.ph{padding:64px 56px 96px;max-width:900px}.ph-kick{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--color-accent-700);margin-bottom:14px}.ph h1{font-family:var(--font-heading);font-weight:600;font-size:64px;line-height:1.02;margin:0 0 28px}.ph-box{position:relative;padding:32px;display:flex;flex-direction:column;gap:14px}.ph-box p{margin:0;font-size:16px;line-height:1.55;max-width:60ch}.ph-note{color:color-mix(in srgb,var(--color-text) 65%,transparent);font-size:14px!important}.ph-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.ph-links .btn{position:relative;padding:11px 18px;text-decoration:none}
/* responsive overrides of the approved 1440 compositions */
@media(max-width:1100px){.primary{display:none}.burger{display:flex}.hdr-in{height:60px;padding:0 24px;gap:16px}.primary button{height:60px}.hdr-actions{gap:10px}.signin{display:none}
.page section,.page footer{padding-left:32px!important;padding-right:32px!important}.page section[style*="margin:0 56px"],.page section[style*="margin:24px 56px"]{margin-left:32px!important;margin-right:32px!important}
.page section[style*="grid-template-columns"]{grid-template-columns:1fr!important}.page div[style*="grid-template-columns:repeat(4"],.page div[style*="grid-template-columns:repeat(6"],.page div[style*="grid-template-columns:repeat(7"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}.page .connector{display:none!important}
.page h1{font-size:clamp(40px,6.5vw,60px)!important;max-width:none!important}.page h2{font-size:clamp(30px,4.6vw,44px)!important}.page h2[style*="font-size:5"]{font-size:clamp(32px,5vw,48px)!important}
.page section[style*="grid-template-columns:200px"],.page div[style*="grid-template-columns:200px 1fr 1fr 1fr"]{grid-template-columns:1fr 1fr!important}
.ft-in{grid-template-columns:repeat(3,1fr);padding:40px 32px 24px}.ft-brand{grid-column:1/-1}.ph{padding:48px 32px 72px}.ph h1{font-size:48px}}
@media(max-width:720px){.hdr-in{height:56px;padding:0 20px}.hdr-actions .cta{display:none}
.page section,.page footer{padding-left:20px!important;padding-right:20px!important;padding-top:min(40px,8vw)!important}.page section[style*="margin:0 56px"],.page section[style*="margin:24px 56px"]{margin-left:20px!important;margin-right:20px!important;padding:32px 24px!important}
.page [style*="grid-template-columns"]:not(figure [style]):not(.keep){grid-template-columns:1fr!important}.page div[style*="grid-template-columns:1fr 1fr;gap:18px"]{grid-template-columns:1fr!important}
.page h1{font-size:clamp(34px,9.5vw,44px)!important}.page h2{font-size:clamp(28px,7.5vw,36px)!important}.page h3{font-size:clamp(20px,5.5vw,24px)!important}
.page p[style*="font-size:18px"],.page p[style*="font-size:19px"]{font-size:16px!important}
.page figure{overflow-x:auto;-webkit-overflow-scrolling:touch}.page figure > div[style*="grid-template-columns:150px"]{min-width:760px}.page figure > div[style*="grid-template-columns:200px 120px"]{min-width:600px}.page figure table{min-width:520px}
.page div[style*="display:flex"][style*="gap:12px"] > .btn{flex:1;text-align:center;justify-content:center}.page div[style*="justify-content:flex-end"]{justify-content:flex-start!important;flex-wrap:wrap}
.page [style*="border-left:1px solid var(--color-divider)"]{border-left:0!important}.page div[style*="padding:24px 28px 24px 0"],.page div[style*="padding:24px 0 24px 28px"],.page div[style*="padding:28px 28px 28px 0"],.page div[style*="padding:28px 0 28px 28px"]{padding-left:0!important;padding-right:0!important;border-top:1px solid var(--color-divider)}
.page div[style*="grid-template-columns:170px 1fr auto"],.page div[style*="grid-template-columns:220px 1fr"],.page div[style*="grid-template-columns:180px 1fr"]{grid-template-columns:1fr!important}
.ft-in{grid-template-columns:1fr 1fr;padding:36px 20px 20px}.ph{padding:40px 20px 64px}.ph h1{font-size:38px}.ph-box{padding:22px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
/* homepage */




summary::-webkit-details-marker{display:none}

[data-r="fig-scroll"]{overflow-x:auto}
[data-r="fig-scroll"] > figure{min-width:680px}
@media (max-width:1180px){
 
 
 [data-r="hero"],[data-r="split"],[data-r="cta"]{grid-template-columns:1fr!important}
 [data-r="cards3"]{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))!important}
 [data-r="stages"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 [data-r="connectors"]{display:none!important}
 [data-r="band"]{grid-template-columns:1fr 1fr!important;margin-top:12px}
 [data-r="band"] > :first-child{grid-column:1/-1}
 [data-r="cards4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 [data-r="proof"]{grid-template-columns:1fr 1fr!important}
 [data-r="proof"] > div{border-left:0!important;padding-left:0!important;border-bottom:1px solid var(--color-divider)}
 [data-r="cta"] > div:last-child{justify-content:flex-start!important}
 [data-r="footer"]{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 [data-r="footer"] > :first-child{grid-column:1/-1}
 [data-r="h1"]{font-size:clamp(40px,6vw,58px)!important}
}
@media (max-width:640px){
 
 
 
 [data-r="stages"],[data-r="cards4"],[data-r="band"],[data-r="proof"],[data-r="evid"]{grid-template-columns:1fr!important}
 [data-r="footer"]{grid-template-columns:1fr 1fr!important}
 [data-r="cta"]{padding:32px 24px!important}
 [data-r="split"][class~="blueprint"]{padding:24px!important}
 [data-r="h2"]{font-size:34px!important}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* flow — every page uses the homepage's centred 1280 column and wraps like it */
.page .tag{white-space:nowrap}
.page > section:not([style*="background"]){max-width:1280px;margin-left:auto!important;margin-right:auto!important}
.page > section[style*="background:var(--color-accent-900)"] > div{max-width:1200px;margin-left:auto;margin-right:auto}
@media(max-width:1100px){
 .page [style*="grid-template-columns:minmax(0,"]{grid-template-columns:1fr!important}
 .page [style*="grid-template-columns:repeat(3"]:not(figure *){grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important}
 .page figure:not(.blueprint){overflow-x:auto}
}
/* no corner marks */
.corner,.blueprint > i.corner{display:none!important}
.blueprint::before,.blueprint::after{display:none!important}

/* wide layout — content aligns with the header edges */
.hdr-in{max-width:1520px;margin:0 auto;padding:0 56px}
.page > section,.page [data-r="hero"],.page [data-r="pad"],footer [data-r="footer"],.site-footer > div{max-width:1520px!important;padding-left:56px!important;padding-right:56px!important}
.page [data-r="hero"]{grid-template-columns:minmax(0,5fr) minmax(0,7fr)!important;gap:64px!important}
[data-r="fig-scroll"]{overflow:visible!important}
[data-r="fig-scroll"] > figure{min-width:0!important}
@media(max-width:1180px){.page [data-r="hero"]{grid-template-columns:1fr!important}}
@media(max-width:760px){[data-r="fig-scroll"]{overflow-x:auto!important}[data-r="fig-scroll"] > figure{min-width:640px!important}}
@media(max-width:640px){.hdr-in,.page > section,.page [data-r="hero"],.page [data-r="pad"],footer [data-r="footer"],.site-footer > div{padding-left:20px!important;padding-right:20px!important}}

/* hero space */
.page [data-r="hero"]{gap:96px!important;padding-top:96px!important;padding-bottom:120px!important;grid-template-columns:minmax(0,5fr) minmax(0,6fr)!important}
.page [data-r="hero"] [data-r="fig-scroll"] figure > div:nth-child(2){min-height:400px!important}
.page [data-r="hero"] [data-r="fig-scroll"] figure > div:nth-child(2) > div{padding:20px!important}
.page [data-r="hero"] + section{padding-top:24px!important}
@media(max-width:1180px){.page [data-r="hero"]{grid-template-columns:1fr!important;gap:56px!important;padding-top:64px!important;padding-bottom:80px!important}}

/* ===== Turn 4 components (pages with main.t4page) ===== */
.t4page{display:block}
.t4-in{max-width:1520px;margin:0 auto;padding:0 56px}
.t4-hero{padding:88px 0 80px;border-bottom:1px solid var(--color-divider)}
.t4-hero.dark{background:var(--color-accent-900);color:var(--color-bg);border-bottom:0}
.t4-hero-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:80px;align-items:center}
.t4-crumb{display:flex;gap:8px;flex-wrap:wrap;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--color-accent-700);margin-bottom:18px}
.t4-crumb a{color:inherit;text-decoration:none}.t4-crumb a:hover{text-decoration:underline}
.dark .t4-crumb{color:color-mix(in srgb,var(--color-bg) 78%,transparent)}
.t4-h1{font-family:var(--font-heading);font-weight:600;font-size:72px;line-height:1.02;letter-spacing:-.005em;margin:0 0 22px;max-width:17ch;text-wrap:balance}
.t4-lede{font-size:18px;line-height:1.6;margin:0;max-width:60ch;color:color-mix(in srgb,currentColor 80%,transparent);text-wrap:pretty}
.t4-hero .t4-lede{font-size:19px}
.t4-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px;align-items:center}
.t4page .btn{padding:12px 20px;font-size:15px;text-decoration:none}
.t4page .btn-primary{color:var(--color-bg)}.t4page .btn-secondary{color:var(--color-text)}
.t4-btn-inv{background:var(--color-bg);color:var(--color-accent-900)!important;border:1px solid var(--color-bg)}
.t4-btn-inv:hover{background:var(--color-accent-100)}
.t4-btn-line{background:transparent;color:var(--color-bg)!important;border:1px solid color-mix(in srgb,var(--color-bg) 60%,transparent)}
.t4-btn-line:hover{background:color-mix(in srgb,var(--color-bg) 12%,transparent)}
.t4-sec{padding-top:96px}.t4-sec.t4-last{padding-bottom:96px}.t4-sec.tight{padding-top:56px}
.t4-head{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:20px 64px;align-items:end;margin-bottom:40px}
.t4-head.solo{grid-template-columns:1fr}
.t4-kick{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--color-accent-700);margin-bottom:14px}
.t4-h2{font-family:var(--font-heading);font-weight:600;font-size:48px;line-height:1.03;margin:0;max-width:22ch;text-wrap:balance}
.t4-g2,.t4-g3,.t4-g4{display:grid;gap:20px}
.t4-g2{grid-template-columns:repeat(2,minmax(0,1fr))}.t4-g3{grid-template-columns:repeat(3,minmax(0,1fr))}.t4-g4{grid-template-columns:repeat(4,minmax(0,1fr))}
.t4-card{border:1px solid var(--color-divider);padding:28px;display:flex;flex-direction:column;gap:12px;min-width:0;color:inherit;text-decoration:none}
a.t4-card:hover{border-color:var(--color-accent);color:inherit}
.t4-card h3{font-family:var(--font-heading);font-weight:600;font-size:28px;line-height:1.05;margin:0}
.t4-card p{margin:0;font-size:15.5px;line-height:1.55;color:color-mix(in srgb,var(--color-text) 78%,transparent)}
.t4-top{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:22px}
.t4-num{font-size:12px;letter-spacing:.1em;font-weight:600;color:var(--color-accent-700);text-transform:uppercase}
.t4-more{margin-top:auto;padding-top:12px;font-size:14px;font-weight:600;color:var(--color-accent-700)}
.t4-list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:9px;font-size:15px;line-height:1.45}
.t4-list li{display:flex;gap:10px;align-items:baseline;flex-wrap:wrap}.t4-list li::before{content:"+";color:var(--color-accent-700);flex:none}
/* status badge — four variants; the state is the text */
.badge{display:inline-flex;align-items:center;font-size:12px;font-weight:600;letter-spacing:.02em;line-height:1.3;padding:3px 9px;white-space:nowrap;border:1px solid transparent}
.badge-available{border-color:var(--color-accent-700);color:var(--color-accent-900)}
.badge-soon{border-style:dashed;border-color:var(--color-accent-700);color:var(--color-accent-800)}
.badge-planned,.badge-engage{color:color-mix(in srgb,var(--color-text) 68%,transparent);padding-left:0;padding-right:0}
.badge-planned::before,.badge-engage::before{content:"";width:6px;height:6px;border:1px solid currentColor;margin-right:7px}
.dark .badge-available,.t4-band .badge-available{border-color:var(--color-bg);color:var(--color-bg)}
.dark .badge-soon,.t4-band .badge-soon{border-color:var(--color-bg);color:var(--color-bg)}
.dark .badge-planned,.dark .badge-engage,.t4-band .badge-planned{color:color-mix(in srgb,var(--color-bg) 80%,transparent)}
/* coming-soon row */
.t4-soon{margin-top:20px;border:1px dashed var(--color-accent-500);padding:18px 22px;display:grid;grid-template-columns:160px minmax(0,1fr);gap:16px;align-items:start}
.t4-soon-h{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--color-accent-800);padding-top:3px}
.t4-soon ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px 28px}
.t4-soon li{display:flex;gap:10px;align-items:center;font-size:15px;flex-wrap:wrap}
/* tables */
.t4-tablewrap{border-top:1px solid var(--color-text)}
.t4-table{width:100%;border-collapse:collapse;font-size:15px}
.t4-table caption{text-align:left;font-size:13px;padding:0 0 10px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}
.t4-table thead th{text-align:left;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding:12px 16px 12px 0;color:var(--color-accent-700);border-bottom:1px solid var(--color-divider)}
.t4-table tbody th,.t4-table td{text-align:left;vertical-align:top;padding:16px 16px 16px 0;border-bottom:1px solid var(--color-divider);line-height:1.5}
.t4-table tbody th{font-weight:600;width:28%}
.t4-table td:last-child{white-space:nowrap}
/* figures */
.t4-fig{margin:0;border:1px solid var(--color-divider);background:var(--color-bg);min-width:0}
.t4-fig-h{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--color-divider);font-size:13px;font-weight:600;flex-wrap:wrap}
.t4-fig-b{padding:20px;font-size:13.5px}
.t4-fig figcaption{padding:11px 16px;border-top:1px solid var(--color-divider);font-size:13px;line-height:1.5;color:color-mix(in srgb,var(--color-text) 74%,transparent)}
.t4-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--color-divider)}
.t4-row:first-child{border-top:0}
.t4-muted{color:color-mix(in srgb,var(--color-text) 72%,transparent)}
.t4-mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}
.t4-pill{display:inline-flex;font-size:12px;padding:2px 8px;border:1px solid var(--color-divider);white-space:nowrap}
.t4-pill.on{border-color:var(--color-accent-700);color:var(--color-accent-900);background:var(--color-accent-100)}
/* steps */
.t4-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));border-top:1px solid var(--color-text)}
.t4-steps li{padding:18px 18px 18px 0;display:flex;flex-direction:column;gap:6px;border-right:1px solid var(--color-divider);padding-left:18px}
.t4-steps li:first-child{padding-left:0}.t4-steps li:last-child{border-right:0}
.t4-steps b{font-family:var(--font-heading);font-weight:600;font-size:22px;line-height:1.1}
.t4-steps li > span:last-child:not(.t4-num){font-size:14px;line-height:1.45;color:color-mix(in srgb,var(--color-text) 74%,transparent)}
/* layers diagram */
.t4-layers{display:flex;flex-direction:column;gap:10px}
.t4-layer{display:grid;grid-template-columns:200px minmax(0,1fr);border:1px solid var(--color-divider)}
.t4-layer > b{padding:18px 20px;font-family:var(--font-heading);font-weight:600;font-size:20px;border-right:1px solid var(--color-divider)}
.t4-layer > div{padding:14px 20px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.t4-layer.core{background:var(--color-accent-900);color:var(--color-bg);border-color:var(--color-accent-900)}
.t4-layer.core > b{border-color:color-mix(in srgb,var(--color-bg) 30%,transparent)}
.t4-layer.core .t4-pill{border-color:color-mix(in srgb,var(--color-bg) 45%,transparent)}
/* band */
.t4-band{background:var(--color-accent-900);color:var(--color-bg);padding:56px;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:40px;align-items:center}
.t4-band .t4-actions{justify-content:flex-end;margin-top:0}
.t4-band .t4-lede{margin-top:14px}
.t4-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:center}
.t4-split.rev > :first-child{order:2}
.t4-note{font-size:13px;line-height:1.5;margin-top:14px;color:color-mix(in srgb,var(--color-text) 72%,transparent)}
.t4-field-dark{background:var(--color-accent-900);color:var(--color-bg);padding:28px 32px}
.t4-field-dark .t4-kick{color:color-mix(in srgb,var(--color-bg) 78%,transparent)}
/* forms on t4 pages */
.t4-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;border:1px solid var(--color-divider);padding:32px}
.t4-form .full{grid-column:1/-1}
.t4-form .chips{display:flex;flex-wrap:wrap;gap:8px}
.t4-form .form-status:empty{display:none}
.t4-org{display:flex;align-items:stretch;border:1px solid var(--color-divider);background:var(--color-bg)}
.t4-org span{display:flex;align-items:center;padding:0 12px;font-size:15px;color:color-mix(in srgb,var(--color-text) 70%,transparent)}
.t4-org .input{border:0!important;flex:1;min-width:0}
.ft-legal{display:flex;flex-wrap:wrap;gap:6px 16px}
@media(max-width:1180px){
 .t4-in{padding:0 32px}.t4-hero-grid,.t4-split,.t4-head,.t4-band{grid-template-columns:1fr}.t4-hero-grid{gap:48px}.t4-split.rev > :first-child{order:0}
 .t4-band .t4-actions{justify-content:flex-start}.t4-g4{grid-template-columns:repeat(2,minmax(0,1fr))}.t4-g3{grid-template-columns:repeat(2,minmax(0,1fr))}
 .t4-h1{font-size:56px;max-width:20ch}.t4-h2{font-size:40px}
}
@media(max-width:720px){
 .t4-in{padding:0 20px}.t4-hero{padding:56px 0}.t4-sec{padding-top:64px}.t4-sec.t4-last{padding-bottom:64px}
 .t4-g2,.t4-g3,.t4-g4{grid-template-columns:1fr}.t4-h1{font-size:40px}.t4-h2{font-size:32px}.t4-hero .t4-lede{font-size:17px}
 .t4-band{padding:32px 24px}.t4-card{padding:22px}.t4-form{grid-template-columns:1fr;padding:22px}
 .t4-soon{grid-template-columns:1fr}.t4-layer{grid-template-columns:1fr}.t4-layer > b{border-right:0;border-bottom:1px solid var(--color-divider)}
 .t4-steps li{border-right:0;padding-left:0;border-bottom:1px solid var(--color-divider)}
 .t4-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .t4-table,.t4-table tbody,.t4-table tr,.t4-table th,.t4-table td{display:block;width:auto!important}
 .t4-table tr{padding:14px 0;border-bottom:1px solid var(--color-divider)}
 .t4-table tbody th,.t4-table td{border:0;padding:3px 0;white-space:normal!important}
 .t4-table td::before{content:attr(data-l);display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;color:var(--color-accent-700);margin-top:6px}
 .t4-actions .btn{flex:1;justify-content:center;text-align:center}
}

.t4-legend{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;padding:14px 0;border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider)}
.t4-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.t4-chip{display:inline-flex;align-items:center;gap:8px;font-size:13px;padding:4px 10px;border:1px solid var(--color-divider)}.t4-chip .badge{font-size:11px;padding:1px 6px}.t4-chip .badge-planned,.t4-chip .badge-engage{padding:0}
.t4-matrix td,.t4-matrix th{text-align:center!important}.t4-matrix tbody th{text-align:left!important}