*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--noat-white)}a{text-decoration:none;color:inherit}.site-header{height:86px;position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;padding:0 4vw;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);gap:42px}.logo{font-weight:900;font-size:24px;letter-spacing:-1px}.logo span{display:block;font-size:9px;letter-spacing:1.8px;font-weight:600;color:#aaa}.site-header nav{display:flex;gap:30px;margin:auto;font-size:13px}.hero{min-height:100vh;position:relative;overflow:hidden;padding:170px 6vw 80px;display:flex;align-items:center;background:radial-gradient(circle at 70% 38%,#303238 0,#15171b 26%,#08090b 62%)}.hero:after{content:"NOAT";position:absolute;right:-3vw;bottom:-9vw;font-size:32vw;font-weight:950;letter-spacing:-3vw;color:rgba(255,255,255,.025)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,black,transparent 80%)}.hero-copy{position:relative;z-index:2;max-width:820px}.eyebrow{font-size:11px;letter-spacing:2.4px;font-weight:800;color:#b8bbc0}.hero h1{font-size:clamp(60px,8vw,132px);line-height:.86;letter-spacing:-.07em;margin:18px 0 32px}.hero h1 em,.statement em{font-style:normal;color:var(--red)}.hero-copy>p:not(.eyebrow){max-width:670px;font-size:19px;line-height:1.6;color:#c3c5c8}.actions{display:flex;gap:12px;margin-top:38px}.hero-card{position:absolute;z-index:2;right:6vw;bottom:11vh;width:310px;padding:26px;border:1px solid var(--color-border);border-radius:var(--radius);background:rgba(15,16,18,.66);backdrop-filter:blur(18px)}.hero-card span{font-size:9px;letter-spacing:2px;color:#aaa}.hero-card strong{display:block;font-size:27px;line-height:1.05;margin:14px 0}.hero-card p{color:#aaa;font-size:13px;line-height:1.5}.scroll{position:absolute;bottom:30px;left:6vw;font-size:9px;letter-spacing:2px;color:#777}.statement{padding:130px 7vw;background:#f3f1ed;color:#111}.statement .eyebrow{color:#666}.statement h2{max-width:1100px;font-size:clamp(42px,6vw,88px);line-height:1;letter-spacing:-.055em}.pill-row{display:flex;flex-wrap:wrap;gap:10px}.pill-row span{border:1px solid #ccc;padding:12px 18px;border-radius:var(--radius-pill);font-size:12px}.admin-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#2a2c31,#090a0c 55%)}.login-card{width:min(430px,92vw);padding:42px;border:1px solid var(--color-border);border-radius:28px;background:rgba(255,255,255,.045);box-shadow:0 30px 100px #0008}.brand-mark{width:48px;height:48px;border-radius:14px;background:var(--noat-brand);display:grid;place-items:center;font-weight:900;font-size:24px}.login-card h1{font-size:38px;margin:10px 0}.muted{color:#8e9298}.login-card .form-field{margin:18px 0}.login-card .btn{width:100%;margin:8px 0 22px}.login-card small{color:#686b71}.alert{background:#3b1619;border:1px solid #7b282d;padding:12px;border-radius:10px}.studio{background:var(--color-canvas);color:#15171a;min-height:100vh;display:flex}.sidebar{width:250px;background:#101114;color:var(--noat-white);padding:26px 18px;position:fixed;top:0;bottom:0;display:flex;flex-direction:column}.sidebar .logo{padding:0 12px 26px}.sidebar nav{display:grid;gap:3px}.sidebar nav a,.logout{padding:11px 13px;border-radius:10px;color:#a9adb4;font-size:13px}.sidebar nav a.active{background:#24262b;color:var(--noat-white)}.logout{margin-top:auto}.dashboard{margin-left:250px;padding:48px;width:calc(100% - 250px)}.dashboard header{display:flex;justify-content:space-between;align-items:center}.dashboard h1{font-size:42px;margin:5px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:35px 0}.stats article,.quick article,.foundation{background:var(--color-surface-light);border:1px solid var(--color-border-light);border-radius:18px;padding:24px}.stats b{display:block;font-size:28px}.stats span{color:#7c8087;font-size:12px}.quick{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.quick i{font-style:normal;font-size:24px}.quick p{color:#777;font-size:13px;min-height:40px}.quick button{border:0;background:none;font-weight:700;padding:0;cursor:pointer}.foundation{margin-top:25px}.progress{height:5px;background:#eee;border-radius:9px;overflow:hidden}.progress span{display:block;height:100%;background:var(--noat-brand)}@media(max-width:900px){.site-header nav{display:none}.site-header{justify-content:space-between}.hero-card{display:none}.sidebar{width:78px}.sidebar nav a,.logout,.sidebar .logo span{font-size:0}.sidebar nav a:before{content:"•";font-size:20px}.dashboard{margin-left:78px;width:calc(100% - 78px);padding:24px}.stats,.quick{grid-template-columns:1fr 1fr}.hero{padding-left:7vw}.hero h1{font-size:62px}}@media(max-width:560px){.stats,.quick{grid-template-columns:1fr}.dashboard header{align-items:flex-start;gap:15px;flex-direction:column}.hero h1{font-size:52px}.hero-copy>p:not(.eyebrow){font-size:16px}.actions{flex-direction:column;align-items:flex-start}}
.error-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 10%,#292c31,#090a0c 60%);padding:24px}.error-card{width:min(720px,94vw);padding:54px;border:1px solid var(--color-border);border-radius:28px;background:rgba(255,255,255,.045);box-shadow:0 30px 100px #0008}.error-card>span{font-size:12px;letter-spacing:3px;color:var(--red);font-weight:900}.error-card h1{font-size:clamp(38px,6vw,68px);letter-spacing:-.05em;line-height:1;margin:14px 0}.error-card p{color:#a9adb4;font-size:17px;line-height:1.6}.error-card pre{overflow:auto;background:#050506;padding:14px;border-radius:12px;color:#ddd}

/* STEP015 shell consumption of theme contract. */
html{background:var(--theme-bg);color:var(--theme-text)}body{background:var(--theme-bg);color:var(--theme-text)}


/* STEP016 — accessibility and visual-QA release gate. */
.skip-link{position:fixed;z-index:var(--z-modal);top:var(--space-3);left:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);background:var(--noat-white);color:var(--noat-ink);font-weight:var(--font-weight-bold);transform:translateY(-160%);transition:transform var(--transition-fast)}
.skip-link:focus-visible{transform:translateY(0)}
:target{scroll-margin-top:6rem}
@media (forced-colors:active){.btn,.card,.form-control,.badge,.icon-box{border:1px solid ButtonText}.btn:focus-visible,.form-control:focus-visible,a:focus-visible{outline:2px solid Highlight!important;outline-offset:3px}.progress span{background:Highlight}}
@media print{.skip-link,.site-header,.scroll{display:none!important}*{box-shadow:none!important;text-shadow:none!important}body{background:#fff!important;color:#000!important}}

/* STEP017 — public high-end header: transparent hero state + sticky scrolled state. */
.site-header{--header-fg:var(--noat-white);height:86px;position:fixed;z-index:var(--z-sticky);top:0;left:0;right:0;display:flex;align-items:center;padding:0 var(--page-gutter);border-bottom:1px solid transparent;background:linear-gradient(to bottom,rgba(5,6,8,.54),rgba(5,6,8,0));backdrop-filter:none;-webkit-backdrop-filter:none;gap:clamp(20px,3vw,42px);color:var(--header-fg);transition:height var(--transition-slow),background-color var(--transition-slow),border-color var(--transition-slow),box-shadow var(--transition-slow),backdrop-filter var(--transition-slow)}
.site-header::after{content:"";position:absolute;left:var(--page-gutter);right:var(--page-gutter);bottom:0;height:1px;background:rgba(255,255,255,.12);transition:opacity var(--transition-base);pointer-events:none}
.site-header.is-scrolled{height:72px;background:rgba(8,9,11,.88);border-bottom-color:rgba(255,255,255,.10);box-shadow:0 12px 36px rgba(0,0,0,.22);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}
.site-header.is-scrolled::after{opacity:0}
.site-header .logo{position:relative;z-index:2;flex:0 0 auto;transition:transform var(--transition-base)}
.site-header .logo:hover{transform:translateY(-1px)}
.site-header nav{height:100%;align-items:center}
.site-header nav a{position:relative;display:flex;align-items:center;height:100%;color:rgba(255,255,255,.78);font-weight:var(--font-weight-semibold);transition:color var(--transition-fast)}
.site-header nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--noat-brand);transition:right var(--transition-base)}
.site-header nav a:hover,.site-header nav a:focus-visible{color:var(--noat-white)}
.site-header nav a:hover::after,.site-header nav a:focus-visible::after{right:0}
.site-header>.btn{flex:0 0 auto;white-space:nowrap}
.header-sentinel{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
@media(max-width:900px){.site-header{height:74px}.site-header.is-scrolled{height:66px}.site-header>.btn{min-height:var(--control-height-sm);padding-inline:var(--space-4)}}
@media(max-width:560px){.site-header{padding-inline:var(--space-5)}.site-header>.btn{font-size:var(--text-xs)}.logo{font-size:21px}.logo span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header .logo,.site-header nav a::after{transition:none}}
@media(forced-colors:active){.site-header,.site-header.is-scrolled{background:Canvas;border-bottom:1px solid CanvasText;color:CanvasText;backdrop-filter:none}.site-header nav a{color:LinkText}.site-header::after{display:none}}

/* STEP017 — high-end public header: transparent hero state + sticky scrolled state. */
.site-header{--header-h:86px;height:var(--header-h);position:fixed;z-index:var(--z-sticky);top:0;left:0;right:0;padding:0 max(var(--page-gutter),4vw);border-bottom:1px solid transparent;background:linear-gradient(180deg,rgba(5,6,8,.46),rgba(5,6,8,0));backdrop-filter:none;-webkit-backdrop-filter:none;transition:height var(--transition-base),background-color var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),backdrop-filter var(--transition-base);isolation:isolate}
.site-header::before{content:"";position:absolute;inset:0;z-index:-1;background:rgba(10,11,13,.88);opacity:0;transition:opacity var(--transition-base);backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%)}
.site-header.is-scrolled{--header-h:72px;border-bottom-color:rgba(255,255,255,.09);box-shadow:0 12px 38px rgba(0,0,0,.2)}
.site-header.is-scrolled::before{opacity:1}
.site-header .logo{display:flex;flex-direction:column;justify-content:center;min-width:max-content;position:relative;z-index:1}
.site-header nav{height:100%;align-items:stretch}
.site-header nav a{position:relative;display:flex;align-items:center;color:rgba(255,255,255,.78);font-weight:650;transition:color var(--transition-fast)}
.site-header nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--noat-brand);transform:scaleX(0);transform-origin:center;transition:transform var(--transition-fast)}
.site-header nav a:hover,.site-header nav a:focus-visible{color:#fff}
.site-header nav a:hover::after,.site-header nav a:focus-visible::after,.site-header nav a[aria-current="page"]::after{transform:scaleX(1)}
.site-header .header-cta{white-space:nowrap;border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.055)}
.site-header.is-scrolled .header-cta{background:rgba(255,255,255,.08)}
.site-header.header-hidden{transform:translateY(-105%)}
.site-header{transform:translateY(0);will-change:transform;transition-property:height,background-color,border-color,box-shadow,backdrop-filter,transform}
@media(max-width:900px){.site-header{--header-h:74px;padding-inline:var(--page-gutter);gap:var(--space-4)}.site-header.is-scrolled{--header-h:66px}.site-header .header-cta{margin-left:auto}.site-header .logo{font-size:22px}}
@media(max-width:560px){.site-header .header-cta{min-height:40px;padding-inline:14px;font-size:12px}.site-header .logo span{font-size:8px;letter-spacing:1.25px}}
@media(max-width:390px){.site-header .header-cta{display:none}}
@media(prefers-reduced-motion:reduce){.site-header,.site-header::before,.site-header nav a,.site-header nav a::after{transition:none!important}}
@media(forced-colors:active){.site-header{border-bottom:1px solid CanvasText;background:Canvas}.site-header::before{display:none}.site-header nav a{color:CanvasText}}

/* STEP018 — desktop mega navigation */
.desktop-nav{display:flex!important;align-items:stretch;justify-content:center;gap:clamp(14px,1.8vw,28px);margin:auto;height:100%;font-size:13px}
.nav-item{display:flex;align-items:stretch;height:100%}
.nav-trigger,.nav-direct{appearance:none;border:0;background:transparent;color:rgba(255,255,255,.78);font:inherit;font-weight:650;cursor:pointer;display:flex;align-items:center;gap:6px;height:100%;padding:0;position:relative;white-space:nowrap}
.nav-trigger>span{font-size:13px;transition:transform var(--transition-fast)}
.nav-trigger::after,.nav-direct::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--noat-brand);transform:scaleX(0);transition:transform var(--transition-fast)}
.nav-trigger:hover,.nav-trigger:focus-visible,.nav-trigger[aria-expanded="true"],.nav-direct:hover,.nav-direct:focus-visible{color:#fff}
.nav-trigger:hover::after,.nav-trigger:focus-visible::after,.nav-trigger[aria-expanded="true"]::after,.nav-direct:hover::after,.nav-direct:focus-visible::after{transform:scaleX(1)}
.nav-trigger[aria-expanded="true"]>span{transform:rotate(180deg)}
.mega-menu{position:absolute;top:100%;left:max(var(--page-gutter),4vw);right:max(var(--page-gutter),4vw);visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast),visibility 0s linear var(--duration-fast)}
.nav-item.is-open .mega-menu{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto;transition-delay:0s}
.mega-inner{display:grid;grid-template-columns:minmax(250px,.72fr) 1.6fr;gap:clamp(28px,4vw,68px);padding:clamp(28px,3vw,46px);border:1px solid rgba(255,255,255,.1);border-top:2px solid var(--noat-brand);border-radius:0 0 var(--radius-xl) var(--radius-xl);background:rgba(10,11,13,.97);box-shadow:0 28px 80px rgba(0,0,0,.42);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
.mega-intro{padding-right:clamp(10px,2vw,30px);border-right:1px solid rgba(255,255,255,.09)}
.mega-kicker,.mega-label{display:block;color:var(--noat-brand);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;margin-bottom:13px}
.mega-intro strong{display:block;font-size:clamp(22px,2vw,31px);line-height:1.08;letter-spacing:-.035em;max-width:390px}.mega-intro p{color:#9da1a8;line-height:1.55;max-width:430px;margin:14px 0 24px}
.mega-feature{display:inline-flex!important;height:auto!important;gap:10px;color:#fff!important;font-weight:750!important}.mega-feature::after{display:none!important}
.mega-links{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:clamp(24px,4vw,60px)}
.mega-links>div{display:flex;flex-direction:column;align-items:stretch;gap:3px}.mega-links a{height:auto!important;display:block!important;padding:10px 12px!important;margin-left:-12px;border-radius:var(--radius-md);font-size:14px;color:#e7e8ea!important}.mega-links a::after{display:none!important}.mega-links a:hover,.mega-links a:focus-visible{background:rgba(255,255,255,.065);color:#fff!important}.mega-links small{display:block;color:#81868e;font-size:11px;font-weight:450;margin-top:4px;line-height:1.35}
.mega-backdrop{position:fixed;inset:var(--header-h,72px) 0 0;background:rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity var(--transition-fast);z-index:-1}.site-header.mega-open .mega-backdrop{opacity:1}
@media(max-width:1100px){.desktop-nav{gap:16px}.nav-trigger,.nav-direct{font-size:12px}.mega-inner{grid-template-columns:1fr 1.8fr}}
@media(max-width:900px){.desktop-nav{display:none!important}}
@media(prefers-reduced-motion:reduce){.mega-menu,.nav-trigger>span,.mega-backdrop{transition:none!important}}
@media(forced-colors:active){.mega-inner{background:Canvas;border:1px solid CanvasText}.nav-trigger,.nav-direct,.mega-links a,.mega-intro strong{color:CanvasText!important}.mega-intro{border-right-color:CanvasText}}

/* STEP019 — dedicated mobile/touch navigation (not a compressed mega menu). */
.mobile-nav-toggle{display:none;appearance:none;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.06);color:#fff;width:46px;height:46px;border-radius:var(--radius-md);align-items:center;justify-content:center;cursor:pointer;padding:0;position:relative;z-index:3}
.mobile-nav-toggle-lines,.mobile-nav-toggle-lines::before,.mobile-nav-toggle-lines::after{display:block;width:20px;height:2px;background:currentColor;border-radius:2px;transition:transform var(--transition-fast),opacity var(--transition-fast)}
.mobile-nav-toggle-lines{position:relative}.mobile-nav-toggle-lines::before,.mobile-nav-toggle-lines::after{content:"";position:absolute;left:0}.mobile-nav-toggle-lines::before{top:-6px}.mobile-nav-toggle-lines::after{top:6px}.mobile-nav-toggle[aria-expanded="true"] .mobile-nav-toggle-lines{background:transparent}.mobile-nav-toggle[aria-expanded="true"] .mobile-nav-toggle-lines::before{top:0;transform:rotate(45deg)}.mobile-nav-toggle[aria-expanded="true"] .mobile-nav-toggle-lines::after{top:0;transform:rotate(-45deg)}
.mobile-nav{display:none}.mobile-nav-backdrop{display:none}
@media(max-width:900px){
 body.mobile-nav-open{overflow:hidden;touch-action:none}.site-header.mobile-nav-open{height:var(--header-h);transform:none!important;background:rgba(10,11,13,.98);border-bottom-color:rgba(255,255,255,.09)}.site-header.mobile-nav-open::before{opacity:1}
 .mobile-nav-toggle{display:inline-flex;flex:0 0 auto}.site-header .header-cta{margin-left:auto}.mobile-nav{display:flex;position:fixed;z-index:calc(var(--z-sticky) - 1);top:var(--header-h,74px);right:0;bottom:0;width:min(440px,100vw);padding:var(--space-5) var(--page-gutter) calc(var(--space-8) + env(safe-area-inset-bottom));flex-direction:column;overflow:auto;overscroll-behavior:contain;background:#0b0c0e;border-left:1px solid rgba(255,255,255,.08);transform:translateX(105%);visibility:hidden;transition:transform var(--transition-base),visibility 0s linear var(--duration-base)}
 .site-header.mobile-nav-open .mobile-nav{transform:translateX(0);visibility:visible;transition-delay:0s}.mobile-nav-backdrop{display:block;position:fixed;z-index:calc(var(--z-sticky) - 2);inset:var(--header-h,74px) 0 0;background:rgba(0,0,0,.58);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition-base),visibility 0s linear var(--duration-base)}.site-header.mobile-nav-open .mobile-nav-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
 .mobile-nav-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:4px 0 18px;border-bottom:1px solid rgba(255,255,255,.09)}.mobile-nav-head strong{font-size:20px}.mobile-nav-head span{display:block;color:#888e96;font-size:11px;margin-top:3px}.mobile-nav-groups{display:grid;gap:6px;padding:14px 0}.mobile-nav-group{border-bottom:1px solid rgba(255,255,255,.08)}.mobile-nav-trigger{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;background:none;border:0;color:#f4f5f6;font:inherit;font-size:17px;font-weight:750;text-align:left;cursor:pointer}.mobile-nav-trigger span{font-size:20px;transition:transform var(--transition-fast)}.mobile-nav-trigger[aria-expanded="true"] span{transform:rotate(45deg)}.mobile-nav-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--transition-base)}.mobile-nav-panel>div{overflow:hidden}.mobile-nav-trigger[aria-expanded="true"]+.mobile-nav-panel{grid-template-rows:1fr}.mobile-nav-links{display:grid;gap:2px;padding:0 0 16px}.mobile-nav-links a{display:block;padding:12px 14px;border-radius:var(--radius-md);color:#c8cbd0;font-size:14px;line-height:1.3}.mobile-nav-links a:hover,.mobile-nav-links a:focus-visible{background:rgba(255,255,255,.07);color:#fff}.mobile-nav-links small{display:block;margin-top:4px;color:#7f858d;font-size:11px}.mobile-nav-direct{display:flex;align-items:center;justify-content:space-between;min-height:58px;color:#f4f5f6;font-size:17px;font-weight:750;border-bottom:1px solid rgba(255,255,255,.08)}.mobile-nav-actions{display:grid;gap:10px;margin-top:auto;padding-top:22px}.mobile-nav-actions .btn{width:100%}
}
@media(max-width:560px){.site-header .header-cta{display:none}.mobile-nav{width:100vw}.mobile-nav-toggle{width:44px;height:44px}.mobile-nav-head strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.mobile-nav,.mobile-nav-backdrop,.mobile-nav-panel,.mobile-nav-trigger span,.mobile-nav-toggle-lines,.mobile-nav-toggle-lines::before,.mobile-nav-toggle-lines::after{transition:none!important}}
@media(forced-colors:active){.mobile-nav-toggle,.mobile-nav{background:Canvas;color:CanvasText;border-color:CanvasText}.mobile-nav-backdrop{background:Canvas}.mobile-nav-trigger,.mobile-nav-direct,.mobile-nav-links a{color:LinkText}.mobile-nav-group,.mobile-nav-direct,.mobile-nav-head{border-color:CanvasText}}

/* STEP020 — complete public footer shell. */
.site-footer{position:relative;overflow:hidden;background:#08090b;color:#fff;border-top:1px solid rgba(255,255,255,.08);padding:0 var(--page-gutter)}
.site-footer::before{content:"";position:absolute;width:520px;height:520px;right:-180px;top:90px;border-radius:50%;background:radial-gradient(circle,rgba(227,27,35,.12),transparent 68%);pointer-events:none}
.footer-cta{position:relative;display:grid;grid-template-columns:minmax(0,1.4fr) auto;align-items:end;gap:var(--space-10);padding:clamp(56px,7vw,92px) 0 clamp(46px,6vw,72px);border-bottom:1px solid rgba(255,255,255,.11)}
.footer-cta h2{margin:8px 0 14px;font-size:clamp(34px,4.5vw,66px);line-height:.98;letter-spacing:-.045em;max-width:850px}.footer-cta p:not(.eyebrow){max-width:720px;margin:0;color:#9da1a8;line-height:1.65}.footer-cta-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-3)}
.footer-main{position:relative;display:grid;grid-template-columns:minmax(220px,.85fr) minmax(430px,1.55fr) minmax(240px,.75fr);gap:clamp(34px,5vw,78px);padding:clamp(52px,6vw,82px) 0}
.footer-brand{max-width:360px}.footer-logo{display:inline-flex;flex-direction:column;color:#fff;font-size:29px;font-weight:900;letter-spacing:-.055em;line-height:.8}.footer-logo span{margin-top:9px;color:#858a92;font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.footer-brand>p{color:#8f949c;line-height:1.65;margin:28px 0 22px;font-size:14px}.footer-contact-link,.footer-update-link{display:inline-flex;align-items:center;gap:9px;color:#fff;font-weight:700;font-size:13px}.footer-contact-link span,.footer-update-link span{transition:transform var(--transition-fast)}.footer-contact-link:hover span,.footer-contact-link:focus-visible span,.footer-update-link:hover span,.footer-update-link:focus-visible span{transform:translateX(4px)}
.footer-nav{display:grid;grid-template-columns:repeat(3,minmax(130px,1fr));gap:clamp(24px,4vw,52px)}.footer-nav>div{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-nav h3,.footer-updates h3{margin:0 0 10px;color:#fff;font-size:13px;letter-spacing:.02em}.footer-nav a{color:#8f949c;font-size:13px;line-height:1.45;transition:color var(--transition-fast),transform var(--transition-fast)}.footer-nav a:hover,.footer-nav a:focus-visible{color:#fff;transform:translateX(3px)}
.footer-updates{align-self:start;padding:24px;border:1px solid rgba(255,255,255,.11);border-radius:var(--radius-lg);background:rgba(255,255,255,.035)}.footer-kicker{display:block;color:var(--noat-brand);font-size:9px;font-weight:800;letter-spacing:.18em;margin-bottom:13px}.footer-updates h3{font-size:19px;letter-spacing:-.025em}.footer-updates p{color:#8f949c;font-size:12px;line-height:1.6;margin:0 0 20px}
.footer-bottom{position:relative;min-height:74px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;border-top:1px solid rgba(255,255,255,.1);color:#71767e;font-size:11px}.footer-bottom p{margin:0}.footer-bottom nav{display:flex;justify-content:center;flex-wrap:wrap;gap:22px}.footer-bottom nav span{color:#777c84}.footer-top{justify-self:end;color:#a1a5ab;font-weight:650}.footer-top:hover,.footer-top:focus-visible{color:#fff}
@media(max-width:1050px){.footer-main{grid-template-columns:1fr 1.7fr}.footer-updates{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.footer-updates .footer-kicker{margin:0}.footer-updates h3{margin:0}.footer-updates p{display:none}}
@media(max-width:760px){.footer-cta{grid-template-columns:1fr;align-items:start}.footer-cta-actions{justify-content:flex-start}.footer-main{grid-template-columns:1fr}.footer-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-updates{grid-column:auto;display:block}.footer-updates .footer-kicker{margin-bottom:13px}.footer-updates h3{margin-bottom:10px}.footer-updates p{display:block}.footer-bottom{grid-template-columns:1fr auto;padding:22px 0}.footer-bottom nav{grid-column:1/-1;grid-row:1;justify-content:flex-start}.footer-bottom p{grid-column:1}.footer-top{grid-column:2}}
@media(max-width:480px){.footer-cta-actions{display:grid;width:100%}.footer-cta-actions .btn{width:100%}.footer-nav{grid-template-columns:1fr 1fr;gap:30px 20px}.footer-main{padding-block:48px}.footer-bottom nav{gap:14px}.footer-top{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.footer-contact-link span,.footer-update-link span,.footer-nav a{transition:none!important}}
@media(forced-colors:active){.site-footer,.footer-updates{background:Canvas;color:CanvasText;border-color:CanvasText}.footer-nav a,.footer-brand>p,.footer-updates p,.footer-bottom,.footer-bottom nav span{color:CanvasText}.footer-kicker{color:LinkText}}
@media print{.site-footer{display:none!important}}

/* STEP021 — global search overlay and scalable search-result foundation. */
.search-toggle{display:inline-flex;align-items:center;gap:7px;min-height:42px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:#d9dce0;font:inherit;font-size:12px;font-weight:700;cursor:pointer}.search-toggle>span:first-child{font-size:22px;line-height:1}.search-toggle:hover,.search-toggle:focus-visible{color:#fff;background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.09)}
.search-overlay{width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;border:0;background:rgba(7,8,10,.94);color:#fff;overflow:auto}.search-overlay::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(7px)}.search-shell{width:min(1120px,calc(100% - 2 * var(--page-gutter)));margin:0 auto;padding:clamp(42px,8vh,92px) 0 60px}.search-head{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.search-kicker{color:var(--noat-brand);font-size:10px;font-weight:850;letter-spacing:.2em}.search-head h2{margin:8px 0 0;font-size:clamp(34px,5vw,68px);line-height:1;letter-spacing:-.045em}.search-close{flex:0 0 auto;width:48px;height:48px;border:1px solid rgba(255,255,255,.14);border-radius:50%;background:rgba(255,255,255,.05);color:#fff;font-size:28px;cursor:pointer}.search-close:hover,.search-close:focus-visible{background:#fff;color:#0b0c0e}.search-form{position:relative;display:flex;align-items:center;margin-top:clamp(36px,6vh,64px);border-bottom:2px solid rgba(255,255,255,.2)}.search-form:focus-within{border-color:var(--noat-brand)}.search-symbol{font-size:32px;color:#8d929a}.search-form input{width:100%;height:78px;padding:0 60px 0 18px;border:0;outline:0;background:transparent;color:#fff;font:inherit;font-size:clamp(21px,3vw,34px);font-weight:650;letter-spacing:-.02em}.search-form input::placeholder{color:#666b72}.search-form kbd{position:absolute;right:0;border:1px solid rgba(255,255,255,.18);border-radius:6px;padding:5px 7px;color:#8f949b;background:rgba(255,255,255,.04);font-size:9px}.search-help{margin:10px 0 0;color:#737880;font-size:11px}.search-content{margin-top:36px}.search-results{display:grid;gap:8px}.search-result{display:grid;grid-template-columns:120px 1fr auto;align-items:center;gap:24px;width:100%;padding:18px 20px;border:1px solid transparent;border-radius:var(--radius-lg);background:transparent;color:#fff;text-align:left;text-decoration:none}.search-result:hover,.search-result[aria-selected="true"],.search-result:focus-visible{background:rgba(255,255,255,.065);border-color:rgba(255,255,255,.1)}.search-result-type{color:var(--noat-brand);font-size:9px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.search-result strong{display:block;font-size:17px}.search-result small{display:block;margin-top:4px;color:#858a92;font-size:12px}.search-result-arrow{font-size:20px}.search-empty>span{display:block;margin-bottom:14px;color:#747981;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.search-quick{display:flex;flex-wrap:wrap;gap:9px}.search-quick button{min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(255,255,255,.035);color:#d9dce0;font:inherit;font-size:12px;cursor:pointer}.search-quick button:hover,.search-quick button:focus-visible{background:#fff;color:#111}.search-foot{display:flex;justify-content:space-between;gap:20px;margin-top:44px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09);color:#686d75;font-size:10px}.mobile-nav-search{display:none}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:900px){.search-toggle{margin-left:auto}.search-toggle-label{display:none}.site-header .search-toggle+.header-cta{margin-left:0}.mobile-nav-search{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:58px;padding:0;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:none;color:#f4f5f6;font:inherit;font-size:17px;font-weight:750;text-align:left}.mobile-nav-search span:last-child{font-size:23px}.search-shell{padding-top:34px}.search-result{grid-template-columns:1fr auto;gap:8px 16px}.search-result-type{grid-column:1}.search-result-copy{grid-column:1}.search-result-arrow{grid-column:2;grid-row:1/3}.search-foot{display:grid}}
@media(max-width:560px){.search-toggle{display:inline-flex;margin-left:auto}.search-form input{height:68px;padding-left:10px;font-size:20px}.search-form kbd{display:none}.search-symbol{font-size:26px}.search-result{padding:15px 12px}.search-close{width:44px;height:44px}.search-head h2{font-size:34px}.search-help{line-height:1.5}}
@media(prefers-reduced-motion:reduce){.search-overlay::backdrop{backdrop-filter:none}.search-result,.search-close,.search-quick button{transition:none!important}}
@media(forced-colors:active){.search-overlay,.search-close,.search-quick button{background:Canvas;color:CanvasText;border-color:CanvasText}.search-form,.search-result{border-color:CanvasText}.search-result-type,.search-kicker{color:LinkText}}
@media print{.search-toggle,.search-overlay{display:none!important}}

/* STEP023 — global quick-contact floater. Phone/WhatsApp are rendered only when configured. */
.contact-floater{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(22px,calc(env(safe-area-inset-bottom) + 22px));z-index:var(--z-popover,60);display:grid;justify-items:end;gap:10px}.contact-floater-toggle{min-height:52px;padding:0 17px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:#111318;color:#fff;box-shadow:0 14px 42px rgba(0,0,0,.28);display:flex;align-items:center;gap:10px;font:inherit;font-size:12px;font-weight:800;letter-spacing:.04em;cursor:pointer}.contact-floater-toggle>span:last-child{font-size:19px;font-weight:400;transition:transform .2s ease}.contact-floater.is-open .contact-floater-toggle>span:last-child{transform:rotate(45deg)}.contact-floater-pulse{width:8px;height:8px;border-radius:50%;background:var(--noat-brand);box-shadow:0 0 0 5px color-mix(in srgb,var(--noat-brand) 16%,transparent)}.contact-floater-panel{width:min(370px,calc(100vw - 28px));padding:22px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(13,15,18,.96);color:#fff;box-shadow:0 28px 80px rgba(0,0,0,.38);backdrop-filter:blur(20px);transform-origin:bottom right;opacity:0;transform:translateY(8px) scale(.97);visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s}.contact-floater.is-open .contact-floater-panel{opacity:1;transform:none;visibility:visible;pointer-events:auto}.contact-floater-head>span{display:block;color:var(--noat-brand);font-size:9px;font-weight:850;letter-spacing:.18em}.contact-floater-head strong{display:block;margin-top:8px;font-size:22px;letter-spacing:-.025em}.contact-floater-head p{margin:8px 0 0;color:#969ba3;font-size:12px;line-height:1.55}.contact-floater-actions{display:grid;gap:7px;margin-top:18px}.contact-floater-actions>a{min-height:64px;padding:10px 12px;border:1px solid rgba(255,255,255,.09);border-radius:14px;display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.035);transition:background .16s ease,border-color .16s ease,transform .16s ease}.contact-floater-actions>a:hover,.contact-floater-actions>a:focus-visible{background:rgba(255,255,255,.085);border-color:rgba(255,255,255,.18);transform:translateY(-1px)}.contact-action-icon{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;background:var(--noat-brand);color:#fff;font-weight:900}.contact-floater-actions strong,.contact-floater-actions small{display:block}.contact-floater-actions strong{font-size:13px}.contact-floater-actions small{margin-top:3px;color:#8f949b;font-size:10px}.contact-floater-note{margin:14px 0 0;padding-top:13px;border-top:1px solid rgba(255,255,255,.08);color:#747a82;font-size:10px;line-height:1.5}.back-to-top{right:max(18px,env(safe-area-inset-right));bottom:max(86px,calc(env(safe-area-inset-bottom) + 86px))}
@media(max-width:560px){.contact-floater{right:max(12px,env(safe-area-inset-right));bottom:max(12px,calc(env(safe-area-inset-bottom) + 12px))}.contact-floater-toggle{min-height:50px}.contact-floater-panel{width:calc(100vw - 24px);padding:18px}.back-to-top{right:max(12px,env(safe-area-inset-right));bottom:max(76px,calc(env(safe-area-inset-bottom) + 76px))}}
@media(prefers-reduced-motion:reduce){.contact-floater-panel,.contact-floater-toggle>span:last-child,.contact-floater-actions>a{transition:none!important;transform:none!important}}
@media(forced-colors:active){.contact-floater-toggle,.contact-floater-panel,.contact-floater-actions>a,.contact-action-icon{background:Canvas;color:CanvasText;border-color:CanvasText}.contact-floater-pulse{background:Highlight;box-shadow:none}}
@media print{.contact-floater{display:none!important}}


/* STEP024 — shell performance and responsive interaction hardening. */
.site-header,.context-nav,.site-footer,.contact-floater{contain:layout style}
.mega-menu,.mobile-nav,.search-overlay,.contact-floater-panel{overscroll-behavior:contain}
.site-footer{content-visibility:auto;contain-intrinsic-size:auto 760px}
button,a,[role="button"]{-webkit-tap-highlight-color:transparent}
@media(max-width:900px){.mobile-nav{scrollbar-gutter:stable}.mobile-nav-trigger,.mobile-nav-direct,.mobile-nav-search{touch-action:manipulation}}
@media(min-width:901px){.nav-trigger,.nav-direct,.search-toggle{touch-action:manipulation}}
@media(max-width:360px){.site-header{gap:8px}.site-header .logo{font-size:20px}.search-toggle{width:42px}.mobile-nav-toggle{width:42px;height:42px}.contact-floater-toggle{max-width:calc(100vw - 24px)}}
@media print{.site-header,.context-nav,.back-to-top,.contact-floater,.search-overlay{display:none!important}.site-footer{content-visibility:visible}}

/* STEP025 — cinematic NOAT hero. */
.hero-cinematic{isolation:isolate;min-height:max(760px,100svh);padding:clamp(150px,17vh,210px) max(6vw,var(--page-gutter)) 96px;background:linear-gradient(115deg,#07080a 0%,#101216 47%,#090a0c 100%)}
.hero-cinematic:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,8,10,.98) 0%,rgba(7,8,10,.9) 38%,rgba(7,8,10,.28) 70%,rgba(7,8,10,.72) 100%)}
.hero-cinematic:after{content:"NOAT";right:-2vw;bottom:-7vw;z-index:-1;font-size:min(31vw,520px);color:rgba(255,255,255,.022);pointer-events:none}
.hero-cinematic .hero-grid{z-index:-1;background-size:72px 72px;opacity:.7;mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.8) 58%,transparent 95%)}
.hero-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(2px);pointer-events:none}.hero-glow-a{width:50vw;height:50vw;right:-10vw;top:-12vw;background:radial-gradient(circle,rgba(224,30,45,.14),transparent 68%)}.hero-glow-b{width:38vw;height:38vw;left:36vw;bottom:-25vw;background:radial-gradient(circle,rgba(255,255,255,.055),transparent 68%)}
.hero-cinematic .hero-copy{width:min(760px,58vw);max-width:none}.hero-cinematic .eyebrow{display:flex;align-items:center;gap:12px;color:#c6c9ce}.hero-cinematic .eyebrow:before{content:"";width:34px;height:1px;background:var(--noat-brand)}.hero-cinematic h1{font-size:clamp(64px,7.8vw,128px);max-width:900px;margin:24px 0 30px}.hero-cinematic h1 em{display:inline-block}.hero-lead{max-width:660px!important;font-size:clamp(16px,1.35vw,20px)!important;color:#b9bdc4!important}.hero-cinematic .actions{margin-top:34px}.hero-cinematic .actions .btn{min-height:54px;padding-inline:22px}
.hero-trust{display:flex;flex-wrap:wrap;gap:8px 24px;margin-top:54px;padding-top:20px;border-top:1px solid rgba(255,255,255,.09);max-width:650px}.hero-trust span{display:flex;gap:8px;align-items:center;color:#8e939b;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.hero-trust b{color:var(--noat-brand);font-size:9px}
.hero-machine{position:absolute;z-index:0;right:3vw;top:50%;width:min(47vw,720px);aspect-ratio:1.15;transform:translateY(-48%);perspective:1100px;pointer-events:none}.hero-machine-frame{position:absolute;inset:12% 5% 15%;transform:rotateX(62deg) rotateZ(-30deg);transform-style:preserve-3d}.machine-table{position:absolute;left:12%;right:8%;bottom:8%;height:48%;border:1px solid rgba(255,255,255,.2);background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(255,255,255,.015));box-shadow:inset 0 0 40px rgba(255,255,255,.025),0 40px 70px rgba(0,0,0,.5)}.machine-workpiece{position:absolute;left:26%;right:24%;bottom:22%;height:22%;border:1px solid rgba(224,30,45,.75);background:linear-gradient(135deg,rgba(224,30,45,.22),rgba(224,30,45,.04));box-shadow:0 0 36px rgba(224,30,45,.12)}.machine-rail{position:absolute;top:4%;bottom:4%;width:7%;border:1px solid rgba(255,255,255,.22);background:linear-gradient(90deg,#171a1f,#31353b,#111318)}.rail-a{left:8%}.rail-b{right:4%}.machine-bridge{position:absolute;left:5%;right:1%;top:22%;height:10%;border:1px solid rgba(255,255,255,.25);background:linear-gradient(#34383e,#16181c);box-shadow:0 12px 35px rgba(0,0,0,.4);transform:translateZ(85px)}.machine-head{position:absolute;left:54%;top:14%;width:12%;height:30%;border:1px solid rgba(255,255,255,.28);background:linear-gradient(120deg,#3c4148,#17191d);transform:translateZ(105px);box-shadow:0 15px 28px rgba(0,0,0,.45)}.machine-head:after{content:"";position:absolute;left:43%;top:100%;width:15%;height:58%;background:linear-gradient(#d6d8db,#5e6268)}.machine-head i{position:absolute;inset:10% 18% auto;height:3px;background:var(--noat-brand);box-shadow:0 0 16px rgba(224,30,45,.65)}
.hero-machine-orbit{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:rotate(-18deg)}.orbit-a{inset:2% 0 7% 5%}.orbit-b{inset:15% 12% 20% 18%;border-color:rgba(224,30,45,.16)}.hero-machine-label{position:absolute;right:4%;top:17%;padding:14px 16px;border-left:1px solid rgba(224,30,45,.7);background:linear-gradient(90deg,rgba(8,9,11,.6),transparent)}.hero-machine-label span,.hero-machine-label small{display:block;color:#777d85;font-size:8px;letter-spacing:.17em}.hero-machine-label strong{display:block;margin:5px 0;font-size:20px;letter-spacing:.04em;color:#fff}
.hero-cinematic .hero-card{right:5vw;bottom:9vh;width:min(300px,27vw);border-color:rgba(255,255,255,.12);background:rgba(11,12,15,.72);box-shadow:0 24px 70px rgba(0,0,0,.3)}.hero-cinematic .hero-card a{display:inline-flex;margin-top:4px;color:#fff;font-size:11px;font-weight:800;gap:8px}.hero-cinematic .hero-card a span{color:var(--noat-brand);font-size:12px;letter-spacing:0}.hero-cinematic .scroll{display:flex;align-items:center;gap:12px;color:#757a82}.hero-cinematic .scroll i{display:block;width:42px;height:1px;background:linear-gradient(90deg,var(--noat-brand),rgba(255,255,255,.2));position:relative}.hero-cinematic .scroll i:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-right:1px solid #aaa;border-bottom:1px solid #aaa;transform:rotate(-45deg)}
@media(hover:hover) and (pointer:fine){.hero-machine{transition:transform .35s var(--ease-standard)}.hero-cinematic .hero-card{transition:transform .25s var(--ease-standard),border-color .25s}.hero-cinematic .hero-card:hover{transform:translateY(-5px);border-color:rgba(255,255,255,.22)}}
@media(max-width:1100px){.hero-cinematic .hero-copy{width:min(700px,67vw)}.hero-machine{right:-12vw;width:58vw;opacity:.72}.hero-cinematic .hero-card{display:none}}
@media(max-width:760px){.hero-cinematic{min-height:max(700px,100svh);padding:145px var(--page-gutter) 90px;align-items:flex-start}.hero-cinematic:before{background:linear-gradient(180deg,rgba(7,8,10,.96) 0%,rgba(7,8,10,.88) 60%,rgba(7,8,10,.7) 100%)}.hero-cinematic .hero-copy{width:100%}.hero-cinematic h1{font-size:clamp(52px,16vw,82px);line-height:.9}.hero-machine{width:94vw;right:-38vw;top:69%;opacity:.38}.hero-trust{margin-top:38px;gap:10px 18px}.hero-cinematic .scroll{bottom:22px}.hero-cinematic .actions{flex-wrap:wrap}}
@media(max-width:420px){.hero-cinematic{padding-top:132px}.hero-cinematic .eyebrow{font-size:9px;letter-spacing:1.6px}.hero-cinematic .eyebrow:before{width:22px}.hero-cinematic h1{font-size:clamp(48px,15vw,66px)}.hero-cinematic .actions .btn{width:100%}.hero-trust span{width:calc(50% - 12px)}.hero-machine{top:75%}}
@media(prefers-reduced-motion:reduce){.hero-machine,.hero-cinematic .hero-card{transition:none!important}}
@media(forced-colors:active){.hero-machine,.hero-glow,.hero-grid{display:none}.hero-cinematic{background:Canvas;color:CanvasText}.hero-cinematic:before{display:none}.hero-trust{border-color:CanvasText}}

/* STEP026 — CMS-driven hero media engine. */
.hero-media,.hero-media-shade{position:absolute;inset:0;pointer-events:none}.hero-media{z-index:0;overflow:hidden;background:#090a0c}.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:saturate(.82) contrast(1.06);transform:scale(1.015)}.hero-media-shade{z-index:1;background:linear-gradient(90deg,rgba(7,8,10,.96) 0%,rgba(7,8,10,.82) 36%,rgba(7,8,10,.28) 72%,rgba(7,8,10,.5) 100%),linear-gradient(0deg,rgba(7,8,10,.68),transparent 45%)}.hero[data-hero-media="none"] .hero-media,.hero[data-hero-media="none"] .hero-media-shade{display:none}.hero[data-hero-media]:not([data-hero-media="none"]) .hero-machine{opacity:.2;mix-blend-mode:screen}.hero[data-hero-media]:not([data-hero-media="none"]) .hero-grid{opacity:.38}.hero-copy,.hero-card,.scroll{z-index:3}.hero-media-status{position:absolute;left:6vw;top:118px;z-index:3;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:#aeb2b8}
@media(max-width:900px){.hero-media img,.hero-media video{object-position:62% center}.hero-media-shade{background:linear-gradient(90deg,rgba(7,8,10,.94),rgba(7,8,10,.58)),linear-gradient(0deg,rgba(7,8,10,.78),transparent 55%)}}
@media(max-width:600px){.hero-media img,.hero-media video{object-position:65% center;filter:saturate(.75) contrast(1.04)}.hero-media-shade{background:linear-gradient(0deg,rgba(7,8,10,.93) 0%,rgba(7,8,10,.52) 70%,rgba(7,8,10,.7) 100%)}}
@media(forced-colors:active){.hero-media,.hero-media-shade{display:none!important}}
@media print{.hero-media,.hero-media-shade{display:none!important}}

/* STEP027 — scroll storytelling: sticky process visual + progressive chapters. */
.story-scroll{position:relative;background:#090a0d;color:#fff;border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.story-shell{width:min(1440px,calc(100% - (2 * var(--page-gutter))));margin:auto;display:grid;grid-template-columns:minmax(360px,.92fr) minmax(420px,1.08fr);gap:clamp(48px,7vw,120px);align-items:start}
.story-visual{position:sticky;top:clamp(112px,15vh,170px);height:min(68vh,720px);min-height:520px;margin:clamp(80px,10vh,130px) 0;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;background:radial-gradient(circle at 55% 42%,#252930 0,#111318 42%,#090a0d 78%);box-shadow:0 40px 100px rgba(0,0,0,.32)}
.story-visual-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(#000,transparent 96%)}
.story-stage{position:absolute;inset:12% 9% 18%;perspective:900px;transform-style:preserve-3d}.story-stone{position:absolute;left:12%;right:8%;bottom:16%;height:34%;border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,#4a4d51,#24272c 60%,#16181c);transform:rotateX(58deg) rotateZ(-18deg);box-shadow:0 30px 60px rgba(0,0,0,.5);transition:transform .7s var(--ease-emphasized),filter .7s var(--ease-standard)}.story-stone span{position:absolute;inset:20% 18%;border:1px solid rgba(224,30,45,.75);border-radius:22% 5% 28% 7%;box-shadow:0 0 30px rgba(224,30,45,.15)}
.story-tool{position:absolute;left:58%;top:13%;width:58px;height:150px;border:1px solid rgba(255,255,255,.25);background:linear-gradient(90deg,#17191d,#3a3e44,#15171a);box-shadow:0 18px 30px rgba(0,0,0,.35);transition:transform .7s var(--ease-emphasized)}.story-tool:before{content:"";position:absolute;left:25%;right:25%;top:-80px;height:80px;border:1px solid rgba(255,255,255,.15);background:#202329}.story-tool i{position:absolute;left:45%;top:100%;width:10%;height:90px;background:linear-gradient(#dfe1e4,#6e737a)}
.story-scan{position:absolute;left:8%;right:4%;top:52%;height:1px;background:linear-gradient(90deg,transparent,var(--noat-brand),transparent);box-shadow:0 0 18px rgba(224,30,45,.8);opacity:.75;transition:transform .7s var(--ease-emphasized),opacity .4s}.story-axis{position:absolute;background:rgba(255,255,255,.14)}.story-axis-x{left:5%;right:3%;bottom:8%;height:1px}.story-axis-y{left:5%;top:8%;bottom:8%;width:1px}
.story-meter{position:absolute;left:24px;right:24px;bottom:22px;display:grid;grid-template-columns:1fr auto;gap:8px 18px;align-items:center}.story-meter span{font-size:9px;letter-spacing:.18em;color:#888e96}.story-meter strong{font-size:11px;letter-spacing:.12em}.story-meter div{grid-column:1/-1;height:2px;background:rgba(255,255,255,.1);overflow:hidden}.story-meter i{display:block;width:25%;height:100%;background:var(--noat-brand);transform-origin:left;transition:width .55s var(--ease-emphasized)}
.story-copy{padding:clamp(100px,13vh,170px) 0}.story-intro{max-width:700px;margin-bottom:18vh}.story-intro h2{font-size:clamp(44px,5.2vw,82px);line-height:.98;letter-spacing:-.055em;margin:18px 0 28px}.story-intro h2 em{font-style:normal;color:var(--noat-brand)}.story-intro>p:last-child{max-width:620px;color:#aeb3ba;font-size:clamp(16px,1.25vw,19px);line-height:1.7}
.story-step{min-height:72vh;display:flex;flex-direction:column;justify-content:center;max-width:650px;padding:10vh 0;opacity:.3;transform:translateY(28px);transition:opacity .55s var(--ease-standard),transform .65s var(--ease-emphasized)}.story-step.is-active{opacity:1;transform:none}.story-step>span{color:var(--noat-brand);font-size:10px;font-weight:800;letter-spacing:.18em}.story-step h3{font-size:clamp(34px,3.7vw,58px);line-height:1.03;letter-spacing:-.045em;margin:18px 0 22px}.story-step p{max-width:580px;color:#aeb3ba;font-size:17px;line-height:1.75}.story-link{display:inline-flex;align-self:flex-start;gap:12px;margin-top:18px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.25);font-weight:750;font-size:13px}.story-link span{color:var(--noat-brand)}
.story-scroll[data-story-active="2"] .story-stone{transform:rotateX(58deg) rotateZ(-12deg) scale(.94)}.story-scroll[data-story-active="2"] .story-tool{transform:translate(-45px,35px)}.story-scroll[data-story-active="2"] .story-scan{transform:translateY(60px)}.story-scroll[data-story-active="3"] .story-stone{transform:rotateX(58deg) rotateZ(-22deg) scale(1.02);filter:brightness(1.14)}.story-scroll[data-story-active="3"] .story-tool{transform:translate(-95px,72px)}.story-scroll[data-story-active="3"] .story-scan{transform:translateY(115px);opacity:1}.story-scroll[data-story-active="4"] .story-stone{transform:rotateX(58deg) rotateZ(-18deg) translateY(-12px)}.story-scroll[data-story-active="4"] .story-tool{transform:translate(30px,-20px)}.story-scroll[data-story-active="4"] .story-scan{transform:translateY(-55px);opacity:.35}
@media(max-width:900px){.story-shell{display:block;width:100%}.story-visual{position:sticky;top:72px;z-index:1;width:calc(100% - (2 * var(--page-gutter)));height:38vh;min-height:290px;margin:0 auto;background:radial-gradient(circle at 55% 42%,#252930,#0d0f12 70%)}.story-copy{position:relative;z-index:2;padding:70px var(--page-gutter) 40px;background:linear-gradient(180deg,rgba(9,10,13,.72),#090a0d 8%)}.story-intro{margin-bottom:60px}.story-step{min-height:58vh;padding:70px 0}.story-tool{transform:scale(.72);transform-origin:top center}.story-scroll[data-story-active="2"] .story-tool{transform:translate(-30px,20px) scale(.72)}.story-scroll[data-story-active="3"] .story-tool{transform:translate(-55px,38px) scale(.72)}.story-scroll[data-story-active="4"] .story-tool{transform:translate(20px,-10px) scale(.72)}}
@media(max-width:480px){.story-visual{top:64px;height:32vh;min-height:240px}.story-stage{inset:8% 5% 20%}.story-meter{left:16px;right:16px;bottom:14px}.story-copy{padding-top:54px}.story-step{min-height:52vh}.story-step p{font-size:16px}}
@media(prefers-reduced-motion:reduce){.story-stone,.story-tool,.story-scan,.story-meter i,.story-step{transition:none!important}.story-step{opacity:1;transform:none}}
@media(forced-colors:active){.story-visual{background:Canvas;border-color:CanvasText}.story-visual-grid,.story-scan{display:none}.story-stone,.story-tool{border-color:CanvasText;background:Canvas}.story-step{opacity:1}.story-meter i{background:Highlight}}
@media print{.story-visual{display:none}.story-shell{display:block}.story-copy{padding:20px 0}.story-intro{margin:0 0 20px}.story-step{min-height:0;opacity:1;transform:none;padding:18px 0}}

/* STEP028 — application-first entry: choose the workpiece before the machine. */
.application-entry{padding:clamp(88px,11vw,168px) var(--page-gutter);background:var(--surface,#f4f2ee);color:var(--text,#111318)}
.application-entry-shell{width:min(1440px,100%);margin:auto}.application-entry-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.65fr);gap:clamp(36px,8vw,120px);align-items:end;margin-bottom:clamp(44px,6vw,82px)}.application-entry-head h2{font-size:clamp(46px,5.8vw,88px);line-height:.94;letter-spacing:-.06em;margin:16px 0 0;max-width:850px}.application-entry-head h2 em{font-style:normal;color:var(--noat-brand)}.application-entry-head>p{font-size:clamp(16px,1.25vw,19px);line-height:1.72;color:var(--text-muted,#656a70);max-width:590px;margin:0 0 6px}
.application-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px}.application-card{grid-column:span 4;position:relative;min-height:430px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:28px;border:1px solid rgba(17,19,24,.1);border-radius:var(--radius-lg);background:#fff;color:#111318;box-shadow:0 14px 42px rgba(15,17,20,.05);transition:transform .3s var(--ease-emphasized),box-shadow .3s,border-color .3s}.application-card.is-featured{grid-column:span 8}.application-number{position:absolute;top:22px;left:24px;z-index:2;font-size:10px;font-weight:850;letter-spacing:.16em;color:#858a90}.application-card-copy{position:relative;z-index:2}.application-card-copy>span{font-size:9px;font-weight:850;letter-spacing:.18em;color:var(--noat-brand)}.application-card h3{font-size:clamp(25px,2.25vw,38px);line-height:1.03;letter-spacing:-.04em;margin:10px 0 12px}.application-card p{max-width:500px;color:#686d73;font-size:14px;line-height:1.65;margin:0 0 20px}.application-card strong{display:flex;align-items:center;gap:10px;font-size:12px}.application-card strong i{font-style:normal;color:var(--noat-brand);transition:transform .2s}.application-visual{position:absolute;inset:0 0 42%;overflow:hidden;background:linear-gradient(145deg,#ece9e4,#d9d6d0)}.application-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,#fff 100%)}.application-visual i,.application-visual b{position:absolute;display:block;border:1px solid rgba(26,29,34,.28);background:linear-gradient(145deg,#c8c5bf,#f1efeb);box-shadow:12px 18px 35px rgba(20,22,25,.13)}.application-visual-kitchen i{width:58%;height:42%;left:22%;top:25%;transform:rotateX(55deg) rotateZ(-17deg)}.application-visual-kitchen b{width:24%;height:18%;left:40%;top:34%;border-radius:34%}.application-visual-basin i{width:55%;height:42%;left:23%;top:25%;transform:rotateX(55deg) rotateZ(13deg)}.application-visual-basin b{width:26%;height:20%;left:38%;top:34%;border-radius:50%}.application-visual-stairs i{width:58%;height:16%;left:20%;top:42%;transform:skewY(-12deg);box-shadow:0 -28px 0 -1px #ddd9d3,0 -56px 0 -1px #c9c5be}.application-visual-stairs b{display:none}.application-visual-sill i{width:64%;height:25%;left:18%;top:35%;transform:rotateX(55deg) rotateZ(-8deg)}.application-visual-sill b{display:none}.application-visual-memorial i{width:31%;height:54%;left:35%;top:18%;border-radius:45% 45% 5% 5%}.application-visual-memorial b{width:46%;height:10%;left:28%;top:67%}.application-card-all{background:#111318;color:#fff;justify-content:flex-end}.application-card-all p{color:#aeb3ba}.application-card-all .application-number{color:#72777e}.application-entry-foot{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;margin-top:28px;padding:22px 4px;border-top:1px solid rgba(17,19,24,.13)}.application-entry-foot>span{font-size:9px;font-weight:850;letter-spacing:.17em;color:var(--noat-brand)}.application-entry-foot p{font-size:12px;color:#777c82;margin:0}.application-entry-foot a{font-size:12px;font-weight:800;border-bottom:1px solid rgba(17,19,24,.25);padding-bottom:3px}
@media(hover:hover) and (pointer:fine){.application-card:hover{transform:translateY(-6px);border-color:rgba(17,19,24,.22);box-shadow:0 24px 60px rgba(15,17,20,.1)}.application-card:hover strong i{transform:translateX(5px)}}
@media(max-width:980px){.application-entry-head{grid-template-columns:1fr;gap:24px}.application-card,.application-card.is-featured{grid-column:span 6}.application-card{min-height:390px}}
@media(max-width:620px){.application-entry{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.application-grid{display:block}.application-card,.application-card.is-featured{min-height:350px;margin-bottom:12px}.application-entry-foot{grid-template-columns:1fr;gap:9px}.application-entry-foot a{justify-self:start}}
@media(prefers-reduced-motion:reduce){.application-card,.application-card strong i{transition:none!important}}
@media(forced-colors:active){.application-card,.application-visual i,.application-visual b{border-color:CanvasText}.application-visual{background:Canvas}.application-card-all{background:Canvas;color:CanvasText}}
@media print{.application-entry{padding:24px 0}.application-grid{display:grid;grid-template-columns:1fr 1fr}.application-card,.application-card.is-featured{grid-column:auto;min-height:0;break-inside:avoid}.application-visual{display:none}}

/* STEP029 — interactive machine-family highlights; real model data arrives via CMS later. */
.machine-highlights{background:#0d0f13;color:#fff;padding:clamp(76px,9vw,138px) var(--page-gutter);overflow:hidden}.machine-highlights-shell{width:min(1480px,100%);margin:auto}.machine-highlights-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(32px,6vw,100px);align-items:end;margin-bottom:44px}.machine-highlights-head h2{font-size:clamp(38px,5.6vw,82px);line-height:.96;letter-spacing:-.055em;margin:10px 0 0}.machine-highlights-head h2 em{font-style:normal;color:var(--noat-brand)}.machine-highlights-head>p{color:#aeb4bd;max-width:620px;line-height:1.7}.machine-selector{display:flex;gap:6px;padding:6px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.035);width:max-content;max-width:100%;overflow-x:auto;margin-bottom:18px}.machine-selector button{appearance:none;border:0;background:transparent;color:#9da4ae;padding:13px 20px;min-height:46px;font:inherit;font-size:12px;font-weight:800;letter-spacing:.04em;white-space:nowrap;cursor:pointer}.machine-selector button[aria-selected=true]{background:#fff;color:#111318}.machine-selector button:focus-visible{outline:2px solid var(--noat-focus,#fff);outline-offset:2px}.machine-product{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);min-height:560px;border:1px solid rgba(255,255,255,.12);background:#12151a}.machine-product[hidden]{display:none}.machine-product-visual{position:relative;min-height:500px;background:radial-gradient(circle at 58% 40%,rgba(255,255,255,.1),transparent 28%),linear-gradient(145deg,#191d23,#0e1014);overflow:hidden}.machine-product-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.machine-schematic{position:absolute;width:min(68%,580px);aspect-ratio:1.4;left:50%;top:48%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.18);box-shadow:0 35px 90px rgba(0,0,0,.38)}.machine-schematic:before,.machine-schematic:after,.machine-schematic i,.machine-schematic b,.machine-schematic span{content:"";position:absolute;display:block}.machine-schematic:before{left:8%;right:8%;bottom:12%;height:16%;background:#262b32;border:1px solid rgba(255,255,255,.22)}.machine-schematic:after{left:14%;right:14%;top:20%;height:10px;background:#89919b}.machine-schematic i{width:18%;height:40%;left:41%;top:21%;background:linear-gradient(#d5d9dd,#6c737c);border-radius:3px}.machine-schematic b{width:5px;height:29%;left:49%;top:52%;background:var(--noat-brand)}.machine-schematic span{left:23%;right:23%;height:8%;bottom:26%;background:#b8b4ad;transform:skewX(-15deg)}.machine-schematic-saw i{width:8%;height:48%;left:46%;top:18%}.machine-schematic-saw b{width:24%;height:auto;aspect-ratio:1;border-radius:50%;left:38%;top:38%;background:transparent;border:4px solid var(--noat-brand)}.machine-schematic-combi:after{height:14px}.machine-schematic-combi i{left:35%;width:15%}.machine-schematic-combi b{left:57%;top:35%;width:20%;height:auto;aspect-ratio:1;border:3px solid var(--noat-brand);border-radius:50%;background:transparent}.machine-visual-label{position:absolute;left:28px;bottom:25px;font-size:9px;font-weight:850;letter-spacing:.18em;color:#9da4ae}.machine-product-copy{padding:clamp(34px,5vw,72px);display:flex;flex-direction:column;justify-content:center}.machine-product-kicker{font-size:9px;font-weight:850;letter-spacing:.18em;color:var(--noat-brand)}.machine-product-copy h3{font-size:clamp(34px,4vw,60px);line-height:1;letter-spacing:-.045em;margin:14px 0 20px}.machine-product-copy>p{color:#b0b6bf;line-height:1.7;max-width:590px}.machine-product-copy ul{list-style:none;padding:0;margin:28px 0 34px;display:grid;gap:13px}.machine-product-copy li{position:relative;padding-left:25px;color:#e0e3e7;font-size:13px}.machine-product-copy li:before{content:"+";position:absolute;left:0;color:var(--noat-brand);font-weight:900}.machine-product-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.machine-product-actions>span{font-size:10px;color:#7f8791;max-width:180px;line-height:1.4}.machine-highlights-foot{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:24px 4px 0}.machine-highlights-foot>span{font-size:9px;font-weight:850;letter-spacing:.17em;color:var(--noat-brand)}.machine-highlights-foot p{font-size:12px;color:#7f8791;margin:0}.machine-highlights-foot a{font-size:12px;font-weight:800;color:#fff;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:3px}
@media(max-width:980px){.machine-highlights-head,.machine-product{grid-template-columns:1fr}.machine-product-visual{min-height:390px}.machine-product-copy{padding:42px}.machine-highlights-foot{grid-template-columns:1fr;gap:9px}.machine-highlights-foot a{justify-self:start}}
@media(max-width:620px){.machine-highlights{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.machine-selector{width:100%}.machine-selector button{padding:12px 15px}.machine-product{min-height:0}.machine-product-visual{min-height:300px}.machine-product-copy{padding:30px 24px}.machine-product-actions{align-items:flex-start;flex-direction:column}.machine-product-actions>span{max-width:none}}
@media(prefers-reduced-motion:reduce){.machine-selector button{transition:none!important}}
@media(forced-colors:active){.machine-selector,.machine-product,.machine-schematic{border-color:CanvasText}.machine-selector button[aria-selected=true]{background:Highlight;color:HighlightText}.machine-product-visual{background:Canvas}.machine-schematic b{background:Highlight}}
@media print{.machine-highlights{background:#fff;color:#000;padding:24px 0}.machine-selector{display:none}.machine-product{display:grid!important;grid-template-columns:1fr;min-height:0;break-inside:avoid;margin-bottom:16px}.machine-product-visual{display:none}.machine-product-copy{padding:20px}.machine-product-copy>p,.machine-product-copy li{color:#222}.machine-highlights-foot{display:none}}

/* STEP030 — trust and competence story. Claims that require company evidence remain CMS-gated. */
.competence-story{background:#f3f1ed;color:#111318;padding:clamp(80px,10vw,150px) var(--page-gutter);overflow:hidden}.competence-shell{width:min(1480px,100%);margin:auto}.competence-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);gap:clamp(36px,7vw,120px);align-items:end;padding-bottom:clamp(44px,6vw,84px);border-bottom:1px solid rgba(17,19,24,.15)}.competence-head .eyebrow{color:#666b71}.competence-head h2{font-size:clamp(42px,6vw,88px);line-height:.95;letter-spacing:-.055em;margin:12px 0 0}.competence-head h2 em{font-style:normal;color:var(--noat-brand)}.competence-head>p{font-size:15px;line-height:1.75;color:#62676e;margin:0;max-width:590px}.competence-grid{display:grid;grid-template-columns:1.25fr repeat(3,1fr);border-bottom:1px solid rgba(17,19,24,.15)}.competence-grid article{min-height:410px;padding:clamp(30px,3.5vw,54px);border-right:1px solid rgba(17,19,24,.13);display:flex;flex-direction:column;justify-content:flex-end}.competence-grid article:last-child{border-right:0}.competence-grid article:first-child{justify-content:space-between;background:#111318;color:#fff}.competence-index{font-size:9px;font-weight:850;letter-spacing:.17em;color:#767c83}.competence-origin .competence-index{color:#999fa7}.competence-grid h3{font-size:clamp(24px,2.1vw,34px);line-height:1.05;letter-spacing:-.035em;margin:20px 0 14px}.competence-grid p{font-size:13px;line-height:1.68;color:#686d73;margin:0}.competence-origin p{color:#aeb4bc}.competence-mark{display:flex;align-items:center;gap:16px;margin:36px 0 auto}.competence-mark i{font-style:normal;font-size:clamp(34px,4vw,62px);font-weight:900;letter-spacing:-.06em}.competence-mark i:last-child{color:var(--noat-brand)}.competence-mark b{font-size:24px;color:#707780}.competence-principles{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:18px;align-items:center;padding-top:28px;font-size:9px;font-weight:850;letter-spacing:.16em;color:#5f646a}.competence-principles i{height:1px;background:rgba(17,19,24,.18)}
@media(hover:hover) and (pointer:fine){.competence-grid article:not(:first-child){transition:background-color .25s ease,transform .25s ease}.competence-grid article:not(:first-child):hover{background:#fff;transform:translateY(-4px)}}
@media(max-width:1050px){.competence-head{grid-template-columns:1fr}.competence-grid{grid-template-columns:1fr 1fr}.competence-grid article{min-height:330px;border-bottom:1px solid rgba(17,19,24,.13)}.competence-grid article:nth-child(2){border-right:0}.competence-principles{grid-template-columns:1fr 1fr;gap:12px}.competence-principles i{display:none}}
@media(max-width:620px){.competence-grid{display:block}.competence-grid article{min-height:0;padding:34px 26px;border-right:0}.competence-origin{min-height:360px!important}.competence-principles{grid-template-columns:1fr;padding-top:24px}.competence-mark{margin:44px 0}}
@media(prefers-reduced-motion:reduce){.competence-grid article{transition:none!important}}
@media(forced-colors:active){.competence-grid,.competence-grid article,.competence-head{border-color:CanvasText}.competence-grid article:first-child{background:Canvas;color:CanvasText}.competence-mark i:last-child{color:Highlight}}
@media print{.competence-story{padding:24px 0}.competence-head{display:block}.competence-grid{grid-template-columns:1fr 1fr}.competence-grid article,.competence-origin{min-height:0!important;background:#fff!important;color:#000!important;break-inside:avoid}.competence-principles{display:none}}

/* STEP031 — Service Germany & Austria */
.service-value{padding:clamp(5rem,9vw,9rem) var(--space-page);background:linear-gradient(145deg,#0a0d10,#11171b);color:#f5f7f8;overflow:hidden}.service-shell{max-width:1440px;margin:auto}.service-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(18rem,.7fr);gap:clamp(2rem,6vw,7rem);align-items:end;margin-bottom:clamp(3rem,6vw,5.5rem)}.service-head h2{font-size:clamp(2.5rem,5.4vw,5.7rem);line-height:.94;letter-spacing:-.055em;margin:.7rem 0 0}.service-head h2 em{font-style:normal;color:var(--color-brand,#d4a63b)}.service-head>p{color:#aeb8be;font-size:clamp(1rem,1.25vw,1.2rem);line-height:1.7}.service-journey{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl,24px);overflow:hidden;background:rgba(255,255,255,.025)}.service-step{padding:clamp(1.5rem,3vw,2.7rem);min-height:22rem;position:relative;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.service-step:last-child{border-right:0}.service-step-index{font-size:.72rem;letter-spacing:.14em;color:#89959c}.service-step-icon{width:3.25rem;height:3.25rem;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid;place-items:center;margin:2.2rem 0 auto;font-size:1.15rem}.service-step h3{font-size:clamp(1.3rem,1.7vw,1.7rem);margin:1.5rem 0 .7rem}.service-step p{color:#aeb8be;line-height:1.65;margin:0}.service-step strong{display:block;color:#fff;font-size:.78rem;letter-spacing:.08em;margin-top:1.25rem}.service-value-band{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:center;margin-top:2rem;padding:clamp(1.5rem,3vw,2.4rem);border-radius:var(--radius-xl,24px);background:#f2eee6;color:#15191b}.service-value-band span{display:block;font-size:.72rem;letter-spacing:.14em;margin-bottom:.5rem}.service-value-band h3{font-size:clamp(1.4rem,2.4vw,2.3rem);margin:0;max-width:780px}.service-value-band p{margin:.7rem 0 0;color:#596166;max-width:820px;line-height:1.6}.service-value-band .btn{white-space:nowrap}.service-disclaimer{margin:1.5rem 0 0;color:#77838a;font-size:.82rem;max-width:900px}.service-step:focus-within,.service-step:hover{background:rgba(255,255,255,.035)}
@media(max-width:980px){.service-head{grid-template-columns:1fr}.service-journey{grid-template-columns:1fr 1fr}.service-step:nth-child(2){border-right:0}.service-step{border-bottom:1px solid rgba(255,255,255,.1);min-height:19rem}.service-step:nth-child(3),.service-step:nth-child(4){border-bottom:0}.service-value-band{grid-template-columns:1fr}}
@media(max-width:620px){.service-journey{grid-template-columns:1fr}.service-step{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.1)!important;min-height:auto}.service-step:last-child{border-bottom:0!important}.service-step-icon{margin:1.6rem 0 .5rem}.service-value-band .btn{width:100%}}
@media(forced-colors:active){.service-value,.service-value-band{forced-color-adjust:auto;background:Canvas;color:CanvasText}.service-step,.service-journey,.service-value-band{border:1px solid CanvasText}}
@media print{.service-value{background:#fff!important;color:#000!important}.service-step p,.service-head>p,.service-disclaimer{color:#333!important}.service-journey{grid-template-columns:repeat(2,1fr)}}

/* STEP032 — reference/case-story teaser and evidence-first social proof. */
.reference-teasers{padding:clamp(5rem,10vw,9.5rem) var(--space-page);background:#f3f1ed;color:#111318;overflow:hidden}.reference-shell{max-width:1440px;margin:auto}.reference-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(18rem,.7fr);gap:clamp(2rem,6vw,7rem);align-items:end;margin-bottom:clamp(3rem,6vw,5.5rem)}.reference-head h2{font-size:clamp(2.6rem,5.6vw,5.9rem);line-height:.94;letter-spacing:-.055em;margin:.7rem 0 0}.reference-head h2 em{font-style:normal;color:var(--color-brand,#d4a63b)}.reference-head>p{color:#626970;line-height:1.72}.reference-grid{display:grid;grid-template-columns:1.45fr .775fr .775fr;border:1px solid rgba(17,19,24,.14);border-radius:var(--radius-xl,24px);overflow:hidden;background:#fff}.reference-card{min-width:0}.reference-card-featured{display:grid;grid-template-columns:1.05fr .95fr;grid-column:auto;padding:0;border-right:1px solid rgba(17,19,24,.12)}.reference-media{position:relative;min-height:420px;background:linear-gradient(145deg,#11161a,#20272c);overflow:hidden}.reference-media>span{position:absolute;top:1.5rem;left:1.5rem;color:#aeb8be;font-size:.68rem;font-weight:800;letter-spacing:.16em}.reference-media:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(#000,transparent)}.reference-stone{position:absolute;width:62%;aspect-ratio:1.45;left:50%;top:54%;transform:translate(-50%,-50%) skewX(-7deg);background:#c4c0b8;box-shadow:0 30px 70px rgba(0,0,0,.35)}.reference-stone i{position:absolute;width:30%;height:42%;left:35%;top:29%;border:2px solid #4b5155;border-radius:50%}.reference-stone b{position:absolute;left:12%;right:12%;bottom:12%;height:2px;background:var(--color-brand,#d4a63b)}.reference-copy{padding:clamp(2rem,3.5vw,3.6rem);display:flex;flex-direction:column;justify-content:center}.reference-state,.reference-index{font-size:.68rem;font-weight:850;letter-spacing:.14em;color:#7a8085}.reference-copy h3,.reference-card-compact h3{font-size:clamp(1.55rem,2.2vw,2.35rem);line-height:1.05;letter-spacing:-.035em;margin:1.2rem 0}.reference-copy p,.reference-card-compact p{color:#666d72;line-height:1.65}.reference-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.reference-tags span{padding:.5rem .7rem;border:1px solid rgba(17,19,24,.14);font-size:.68rem;font-weight:750}.reference-card-compact{padding:clamp(2rem,3vw,3rem);display:flex;flex-direction:column;justify-content:flex-end;min-height:420px;border-right:1px solid rgba(17,19,24,.12)}.reference-card-compact:last-child{border-right:0}.reference-card-compact strong{font-size:.7rem;letter-spacing:.1em;margin-top:1.3rem}.reference-proof{display:grid;grid-template-columns:1fr minmax(16rem,.7fr) auto;gap:2rem;align-items:center;margin-top:1.5rem;padding:clamp(1.5rem,3vw,2.4rem);background:#11161a;color:#fff;border-radius:var(--radius-xl,24px)}.reference-proof span{font-size:.68rem;letter-spacing:.15em;color:var(--color-brand,#d4a63b)}.reference-proof h3{font-size:clamp(1.2rem,2vw,2rem);margin:.5rem 0 0}.reference-proof p{color:#aeb8be;line-height:1.55;margin:0}.reference-proof .btn{white-space:nowrap}
@media(max-width:1180px){.reference-grid{grid-template-columns:1fr 1fr}.reference-card-featured{grid-column:1/-1;border-right:0;border-bottom:1px solid rgba(17,19,24,.12)}.reference-card-compact{min-height:300px}.reference-proof{grid-template-columns:1fr 1fr}.reference-proof .btn{justify-self:start}}
@media(max-width:760px){.reference-head,.reference-card-featured,.reference-grid,.reference-proof{grid-template-columns:1fr}.reference-media{min-height:300px}.reference-card-compact{min-height:auto;border-right:0;border-bottom:1px solid rgba(17,19,24,.12)}.reference-card-compact:last-child{border-bottom:0}.reference-proof .btn{width:100%}}
@media(forced-colors:active){.reference-teasers,.reference-grid,.reference-proof,.reference-media{forced-color-adjust:auto;background:Canvas;color:CanvasText}.reference-grid,.reference-card,.reference-proof{border:1px solid CanvasText}}
@media print{.reference-teasers{padding:24px 0;background:#fff!important}.reference-head{display:block}.reference-grid{display:block;border:0}.reference-media{display:none}.reference-card{min-height:0!important;border:1px solid #bbb!important;margin-bottom:10px;break-inside:avoid}.reference-proof{display:block;background:#fff!important;color:#000!important;border:1px solid #bbb}.reference-proof .btn{display:none}}

/* STEP033 — application-first Machine Finder conversion zone. */
.conversion-zone{padding:clamp(5.5rem,10vw,10rem) var(--space-page);background:#0b0e11;color:#f6f7f8;overflow:hidden}.conversion-shell{max-width:1440px;margin:auto}.conversion-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(20rem,.65fr);gap:clamp(2rem,7vw,8rem);align-items:end}.conversion-head h2{font-size:clamp(2.7rem,5.6vw,6rem);line-height:.94;letter-spacing:-.06em;margin:.75rem 0 0}.conversion-head h2 em{font-style:normal;color:var(--color-brand,#d4a63b)}.conversion-head>p{color:#aeb7bd;line-height:1.72;font-size:clamp(1rem,1.2vw,1.18rem);margin:0}.finder-flow{display:grid;grid-template-columns:repeat(5,1fr);margin-top:clamp(3.5rem,7vw,6.5rem);border:1px solid rgba(255,255,255,.13);border-radius:var(--radius-xl,24px);overflow:hidden}.finder-step{padding:clamp(1.4rem,2.5vw,2.4rem);min-height:15rem;border-right:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column}.finder-step:last-child{border-right:0}.finder-step>span{font-size:.7rem;letter-spacing:.16em;color:var(--color-brand,#d4a63b)}.finder-step strong{font-size:clamp(1.2rem,1.55vw,1.55rem);margin-top:auto}.finder-step p{color:#9fa9af;line-height:1.55;margin:.6rem 0 0;font-size:.9rem}.conversion-actions{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:center;margin-top:1.25rem;padding:clamp(1.5rem,3vw,2.5rem);background:#f1eee7;color:#15191c;border-radius:var(--radius-xl,24px)}.conversion-actions span{font-size:.7rem;letter-spacing:.15em}.conversion-actions h3{font-size:clamp(1.45rem,2.4vw,2.4rem);margin:.45rem 0}.conversion-actions p{color:#5d656a;line-height:1.6;max-width:800px;margin:0}.conversion-buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:flex-end}.conversion-actions .btn.ghost{color:#15191c;border-color:rgba(21,25,28,.25)}.conversion-trust{display:flex;gap:1rem 2rem;flex-wrap:wrap;margin-top:1.5rem;color:#77838a;font-size:.68rem;letter-spacing:.13em}.conversion-trust span{display:flex;align-items:center;gap:.55rem}.conversion-trust span:before{content:"";width:.35rem;height:.35rem;border-radius:50%;background:var(--color-brand,#d4a63b)}
@media(hover:hover) and (pointer:fine){.finder-step{transition:background .25s ease}.finder-step:hover{background:rgba(255,255,255,.035)}}
@media(max-width:1050px){.finder-flow{grid-template-columns:repeat(2,1fr)}.finder-step{border-bottom:1px solid rgba(255,255,255,.1)}.finder-step:nth-child(even){border-right:0}.finder-step:last-child{grid-column:1/-1;border-bottom:0}.conversion-actions{grid-template-columns:1fr}.conversion-buttons{justify-content:flex-start}}
@media(max-width:720px){.conversion-head{grid-template-columns:1fr}.finder-flow{grid-template-columns:1fr}.finder-step,.finder-step:nth-child(even),.finder-step:last-child{grid-column:auto;border-right:0;border-bottom:1px solid rgba(255,255,255,.1);min-height:auto}.finder-step:last-child{border-bottom:0}.finder-step strong{margin-top:2.3rem}.conversion-buttons{display:grid}.conversion-buttons .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.finder-step{transition:none!important}}
@media(forced-colors:active){.conversion-zone,.conversion-actions{forced-color-adjust:auto;background:Canvas;color:CanvasText}.finder-flow,.finder-step,.conversion-actions{border:1px solid CanvasText}}
@media print{.conversion-zone{background:#fff!important;color:#000!important;padding:24px 0}.finder-flow{grid-template-columns:repeat(2,1fr)}.finder-step p,.conversion-head>p{color:#333!important}.conversion-buttons{display:none}}

/* STEP034 — homepage phase gate: mobile, performance, conversion and visual hardening. */
html,body{max-width:100%;overflow-x:clip}.site-main{min-width:0}.site-main>section{min-width:0}.application-entry,.machine-highlights,.competence-story,.service-value,.reference-teasers,.conversion-zone{content-visibility:auto;contain-intrinsic-size:1px 900px}.btn,.nav-trigger,.search-toggle,.mobile-nav-toggle,.mobile-nav-trigger,.machine-tab{min-height:44px}.application-card,.machine-panel,.reference-card,.finder-step{min-width:0}.conversion-buttons .btn{justify-content:center}
@media(max-width:390px){.hero h1{font-size:clamp(2.55rem,14vw,4rem)}.hero-actions,.conversion-buttons{display:grid;grid-template-columns:1fr}.hero-actions .btn,.conversion-buttons .btn{width:100%}.application-entry-head h2,.conversion-head h2{font-size:clamp(2.35rem,12vw,3.4rem)}.finder-step{padding:1.25rem}.conversion-actions{padding:1.25rem}.conversion-trust{display:grid;gap:.7rem}.reference-media{min-height:240px}}
@media(max-width:340px){.hero,.application-entry,.machine-highlights,.competence-story,.service-value,.reference-teasers,.conversion-zone{--space-page:16px;--page-gutter:16px}.btn{white-space:normal;text-align:center}}
@media(prefers-reduced-data:reduce){.hero-media video{display:none}}

/* STEP036 — public machine catalog */
.catalog-header{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px clamp(20px,4vw,64px);background:color-mix(in srgb,var(--color-surface,#0c1014) 92%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.1)}.catalog-header nav{display:flex;align-items:center;gap:20px}.catalog-header nav>a:not(.btn){color:inherit;text-decoration:none}.catalog-hero{padding:clamp(72px,9vw,132px) 0 54px;background:radial-gradient(circle at 80% 20%,rgba(177,35,44,.18),transparent 32%),linear-gradient(145deg,#0b0e12,#161b20);color:#fff}.catalog-hero h1{max-width:900px;font-size:clamp(2.5rem,6vw,5.8rem);line-height:.95;margin:18px 0}.catalog-hero h1 em{font-style:normal;color:var(--color-brand,#b1232c)}.catalog-hero p:not(.eyebrow){max-width:720px;color:rgba(255,255,255,.72);font-size:clamp(1rem,1.4vw,1.2rem)}.catalog-breadcrumb{display:flex;gap:10px;font-size:.85rem;color:rgba(255,255,255,.62);margin-bottom:34px}.catalog-breadcrumb a{color:inherit}.catalog-shell{padding:clamp(48px,7vw,96px) 0;background:var(--color-background,#f4f2ee);min-height:55vh}.machine-filter{display:grid;grid-template-columns:minmax(240px,1.7fr) minmax(200px,1fr) auto auto;gap:14px;align-items:end;padding:20px;border:1px solid rgba(20,24,28,.12);border-radius:20px;background:var(--color-surface,#fff);box-shadow:0 16px 45px rgba(20,24,28,.06)}.machine-filter label{display:grid;gap:7px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.machine-filter input,.machine-filter select{width:100%;min-height:48px;padding:0 14px;border:1px solid rgba(20,24,28,.2);border-radius:10px;background:transparent;color:inherit;font:inherit;text-transform:none;letter-spacing:normal}.catalog-resultbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px 2px 18px}.catalog-resultbar>div{display:flex;align-items:baseline;gap:9px;font-weight:700}.catalog-count{font-size:2rem}.catalog-resultbar p{margin:0;color:var(--color-text-muted,#687078);font-size:.9rem}.machine-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.machine-catalog-card{overflow:hidden;border:1px solid rgba(20,24,28,.12);border-radius:22px;background:var(--color-surface,#fff);transition:transform .25s ease,box-shadow .25s ease}.machine-catalog-card:hover{transform:translateY(-4px);box-shadow:0 20px 50px rgba(20,24,28,.1)}.machine-card-visual{position:relative;min-height:220px;background:linear-gradient(145deg,#151a1f,#262d33);overflow:hidden}.machine-card-visual:before{content:"";position:absolute;inset:15% 10%;background:linear-gradient(135deg,transparent 48%,rgba(255,255,255,.08) 49% 51%,transparent 52%);background-size:22px 22px}.machine-card-visual span{position:absolute;left:20%;right:18%;bottom:26%;height:38%;border:2px solid rgba(255,255,255,.42);border-radius:6px 6px 2px 2px}.machine-card-visual i{position:absolute;width:34%;height:7px;left:33%;bottom:42%;background:var(--color-brand,#b1232c);box-shadow:0 22px 0 rgba(255,255,255,.25)}.machine-card-body{padding:24px}.machine-card-category{font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-brand,#b1232c)}.machine-card-body h2{font-size:clamp(1.35rem,2vw,1.8rem);margin:8px 0}.machine-card-body p{color:var(--color-text-muted,#687078);min-height:3em}.machine-card-actions{display:flex;align-items:center;gap:18px;margin-top:22px}.text-link{font-weight:700;color:inherit}.catalog-empty{text-align:center;padding:clamp(54px,8vw,100px) 20px;border:1px dashed rgba(20,24,28,.2);border-radius:22px}.catalog-empty strong{display:block;font-size:clamp(1.5rem,3vw,2.4rem)}.catalog-empty p{max-width:650px;margin:12px auto 24px;color:var(--color-text-muted,#687078)}.catalog-footer{padding:30px 0;background:#0b0e12;color:#fff}.catalog-footer .container{display:flex;justify-content:space-between;gap:20px}.catalog-footer a{color:#fff}@media(max-width:900px){.machine-filter{grid-template-columns:1fr 1fr}.machine-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-header nav>a:not(.btn){display:none}}@media(max-width:620px){.catalog-header{padding:12px 16px}.catalog-header .btn{min-height:44px;padding-inline:12px}.machine-filter{grid-template-columns:1fr}.machine-catalog-grid{grid-template-columns:1fr}.catalog-resultbar{align-items:flex-start;flex-direction:column}.catalog-resultbar p{margin-top:-10px}.machine-card-visual{min-height:190px}.machine-card-actions{align-items:stretch;flex-direction:column}.catalog-footer .container{flex-direction:column}}@media(prefers-reduced-motion:reduce){.machine-catalog-card{transition:none}.machine-catalog-card:hover{transform:none}}@media(forced-colors:active){.machine-catalog-card,.machine-filter,.catalog-empty{border:1px solid CanvasText}.machine-card-visual{border-bottom:1px solid CanvasText}}
/* STEP037 — High-end machine detail storytelling */
.machine-detail-hero{padding:clamp(54px,7vw,96px) 0 clamp(64px,8vw,118px);background:radial-gradient(circle at 78% 24%,rgba(177,35,44,.2),transparent 28%),linear-gradient(145deg,#0b0e12,#171d22);color:#fff}.machine-detail-hero-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:clamp(36px,6vw,90px);align-items:center}.machine-detail-copy h1{font-size:clamp(3rem,7vw,7rem);line-height:.88;letter-spacing:-.055em;margin:12px 0 22px}.machine-tagline{max-width:680px;font-size:clamp(1.15rem,2vw,1.55rem);line-height:1.45;color:rgba(255,255,255,.74)}.machine-detail-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.machine-evidence-note{max-width:560px;margin-top:22px;color:rgba(255,255,255,.5);font-size:.8rem}.machine-detail-media{min-height:clamp(330px,42vw,610px);border:1px solid rgba(255,255,255,.12);border-radius:28px;overflow:hidden;background:#11171c;box-shadow:0 40px 100px rgba(0,0,0,.3)}.machine-detail-media img,.machine-detail-media video{width:100%;height:100%;min-height:inherit;display:block;object-fit:cover}.machine-detail-placeholder{position:relative;min-height:inherit;background:linear-gradient(145deg,#13191e,#293138);overflow:hidden}.machine-detail-placeholder:before{content:"";position:absolute;inset:8%;background:linear-gradient(135deg,transparent 49%,rgba(255,255,255,.055) 49.5% 50.5%,transparent 51%);background-size:26px 26px}.machine-detail-placeholder span{position:absolute;left:15%;right:12%;bottom:25%;height:42%;border:2px solid rgba(255,255,255,.38);border-radius:8px}.machine-detail-placeholder i{position:absolute;left:31%;bottom:44%;width:38%;height:8px;background:var(--color-brand,#b1232c);box-shadow:0 28px 0 rgba(255,255,255,.18)}.machine-detail-placeholder small{position:absolute;left:24px;bottom:20px;color:rgba(255,255,255,.55)}.machine-story,.machine-features,.machine-variants,.machine-gallery{padding:clamp(68px,9vw,130px) 0}.machine-story{background:var(--color-background,#f4f2ee)}.machine-story-grid{display:grid;grid-template-columns:minmax(150px,.35fr) minmax(0,1fr);gap:clamp(30px,7vw,120px)}.machine-story h2,.machine-section-head h2,.machine-detail-cta h2{max-width:850px;font-size:clamp(2rem,4.5vw,4.7rem);line-height:1;letter-spacing:-.035em;margin:8px 0 24px}.machine-prose{max-width:820px;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.75;color:var(--color-text-muted,#626a72)}.machine-features{background:#0d1115;color:#fff}.machine-section-head{margin-bottom:clamp(30px,5vw,62px)}.machine-section-head>p:last-child{max-width:700px;color:var(--color-text-muted,#747d85)}.machine-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.15)}.machine-feature-grid article{padding:34px 28px 42px;border-right:1px solid rgba(255,255,255,.15);border-bottom:1px solid rgba(255,255,255,.15)}.machine-feature-grid article:nth-child(3n){border-right:0}.machine-feature-index{display:block;color:var(--color-brand,#d94a51);font-weight:800;font-size:.75rem;letter-spacing:.12em}.machine-feature-grid h3{font-size:1.35rem;margin:26px 0 12px}.machine-feature-grid strong{display:block;font-size:1.15rem;margin-bottom:10px}.machine-feature-grid p{color:rgba(255,255,255,.62);line-height:1.6}.machine-variants{background:var(--color-background,#f4f2ee)}.machine-variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.machine-variant-grid article{padding:28px;border:1px solid rgba(20,24,28,.13);border-radius:20px;background:var(--color-surface,#fff)}.machine-variant-grid article>span{font-size:.72rem;font-weight:800;letter-spacing:.12em;color:var(--color-brand,#b1232c)}.machine-variant-grid h3{font-size:1.5rem;margin:12px 0}.machine-variant-grid p{color:var(--color-text-muted,#687078);line-height:1.6}.machine-variant-grid small{display:inline-block;margin-top:14px;padding:5px 9px;border-radius:999px;background:rgba(177,35,44,.09);font-weight:700}.machine-gallery{background:#151a1f;color:#fff}.machine-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.machine-gallery figure{margin:0;overflow:hidden;border-radius:20px;background:#20262c}.machine-gallery img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.machine-gallery figcaption{padding:14px 18px;color:rgba(255,255,255,.68);font-size:.9rem}.machine-detail-cta{padding:clamp(64px,8vw,110px) 0;background:var(--color-brand,#b1232c);color:#fff}.machine-detail-cta>.container{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end}.machine-detail-cta p:not(.eyebrow){max-width:700px;color:rgba(255,255,255,.75)}.machine-detail-cta>.container>div:last-child{display:grid;gap:18px;justify-items:start}.machine-detail-cta .text-link{color:#fff}@media(max-width:900px){.machine-detail-hero-grid{grid-template-columns:1fr}.machine-detail-media{min-height:420px}.machine-feature-grid,.machine-variant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.machine-feature-grid article:nth-child(3n){border-right:1px solid rgba(255,255,255,.15)}.machine-feature-grid article:nth-child(2n){border-right:0}.machine-detail-cta>.container{grid-template-columns:1fr}}@media(max-width:620px){.machine-detail-hero{padding-top:38px}.machine-detail-copy h1{font-size:clamp(2.7rem,15vw,4.5rem)}.machine-detail-media{min-height:300px;border-radius:20px}.machine-story-grid,.machine-feature-grid,.machine-variant-grid,.machine-gallery-grid{grid-template-columns:1fr}.machine-feature-grid article{border-right:0!important}.machine-detail-actions{align-items:stretch;flex-direction:column}.machine-detail-actions .btn{width:100%}.machine-story,.machine-features,.machine-variants,.machine-gallery{padding-block:62px}}@media(prefers-reduced-motion:reduce){.machine-detail-page *{scroll-behavior:auto!important}}@media(forced-colors:active){.machine-detail-media,.machine-feature-grid article,.machine-variant-grid article,.machine-gallery figure{border:1px solid CanvasText}}
.machine-specs{padding:clamp(68px,9vw,130px) 0;background:var(--color-surface,#fff)}.machine-spec-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.machine-spec-group{border:1px solid rgba(20,24,28,.13);border-radius:22px;overflow:hidden;background:var(--color-background,#f7f6f3)}.machine-spec-group h3{margin:0;padding:22px 24px;border-bottom:1px solid rgba(20,24,28,.1);font-size:1.2rem}.machine-spec-group dl{margin:0}.machine-spec-group dl>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:17px 24px;border-bottom:1px solid rgba(20,24,28,.08)}.machine-spec-group dl>div:last-child{border-bottom:0}.machine-spec-group dt{font-weight:700}.machine-spec-group dt small{display:block;margin-top:5px;max-width:520px;font-weight:400;color:var(--color-text-muted,#687078);line-height:1.4}.machine-spec-group dd{margin:0;text-align:right;white-space:nowrap}.machine-spec-group dd strong{font-size:1.08rem}.machine-spec-group dd span{color:var(--color-text-muted,#687078)}.variant-specs{margin:20px 0 0;border-top:1px solid rgba(20,24,28,.1)}.variant-specs>div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(20,24,28,.08)}.variant-specs dt{color:var(--color-text-muted,#687078)}.variant-specs dd{margin:0;font-weight:750;text-align:right}@media(max-width:760px){.machine-spec-groups{grid-template-columns:1fr}.machine-spec-group dl>div{grid-template-columns:1fr;gap:7px}.machine-spec-group dd{text-align:left;white-space:normal}}@media(forced-colors:active){.machine-spec-group{border:1px solid CanvasText}}
.machine-compare{padding:clamp(68px,9vw,130px) 0;background:#0d1115;color:#fff}.machine-compare .machine-section-head>p:last-child{color:rgba(255,255,255,.62)}.machine-compare-scroll{overflow:auto;border:1px solid rgba(255,255,255,.15);border-radius:22px;background:#151a1f;scrollbar-gutter:stable}.machine-compare-scroll:focus-visible{outline:3px solid var(--color-focus,#f0b429);outline-offset:4px}.machine-compare-table{width:100%;min-width:760px;border-collapse:collapse}.machine-compare-table th,.machine-compare-table td{padding:18px 20px;border-right:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);text-align:left;vertical-align:top}.machine-compare-table tr>*:last-child{border-right:0}.machine-compare-table tbody tr:last-child>*{border-bottom:0}.machine-compare-table thead th{position:sticky;top:0;z-index:1;background:#20262c;font-size:1rem}.machine-compare-table thead th:first-child{left:0;z-index:2}.machine-compare-table tbody th{position:sticky;left:0;background:#171d22;min-width:210px}.machine-compare-table th small,.machine-compare-table td small{display:block;margin-top:7px;color:rgba(255,255,255,.55);font-weight:500;line-height:1.35}.machine-compare-table td span:not(.compare-status){color:rgba(255,255,255,.6)}.compare-status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.76rem;font-weight:800}.compare-status--standard{background:rgba(76,175,80,.18)}.compare-status--optional{background:rgba(240,180,41,.18)}.compare-status--unavailable{background:rgba(255,255,255,.08);color:rgba(255,255,255,.6)}.machine-compare-note{margin:16px 0 0;color:rgba(255,255,255,.52);font-size:.82rem}@media(max-width:620px){.machine-compare{padding-block:62px}.machine-compare-scroll{margin-inline:-10px;border-radius:16px}.machine-compare-table th,.machine-compare-table td{padding:15px 14px}}@media(forced-colors:active){.machine-compare-scroll,.machine-compare-table th,.machine-compare-table td{border-color:CanvasText}.compare-status{border:1px solid CanvasText}}
.machine-experience{padding:clamp(68px,9vw,130px) 0;background:#11161b;color:#fff}.machine-experience .machine-section-head>p:last-child{color:rgba(255,255,255,.62)}.machine-experience-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(24px,5vw,70px);align-items:center}.machine-experience-stage{position:relative;min-height:clamp(360px,48vw,680px);overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:28px;background:#20272d}.machine-experience-stage>img{width:100%;height:100%;min-height:inherit;object-fit:cover;display:block}.machine-experience-placeholder{position:absolute;inset:0;background:linear-gradient(145deg,#182026,#2a333a)}.machine-experience-placeholder:before{content:"";position:absolute;inset:8%;background:linear-gradient(135deg,transparent 49%,rgba(255,255,255,.05) 49.5% 50.5%,transparent 51%);background-size:28px 28px}.machine-experience-placeholder span{position:absolute;inset:26% 15% 22%;border:2px solid rgba(255,255,255,.3);border-radius:10px}.machine-experience-placeholder i{position:absolute;left:30%;right:30%;top:48%;height:8px;background:var(--color-brand,#b1232c)}.machine-hotspot{position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);translate:-50% -50%;width:46px;height:46px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:rgba(10,14,18,.78);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 0 0 rgba(255,255,255,.2);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.machine-hotspot:hover,.machine-hotspot:focus-visible,.machine-hotspot.is-active{transform:scale(1.12);background:var(--color-brand,#b1232c);box-shadow:0 0 0 8px rgba(255,255,255,.12)}.machine-hotspot span{font-size:.72rem;font-weight:850}.machine-hotspot-panel{min-height:250px}.machine-hotspot-panel article{animation:hotspot-in .28s ease}.machine-hotspot-index{font-size:.75rem;font-weight:850;letter-spacing:.14em;color:var(--color-brand,#e65a61)}.machine-hotspot-panel h3{font-size:clamp(1.7rem,3vw,3rem);line-height:1.05;margin:14px 0}.machine-hotspot-panel p{color:rgba(255,255,255,.65);line-height:1.7}.machine-hotspot-panel small{display:inline-block;margin-top:14px;color:rgba(255,255,255,.45)}@keyframes hotspot-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:820px){.machine-experience-grid{grid-template-columns:1fr}.machine-experience-stage{min-height:420px}.machine-hotspot-panel{min-height:0}}@media(max-width:520px){.machine-experience-stage{min-height:320px;border-radius:20px}.machine-hotspot{width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.machine-hotspot,.machine-hotspot-panel article{transition:none;animation:none}}@media(forced-colors:active){.machine-experience-stage,.machine-hotspot{border:1px solid CanvasText}.machine-hotspot.is-active{outline:3px solid Highlight}}
.machine-accessories{padding:clamp(68px,9vw,130px) 0;background:#f0eee9}.machine-accessory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.machine-accessory-card{min-height:230px;padding:28px;border:1px solid rgba(20,24,28,.13);border-radius:20px;background:#fff}.machine-accessory-kind{display:inline-flex;padding:5px 9px;border-radius:999px;background:rgba(177,35,44,.09);color:var(--color-brand,#b1232c);font-size:.7rem;font-weight:850;letter-spacing:.1em}.machine-accessory-card h3{font-size:1.45rem;margin:24px 0 12px}.machine-accessory-card p{color:var(--color-text-muted,#687078);line-height:1.65}.machine-accessory-card small{display:block;margin-top:18px;font-weight:750}.accessory-compatibility{margin-top:clamp(42px,6vw,80px)}.accessory-compatibility>h3{font-size:clamp(1.5rem,3vw,2.4rem);margin-bottom:20px}.compare-status--recommended{background:rgba(31,122,74,.12);color:#17643c}.compare-status--compatible{background:rgba(31,91,150,.11);color:#1d5a91}.compare-status--incompatible{background:rgba(90,90,90,.12);color:#555}@media(max-width:900px){.machine-accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.machine-accessory-grid{grid-template-columns:1fr}.machine-accessories{padding-block:62px}.machine-accessory-card{min-height:0}}@media(forced-colors:active){.machine-accessory-card{border:1px solid CanvasText}}
/* STEP042 — cross-machine comparison */
.machine-compare-picker{display:block}.machine-compare-picker-bar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 22px;padding:16px 18px;border:1px solid rgba(17,19,24,.1);border-radius:16px;background:#fff}.machine-compare-picker-bar div{display:grid;gap:3px}.machine-compare-picker-bar span{font-size:.82rem;color:#6b7076}.machine-compare-select{display:flex;align-items:center;gap:9px;margin:0 0 18px;font-size:.82rem;font-weight:750;cursor:pointer}.machine-compare-select input{width:20px;height:20px;accent-color:var(--color-brand,#b1232c)}
.machine-cross-compare{padding:clamp(52px,8vw,110px) 0;background:#f3f1ed}.cross-compare-summary{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px;font-weight:800}.cross-compare-summary a{text-decoration:underline}.cross-compare-scroll{overflow:auto;border:1px solid rgba(17,19,24,.13);border-radius:22px;background:#fff;box-shadow:0 20px 55px rgba(20,22,25,.06)}.cross-compare-table{width:100%;min-width:820px;border-collapse:separate;border-spacing:0}.cross-compare-table th,.cross-compare-table td{min-width:220px;padding:18px 20px;border-right:1px solid rgba(17,19,24,.09);border-bottom:1px solid rgba(17,19,24,.09);text-align:left;vertical-align:top}.cross-compare-table tr>*:last-child{border-right:0}.cross-compare-table thead th{position:sticky;top:0;z-index:2;background:#11161b;color:#fff}.cross-compare-table thead th:first-child{left:0;z-index:4;min-width:210px}.cross-compare-table thead small,.cross-compare-table thead strong,.cross-compare-table thead a{display:block}.cross-compare-table thead small{color:#aeb4bb;font-size:.7rem;letter-spacing:.08em}.cross-compare-table thead strong{margin:7px 0 14px;font-size:1.1rem}.cross-compare-table thead a{color:#fff;font-size:.78rem;text-decoration:underline}.cross-compare-table tbody th[scope=row]{position:sticky;left:0;z-index:1;background:#faf9f6}.cross-compare-table tbody th small{display:block;margin-top:6px;color:#73787e;font-weight:500;line-height:1.4}.cross-compare-table .compare-group th{position:static!important;background:#e5e1da!important;color:#22272c;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.compare-unknown{color:#8a8f94}.cross-compare-cta{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-top:38px;padding:32px;border-radius:22px;background:#11161b;color:#fff}.cross-compare-cta span{font-size:.7rem;letter-spacing:.14em;color:#e65a61;font-weight:850}.cross-compare-cta h2{max-width:780px;margin:8px 0 0;font-size:clamp(1.5rem,3vw,2.6rem)}
@media(max-width:700px){.machine-compare-picker-bar,.cross-compare-cta{align-items:stretch;flex-direction:column}.machine-compare-picker-bar .btn,.cross-compare-cta .btn{width:100%}.cross-compare-scroll{margin-inline:-10px;border-radius:16px}.cross-compare-table th,.cross-compare-table td{padding:15px 14px;min-width:190px}}@media(forced-colors:active){.cross-compare-scroll,.cross-compare-table th,.cross-compare-table td,.machine-compare-picker-bar{border-color:CanvasText}}

/* STEP043 – related applications, tools, cases and CTAs */
.machine-related{padding:clamp(4rem,8vw,8rem) 0;background:var(--surface-subtle,#f5f6f7)}
.machine-related-group{margin-top:clamp(2rem,4vw,4rem)}
.machine-related-group-head{display:grid;grid-template-columns:minmax(10rem,.35fr) 1fr;gap:1.5rem;align-items:end;margin-bottom:1.25rem}
.machine-related-group-head h3{margin:0;max-width:46rem;font-size:clamp(1.35rem,2.5vw,2.2rem)}
.machine-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.machine-related-card{min-height:14rem;padding:clamp(1.25rem,2vw,2rem);border:1px solid var(--border,#d9dde2);border-radius:var(--radius-lg,20px);background:var(--surface,#fff);display:flex;flex-direction:column;align-items:flex-start}
.machine-related-card h4{font-size:clamp(1.15rem,2vw,1.5rem);margin:.75rem 0}.machine-related-card p{margin:0 0 1.25rem;color:var(--text-muted,#58616b)}
.machine-related-card .text-link,.machine-related-card small{margin-top:auto}.machine-related-label{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.machine-related-card--case{grid-column:span 2}.machine-related-card--cta{background:var(--surface-inverse,#11161b);color:var(--text-inverse,#fff)}
@media(max-width:800px){.machine-related-group-head{grid-template-columns:1fr}.machine-related-grid{grid-template-columns:1fr}.machine-related-card--case{grid-column:auto}}
@media(forced-colors:active){.machine-related-card{border:1px solid CanvasText}}
@media print{.machine-related{background:none}.machine-related-card{break-inside:avoid}}

/* STEP046 – application hubs */
.application-hub-page{background:var(--color-bg,#080b10);color:var(--color-text,#f7f8fa)}
.application-hub-hero{padding:clamp(8rem,13vw,12rem) 0 clamp(4rem,8vw,7rem);background:radial-gradient(circle at 78% 18%,color-mix(in srgb,var(--color-brand,#d7ff2f) 13%,transparent),transparent 30%),linear-gradient(145deg,#080b10,#111722)}
.application-hub-hero h1{max-width:14ch;font-size:clamp(2.8rem,7vw,6.8rem);line-height:.93;letter-spacing:-.055em;margin:.45rem 0 1.4rem}.application-hub-hero h1 em{font-style:normal;color:var(--color-brand,#d7ff2f)}.application-hub-hero>div>p:not(.eyebrow){max-width:760px;font-size:clamp(1.05rem,1.7vw,1.35rem);color:#c7ced8}
.application-hub-path{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:2.2rem}.application-hub-path span{padding:.65rem .9rem;border:1px solid #ffffff24;border-radius:999px;background:#ffffff0b;font-size:.82rem;font-weight:700}.application-hub-path i{color:var(--color-brand,#d7ff2f);font-style:normal}
.application-hub-shell{padding:clamp(3rem,7vw,7rem) 0}.application-hub-filter{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto auto;gap:1rem;align-items:end;padding:1.15rem;border:1px solid #ffffff18;border-radius:var(--radius-xl,24px);background:#ffffff08}.application-hub-filter label{display:grid;gap:.45rem}.application-hub-filter label>span{font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.application-hub-filter select{min-height:48px;border-radius:12px;border:1px solid #ffffff24;background:#111722;color:inherit;padding:0 .85rem}
.application-hub-resultbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin:1.25rem 0 2rem;color:#aeb8c5}.application-hub-resultbar div{display:flex;align-items:baseline;gap:.55rem}.application-hub-resultbar strong{font-size:1.8rem;color:var(--color-brand,#d7ff2f)}
.application-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem}.application-hub-card{display:grid;grid-template-columns:minmax(150px,.7fr) 1.3fr;min-height:260px;border:1px solid #ffffff18;border-radius:var(--radius-xl,24px);overflow:hidden;background:linear-gradient(145deg,#10151d,#0b0f15)}.application-hub-card>div:last-child{padding:clamp(1.4rem,3vw,2.3rem);align-self:center}.application-hub-card h2{font-size:clamp(1.5rem,2.6vw,2.3rem);margin:.25rem 0 .75rem}.application-hub-card p:not(.eyebrow){color:#b8c1cd}.application-card-visual{position:relative;min-height:220px;background:linear-gradient(135deg,#171f2a,#0b0f14);overflow:hidden}.application-card-visual:before{content:"";position:absolute;inset:20% 13%;border:1px solid #ffffff2e;transform:skewY(-8deg);box-shadow:0 25px 60px #0008}.application-card-visual span{position:absolute;width:44%;height:44%;left:28%;top:28%;border:2px solid var(--color-brand,#d7ff2f);border-radius:50%;opacity:.65}.application-card-visual i{position:absolute;inset:49% 12% auto;height:1px;background:#ffffff30}
.application-hub-empty{display:grid;grid-template-columns:minmax(220px,.8fr) 1.2fr;gap:clamp(2rem,6vw,5rem);align-items:center;padding:clamp(2rem,5vw,4.5rem);border:1px solid #ffffff18;border-radius:var(--radius-xl,24px);background:#ffffff07}.application-hub-empty h2{font-size:clamp(2rem,4vw,3.8rem);line-height:1}.application-hub-empty p:not(.eyebrow){color:#b8c1cd;max-width:620px}.application-empty-visual{min-height:280px;position:relative;background:linear-gradient(145deg,#151c26,#090c11);border-radius:20px;overflow:hidden}.application-empty-visual:before,.application-empty-visual:after{content:"";position:absolute;border:1px solid #ffffff20}.application-empty-visual:before{inset:18% 13%;transform:perspective(500px) rotateX(55deg) rotateZ(-18deg)}.application-empty-visual:after{inset:30% 24%;border-color:var(--color-brand,#d7ff2f);border-radius:50%}.application-empty-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}
.application-hub-cta{display:flex;justify-content:space-between;align-items:end;gap:2rem;margin-top:clamp(3rem,7vw,6rem);padding:clamp(1.6rem,4vw,3rem);border-radius:var(--radius-xl,24px);background:var(--color-brand,#d7ff2f);color:#080b10}.application-hub-cta h2{font-size:clamp(1.8rem,3.6vw,3.2rem);margin:.25rem 0 .5rem}.application-hub-cta p:not(.eyebrow){max-width:680px}.application-hub-cta .btn.primary{background:#080b10;color:#fff;white-space:nowrap}
@media(max-width:900px){.application-hub-filter{grid-template-columns:1fr 1fr}.application-hub-grid{grid-template-columns:1fr}.application-hub-empty{grid-template-columns:1fr}.application-empty-visual{min-height:210px}.application-hub-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.application-hub-filter{grid-template-columns:1fr}.application-hub-resultbar{align-items:flex-start;flex-direction:column}.application-hub-card{grid-template-columns:1fr}.application-card-visual{min-height:160px}.application-hub-path i{display:none}.application-hub-path span{flex:1 1 42%;text-align:center}}
@media(forced-colors:active){.application-hub-card,.application-hub-empty,.application-hub-filter{border:1px solid CanvasText}.application-hub-hero h1 em{color:Highlight}.application-hub-cta{border:2px solid CanvasText}}
@media print{.application-hub-filter,.application-hub-cta{display:none}.application-hub-hero{padding:2rem 0;background:none}.application-hub-page{background:#fff;color:#000}.application-hub-card,.application-hub-empty{break-inside:avoid;border:1px solid #999;background:none}}
.application-detail-pending{display:inline-flex;margin-top:.8rem;font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#8f9aa8}
/* STEP047 application detail */
.application-detail-page{background:var(--color-bg,#080b10);color:var(--color-text,#f7f8fa)}.application-detail-hero{padding:clamp(8rem,13vw,12rem) 0 clamp(4rem,8vw,7rem);background:radial-gradient(circle at 82% 25%,color-mix(in srgb,var(--color-brand,#d7ff2f) 12%,transparent),transparent 31%),linear-gradient(145deg,#080b10,#111722)}.application-detail-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(2rem,7vw,7rem);align-items:center}.application-detail-hero h1{font-size:clamp(3rem,7vw,7rem);line-height:.92;letter-spacing:-.055em;margin:.45rem 0 1.4rem}.application-detail-lead{max-width:720px;font-size:clamp(1.05rem,1.7vw,1.35rem);color:#c7ced8}.application-detail-taxonomy{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1.6rem}.application-detail-taxonomy span,.application-relation-badge{border:1px solid #ffffff24;border-radius:999px;padding:.55rem .75rem;font-size:.75rem;font-weight:800;letter-spacing:.04em}.application-detail-visual{position:relative;min-height:360px;border:1px solid #ffffff1c;border-radius:var(--radius-xl,24px);background:linear-gradient(145deg,#161e29,#090c11);overflow:hidden}.application-detail-visual:before{content:"";position:absolute;inset:18% 12%;border:1px solid #ffffff30;transform:perspective(600px) rotateX(55deg) rotateZ(-15deg)}.application-detail-visual span{position:absolute;inset:30%;border:2px solid var(--color-brand,#d7ff2f);border-radius:50%}.application-detail-visual i,.application-detail-visual b{position:absolute;background:#ffffff2c}.application-detail-visual i{height:1px;left:10%;right:10%;top:50%}.application-detail-visual b{width:1px;top:10%;bottom:10%;left:50%}.application-detail-flow,.application-detail-solutions,.application-detail-story{padding:clamp(4rem,8vw,8rem) 0}.application-detail-flow h2,.application-detail-solutions h2,.application-detail-story h2,.application-detail-cta h2{font-size:clamp(2rem,4vw,4rem);line-height:1;max-width:16ch}.application-flow-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2.5rem}.application-flow-grid article,.application-machine-grid article{padding:1.5rem;border:1px solid #ffffff18;border-radius:var(--radius-xl,24px);background:#ffffff07}.application-flow-grid strong{color:var(--color-brand,#d7ff2f);font-size:1.5rem}.application-flow-grid h3{font-size:1.3rem;margin:.8rem 0 .6rem}.application-flow-grid p,.application-solution-head>p,.application-machine-grid p,.application-solution-empty p{color:#b8c1cd}.application-detail-story{background:#ffffff05}.application-story-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(2rem,7vw,7rem);align-items:start}.application-story-copy p{font-size:1.1rem;line-height:1.8;color:#c5cdd8}.application-solution-head{display:flex;justify-content:space-between;gap:2rem;align-items:end}.application-solution-head>p{max-width:520px}.application-machine-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}.application-machine-grid h3{font-size:1.5rem;margin:1rem 0}.application-solution-empty{margin-top:2rem;padding:clamp(1.5rem,4vw,3rem);border:1px solid #ffffff18;border-radius:var(--radius-xl,24px);background:#ffffff07}.application-solution-empty strong{font-size:1.4rem}.application-solution-empty p{max-width:720px}.application-detail-cta{padding:clamp(3rem,7vw,6rem) 0}.application-detail-cta>.container{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding:clamp(1.6rem,4vw,3rem);border-radius:var(--radius-xl,24px);background:var(--color-brand,#d7ff2f);color:#080b10}.application-detail-cta p:not(.eyebrow){max-width:680px}.application-detail-cta .btn{background:#080b10;color:#fff;white-space:nowrap}.application-detail-link{display:inline-flex;margin-top:1rem;font-weight:800;color:var(--color-brand,#d7ff2f);text-decoration:none}.application-detail-link:focus-visible{outline:3px solid var(--color-focus,#fff);outline-offset:4px}
@media(max-width:900px){.application-detail-hero-grid,.application-story-copy{grid-template-columns:1fr}.application-detail-visual{min-height:240px}.application-flow-grid{grid-template-columns:1fr 1fr}.application-machine-grid{grid-template-columns:1fr}.application-solution-head,.application-detail-cta>.container{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.application-flow-grid{grid-template-columns:1fr}.application-detail-hero h1{overflow-wrap:anywhere}.application-detail-taxonomy span{width:100%}}
@media(forced-colors:active){.application-detail-visual,.application-flow-grid article,.application-machine-grid article,.application-solution-empty{border:1px solid CanvasText}.application-detail-taxonomy span,.application-relation-badge{border:1px solid CanvasText}}
@media print{.application-detail-visual,.application-detail-cta .btn{display:none}.application-detail-hero,.application-detail-flow,.application-detail-solutions,.application-detail-story{padding:1.5rem 0;background:#fff;color:#000}.application-flow-grid{grid-template-columns:repeat(2,1fr)}}
/* STEP049 — simple, touch-friendly Machine Finder wizard. */
.machine-finder-page{background:var(--color-surface,#fff)}.finder-hero{padding:clamp(7rem,12vw,11rem) 0 3.5rem;background:linear-gradient(135deg,#0b1016,#151e28);color:#fff}.finder-hero h1{max-width:850px;font-size:clamp(2.4rem,6vw,5rem);line-height:.98}.finder-hero h1 em{font-style:normal;color:var(--color-brand,#d8a33b)}.finder-hero p{max-width:760px}.finder-shell{padding:clamp(2.5rem,6vw,6rem) 0}.finder-layout{display:grid;grid-template-columns:minmax(230px,.34fr) minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start}.finder-overview{position:sticky;top:6rem;padding:1.5rem;border:1px solid rgba(127,127,127,.22);border-radius:1.25rem}.finder-overview>strong{display:block;font-size:2rem;margin:.35rem 0}.finder-progress{height:6px;background:rgba(127,127,127,.2);border-radius:999px;overflow:hidden}.finder-progress i{display:block;height:100%;background:var(--color-brand,#b9862c);transition:width .25s ease}.finder-overview ol{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;gap:.65rem}.finder-overview li{display:flex;gap:.7rem;opacity:.5}.finder-overview li.is-active{opacity:1}.finder-overview li span{font-variant-numeric:tabular-nums}.finder-wizard{min-width:0}.finder-step{border:0;padding:0;margin:0}.finder-step legend{font-size:clamp(1.8rem,4vw,3.3rem);font-weight:750;line-height:1.05;max-width:850px}.finder-step legend span{display:block;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:.8rem;opacity:.65}.finder-help{font-size:1.05rem;max-width:720px}.finder-inputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:2rem 0}.finder-choice{cursor:pointer}.finder-choice input{position:absolute;opacity:0;pointer-events:none}.finder-choice span{display:flex;min-height:72px;align-items:center;padding:1rem 1.15rem;border:1px solid rgba(127,127,127,.3);border-radius:1rem;transition:.15s ease}.finder-choice input:checked+span{border-color:var(--color-brand,#b9862c);box-shadow:inset 0 0 0 2px var(--color-brand,#b9862c)}.finder-choice input:focus-visible+span{outline:3px solid var(--color-focus,#4b9cff);outline-offset:3px}.finder-number{display:grid;gap:.5rem;max-width:420px}.finder-number input{min-height:52px;border:1px solid rgba(127,127,127,.35);border-radius:.8rem;padding:.75rem 1rem;font:inherit}.finder-error{font-weight:700}.finder-controls,.finder-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}.finder-finish{padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(127,127,127,.25);border-radius:1.25rem}.finder-empty{max-width:760px;padding:clamp(1.5rem,4vw,3rem);border:1px solid rgba(127,127,127,.25);border-radius:1.25rem}@media(max-width:760px){.finder-layout{grid-template-columns:1fr}.finder-overview{position:static}.finder-overview ol{display:none}.finder-inputs{grid-template-columns:1fr}.finder-controls .btn{min-height:48px;flex:1}.finder-hero{padding-top:6rem}}@media(prefers-reduced-motion:reduce){.finder-progress i,.finder-choice span{transition:none}}@media(forced-colors:active){.finder-choice input:checked+span{outline:3px solid Highlight}.finder-progress i{background:Highlight}}

/* STEP050 — explainable Machine Finder results */
.finder-results{display:grid;gap:1rem;max-width:1050px}.finder-result{display:grid;grid-template-columns:minmax(220px,.75fr) minmax(280px,1.25fr);gap:1.5rem;padding:clamp(1.25rem,3vw,2rem);border:1px solid rgba(127,127,127,.25);border-radius:1.25rem}.finder-result .finder-actions{grid-column:1/-1;margin-top:0}.finder-reasons{display:grid;gap:.65rem}.finder-reasons p{margin:0;padding:.8rem 1rem;border-left:3px solid currentColor;background:rgba(127,127,127,.06)}.finder-result--excluded{opacity:.78}.finder-disclaimer{padding:1rem;border:1px solid rgba(127,127,127,.25);border-radius:.8rem;font-size:.92rem}@media(max-width:700px){.finder-result{grid-template-columns:1fr}.finder-result .finder-actions{grid-column:auto}}@media(forced-colors:active){.finder-result,.finder-reasons p{border-color:CanvasText}}/* STEP053 — calm, task-first NOAT Studio dashboard */
.studio-v2{--studio-ink:#14171b;--studio-muted:#6d737c}.studio-sidebar{z-index:20}.studio-sidebar .studio-nav-group{padding:20px 13px 7px;color:#656a72;font-size:9px;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.studio-sidebar nav a{display:flex;justify-content:space-between;gap:8px;align-items:center;min-height:42px}.studio-sidebar nav a small{font-size:8px;letter-spacing:.06em}.studio-sidebar nav .is-upcoming{opacity:.46;cursor:default}.studio-logout{margin-top:auto}.studio-logout .logout{width:100%;border:0;background:transparent;text-align:left;cursor:pointer}.studio-dashboard{max-width:1600px;color:var(--studio-ink)}.studio-top{gap:2rem}.studio-top h1{max-width:850px;font-size:clamp(2.4rem,4.5vw,4.6rem);line-height:.98;letter-spacing:-.05em}.studio-top .muted{max-width:720px;font-size:1rem}.studio-task-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:36px 0 54px}.studio-task{min-height:150px;padding:22px;display:grid;grid-template-columns:auto 1fr auto;gap:16px;align-items:start;border:1px solid var(--color-border-light);border-radius:20px;background:var(--color-surface-light);transition:transform .18s ease,box-shadow .18s ease}.studio-task:hover{transform:translateY(-3px);box-shadow:0 18px 45px #1111}.studio-task:focus-visible{outline:3px solid var(--color-focus);outline-offset:3px}.studio-task--primary{background:#15171a;color:#fff;border-color:#15171a}.studio-task-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#0000000b;font-size:10px;font-weight:900}.studio-task--primary .studio-task-icon{background:#ffffff12;color:var(--noat-brand)}.studio-task strong{font-size:1.15rem}.studio-task p{margin:.5rem 0 0;color:#747a82;font-size:.86rem;line-height:1.5}.studio-task--primary p{color:#aeb3bb}.studio-task>b{font-size:1.35rem}.studio-section-head{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:18px}.studio-section-head h2{margin:.25rem 0 0;font-size:clamp(1.65rem,2.8vw,2.6rem);letter-spacing:-.035em}.studio-live{display:flex;align-items:center;gap:7px;color:#697079;font-size:.75rem}.studio-live i{width:7px;height:7px;border-radius:50%;background:#36a467}.studio-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.studio-metric{min-height:150px;padding:22px;border:1px solid var(--color-border-light);border-radius:18px;background:var(--color-surface-light)}.studio-metric b{display:block;font-size:2.3rem;letter-spacing:-.04em}.studio-metric span{display:block;margin-top:12px;font-weight:800}.studio-metric small{display:block;margin-top:5px;color:#7b8189}.studio-metric--ok b{color:#238251}.studio-recent{margin-top:54px}.studio-section-head>a{font-size:.82rem;font-weight:800}.studio-empty{padding:28px;border:1px dashed #c9ccd0;border-radius:18px;background:#fff}.studio-empty p{margin:.4rem 0 0;color:#777d85}.studio-lead-list{display:grid;border:1px solid var(--color-border-light);border-radius:18px;overflow:hidden;background:#fff}.studio-lead-list>a{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:17px 20px;border-bottom:1px solid var(--color-border-light)}.studio-lead-list>a:last-child{border-bottom:0}.studio-lead-list small{display:block;margin-top:3px;color:#777d85}.studio-lead-list em{font-style:normal;font-size:.72rem;font-weight:800;text-transform:uppercase}.studio-roadmap{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:end;margin-top:54px;padding:28px;border-radius:20px;background:#15171a;color:#fff}.studio-roadmap h2{font-size:2rem;margin:.35rem 0}.studio-roadmap p{max-width:720px;color:#aeb3bb}.studio-roadmap>div:last-child>strong{display:block;font-size:2rem}.studio-roadmap .progress{margin:10px 0;background:#ffffff1c}.studio-roadmap small{color:#9ea4ad}@media(max-width:1100px){.studio-task-grid{grid-template-columns:1fr 1fr}.studio-metrics{grid-template-columns:1fr 1fr}.studio-roadmap{grid-template-columns:1fr}}@media(max-width:700px){.studio-task-grid,.studio-metrics{grid-template-columns:1fr}.studio-task{min-height:0}.studio-section-head{align-items:flex-start;flex-direction:column}.studio-lead-list>a{grid-template-columns:1fr auto}.studio-lead-list>a>b{display:none}}@media(max-width:900px){.studio-sidebar .studio-nav-group{display:none}.studio-sidebar nav a small{display:none}.studio-logout .logout{font-size:0}.studio-logout .logout:before{content:'↪';font-size:20px}}@media(prefers-reduced-motion:reduce){.studio-task{transition:none}.studio-task:hover{transform:none}}@media(forced-colors:active){.studio-task,.studio-metric,.studio-lead-list,.studio-roadmap{border:1px solid CanvasText}.studio-task--primary,.studio-roadmap{background:Canvas;color:CanvasText}}
/* STEP054 — simple page management, status, preview and immutable versions */
.studio-pages{max-width:1500px}.studio-pages .studio-top h1{font-size:clamp(2.5rem,5vw,4.7rem);letter-spacing:-.05em}.page-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:32px 0}.page-status-grid>a{padding:20px;border:1px solid var(--color-border-light);border-radius:16px;background:var(--color-surface-light)}.page-status-grid b{display:block;font-size:2rem}.page-status-grid span{font-weight:750}.page-search{display:grid;grid-template-columns:minmax(240px,1fr) 220px auto;gap:12px;align-items:end;margin:0 0 24px}.page-search label,.page-editor-form label{display:grid;gap:7px}.page-search label>span,.page-editor-form label>span{font-size:.78rem;font-weight:800}.page-search input,.page-search select,.page-editor-form input,.page-editor-form select,.page-editor-form textarea{width:100%;min-height:48px;padding:.75rem .9rem;border:1px solid #cfd2d6;border-radius:10px;background:var(--color-surface-light);color:inherit;font:inherit}.page-list{display:grid;border:1px solid var(--color-border-light);border-radius:18px;overflow:hidden;background:var(--color-surface-light)}.page-list article{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:20px;border-bottom:1px solid var(--color-border-light)}.page-list article:last-child{border-bottom:0}.page-list h2{margin:.5rem 0 .25rem;font-size:1.2rem}.page-list p{margin:0;color:#777d85;font-size:.82rem}.page-row-actions{display:flex;gap:8px;flex-wrap:wrap}.page-status{display:inline-flex;padding:.32rem .55rem;border-radius:999px;font-size:.68rem;font-weight:850;letter-spacing:.03em}.page-status--published{background:#e4f5e9;color:#17643a}.page-status--draft{background:#f5eedc;color:#795a14}.page-status--archived{background:#eceef0;color:#5c626a}.page-editor-shell{max-width:1280px;margin:0 auto;padding:clamp(24px,5vw,72px)}.page-editor-shell>header{margin:32px 0}.page-editor-shell>header h1{font-size:clamp(2.4rem,5vw,4.5rem);letter-spacing:-.05em;margin:.3rem 0}.page-editor-nav{display:flex;justify-content:space-between;align-items:center;gap:20px}.page-editor-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.75fr);gap:24px;align-items:start}.page-editor-form,.page-version-panel{display:grid;gap:18px;padding:clamp(20px,3vw,32px);border:1px solid var(--color-border-light);border-radius:20px;background:var(--color-surface-light)}.page-editor-form h2{margin:8px 0 0}.page-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.slug-input{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid #cfd2d6;border-radius:10px;overflow:hidden}.slug-input i{padding-left:12px;font-style:normal;color:#777}.slug-input input{border:0!important;border-radius:0!important}.page-editor-actions{display:flex;justify-content:flex-end;gap:10px}.page-errors,.page-success{padding:14px 18px;border-radius:12px;margin:16px 0}.page-errors{border:1px solid #b73535;background:#fff2f2}.page-errors p{margin:.2rem 0}.page-success{border:1px solid #3b8b5b;background:#effaf3}.page-version-panel>p{color:#747a82}.page-version-panel ol{list-style:none;padding:0;margin:0;display:grid}.page-version-panel li{display:flex;justify-content:space-between;gap:14px;padding:13px 0;border-bottom:1px solid var(--color-border-light)}.page-version-panel li span{display:block;color:#777d85;font-size:.72rem;margin-top:3px}.page-version-panel li a{font-size:.75rem;font-weight:800}.page-builder-note{margin-top:8px;padding:16px;border-radius:13px;background:#f1f2f3}.page-builder-note p{margin:.4rem 0 0;font-size:.82rem;color:#656b73}.page-preview{margin:0;background:#f5f5f3;color:#15171a}.preview-bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;gap:20px;align-items:center;padding:12px 20px;background:#15171a;color:#fff}.preview-bar span{display:block;color:#adb2b9;font-size:.72rem}.preview-bar button{min-height:38px;border:1px solid #ffffff44;border-radius:8px;background:#ffffff0d;color:#fff;padding:0 14px;cursor:pointer}.page-preview main{max-width:1100px;margin:0 auto;padding:clamp(50px,10vw,120px) 24px}.page-preview h1{font-size:clamp(3rem,8vw,7rem);line-height:.92;letter-spacing:-.06em}.preview-path{color:#70767e}.preview-empty,.preview-safe{margin-top:60px;padding:30px;border:1px dashed #b9bdc1;border-radius:18px;background:#fff}.preview-empty p,.preview-safe p{max-width:700px;color:#6e747c}@media(max-width:900px){.page-status-grid{grid-template-columns:1fr 1fr}.page-search,.page-editor-grid{grid-template-columns:1fr}.page-list article{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.page-status-grid,.page-field-pair{grid-template-columns:1fr}.page-row-actions{width:100%}.page-row-actions .btn{flex:1}.preview-bar{align-items:flex-start;flex-direction:column}}@media(forced-colors:active){.page-status-grid>a,.page-list,.page-editor-form,.page-version-panel,.preview-empty,.preview-safe{border:1px solid CanvasText}.page-status{border:1px solid CanvasText}}
/* STEP055 safe block library */
.block-library-panel{grid-column:1/-1;padding:clamp(20px,3vw,32px);border:1px solid var(--color-border-light);border-radius:20px;background:var(--color-surface-light)}.block-library-panel>p{max-width:760px;color:#6d737b}.block-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.block-catalog article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--color-border-light);border-radius:14px}.block-catalog article p{margin:.25rem 0 0;color:#727881;font-size:.8rem}.block-catalog article>span{font-size:.68rem;font-weight:800}.block-catalog-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:10px;background:#f0f1f2;font-size:1.5rem}.block-count{margin:18px 0 0!important}@media(max-width:760px){.block-catalog{grid-template-columns:1fr}.block-catalog article{grid-template-columns:44px 1fr}.block-catalog article>span{grid-column:2}}@media(forced-colors:active){.block-library-panel,.block-catalog article{border:1px solid CanvasText}}
/* STEP056 Visual Live Page Builder */
.visual-builder{grid-column:1/-1;margin-top:8px;padding:clamp(20px,3vw,32px);border:1px solid var(--color-border-light);border-radius:20px;background:#fff}.visual-builder-head{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:24px}.visual-builder-head h2{font-size:2rem;margin:.3rem 0}.visual-builder-head p{max-width:720px;color:#666d75}.builder-state{padding:8px 12px;border-radius:999px;background:#f1f2f3;font-size:.72rem;font-weight:800}.visual-builder-grid{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(420px,1.15fr);gap:20px;align-items:start}.builder-controls{display:grid;gap:14px}.builder-add{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px;border:1px solid #d7d9dc;border-radius:14px;background:#f8f8f7}.builder-add label{grid-column:1/-1;font-size:.75rem;font-weight:850}.builder-add select{min-height:46px;padding:0 12px;border:1px solid #cfd2d6;border-radius:9px;background:#fff}.builder-list{display:grid;gap:12px}.builder-block{border:1px solid #d7d9dc;border-radius:15px;overflow:hidden;background:#fff}.builder-block>header{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:center;padding:14px 16px;background:#f3f4f4}.builder-block>header>span{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#17191c;color:#fff;font-size:.72rem;font-weight:900}.builder-block header small{display:block;margin-top:2px;color:#70767e}.builder-fields{display:grid;gap:11px;padding:16px}.builder-fields label{display:grid;gap:5px}.builder-fields label>span{font-size:.72rem;font-weight:800;text-transform:capitalize}.builder-fields input,.builder-fields textarea,.builder-fields select{width:100%;min-height:44px;padding:10px 11px;border:1px solid #cfd2d6;border-radius:9px;font:inherit;background:#fff}.builder-fields textarea{min-height:90px;resize:vertical}.builder-empty{padding:28px;border:1px dashed #bdc1c5;border-radius:14px;text-align:center}.builder-empty p{color:#777d85}.builder-preview-wrap{position:sticky;top:18px;border:1px solid #cfd2d6;border-radius:16px;overflow:hidden;background:#eee;box-shadow:0 16px 50px #00000012}.builder-preview-bar{display:flex;justify-content:space-between;padding:10px 14px;background:#17191c;color:#fff;font-size:.75rem}.builder-preview-bar span{color:#aeb3ba}.builder-preview{min-height:520px;max-height:72vh;overflow:auto;background:#fff;color:#15171a}.builder-preview-empty{padding:80px 24px;text-align:center;color:#777}.bp-hero,.bp-text,.bp-cta,.bp-selection{padding:clamp(28px,5vw,60px)}.bp-hero{min-height:310px;background:#101114;color:#fff}.bp-hero small,.bp-selection small{font-weight:900;letter-spacing:.14em}.bp-hero h2{font-size:clamp(2.3rem,5vw,4.5rem);line-height:.95;letter-spacing:-.05em;margin:14px 0}.bp-text h2,.bp-cta h2,.bp-selection h2{font-size:2rem;margin:.2rem 0 1rem}.bp-text p,.bp-hero p,.bp-cta p{line-height:1.6;white-space:pre-line}.bp-button{display:inline-block;margin-top:14px;padding:10px 15px;border-radius:9px;background:#d71920;color:#fff;font-weight:850}.bp-image{padding:30px}.bp-image>div{min-height:240px;display:grid;place-items:center;align-content:center;gap:6px;background:#e8eaec;border-radius:12px}.bp-image small{display:block;color:#6c7279}.bp-selection{background:#f1f2f3}.bp-spacer{display:grid;place-items:center;border-block:1px dashed #ddd;color:#aaa;font-size:.65rem}.bp-spacer--small{height:30px}.bp-spacer--medium{height:60px}.bp-spacer--large{height:100px}.builder-save{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.real-page-preview{margin-top:48px;border-radius:18px;overflow:hidden;background:#fff}.preview-block{padding:clamp(32px,7vw,80px)}.preview-block--hero{background:#101114;color:#fff}.preview-block--hero h2{font-size:clamp(3rem,7vw,6.5rem);line-height:.92;letter-spacing:-.06em;margin:.3em 0}.preview-block--text p,.preview-block--cta p{max-width:800px;line-height:1.7}.preview-block--cta,.preview-block--selection{background:#eceeed}.preview-cta{display:inline-flex;margin-top:18px;padding:12px 17px;border-radius:9px;background:#d71920;color:#fff;font-weight:850}.preview-media-placeholder{min-height:320px;display:grid;place-items:center;align-content:center;gap:7px;background:#e5e7e9;border-radius:14px}.preview-media-placeholder span{color:#6b7178}.preview-spacer--small{height:40px}.preview-spacer--medium{height:80px}.preview-spacer--large{height:140px}@media(max-width:980px){.visual-builder-grid{grid-template-columns:1fr}.builder-preview-wrap{position:relative;top:auto}.visual-builder-head{display:block}.builder-state{display:inline-block}}@media(max-width:560px){.builder-add{grid-template-columns:1fr}.builder-add label{grid-column:auto}.builder-save{flex-direction:column}.builder-save .btn{width:100%}}@media(prefers-reduced-motion:reduce){.builder-list *{scroll-behavior:auto!important}}@media(forced-colors:active){.visual-builder,.builder-block,.builder-preview-wrap,.builder-add{border:1px solid CanvasText}.bp-button,.preview-cta{border:1px solid ButtonText}}
/* STEP057 block manipulation + history */
.builder-history{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.builder-history span{font-size:.7rem;color:#747a82}.builder-history button:disabled,.builder-actions button:disabled{opacity:.42;cursor:not-allowed}.builder-block>header{grid-template-columns:32px 32px minmax(0,1fr) auto}.builder-drag,.builder-actions button{min-width:36px;min-height:36px;border:1px solid #cfd2d6;border-radius:8px;background:#fff;color:#222;font:inherit;font-weight:850;cursor:pointer}.builder-drag{cursor:grab;touch-action:none}.builder-drag:active{cursor:grabbing}.builder-actions{display:flex;gap:5px}.builder-block.is-dragging{opacity:.48}.builder-block.is-drop-target{outline:3px solid currentColor;outline-offset:2px}.builder-block:focus-within{box-shadow:0 0 0 3px #00000012}@media(max-width:680px){.builder-block>header{grid-template-columns:32px 32px 1fr}.builder-actions{grid-column:2/-1;justify-content:flex-end}.builder-actions button{min-width:44px;min-height:44px}.builder-drag{min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){.builder-block{transition:none!important}}@media(forced-colors:active){.builder-drag,.builder-actions button{border:1px solid ButtonText}.builder-block.is-drop-target{outline:3px solid Highlight}}

/* STEP058 responsive Desktop / Tablet / Mobile editor */
.builder-preview-bar{align-items:center;gap:12px}.builder-preview-bar>div:first-child{display:flex;align-items:center;gap:10px;min-width:0}.builder-preview-bar>div:first-child span{white-space:nowrap}.builder-device-switcher{display:flex;gap:4px;padding:3px;border:1px solid #3b3e43;border-radius:10px;background:#0e1012}.builder-device-switcher button{min-height:34px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:#c8cdd2;font:inherit;font-size:.7rem;font-weight:850;cursor:pointer}.builder-device-switcher button:hover,.builder-device-switcher button:focus-visible{background:#292c31;color:#fff}.builder-device-switcher button.is-active{background:#fff;color:#17191c}.builder-preview-stage{padding:18px;overflow:auto;background:#dfe2e4}.builder-preview-frame{width:100%;max-width:1440px;margin-inline:auto;background:#fff;box-shadow:0 8px 28px #00000014;transition:max-width .2s ease}.builder-preview-wrap[data-preview-device=tablet] .builder-preview-frame{max-width:768px}.builder-preview-wrap[data-preview-device=mobile] .builder-preview-frame{max-width:390px}.builder-preview-wrap[data-preview-device=tablet] .builder-preview{font-size:.95rem}.builder-preview-wrap[data-preview-device=mobile] .builder-preview{font-size:.9rem}.builder-preview-wrap[data-preview-device=mobile] .bp-hero,.builder-preview-wrap[data-preview-device=mobile] .bp-text,.builder-preview-wrap[data-preview-device=mobile] .bp-cta,.builder-preview-wrap[data-preview-device=mobile] .bp-selection{padding:28px 20px}.builder-preview-wrap[data-preview-device=mobile] .bp-hero{min-height:250px}.builder-preview-wrap[data-preview-device=mobile] .bp-hero h2{font-size:2.25rem}.builder-preview-wrap[data-preview-device=mobile] .bp-text h2,.builder-preview-wrap[data-preview-device=mobile] .bp-cta h2,.builder-preview-wrap[data-preview-device=mobile] .bp-selection h2{font-size:1.55rem}.builder-preview-wrap[data-preview-device=mobile] .bp-image{padding:20px}.builder-preview-wrap[data-preview-device=mobile] .bp-image>div{min-height:180px}@media(max-width:760px){.visual-builder{padding:16px}.builder-preview-bar{align-items:stretch;flex-direction:column}.builder-preview-bar>div:first-child{justify-content:space-between}.builder-device-switcher{width:100%}.builder-device-switcher button{flex:1;min-height:44px}.builder-preview-stage{padding:10px}.builder-preview{min-height:420px;max-height:64vh}.builder-controls{min-width:0}.builder-history .btn{min-height:44px}.builder-add select,.builder-add .btn{min-height:48px}.builder-fields input,.builder-fields textarea,.builder-fields select{font-size:16px}.visual-builder-head h2{font-size:1.65rem}}@media(max-width:430px){.builder-device-switcher button{padding-inline:6px}.builder-preview-bar>div:first-child{display:grid;gap:2px}.builder-preview-bar>div:first-child span{white-space:normal}.builder-preview-stage{padding:6px}.builder-preview-wrap[data-preview-device=desktop] .builder-preview-frame,.builder-preview-wrap[data-preview-device=tablet] .builder-preview-frame{min-width:390px}.builder-preview-stage{overscroll-behavior-x:contain}}@media(prefers-reduced-motion:reduce){.builder-preview-frame{transition:none}}@media(forced-colors:active){.builder-device-switcher,.builder-device-switcher button,.builder-preview-frame{border:1px solid ButtonText}.builder-device-switcher button.is-active{background:Highlight;color:HighlightText}}
/* STEP059 Global Design Studio */
.design-studio{display:block;background:#f5f6f8;color:#17191d}.design-shell{width:min(1500px,calc(100% - 40px));margin:auto;padding:34px 0 70px}.design-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.design-head h1{font-size:clamp(36px,5vw,62px);margin:8px 0}.design-grid{display:grid;grid-template-columns:minmax(360px,520px) 1fr;gap:24px;align-items:start}.design-form{display:grid;gap:14px}.design-form section{background:#fff;border:1px solid #e1e3e7;border-radius:20px;padding:22px}.design-form h2{margin:0 0 18px}.design-form label{display:grid;gap:8px;margin:14px 0;font-weight:700}.design-form select,.design-form input[type=range]{width:100%;min-height:44px}.design-fields.colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.design-fields input[type=color]{width:100%;height:52px;border:1px solid #ddd;border-radius:12px;padding:4px;background:#fff}.design-actions{display:flex;gap:10px;flex-wrap:wrap}.design-preview{position:sticky;top:24px;background:#fff;border:1px solid #e1e3e7;border-radius:22px;padding:14px;box-shadow:0 20px 60px #1d24300d}.design-preview-top{display:flex;justify-content:space-between;padding:7px 5px 16px;color:#656a73;font-size:12px}.design-demo{--demo-brand:#e31b23;--demo-radius:22px;--demo-gap:90px;--demo-gutter:48px;--demo-header:86px;overflow:hidden;border-radius:16px;background:#0a0b0d;color:#fff;font-family:ui-sans-serif,system-ui;min-height:620px}.design-demo[data-mode=light]{background:#f6f6f4;color:#151515}.design-demo[data-font=modern]{font-family:Inter,Arial,sans-serif}.design-demo[data-font=technical]{font-family:"Segoe UI",Roboto,Arial,sans-serif}.design-demo-header{height:var(--demo-header);padding:0 var(--demo-gutter);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20}.design-demo[data-header=glass] .design-demo-header{background:#202226cc}.design-demo[data-header=solid] .design-demo-header{background:#0a0b0d}.design-demo-hero{padding:var(--demo-gap) var(--demo-gutter) 50px}.design-demo-hero h2{font-size:clamp(38px,5vw,72px);max-width:700px;line-height:.95;margin:14px 0 24px}.design-demo-hero>p:not(.eyebrow){max-width:570px;line-height:1.6}.design-demo-hero button{margin-top:20px;background:var(--demo-brand);color:#fff;border:0;border-radius:var(--demo-radius);padding:15px 20px;font-weight:800}.design-demo-cards{padding:0 var(--demo-gutter) 50px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.design-demo-cards i{height:100px;border-radius:var(--demo-radius);background:#ffffff10;border:1px solid #ffffff18}.design-demo[data-mode=light] .design-demo-cards i{background:#fff;border-color:#ddd}@media(max-width:980px){.design-grid{grid-template-columns:1fr}.design-preview{position:static}.design-head{flex-direction:column}}@media(max-width:560px){.design-shell{width:min(100% - 24px,1500px)}.design-fields.colors{grid-template-columns:1fr}.design-demo-header nav{display:none}.design-demo-cards{grid-template-columns:1fr}}
/* STEP060 Media Library */
.media-studio{display:block;background:#f5f6f8;color:#17191d}.media-shell{width:min(1480px,calc(100% - 40px));margin:auto;padding:34px 0 70px}.media-head{margin-bottom:24px}.media-head h1{font-size:clamp(36px,5vw,62px);margin:8px 0}.media-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:18px}.media-upload,.media-folder,.media-filter,.media-meta,.media-detail-preview{background:#fff;border:1px solid #e1e3e7;border-radius:20px;padding:22px}.media-upload{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.media-upload h2,.media-upload small,.media-upload button{grid-column:1/-1}.media-upload label,.media-folder label,.media-meta label,.media-filter label{display:grid;gap:7px;font-weight:750}.media-upload input,.media-upload select,.media-folder input,.media-meta input,.media-meta textarea,.media-meta select,.media-filter input,.media-filter select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cfd2d6;border-radius:10px;background:#fff;color:#17191d;font:inherit}.media-folder{align-self:start;display:grid;gap:14px}.media-filter{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:12px;align-items:end;margin:22px 0}.media-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.media-card{display:block;overflow:hidden;border:1px solid #e1e3e7;border-radius:18px;background:#fff;color:inherit;text-decoration:none}.media-card img,.media-file{width:100%;height:190px;object-fit:cover;background:#17191d;color:#fff;display:grid;place-items:center;font-weight:900;letter-spacing:.08em}.media-card>div:last-child{display:grid;gap:5px;padding:15px}.media-card small{color:#666}.media-edit-grid{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);gap:20px}.media-detail-preview img{width:100%;max-height:520px;object-fit:contain;background:#eee;border-radius:12px}.media-detail-preview dl{display:grid;grid-template-columns:100px 1fr;gap:8px;margin-top:18px}.media-detail-preview dt{font-weight:800}.media-detail-preview dd{margin:0;min-width:0}.media-hash{overflow-wrap:anywhere;font-family:monospace;font-size:.75rem}.media-meta{display:grid;gap:16px;align-content:start}.media-meta textarea{resize:vertical}@media(max-width:900px){.media-top,.media-edit-grid{grid-template-columns:1fr}.media-filter{grid-template-columns:1fr 1fr}.media-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.media-shell{width:min(100% - 24px,1480px)}.media-upload,.media-filter{grid-template-columns:1fr}.media-upload h2,.media-upload small,.media-upload button{grid-column:auto}.media-grid{grid-template-columns:1fr}.media-upload input,.media-upload select,.media-folder input,.media-meta input,.media-meta textarea,.media-meta select,.media-filter input,.media-filter select,.media-filter button{min-height:48px;font-size:16px}}@media(forced-colors:active){.media-upload,.media-folder,.media-filter,.media-card,.media-meta,.media-detail-preview{border:1px solid CanvasText}}

/* STEP061 guided Studio assistants */
.studio-wizard{display:grid;gap:1.25rem}.studio-wizard [data-wizard-step]{display:grid;gap:1rem}.studio-wizard [data-wizard-step][hidden]{display:none}.studio-wizard-progress{display:grid;gap:.45rem}.studio-wizard-progress progress{width:100%;height:.7rem}.studio-wizard-actions{display:flex;gap:.75rem;justify-content:space-between;flex-wrap:wrap}.studio-wizard label{display:grid;gap:.45rem}.studio-wizard input,.studio-wizard textarea,.studio-wizard select{min-height:44px}@media(max-width:640px){.studio-wizard-actions .btn{min-height:48px;flex:1 1 42%}.studio-wizard-shell{padding-inline:1rem}}

/* STEP062 · SEO Studio */
.seo-studio{max-width:1280px}.seo-grid{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr);gap:28px;margin:28px 0;padding:28px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface)}.seo-page-list,.seo-redirect-list{display:grid;gap:10px}.seo-page-list>a,.seo-redirect-list>article{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-md);text-decoration:none;color:inherit}.seo-page-list span,.seo-redirect-list div{display:grid;gap:4px}.seo-page-list small,.seo-redirect-list small{color:var(--muted)}.seo-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:28px}.seo-preview-stack{display:grid;align-content:start;gap:18px}.seo-preview-card,.social-preview-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:22px;overflow-wrap:anywhere}.seo-preview-card h3{font-size:1.25rem;margin:.35rem 0;color:#2458b8}.seo-preview-card code{display:block;white-space:normal;font-size:.78rem}.social-preview-card{padding:0;overflow:hidden}.social-preview-image{min-height:180px;display:grid;place-items:center;background:var(--surface-2);border-bottom:1px solid var(--border)}.social-preview-card>div:last-child{padding:18px}.social-preview-card h3{margin:.25rem 0}.seo-redirect-list{grid-column:2}.seo-redirect-list form{margin:0}@media(max-width:860px){.seo-grid,.seo-editor-grid{grid-template-columns:1fr}.seo-redirect-list{grid-column:auto}.seo-page-list>a,.seo-redirect-list>article{align-items:flex-start;flex-direction:column}}@media(forced-colors:active){.seo-grid,.seo-page-list>a,.seo-redirect-list>article,.seo-preview-card,.social-preview-card{border:1px solid CanvasText}}

/* STEP064 Studio usability phase gate */
@media(max-width:900px){body.studio-v2{display:block}.studio-v2 .studio-sidebar{position:static;width:100%;min-height:auto;padding:14px 12px}.studio-v2 .studio-sidebar .logo{padding:0 8px 12px}.studio-v2 .studio-sidebar .logo span{display:inline;margin-left:6px;font-size:9px}.studio-v2 .studio-sidebar nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px}.studio-v2 .studio-sidebar nav a{flex:0 0 auto;min-height:44px;padding:11px 13px;font-size:13px;white-space:nowrap}.studio-v2 .studio-sidebar nav a:before{content:none}.studio-v2 .studio-sidebar .studio-nav-group{display:none}.studio-v2 .studio-logout{margin-top:10px}.studio-v2 .studio-logout .logout{min-height:44px;width:auto;font-size:13px}.studio-v2 .studio-logout .logout:before{content:none}.studio-v2 .studio-dashboard{margin-left:0;width:100%;padding:24px}}
@media(max-width:560px){.studio-v2 .studio-dashboard{padding:18px 14px}.studio-v2 .studio-top .btn,.studio-v2 .studio-task{min-height:48px}.studio-v2 .studio-task{grid-template-columns:auto 1fr auto}.studio-v2 .studio-roadmap{padding:20px}}


/* STEP092 — Phase 10 mobile hardening: thumb-friendly Service/Academy flows. */
.phase10-mobile{overflow-x:hidden}.phase10-mobile .wrap,.phase10-mobile .cloud-shell{width:min(100%,1050px);box-sizing:border-box}.phase10-mobile .btn,.phase10-mobile button,.phase10-mobile select,.phase10-mobile input:not([type=hidden]),.phase10-mobile textarea{min-height:44px}.phase10-mobile img,.phase10-mobile video{max-width:100%;height:auto}.phase10-mobile progress{width:100%;min-height:12px}.phase10-mobile form{max-width:100%}
@media(max-width:640px){.phase10-mobile .wrap,.phase10-mobile .cloud-shell{padding:16px!important}.phase10-mobile h1{font-size:clamp(30px,10vw,44px);overflow-wrap:anywhere}.phase10-mobile h2{overflow-wrap:anywhere}.phase10-mobile .grid{grid-template-columns:1fr!important}.phase10-mobile .card,.phase10-mobile .foundation,.phase10-mobile .notice{padding:14px!important}.phase10-mobile .actions,.phase10-mobile .filters{display:grid!important;grid-template-columns:1fr!important}.phase10-mobile .actions .btn,.phase10-mobile .actions button,.phase10-mobile .filters .btn,.phase10-mobile .filters button{width:100%;box-sizing:border-box;text-align:center}.phase10-mobile select,.phase10-mobile input:not([type=hidden]),.phase10-mobile textarea{width:100%;max-width:100%;box-sizing:border-box;font-size:16px}.phase10-mobile video{max-height:56vh}.phase10-mobile .steps{grid-template-columns:1fr 1fr!important}.phase10-mobile table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}}
@media(max-width:380px){.phase10-mobile .steps{grid-template-columns:1fr!important}}
/* STEP095 machine configurator */
.configurator-page{padding-block:clamp(2rem,5vw,5rem);max-width:980px}.configurator-page>p{max-width:760px}.configurator-form{display:grid;gap:1.25rem;margin-top:2rem}.configurator-form fieldset,.config-result{border:1px solid var(--line,rgba(127,127,127,.25));border-radius:18px;padding:clamp(1rem,3vw,1.6rem);background:var(--surface,rgba(127,127,127,.06))}.configurator-form legend{font-weight:800;padding:0 .4rem}.config-choice{display:grid;grid-template-columns:auto 1fr;column-gap:.75rem;align-items:start;padding:.8rem 0;min-height:44px}.config-choice input{margin-top:.25rem}.config-choice span{grid-column:2;opacity:.72}.config-result{margin:1.5rem 0}.config-result h2{font-size:clamp(1.7rem,5vw,3rem);letter-spacing:.04em}.config-result .btn{margin:.35rem .5rem .35rem 0}@media(max-width:640px){.configurator-page{padding-inline:1rem}.config-result .btn{display:flex;width:100%;justify-content:center;margin:.5rem 0}}
/* STEP096 personal digital sales/demo pages */
.personal-sales-page{max-width:980px;margin:0 auto;padding:clamp(28px,6vw,80px) 20px}.personal-sales-page .finder-result{margin:20px 0}.personal-sales-page code{overflow-wrap:anywhere}@media(max-width:640px){.personal-sales-page{padding:24px 16px}.personal-sales-page .btn{min-height:44px;width:100%;justify-content:center}}

/* STEP097 ROI/production scenario calculator */
.roi-page{max-width:1120px;padding-top:clamp(3rem,7vw,6rem);padding-bottom:6rem}.roi-page>h1{max-width:15ch;font-size:clamp(2.5rem,6vw,5.5rem);line-height:.96;letter-spacing:-.045em}.roi-lead{max-width:850px;font-size:1.08rem;color:var(--text-muted,#58616b)}.roi-form{display:grid;gap:1.25rem;margin-top:2rem}.roi-form section,.roi-result{padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--border,#d9dde2);border-radius:22px;background:var(--surface,#fff)}.roi-form h2,.roi-formulas h2{margin-top:0}.roi-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.roi-grid label{display:grid;gap:.4rem;font-weight:750}.roi-grid label span{font-size:.78rem;color:var(--text-muted,#68717b)}.roi-grid input{width:100%;min-height:48px;padding:.7rem .8rem;border:1px solid var(--border,#cfd4da);border-radius:12px;font:inherit;background:var(--surface,#fff);color:inherit}.roi-result{margin-top:2rem}.roi-result-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem}.roi-result-grid article{display:grid;gap:.25rem;padding:1rem;border-radius:16px;background:var(--surface-subtle,#f4f5f6)}.roi-result-grid small{min-height:2.5em}.roi-result-grid strong{font-size:clamp(1.35rem,2.6vw,2.1rem)}.roi-result-grid span{font-size:.78rem;color:var(--text-muted,#68717b)}.roi-formulas{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border,#d9dde2)}.roi-warning{margin:1.5rem 0 0;padding:1rem;border-left:4px solid currentColor;background:var(--surface-subtle,#f4f5f6)}@media(max-width:800px){.roi-grid{grid-template-columns:1fr 1fr}.roi-result-grid{grid-template-columns:1fr 1fr}}@media(max-width:520px){.roi-grid,.roi-result-grid{grid-template-columns:1fr}.roi-form .btn{width:100%;min-height:48px}}@media(forced-colors:active){.roi-form section,.roi-result,.roi-grid input{border-color:CanvasText}}
/* STEP098 appointment request / calendar-ready workflow */
.appointment-request,.appointment-card{border:1px solid var(--border,rgba(127,127,127,.25));border-radius:14px;padding:16px;margin:16px 0}.appointment-request label,.appointment-card label{display:block;margin:10px 0}.appointment-card form{margin-top:12px}@media(max-width:640px){.appointment-request,.appointment-card{padding:12px}.appointment-request input,.appointment-request select,.appointment-request textarea,.appointment-card input,.appointment-card select,.appointment-card textarea,.appointment-card button{min-height:44px;width:100%}}
/* STEP099 tablet-first exhibition mode */
.exhibition-mode{margin:0;min-height:100vh;background:var(--bg,#f5f6f8)}.exhibition-shell{width:min(860px,100% - 32px);margin:auto;padding:max(28px,env(safe-area-inset-top)) 0 max(40px,env(safe-area-inset-bottom))}.exhibition-shell h1{font-size:clamp(2.5rem,7vw,5rem);line-height:.95;margin:.35rem 0 1rem}.exhibition-context,.exhibition-form,.exhibition-success{background:var(--surface,#fff);border:1px solid var(--border,#d8dde3);border-radius:24px;padding:clamp(20px,4vw,34px)}.exhibition-form{display:grid;gap:18px;margin-top:24px}.exhibition-form label{display:grid;gap:8px;font-weight:800}.exhibition-form input,.exhibition-form textarea{width:100%;box-sizing:border-box;min-height:56px;padding:14px 16px;border:1px solid var(--border,#cbd1d8);border-radius:14px;background:var(--surface,#fff);color:inherit;font:inherit;font-size:18px}.exhibition-form textarea{min-height:110px}.exhibition-two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.exhibition-consent{grid-template-columns:32px 1fr!important;align-items:start}.exhibition-consent input{width:28px!important;height:28px;min-height:28px!important;margin:2px 0}.exhibition-submit,.exhibition-success .btn{min-height:60px;font-size:18px;justify-content:center}.exhibition-admin .exhibition-create{display:grid;grid-template-columns:2fr 2fr 2fr 1fr auto;gap:12px;align-items:end}.exhibition-admin code{display:block;overflow-wrap:anywhere;padding:12px;background:var(--surface-2,#eee);border-radius:10px}@media(max-width:760px){.exhibition-shell{width:min(100% - 24px,860px)}.exhibition-two,.exhibition-admin .exhibition-create{grid-template-columns:1fr}.exhibition-form input,.exhibition-form textarea{font-size:18px}.exhibition-submit{width:100%}}@media(pointer:coarse){.exhibition-mode .btn,.exhibition-admin .btn,.exhibition-admin input,.exhibition-admin select{min-height:52px}}
/* STEP109 Factory Planner */
.factory-planner{max-width:1600px}.planner-warning{padding:14px 18px;border-left:4px solid currentColor;background:var(--surface-2,#f1f2f3);border-radius:8px}.planner-grid{display:grid;grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:22px;align-items:start}.planner-grid aside{display:grid;gap:16px}.planner-grid label{display:grid;gap:5px;margin:9px 0}.planner-grid input,.planner-grid select,.planner-grid textarea{width:100%;box-sizing:border-box;min-height:44px}.planner-dims{display:grid;grid-template-columns:1fr 1fr;gap:8px}.planner-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}.planner-toolbar span{padding:7px 10px;border:1px solid var(--border,#ccd1d6);border-radius:999px;font-size:12px}.factory-canvas{position:relative;width:100%;aspect-ratio:5/3;min-height:420px;overflow:hidden;touch-action:none;border:2px solid var(--border,#aeb5bc);border-radius:14px;background-color:var(--surface,#fff);background-image:linear-gradient(to right,rgba(127,127,127,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(127,127,127,.12) 1px,transparent 1px);background-size:2.5% 4.166%}.factory-item{position:absolute;min-width:38px;min-height:30px;display:flex;flex-direction:column;justify-content:center;padding:5px;box-sizing:border-box;border:2px solid currentColor;border-radius:8px;background:color-mix(in srgb,var(--surface,#fff) 88%,currentColor 12%);cursor:grab;user-select:none;overflow:hidden}.factory-item.dragging{cursor:grabbing;z-index:20;box-shadow:0 12px 28px rgba(0,0,0,.2)}.factory-item strong,.factory-item small{pointer-events:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.factory-item small{font-size:10px}.factory-item .item-actions{position:absolute;right:3px;top:3px;display:flex;gap:2px}.factory-item .item-actions button{width:25px;height:25px;min-height:25px;padding:0;border-radius:50%;border:1px solid currentColor;background:var(--surface,#fff);cursor:pointer}.type-machine{color:#9d2430}.type-safety{border-style:dashed}.type-wall{border-radius:2px}.planner-status{font-size:13px}@media(max-width:900px){.planner-grid{grid-template-columns:1fr}.factory-canvas{min-height:360px}}@media(max-width:520px){.planner-dims{grid-template-columns:1fr}.factory-canvas{min-height:320px;aspect-ratio:1/1}.factory-item small{display:none}}
.noat-consent{position:fixed;z-index:10000;left:clamp(12px,3vw,32px);right:clamp(12px,3vw,32px);bottom:clamp(12px,3vw,32px);max-width:760px;margin:auto;padding:20px;border:1px solid var(--border,#cfd5dc);border-radius:18px;background:var(--surface,#fff);color:var(--text,#111);box-shadow:0 18px 60px rgba(0,0,0,.22)}.noat-consent strong{font-size:1.15rem}.noat-consent p{margin:.65rem 0 1rem;line-height:1.5}.noat-consent div{display:flex;gap:10px;flex-wrap:wrap}.noat-consent button{min-height:44px;padding:10px 16px;border-radius:10px;border:1px solid currentColor;background:transparent;color:inherit;font:inherit;font-weight:700}.noat-consent [data-noat-accept]{background:var(--accent,#111);color:var(--accent-contrast,#fff)}@media(max-width:560px){.noat-consent div,.noat-consent button{width:100%}}

/* CMS Ultra STEP004 */
.homepage-roundtrip{margin:24px 0;padding:clamp(20px,3vw,32px);border:1px solid var(--color-border-light);border-radius:20px;background:var(--color-surface-light)}.homepage-section-list{display:grid;gap:12px;margin:22px 0}.homepage-section-list article{display:grid;grid-template-columns:minmax(180px,1fr) auto 150px;gap:12px;align-items:center;padding:16px;border:1px solid var(--color-border-light);border-radius:14px}.homepage-section-list article>div span{display:block;font-size:.72rem;color:#777}.homepage-section-list label{display:grid;gap:5px;font-size:.75rem;font-weight:750}.homepage-section-list input:not([type=checkbox]){min-height:42px;padding:.6rem .7rem;border:1px solid #cfd2d6;border-radius:9px}.homepage-section-list article:has([data-content]){grid-template-columns:1fr 1fr}.homepage-section-list article:has([data-content])>div{grid-column:1/-1}@media(max-width:800px){.homepage-section-list article,.homepage-section-list article:has([data-content]){grid-template-columns:1fr}}
/* CMS Ultra STEP005 · homepage visual editing foundation */
.homepage-visual-workspace{margin:22px 0;border:1px solid #cfd3d7;border-radius:18px;overflow:hidden;background:#e7e9eb}.homepage-visual-toolbar{display:flex;align-items:center;gap:12px;padding:11px 14px;background:#17191c;color:#fff}.homepage-visual-toolbar>span{margin-right:auto;color:#aeb4ba;font-size:.74rem}.homepage-visual-toolbar div{display:flex;gap:4px}.homepage-visual-toolbar button{border:0;border-radius:7px;padding:8px 10px;background:#292c31;color:#d8dce0;font-weight:800;cursor:pointer}.homepage-visual-toolbar button.is-active{background:#fff;color:#17191c}.homepage-visual-stage{padding:18px;overflow:auto}.homepage-visual-frame{width:100%;max-width:1440px;margin:auto;background:#fff;box-shadow:0 12px 36px #0002;transition:max-width .2s ease}.homepage-visual-workspace[data-device=tablet] .homepage-visual-frame{max-width:768px}.homepage-visual-workspace[data-device=mobile] .homepage-visual-frame{max-width:390px}.homepage-live-preview{min-height:460px}.hpv-section{position:relative;padding:42px 34px;border:2px solid transparent;cursor:pointer}.hpv-section:hover{outline:2px solid #75a7ff;outline-offset:-2px}.hpv-section.is-selected{outline:3px solid #3978e6;outline-offset:-3px}.hpv-section.is-selected:after{content:'Ausgewählt';position:absolute;top:8px;right:8px;padding:5px 8px;border-radius:6px;background:#3978e6;color:#fff;font-size:.65rem;font-weight:900}.hpv-section small{font-weight:900;letter-spacing:.14em}.hpv-section h3{font-size:2rem;margin:.35rem 0}.hpv-hero{min-height:330px;display:flex;flex-direction:column;justify-content:center;background:#101216;color:#fff;overflow:hidden}.hpv-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#ffffff0b 35.2%,transparent 35.5%),linear-gradient(25deg,transparent 58%,#d7192022 58.2%,transparent 58.5%);background-size:170px 170px;animation:hpvCad 12s linear infinite;pointer-events:none}.hpv-hero>*{position:relative}.hpv-hero h2{max-width:850px;font-size:clamp(2.5rem,6vw,5.8rem);line-height:.92;letter-spacing:-.055em;margin:.2em 0}.hpv-hero div{display:flex;gap:9px}.hpv-hero span{padding:10px 14px;border-radius:8px;background:#d71920;font-weight:850}.hpv-hero span+span{background:#fff;color:#17191c}@keyframes hpvCad{to{background-position:170px 85px,-170px 85px}}@media(max-width:700px){.homepage-visual-toolbar{align-items:flex-start;flex-wrap:wrap}.homepage-visual-toolbar>span{width:100%;order:3}.homepage-visual-stage{padding:8px}.hpv-section{padding:30px 20px}.hpv-hero h2{font-size:2.6rem}}@media(prefers-reduced-motion:reduce){.homepage-visual-frame{transition:none}.hpv-hero:before{animation:none}}

/* CMS Ultra STEP006 — selection/properties/reorder foundation */
.homepage-editor-layout{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(300px,1.15fr);gap:16px;margin:18px 0}.homepage-section-list{display:grid;gap:8px}.homepage-section-list article{display:grid;grid-template-columns:32px 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #d8dce0;border-radius:12px;background:#fff;cursor:pointer}.homepage-section-list article.is-selected{border-color:#3978e6;box-shadow:0 0 0 2px #3978e622}.homepage-section-list article.is-dragging{opacity:.48}.hp-drag-handle,.hp-section-actions button{border:0;background:#f0f2f4;border-radius:7px;min-width:30px;min-height:30px;cursor:grab;font-weight:900}.hp-section-actions{display:flex;gap:4px}.hp-section-actions button{cursor:pointer}.hp-section-meta{display:flex;flex-direction:column}.hp-section-meta span{font-size:.72rem;color:#6c737a}.hp-visible{white-space:nowrap;font-size:.8rem}.homepage-properties{position:sticky;top:12px;align-self:start;border:1px solid #d8dce0;border-radius:14px;padding:16px;background:#fff}.homepage-properties h3{text-transform:capitalize;margin:.2rem 0 1rem}.homepage-properties label{display:grid;gap:6px;margin:0 0 12px}.homepage-properties input,.homepage-properties textarea{width:100%;box-sizing:border-box}.homepage-properties textarea{resize:vertical}.hpv-section{transition:outline-color .12s ease,box-shadow .12s ease}.hpv-section.is-selected{box-shadow:inset 0 0 0 1px #fff8}@media(max-width:900px){.homepage-editor-layout{grid-template-columns:1fr}.homepage-properties{position:static}}@media(prefers-reduced-motion:reduce){.hpv-section{transition:none}}
/* CMS Ultra STEP007 · Brand Center */
.brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;margin:1.5rem 0}.brand-card{background:var(--surface,#111);border:1px solid rgba(255,255,255,.12);border-radius:1.25rem;padding:1.25rem;display:grid;gap:1rem}.brand-card form{display:grid;gap:.75rem}.brand-preview{min-height:150px;border-radius:1rem;background:linear-gradient(135deg,#f5f5f3,#d9d9d5);display:grid;place-items:center;color:#111;padding:1rem}.brand-preview img{max-width:90%;max-height:120px;object-fit:contain}.brand-preview strong{font-size:2.5rem;letter-spacing:.12em}.brand-preview span{display:block;font-size:.75rem;opacity:.65}
/* CMS Ultra STEP008 — media usage graph / safe replace */
.media-replace,.media-usage,.media-history{margin-top:1.25rem}.media-replace form{display:grid;gap:.8rem;max-width:760px}.usage-list{display:grid;gap:.55rem}.usage-row{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(180px,1.5fr) auto;gap:1rem;align-items:center;padding:.85rem 1rem;border:1px solid rgba(127,127,127,.2);border-radius:.8rem}.usage-row span,.usage-row small{opacity:.72}.usage-row a{font-weight:750}@media(max-width:700px){.usage-row{grid-template-columns:1fr;gap:.3rem}}
/* CMS Ultra STEP009: homepage media binding */
.homepage-properties select[data-media-prop]{width:100%;min-height:44px}.hp-media-actions{margin:.45rem 0 1rem}.hp-media-actions a{font-size:.88rem}.hpv-section{position:relative;overflow:hidden}.hpv-media{display:block;width:100%;max-height:240px;object-fit:cover;border-radius:14px;margin:0 0 1rem}.hpv-hero .hpv-media{max-height:320px;filter:saturate(.96) contrast(1.02)}
/* CMS Ultra STEP010 — visual media picker */
.hp-media-property{display:grid;gap:.55rem;margin:0 0 1rem}.hp-media-current{display:flex;align-items:center;gap:.8rem;width:100%;padding:.65rem;border:1px solid #d8dce0;border-radius:12px;background:#fff;text-align:left;cursor:pointer}.hp-media-current img{width:72px;height:54px;object-fit:cover;border-radius:8px}.hp-media-current span{display:grid;gap:.15rem}.hp-media-current small{color:#66707a}.hp-media-remove{justify-self:start;border:0;background:transparent;text-decoration:underline;cursor:pointer;color:#7b3434}.hpv-media-button{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.hpv-media-button>span{position:absolute;right:10px;bottom:10px;padding:.4rem .65rem;border-radius:999px;background:#111d;color:#fff;font-size:.78rem;opacity:0;transform:translateY(4px);transition:.15s}.hpv-media-button:hover>span,.hpv-media-button:focus-visible>span{opacity:1;transform:none}.hpv-media-empty{width:100%;min-height:90px;border:1px dashed #9aa3ac;border-radius:14px;background:#f7f8f9;cursor:pointer;margin-bottom:1rem}.hp-media-picker{width:min(1080px,94vw);max-height:90vh;border:0;border-radius:20px;padding:0;box-shadow:0 30px 90px #0006}.hp-media-picker::backdrop{background:#0a0d12aa;backdrop-filter:blur(5px)}.hp-picker-shell{padding:1.25rem;overflow:auto;max-height:90vh;background:#fff;color:#171a1e}.hp-picker-shell header{display:flex;justify-content:space-between;align-items:start;gap:1rem}.hp-picker-shell h2{margin:.15rem 0}.hp-picker-close{border:0;background:#eef0f2;border-radius:50%;width:42px;height:42px;font-size:1.6rem;cursor:pointer}.hp-picker-tools{display:flex;gap:.75rem;align-items:center;margin:1rem 0}.hp-picker-tools input{flex:1;min-height:44px}.hp-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:.8rem;max-height:46vh;overflow:auto;padding:.15rem}.hp-picker-card{display:grid;gap:.45rem;padding:.5rem;border:1px solid #dfe3e7;border-radius:12px;background:#fff;text-align:left;cursor:pointer}.hp-picker-card:hover,.hp-picker-card:focus-visible{border-color:#3978e6;box-shadow:0 0 0 2px #3978e622}.hp-picker-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px;background:#eef0f2}.hp-picker-card span{font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hp-picker-upload{display:grid;grid-template-columns:1fr 1fr;gap:.65rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e3e6e9}.hp-picker-upload h3,.hp-picker-upload .hp-upload-status{grid-column:1/-1}.hp-picker-upload label{display:grid;gap:.35rem}.hp-picker-upload button{justify-self:start}@media(max-width:700px){.hp-picker-tools{align-items:stretch;flex-direction:column}.hp-picker-tools input{width:100%}.hp-picker-upload{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.hpv-media-button>span{transition:none}}
/* CMS Ultra STEP011 — Media Studio UX / DAM metadata foundation */
.media-shell--ultra{max-width:1500px;margin:auto;padding:clamp(18px,3vw,42px)}.media-head--ultra{display:flex;justify-content:space-between;align-items:end;gap:2rem}.media-head--ultra h1{font-size:clamp(2.2rem,5vw,5rem);line-height:.95;letter-spacing:-.045em;margin:.35rem 0}.media-head--ultra p:not(.eyebrow){max-width:700px}.media-dropzone{margin:2rem 0 1rem;min-height:150px;border:2px dashed color-mix(in srgb,currentColor 24%,transparent);border-radius:22px;display:flex;align-items:center;justify-content:center;gap:1rem;padding:2rem;cursor:pointer;transition:.16s;background:color-mix(in srgb,var(--color-brand,#d71920) 3%,transparent)}.media-dropzone:hover,.media-dropzone:focus-visible,.media-dropzone.is-dragover{border-color:var(--color-brand,#d71920);background:color-mix(in srgb,var(--color-brand,#d71920) 8%,transparent);transform:translateY(-2px)}.media-drop-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--color-brand,#d71920);color:#fff;font-size:1.8rem}.media-dropzone strong,.media-dropzone span{display:block}.media-dropzone span{opacity:.65;margin-top:.3rem}.media-upload-queue{display:grid;gap:.65rem}.media-queue-row{display:grid;grid-template-columns:1fr minmax(220px,.7fr) auto 110px;gap:.8rem;align-items:end;padding:.8rem 1rem;border:1px solid #d9dde2;border-radius:14px;background:#fff;color:#17191c}.media-queue-row div span{display:block;font-size:.72rem;opacity:.65}.media-queue-row label{display:grid;gap:.25rem;font-size:.72rem;font-weight:800}.media-queue-row input{min-height:40px}.media-queue-row output{font-size:.78rem;font-weight:800}.media-queue-row.is-done{border-color:#58a66a}.media-queue-row.is-error{border-color:#c15b5b}.media-studio-bar{display:flex;gap:1rem;align-items:end;margin:1.5rem 0}.media-filter--ultra{display:grid;grid-template-columns:minmax(260px,2fr) repeat(3,minmax(130px,.7fr)) auto;gap:.7rem;flex:1}.media-filter--ultra label{display:grid;gap:.3rem}.media-filter--ultra label>span{font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.08em}.media-filter--ultra input,.media-filter--ultra select,.media-quick-folder input{min-height:44px}.media-quick-folder{display:flex;gap:.5rem}.media-result-head{display:flex;justify-content:space-between;align-items:center;margin:1.2rem 0}.media-result-head span{font-size:.75rem;opacity:.6}.media-grid--ultra{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1rem}.media-card--ultra{overflow:hidden;border-radius:16px}.media-card-visual{position:relative;aspect-ratio:4/3;background:#171b21;overflow:hidden}.media-card-visual img{width:100%;height:100%;object-fit:cover;transition:transform .22s}.media-card--ultra:hover .media-card-visual img{transform:scale(1.025)}.media-kind{position:absolute;left:9px;top:9px;padding:.3rem .5rem;border-radius:999px;background:#111c;color:#fff;font-size:.62rem;font-weight:900;letter-spacing:.08em}.media-card-copy{display:grid;gap:.3rem;padding:.8rem}.media-card-copy small{opacity:.62}.media-upload-dialog{border:0;border-radius:20px;width:min(560px,92vw);padding:0;box-shadow:0 30px 100px #0007}.media-upload-dialog::backdrop{background:#0a0d12aa;backdrop-filter:blur(5px)}.media-upload-dialog-shell{padding:1.4rem}.media-upload-dialog-shell header{display:flex;justify-content:space-between}.media-upload-dialog-shell header button{border:0;border-radius:50%;width:40px;height:40px;font-size:1.5rem}.media-upload-dialog-shell h2{margin:.2rem 0}.media-upload-dialog-shell p{opacity:.7;line-height:1.6}@media(max-width:1000px){.media-studio-bar{align-items:stretch;flex-direction:column}.media-filter--ultra{grid-template-columns:1fr 1fr}.media-quick-folder{align-self:flex-start}}@media(max-width:650px){.media-head--ultra{align-items:flex-start;flex-direction:column}.media-dropzone{align-items:flex-start;flex-direction:column}.media-filter--ultra{grid-template-columns:1fr}.media-queue-row{grid-template-columns:1fr}.media-grid--ultra{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.media-dropzone,.media-card-visual img{transition:none}.media-dropzone:hover{transform:none}}
/* CMS Ultra STEP012 — Asset Inspector */
.media-inspector-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.media-inspector-actions{display:flex;gap:10px;flex-wrap:wrap}.asset-inspector-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);gap:22px;align-items:start}.asset-preview-panel{position:sticky;top:18px;display:grid;gap:16px}.asset-preview-stage,.asset-tech,.asset-form-section{background:#fff;border:1px solid #e1e3e7;border-radius:20px;padding:18px}.asset-preview-stage{min-height:380px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#f1f2f4,#fff)}.asset-preview-stage img,.asset-preview-stage video{width:100%;max-height:620px;object-fit:contain;border-radius:12px}.asset-tech h2,.asset-form-section h2{margin:.2rem 0 1rem}.asset-tech dl{display:grid;grid-template-columns:110px 1fr;gap:9px 14px;margin:0}.asset-tech dt{font-weight:800}.asset-tech dd{margin:0;min-width:0;overflow-wrap:anywhere}.asset-inspector-content,.asset-meta-form{display:grid;gap:16px}.asset-form-section{display:grid;gap:14px}.asset-form-section label{display:grid;gap:7px;font-weight:750}.asset-form-section input,.asset-form-section textarea,.asset-form-section select{width:100%;min-height:46px;padding:10px 12px;border:1px solid #cfd2d6;border-radius:10px;background:#fff;color:#17191d;font:inherit}.asset-tag-list{display:flex;gap:7px;flex-wrap:wrap}.asset-tag-list span{padding:6px 10px;border-radius:999px;background:#eef0f3;font-size:.84rem;font-weight:750}@media(max-width:900px){.media-inspector-head{align-items:flex-start;flex-direction:column}.asset-inspector-grid{grid-template-columns:1fr}.asset-preview-panel{position:static}.asset-preview-stage{min-height:260px}}@media(max-width:560px){.media-inspector-actions{width:100%}.media-inspector-actions .btn{flex:1}.asset-tech dl{grid-template-columns:1fr}.asset-tech dd{margin-bottom:8px}}

/* CMS Ultra STEP013 — Folder Tree & Bulk Organisation */
.media-dam-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:18px;align-items:start}.media-folder-tree{position:sticky;top:18px;border:1px solid #e0e3e7;border-radius:18px;background:#fff;padding:12px;max-height:calc(100vh - 36px);overflow:auto}.media-folder-tree-head{display:flex;justify-content:space-between;padding:8px 8px 12px}.media-folder-node{display:flex;gap:8px;align-items:center;padding:9px 10px 9px calc(10px + var(--depth)*16px);border-radius:10px;color:inherit;text-decoration:none}.media-folder-node:hover{background:#f1f3f5}.media-dam-main{min-width:0}.media-bulk-toolbar{position:sticky;top:8px;z-index:5;display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px 12px;margin-bottom:12px;border:1px solid #dfe3e7;border-radius:14px;background:#fffc;backdrop-filter:blur(12px)}.media-bulk-toolbar select,.media-bulk-toolbar input{min-height:40px}.media-bulk-toolbar [data-selected-count]{margin-left:auto;font-size:.78rem;font-weight:800}.media-card-wrap{position:relative}.media-select{position:absolute;z-index:3;left:8px;bottom:8px;display:flex;gap:5px;align-items:center;padding:5px 8px;border-radius:999px;background:#111d;color:#fff;font-size:.7rem;font-weight:800}.media-card-wrap .media-card{height:100%}.media-quick-folder select{min-height:44px}@media(max-width:900px){.media-dam-layout{grid-template-columns:1fr}.media-folder-tree{position:static;max-height:220px}.media-bulk-toolbar{position:static}.media-bulk-toolbar [data-selected-count]{margin-left:0}}
/* CMS Ultra STEP014 – Smart media views */
.media-smart-strip,.media-save-views{display:grid;gap:.85rem;margin:0 0 1rem;padding:1rem;border:1px solid color-mix(in srgb,currentColor 12%,transparent);border-radius:18px;background:color-mix(in srgb,var(--surface,#111820) 92%,transparent)}
.media-smart-strip>div{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.media-smart-strip a,.media-collection-chips span{padding:.45rem .7rem;border:1px solid color-mix(in srgb,currentColor 15%,transparent);border-radius:999px;text-decoration:none}.media-save-views form{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.media-save-views input[type=text],.media-save-views input:not([type]){min-width:220px}.media-collection-chips{display:flex;gap:.5rem;flex-wrap:wrap}
/* CMS Ultra STEP017 — Media Quality Gate */
.media-quality-score{display:flex;align-items:baseline;gap:12px;margin:12px 0 18px}.media-quality-score strong{font-size:2.2rem}.media-quality-score span{font-weight:800;letter-spacing:.08em}.quality-findings{display:grid;gap:8px;margin:14px 0}.quality-finding{display:flex;gap:12px;align-items:flex-start;padding:11px 13px;border:1px solid var(--line,#d8dee8);border-radius:12px}.quality-finding strong{min-width:72px}.quality-finding--fail{border-width:2px}.media-quality-score--pass,.quality-finding--warning{opacity:.92}
/* CMS Ultra STEP018 — Media Optimization Pipeline */
.optimization-capabilities{display:flex;flex-wrap:wrap;gap:.6rem;margin:1rem 0}.optimization-capabilities span{padding:.55rem .75rem;border:1px solid var(--line,#d8dee8);border-radius:999px;font-size:.78rem}.optimization-variants{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem;margin-top:1rem}.optimization-variants a{display:grid;gap:.25rem;padding:.85rem 1rem;border:1px solid var(--line,#d8dee8);border-radius:12px;color:inherit;text-decoration:none}.optimization-variants a:hover{transform:translateY(-1px)}.optimization-variants span{font-size:.75rem;opacity:.7}

/* CMS Ultra STEP021: responsive media inside public/editor block rendering */
.preview-block--image .responsive-media{display:block;width:100%;overflow:hidden;border-radius:inherit}.preview-block--image .cms-builder-image{display:block;width:100%;height:auto;object-fit:cover}.cms-builder-image-caption{margin:.65rem 0 0;font-size:.92rem;line-height:1.5;opacity:.78}.preview-block--image .preview-media-placeholder{min-height:180px;display:grid;place-content:center;text-align:center;gap:.35rem}
/* CMS Ultra STEP022 · Builder image controls */
.cms-image-control .responsive-media{background:rgba(127,127,127,.08)}
.cms-image-control .cms-builder-image{object-fit:var(--cms-fit,cover);object-position:var(--cms-focal-x,50%) var(--cms-focal-y,50%)}
.cms-image-control:not(.cms-image-ratio--auto) .responsive-media{aspect-ratio:var(--cms-ratio);display:block}
.cms-image-control:not(.cms-image-ratio--auto) .cms-builder-image{width:100%;height:100%}

/* CMS Ultra STEP023 — visual focal-point editing */
.builder-image-visual{display:grid;grid-template-columns:minmax(180px,1fr) minmax(150px,.65fr);gap:12px;padding:12px;border:1px solid #d7d9dc;border-radius:12px;background:#f7f8f8}.builder-image-canvas{position:relative;min-height:180px;overflow:hidden;border-radius:10px;background:#e4e7e9;cursor:crosshair;touch-action:none;outline-offset:3px}.builder-image-canvas img{width:100%;height:100%;min-height:180px;display:block;object-fit:cover;user-select:none;pointer-events:none}.builder-image-missing{min-height:180px;display:grid;place-items:center;padding:18px;text-align:center;color:#717780}.builder-focal-marker{position:absolute;width:28px;height:28px;border:3px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2px #17191c,0 2px 8px #0008;pointer-events:none}.builder-focal-marker:after{content:'';position:absolute;inset:8px;border-radius:50%;background:#d71920}.builder-image-visual-meta{display:flex;flex-direction:column;justify-content:center;gap:5px}.builder-image-visual-meta span{font-weight:900;font-variant-numeric:tabular-nums}.builder-image-visual-meta small{color:#6b7178;line-height:1.45}.bp-image-live img{display:block;width:100%;aspect-ratio:var(--bp-ratio,auto);max-height:520px;object-fit:var(--bp-fit,cover);object-position:var(--bp-fx,50%) var(--bp-fy,50%);border-radius:12px;background:#e8eaec}.bp-image-live>div{min-height:240px}@media(max-width:620px){.builder-image-visual{grid-template-columns:1fr}.builder-image-visual-meta{padding:4px}}
\n/* CMS Ultra STEP024 — Builder Media Picker */
.builder-media-field{display:grid;gap:.55rem}.builder-media-current{display:flex;align-items:center;gap:.8rem;width:100%;min-height:76px;padding:.65rem;border:1px solid var(--line,#d9dde5);border-radius:14px;background:var(--surface,#fff);text-align:left;cursor:pointer}.builder-media-current img{width:88px;height:58px;object-fit:cover;border-radius:9px}.builder-media-current span{display:grid;gap:.18rem}.builder-media-current small{opacity:.7}.builder-media-picker{width:min(1040px,94vw);max-height:90vh;border:0;border-radius:20px;padding:0;box-shadow:0 24px 80px #0005}.builder-media-picker::backdrop{background:#0b1220aa;backdrop-filter:blur(4px)}.builder-picker-shell{padding:1.25rem;display:grid;gap:1rem}.builder-picker-shell>header{display:flex;justify-content:space-between;gap:1rem}.builder-picker-close{font-size:1.8rem;border:0;background:transparent;cursor:pointer}.builder-picker-tools{display:flex;gap:.75rem;align-items:center}.builder-picker-tools input{flex:1}.builder-picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;max-height:52vh;overflow:auto}.builder-picker-card{display:grid;gap:.5rem;padding:.5rem;border:1px solid var(--line,#d9dde5);border-radius:14px;background:var(--surface,#fff);text-align:left;cursor:pointer}.builder-picker-card:hover,.builder-picker-card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.builder-picker-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:9px}.builder-picker-card span{display:grid;gap:.15rem}.builder-picker-card small{opacity:.68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.builder-picker-upload{display:grid;grid-template-columns:1.2fr 1fr 1fr auto;gap:.65rem;align-items:end;padding-top:1rem;border-top:1px solid var(--line,#d9dde5)}.builder-picker-upload strong,.builder-picker-status{grid-column:1/-1}@media(max-width:720px){.builder-picker-upload{grid-template-columns:1fr}.builder-picker-tools{align-items:stretch;flex-direction:column}}\n/* CMS Ultra STEP025 – Builder media navigation */
.builder-picker-tools select{min-width:150px;max-width:220px}.builder-picker-breadcrumb{padding:.55rem .75rem;border-radius:.7rem;background:color-mix(in srgb,var(--surface,#fff) 92%,var(--accent,#2864ff));font-size:.86rem;opacity:.82}.builder-picker-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:240px}

/* CMS Ultra STEP030 – responsive layout engine */
.cms-layout,.bp-layout{--cms-space-d:3rem;--cms-space-t:2.25rem;--cms-space-m:1.5rem;width:100%;box-sizing:border-box;padding-block:var(--cms-space-d)}
.cms-layout__inner,.bp-layout-inner{width:100%;margin-inline:auto;box-sizing:border-box}
.cms-layout--wide .cms-layout__inner,.bp-layout--wide .bp-layout-inner{max-width:1440px;padding-inline:clamp(20px,4vw,64px)}
.cms-layout--content .cms-layout__inner,.bp-layout--content .bp-layout-inner{max-width:1200px;padding-inline:clamp(20px,4vw,56px)}
.cms-layout--narrow .cms-layout__inner,.bp-layout--narrow .bp-layout-inner{max-width:820px;padding-inline:clamp(20px,4vw,44px)}
.cms-layout--full .cms-layout__inner,.bp-layout--full .bp-layout-inner{max-width:none}
.cms-space-d--none,.bp-space-d--none{--cms-space-d:0}.cms-space-d--small,.bp-space-d--small{--cms-space-d:1.5rem}.cms-space-d--medium,.bp-space-d--medium{--cms-space-d:3rem}.cms-space-d--large,.bp-space-d--large{--cms-space-d:5rem}.cms-space-d--xlarge,.bp-space-d--xlarge{--cms-space-d:8rem}
@media(max-width:900px){.cms-layout,.bp-layout{padding-block:var(--cms-space-t)}.cms-space-t--none,.bp-space-t--none{--cms-space-t:0}.cms-space-t--small,.bp-space-t--small{--cms-space-t:1rem}.cms-space-t--medium,.bp-space-t--medium{--cms-space-t:2.25rem}.cms-space-t--large,.bp-space-t--large{--cms-space-t:3.5rem}.cms-space-t--xlarge,.bp-space-t--xlarge{--cms-space-t:5rem}}
@media(max-width:600px){.cms-layout,.bp-layout{padding-block:var(--cms-space-m)}.cms-space-m--none,.bp-space-m--none{--cms-space-m:0}.cms-space-m--small,.bp-space-m--small{--cms-space-m:.75rem}.cms-space-m--medium,.bp-space-m--medium{--cms-space-m:1.5rem}.cms-space-m--large,.bp-space-m--large{--cms-space-m:2.5rem}.cms-space-m--xlarge,.bp-space-m--xlarge{--cms-space-m:3.5rem}.cms-layout--wide .cms-layout__inner,.cms-layout--content .cms-layout__inner,.cms-layout--narrow .cms-layout__inner,.bp-layout--wide .bp-layout-inner,.bp-layout--content .bp-layout-inner,.bp-layout--narrow .bp-layout-inner{padding-inline:18px}}

/* CMS Ultra STEP031 — public responsive column grid */
.cms-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2vw,2rem)}
.cms-columns--3{grid-template-columns:repeat(3,minmax(0,1fr))}.cms-columns-gap--small{gap:.75rem}.cms-columns-gap--large{gap:clamp(1.5rem,3vw,3rem)}
.cms-columns-align--start{align-items:start}.cms-columns-align--center{align-items:center}.cms-columns-align--end{align-items:end}.cms-column{min-width:0}
@media(max-width:720px){.cms-columns,.cms-columns--3{grid-template-columns:1fr}}
/* CMS Ultra STEP032: nested column drop zones */
.nested-slots{display:grid;gap:12px;padding-top:8px}.nested-slot{border:1px dashed #b8bdc3;border-radius:12px;padding:10px;background:#fafafa}.nested-slot>header{display:flex;justify-content:space-between;font-weight:850;margin-bottom:8px}.nested-slot-items{display:grid;gap:8px;min-height:34px}.nested-item{display:grid;grid-template-columns:auto auto 1fr auto;gap:7px;align-items:center;padding:8px;border:1px solid #d7d9dc;border-radius:9px;background:#fff}.nested-item textarea,.nested-item input{grid-column:3;min-height:38px!important}.nested-item input+input{margin-top:4px}.nested-grip{cursor:grab;font-weight:900}.nested-slot-add{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.nested-slot-add button,.nested-item button{min-height:34px;border:1px solid #cfd2d6;border-radius:7px;background:#fff;cursor:pointer}.nested-slot.is-drop-target{outline:3px solid #17191c;outline-offset:2px}.nested-item.is-dragging{opacity:.45}.cms-column-slot,.bp-column{display:grid;gap:12px}.cms-column-image{width:100%;height:auto;border-radius:10px}.bp-slot-image{padding:18px;border-radius:9px;background:#e8eaec;text-align:center}
/* CMS Ultra STEP041 · governed global design-token registry */
.design-governance{max-width:1180px;margin:2rem auto;padding:1.5rem;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-xl);background:rgba(255,255,255,.035)}.design-token-registry{display:flex;flex-wrap:wrap;gap:.55rem;margin:1rem 0 1.5rem}.design-revision-list{display:grid;gap:.5rem}.design-revision-list p{margin:0;padding:.7rem .85rem;border-radius:.75rem;background:rgba(255,255,255,.04)}.design-revision-list small{display:block;opacity:.7;margin-top:.2rem}
/* CMS Ultra STEP044 · WCAG contrast guard */
.contrast-guard{width:min(1500px,100%);margin:0 auto 24px;background:#fff;border:1px solid #e1e3e7;border-radius:20px;padding:22px}.contrast-guard h2{margin:.2rem 0}.contrast-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}.contrast-check{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:11px;border:1px solid #e1e3e7;border-radius:13px}.contrast-check small{display:block;color:#656a73;margin-top:2px}.contrast-check>b{font-size:11px}.contrast-check.is-pass>b{color:#08754c}.contrast-check.is-fail{border-color:#d43a42;background:#fff5f5}.contrast-check.is-fail>b{color:#b20f18}.contrast-check.is-warn{border-color:#d39a32;background:#fffaf0}.contrast-swatches{display:flex}.contrast-swatches i{width:24px;height:34px;border:1px solid #0002}.contrast-swatches i:first-child{border-radius:8px 0 0 8px}.contrast-swatches i:last-child{border-radius:0 8px 8px 0}@media(max-width:800px){.contrast-checks{grid-template-columns:1fr}}
/* STEP045: explicit draft/live separation in Design Studio */
.design-draft-banner{border:1px dashed var(--brand,#e31b23);display:flex;gap:.55rem;align-items:center;flex-wrap:wrap}.design-actions{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}

/* CMS Ultra STEP047 · isolated device/theme preview matrix */
.design-preview-top{gap:12px;align-items:flex-start;flex-wrap:wrap}.design-preview-top>div:first-child{display:grid;gap:3px}.design-preview-matrix{display:flex;gap:8px;flex-wrap:wrap}.design-segment{display:inline-flex;padding:3px;border:1px solid #dfe2e7;border-radius:999px;background:#f5f6f8}.design-segment button{border:0;background:transparent;padding:7px 10px;border-radius:999px;font:inherit;font-weight:750;color:#555;cursor:pointer}.design-segment button[aria-pressed=true]{background:#17191d;color:#fff}.design-preview-stage{margin:auto;transition:max-width .22s ease;width:100%;max-width:100%;overflow:auto;border-radius:16px;background:#e9ebef;padding:8px}.design-preview-stage[data-device=tablet]{max-width:768px}.design-preview-stage[data-device=mobile]{max-width:390px}.design-preview-stage[data-device=mobile] .design-demo-header nav,.design-preview-stage[data-device=tablet] .design-demo-header nav{display:none}.design-preview-stage[data-device=mobile] .design-demo-cards{grid-template-columns:1fr}.design-demo{background:var(--demo-page,#0a0b0d)!important;color:var(--demo-text,#fff)!important}.design-demo-header{background:var(--demo-surface,#15171b);border-color:var(--demo-border,#30333a)!important}.design-demo-hero>p:not(.eyebrow){color:var(--demo-muted,#9ca0a6)}.design-demo-cards i{background:var(--demo-raised,#202226)!important;border-color:var(--demo-border,#30333a)!important}.design-preview-status{margin:10px 4px 0;font-size:12px;color:#656a73}.design-preview-stage:focus-within{outline:2px solid #17191d;outline-offset:2px}

/* CMS Ultra STEP048 - Design Preview Component Gallery & State Matrix */
.design-component-gallery{padding:10px var(--demo-gutter) 46px}.design-component-gallery-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:14px}.design-component-gallery-head h3{margin:3px 0 0;font-size:22px}.design-component-gallery-head>span{font-size:11px;color:var(--demo-muted,#9ca0a6)}.design-component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.design-component-sample{min-width:0;padding:16px;border:1px solid var(--demo-border,#30333a);border-radius:var(--demo-radius);background:var(--demo-surface,#15171b);color:var(--demo-text,#fff)}.design-component-sample>strong{display:block;margin-bottom:12px}.design-state-row,.demo-card-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.design-component-sample button,.design-component-sample input{font:inherit}.demo-btn-primary,.demo-btn-secondary,.demo-focus{min-height:38px;padding:8px 12px;border-radius:calc(var(--demo-radius) * .55);font-weight:750;cursor:pointer}.demo-btn-primary{border:1px solid var(--demo-brand);background:var(--demo-brand);color:#fff}.demo-btn-secondary,.demo-focus{border:1px solid var(--demo-border,#30333a);background:var(--demo-raised,#202226);color:var(--demo-text,#fff)}.demo-btn-primary.is-hover,.demo-btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.design-component-sample button:disabled{opacity:.42;cursor:not-allowed}.design-component-sample a{color:var(--demo-brand);font-weight:700;text-decoration-thickness:2px;text-underline-offset:3px}.design-component-sample a.is-hover,.design-component-sample a:hover{text-decoration:underline}.demo-focus{outline:3px solid var(--demo-focus,var(--demo-brand));outline-offset:2px}.design-component-sample label{display:grid;gap:5px;margin-top:9px;font-size:12px;color:var(--demo-muted,#9ca0a6)}.design-component-sample input{width:100%;box-sizing:border-box;min-height:40px;border:1px solid var(--demo-border,#30333a);border-radius:calc(var(--demo-radius) * .45);padding:8px 10px;background:var(--demo-page,#0a0b0d);color:var(--demo-text,#fff)}.design-component-sample input:focus{outline:3px solid var(--demo-focus,var(--demo-brand));outline-offset:1px}.demo-field-error input{border-color:var(--demo-danger,#d64545)}.demo-field-error small{color:var(--demo-danger,#d64545)}.demo-card-row{align-items:stretch}.demo-card{flex:1;min-width:90px;padding:18px 12px;border:1px solid var(--demo-border,#30333a);border-radius:var(--demo-radius);background:var(--demo-surface,#15171b)}.demo-card.is-raised{background:var(--demo-raised,#202226);box-shadow:0 12px 28px #0002}.demo-status{margin:7px 0;padding:9px 11px;border-radius:calc(var(--demo-radius) * .45);border:1px solid currentColor;font-size:12px}.demo-status.is-success{color:var(--demo-success,#2ca56c)}.demo-status.is-warning{color:var(--demo-warning,#d79a24)}.demo-status.is-danger{color:var(--demo-danger,#d64545)}.demo-status.is-info{color:var(--demo-info,#3b82c4)}.design-preview-stage[data-device=mobile] .design-component-grid{grid-template-columns:1fr}.design-preview-stage[data-device=mobile] .design-component-gallery-head{align-items:flex-start;flex-direction:column}.design-preview-stage[data-device=tablet] .design-component-grid{grid-template-columns:1fr 1fr}@media(max-width:560px){.design-component-grid{grid-template-columns:1fr}}
/* CMS STEP050 · Design System contract gate */
.design-system-gate{margin:1.25rem 0;padding:1.25rem;border:1px solid var(--theme-border);border-radius:var(--radius-xl);background:var(--theme-surface)}.design-gate-summary{display:flex;gap:1rem;align-items:center;margin:.75rem 0 1rem}.design-gate-summary strong{font-size:1.05rem}.design-gate-checks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.5rem}.design-gate-check{display:flex;gap:.6rem;padding:.65rem .75rem;border:1px solid var(--theme-border);border-radius:.75rem}.design-gate-check.is-pass b{color:var(--color-success)}.design-gate-check.is-fail b{color:var(--color-danger)}
.asset-document-preview{width:100%;min-height:520px;border:0;border-radius:14px;background:var(--surface-raised,#171a1f)}
.media-technical-inspector .optimization-capabilities{display:flex;flex-wrap:wrap;gap:.75rem;margin:1rem 0}.media-technical-inspector .optimization-capabilities span{padding:.55rem .75rem;border:1px solid var(--border,#343941);border-radius:10px}

/* CMS Ultra STEP054 – DAM generated preview delivery */
.media-card-visual{position:relative;overflow:hidden}.media-card-visual .media-generated-preview{display:block;width:100%;height:100%;object-fit:cover}.media-preview-badge{position:absolute;left:.65rem;bottom:.65rem;padding:.28rem .48rem;border-radius:.45rem;background:rgba(10,13,18,.82);color:#fff;font-size:.68rem;font-weight:800;letter-spacing:.08em;backdrop-filter:blur(8px)}
/* CMS STEP057: preview queue observability */
.preview-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.65rem;margin:1rem 0;padding:1rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-raised)}
.preview-health-grid strong,.preview-health-grid small{grid-column:1/-1}.preview-health-actions{display:flex;gap:.65rem;flex-wrap:wrap;align-items:center}.preview-health-actions form{margin:0}
.brand-size-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:18px 0}.brand-size-grid label{display:grid;gap:6px}.brand-size-grid input[type=number]{width:100%}.brand-size-grid small{opacity:.7}
/* CMS Ultra STEP065: governed navigation presentation + header CTA */
.site-header .desktop-nav,.site-header .desktop-nav a,.site-header .desktop-nav button{font-size:var(--brand-header-nav-font,15px);font-weight:var(--brand-header-nav-weight,650)}
.site-header[data-nav-indicator="none"] .desktop-nav a::after,.site-header[data-nav-indicator="none"] .nav-trigger::after{display:none!important}
.site-header[data-nav-indicator="dot"] .desktop-nav a::after,.site-header[data-nav-indicator="dot"] .nav-trigger::after{left:50%;right:auto;bottom:8px;width:5px;height:5px;border-radius:50%;transform:translateX(-50%) scale(0)}
.site-header[data-nav-indicator="dot"] .desktop-nav a:hover::after,.site-header[data-nav-indicator="dot"] .desktop-nav a:focus-visible::after,.site-header[data-nav-indicator="dot"] .nav-trigger:hover::after,.site-header[data-nav-indicator="dot"] .nav-trigger:focus-visible::after{transform:translateX(-50%) scale(1)}
@media(max-width:560px){.site-header .header-cta.header-cta--mobile{display:inline-flex}}

/* CMS STEP066 — governed mobile navigation sizing/accessibility */
@media(max-width:900px){.mobile-nav{width:min(var(--brand-mobile-nav-width,420px),100vw)}.mobile-nav-trigger,.mobile-nav-direct,.mobile-nav-search{min-height:var(--brand-mobile-touch-target,52px)}.mobile-nav-links a{min-height:44px;display:flex;flex-direction:column;justify-content:center}}
/* CMS Ultra STEP067 · governed footer brand, navigation and contact */
.brand-site-footer__grid{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(150px,.8fr) minmax(220px,1fr);gap:clamp(24px,4vw,64px);align-items:start}.brand-site-footer__brand{display:grid;gap:10px}.brand-site-footer__brand .footer-logo{display:inline-flex;width:max-content}.brand-site-footer__brand .brand-logo{height:var(--brand-footer-logo-desktop,54px);width:auto;max-width:min(260px,70vw);object-fit:contain}.brand-site-footer__brand p{margin:0;max-width:42ch;opacity:.72}.brand-site-footer__nav,.brand-site-footer__contact{display:grid;gap:10px}.brand-site-footer__cta{margin-top:8px;font-weight:750}.brand-site-footer--compact .brand-site-footer__grid{grid-template-columns:1fr auto auto;align-items:center}.brand-site-footer--compact .brand-site-footer__brand p{display:none}@media(max-width:760px){.brand-site-footer__grid,.brand-site-footer--compact .brand-site-footer__grid{grid-template-columns:1fr}.brand-site-footer__brand .brand-logo{height:var(--brand-footer-logo-mobile,42px)}.brand-site-footer--mobile-centered .brand-site-footer__grid,.brand-site-footer--mobile-centered .brand-site-footer__brand,.brand-site-footer--mobile-centered .brand-site-footer__nav,.brand-site-footer--mobile-centered .brand-site-footer__contact{justify-items:center;text-align:center}}
/* CMS Ultra STEP067 · governed footer brand, navigation and contact */
.brand-site-footer__grid{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(150px,.8fr) minmax(220px,1fr);gap:clamp(24px,4vw,64px);align-items:start}.brand-site-footer__brand{display:grid;gap:10px}.brand-site-footer__brand .footer-logo{display:inline-flex;width:max-content}.brand-site-footer__brand .brand-logo{height:var(--brand-footer-logo-desktop,54px);width:auto;max-width:min(260px,70vw);object-fit:contain}.brand-site-footer__brand p{margin:0;max-width:42ch;opacity:.72}.brand-site-footer__nav,.brand-site-footer__contact{display:grid;gap:10px}.brand-site-footer__cta{margin-top:8px;font-weight:750}.brand-site-footer--compact .brand-site-footer__grid{grid-template-columns:1fr auto auto;align-items:center}.brand-site-footer--compact .brand-site-footer__brand p{display:none}@media(max-width:760px){.brand-site-footer__grid,.brand-site-footer--compact .brand-site-footer__grid{grid-template-columns:1fr}.brand-site-footer__brand .brand-logo{height:var(--brand-footer-logo-mobile,42px)}.brand-site-footer--mobile-centered .brand-site-footer__grid,.brand-site-footer--mobile-centered .brand-site-footer__brand,.brand-site-footer--mobile-centered .brand-site-footer__nav,.brand-site-footer--mobile-centered .brand-site-footer__contact{justify-items:center;text-align:center}}
/* CMS STEP068 · Footer legal/market context & accessibility */
.brand-site-footer__legal{display:grid;gap:10px}.brand-site-footer__market{font-size:.9rem;line-height:1.5;opacity:.78;max-width:48ch}.brand-site-footer a:focus-visible{outline:3px solid currentColor;outline-offset:4px;border-radius:4px}.brand-site-footer__cta{min-height:44px;display:inline-flex;align-items:center}.brand-site-footer__nav a,.brand-site-footer__legal a,.brand-site-footer__contact>a{min-height:44px;display:flex;align-items:center}@media(max-width:760px){.brand-site-footer--mobile-centered .brand-site-footer__legal{justify-items:center}.brand-site-footer__market{text-wrap:balance}}@media(forced-colors:active){.brand-site-footer a:focus-visible{outline:3px solid Highlight}}
/* CMS STEP069 · global announcement bar */
.site-announcement{position:relative;z-index:90;background:var(--color-brand,#e31b23);color:#fff}.site-announcement__inner{min-height:44px;max-width:var(--brand-header-max-width,1920px);margin:auto;padding:7px var(--brand-header-gutter,48px);display:flex;align-items:center;justify-content:center;gap:16px}.site-announcement p{margin:0;font-size:.9rem;font-weight:650;text-align:center}.site-announcement__link{color:inherit;font-weight:800;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.site-announcement__close{margin-left:auto;min-width:44px;min-height:44px;border:0;background:transparent;color:inherit;font-size:1.5rem;cursor:pointer}.site-announcement--neutral{background:var(--theme-surface,#171a1f);color:var(--theme-text,#fff);border-bottom:1px solid var(--theme-border,#343941)}.site-announcement--attention{background:#7a3e00;color:#fff}.site-announcement a:focus-visible,.site-announcement button:focus-visible{outline:3px solid currentColor;outline-offset:2px}@media(min-width:761px){.site-announcement--hide-desktop{display:none}}@media(max-width:760px){.site-announcement--hide-mobile{display:none}.site-announcement__inner{padding:7px 12px;gap:8px;flex-wrap:wrap}.site-announcement p{flex:1 1 70%;font-size:.84rem}.site-announcement__link{font-size:.84rem}.site-announcement__close{margin-left:0}}@media(forced-colors:active){.site-announcement{border-bottom:1px solid CanvasText}}
/* CMS Ultra STEP085: governed dynamic collection presentation */
.cms-dynamic-grid{display:grid;gap:clamp(14px,2vw,24px);grid-template-columns:repeat(3,minmax(0,1fr))}.cms-dynamic-card{min-width:0;padding:clamp(18px,2vw,28px);border:1px solid var(--color-border-light);border-radius:16px;background:var(--color-surface,#fff)}.cms-dynamic-card h3{margin:.25rem 0 .65rem}.cms-dynamic-card h3 a{color:inherit;text-decoration:none}.cms-dynamic-card--editorial{padding:clamp(24px,3vw,38px);border-radius:24px}.cms-dynamic-card--editorial h3{font-size:clamp(1.35rem,2vw,2rem)}.cms-dynamic-card--compact{padding:14px;border-radius:10px}.cms-dynamic-card--compact p:last-child{font-size:.9rem}.cms-dynamic-grid--d2{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-dynamic-grid--d3{grid-template-columns:repeat(3,minmax(0,1fr))}.cms-dynamic-grid--d4{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:980px){.cms-dynamic-grid--t1{grid-template-columns:1fr}.cms-dynamic-grid--t2{grid-template-columns:repeat(2,minmax(0,1fr))}.cms-dynamic-grid--t3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:640px){.cms-dynamic-grid--m1{grid-template-columns:1fr}.cms-dynamic-grid--m2{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* CMS Ultra STEP086: responsive media visuals for dynamic collection cards */
.cms-dynamic-card{overflow:hidden;padding:0}.cms-dynamic-card__visual{display:block;position:relative;overflow:hidden;background:var(--color-surface-muted,#f2f4f5);aspect-ratio:4/3}.cms-dynamic-card__visual picture,.cms-dynamic-card__visual .responsive-media{display:block;width:100%;height:100%}.cms-dynamic-card__image{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.cms-dynamic-card__visual:focus-visible{outline:3px solid currentColor;outline-offset:-3px}.cms-dynamic-card__visual:hover .cms-dynamic-card__image{transform:scale(1.025)}.cms-dynamic-card__placeholder{display:grid;width:100%;height:100%;place-items:center;background:linear-gradient(135deg,var(--color-surface-muted,#eef1f2),var(--color-surface,#fff));color:var(--color-text-muted,#687078);font-size:clamp(2rem,5vw,4rem);font-weight:700}.cms-dynamic-card__body{padding:clamp(18px,2vw,28px)}.cms-dynamic-card--editorial .cms-dynamic-card__visual{aspect-ratio:16/10}.cms-dynamic-card--editorial .cms-dynamic-card__body{padding:clamp(24px,3vw,38px)}.cms-dynamic-card--compact{display:grid;grid-template-columns:minmax(88px,34%) 1fr;align-items:stretch}.cms-dynamic-card--compact .cms-dynamic-card__visual{aspect-ratio:auto;min-height:112px}.cms-dynamic-card--compact .cms-dynamic-card__body{padding:14px}.cms-dynamic-card--compact h3{margin-top:.15rem}@media(prefers-reduced-motion:reduce){.cms-dynamic-card__image{transition:none}.cms-dynamic-card__visual:hover .cms-dynamic-card__image{transform:none}}@media(max-width:640px){.cms-dynamic-card--compact{grid-template-columns:96px 1fr}}
.dynamic-preview-card-image,.dynamic-preview-card-placeholder{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px;margin-bottom:10px;background:var(--color-surface-muted,#eef1f2)}.dynamic-preview-card-placeholder{display:grid;place-items:center;font-size:2rem;font-weight:700;color:var(--color-text-muted,#687078)}
/* CMS Ultra STEP102 — premium machine hero/story */
.machine-premium-meta{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .8rem}.machine-premium-meta span{display:inline-flex;align-items:center;min-height:2rem;padding:.3rem .7rem;border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.machine-sales-headline{max-width:18ch;margin:.7rem 0;font-size:clamp(1.55rem,3vw,2.65rem);font-weight:650;line-height:1.08;letter-spacing:-.025em}.machine-sales-intro{max-width:62ch;margin:1rem 0 1.5rem;font-size:clamp(1rem,1.5vw,1.2rem);line-height:1.65;opacity:.86}.machine-detail-media img,.machine-detail-media video{width:100%;height:auto;max-height:72vh;object-fit:contain}.machine-detail-actions{display:flex;flex-wrap:wrap;gap:.7rem}@media(max-width:700px){.machine-premium-meta{gap:.35rem}.machine-sales-headline{font-size:clamp(1.4rem,7vw,2rem)}.machine-detail-actions>a{width:100%;justify-content:center}}
/* CMS Ultra STEP103 — machine visual storytelling */
.machine-story-gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2.2vw,30px)}.machine-story-media{position:relative;margin:0;overflow:hidden;border-radius:18px;background:var(--color-surface-muted,#eef1f2)}.machine-story-media--wide,.machine-story-media.is-featured{grid-column:1/-1}.machine-story-media__image{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:var(--story-focal-x,50%) var(--story-focal-y,50%)}.machine-story-media--wide .machine-story-media__image,.machine-story-media.is-featured .machine-story-media__image{aspect-ratio:16/8}.machine-story-media--detail .machine-story-media__image{aspect-ratio:1/1}.machine-story-media__label{position:absolute;z-index:1;top:14px;left:14px;padding:.42rem .7rem;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;font-size:.75rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.machine-story-media figcaption{padding:.8rem 1rem 1rem;line-height:1.5}@media(max-width:700px){.machine-story-gallery-grid{grid-template-columns:1fr}.machine-story-media--wide,.machine-story-media.is-featured{grid-column:auto}.machine-story-media--wide .machine-story-media__image,.machine-story-media.is-featured .machine-story-media__image{aspect-ratio:4/3}}
.machine-lightbox-trigger{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.machine-lightbox-trigger:disabled{cursor:default}.machine-lightbox-trigger:focus-visible{outline:3px solid currentColor;outline-offset:4px}.machine-story-media video.machine-story-media__image{background:#000}.machine-video-transcript{margin:.7rem 1rem 1rem}.machine-video-transcript summary{cursor:pointer;font-weight:700}.machine-lightbox{width:min(94vw,1400px);max-width:none;border:0;border-radius:18px;padding:52px 18px 18px;background:#0b0d0e;color:#fff}.machine-lightbox::backdrop{background:rgba(0,0,0,.82)}.machine-lightbox img{display:block;max-width:100%;max-height:82vh;margin:auto;object-fit:contain}.machine-lightbox__close{position:absolute;right:14px;top:10px;width:38px;height:38px;border:0;border-radius:50%;font-size:1.7rem;cursor:pointer}.machine-lightbox__hint{text-align:center;margin:.65rem 0 0;font-size:.85rem}.machine-lightbox[open]{animation:machine-lightbox-in .16s ease-out}@keyframes machine-lightbox-in{from{opacity:0;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.machine-lightbox[open]{animation:none}}
/* CMS Ultra STEP105 – governed interactive machine visual sequence */
.machine-360{padding:clamp(3rem,7vw,7rem) 0}.machine-360-stage{position:relative;max-width:1050px;margin:2rem auto 0;min-height:320px;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:var(--surface-2,#f3f4f6);touch-action:pan-y;outline-offset:5px}.machine-360-stage img{width:100%;height:100%;object-fit:contain;user-select:none}.machine-360-prev,.machine-360-next{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;border:1px solid rgba(0,0,0,.15);background:rgba(255,255,255,.9);font-size:1.3rem;cursor:pointer}.machine-360-prev{left:1rem}.machine-360-next{right:1rem}.machine-360-counter{position:absolute;left:50%;bottom:1rem;transform:translateX(-50%);padding:.35rem .7rem;border-radius:999px;background:rgba(0,0,0,.72);color:#fff;font-size:.85rem}@media(max-width:700px){.machine-360-stage{min-height:230px;aspect-ratio:4/3}.machine-360-prev,.machine-360-next{width:42px;height:42px}}
.machine-story-media{isolation:isolate}.machine-hotspots{position:absolute;inset:0;pointer-events:none;z-index:3}.machine-hotspot{pointer-events:auto;position:absolute;left:var(--hotspot-x);top:var(--hotspot-y);transform:translate(-50%,-50%);display:flex;align-items:center;gap:.35rem;border:0;border-radius:999px;padding:.35rem .55rem;background:rgba(11,13,14,.88);color:#fff;box-shadow:0 4px 18px rgba(0,0,0,.28);cursor:pointer}.machine-hotspot span{display:grid;place-items:center;width:1.65rem;height:1.65rem;border-radius:50%;background:#fff;color:#111;font-size:1.2rem}.machine-hotspot b{font-size:.76rem;max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.machine-hotspot:focus-visible{outline:3px solid #fff;outline-offset:3px}.machine-hotspot-dialog{width:min(92vw,560px);border:0;border-radius:20px;padding:2rem;background:#fff;color:#111}.machine-hotspot-dialog::backdrop{background:rgba(0,0,0,.72)}.machine-hotspot-dialog__close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:1.8rem;cursor:pointer}.machine-hotspot-dialog h2{padding-right:2rem}.machine-hotspot-dialog .btn{display:inline-flex;margin-top:.7rem}@media(max-width:600px){.machine-hotspot b{display:none}.machine-hotspot{padding:.28rem}.machine-hotspot span{width:1.9rem;height:1.9rem}}

/* CMS Ultra STEP107 – guided technical data story */
.machine-key-specs{padding:clamp(3rem,7vw,6rem) 0;background:linear-gradient(180deg,rgba(127,127,127,.06),transparent)}
.machine-key-spec-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.machine-key-spec-grid article{padding:1.35rem;border:1px solid var(--border,rgba(127,127,127,.22));border-radius:18px;background:var(--surface,#fff)}.machine-key-spec-grid small,.machine-spec-story-label{display:block;font-size:.72rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase;opacity:.68;margin-bottom:.45rem}.machine-key-spec-grid h3{font-size:.95rem;margin:.1rem 0 .6rem}.machine-key-spec-grid p{margin:.25rem 0}.machine-key-spec-grid strong{font-size:clamp(1.35rem,2vw,2rem)}.machine-spec-row--key{border-inline-start:3px solid currentColor;padding-inline-start:1rem}.machine-spec-row--compact dt small{display:none}@media(max-width:900px){.machine-key-spec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.machine-key-spec-grid{grid-template-columns:1fr}}
/* STEP108 variant comparison */
.machine-variant-guidance{margin-top:.8rem;padding:.8rem 1rem;border:1px solid var(--border,#d8dee8);border-radius:12px}.machine-variant-featured{display:inline-block;margin:.25rem 0 .5rem;font-weight:700}.machine-compare-table th small{display:block;font-weight:500;margin-top:.25rem}
/* CMS Ultra STEP111 – CRM customer workspace */
.crm-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.crm-card{padding:20px;border:1px solid var(--border,#d8dadd);border-radius:16px;background:var(--surface,#fff)}.crm-card h2{margin-top:0}.crm-card.full{grid-column:1/-1}.crm-list{display:grid;gap:10px}.crm-item{padding:12px;border:1px solid var(--border,#ddd);border-radius:12px}.crm-meta{font-size:.88rem;opacity:.72}@media(max-width:800px){.crm-grid{grid-template-columns:1fr}.crm-card.full{grid-column:auto}}
/* CMS Ultra STEP150 — premium public inquiry conversion journey */
.inquiry-page{background:var(--color-page,#f5f6f7)}.inquiry-page .finder-hero.inquiry-hero{padding:clamp(4rem,8vw,8rem) 0 3.5rem;background:radial-gradient(circle at 80% 10%,rgba(210,24,35,.18),transparent 32%),linear-gradient(135deg,#090b0d,#171b1f);color:#fff}.inquiry-hero h1{max-width:13ch;font-size:clamp(2.6rem,6vw,5.7rem);line-height:.96;letter-spacing:-.055em}.inquiry-progress{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:clamp(2rem,5vw,4rem)}.inquiry-progress span{padding:.45rem .75rem;border:1px solid rgba(255,255,255,.18);border-radius:999px;font-size:.73rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;opacity:.55}.inquiry-progress .is-active{background:#fff;color:#111;opacity:1}.inquiry-machine-context{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;width:max-content;max-width:100%;margin-top:1.4rem;padding:.7rem .85rem;border:1px solid rgba(255,255,255,.18);border-radius:14px;background:rgba(255,255,255,.07);backdrop-filter:blur(14px)}.inquiry-machine-context a{color:inherit}.inquiry-trust{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;font-size:.82rem;opacity:.75}.inquiry-page .finder-shell{padding:clamp(2rem,5vw,5rem) 0}.inquiry-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:clamp(1.2rem,3vw,3rem);align-items:start}.inquiry-form-card{padding:clamp(1.3rem,3vw,3rem);border-radius:24px;box-shadow:0 24px 70px rgba(0,0,0,.08)}.inquiry-form-head h2{font-size:clamp(1.65rem,3vw,2.5rem);margin:.25rem 0}.inquiry-intents{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.4rem 0}.inquiry-intents button{min-height:42px;padding:.6rem .85rem;border:1px solid var(--border,#d7dadd);border-radius:999px;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;transition:.18s ease}.inquiry-intents button:hover,.inquiry-intents button.is-selected{transform:translateY(-1px);background:#111;color:#fff;border-color:#111}.inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.inquiry-form-card label{display:grid;gap:.42rem;margin:1rem 0}.inquiry-form-card input:not([type=checkbox]),.inquiry-form-card select,.inquiry-form-card textarea{width:100%;box-sizing:border-box;min-height:50px;padding:.8rem .9rem;border:1px solid var(--border,#d7dadd);border-radius:12px;background:var(--surface,#fff);color:inherit;font:inherit}.inquiry-form-card textarea{min-height:130px;resize:vertical}.inquiry-form-card input:focus,.inquiry-form-card select:focus,.inquiry-form-card textarea:focus{outline:3px solid rgba(210,24,35,.2);border-color:#d21823}.inquiry-submit{min-height:54px;padding-inline:1.25rem;font-weight:800}.finder-actions small{display:block;max-width:48ch;margin-top:.7rem;opacity:.6}.inquiry-side{position:sticky;top:110px;padding:clamp(1.3rem,2.4vw,2rem);border-radius:22px;background:#11151a;color:#fff}.inquiry-side ol{list-style:none;padding:0;margin:1.3rem 0;display:grid;gap:1.35rem}.inquiry-side li{display:grid;grid-template-columns:42px 1fr;gap:.8rem}.inquiry-side li>b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#111;font-size:.75rem}.inquiry-side li strong,.inquiry-side li span{display:block}.inquiry-side li span{margin-top:.3rem;font-size:.9rem;line-height:1.5;opacity:.65}.inquiry-side>a{color:#fff;font-weight:750}.inquiry-success-mark{display:grid;place-items:center;width:72px;height:72px;margin:1.5rem 0;border-radius:50%;background:#fff;color:#111;font-size:2rem;font-weight:900}@media(max-width:860px){.inquiry-grid{grid-template-columns:1fr}.inquiry-side{position:static}.inquiry-fields{grid-template-columns:1fr}}@media(max-width:560px){.inquiry-machine-context{width:100%;box-sizing:border-box}.inquiry-trust{display:grid;gap:.45rem}.inquiry-form-card{border-radius:18px}.inquiry-intents button{flex:1 1 calc(50% - .55rem)}.inquiry-submit{width:100%}}@media(prefers-reduced-motion:reduce){.inquiry-intents button{transition:none}.inquiry-intents button:hover{transform:none}}
/* CMS Ultra STEP150 — premium public inquiry conversion journey */
.inquiry-page{background:var(--color-page,#f5f6f7)}.inquiry-page .inquiry-hero{padding:clamp(4rem,8vw,8rem) 0 3.5rem;background:radial-gradient(circle at 80% 10%,rgba(210,24,35,.18),transparent 32%),linear-gradient(135deg,#090b0d,#171b1f);color:#fff}.inquiry-hero h1{max-width:13ch;font-size:clamp(2.6rem,6vw,5.7rem);line-height:.96;letter-spacing:-.055em}.inquiry-progress{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:clamp(2rem,5vw,4rem)}.inquiry-progress span{padding:.45rem .75rem;border:1px solid #ffffff2e;border-radius:999px;font-size:.73rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;opacity:.55}.inquiry-progress .is-active{background:#fff;color:#111;opacity:1}.inquiry-machine-context{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;width:max-content;max-width:100%;margin-top:1.4rem;padding:.7rem .85rem;border:1px solid #ffffff2e;border-radius:14px;background:#ffffff12}.inquiry-machine-context a{color:inherit}.inquiry-trust{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.5rem;font-size:.82rem;opacity:.75}.inquiry-page .finder-shell{padding:clamp(2rem,5vw,5rem) 0}.inquiry-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.65fr);gap:clamp(1.2rem,3vw,3rem);align-items:start}.inquiry-form-card{padding:clamp(1.3rem,3vw,3rem);border-radius:24px;box-shadow:0 24px 70px #00000014}.inquiry-form-head h2{font-size:clamp(1.65rem,3vw,2.5rem);margin:.25rem 0}.inquiry-intents{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.4rem 0}.inquiry-intents button{min-height:42px;padding:.6rem .85rem;border:1px solid var(--border,#d7dadd);border-radius:999px;background:transparent;color:inherit;font:inherit;font-weight:700;cursor:pointer;transition:.18s ease}.inquiry-intents button:hover,.inquiry-intents button.is-selected{transform:translateY(-1px);background:#111;color:#fff;border-color:#111}.inquiry-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.inquiry-form-card label{display:grid;gap:.42rem;margin:1rem 0}.inquiry-form-card input:not([type=checkbox]),.inquiry-form-card select,.inquiry-form-card textarea{width:100%;box-sizing:border-box;min-height:50px;padding:.8rem .9rem;border:1px solid var(--border,#d7dadd);border-radius:12px;background:var(--surface,#fff);color:inherit;font:inherit}.inquiry-form-card textarea{min-height:130px;resize:vertical}.inquiry-form-card input:focus,.inquiry-form-card select:focus,.inquiry-form-card textarea:focus{outline:3px solid #d2182333;border-color:#d21823}.inquiry-submit{min-height:54px;padding-inline:1.25rem;font-weight:800}.finder-actions small{display:block;max-width:48ch;margin-top:.7rem;opacity:.6}.inquiry-side{position:sticky;top:110px;padding:clamp(1.3rem,2.4vw,2rem);border-radius:22px;background:#11151a;color:#fff}.inquiry-side ol{list-style:none;padding:0;margin:1.3rem 0;display:grid;gap:1.35rem}.inquiry-side li{display:grid;grid-template-columns:42px 1fr;gap:.8rem}.inquiry-side li>b{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;color:#111;font-size:.75rem}.inquiry-side li strong,.inquiry-side li span{display:block}.inquiry-side li span{margin-top:.3rem;font-size:.9rem;line-height:1.5;opacity:.65}.inquiry-side>a{color:#fff;font-weight:750}.inquiry-success-mark{display:grid;place-items:center;width:72px;height:72px;margin:1.5rem 0;border-radius:50%;background:#fff;color:#111;font-size:2rem;font-weight:900}@media(max-width:860px){.inquiry-grid{grid-template-columns:1fr}.inquiry-side{position:static}.inquiry-fields{grid-template-columns:1fr}}@media(max-width:560px){.inquiry-machine-context{width:100%;box-sizing:border-box}.inquiry-trust{display:grid;gap:.45rem}.inquiry-intents button{flex:1 1 calc(50% - .55rem)}.inquiry-submit{width:100%}}@media(prefers-reduced-motion:reduce){.inquiry-intents button{transition:none}.inquiry-intents button:hover{transform:none}}

/* STEP155 — public inquiry/error/status UX hardening */
.inquiry-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.inquiry-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.inquiry-error-summary{margin:0 0 1.25rem;padding:1rem 1.1rem;border:1px solid currentColor;border-radius:14px;background:color-mix(in srgb,var(--danger,#b42318) 7%,transparent)}.inquiry-error-summary:focus{outline:3px solid currentColor;outline-offset:3px}.inquiry-error-summary p{margin:.35rem 0 0}.inquiry-page :is(input,select,textarea).is-invalid{border-color:var(--danger,#b42318)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--danger,#b42318) 15%,transparent)}.field-counter{display:block;text-align:right;margin-top:.35rem;opacity:.7;font-variant-numeric:tabular-nums}.inquiry-submit[aria-busy="true"]{cursor:wait;opacity:.78}.inquiry-page input:disabled,.inquiry-page button:disabled{cursor:not-allowed}.inquiry-success-page .finder-hero{min-height:min(72vh,760px);display:grid;align-items:center}.inquiry-success-page .inquiry-success-mark{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;font-size:2rem;border:1px solid currentColor;margin:1.4rem 0}@media(max-width:600px){.inquiry-error-summary{scroll-margin-top:6rem}.inquiry-success-page .finder-actions{display:grid}.inquiry-success-page .finder-actions .btn{width:100%;justify-content:center}}