/* evorio: navy band header from the deck, orange accent from the logo badge, concentric rings as the one decorative motif */
:root{
  --bg:#ffffff; --surface:#f2f5f8; --surface-2:#e8eef3; --fg:#103451; --muted:#56697d; --line:#dce4eb;
  --ink:#103451; --ink-2:#0c2a43; --ink-fg:#f3f6f9; --ink-muted:#a8b9c9; --ink-line:rgba(255,255,255,.13);
  --accent:#d95700; --accent-2:#fa6700; --accent-soft:#fff0e5; --on-accent:#ffffff;
  --pos:#2f8a5a; --neg:#c4004f;
  --font:"Plus Jakarta Sans", "Segoe UI", system-ui, -apple-system, sans-serif;
  --mono:"IBM Plex Mono", ui-monospace, Menlo, monospace;
  --radius:10px;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --bg:#0a1c2c; --surface:#0f2639; --surface-2:#143049; --fg:#e8eef4; --muted:#a2b4c6; --line:#1f3a52;
  --ink:#06121d; --ink-2:#0b1f30; --ink-fg:#f3f6f9; --ink-muted:#a2b4c6; --ink-line:rgba(255,255,255,.1);
  --accent:#ff8a3d; --accent-2:#fa6700; --accent-soft:#2a1f15; --on-accent:#06121d;
  --pos:#6fd39b; --neg:#ff6a9f; color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#0a1c2c; --surface:#0f2639; --surface-2:#143049; --fg:#e8eef4; --muted:#a2b4c6; --line:#1f3a52;
  --ink:#06121d; --ink-2:#0b1f30; --ink-fg:#f3f6f9; --ink-muted:#a2b4c6; --ink-line:rgba(255,255,255,.1);
  --accent:#ff8a3d; --accent-2:#fa6700; --accent-soft:#2a1f15; --on-accent:#06121d;
  --pos:#6fd39b; --neg:#ff6a9f; color-scheme:dark}
*{box-sizing:border-box}
html{scroll-padding-top:90px}
body{background:var(--bg);color:var(--fg);font:400 16.5px/1.65 var(--font);margin:0;-webkit-font-smoothing:antialiased}
.wrap{max-width:1160px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
a{color:var(--accent)}
a:focus-visible,summary:focus-visible,button:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px;border-radius:4px}
h1,h2,h3,h4{line-height:1.15;text-wrap:balance;margin:0;letter-spacing:-.025em}
p{margin:0}
ul,ol{margin:0}
.label{font:500 12px/1.3 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.muted{color:var(--muted)}

/* header */
.site-head{background:var(--ink);color:var(--ink-fg);position:sticky;top:env(safe-area-inset-top,0px);z-index:20;border-bottom:1px solid var(--ink-line)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:21;background:var(--ink)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:14px}
.logo{display:block;line-height:0;flex:none}
.logo img{height:40px;width:auto;border-radius:6px}
.nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap;justify-content:flex-end}
.nav a{color:var(--ink-muted);text-decoration:none;font-weight:600;font-size:14.5px;padding:8px 10px;border-radius:6px}
.nav a:hover{color:var(--ink-fg);background:rgba(255,255,255,.06)}
.nav a[aria-current="page"]{color:var(--ink-fg);background:rgba(255,255,255,.1)}
.nav a.cta{background:var(--accent-2);color:#ffffff;margin-left:6px}
.nav a.cta:hover{background:#ff7d1f}
.menu{display:none}
.menu summary{list-style:none;cursor:pointer;color:var(--ink-fg);font-weight:600;font-size:15px;padding:8px 12px;border:1px solid var(--ink-line);border-radius:6px}
.menu summary::-webkit-details-marker{display:none}
.menu[open] .nav{display:flex}

/* hero band */
.band{background:var(--ink);color:var(--ink-fg)}
.band .label{color:var(--ink-muted)}
.hero{padding-block:64px 72px;display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center}
.hero.solo{grid-template-columns:1fr;max-width:860px}
.hero h1{font-size:clamp(36px,5vw,58px);font-weight:700;margin-top:14px}
.hero h1 em{font-style:normal;color:var(--accent-2)}
.hero .lead{margin-top:20px;font-size:19px;color:var(--ink-muted);max-width:36em}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.crumbs{font-size:14px;color:var(--ink-muted)}
.crumbs a{color:var(--ink-muted)}
.btn{display:inline-block;padding:12px 20px;border-radius:8px;font-weight:600;text-decoration:none;font-size:15.5px}
.btn.primary{background:var(--accent-2);color:#ffffff}
.btn.ghost{border:1px solid var(--ink-line);color:var(--ink-fg)}
.btn.line{border:1px solid var(--line);color:var(--fg)}
.facts{display:flex;gap:28px 32px;flex-wrap:wrap;margin-top:36px}
.facts div{max-width:170px}
.facts b{display:block;font-size:34px;white-space:nowrap;line-height:1;font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.facts span{font-size:14px;color:var(--ink-muted)}
.panel{border:1px solid var(--ink-line);border-radius:var(--radius);padding:22px;min-width:0;background:rgba(255,255,255,.035)}
.panel header{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}
.panel table{width:100%;border-collapse:collapse;font-size:14.5px}
.panel td{padding:9px 0;border-top:1px solid var(--ink-line)}
.panel td.n{font:500 13.5px var(--mono);text-align:right;font-variant-numeric:tabular-nums;padding-left:10px;white-space:nowrap}
.panel .up{color:#7fd8b4}.panel .dn{color:#ff8db6}
.panel .note{margin-top:12px;font-size:13.5px;color:var(--ink-muted)}
.live{font:500 12px var(--mono);color:var(--accent-2);display:flex;align-items:center;gap:7px}
.live::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent-2)}
.tri-mark{display:flex;gap:4px;margin-top:18px}
.tri-mark i{width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:12px solid var(--c)}

/* sections */
.sec{padding-block:80px;border-top:1px solid var(--line)}
.sec.alt{background:var(--surface);border-top:0}
.sec.tight{padding-block:56px}
.band+.sec{border-top:0}
.sec-head{display:grid;grid-template-columns:1fr 1.25fr;gap:44px;margin-bottom:44px;align-items:start}
.sec-head h2{font-size:clamp(28px,3.4vw,40px);font-weight:700}
.sec-head h2 em{font-style:normal;color:var(--accent)}
.sec-head p{color:var(--muted);font-size:17.5px;max-width:40em}
.sec-head.stack{grid-template-columns:1fr;gap:16px;max-width:820px}

.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}

.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:26px;display:grid;gap:10px;align-content:start;min-width:0}
.sec.alt .card{background:var(--bg)}
.card h3{font-size:20px;font-weight:700}
.card p{color:var(--muted);font-size:15.5px}
.card .k{font:500 12px var(--mono);color:var(--accent);letter-spacing:.06em;text-transform:uppercase}
a.card{text-decoration:none;color:inherit;transition:border-color .15s, transform .15s}
a.card:hover{border-color:var(--accent);transform:translateY(-2px)}
a.card .more{font-weight:600;color:var(--accent);font-size:15px;margin-top:4px}
.card ul{padding-left:18px;color:var(--muted);font-size:15px;display:grid;gap:5px}

.plain h3{font-size:19px;font-weight:700;margin-bottom:8px}
.plain p{color:var(--muted);font-size:15.5px}
.plain>div{border-top:2px solid var(--fg);padding-top:16px}

.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.split.wide-l{grid-template-columns:1.2fr 1fr}
.prose{display:grid;gap:14px;max-width:40em}
.prose h2{font-size:clamp(28px,3.4vw,40px);font-weight:700}
.prose h3{font-size:21px;font-weight:700;margin-top:10px}
.prose p{color:var(--muted)}

.checks{list-style:none;padding:0;display:grid;gap:10px}
.checks li{position:relative;padding-left:28px}
.checks li::before{content:"";position:absolute;left:2px;top:.5em;width:12px;height:7px;border-left:2.5px solid var(--accent);border-bottom:2.5px solid var(--accent);transform:rotate(-45deg)}
.checks.cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 28px}

.problems{list-style:none;padding:0;display:grid;gap:10px}
.problems li{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px 16px;font-size:15.5px}

.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:2px solid var(--fg);counter-reset:s}
.steps li{padding:18px 22px 22px 0;border-bottom:1px solid var(--line);counter-increment:s}
.steps li::before{content:counter(s);display:block;font-size:28px;font-weight:700;color:var(--accent);line-height:1;font-variant-numeric:tabular-nums}
.steps b{display:block;margin:10px 0 4px;font-size:16.5px}
.steps span{color:var(--muted);font-size:14.5px}
.steps.s3{grid-template-columns:repeat(3,minmax(0,1fr))}
.steps.s5{grid-template-columns:repeat(5,minmax(0,1fr))}

.flow{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.flow span{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 14px;font-weight:600;font-size:14.5px}
.flow span.hl{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}
.flow i{width:16px;height:2px;background:var(--muted);position:relative}
.flow i::after{content:"";position:absolute;right:-1px;top:-4px;border-left:6px solid var(--muted);border-top:5px solid transparent;border-bottom:5px solid transparent}

.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.stats div{border-left:3px solid var(--accent-2);padding-left:16px}
.stats b{display:block;font-size:clamp(30px,3.6vw,42px);font-weight:700;line-height:1.05;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.stats span{color:var(--muted);font-size:14.5px}

.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips span{border:1px solid var(--line);border-radius:999px;padding:5px 13px;font-size:14px;background:var(--bg)}
.chips.mono span{font:500 13px var(--mono);border-radius:5px}

.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--bg)}
.tbl table{border-collapse:collapse;width:100%;min-width:640px;font-size:15px}
.tbl th,.tbl td{text-align:left;padding:13px 18px;border-bottom:1px solid var(--line);vertical-align:top}
.tbl th{font:500 12px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);background:var(--surface)}
.tbl tr:last-child td{border-bottom:0}
.tbl td.num{font-variant-numeric:tabular-nums;font-weight:600;white-space:nowrap}

.quote{margin:0;background:var(--bg);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:var(--radius);padding:30px}
.quote p{font-size:19px;line-height:1.55;font-weight:500}
.quote footer{margin-top:18px;font-size:14.5px;color:var(--muted)}
.quote footer b{display:block;color:var(--fg)}

.clients{display:flex;flex-wrap:wrap;gap:14px 40px;align-items:baseline}
.clients b{font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--muted)}

.case{display:grid;grid-template-columns:260px 1fr;gap:40px;padding-block:36px;border-top:1px solid var(--line)}
.case:first-child{border-top:0;padding-top:0}
.case h3{font-size:24px;font-weight:700}
.case .who{color:var(--muted);font-size:15px;margin-top:6px}
.case .body{display:grid;gap:14px;min-width:0}
.case .tags{display:flex;flex-wrap:wrap;gap:6px}
.case .tags span{font:500 12px var(--mono);background:var(--accent-soft);color:var(--fg);padding:3px 8px;border-radius:4px}

.callout{background:var(--accent-soft);border-radius:var(--radius);padding:22px 24px;font-size:15.5px}
.callout b{display:block;margin-bottom:4px}

.cta-band{background:var(--ink-2);color:var(--ink-fg)}
.cta-band .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;padding-block:64px;align-items:center}
.cta-band h2{font-size:clamp(28px,3.4vw,40px);font-weight:700}
.cta-band p{color:var(--ink-muted);margin-top:12px;font-size:17px}
.contact-card{display:grid;gap:14px}
.person{display:grid;gap:3px;border-top:1px solid var(--ink-line);padding-top:14px}
.person:first-child{border-top:0;padding-top:0}
.person b{font-size:18px}
.person span{color:var(--ink-muted);user-select:all;word-break:break-word}
.person a{color:var(--accent-2)}

.site-foot{background:var(--ink);color:var(--ink-muted);font-size:14px}
.site-foot .wrap{padding-block:40px;display:grid;gap:28px}
.foot-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:28px}
.foot-grid h4{color:var(--ink-fg);font-size:14px;margin-bottom:10px;letter-spacing:0}
.foot-grid a{color:var(--ink-muted);text-decoration:none;display:block;padding:3px 0}
.foot-grid a:hover{color:var(--ink-fg)}
.foot-grid img{height:40px;width:auto;margin-bottom:12px}
.legal{border-top:1px solid var(--ink-line);padding-top:20px}

@media (max-width:1040px){
  .site-head .wrap{flex-wrap:wrap}
  .menu{display:block}
  .site-head .nav-desk{display:none}
  .menu .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--ink);flex-direction:column;align-items:stretch;padding:10px max(20px,env(safe-area-inset-left,0px)) 18px;border-bottom:1px solid var(--ink-line)}
  .menu .nav a{padding:12px}
  .menu .nav a.cta{margin:8px 0 0;text-align:center}
}
@media (min-width:1041px){.menu{display:none!important}}
@media (max-width:960px){
  .hero,.sec-head,.split,.split.wide-l,.cta-band .wrap{grid-template-columns:1fr;gap:32px}
  .g3,.g4,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps,.steps.s5{grid-template-columns:repeat(2,minmax(0,1fr))}
  .steps.s3{grid-template-columns:1fr}
  .case{grid-template-columns:1fr;gap:16px}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .g2,.g3,.g4,.steps,.steps.s5,.checks.cols{grid-template-columns:1fr}
  .stats{grid-template-columns:1fr 1fr}
  .sec{padding-block:56px}
  .hero{padding-block:44px 56px}
  .logo img{height:38px}
  .foot-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){a.card{transition:none}a.card:hover{transform:none}}

.lang{font:500 13px var(--mono);color:var(--ink-fg)!important;border:1px solid var(--ink-line);padding:6px 9px!important}
.band.rings{background:var(--ink) radial-gradient(circle at 92% 18%, transparent 0 60px, rgba(255,255,255,.05) 61px 62px, transparent 63px 120px, rgba(255,255,255,.05) 121px 122px, transparent 123px 180px, rgba(255,255,255,.05) 181px 182px, transparent 183px 240px, rgba(255,255,255,.05) 241px 242px, transparent 243px 300px, rgba(255,255,255,.05) 301px 302px, transparent 303px 360px, rgba(255,255,255,.05) 361px 362px, transparent 363px)}
.score{display:flex;align-items:baseline;gap:8px;margin:8px 0 2px}
.score b{font-size:72px;line-height:1;font-weight:700;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.score span{font:500 16px var(--mono);color:var(--ink-muted)}
.wbar{display:flex;height:12px;border-radius:6px;overflow:hidden;margin:18px 0 14px;background:rgba(255,255,255,.08)}
.wbar i{display:block;height:100%}
.legend{list-style:none;padding:0;display:grid;gap:8px;font-size:14.5px}
.legend li{display:grid;grid-template-columns:12px 1fr auto auto;gap:10px;align-items:center}
.legend .sw{width:12px;height:12px;border-radius:3px}
.legend .v{font:500 13px var(--mono);font-variant-numeric:tabular-nums;color:var(--ink-muted);text-align:right;min-width:52px}
.est{display:inline-block;width:14px;height:14px;border-radius:50%;border:1.5px dashed var(--accent-2);vertical-align:-2px;margin-left:4px}
.pillar-row{display:grid;grid-template-columns:150px 80px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line);align-items:start}
.pillar-row:first-child{border-top:2px solid var(--fg)}
.pillar-row h3{font-size:19px;font-weight:700}
.pillar-row .w{font:500 22px var(--mono);color:var(--accent);font-variant-numeric:tabular-nums}
.pillar-row p{color:var(--muted)}
.risk{display:inline-block;font:500 12px var(--mono);padding:3px 9px;border-radius:999px}
.risk.lo{background:#e3f4ea;color:#1f6b42}.risk.mid{background:#fff3d6;color:#7a5600}.risk.hi{background:#ffe1e8;color:#a3003f}
.mock{border:1px solid var(--line);border-radius:var(--radius);background:var(--bg);color:var(--fg);overflow:hidden;min-width:0;box-shadow:0 18px 40px rgba(0,0,0,.18)}
.mock .act span{color:var(--fg)}
.mock .act span.on{color:#fff}
.mock header{background:var(--surface);border-bottom:1px solid var(--line);padding:10px 16px;display:flex;justify-content:space-between;gap:10px;font-size:13.5px;font-weight:600}
.mock .row{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:12px 16px;border-bottom:1px solid var(--line);font-size:14.5px;align-items:center}
.mock .row:last-child{border-bottom:0}
.mock .row .n{font:500 13px var(--mono);font-variant-numeric:tabular-nums;color:var(--muted)}
.mock .bar{height:6px;border-radius:3px;background:var(--surface-2);width:90px;overflow:hidden}
.mock .bar i{display:block;height:100%;background:var(--accent-2)}
.mock .act{padding:12px 16px;display:flex;gap:8px;flex-wrap:wrap;background:var(--surface)}
.mock .act span{font-size:13px;font-weight:600;border:1px solid var(--line);background:var(--bg);border-radius:6px;padding:6px 10px}
.mock .act span.on{background:var(--accent-2);border-color:var(--accent-2);color:#fff}
.eu-strip{background:#ffffff;border-radius:8px;padding:12px 16px;overflow-x:auto}
.eu-strip img{display:block;width:100%;min-width:520px;height:auto}
@media (max-width:620px){.pillar-row{grid-template-columns:1fr auto;gap:6px 16px}.pillar-row p{grid-column:1/-1}.score b{font-size:58px}}