@font-face{font-family:'Karla';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/karla-latin-400-normal.woff2) format('woff2');}
@font-face{font-family:'Karla';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/karla-latin-600-normal.woff2) format('woff2');}
@font-face{font-family:'Karla';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/karla-latin-700-normal.woff2) format('woff2');}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/space-grotesk-latin-600-normal.woff2) format('woff2');}
@font-face{font-family:'Space Grotesk';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/space-grotesk-latin-700-normal.woff2) format('woff2');}

:root{
  --ink:#1C2624;
  --ink-soft:#28332F;
  --ink-soft2:#324039;
  --paper:#EDEBE1;
  --paper-soft:#E2DECF;
  --brass:#C6883F;
  --brass-bright:#DDA35F;
  --brass-deep:#86561C;
  --rust:#A8503A;
  --moss:#57665C;
  --ok:#7FA88A;
  --radius:14px;
  --maxw:1080px;
}
*{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'Karla',sans-serif;background:var(--paper);color:var(--ink);line-height:1.6;-webkit-font-smoothing:antialiased;}
h1,h2,h3{font-family:'Space Grotesk',sans-serif;font-weight:600;letter-spacing:-0.01em;line-height:1.12;}
a{color:inherit;}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px;}
.skip{position:absolute;left:-999px;top:0;background:var(--brass);color:var(--ink);padding:8px 14px;z-index:10;}
.skip:focus{left:12px;top:12px;}

/* Nav */
header.nav{background:var(--ink);padding:20px 0;}
.nav-inner{display:flex;justify-content:space-between;align-items:center;gap:20px;}
.logo{font-family:'Space Grotesk';font-weight:700;font-size:20px;letter-spacing:0.03em;color:var(--paper);text-decoration:none;}
.logo::after{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brass);margin-left:3px;vertical-align:baseline;}
.nav-links{display:flex;align-items:center;gap:26px;}
.nav-links a.plain{color:rgba(237,235,225,0.72);text-decoration:none;font-size:15px;font-weight:600;}
.nav-links a.plain:hover{color:var(--paper);}
.nav-cta{font-weight:600;font-size:14px;color:var(--brass-bright);text-decoration:none;border:1px solid var(--brass);padding:9px 20px;border-radius:999px;transition:background .2s ease,color .2s ease;white-space:nowrap;}
.nav-cta:hover{background:var(--brass);color:var(--ink);}

/* Hero */
.hero{background:var(--ink);color:var(--paper);padding:72px 0 96px;}
.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:56px;align-items:center;}
.eyebrow{font-weight:700;font-size:13px;letter-spacing:0.12em;text-transform:uppercase;color:var(--brass-bright);margin-bottom:20px;}
.hero h1{font-size:clamp(32px,5vw,52px);max-width:16ch;margin-bottom:22px;}
.hero p.lede{font-size:18px;color:rgba(237,235,225,0.75);max-width:52ch;margin-bottom:34px;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}
.btn-primary{display:inline-block;font-weight:700;font-size:16px;background:var(--brass);color:var(--ink);padding:15px 30px;border-radius:999px;text-decoration:none;transition:transform .15s ease,background .2s ease;border:none;cursor:pointer;font-family:'Karla',sans-serif;}
.btn-primary:hover{background:var(--brass-bright);transform:translateY(-1px);}
.btn-ghost{display:inline-block;font-weight:600;font-size:16px;color:rgba(237,235,225,0.8);text-decoration:none;padding:15px 8px;}
.btn-ghost:hover{color:var(--paper);}

/* Audit card */
.audit{background:var(--ink-soft);border:1px solid rgba(237,235,225,0.1);border-radius:var(--radius);padding:26px 26px 22px;}
.audit-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:16px;gap:12px;}
.audit-head h2{font-size:17px;color:var(--paper);}
.audit-head span{font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:rgba(237,235,225,0.45);font-weight:700;}
.audit ul{list-style:none;}
.audit li{display:grid;grid-template-columns:22px 1fr;gap:12px;padding:11px 0;border-top:1px solid rgba(237,235,225,0.08);font-size:15px;color:rgba(237,235,225,0.85);}
.audit li small{display:block;color:rgba(237,235,225,0.5);font-size:13px;margin-top:2px;}
.dot{width:10px;height:10px;border-radius:50%;margin-top:7px;border:2px solid var(--brass);}
.audit-foot{margin-top:14px;font-size:13px;color:rgba(237,235,225,0.5);}

/* Sections */
.section{padding:88px 0;}
.section.alt{background:var(--paper-soft);}
.section.dark{background:var(--ink);color:var(--paper);}
.section.dark .section-head .section-eyebrow,.section.dark .process-num{color:var(--brass-bright);}
.section.dark .section-head p,.section.dark .process-item p{color:rgba(237,235,225,0.7);}
.section.dark .process-item{border-color:rgba(237,235,225,0.12);}
.section-head{max-width:62ch;margin-bottom:46px;}
.section-cta{margin-top:34px;}
.section-head .section-eyebrow,.section-eyebrow{font-weight:700;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:14px;}
.section h2{font-size:clamp(26px,3.4vw,36px);margin-bottom:14px;}
.section-head p{color:var(--moss);font-size:17px;}

/* Problem trio */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.trio div{border-top:2px solid var(--brass);padding-top:18px;}
.trio h3{font-size:19px;margin-bottom:8px;}
.trio p{color:var(--moss);font-size:15px;}

/* Services */
.tier-label{display:flex;align-items:center;gap:14px;font-weight:700;font-size:13px;letter-spacing:0.1em;text-transform:uppercase;color:var(--moss);margin:0 0 16px;}
.tier-label::after{content:'';flex:1;height:1px;background:rgba(28,38,36,0.15);}
.tier-label b{color:var(--ink);font-family:'Space Grotesk';font-size:15px;letter-spacing:0;text-transform:none;background:var(--brass);padding:2px 10px;border-radius:999px;}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:44px;}
.card-grid.two{grid-template-columns:repeat(2,1fr);margin-bottom:0;}
.service-card{background:var(--paper);border-radius:var(--radius);padding:26px;border:1px solid rgba(28,38,36,0.1);}
.section:not(.alt) .service-card{background:var(--paper-soft);}
.service-card.lead{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.service-card.lead p{color:rgba(237,235,225,0.7);}
.service-card h3{font-size:19px;margin-bottom:10px;}
.service-card p{color:var(--moss);font-size:15px;}
.service-card ul{margin-top:12px;padding-left:18px;color:rgba(237,235,225,0.75);font-size:14px;}
.service-card ul li{margin:3px 0;}

/* Process */
.process-list{display:flex;flex-direction:column;}
.process-item{display:grid;grid-template-columns:56px 1fr;gap:22px;padding:26px 0;border-top:1px solid rgba(28,38,36,0.14);}
.process-item:last-child{border-bottom:1px solid rgba(28,38,36,0.14);}
.process-num{font-family:'Space Grotesk';font-size:26px;font-weight:600;color:var(--brass-deep);}
.process-item h3{font-size:18px;margin-bottom:6px;}
.process-item p{color:var(--moss);font-size:15px;max-width:60ch;}

/* FAQ */
.faq{max-width:760px;}
.faq details{border-top:1px solid rgba(28,38,36,0.14);padding:18px 0;}
.faq details:last-child{border-bottom:1px solid rgba(28,38,36,0.14);}
.faq summary{cursor:pointer;font-family:'Space Grotesk';font-weight:600;font-size:18px;list-style:none;display:flex;justify-content:space-between;gap:16px;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:'+';color:var(--brass-deep);font-size:22px;line-height:1;}
.faq details[open] summary::after{content:'–';}
.faq details p{color:var(--moss);margin-top:10px;max-width:64ch;}

/* Contact */
.cta{background:var(--ink);color:var(--paper);padding:92px 0;}
.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.cta h2{font-size:clamp(27px,4vw,38px);max-width:18ch;margin-bottom:16px;}
.cta p.intro{color:rgba(237,235,225,0.72);max-width:44ch;margin-bottom:22px;font-size:16px;}
.cta ul.gets{list-style:none;color:rgba(237,235,225,0.8);font-size:15px;}
.cta ul.gets li{padding-left:22px;position:relative;margin:7px 0;}
.cta ul.gets li::before{content:'';position:absolute;left:0;top:9px;width:8px;height:8px;border-radius:50%;background:var(--brass);}
.cta .direct{margin-top:26px;font-size:15px;color:rgba(237,235,225,0.6);}
.cta .direct a{color:var(--brass-bright);}
.contact-form{display:flex;flex-direction:column;gap:12px;background:var(--ink-soft);padding:28px;border-radius:var(--radius);border:1px solid rgba(237,235,225,0.08);}
.contact-form label{font-size:13px;font-weight:600;color:rgba(237,235,225,0.7);margin-bottom:-6px;}
.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=url],.contact-form textarea{background:var(--ink);border:1px solid rgba(237,235,225,0.2);border-radius:10px;padding:12px 16px;color:var(--paper);font-family:'Karla',sans-serif;font-size:15px;resize:vertical;width:100%;}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(237,235,225,0.35);}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--brass);}
.contact-form .check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:rgba(237,235,225,0.6);margin:2px 0;}
.contact-form .check input{margin-top:4px;accent-color:var(--brass);}
.contact-form .check a{color:var(--brass-bright);}
.contact-form .btn-primary{margin-top:6px;width:100%;}
.hp{position:absolute;left:-5000px;}

/* Footer */
footer{background:var(--ink);color:rgba(237,235,225,0.5);padding:26px 0 38px;font-size:14px;border-top:1px solid rgba(237,235,225,0.08);}
.foot-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;}
footer a{color:rgba(237,235,225,0.7);text-decoration:none;margin-left:18px;}
footer a:first-child{margin-left:0;}
footer a:hover{color:var(--brass-bright);}

/* Legal pages */
.legal{padding:64px 0 88px;}
.legal .wrap{max-width:760px;}
.legal h1{font-size:clamp(28px,4vw,40px);margin-bottom:28px;}
.legal h2{font-size:20px;margin:34px 0 10px;}
.legal p,.legal li{color:var(--ink-soft);margin-bottom:10px;}
.legal ul{padding-left:20px;}
.legal .todo{background:#F3D9A8;padding:1px 6px;border-radius:4px;}

@media (max-width:860px){
  .hero-grid,.cta-grid{grid-template-columns:1fr;gap:40px;}
  .card-grid{grid-template-columns:1fr 1fr;}
  .trio{grid-template-columns:1fr;}
}
@media (max-width:620px){
  .nav-links a.plain{display:none;}
  .card-grid,.card-grid.two{grid-template-columns:1fr;}
  .process-item{grid-template-columns:36px 1fr;gap:14px;}
  .section{padding:64px 0;}
  .hero{padding:52px 0 72px;}
  .wrap{padding:0 16px;}
  .foot-inner{flex-direction:column;}
  footer a{margin:0 18px 0 0;}
}
@media (prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important;}
  html{scroll-behavior:auto;}
}

/* ---- v3: AI agency + courses ---- */
.possible li{grid-template-columns:auto 1fr;}
.tag{display:inline-block;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink);background:var(--brass);padding:2px 8px;border-radius:999px;margin-top:3px;white-space:nowrap;}
.usecases{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.usecase{background:var(--paper-soft);border-radius:var(--radius);padding:24px;border:1px solid rgba(28,38,36,0.08);display:flex;flex-direction:column;gap:10px;}
.usecase .who{font-weight:700;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--brass-deep);}
.usecase h3{font-size:18px;}
.usecase .before,.usecase .after{font-size:14.5px;color:var(--moss);padding-left:16px;border-left:2px solid rgba(28,38,36,0.15);}
.usecase .after{border-left-color:var(--brass);color:var(--ink-soft);}
.usecase .before b,.usecase .after b{display:block;font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--moss);margin-bottom:2px;}
.paths{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.path{border-radius:var(--radius);padding:32px;display:flex;flex-direction:column;gap:12px;}
.path.dfy{background:var(--ink);color:var(--paper);}
.path.dfy p,.path.dfy li{color:rgba(237,235,225,0.75);}
.path.diy{background:var(--paper);border:1px solid rgba(28,38,36,0.12);}
.path.diy p,.path.diy li{color:var(--moss);}
.path .kicker{font-weight:700;font-size:12px;letter-spacing:0.1em;text-transform:uppercase;color:var(--brass-bright);}
.path.diy .kicker{color:var(--brass-deep);}
.path h3{font-size:24px;}
.path ul{padding-left:18px;font-size:15px;flex:1;}
.path ul li{margin:4px 0;}
.path .btn-primary,.path .btn-outline{align-self:flex-start;margin-top:8px;}
.btn-outline{display:inline-block;font-weight:700;font-size:16px;color:var(--ink);border:1.5px solid var(--ink);padding:13px 28px;border-radius:999px;text-decoration:none;transition:background .2s ease,color .2s ease;}
.btn-outline:hover{background:var(--ink);color:var(--paper);}
.service-card.wide{grid-column:1 / -1;}
.courses{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:34px;}
.course{background:var(--paper);border-radius:var(--radius);padding:26px;border:1px solid rgba(28,38,36,0.1);display:flex;flex-direction:column;gap:10px;}
.course .status{font-size:12px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;color:var(--moss);}
.course .status.live{color:var(--brass-deep);}
.course h3{font-size:19px;}
.course p{color:var(--moss);font-size:15px;flex:1;}
.course a{font-weight:700;color:var(--ink);text-decoration:none;border-bottom:2px solid var(--brass);align-self:flex-start;}
.waitlist{background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:28px;display:grid;grid-template-columns:1fr 1.3fr;gap:28px;align-items:center;}
.waitlist h3{font-size:21px;margin-bottom:6px;}
.waitlist p{color:rgba(237,235,225,0.7);font-size:15px;}
.waitlist form{display:flex;flex-direction:column;gap:10px;}
.waitlist .row{display:flex;gap:10px;}
.waitlist input[type=email],.waitlist select{flex:1;background:var(--ink-soft);border:1px solid rgba(237,235,225,0.2);border-radius:10px;padding:12px 14px;color:var(--paper);font-family:'Karla',sans-serif;font-size:15px;min-width:0;}
.waitlist input:focus,.waitlist select:focus{outline:none;border-color:var(--brass);}
.waitlist .check{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:rgba(237,235,225,0.6);}
.waitlist .check input{margin-top:4px;accent-color:var(--brass);}
.waitlist .check a{color:var(--brass-bright);}
.waitlist button{white-space:nowrap;padding:12px 22px;}
.contact-form select{background:var(--ink);border:1px solid rgba(237,235,225,0.2);border-radius:10px;padding:12px 16px;color:var(--paper);font-family:'Karla',sans-serif;font-size:15px;width:100%;}
.contact-form select:focus{outline:none;border-color:var(--brass);}
@media (max-width:860px){
  .usecases,.courses{grid-template-columns:1fr 1fr;}
  .paths,.waitlist{grid-template-columns:1fr;}
}
@media (max-width:620px){
  .usecases,.courses{grid-template-columns:1fr;}
  .waitlist .row{flex-direction:column;}
  .path{padding:24px;}
}
.section .service-card.lead{background:var(--ink);color:var(--paper);border-color:var(--ink);}
.nav-links a.lang{color:rgba(237,235,225,0.72);text-decoration:none;font-size:14px;font-weight:700;letter-spacing:0.06em;border:1px solid rgba(237,235,225,0.25);border-radius:6px;padding:4px 8px;}
.nav-links a.lang:hover{color:var(--paper);border-color:var(--paper);}
@media (max-width:620px){.nav-links{gap:12px;}}

/* Referenz */
.ref{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;background:var(--ink);color:var(--paper);border-radius:var(--radius);padding:40px;}
.ref-text p{color:rgba(237,235,225,0.8);font-size:17px;margin-bottom:22px;}
.ref-link{color:var(--brass-bright);font-weight:700;text-decoration:none;border-bottom:2px solid var(--brass);}
.ref-facts{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.ref-facts li{border-left:2px solid var(--brass);padding-left:14px;font-size:14px;color:rgba(237,235,225,0.65);}
.ref-facts b{display:block;font-family:'Space Grotesk';font-size:18px;color:var(--paper);margin-bottom:2px;}
@media (max-width:860px){.ref{grid-template-columns:1fr;padding:28px;}}
@media (max-width:420px){.ref-facts{grid-template-columns:1fr;}}