/* Light Executive Glass. A: cool canvas, B: solid data, C: selective glass.
   Base sheets and the approved network renderer remain intact. */
@font-face{font-family:Manrope;font-style:normal;font-weight:400 800;font-display:swap;src:url('/fonts/manrope-latin-variable.woff2') format('woff2')}
:root{--primary:#20252d;--secondary:#343c48;--background:#f7f8fa;--surface:#eff1f5;--text:#252b35;--muted:#606773;--border:#dce0e6;--accent:#806023;--gold:#bd9a4d;--radius:16px;--executive-shadow:0 24px 64px -28px #25334830,0 3px 10px #25334806;--executive-edge:1px solid #ffffff;--executive-ease:cubic-bezier(.22,1,.36,1)}
body{font-family:Manrope,Arial,Helvetica,sans-serif;background:var(--background)}
/* The approved globe is an isolated visual island, including inherited tokens. */
section:has(>.network-section){--primary:#181b1a;--secondary:#343a36;--accent:#9a792c;--gold:#d0b36b;--background:#fff;--surface:#f5f4ef;--text:#202622;--muted:#5c625d;--border:#dddfd8;--success:#27634a;--warning:#775515;--critical:#a23e35;--radius:8px;background:#f5f4ef;color:#202622;font-family:Arial,Helvetica,sans-serif}
main>section:not(:has(.network-section)) :is(h1,h2,h3){font-weight:500;letter-spacing:-.045em}
main>section:not(:has(.network-section)) em{font-family:inherit;font-style:normal;color:var(--muted)}
main>section:not(:has(.network-section)) :is(strong,b,dd){font-variant-numeric:tabular-nums}
.header{background:transparent;border:0;padding:16px 0 0}
.header .header-inner{min-height:80px;padding:14px 24px;background:#ffffffed;border:var(--executive-edge);border-radius:20px;box-shadow:0 8px 28px -16px #25334830;gap:20px}
.header .brand{width:190px}
.header nav{gap:22px;font-size:12px}
.header nav>a:not(.button){text-decoration:none;padding:9px 0;position:relative}
.header nav>a:not(.button)::after{content:'';position:absolute;height:2px;bottom:2px;inset-inline:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.header nav>a:is(:hover,[aria-current])::after{transform:scaleX(1)}
.header .button{border-radius:11px;font-size:11px;gap:10px;padding:12px 14px}
.header .language-switch{border-left:1px solid var(--border);padding-left:12px}
.header .language-switch a{font-size:12px;min-width:34px}
.header .menu-toggle{border-radius:10px}
main>section:not(:has(.network-section)) .button{border-radius:12px;box-shadow:0 4px 8px #1723330c;transition:background .2s,box-shadow .2s,transform .2s}
main>section:not(:has(.network-section)) .button:hover{transform:translateY(-2px);box-shadow:0 8px 18px #17233320}
main>section:not(:has(.network-section)) .text-link{gap:14px}
main>section:not(:has(.network-section)) .text-link span{transition:transform .2s}
main>section:not(:has(.network-section)) .text-link:hover span{transform:translateX(3px)}
:where(a,button,input,select,summary):focus-visible{outline:3px solid #8b6a27;outline-offset:4px}
/* WEB-DESIGN-01: product-first hero. No added or implied product data. */
main .risk-hero{grid-template-columns:1.08fr 1fr;gap:68px;padding-block:100px 118px;align-items:center}
main .risk-hero-copy{max-width:610px}
main .risk-hero .eyebrow{font-size:10px;letter-spacing:.14em;margin:0;color:#5f6671}
main .risk-hero .gold-line{width:18px;margin-right:3px}
main .risk-hero h1{font-size:clamp(39px,4.05vw,59px);line-height:1.09;letter-spacing:-.055em;margin-block:25px}
main .risk-hero .risk-hero-copy h1{font-weight:600;color:#20252d}
main .risk-hero h1 em{color:#303946}
main .risk-hero .lead{font-size:17px;line-height:1.8;color:#424c59;max-width:535px;letter-spacing:0}
main .risk-hero-copy>p:not(.eyebrow):not(.lead):not(.risk-stage){font-size:13px;line-height:1.75;max-width:500px;color:#4d5663}
main .risk-hero .risk-stage{font-size:11px;margin-block:22px 0;color:#535d6b}
main .risk-hero .button-row{gap:22px;margin-top:25px}
main .risk-hero .button{font-size:13px;font-weight:700;padding:16px 18px;gap:16px;box-shadow:0 6px 16px #17233326}
main .risk-hero .text-link{font-size:12px;color:#434d5b}
main .risk-product-hero{position:relative;padding:0 0 38px;isolation:isolate}
main .risk-product-hero::before{content:'';position:absolute;z-index:-1;inset:-32px -24px 9px 28px;border-radius:32px;border:1px solid #d8dfe8;background:linear-gradient(145deg,#dfe5ed,#f6f7fa 50%,#e5eaf1);transform:rotate(3deg)}
main .risk-product-hero::after{content:'';position:absolute;z-index:-2;inset:60px -38px -16px 60px;border:1px solid #e1e5ec;border-radius:28px;transform:rotate(-4deg)}
main .risk-product-hero .executive-product{background:#fffffff2;border:1px solid #d5dce6;border-radius:22px;box-shadow:0 28px 64px -28px #25334840,0 3px 10px #2533480d;overflow:visible}
.executive-product .saas-toolbar{background:#ffffff65;border-bottom:1px solid #e4e7ed;border-radius:22px 22px 0 0;padding:19px 23px;font-size:11px;gap:8px}
.executive-product-mark{display:inline-block;width:20px;height:20px;font-size:20px;color:var(--accent);vertical-align:middle;margin-right:5px}
.executive-product .example-tag{border:1px solid #e0e4e9;background:#fafbfd;color:#4d5765;border-radius:6px;font-size:9px}
.executive-product .saas-body{padding:24px 24px 0;position:relative}
.executive-product .micro{font-size:9px;letter-spacing:.1em;margin-bottom:4px;color:#4d5765}
main .executive-product .saas-title{align-items:center;gap:12px}
main .executive-product .saas-title h2{font-size:23px;margin:8px 0 24px;letter-spacing:-.035em}
.executive-product .saas-title>.saas-state{font-size:10px;white-space:nowrap;margin-bottom:16px}
.executive-product .saas-state{border-radius:6px}
main .executive-product .saas-metrics{display:grid;grid-template-columns:.86fr 1.14fr;gap:12px;border:0;padding:0;margin:0 0 20px;align-items:center}
.executive-product .saas-metrics>div{padding:18px;border:1px solid #d5dce6;border-radius:14px;background:#fff;min-width:0}
.executive-product .saas-metrics>div>span:first-child{font-size:11px;color:#4d5765}
.executive-score{position:relative;width:96px;height:96px;margin:9px auto}
.executive-score svg{position:absolute;inset:0;width:100%;height:100%;transform:rotate(-90deg);fill:none;stroke-width:5}
.executive-score-track{stroke:#edf0f4}
.executive-score-value{stroke:#b49147;stroke-dasharray:60 100;stroke-linecap:round}
main .executive-product .executive-score strong{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:1px;font-size:30px;line-height:1;margin:0}
.executive-score b{font-weight:600}
.executive-score small{font-size:10px;padding-top:13px;color:var(--muted)}
.executive-performance{text-align:center}
.executive-performance .saas-state.negative{font-size:9px;padding:4px 7px}
main .executive-product .executive-exposure{background:linear-gradient(135deg,#fff,#f6f7fa);padding:24px 18px;box-shadow:0 16px 32px -14px #25334845,0 2px 5px #2533480a;transform:translateX(36px);border:1px solid #ced7e2;position:relative;z-index:1}
main .executive-product .executive-exposure strong{font-size:clamp(26px,2.2vw,34px);font-weight:650;color:#202b39;margin-block:14px 4px;white-space:nowrap;letter-spacing:-.055em}
.executive-exposure small{color:#4d5765;font-size:11px}
main .executive-product .saas-facts{font-size:11px;margin:0}
.executive-product .saas-facts>div{padding:11px 0;border-color:#e4e7ed}
.executive-product .saas-facts .saas-state{font-size:10px}
.executive-product .executive-action{background:#f2f4f7;border:0;border-radius:8px;padding:12px!important;margin-top:4px}
main .executive-product .executive-insight{background:#fffffff5;border:1px solid #d3dbe5;border-left:2px solid #b49147;border-radius:12px;box-shadow:0 18px 36px -16px #25334845;margin:18px -4px 16px -48px;padding:17px 22px;font-size:12px;line-height:1.65;max-width:390px;position:relative}
.executive-product figcaption{border-top:1px solid #e3e7ed;background:#f9fafbe6;border-radius:0 0 22px 22px;font-size:11px;padding:14px 24px;color:#4d5765}
/* Solid data planes throughout. Glass stays limited to the premium layer. */
main .risk-section{padding-block:100px}
main .risk-section-heading{max-width:850px}
main .risk-section h2{font-size:clamp(32px,3.3vw,48px);line-height:1.16}
main .risk-section-heading .intro{font-size:19px;color:var(--muted);max-width:660px}
main .risk-hidden{border-top:1px solid var(--border)}
main .risk-scene img{border-radius:20px;height:470px}
main .risk-scenario-label{color:var(--muted)}
main .risk-current-kpis{background:#fff;border:1px solid #e4e7ec;border-radius:16px;padding:26px 32px;box-shadow:0 8px 24px -20px #25334830;gap:24px}
main .risk-current-kpis>div{border-color:#e4e7ec}
main .risk-current-kpis dd{color:#2d5145;font-size:38px;font-weight:500}
main .risk-story-chapters details{border-color:var(--border);padding-block:18px}
main .risk-signal-map .risk-photo img,main .risk-check-layout .risk-photo img,main .risk-cost-photo img{border-radius:18px}
main .risk-signal-register>div{background:#fff;border:1px solid #e1e5eb;padding:18px 20px;border-radius:12px;margin-bottom:8px;box-shadow:0 2px 3px #25334803}
main .risk-signal-register dt{font-size:14px}
main .risk-signal-register dd{font-size:13px}
main .risk-signal-map .risk-photo img{height:660px}
main .risk-signal-result{border-top:1px solid #d5dbe3;margin-top:30px}
main .risk-simulator .cost-view{border-radius:18px;box-shadow:var(--executive-shadow);border:1px solid #dfe4ea}
main .risk-method{background:#eef1f5;color:var(--text);border-block:1px solid #e0e4eb}
main .risk-method .eyebrow{color:var(--accent)}
main .risk-method .intro,main .risk-process small,main .risk-method-note{color:var(--muted)}
main .risk-process{gap:12px}
main .risk-process li{background:#fff;border:1px solid #e0e4eb;border-radius:14px;padding:24px 16px;box-shadow:0 5px 14px -12px #25334820}
main .risk-process li::before{top:26px;left:auto;right:16px;background:#b49147;width:5px;height:5px}
main .risk-step-number{font-size:27px;color:#657180}
main .risk-process h3{font-size:16px;letter-spacing:.01em;margin-top:22px}
main .risk-process p{font-size:13px;font-weight:600;min-height:42px}
main .risk-process small{font-size:12px}
main .risk-check-output{background:#fff;border:1px solid #dfe4ea;border-top:2px solid #b49147;border-radius:16px;box-shadow:var(--executive-shadow)}
main .risk-final{position:relative;border:1px solid #e0e4eb;border-radius:24px;padding:64px;margin-bottom:80px;background:linear-gradient(140deg,#fff,#edf0f5);box-shadow:var(--executive-shadow)}
main .risk-final h2{font-size:clamp(32px,4vw,54px)}
main>section:not(:has(.network-section)) :is(.saas-panel:not(.executive-product),.perspective-panel,.ranking-panel,.timeline-panel,.dashboard-summary,.content-panel,.package-card,.contact-panel){border-radius:16px;border-color:#dfe4ea;box-shadow:0 12px 36px -28px #25334840}
main :is(.saas-toolbar,.product-nav,.impact-rail>div,.saas-team-map,.conversation-preparation,.timeline-note,.panel-insight,.context-pair>div){background:#f0f3f7}
main :is(.package-card,#paket-professional,#paket-intelligence,.plan-selector a,.plan-selector a:nth-child(2),.plan-selector a:nth-child(3)){background:#fff}
main .pricing-intelligence{border-top-color:var(--accent)}
main .package-comparison tbody tr:nth-child(even){background:#f0f3f7}
main .saas-fit-grid a{border-radius:12px}
main .cta-panel{background:linear-gradient(140deg,#fff,#edf0f5);border:1px solid #dfe4ea;border-radius:20px;box-shadow:var(--executive-shadow)}
main .human-placement img{border-radius:16px}
@supports(backdrop-filter:blur(12px)){
 .header .header-inner{background:#ffffffb8;backdrop-filter:blur(16px)}
 main .risk-product-hero .executive-product{background:#ffffffb8;backdrop-filter:blur(12px)}
 main .executive-product .executive-insight{background:#ffffffdb;backdrop-filter:blur(12px)}
}
@media(prefers-reduced-transparency:reduce){.header .header-inner,main .risk-product-hero .executive-product,main .executive-product .executive-insight{background:#fff;backdrop-filter:none}}
@media(min-width:901px) and (max-width:1200px){.header .header-inner{gap:12px;padding-inline:16px}.header nav{gap:12px}.header .brand{width:155px}.header .button{max-width:170px}.header .language-switch{padding-left:6px}}
@media(max-width:1100px){main .risk-hero{gap:40px;grid-template-columns:1fr 1fr;padding-block:74px 90px}main .risk-hero h1{font-size:42px}main .risk-product-hero::before{inset:-18px -10px 12px 18px}main .risk-product-hero::after{inset:40px -14px -6px 40px}main .executive-product .saas-title{display:block}main .executive-product .executive-exposure{transform:translateX(10px);padding:20px 12px}main .executive-product .executive-insight{margin-left:-28px}main .risk-process{grid-template-columns:repeat(3,1fr)}main .risk-process p{min-height:0}}
@media(max-width:900px){.header{padding-top:10px}.header .header-inner{padding:12px 16px;min-height:76px;border-radius:16px}.header .brand{width:175px}.header nav{background:#fff;border-radius:12px;padding:12px;gap:8px}.header .menu-toggle{padding:9px 12px}.header .language-switch{border:0;padding-left:0}main .risk-hero{grid-template-columns:1fr;gap:54px;padding-block:64px 80px}main .risk-hero-copy{max-width:660px}main .risk-hero h1{font-size:clamp(38px,6.6vw,56px);max-width:650px}main .risk-product-hero{max-width:560px;width:100%;margin:auto;padding-inline:16px;padding-bottom:24px}main .executive-product .saas-title{display:flex}main .executive-product .executive-exposure{transform:translateX(25px)}main .risk-final{padding:44px}}
@media(max-width:760px){main .risk-section{padding-block:72px}main .risk-process{grid-template-columns:1fr;gap:10px;margin:0}main .risk-process li{border:1px solid #dfe4ea;padding:22px 24px 22px 72px;position:relative}main .risk-process li:last-child{padding-bottom:22px}main .risk-step-number{position:absolute;left:22px;top:22px;font-size:22px}main .risk-process h3{margin:0 0 7px}main .risk-process li::before{top:28px;left:auto;right:20px}main .risk-process p{margin-bottom:8px}main .risk-section h2{font-size:34px}main .risk-current-kpis{padding:20px 16px;gap:10px}main .risk-current-kpis dt{font-size:10px}main .risk-current-kpis dd{font-size:26px}main .risk-scene img{height:330px}main .risk-signal-map .risk-photo img{height:380px}main .risk-signal-register>div{padding:17px}main .risk-check-output{margin:0}main .risk-final{padding:32px 24px;margin-bottom:48px}main .risk-hero .button-row{gap:12px 20px}main .risk-section-heading .intro{font-size:18px}}
@media(max-width:480px){.header .header-inner{padding:10px 12px;gap:6px}.header .brand{width:132px}.header .language-switch a{min-width:32px}.header .menu-toggle{padding-inline:8px;font-size:12px}main .risk-hero{padding-top:46px;gap:40px}main .risk-hero h1{font-size:36px;line-height:1.13;letter-spacing:-.055em}main .risk-hero .eyebrow{font-size:9px;letter-spacing:.08em}main .risk-hero .lead{font-size:16px}main .risk-product-hero{padding-inline:0;max-width:100%}main .risk-product-hero::before{inset:-12px 1px 12px 12px;transform:rotate(2deg)}main .risk-product-hero::after{display:none}.executive-product .saas-toolbar{padding:16px;font-size:10px}.executive-product .saas-body{padding:20px 16px 0}main .executive-product .saas-title{display:block}main .executive-product .saas-title h2{font-size:24px;margin-bottom:12px}.executive-product .saas-title>.saas-state{margin-bottom:18px}main .executive-product .saas-metrics{grid-template-columns:.88fr 1.12fr;gap:8px}.executive-product .saas-metrics>div{padding:15px 8px}main .executive-product .executive-exposure{padding:20px 9px;transform:translateX(7px)}main .executive-product .executive-exposure strong{font-size:27px}main .executive-product .executive-insight{margin:18px 0 16px;padding:16px;font-size:12px}.executive-product figcaption{padding:14px 16px}main .executive-product .saas-facts>div{flex-direction:row;align-items:center;gap:16px}.executive-product .saas-facts dd{text-align:right}main .risk-final h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){main>section:not(:has(.network-section)) :is(.button,.text-link span){transition:none!important;transform:none!important}.header nav>a::after{transition:none!important}}
