:root{
  --surface:#fdf9f2;
  --warm:#f7f3ec;
  --card:#ffffff;
  --kraft:#c9a57e;
  --kraft-soft:#f3e0c7;
  --sage:#bfd65a;
  --sage-dark:#556500;
  --ink:#332d1f;
  --muted:#7e766c;
  --line:#cfc5ba;
  --olive:#5b4747;
  --shadow:0 18px 46px rgba(51,45,31,.08);
}
*{box-sizing:border-box}
body{margin:0;background:var(--surface);color:var(--ink);font-family:"Hanken Grotesk",system-ui,sans-serif;letter-spacing:0}
button,input,textarea{font:inherit}
button{cursor:pointer}
.mono{font-family:"JetBrains Mono",ui-monospace,monospace;text-transform:uppercase;letter-spacing:.05em}
.btn{border:0;border-radius:12px;padding:12px 18px;background:var(--ink);color:var(--surface);font-weight:800;transition:.2s ease}
.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow)}
.btn.sage{background:var(--sage);color:var(--ink)}
.btn.ghost{background:rgba(255,255,255,.5);color:var(--ink);border:1px solid rgba(201,165,126,.34);backdrop-filter:blur(18px)}
.btn.block{width:100%}
.chip{display:inline-flex;gap:7px;align-items:center;border-radius:999px;background:rgba(191,214,90,.28);padding:6px 10px;color:var(--sage-dark);font-family:"JetBrains Mono";font-size:11px}
.dot{width:8px;height:8px;border-radius:50%;background:var(--sage);box-shadow:0 0 0 6px rgba(191,214,90,.18);animation:pulse 1.8s infinite}
.dot.amber{background:#d8a044}.dot.red{background:#b85c4f}.dot.blue{background:#6a8da8}
@keyframes pulse{0%,100%{transform:scale(.8);opacity:.6}50%{transform:scale(1.16);opacity:1}}
.glass{background:rgba(255,255,255,.46);backdrop-filter:blur(22px);border:1px solid rgba(255,255,255,.45)}
.kraft{background:var(--warm);background-image:radial-gradient(rgba(51,45,31,.06) .8px,transparent .8px);background-size:8px 8px;border:1px solid rgba(201,165,126,.22)}
.page{min-height:100vh}

.landing{background:
  radial-gradient(circle at 12% 12%,rgba(191,214,90,.34),transparent 32%),
  radial-gradient(circle at 90% 16%,rgba(201,165,126,.28),transparent 28%),
  linear-gradient(135deg,#fdf9f2,#f7f3ec)}
.landing-nav{height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 56px}
.brand{font-weight:800;font-size:26px}.brand small{display:block;font-family:"JetBrains Mono";font-size:11px;color:var(--muted);letter-spacing:.08em;margin-top:2px}
.lang{display:flex;gap:6px}.lang button{border:0;border-radius:999px;padding:8px 10px;background:transparent;color:var(--muted)}.lang button.active{background:var(--ink);color:var(--surface)}
.hero{display:grid;grid-template-columns:minmax(0,1.1fr) 430px;gap:44px;padding:36px 56px 72px;min-height:calc(100vh - 80px);align-items:center}
.kicker{font-family:"JetBrains Mono";text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--sage-dark)}
.hero h1{font-size:clamp(48px,7vw,92px);line-height:1;margin:18px 0;max-width:920px}
.hero p{font-size:20px;line-height:1.55;color:#4c463d;max-width:760px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}
.proofs{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;max-width:820px}
.proof{border-radius:18px;padding:18px}.proof b{font-size:34px;display:block}.proof span{color:var(--muted)}
.login{border-radius:24px;padding:26px;box-shadow:var(--shadow)}
.login h2{font-size:32px;margin:10px 0 6px}.login p{font-size:16px;color:var(--muted)}
.modes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.mode{border:1px solid rgba(201,165,126,.36);border-radius:12px;background:#fff;padding:12px;color:var(--muted);font-weight:800}.mode.active{background:var(--sage);color:var(--ink)}
.field{display:grid;gap:7px;margin:13px 0}.field label{font-size:11px}.input{width:100%;border:1px solid rgba(201,165,126,.55);background:#fff;border-radius:12px;padding:13px 14px;color:var(--ink)}
.input:focus{outline:3px solid rgba(191,214,90,.26);border-color:var(--sage-dark)}
.error{color:#a33;font-weight:800;margin:8px 0}.eco-visual{height:160px;border-radius:18px;margin-top:18px;background:linear-gradient(135deg,rgba(51,45,31,.9),rgba(85,101,0,.62)),url("https://images.unsplash.com/photo-1542744173-8e7e53415bb0?auto=format&fit=crop&w=1100&q=80") center/cover;position:relative;overflow:hidden}.eco-visual i{position:absolute;width:260px;height:1px;background:rgba(191,214,90,.8);left:-40%;top:35%;animation:sweep 4s linear infinite}.eco-visual i:nth-child(2){top:62%;animation-delay:1.2s}.eco-visual i:nth-child(3){top:78%;animation-delay:2.1s}@keyframes sweep{to{left:110%}}
.landing-section{padding:80px 56px}.landing-grid{max-width:1280px;margin:34px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature{border-radius:20px;padding:26px}.feature h3{font-size:27px;margin:0 0 12px}.feature p{color:var(--muted);line-height:1.55}

.shell{display:grid;grid-template-columns:264px minmax(0,1fr);min-height:100vh}
.side{position:sticky;top:0;height:100vh;background:var(--warm);border-right:1px solid rgba(201,165,126,.22);padding:24px 16px;display:flex;flex-direction:column;z-index:30}
.nav{display:grid;gap:6px;margin-top:34px;overflow:auto}.nav button{display:flex;gap:12px;align-items:center;border:0;border-radius:12px;background:transparent;color:#4c463d;text-align:left;padding:12px}.nav button.active{background:var(--sage);color:var(--ink);font-weight:800}.nav i{font-style:normal;font-family:"JetBrains Mono";font-size:11px;width:30px;height:30px;border-radius:9px;background:rgba(51,45,31,.07);display:grid;place-items:center}
.side-foot{margin-top:auto;display:grid;gap:10px}.main{min-width:0}
.top{height:80px;position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:rgba(253,249,242,.84);backdrop-filter:blur(20px);border-bottom:1px solid rgba(201,165,126,.22)}
.search{width:min(520px,45vw)}.search input{width:100%;border-radius:999px;border:1px solid rgba(201,165,126,.35);padding:12px 16px;background:#fff}
.top-actions{display:flex;align-items:center;gap:12px}.menu{display:none}
.content{max-width:1460px;margin:0 auto;padding:34px 42px 120px}
.head{display:flex;justify-content:space-between;gap:24px;margin-bottom:26px}.head h1{font-size:52px;line-height:1.03;margin:8px 0}.head p{font-size:18px;line-height:1.5;color:#4c463d;max-width:780px}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:18px}.card{background:#fff;border:1px solid rgba(201,165,126,.22);border-radius:20px;padding:22px;box-shadow:0 4px 22px rgba(51,45,31,.04);min-width:0}.card.dark{background:var(--ink);color:var(--surface)}.card.sage{background:var(--sage);color:var(--ink)}.card h2,.card h3{margin:0 0 12px}.card h2{font-size:30px}.card h3{font-size:23px}
.span-2{grid-column:span 2}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-9{grid-column:span 9}.span-12{grid-column:span 12}
.metric b{font-size:36px;display:block}.metric small{font-family:"JetBrains Mono";font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}
.row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid rgba(201,165,126,.22)}.row:last-child{border-bottom:0}.muted{color:var(--muted)}.mini{font-size:13px;color:var(--muted)}
.bar{height:8px;border-radius:999px;background:rgba(51,45,31,.09);overflow:hidden;margin:8px 0 14px}.bar span{display:block;height:100%;border-radius:inherit;background:var(--sage);transition:width .5s}
.agents{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.agent{border-radius:18px;padding:16px;background:#fff;border:1px solid rgba(201,165,126,.24)}.agent h3{font-size:18px}.agent.running{border-color:rgba(191,214,90,.8)}
.feed{position:fixed;right:22px;bottom:22px;width:min(440px,calc(100vw - 44px));background:rgba(51,45,31,.94);color:var(--surface);z-index:80;border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.feed header{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.12)}.feed-list{max-height:270px;overflow:auto}.feed-item{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.09)}.feed-item b{color:var(--sage)}.feed-item small{float:right;color:#d6c4ac}
.feed-mini{position:fixed;right:22px;bottom:22px;z-index:45;border:1px solid rgba(201,165,126,.36);background:rgba(255,255,255,.88);backdrop-filter:blur(18px);border-radius:999px;padding:12px 16px;display:flex;align-items:center;gap:10px;color:var(--ink);box-shadow:var(--shadow)}.feed-mini small{color:var(--muted)}
.sim{position:fixed;left:286px;right:22px;bottom:22px;background:rgba(255,255,255,.94);backdrop-filter:blur(20px);border:1px solid rgba(201,165,126,.35);border-radius:20px;box-shadow:var(--shadow);z-index:90;padding:18px}.sim-head{display:flex;justify-content:space-between;gap:16px}.sim h3{font-size:28px;margin:0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}.step{border-radius:12px;padding:10px;background:var(--warm);color:var(--muted)}.step.done{background:var(--sage);color:var(--ink);font-weight:800}.insight{background:var(--warm);border-radius:14px;padding:14px;line-height:1.55}
.image-block{position:relative;margin:0;border-radius:18px;overflow:hidden;background:var(--warm);min-height:180px}.image-block img{display:block;width:100%;height:100%;min-height:180px;object-fit:cover;filter:saturate(.94) contrast(1.02)}.image-block:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(51,45,31,.68))}.image-block figcaption{position:absolute;left:14px;right:14px;bottom:12px;color:#fff;font-weight:800;z-index:1;text-shadow:0 2px 12px rgba(0,0,0,.35)}
.render-hero{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;align-items:stretch}.render-hero .image-block{min-height:330px}.render-hero .image-block img{min-height:330px}.render-panel{border-radius:18px;background:var(--warm);padding:18px;display:flex;flex-direction:column;justify-content:space-between}.render-panel h3{font-size:30px}.render-panel b{font-size:26px}.render-tags{display:flex;flex-wrap:wrap;gap:8px}.render-tags span{border-radius:999px;background:#fff;border:1px solid rgba(201,165,126,.35);padding:7px 10px;font-size:12px;color:#4c463d}.product-card .image-block{margin:-6px -6px 16px}.product-grid{display:grid;gap:14px}.config-item{display:grid;grid-template-columns:142px 1fr;gap:14px;align-items:center;border:1px solid rgba(201,165,126,.24);border-radius:18px;padding:10px;background:rgba(253,249,242,.66)}.config-item .image-block,.config-item .image-block img{min-height:112px;height:112px}
.mini-blueprint{height:188px;border-radius:18px;background:#2d281d;background-image:linear-gradient(rgba(191,214,90,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(191,214,90,.12) 1px,transparent 1px);background-size:18px 18px;position:relative;overflow:hidden}.mini-blueprint span{position:absolute;border:2px solid var(--sage);background:rgba(191,214,90,.08);display:grid;place-items:center;color:var(--sage);font-family:"JetBrains Mono";font-size:11px}
.commercial-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:16px}.metric.tiny{min-width:190px;background:var(--warm);border-radius:16px;padding:14px}.metric.tiny b{font-size:25px}.opportunity-map-wrap{display:grid;gap:12px}.map-toolbar{display:flex;gap:8px;flex-wrap:wrap}.map-toolbar button{border:1px solid rgba(201,165,126,.34);border-radius:999px;background:#fff;color:var(--muted);padding:8px 12px;font-weight:800}.map-toolbar button.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}
.opportunity-map{height:470px;border-radius:22px;position:relative;overflow:hidden;background:linear-gradient(145deg,#f4efe6,#ded5c5);border:1px solid rgba(201,165,126,.3)}.opportunity-map:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 52% 46%,rgba(191,214,90,.24),transparent 18%),radial-gradient(circle at 35% 75%,rgba(201,165,126,.3),transparent 20%)}.europe-svg{position:absolute;inset:0;width:100%;height:100%}.land{fill:rgba(255,255,255,.35);stroke:rgba(51,45,31,.12);stroke-width:.45}.route{fill:none;stroke:rgba(85,101,0,.35);stroke-width:.62;stroke-dasharray:2 2;stroke-linecap:round}.map-zone{position:absolute;background:rgba(255,255,255,.72);border:1px solid rgba(201,165,126,.3);border-radius:14px;padding:10px 12px;color:var(--muted);font-size:12px;box-shadow:0 10px 24px rgba(51,45,31,.08)}.map-zone b{color:var(--ink)}.map-zone.north{left:8%;top:12%}.map-zone.dach{right:8%;bottom:18%}
.map-pin{position:absolute;transform:translate(-50%,-50%);width:34px;height:34px;border:2px solid rgba(255,255,255,.86);border-radius:50%;background:var(--sage-dark);color:#fff;z-index:2;box-shadow:0 0 0 7px rgba(191,214,90,.2),0 12px 26px rgba(51,45,31,.18);display:grid;place-items:center;font-family:"JetBrains Mono";font-size:10px;font-weight:800;transition:.18s ease}.map-pin:hover,.map-pin.active{transform:translate(-50%,-50%) scale(1.18);background:var(--ink);box-shadow:0 0 0 10px rgba(191,214,90,.32),0 16px 34px rgba(51,45,31,.24)}.map-pin.muted{opacity:.22;filter:grayscale(1)}.map-pin span{pointer-events:none}
.map-card{position:absolute;z-index:3;min-width:188px;max-width:230px;background:#fff;border:1px solid rgba(201,165,126,.36);border-radius:16px;padding:12px;box-shadow:0 18px 42px rgba(51,45,31,.16);transform:translateY(-4px)}.map-card b,.map-card strong,.map-card small,.map-card em{display:block}.map-card b{font-size:18px}.map-card small{color:var(--muted);margin:2px 0 8px}.map-card strong{color:var(--sage-dark);font-size:20px}.map-card em{font-style:normal;font-size:11px;color:var(--muted);margin-top:6px}
.opportunity-detail p{line-height:1.45;color:#4c463d}.detail-grid{display:grid;grid-template-columns:1fr auto;gap:8px 12px;border-radius:16px;background:var(--warm);padding:14px;margin:16px 0}.detail-grid span{color:var(--muted);font-size:12px}.detail-grid b{text-align:right}.opportunity-detail .btn+.btn{margin-top:10px}.opportunity-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.opp-row{border:1px solid rgba(201,165,126,.28);border-radius:15px;background:#fff;padding:12px;text-align:left;display:grid;grid-template-columns:1fr auto 34px;gap:10px;align-items:center;color:var(--ink)}.opp-row small{display:block;color:var(--muted);margin-top:3px}.opp-row i{font-style:normal;width:34px;height:34px;border-radius:50%;background:rgba(191,214,90,.26);display:grid;place-items:center;color:var(--sage-dark);font-family:"JetBrains Mono";font-size:11px;font-weight:800}.opp-row.active{border-color:var(--sage-dark);box-shadow:0 10px 26px rgba(85,101,0,.13)}
.europe-map{height:390px;border-radius:20px;background:linear-gradient(145deg,#efe8da,#d8d0c2);position:relative;overflow:hidden;border:1px solid rgba(201,165,126,.28)}.europe-map:before{content:"";position:absolute;inset:26px 42px;background:radial-gradient(circle at 42% 65%,rgba(85,101,0,.16) 0 7%,transparent 8%),radial-gradient(circle at 55% 38%,rgba(51,45,31,.15) 0 12%,transparent 13%),radial-gradient(circle at 62% 20%,rgba(51,45,31,.12) 0 9%,transparent 10%);filter:blur(.2px)}.map-region{position:absolute;border:1px solid rgba(51,45,31,.11);background:rgba(255,255,255,.16);border-radius:42% 58% 48% 52%;transform:rotate(-12deg)}.map-region.west{left:24%;top:28%;width:24%;height:40%}.map-region.central{left:42%;top:25%;width:24%;height:38%;transform:rotate(8deg)}.map-region.north{left:46%;top:4%;width:24%;height:30%;transform:rotate(-24deg)}.map-region.south{left:27%;top:61%;width:34%;height:25%;transform:rotate(12deg)}.map-routes{position:absolute;inset:0;width:100%;height:100%}.map-routes path{fill:none;stroke:rgba(85,101,0,.44);stroke-width:.55;stroke-dasharray:2 2}.pin{position:absolute;width:16px;height:16px;border:0;border-radius:50%;background:var(--sage-dark);box-shadow:0 0 0 8px rgba(191,214,90,.23);z-index:2}.pin label{position:absolute;left:20px;top:-18px;background:#fff;border-radius:10px;padding:7px 9px;white-space:nowrap;font-size:11px;box-shadow:0 8px 18px rgba(51,45,31,.12);text-align:left;color:var(--ink);opacity:.94}.pin label span{color:var(--sage-dark);font-family:"JetBrains Mono"}.map-label{position:absolute;z-index:1;background:rgba(255,255,255,.62);border:1px solid rgba(201,165,126,.3);border-radius:12px;padding:10px 12px;color:var(--muted);font-size:12px}.map-label b{color:var(--ink)}
.blueprint{height:330px;border-radius:18px;background:#2d281d;background-image:radial-gradient(rgba(191,214,90,.25) 1px,transparent 1px);background-size:18px 18px;position:relative;overflow:hidden}.plan{position:absolute;border:3px solid var(--sage);background:rgba(191,214,90,.08);display:grid;place-items:center;color:var(--sage);font-family:"JetBrains Mono";font-size:12px}.score{width:160px;height:160px;border-radius:50%;background:conic-gradient(var(--sage) 0 82%,rgba(51,45,31,.09) 82%);display:grid;place-items:center;margin:auto}.score div{width:118px;height:118px;border-radius:50%;background:#fff;display:grid;place-items:center;text-align:center}.score b{font-size:38px}
.knowledge-graph{height:390px;border-radius:20px;background:linear-gradient(160deg,#fff,#f7f3ec);position:relative;overflow:hidden;border:1px solid rgba(201,165,126,.22)}.graph-lines{position:absolute;inset:0;width:100%;height:100%}.graph-lines line{stroke:rgba(85,101,0,.34);stroke-width:.7;stroke-linecap:round}.node{position:absolute;transform:translate(-50%,-50%);border-radius:999px;padding:10px 13px;background:#fff;border:1px solid rgba(201,165,126,.45);font-weight:800;box-shadow:0 8px 20px rgba(51,45,31,.08);color:var(--ink)}.node.active{background:var(--sage);border-color:rgba(85,101,0,.45)}.graph-legend{position:absolute;left:16px;right:16px;bottom:14px;display:flex;gap:8px;flex-wrap:wrap}.graph-legend span{background:rgba(51,45,31,.08);border-radius:999px;padding:7px 10px;font-family:"JetBrains Mono";font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}
.timeline{display:grid;gap:12px}.time{display:grid;grid-template-columns:30px 1fr;gap:10px}.time:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--sage);margin-top:6px}
.chat{display:flex;gap:8px;margin-top:12px}.chat input{flex:1;border:1px solid rgba(201,165,126,.42);border-radius:14px;padding:12px;background:#fff}.bubble{background:var(--warm);border-radius:16px;padding:14px;line-height:1.55;margin:10px 0;color:var(--ink)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid rgba(201,165,126,.22);font-size:13px}th{font-family:"JetBrains Mono";font-size:10px;text-transform:uppercase;color:var(--muted);letter-spacing:.05em}
.drawer{position:fixed;inset:0;background:rgba(51,45,31,.28);z-index:25}
@media(max-width:1120px){.shell{grid-template-columns:1fr}.side{position:fixed;transform:translateX(-104%);transition:.2s}.side.open{transform:translateX(0)}.menu{display:inline-flex}.content{padding:24px 18px 120px}.top{padding:0 16px}.search{display:none}.sim{left:18px}.span-2,.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-9{grid-column:span 12}.agents{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.proofs,.landing-grid{grid-template-columns:1fr}.render-hero{grid-template-columns:1fr}.render-hero .image-block,.render-hero .image-block img{min-height:260px}.opportunity-list{grid-template-columns:repeat(2,1fr)}.commercial-head{display:block}.metric.tiny{margin-top:12px}}
@media(max-width:720px){.landing-nav,.hero,.landing-section{padding-left:16px;padding-right:16px}.hero h1{font-size:42px}.modes{grid-template-columns:1fr}.head{display:block}.head h1{font-size:38px}.agents{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.feed{display:none}.feed-mini{right:14px;bottom:14px;max-width:calc(100vw - 28px)}.grid{gap:13px}.config-item{grid-template-columns:1fr}.config-item .image-block,.config-item .image-block img{height:180px}.pin label{display:none}.europe-map,.knowledge-graph{height:330px}.node{font-size:11px;padding:8px 10px}.opportunity-map{height:380px}.map-card{left:12px!important;right:12px;top:auto!important;bottom:12px;max-width:none}.map-zone{display:none}.map-pin{width:30px;height:30px}.opportunity-list{grid-template-columns:1fr}.opp-row{grid-template-columns:1fr auto}.opp-row i{display:none}}