:root{
    --bg:#ffffff;
    --bg-soft:#f4f4f1;
    --panel:#0b3d2e;
    --panel-2:#0a3327;
    --ink:#0a0a0a;
    --ink-dim:#6a6a60;
    --line:rgba(10,10,10,0.10);
    --mint:#7ef0b8;
    --mint-soft:#d6f7e6;
    --accent:#ff5a28;
    --card:#ffffff;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html,body{background:var(--bg);color:var(--ink);font-family:'Geist',-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5;overflow-x:hidden;-webkit-font-smoothing:antialiased}
  ::selection{background:var(--mint);color:#000}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}

  /* Noise overlay removed */

  /* NAV */
  nav{position:fixed;top:20px;left:50%;transform:translateX(-50%);z-index:50;padding:10px 14px 10px 24px;display:flex;align-items:center;gap:30px;background:rgba(255,255,255,.8);backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:100px;box-shadow:0 14px 40px -20px rgba(0,0,0,.08)}
  nav .brand{font-family:'Fraunces',serif;font-size:20px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;font-weight:500;white-space:nowrap}
  nav .brand img{height:28px;width:auto}
  nav .brand .dot{width:9px;height:9px;background:var(--panel);border-radius:50%;position:relative}
  nav .brand .dot::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--panel);opacity:.4;animation:ringPulse 2.2s infinite}
  @keyframes ringPulse{0%{transform:scale(.8);opacity:.6}100%{transform:scale(1.6);opacity:0}}
  nav ul{list-style:none;display:flex;gap:26px;font-size:14px}
  nav ul a{opacity:.7;transition:opacity .25s;position:relative}
  nav ul a:hover{opacity:1}
  nav .cta{padding:11px 20px;background:var(--panel);color:var(--mint);border-radius:100px;font-weight:500;font-size:14px;transition:all .25s;display:inline-flex;align-items:center;gap:6px}
  nav .cta:hover{background:#000;color:var(--mint);transform:translateY(-1px)}
  @media (max-width:860px){nav ul{display:none}nav{gap:16px;padding:8px 8px 8px 18px}nav .brand{font-size:18px}}

  /* HERO */
  .hero{position:relative;padding:130px 32px 40px;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
  .hero-inner{display:grid;grid-template-columns:1.2fr .85fr;gap:60px;align-items:end;max-width:1320px;margin:40px auto 0;width:100%;padding-top:60px}
  @media (max-width:960px){.hero-inner{grid-template-columns:1fr;gap:40px}}

  .hero .eyebrow{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid var(--line);border-radius:100px;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim);background:rgba(255,255,255,.5);margin-bottom:30px}
  .hero .eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--panel)}

  .hero h1,.hero .hero-display{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(54px,8vw,128px);line-height:.95;letter-spacing:-.035em;color:var(--ink)}
  .hero h1 em,.hero .hero-display em{font-style:italic;font-weight:300;color:var(--panel)}
  .hero h1 .line,.hero .hero-display .line{display:block;overflow:hidden;padding-bottom:.1em}
  .hero h1 .line span,.hero .hero-display .line span{display:inline-block;transform:translateY(110%);animation:rise 1s cubic-bezier(.22,.9,.25,1) forwards}
  .hero h1 .line:nth-child(2) span,.hero .hero-display .line:nth-child(2) span{animation-delay:.1s}
  .hero h1 .line:nth-child(3) span,.hero .hero-display .line:nth-child(3) span{animation-delay:.2s}
  .hero-portrait .caption h1.who{font-family:'Fraunces',serif;font-size:18px;font-weight:400;margin:0;line-height:1.2;color:#fff}
  @keyframes rise{to{transform:translateY(0)}}

  .hero .sub{margin-top:28px;max-width:520px;color:var(--ink-dim);font-size:17px;line-height:1.6;opacity:0;animation:fadeUp .8s .6s forwards}
  @keyframes fadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
  .hero .ctas{display:flex;gap:12px;margin-top:34px;flex-wrap:wrap;opacity:0;animation:fadeUp .8s .75s forwards}
  .btn-dark,.btn-mint{padding:15px 24px;background:var(--panel);color:var(--mint);border-radius:100px;font-weight:500;font-size:15px;display:inline-flex;align-items:center;gap:10px;transition:all .3s;border:none}
  .btn-dark:hover,.btn-mint:hover{background:#000;color:var(--mint);transform:translateY(-2px)}
  .btn-ghost,.btn-outline-light{padding:15px 24px;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:100px;font-size:15px;display:inline-flex;align-items:center;gap:10px;transition:all .3s;font-weight:500}
  .btn-ghost:hover,.btn-outline-light:hover{border-color:var(--panel);background:rgba(11,61,46,.06);transform:translateY(-2px)}

  .hero-used{margin-top:44px;display:flex;align-items:center;gap:20px;opacity:0;animation:fadeUp .8s .9s forwards}
  .hero-used .label{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim)}
  .hero-used .logos{display:flex;gap:20px;align-items:center}
  .hero-used .logos img{height:20px;opacity:.55;filter:brightness(0)}

  /* Right: editorial hero image panel */
  .hero-panel{position:relative;align-self:stretch;opacity:0;animation:fadeUp 1s .5s forwards;display:flex}
  .hero-portrait{position:relative;width:100%;border-radius:4px;overflow:hidden;min-height:620px;background:#1a1a1a}
  .hero-portrait img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
  .hero-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,transparent 30%,transparent 55%,rgba(11,61,46,.82) 100%);pointer-events:none}
  .hero-portrait .corner{position:absolute;top:28px;left:28px;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:rgba(255,255,255,.1);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.18);border-radius:100px;font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#fff;z-index:2}
  .hero-portrait .corner::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px var(--mint)}
  .hero-portrait .caption{position:absolute;left:32px;right:32px;bottom:32px;color:#fff;z-index:2}
  .hero-portrait .caption blockquote{font-family:'Fraunces',serif;font-size:24px;font-weight:300;font-style:italic;line-height:1.25;letter-spacing:-.01em;color:#fff;max-width:440px}
  .hero-portrait .caption .line{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2);display:flex;justify-content:space-between;align-items:flex-end;gap:20px}
  .hero-portrait .caption .who{font-family:'Fraunces',serif;font-size:18px;font-weight:400}
  .hero-portrait .caption .role{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-top:4px}
  .hero-portrait .caption .badge-mini{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--mint);text-align:right}
  .hero-portrait .caption .badge-mini b{display:block;font-family:'Fraunces',serif;font-size:28px;font-weight:300;font-style:italic;letter-spacing:-.01em;color:#fff;margin-top:2px}

  /* CLIENT MARQUEE */
  .marquee{margin-top:80px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;overflow:hidden;background:var(--bg-soft)}
  .marquee-wrap{display:flex;align-items:center;gap:60px;max-width:1320px;margin:0 auto;padding:0 32px}
  .marquee-label{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim);flex-shrink:0}
  .marquee-track-wrap{overflow:hidden;flex:1;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
  .marquee-track{display:flex;gap:64px;animation:scroll 42s linear infinite;width:max-content;align-items:center}
  .marquee-track img{height:28px;filter:brightness(0);opacity:.55;transition:opacity .25s}
  .marquee-track img[alt="ThyssenKrupp"],
  .marquee-track img[alt="Dörken"],
  .marquee-track img[alt="O'Neal"]{height:44px}
  .marquee-track img:hover{opacity:1}
  @keyframes scroll{to{transform:translateX(-50%)}}

  /* SECTION BASE */
  section{padding:130px 32px;position:relative}
  .container{max-width:1320px;margin:0 auto}
  @media (max-width:760px){section{padding:90px 22px}}
  .section-head{text-align:center;margin-bottom:70px}
  .pill{display:inline-flex;padding:6px 14px;border:1px solid var(--line);border-radius:100px;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim);background:var(--card);margin-bottom:22px}
  h2{font-family:'Fraunces',serif;font-weight:300;font-size:clamp(42px,5.5vw,78px);line-height:1.02;letter-spacing:-.025em}
  h2 em{font-style:italic;color:var(--panel)}
  .lead{color:var(--ink-dim);font-size:17px;max-width:600px;margin:20px auto 0;line-height:1.6}

  /* BENTO EXPERTISE */
  .bento{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}
  @media (max-width:960px){.bento{grid-template-columns:repeat(6,1fr)}}
  @media (max-width:640px){.bento{grid-template-columns:1fr}}
  .b{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:30px;position:relative;overflow:hidden;transition:transform .4s,box-shadow .4s}
  .b:hover{transform:translateY(-4px);box-shadow:0 28px 60px -25px rgba(0,0,0,.15)}
  .b-ico{width:44px;height:44px;border-radius:12px;background:var(--mint-soft);color:var(--panel);display:flex;align-items:center;justify-content:center;margin-bottom:16px;font-weight:600;font-family:'Fraunces',serif;font-size:18px}
  .b h3{font-family:'Fraunces',serif;font-weight:400;font-size:26px;letter-spacing:-.01em;margin-bottom:10px}
  .b p{color:var(--ink-dim);font-size:14px;line-height:1.6}
  .b-big{grid-column:span 7;background:var(--panel);color:#fff;padding:40px;min-height:340px;display:flex;flex-direction:column;justify-content:space-between}
  .b-big::after{content:"";position:absolute;right:-80px;bottom:-80px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(126,240,184,.25),transparent 60%)}
  .b-big h3{font-size:40px;font-weight:300;max-width:440px;position:relative}
  .b-big h3 em{font-style:italic;color:var(--mint)}
  .b-big p{color:rgba(255,255,255,.75);max-width:420px;margin-top:14px;position:relative;font-size:15px}
  .b-big .chip{display:inline-flex;padding:6px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:100px;font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mint);margin-bottom:12px;align-self:flex-start}
  .b-med{grid-column:span 5}
  .b-sm{grid-column:span 4}
  .b-half{grid-column:span 6}
  @media (max-width:960px){.b-big{grid-column:span 6}.b-med{grid-column:span 6}.b-sm{grid-column:span 3}.b-half{grid-column:span 6}}
  @media (max-width:640px){.b,.b-big,.b-med,.b-sm,.b-half{grid-column:span 1}.b-big{padding:32px}}

  /* ABOUT SPLIT */
  .about{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
  @media (max-width:960px){.about{grid-template-columns:1fr;gap:40px}}
  .about-visual{position:relative;aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:#eee}
  .about-visual img{width:100%;height:100%;object-fit:cover}
  .about-visual::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(0,0,0,.55));pointer-events:none}
  .about-visual .caption{position:absolute;left:24px;bottom:24px;color:#fff;z-index:2;font-family:'Fraunces',serif;font-size:22px;font-style:italic;max-width:280px;line-height:1.25}
  .about-text p{color:var(--ink-dim);font-size:17px;line-height:1.65;margin-top:24px}
  .about-text p strong{color:var(--ink);font-weight:500}
  .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}
  @media (max-width:640px){.stats{grid-template-columns:repeat(2,1fr)}}
  .stat{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}
  .stat .num{font-family:'Fraunces',serif;font-size:42px;line-height:1;letter-spacing:-.02em}
  .stat .num em{font-style:italic;color:var(--panel)}
  .stat .lbl{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim);margin-top:8px}

  /* CASES */
  .cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  @media (max-width:960px){.cases-grid{grid-template-columns:1fr}}
  .case{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:34px 30px;transition:all .4s;position:relative;overflow:hidden}
  .case:hover{transform:translateY(-5px);box-shadow:0 28px 60px -25px rgba(0,0,0,.15)}
  .case .client-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
  .case .client{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--panel);font-weight:500}
  .case .cdot{width:8px;height:8px;border-radius:50%;background:var(--mint)}
  .case .big-num{font-family:'Fraunces',serif;font-size:88px;line-height:.95;letter-spacing:-.03em;color:var(--ink);font-weight:300}
  .case .big-num em{font-style:italic;color:var(--panel)}
  .case .big-label{font-size:13px;color:var(--ink-dim);margin-top:4px;margin-bottom:24px}
  .case .sub-metrics{display:flex;flex-direction:column;gap:10px;margin-bottom:22px;padding-top:18px;border-top:1px solid var(--line)}
  .case .sub-metrics .r{display:flex;justify-content:space-between;font-size:13px}
  .case .sub-metrics .r span:first-child{color:var(--ink-dim)}
  .case .sub-metrics .r span:last-child{font-family:'Fraunces',serif;font-size:18px;font-style:italic;color:var(--panel)}
  .case blockquote{font-size:13px;color:var(--ink-dim);line-height:1.55;font-style:italic;margin-top:14px;padding-top:16px;border-top:1px solid var(--line)}
  .case blockquote cite{display:block;margin-top:8px;font-style:normal;font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.12em;color:var(--ink);text-transform:uppercase}

  /* PRESS */
  .press-section{background:var(--bg-soft)}
  .press-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:60px}
  @media (max-width:1100px){.press-grid{grid-template-columns:repeat(3,1fr)}}
  @media (max-width:760px){.press-grid{grid-template-columns:repeat(2,1fr)}}
  .press-item{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:34px 26px;min-height:180px;display:flex;flex-direction:column;justify-content:space-between;transition:all .3s}
  .press-item:hover{border-color:var(--panel);transform:translateY(-3px)}
  .press-item img{height:30px;width:auto;object-fit:contain;object-position:left center;filter:brightness(0);opacity:.85}
  .press-item .date{font-family:'Geist Mono',monospace;font-size:10px;color:var(--ink-dim);letter-spacing:.12em;text-transform:uppercase;margin-top:24px}
  .press-item .date b{display:block;color:var(--ink);font-family:'Fraunces',serif;font-size:14px;letter-spacing:0;text-transform:none;font-weight:400;margin-top:6px;line-height:1.3}

  /* IN AKTION */
  .inaktion{background:var(--panel);color:#fff;padding:0;overflow:hidden}
  .inaktion .ia-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:0;max-width:1320px;margin:0 auto;align-items:stretch;min-height:640px}
  @media(max-width:960px){.inaktion .ia-grid{grid-template-columns:1fr}}
  .inaktion .ia-img{position:relative;overflow:hidden;min-height:520px}
  .inaktion .ia-img img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
  .inaktion:hover .ia-img img{transform:scale(1.03)}
  .inaktion .ia-img::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(11,61,46,.5))}
  .inaktion .ia-text{padding:90px 60px;display:flex;flex-direction:column;justify-content:center;position:relative}
  @media(max-width:760px){.inaktion .ia-text{padding:60px 30px}}
  .inaktion .ia-text::before{content:"";position:absolute;right:-150px;bottom:-150px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(126,240,184,.18),transparent 60%);pointer-events:none}
  .inaktion .ia-chip{display:inline-flex;padding:6px 12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:100px;font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mint);margin-bottom:28px;align-self:flex-start;position:relative}
  .inaktion blockquote{font-family:'Fraunces',serif;font-size:clamp(28px,3.2vw,42px);font-weight:300;line-height:1.2;letter-spacing:-.02em;position:relative}
  .inaktion blockquote em{font-style:italic;color:var(--mint)}
  .inaktion .ia-author{margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.6);position:relative}

  /* METHODIK */
  .method-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:70px}
  @media(max-width:960px){.method-grid{grid-template-columns:1fr}}
  .method-panel{background:var(--panel);border-radius:28px;padding:48px;color:#fff;position:relative;overflow:hidden;grid-row:span 3}
  .method-panel::before{content:"";position:absolute;right:-100px;top:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(126,240,184,.2),transparent 60%);pointer-events:none}
  .method-panel .mp-tag{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mint);margin-bottom:20px}
  .method-panel h3{font-family:'Fraunces',serif;font-size:38px;font-weight:300;line-height:1.1;letter-spacing:-.02em;margin-bottom:20px}
  .method-panel h3 em{font-style:italic;color:var(--mint)}
  .method-panel p{color:rgba(255,255,255,.7);font-size:15px;line-height:1.65}
  .ai-signals{margin-top:36px;display:flex;flex-direction:column;gap:10px}
  .ai-sig{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between}
  .ai-sig .name{font-size:13px;color:rgba(255,255,255,.9)}
  .ai-sig .name small{display:block;font-family:'Geist Mono',monospace;font-size:10px;color:rgba(255,255,255,.45);margin-top:2px;letter-spacing:.08em}
  .ai-sig .bar-wrap{flex:1;margin:0 16px;height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}
  .ai-sig .bar{height:100%;border-radius:2px;background:var(--mint);animation:growBar 2s ease forwards}
  @keyframes growBar{from{width:0}}
  .ai-sig .pct{font-family:'Geist Mono',monospace;font-size:11px;color:var(--mint)}

  .step-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:28px;transition:all .4s;position:relative;overflow:hidden}
  .step-card:hover{border-color:var(--panel);transform:translateY(-3px);box-shadow:0 20px 40px -18px rgba(0,0,0,.12)}
  .step-card:hover .sc-num{background:var(--panel);color:var(--mint)}
  .sc-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
  .sc-num{width:36px;height:36px;border-radius:10px;background:var(--mint-soft);color:var(--panel);font-family:'Geist Mono',monospace;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .35s}
  .step-card h4{font-family:'Fraunces',serif;font-weight:400;font-size:22px;letter-spacing:-.01em}
  .step-card p{font-size:14px;color:var(--ink-dim);line-height:1.6}
  .step-card .tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
  .step-card .tags span{padding:4px 10px;background:var(--bg-soft);border-radius:100px;font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.1em;color:var(--ink-dim)}

  /* BADGES */
  .badges-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;background:var(--bg-soft)}
  .badges-inner{max-width:1320px;margin:0 auto;padding:0 32px;display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap}
  .badge-item{display:flex;align-items:center;gap:12px;opacity:.8;transition:opacity .25s}
  .badge-item:hover{opacity:1}
  .badge-item img{height:44px;width:auto;object-fit:contain}
  .badge-item span{font-size:13px;color:var(--ink-dim);font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase}

  /* BLOG */
  .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}
  @media(max-width:960px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
  @media(max-width:640px){.blog-grid{grid-template-columns:1fr}}
  .blog-card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:32px;transition:all .4s;display:flex;flex-direction:column;min-height:380px;position:relative;overflow:hidden}
  .blog-card:hover{transform:translateY(-4px);border-color:var(--panel);box-shadow:0 24px 55px -25px rgba(0,0,0,.18)}
  .blog-card .cat{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:22px;display:inline-flex;align-items:center;gap:8px;align-self:flex-start}
  .blog-card .cat::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--panel)}
  .blog-card h3{font-family:'Fraunces',serif;font-weight:400;font-size:24px;line-height:1.18;letter-spacing:-.015em;margin-bottom:14px}
  .blog-card h3 em{font-style:italic;color:var(--panel)}
  .blog-card p{font-size:14.5px;color:var(--ink-dim);line-height:1.6;flex-grow:1;margin-bottom:24px}
  .blog-card .meta{display:flex;justify-content:space-between;align-items:center;padding-top:18px;border-top:1px solid var(--line);font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim)}
  .blog-card .meta .arrow{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .35s;color:var(--ink)}
  .blog-card:hover .arrow{background:var(--panel);color:var(--mint);border-color:var(--panel);transform:rotate(-45deg)}
  .blog-card.featured{grid-column:span 2;background:var(--panel);color:#fff;border-color:var(--panel);min-height:420px}
  @media(max-width:960px){.blog-card.featured{grid-column:span 2}}
  @media(max-width:640px){.blog-card.featured{grid-column:span 1}}
  .blog-card.featured::before{content:"";position:absolute;right:-120px;top:-120px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(126,240,184,.22),transparent 60%);pointer-events:none}
  .blog-card.featured .cat{color:var(--mint)}
  .blog-card.featured .cat::before{background:var(--mint)}
  .blog-card.featured h3{font-size:36px;max-width:620px;line-height:1.1}
  .blog-card.featured h3 em{color:var(--mint)}
  .blog-card.featured p{color:rgba(255,255,255,.72);max-width:620px;font-size:16px}
  .blog-card.featured .meta{border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.55)}
  .blog-card.featured .meta .arrow{border-color:rgba(255,255,255,.25);color:#fff}
  .blog-card.featured:hover{transform:translateY(-4px)}
  .blog-card.featured:hover .arrow{background:var(--mint);color:var(--panel);border-color:var(--mint)}

  /* FAQ — editorial flat */
  .faq-list{margin-top:60px;max-width:980px;margin-left:auto;margin-right:auto;border-top:1px solid var(--line)}
  .faq-item{position:relative;border-bottom:1px solid var(--line);transition:background .4s}
  .faq-item::before{content:"";position:absolute;left:0;top:-1px;height:2px;width:0;background:linear-gradient(90deg,var(--panel),var(--mint));transition:width .55s cubic-bezier(.2,.8,.2,1)}
  .faq-item.open::before{width:100%}
  .faq-item.open{background:linear-gradient(180deg,rgba(214,247,230,.22),transparent 65%)}
  .faq-q{width:100%;text-align:left;padding:30px 0;display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;cursor:pointer;color:var(--ink);position:relative;transition:padding .35s}
  .faq-q .num{font-family:'Fraunces',serif;font-weight:300;font-style:italic;font-size:38px;line-height:1;color:var(--ink-dim);letter-spacing:-.02em;transition:all .4s;min-width:54px}
  .faq-item.open .faq-q .num{color:var(--panel);transform:scale(1.08)}
  .faq-q .q-text{font-family:'Fraunces',serif;font-size:22px;font-weight:400;letter-spacing:-.01em;line-height:1.3;color:var(--ink);transition:color .35s}
  .faq-item.open .faq-q .q-text{color:var(--panel)}
  .faq-q:hover .q-text{color:var(--panel)}
  .faq-q:hover .num{color:var(--panel)}
  .faq-q .ind{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);display:inline-flex;align-items:center;gap:10px;transition:color .35s;white-space:nowrap;padding:6px 0}
  .faq-q .ind::after{content:"↓";font-size:13px;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:inline-block;line-height:1}
  .faq-item.open .faq-q .ind{color:var(--panel)}
  .faq-item.open .faq-q .ind::after{transform:rotate(180deg)}
  .faq-q .ind .txt-open{display:none}
  .faq-item.open .faq-q .ind .txt-closed{display:none}
  .faq-item.open .faq-q .ind .txt-open{display:inline}
  .faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.2,.8,.2,1)}
  .faq-a > div{overflow:hidden}
  .faq-a p{padding:0 0 38px 82px;color:#1a1a1a;font-size:17px;line-height:1.75;max-width:720px}
  .faq-a p strong{color:var(--panel);font-weight:500}
  .faq-item.open .faq-a{grid-template-rows:1fr}
  @media (max-width:760px){
    .faq-q{grid-template-columns:auto 1fr;padding:24px 0;gap:20px}
    .faq-q .num{font-size:28px;min-width:42px}
    .faq-q .q-text{font-size:18px}
    .faq-q .ind{display:none}
    .faq-a p{padding:0 0 28px 62px;font-size:15.5px}
  }

  /* VIDEO */
  .video-wrap{position:relative;border-radius:24px;overflow:hidden;aspect-ratio:9/16;max-width:320px;margin:0 auto;box-shadow:0 30px 60px -20px rgba(0,0,0,.18)}
  .video-wrap video{width:100%;height:100%;object-fit:cover}

  /* SOCIAL */
  .social-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:60px}
  @media (max-width:860px){.social-grid{grid-template-columns:1fr}}
  .soc-card{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:34px 30px;position:relative;overflow:hidden;transition:all .4s;display:flex;flex-direction:column;justify-content:space-between;min-height:240px}
  .soc-card:hover{transform:translateY(-5px);border-color:var(--panel)}
  .soc-card .soc-ico{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;margin-bottom:20px}
  .soc-card h3{font-family:'Fraunces',serif;font-weight:400;font-size:28px;letter-spacing:-.01em;line-height:1.1;margin-bottom:6px}
  .soc-card .handle{font-family:'Geist Mono',monospace;font-size:12px;color:var(--ink-dim);letter-spacing:.05em}
  .soc-card .soc-cta{margin-top:22px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--panel)}
  .soc-card .soc-cta .arw{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;transition:all .3s}
  .soc-card:hover .soc-cta .arw{background:var(--panel);color:var(--mint);border-color:var(--panel);transform:rotate(-45deg)}
  .ig-ico{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}
  .yt-ico{background:#ff0000}
  .su-ico{background:var(--panel)}

  /* CTA BIG */
  .cta-big{padding:130px 32px}
  .cta-box{background:var(--panel);border-radius:36px;padding:100px 60px;text-align:center;position:relative;overflow:hidden;color:#fff;max-width:1320px;margin:0 auto}
  .cta-box::before{content:"";position:absolute;left:-200px;top:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(126,240,184,.25),transparent 60%);pointer-events:none}
  .cta-box::after{content:"";position:absolute;right:-200px;bottom:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,90,40,.18),transparent 60%);pointer-events:none}
  .cta-box h2{color:#fff;max-width:780px;margin:0 auto;position:relative}
  .cta-box h2 em{color:var(--mint)}
  .cta-box p{color:rgba(255,255,255,.75);max-width:560px;margin:22px auto 0;font-size:17px;position:relative}
  .cta-box .ctas{margin-top:40px;display:flex;justify-content:center;gap:12px;position:relative;flex-wrap:wrap}
  .cta-box .btn-outline-light{background:transparent;border:1px solid rgba(255,255,255,.25);color:#fff}
  .cta-box .btn-outline-light:hover{border-color:#fff;background:rgba(255,255,255,.08);transform:translateY(-2px)}
  .contact-strip{margin-top:50px;display:flex;justify-content:center;gap:50px;flex-wrap:wrap;position:relative}
  @media (max-width:760px){.cta-box{padding:60px 30px}.contact-strip{gap:24px}}
  .contact-strip a{font-family:'Fraunces',serif;font-size:22px;color:#fff;border-bottom:1px solid rgba(255,255,255,.25);padding-bottom:4px;transition:all .25s}
  .contact-strip a:hover{color:var(--mint);border-color:var(--mint)}

  /* FOOTER */
  footer{padding:60px 32px 30px;background:var(--bg-soft);border-top:1px solid var(--line)}
  .foot-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}
  @media (max-width:760px){.foot-inner{grid-template-columns:1fr 1fr;gap:30px}}
  .foot-brand{font-family:'Fraunces',serif;font-size:28px;display:flex;align-items:center;gap:10px;font-weight:400}
  .foot-brand .dot{width:10px;height:10px;background:var(--panel);border-radius:50%}
  .foot-inner p{color:var(--ink-dim);font-size:14px;max-width:320px;margin-top:14px;line-height:1.6}
  footer h4{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:18px}
  footer ul{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:14px}
  footer ul a{color:var(--ink);opacity:.75;transition:opacity .2s}
  footer ul a:hover{opacity:1}
  .foot-bar{max-width:1320px;margin:50px auto 0;padding-top:24px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.1em;color:var(--ink-dim);text-transform:uppercase}
  @media (max-width:760px){.foot-bar{flex-direction:column;gap:10px}}

  /* Reveal */
  .reveal{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
  .reveal.in{opacity:1;transform:none}

  /* ============ INQUIRY MODAL ============ */
  .inq-root{position:fixed;inset:0;z-index:200;display:none;align-items:stretch;justify-content:center;padding:0}
  .inq-root.open{display:flex}
  .inq-backdrop{position:absolute;inset:0;background:rgba(8,22,18,.58);backdrop-filter:blur(14px);opacity:0;animation:inqFade .4s forwards}
  @keyframes inqFade{to{opacity:1}}
  .inq-shell{position:relative;margin:auto;width:min(1180px,94vw);max-height:94vh;display:grid;grid-template-columns:.85fr 1.15fr;background:var(--panel);border-radius:6px;overflow:hidden;box-shadow:0 60px 120px -30px rgba(0,0,0,.55),0 0 0 1px rgba(126,240,184,.08);transform:translateY(30px) scale(.98);opacity:0;animation:inqRise .6s cubic-bezier(.22,.9,.25,1) .1s forwards}
  @keyframes inqRise{to{transform:none;opacity:1}}
  @media (max-width:900px){.inq-shell{grid-template-columns:1fr;max-height:96vh;overflow-y:auto}}
  .inq-root{overflow-y:auto;padding:20px 0}

  /* Left editorial pane */
  .inq-left{position:relative;padding:36px 40px;color:#fff;background:
    radial-gradient(120% 80% at 0% 0%,rgba(126,240,184,.18) 0%,transparent 55%),
    radial-gradient(90% 60% at 100% 100%,rgba(255,90,40,.10) 0%,transparent 60%),
    linear-gradient(180deg,#0a3327 0%,#082720 100%);
    display:flex;flex-direction:column;justify-content:space-between;gap:36px;overflow:hidden}
  .inq-left::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse at 30% 40%,#000 30%,transparent 80%);pointer-events:none}
  .inq-left::after{content:"";position:absolute;width:360px;height:360px;right:-140px;top:-140px;border-radius:50%;background:radial-gradient(circle,rgba(126,240,184,.22),transparent 60%);filter:blur(8px);animation:inqOrbit 12s ease-in-out infinite alternate;pointer-events:none}
  @keyframes inqOrbit{to{transform:translate(-40px,60px) scale(1.15)}}
  .inq-eyebrow{position:relative;display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid rgba(126,240,184,.4);border-radius:100px;font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--mint);align-self:flex-start;background:rgba(126,240,184,.06)}
  .inq-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 10px var(--mint);animation:inqPulse 1.6s infinite}
  @keyframes inqPulse{50%{opacity:.3}}
  .inq-left h3{position:relative;font-family:'Fraunces',serif;font-weight:300;font-size:clamp(30px,3.2vw,42px);line-height:1.05;letter-spacing:-.025em;color:#fff;margin-top:18px}
  .inq-left h3 em{font-style:italic;color:var(--mint)}
  .inq-left .inq-lead{position:relative;margin-top:18px;max-width:420px;color:rgba(255,255,255,.75);font-size:15px;line-height:1.6}
  .inq-stats{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
  .inq-stats div{padding:18px 0;border-right:1px solid rgba(255,255,255,.12)}
  .inq-stats div:last-child{border-right:0;padding-left:22px}
  .inq-stats b{display:block;font-family:'Fraunces',serif;font-weight:300;font-size:34px;letter-spacing:-.02em;color:#fff}
  .inq-stats span{display:block;font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:4px}
  .inq-quote{position:relative;padding:22px 24px;border:1px solid rgba(255,255,255,.14);border-radius:4px;background:rgba(255,255,255,.03)}
  .inq-quote blockquote{font-family:'Fraunces',serif;font-style:italic;font-weight:300;font-size:18px;line-height:1.35;color:#fff}
  .inq-quote .who{margin-top:12px;font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--mint)}
  .inq-meta{position:relative;display:flex;flex-wrap:wrap;gap:18px;font-family:'Geist Mono',monospace;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55)}
  .inq-meta a{color:#fff;border-bottom:1px solid rgba(126,240,184,.4);padding-bottom:2px}

  /* Right form pane */
  .inq-right{position:relative;background:#fff;color:var(--ink);padding:36px 40px 32px;overflow-y:auto}
  .inq-close{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:center;color:var(--ink);cursor:pointer;transition:all .25s;z-index:3}
  .inq-close:hover{background:var(--panel);color:var(--mint);border-color:var(--panel);transform:rotate(90deg)}
  .inq-step{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);display:flex;align-items:center;gap:14px}
  .inq-step .bar{flex:1;height:2px;background:var(--line);border-radius:2px;overflow:hidden;position:relative}
  .inq-step .bar::after{content:"";position:absolute;inset:0;width:var(--p,40%);background:linear-gradient(90deg,var(--panel),var(--mint));transition:width .5s cubic-bezier(.22,.9,.25,1)}
  .inq-right h4{margin-top:18px;font-family:'Fraunces',serif;font-weight:300;font-size:28px;line-height:1.1;letter-spacing:-.02em;color:var(--ink)}
  .inq-right h4 em{font-style:italic;color:var(--panel)}

  .inq-field-label{margin-top:20px;font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);display:flex;align-items:center;gap:8px}
  .inq-field-label .num{width:20px;height:20px;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;font-size:10px;color:var(--panel);font-family:'Geist Mono',monospace}

  .inq-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
  .inq-chip{padding:10px 16px;border:1px solid var(--line);border-radius:100px;background:#fff;font-size:13px;color:var(--ink);cursor:pointer;transition:all .25s;font-family:inherit;line-height:1}
  .inq-chip:hover{border-color:var(--panel);transform:translateY(-1px)}
  .inq-chip.on{background:var(--panel);color:var(--mint);border-color:var(--panel);box-shadow:0 6px 18px -8px rgba(11,61,46,.5)}

  .inq-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
  @media (max-width:520px){.inq-row{grid-template-columns:1fr}}

  .inq-input{position:relative;margin-top:10px}
  .inq-input input,.inq-input textarea{width:100%;padding:16px 0 10px;background:transparent;border:0;border-bottom:1px solid var(--line);font:inherit;font-size:15px;color:var(--ink);outline:none;transition:border-color .25s;font-family:inherit;resize:vertical}
  .inq-input textarea{min-height:90px;padding-top:14px}
  .inq-input input:focus,.inq-input textarea:focus{border-color:var(--panel)}
  .inq-input label{position:absolute;left:0;top:16px;color:var(--ink-dim);font-size:15px;pointer-events:none;transition:all .25s}
  .inq-input input:focus + label,
  .inq-input input:not(:placeholder-shown) + label,
  .inq-input textarea:focus + label,
  .inq-input textarea:not(:placeholder-shown) + label{top:-2px;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--panel);font-family:'Geist Mono',monospace}

  .inq-submit{margin-top:32px;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
  .inq-submit button{padding:16px 28px;background:var(--panel);color:var(--mint);border-radius:100px;font-weight:500;font-size:15px;display:inline-flex;align-items:center;gap:10px;transition:all .3s;border:0;cursor:pointer;font-family:inherit}
  .inq-submit button:hover{background:#000;transform:translateY(-2px);gap:14px}
  .inq-submit button .arrow{transition:transform .3s}
  .inq-submit button:hover .arrow{transform:translateX(4px)}
  .inq-submit .privacy{font-size:12px;color:var(--ink-dim);max-width:320px;line-height:1.5}
  .inq-submit .privacy b{color:var(--panel);font-weight:500}

  .inq-success{display:none;text-align:center;padding:40px 20px}
  .inq-success.on{display:block}
  .inq-success .check{width:72px;height:72px;margin:0 auto;border-radius:50%;background:var(--mint);display:flex;align-items:center;justify-content:center;color:var(--panel);font-size:32px;animation:inqPop .5s cubic-bezier(.22,1.6,.4,1)}
  @keyframes inqPop{from{transform:scale(.2);opacity:0}to{transform:scale(1);opacity:1}}
  .inq-success h5{margin-top:20px;font-family:'Fraunces',serif;font-weight:300;font-size:30px;color:var(--ink)}
  .inq-success p{margin-top:10px;color:var(--ink-dim);font-size:15px;max-width:380px;margin-left:auto;margin-right:auto;line-height:1.55}

  body.inq-lock{overflow:hidden}

  /* VISIBLE BREADCRUMB */
  .crumbs{position:static !important;top:auto !important;left:auto !important;right:auto !important;transform:none !important;background:transparent !important;backdrop-filter:none !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;z-index:auto !important;max-width:1320px;width:auto;margin:0 auto;padding:120px 32px 24px;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-dim);display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:flex-start}
  .crumbs a{color:var(--ink-dim);transition:color .2s;border-bottom:1px solid transparent;padding-bottom:1px}
  .crumbs a:hover{color:var(--panel);border-bottom-color:var(--mint)}
  .crumbs .sep{color:var(--line);user-select:none}
  .crumbs .current{color:var(--panel);font-weight:500}
  @media (max-width:640px){.crumbs{padding:105px 22px 18px;font-size:10px;letter-spacing:.1em}}
  .crumbs + .tool-hero,
  .crumbs + .article-hero,
  .crumbs + header.article-hero{padding-top:40px !important}
  @media (max-width:640px){
    .crumbs + .tool-hero,
    .crumbs + .article-hero,
    .crumbs + header.article-hero{padding-top:30px !important}
  }

  /* ============ VIDEO CONTROLS (about-visual) ============ */
  .about-visual{position:relative}
  .about-visual .v-play,.about-visual .v-mute{position:absolute;z-index:3;border:0;cursor:pointer;font:inherit;color:#fff;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);transition:all .3s;display:inline-flex;align-items:center;justify-content:center}
  .about-visual .v-play{left:50%;top:50%;transform:translate(-50%,-50%);width:72px;height:72px;border-radius:50%;opacity:.85}
  .about-visual:hover .v-play,.about-visual .v-play:focus-visible{opacity:1}
  .about-visual .v-play:hover{background:var(--mint);color:var(--panel);transform:translate(-50%,-50%) scale(1.08)}
  .about-visual .v-play .v-icon-play{display:none;margin-left:3px}
  .about-visual .v-play.paused .v-icon-pause{display:none}
  .about-visual .v-play.paused .v-icon-play{display:inline-block}
  .about-visual .v-play.paused{opacity:1}
  .about-visual .v-mute{right:18px;bottom:18px;padding:10px 16px;border-radius:100px;gap:8px;font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:500}
  .about-visual .v-mute:hover{background:var(--mint);color:var(--panel)}
  .about-visual .v-mute .v-icon-sound{display:none}
  .about-visual .v-mute.on .v-icon-muted{display:none}
  .about-visual .v-mute.on .v-icon-sound{display:inline-block}
  .about-visual .v-mute-lbl{line-height:1}
  .about-visual .v-mute.on .v-mute-lbl::before{content:"Ton aus";display:inline}
  .about-visual .v-mute.on .v-mute-lbl{font-size:0}
  .about-visual .v-mute.on .v-mute-lbl::before{font-size:10px}

  /* ============ NACHSCHLAGWERK / KNOWLEDGE GRID ============ */
  .k-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:14px;margin-top:60px}
  @media(max-width:960px){.k-grid{grid-template-columns:repeat(6,1fr)}}
  @media(max-width:640px){.k-grid{grid-template-columns:1fr}}
  .kcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px 26px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:all .35s;min-height:200px}
  .kcard:hover{transform:translateY(-4px);border-color:var(--panel);box-shadow:0 24px 60px -28px rgba(0,0,0,.15)}
  .kcard .ktag{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--panel)}
  .kcard h3{font-family:'Fraunces',serif;font-weight:400;font-size:22px;letter-spacing:-.01em;line-height:1.2}
  .kcard h3 em{font-style:italic;color:var(--panel)}
  .kcard p{font-size:14px;color:var(--ink-dim);line-height:1.55;flex-grow:1}
  .kcard .karrow{align-self:flex-end;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s;color:var(--ink);font-size:14px}
  .kcard:hover .karrow{background:var(--panel);color:var(--mint);border-color:var(--panel);transform:rotate(-45deg)}
  .k-main{grid-column:span 6;background:var(--panel);color:#fff;border-color:var(--panel);min-height:280px}
  @media(max-width:960px){.k-main{grid-column:span 6}}
  @media(max-width:640px){.k-main{grid-column:span 1}}
  .k-main::before{content:"";position:absolute;right:-100px;top:-100px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,rgba(126,240,184,.22),transparent 60%);pointer-events:none}
  .k-main .ktag{color:var(--mint)}
  .k-main h3{color:#fff;font-size:34px;position:relative;font-weight:300;line-height:1.1;letter-spacing:-.02em}
  .k-main h3 em{color:var(--mint)}
  .k-main p{color:rgba(255,255,255,.78);font-size:16px;position:relative;max-width:460px;line-height:1.6}
  .k-main .karrow{border-color:rgba(255,255,255,.25);color:#fff}
  .k-main:hover .karrow{background:var(--mint);color:var(--panel);border-color:var(--mint)}
  .k-stats{display:flex;gap:40px;margin-top:22px;padding-top:22px;border-top:1px solid rgba(255,255,255,.15);position:relative}
  .k-stats div b{font-family:'Fraunces',serif;font-weight:300;font-size:32px;color:#fff;display:block;line-height:1;letter-spacing:-.025em}
  .k-stats div span{font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.55);margin-top:6px;display:block}
  .k-small{grid-column:span 3}
  @media(max-width:960px){.k-small{grid-column:span 3}}
  @media(max-width:640px){.k-small{grid-column:span 1}}

  .popular-terms{margin-top:56px;padding-top:40px;border-top:1px solid var(--line)}
  .popular-terms h3{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:22px;font-weight:400}
  .term-chips{display:flex;flex-wrap:wrap;gap:8px}
  .term-chips a{padding:9px 16px;border:1px solid var(--line);border-radius:100px;font-size:13.5px;color:var(--ink);background:#fff;transition:all .25s;font-family:inherit;text-decoration:none;line-height:1}
  .term-chips a:hover{background:var(--panel);color:var(--mint);border-color:var(--panel);transform:translateY(-1px)}

  /* ============ FRAMEWORKS SECTION ============ */
  .fw-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:40px}
  @media (max-width:860px){.fw-intro{grid-template-columns:1fr;gap:20px}}
  .fw-intro .disclaimer{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);line-height:1.6;padding-bottom:6px}
  .fw-intro .disclaimer span{color:var(--panel)}

  .fw-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  @media (max-width:860px){.fw-grid{grid-template-columns:1fr}}
  .fw-card{position:relative;padding:32px 28px 28px;border:1px solid var(--line);border-radius:6px;background:#fff;display:flex;flex-direction:column;gap:16px;transition:all .35s cubic-bezier(.22,.9,.25,1);overflow:hidden}
  .fw-card:hover{transform:translateY(-4px);border-color:var(--panel);box-shadow:0 24px 60px -30px rgba(11,61,46,.35)}
  .fw-card::before{content:"";position:absolute;top:0;left:0;height:3px;width:0;background:linear-gradient(90deg,var(--panel),var(--mint));transition:width .5s cubic-bezier(.22,.9,.25,1)}
  .fw-card:hover::before{width:100%}
  .fw-card .fw-abbr{font-family:'Fraunces',serif;font-weight:300;font-size:52px;letter-spacing:-.04em;color:var(--panel);line-height:1}
  .fw-card .fw-abbr em{font-style:italic;color:var(--mint);background:var(--panel);padding:0 6px;border-radius:4px}
  .fw-card .fw-name{font-family:'Geist Mono',monospace;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim)}
  .fw-card h3{font-family:'Fraunces',serif;font-weight:300;font-size:22px;line-height:1.2;letter-spacing:-.015em;color:var(--ink);margin-top:-4px}
  .fw-card .fw-formula{font-family:'Geist Mono',monospace;font-size:11.5px;background:var(--bg-soft);border:1px solid var(--line);padding:10px 12px;border-radius:4px;color:var(--panel);overflow-x:auto;white-space:nowrap}
  .fw-card p{font-size:14px;color:var(--ink-dim);line-height:1.55}
  .fw-card .fw-link{margin-top:auto;padding-top:14px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--panel);transition:gap .3s}
  .fw-card .fw-link:hover{gap:4px}
  .fw-card .fw-link .ar{transition:transform .3s}
  .fw-card:hover .fw-link .ar{transform:translateX(4px)}

  /* Benchmark strip */
  .bench-strip{margin-top:56px;background:var(--panel);border-radius:6px;padding:44px 44px;color:#fff;display:grid;grid-template-columns:auto 1fr auto auto auto;gap:40px;align-items:center;position:relative;overflow:hidden}
  .bench-strip::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:32px 32px;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);pointer-events:none}
  @media (max-width:960px){.bench-strip{grid-template-columns:1fr 1fr;gap:24px;padding:32px 28px}}
  .bench-strip .tag{position:relative;font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--mint);padding:8px 14px;border:1px solid rgba(126,240,184,.4);border-radius:100px;white-space:nowrap}
  @media (max-width:960px){.bench-strip .tag{grid-column:1 / -1}}
  .bench-strip .intro{position:relative;font-family:'Fraunces',serif;font-weight:300;font-size:20px;line-height:1.3;color:#fff;max-width:360px}
  @media (max-width:960px){.bench-strip .intro{grid-column:1 / -1}}
  .bench-strip .num{position:relative;text-align:left}
  .bench-strip .num b{display:block;font-family:'Fraunces',serif;font-weight:300;font-size:clamp(38px,4.5vw,60px);line-height:1;letter-spacing:-.035em;color:var(--mint)}
  .bench-strip .num span{display:block;margin-top:6px;font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.6);max-width:160px;line-height:1.4}
  .bench-strip .source{position:relative;font-family:'Geist Mono',monospace;font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.4);align-self:flex-end;text-align:right;line-height:1.5;white-space:nowrap}
  @media (max-width:960px){.bench-strip .source{grid-column:1 / -1;text-align:left;white-space:normal}}
  .bench-strip .source a{color:var(--mint);border-bottom:1px solid rgba(126,240,184,.4)}

  /* AI-Ready strip (above footer) */
  .ai-ready{background:var(--bg-soft);border-top:1px solid var(--line);padding:32px 32px}
  .ai-ready-inner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:auto 1fr auto;gap:32px;align-items:center}
  @media (max-width:860px){.ai-ready-inner{grid-template-columns:1fr;gap:16px}}
  .ai-ready .left{font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--panel);display:flex;align-items:center;gap:10px;white-space:nowrap}
  .ai-ready .left::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 12px var(--mint);animation:inqPulse 1.6s infinite}
  .ai-ready .mid{font-size:14px;color:var(--ink-dim);line-height:1.5}
  .ai-ready .mid b{color:var(--ink);font-weight:500}
  .ai-ready .right{display:flex;gap:8px;flex-wrap:wrap}
  .ai-ready .right a{padding:8px 14px;border:1px solid var(--line);border-radius:100px;font-family:'Geist Mono',monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:#fff;transition:all .25s}
  .ai-ready .right a:hover{background:var(--panel);color:var(--mint);border-color:var(--panel)}