/* ER-ESM / September 2026. Shared public-site layer; no extension UI overrides. */
:root{--bg:#101b20;--bg-2:#142329;--ink:#0b1519;--surface:#192b31;--surface-2:#21363d;--border:#30434a;--border-strong:#4a6068;--text:#f1f3ee;--muted:#b0bdbd;--brass:#d7b676;--brass-lt:#eed7a9;--paper:#f3f4ee;--paper-muted:#526761;--petrol:#096e61;--font-body:"Schibsted Grotesk",system-ui,sans-serif}
[hidden]{display:none!important}
html{scroll-padding-top:95px}
body::before{opacity:.022}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--brass);outline-offset:5px}
button,input,select{font:inherit}
.skip-link{position:fixed;top:8px;left:12px;z-index:1000;padding:10px 20px;background:var(--brass);color:var(--ink);transform:translateY(-150%)}
.skip-link:focus{transform:none}
nav{padding:18px max(24px,calc((100vw - 1320px)/2));gap:24px;background:rgba(11,21,25,.9);backdrop-filter:blur(20px)}
nav .brand{text-decoration:none}
nav .cta,.btn{border-radius:6px;clip-path:none}
nav a.nl{color:#c0cccc}
.nav-toggle{display:none;background:transparent;color:var(--text);border:1px solid var(--border-strong);border-radius:6px;padding:7px 12px}
header.home-hero{padding:82px 32px 42px;isolation:isolate}
.home-hero::before{background:radial-gradient(ellipse at 80% 30%,#226e5d35,transparent 57%),radial-gradient(ellipse at 0% 90%,#d7b67610,transparent 45%)}
.home-hero::after{background-size:60px 60px;opacity:.25}
.hero-layout{max-width:1320px;margin:auto;position:relative;z-index:2;display:grid;grid-template-columns:1.08fr 1fr;gap:65px;align-items:center}
.hero-copy .eyebrow,.editorial-label{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.13em;font:11px var(--font-mono);color:var(--brass)}
.signal-dot{width:7px;height:7px;border-radius:50%;background:#8dddb6;box-shadow:0 0 16px #8dddb65c}
.hero-copy h1{font:500 clamp(48px,5.2vw,78px)/1.04 var(--font-display);letter-spacing:-.04em;margin:25px 0;max-width:12ch}
.hero-copy h1 em{font-weight:400;color:var(--brass-lt)}
.hero-copy .lede{max-width:48ch;color:var(--muted);font-size:17px;line-height:1.8}
.hero-copy .actions{display:flex;gap:12px;flex-wrap:wrap;margin:29px 0 20px}
.hero-copy .small-proof{font-size:12px;color:#9db8b0;display:flex;gap:20px;flex-wrap:wrap}
.hero-stage{position:relative;padding:20px 0 36px}
.stage-topline{display:flex;justify-content:space-between;color:#a5b7b4;font:10px var(--font-mono);letter-spacing:.09em;margin:0 4px 14px}
.ecosystem{position:relative;overflow:hidden;background:linear-gradient(140deg,#1d343b,#102329);border:1px solid #4b6a695e;border-radius:18px;box-shadow:0 36px 100px #0004,inset 0 1px #c8e9d70d;padding:24px}
.ecosystem::before{content:"";position:absolute;inset:-100%;background:conic-gradient(from 30deg,transparent 40%,#86b8a80b,transparent 55%);pointer-events:none}
.eco-toolbar{position:relative;display:flex;align-items:center;gap:7px;padding-bottom:22px;color:#8aa19f;font-size:11px;border-bottom:1px solid #74958d26}
.eco-toolbar i{width:6px;height:6px;background:#69897e;border-radius:50%}.eco-toolbar span{margin-left:auto}
.eco-heading{position:relative;display:flex;justify-content:space-between;align-items:center;padding:25px 0 20px}.eco-heading h2{font-size:18px;font-weight:500}.eco-heading span{font:10px var(--font-mono);padding:4px 8px;border:1px solid #76be9d50;border-radius:4px;color:#a7d9be}
.eco-flow{position:relative;display:grid;gap:12px}
.eco-node{display:flex;align-items:center;gap:14px;padding:17px 16px;background:#233a40;border:1px solid #8fc9b229;border-radius:9px;transition:transform .3s,border-color .3s}
.eco-node b{display:block;font-size:13px;font-weight:600}.eco-node small{display:block;font-size:11px;margin-top:4px;color:#a7bbb9}.eco-node .node-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border:1px solid #bedfc22e;background:#88c1a80a;border-radius:8px;color:var(--brass);font:13px var(--font-mono)}
.eco-node .node-state{margin-left:auto;font-size:10px;color:#a7d9be}.eco-node:nth-child(2){margin-left:24px;border-color:#d7b67660;background:#2a3c3a}.eco-node:nth-child(3){margin-left:48px}
.eco-connection{height:18px;display:flex;align-items:center;justify-content:center;color:#729c8d;font-size:16px;line-height:1}
.eco-foundation{position:relative;margin-top:22px;border-top:1px solid #74958d26;padding-top:18px;display:flex;align-items:center;gap:10px;font-size:11px;color:#a6bab3}.eco-foundation strong{color:var(--brass-lt);font-weight:500}.eco-foundation a{margin-left:auto;text-decoration:none}
.hero-switch{display:flex;gap:5px;justify-content:center;margin-top:19px}.hero-switch button{border:0;border-bottom:1px solid transparent;background:none;padding:9px 10px;color:#a4b5b3;font-size:11px;cursor:pointer}.hero-switch button[aria-pressed=true]{border-color:var(--brass);color:var(--brass-lt)}
.stage-caption{text-align:center;color:#829b98;font-size:10px;margin-top:7px}
.proof-strip{position:relative;z-index:2;max-width:1320px;margin:56px auto 0;padding-top:23px;border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.proof-strip div{display:flex;flex-direction:column;gap:5px}.proof-strip b{font:500 26px var(--font-display);color:var(--brass-lt)}.proof-strip span{color:var(--muted);font-size:11px}
section{padding:85px 32px}.wrap{max-width:1320px}.sec-head h2{font-size:clamp(30px,3.5vw,48px);letter-spacing:-.025em}.sec-head{margin-bottom:38px}
#produkte{background:var(--paper);color:var(--paper-text);border-radius:24px 24px 0 0;margin-top:24px;--muted:var(--paper-muted);--border:#d6dfd9;--text:#243c35;--brass:#0a6a5c;--brass-lt:#0a6a5c;--surface:#fff;--surface-2:#eef3ef;--brass-dk:#368b75;--brass-bg:#e5f0e8}
#produkte .sec-head .line{background:#d4dfd7}#produkte .sec-head .num,#produkte .sec-head .ermark{color:var(--petrol)}
.catalog-tools{margin:0 0 25px}.catalog-search{display:flex;align-items:center;gap:12px;max-width:430px;border:1px solid #c7d5ce;border-radius:8px;background:#fff;padding:0 15px}.catalog-search span{font-size:18px;color:#60796f}.catalog-search input{width:100%;min-width:0;padding:13px 0;border:0;background:transparent;color:#203b31;font-size:14px;outline-offset:2px}.catalog-search input::placeholder{color:#667f73}
.catalog-filters{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0 12px}.catalog-filters button{border:1px solid #c7d5ce;border-radius:30px;padding:8px 13px;background:transparent;color:#436354;font-size:12px;cursor:pointer}.catalog-filters button[aria-pressed=true]{background:#133d32;border-color:#133d32;color:#fff}.catalog-result{font:11px var(--font-mono);color:#587466}
.products{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.pcard{clip-path:none;border-radius:12px;padding:25px 24px 22px;gap:12px;box-shadow:0 2px 4px #14352a03}.pcard.flagship{grid-column:auto;background:var(--surface)}.pcard h3{font-size:25px;line-height:1.18;letter-spacing:-.02em}.pcard p{font-size:13px;line-height:1.8}.pcard .cat{font-size:9px;letter-spacing:.09em}.pcard .cat .tagnew{color:#0c6b52;background:#eaf4ed;border-color:#c5decd}.pcard .cat .tagfree{color:#0c6b52;background:#eaf4ed;border-color:#c5decd}.pcard .feats span{font:10px var(--font-body);padding:4px 7px;border:0;border-radius:4px;color:#466356}.pcard .foot{flex-wrap:wrap;margin-top:auto;padding-top:15px;gap:10px}.pcard .price{font-size:10px}.pcard .price b{font:600 13px var(--font-body);color:#233f31}.pcard .acts{display:flex;flex-wrap:wrap;gap:12px}.pcard a.more,.pcard a.try{font-size:11px}.pcard:hover{transform:translateY(-4px);box-shadow:0 14px 30px #183e3110;border-color:#6d9c84}.pcard .version-label{font:9px var(--font-mono);color:#6a8376}
.catalog-more{display:block;margin:27px auto 0;padding:12px 24px;border:1px solid #164e3c;border-radius:6px;background:transparent;color:#164e3c;cursor:pointer;font-size:13px}.catalog-empty{padding:30px 0;color:#536c60}
.demo-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.demo-link{display:flex;flex-direction:column;gap:12px;padding:22px;border:1px solid var(--border);border-radius:9px;text-decoration:none;background:var(--surface);transition:background .2s,transform .2s}.demo-link:hover{transform:translateY(-3px);background:var(--surface-2)}.demo-link b{font-size:15px;font-weight:500}.demo-link span{font:10px var(--font-mono);color:var(--brass)}.demo-link small{font-size:11px;color:var(--muted)}
.intro-copy{max-width:67ch;color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:30px}.demo-access-note{font-size:12px;color:var(--muted);margin-top:20px}
.path-card,.rcard,.svc-card,.quote,.pricebox{clip-path:none;border-radius:10px}.why-me{border-radius:14px}.why-me .hi{letter-spacing:-.03em}footer{padding-left:32px;padding-right:32px}.contact,.colophon{max-width:1320px}
.new-product header{padding:75px 32px}.detail-wrap{max-width:1120px;margin:auto;position:relative;z-index:2}.breadcrumb{font-size:12px;color:var(--muted);margin-bottom:35px}.new-product h1{font:500 clamp(42px,6vw,78px)/1.08 var(--font-display);letter-spacing:-.035em;margin:20px 0}.detail-lede{font-size:20px;line-height:1.8;max-width:62ch;color:var(--muted)}.detail-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.detail-meta{margin-top:24px;color:var(--muted);font:11px var(--font-mono)}.detail-content{background:var(--paper);color:var(--paper-text);padding:70px 32px}.detail-content h2{font:500 38px var(--font-display);letter-spacing:-.025em;margin-bottom:25px}.detail-content p{max-width:72ch;font-size:16px;line-height:1.9;color:#4b675b}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:36px 0 55px}.feature-grid article{padding:28px;background:#fff;border:1px solid #d9e1d9;border-radius:12px}.feature-grid article span{font:11px var(--font-mono);color:#54856d}.feature-grid h3{font:500 22px var(--font-display);margin-top:16px;line-height:1.3}.detail-requirements{padding-top:28px;border-top:1px solid #d0dbd2}.detail-requirements h3{margin-bottom:10px}.detail-bottom{padding:55px 32px}.detail-bottom .detail-wrap{display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}.detail-bottom h2{font:500 30px var(--font-display)}.detail-bottom p{font-size:13px;color:var(--muted);margin-top:8px}.detail-bottom strong{color:var(--brass-lt);font-weight:500}
.scroll-progress{position:fixed;top:0;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--brass);z-index:100;pointer-events:none}
@media(prefers-reduced-motion:no-preference){.hero-copy,.hero-stage{animation:home-enter .8s both}.hero-stage{animation-delay:.12s}.eco-node:hover{transform:translateX(4px);border-color:#9bc9a980}.ecosystem::before{animation:halo-turn 35s linear infinite}.hero-stage{perspective:1200px}.ecosystem{transition:transform .4s ease}.hero-stage:hover .ecosystem{transform:rotateY(-2deg) rotateX(1deg)}@keyframes home-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes halo-turn{to{transform:rotate(360deg)}}}
@media(max-width:1100px){nav{gap:14px}nav a.nl{font-size:11px}.hero-layout{gap:30px}.hero-copy h1{font-size:62px}.eco-node{padding:13px 10px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){nav{padding:14px 20px;flex-wrap:wrap;gap:10px}.nav-toggle{display:block}nav a.nl{display:none;width:100%;padding:8px 0;font-size:14px}nav.menu-open a.nl{display:block;order:4}nav .cta{font-size:11px;padding:8px 12px}.hero-layout{grid-template-columns:1fr;gap:22px}header.home-hero{padding:45px 20px 27px}.hero-copy h1{font-size:56px;max-width:12ch}.hero-copy .lede{font-size:15px}.hero-stage{padding:12px 0 0}.ecosystem{padding:18px}.proof-strip{grid-template-columns:repeat(2,1fr);gap:22px;margin-top:30px}.proof-strip b{font-size:23px}.products{grid-template-columns:1fr}.demo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}section{padding:55px 20px}.pcard{padding:24px}.sec-head{gap:12px}.sec-head .line{min-width:20px}.feature-grid{grid-template-columns:1fr}.new-product header,.detail-content,.detail-bottom{padding:45px 20px}.detail-lede{font-size:17px}.contact{gap:35px}.hero-copy .actions .btn{font-size:12px;padding:13px 18px}.demo-link{padding:17px}.hero-switch button{font-size:10px;padding:9px 7px}.eco-node:nth-child(2){margin-left:12px}.eco-node:nth-child(3){margin-left:24px}.hero-copy .eyebrow{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
@media(max-width:760px){nav .brand .lockup small{display:none}nav .brand .erlogo{width:26px}nav .brand{gap:7px}nav .brand .lockup b{font-size:13px}nav .cta{order:1;padding:8px 10px}nav .nav-toggle{order:2;font-size:12px;padding:7px 9px}}
.demo-previews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}.demo-preview{padding:0 0 20px;overflow:hidden;gap:9px}.demo-preview img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--border);transition:filter .3s}.demo-preview>span,.demo-preview>b,.demo-preview>small{margin-left:20px;margin-right:20px}.demo-preview>span{margin-top:9px}.demo-preview:hover img{filter:brightness(1.06)}@media(max-width:760px){.demo-previews{grid-template-columns:1fr}.demo-preview img{max-height:230px;object-position:top}}