/* V9 — compact decision tools, centered team cards and a stronger briefing flow. */

/* Package finder: one complete composition instead of two competing columns. */
.package-finder{
  display:block;
  padding:clamp(80px,8vw,130px) var(--pad);
  background:radial-gradient(circle at 50% 0,rgba(83,70,211,.14),transparent 34%),#070910
}
.finder-intro{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);
  gap:18px clamp(50px,8vw,140px);
  align-items:end;
  max-width:1650px;
  margin:0 auto 46px
}
.finder-intro .page-kicker{grid-column:1/-1}
.finder-intro h2{font-size:clamp(52px,5.4vw,92px);line-height:.88;margin:0;text-wrap:balance}
.finder-intro p{font-size:clamp(18px,1.25vw,21px);line-height:1.55;margin:0 0 5px;max-width:520px}
.finder-panel{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  max-width:1650px;
  margin:auto;
  border:1px solid #33394a;
  background:#090b12
}
.finder-question{padding:30px;border:0;border-right:1px solid #303646}
.finder-question:nth-child(3){border-right:0}
.finder-question h3{font-size:clamp(24px,1.8vw,32px);min-height:2.2em;margin:15px 0 24px}
.finder-question>div{grid-template-columns:1fr;gap:8px}
.finder-question button{min-height:54px;text-align:left;padding:12px 15px}
.finder-result{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.75fr) minmax(300px,1.25fr) auto;gap:12px 36px;align-items:center;padding:30px 34px;border-top:1px solid #303646}
.finder-result>span{grid-column:1/-1}
.finder-result>strong{font-size:clamp(34px,3.1vw,58px);margin:0}
.finder-result>p{margin:0;max-width:630px}
.finder-result .button{margin:0;white-space:nowrap}

/* Team cards: people and monograms share one visual center. */
.team-section{padding-top:clamp(80px,8vw,130px);padding-bottom:clamp(80px,8vw,130px)}
.team-section article{min-height:520px;align-items:center;justify-content:center;text-align:center;padding:45px}
.team-section .large-monogram{margin:0 0 48px}
.team-section h2{font-size:clamp(44px,4.2vw,70px);margin:22px 0 18px;white-space:nowrap}

/* Parent brand: remove the legal suffix from the visual lockup and show the red mark. */
.company-link{padding:clamp(90px,10vw,155px) var(--pad);text-align:left}
.company-link-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.5fr);align-items:center;gap:6vw;max-width:1400px;margin:auto}
.company-link-inner>div>span{font:500 11px var(--mono);color:#939aa6;text-transform:uppercase}
.company-link h2{font-size:clamp(58px,7vw,112px);margin:30px 0;line-height:.84}
.company-link h2 em{font-style:normal;color:#e23845}
.company-link img{display:block;width:min(100%,430px);max-height:430px;object-fit:contain;justify-self:center;filter:drop-shadow(0 28px 65px rgba(212,31,47,.18))}

/* Project briefing: strong form surface with an actually useful sticky companion. */
body:has(.briefing-layout),body:has(.briefing-layout) .page-main{overflow-x:clip;overflow-y:visible}
.briefing-layout{grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:clamp(40px,6vw,100px);padding-top:clamp(70px,7vw,115px)}
.briefing-form{padding:0;border-color:#343b4d;background:linear-gradient(145deg,#0d1019,#080a10);box-shadow:0 35px 90px rgba(0,0,0,.24);counter-reset:briefing-step}
.briefing-form:before{content:"PROJEKTBRIEFING  /  3 SCHRITTE";display:block;padding:24px 34px;border-bottom:1px solid #343b4d;color:#9da6ff;font:600 11px var(--mono);letter-spacing:.08em}
.briefing-form .form-section{margin:0;padding:38px 34px 46px;border-bottom:1px solid #2e3443}
.briefing-form .form-section>span{margin-bottom:30px;color:#a6afff}
.briefing-form label{display:block;color:#c9ced8}
.briefing-form input,.briefing-form select,.briefing-form textarea{border:1px solid #343b4c;background:#0b0e16;padding:15px 16px;margin-top:11px;transition:border-color .2s,background .2s,box-shadow .2s}
.briefing-form input:focus,.briefing-form select:focus,.briefing-form textarea:focus{border-color:#8d97ff;background:#101522;box-shadow:0 0 0 3px rgba(126,138,244,.1)}
.briefing-form textarea{min-height:190px}
.briefing-form>.button{width:calc(100% - 68px);margin:34px}
.briefing-form>.form-note{padding:0 34px 34px;margin:0}
.briefing-aside{position:sticky;top:128px;align-self:start;height:max-content;padding:30px;border:1px solid #343b4d;background:linear-gradient(150deg,#111528,#090b12);max-height:calc(100vh - 160px);overflow:auto;scrollbar-width:thin}
.briefing-aside:before{content:"DEIN NÄCHSTER SCHRITT";display:block;color:#9ba5ff;font:600 10px var(--mono);letter-spacing:.1em;margin-bottom:12px}
.briefing-aside:after{content:"Wir melden uns persönlich – kein automatisierter Verkaufstrichter.";display:block;color:#8f96a5;font-size:14px;line-height:1.55;margin-top:24px}
.briefing-aside ol{padding-top:16px}
.briefing-aside li{padding:20px 0}
.briefing-aside h3{font-size:20px}

/* Live URL audit. */
.url-audit{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(50px,8vw,130px);align-items:center;padding:clamp(85px,9vw,145px) var(--pad);border-bottom:1px solid var(--line);background:radial-gradient(circle at 84% 50%,rgba(92,79,225,.18),transparent 34%),#080a11}
.url-audit-copy h2{font-size:clamp(52px,5.4vw,92px);line-height:.88;letter-spacing:-.065em;margin:25px 0}
.url-audit-copy h2 em{font-style:normal;color:#a9b3ff}
.url-audit-copy p{font-size:clamp(18px,1.35vw,22px);line-height:1.65;color:#a4aab6;max-width:660px}
.url-audit-form{border:1px solid #384054;background:#0d111b;padding:clamp(25px,3vw,44px)}
.url-audit-form>label{display:block;font:600 12px var(--mono);color:#c6ccd8;text-transform:uppercase;margin-bottom:14px}
.url-audit-form>div:first-of-type{display:grid;grid-template-columns:1fr auto;gap:9px}
.url-audit-form input{min-width:0;border:1px solid #3b4355;background:#070910;color:#fff;padding:17px 18px;font:500 18px var(--sans);outline:0}
.url-audit-form input:focus{border-color:#929cff;box-shadow:0 0 0 3px rgba(126,138,244,.11)}
.url-audit-form>small{display:block;color:#8e95a3;font-size:13px;line-height:1.55;margin-top:15px}
.url-audit-result{margin-top:28px;border-top:1px solid #343b4d;padding-top:25px}
.url-audit-score{display:grid;grid-template-columns:auto 1fr;gap:5px 22px;align-items:center}
.url-audit-score strong{grid-row:1/3;font-size:clamp(54px,5vw,88px);line-height:.9;letter-spacing:-.07em;color:#aab4ff}
.url-audit-score span{font:600 11px var(--mono);color:#8f99ff;text-transform:uppercase}
.url-audit-score p{margin:0;color:#dce0ea;font-size:20px}
.url-audit-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:22px}
.url-audit-details span{display:flex;justify-content:space-between;gap:16px;border:1px solid #303747;padding:11px 13px;color:#b5bbc7;font-size:14px}
.url-audit-details b{color:#98a3ff;font:600 11px var(--mono)}
.url-audit-result.is-error{color:#ff9da6}

@media(max-width:1100px){
  .finder-intro,.url-audit{grid-template-columns:1fr}
  .briefing-layout{grid-template-columns:1fr}
  .briefing-form,.briefing-aside{min-width:0;width:100%}
  .finder-panel{grid-template-columns:1fr}
  .finder-question{border-right:0;border-bottom:1px solid #303646}
  .finder-result{grid-template-columns:1fr}
  .finder-result>span{grid-column:auto}
  .finder-result .button{width:100%;margin-top:8px}
  .briefing-aside{position:static;max-height:none}
}

@media(max-width:720px){
  .finder-intro{margin-bottom:30px}
  .finder-intro h2{font-size:clamp(44px,11.4vw,68px)}
  .finder-question{padding:24px 20px}
  .finder-question h3{min-height:0}
  .finder-result{padding:25px 20px}
  .team-section article{min-height:430px;padding:28px 20px}
  .team-section .large-monogram{margin-bottom:34px}
  .team-section h2{font-size:clamp(39px,11vw,54px);white-space:normal}
  .company-link-inner{grid-template-columns:1fr;text-align:center}
  .company-link img{width:min(76vw,330px);grid-row:1}
  .company-link h2{font-size:clamp(48px,14vw,70px)}
  .briefing-form .form-section{padding:30px 20px 38px}
  .briefing-form:before{padding:20px}
  .briefing-form>.button{width:calc(100% - 40px);margin:28px 20px}
  .briefing-form>.form-note{padding:0 20px 28px}
  .briefing-aside{padding:24px 20px}
  .url-audit{gap:35px}
  .url-audit-copy h2{font-size:clamp(44px,11.4vw,67px)}
  .url-audit-form>div:first-of-type{grid-template-columns:1fr}
  .url-audit-form .button{width:100%}
  .url-audit-details{grid-template-columns:1fr}
}