/* dark-a4 hero copy (PREVIEW 2026-10-25). Hero + header button only: eyebrow removed so the H1 starts flush,
   balanced wraps, number phrases kept on one line, longer header button label kept on one line on phones. */
.hero h1{margin-top:0;text-wrap:balance}
.hero .sub{text-wrap:balance;max-width:34ch}
.hero .sub .nw{white-space:nowrap}
.nav .btn{white-space:nowrap}
@media (max-width:640px){
  .hero .sub{max-width:none}
  .site-head .wrap{gap:12px}
  .nav .btn{font-size:13px;padding:10px 12px}
}
@media (max-width:374px){
  .brand img{height:26px}
  .nav .btn{font-size:12px;padding:9px 10px}
}

/* dark-a4 trust strip: 4 one-line check items (PREVIEW 2026-10-25) */
.trust-in{grid-template-columns:repeat(4,auto)!important;justify-content:space-between;column-gap:24px}
.trust li,.trust li+li,.trust li:first-child,.trust li:nth-child(3){flex-direction:row!important;align-items:center;gap:10px!important;padding:22px 0 4px!important;border-left:0!important}
.trust svg.tck{margin-top:0;stroke:var(--ac)}
.trust .tt{display:block;margin:0;white-space:nowrap;font:500 17px/1.3 var(--body);color:#F5F1E8;letter-spacing:0}
@media (max-width:1080px){
  .trust-in{grid-template-columns:repeat(2,auto)!important;justify-content:start;column-gap:48px}
}
@media (max-width:640px){
  .trust-in{grid-template-columns:1fr!important}
  .trust li,.trust li+li,.trust li:first-child,.trust li:nth-child(3){padding:12px 0!important}
  .trust li+li{border-top:1px solid rgba(245,241,232,.10)}
  .trust .tt{font-size:16px}
}
/* one continuous rule above the strip instead of per-item segments */
.trust li,.trust li+li{border-top:0!important}
.trust-in{background:linear-gradient(rgba(245,241,232,.14),rgba(245,241,232,.14)) 32px 0/calc(100% - 64px) 1px no-repeat}
@media (max-width:640px){
  .trust-in{background-position:20px 0;background-size:calc(100% - 40px) 1px}
  .trust li+li{border-top:1px solid rgba(245,241,232,.10)!important}
}

/* ===== dark-a4 sections (PREVIEW 2026-10-25): 01 What I do, 02 Before and after, slider calculator, 04 How we start ===== */
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.whatido,.ba,.how{padding:112px 0}
.ba{background-color:var(--bg2)}
.sec-head{text-align:center;max-width:760px;margin:0 auto}
.sec-head .h2{margin-top:18px}
.sec-head .lede{margin:16px auto 0;max-width:620px;text-wrap:balance}
.kick{display:flex;align-items:center;justify-content:center;gap:12px;margin:0;font:600 14px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;color:var(--tx3)}
.kick .kn{color:var(--ac);font-variant-numeric:tabular-nums}
.kick .kl{width:28px;height:1px;background:rgba(245,241,232,.35)}

/* 01 cards */
.wid-cards{list-style:none;margin:56px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.wid-card{background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;padding:28px 28px 30px}
.wid-n{display:inline-grid;place-items:center;min-width:40px;height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(34,195,230,.55);color:var(--ac);font:600 13px/1 var(--display);letter-spacing:.04em;font-variant-numeric:tabular-nums}
.wid-card h3{margin-top:18px;font-size:21px;line-height:1.3;font-weight:700;letter-spacing:-.01em}
.wid-card p{margin:8px 0 0;font-size:17px;line-height:1.5;color:var(--tx2)}

/* 02 before / after */
.ba-table{max-width:960px;margin:56px auto 0;background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;padding:8px 32px}
.ba-row{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:18px 0;border-top:1px solid rgba(245,241,232,.10)}
.ba-row:first-child{border-top:0}
.ba-head{padding:16px 0 14px;border-bottom:1px solid rgba(245,241,232,.16)}
.ba-head+.ba-row{border-top:0}
.ba-head span{font:600 14px/1.2 var(--body);letter-spacing:.08em;text-transform:uppercase}
.ba-head .ba-today{color:var(--tx3)}
.ba-head .ba-with{color:#fff}
.ba-row .ba-today{color:var(--tx3);font-size:17px;line-height:1.45}
.ba-row .ba-with{color:#fff;font-size:17px;line-height:1.45;font-weight:500}
.ba-wt{display:flex;gap:12px;align-items:flex-start}
.ba-wt .ck{flex:none;margin-top:2px}
.ba-tag{display:none}
.ba-cta{display:flex;justify-content:center;margin-top:40px}

/* calculator: sliders */
.cost .sliders{display:flex;flex-direction:column;gap:30px}
.sl-top{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:12px}
.sl-top label{font-size:16px;font-weight:500;color:var(--tx2);line-height:1.35}
.sl-top output{flex:none;font:700 20px/1.2 var(--display);color:var(--tx);font-variant-numeric:tabular-nums;white-space:nowrap}
.sl input[type=range]{--p:50%;-webkit-appearance:none;appearance:none;display:block;width:100%;height:44px;margin:0;background:transparent;cursor:pointer;touch-action:pan-y}
.sl input[type=range]:focus{outline:none}
.sl input[type=range]::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,#4A6BC8,#22C3E6) 0 0/var(--p) 100% no-repeat,rgba(245,241,232,.14)}
.sl input[type=range]::-moz-range-track{height:8px;border-radius:999px;background:rgba(245,241,232,.14)}
.sl input[type=range]::-moz-range-progress{height:8px;border-radius:999px;background:linear-gradient(90deg,#4A6BC8,#22C3E6)}
.sl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:30px;height:30px;margin-top:-11px;border-radius:50%;background:#F5F1E8;border:3px solid #22C3E6;box-shadow:none}
.sl input[type=range]::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:#F5F1E8;border:3px solid #22C3E6;box-shadow:none}
.sl input[type=range]:focus-visible::-webkit-slider-thumb{outline:3px solid rgba(34,195,230,.6);outline-offset:3px}
.sl input[type=range]:focus-visible::-moz-range-thumb{outline:3px solid rgba(34,195,230,.6);outline-offset:3px}
.cost .tg-result{margin:0;display:flex;flex-direction:column;gap:8px}
.cost #tg-cost{overflow-wrap:anywhere}
.cost .tg-suf{font:600 20px/1.3 var(--body);color:#F5F1E8}
.cost #tg-cost-line{margin:0;font-size:16px;line-height:1.5}
.cost .tg-note{margin:10px 0 0;padding-top:18px;border-top:1px solid rgba(108,138,214,.45);font-size:16px;line-height:1.5;color:rgba(245,241,232,.8)}
.cost .calc-r .btn{margin-top:6px}

/* 04 how we start */

@media (max-width:1080px){
  .wid-cards{grid-template-columns:1fr}
}
@media (max-width:640px){
  .whatido,.ba,.how{padding:72px 0}
  .wid-cards,.ba-table,.tl{margin-top:40px}
  .wid-card{padding:24px 22px}
  .ba-table{padding:4px 20px}
  .ba-head{display:none}
  .ba-row,.ba-head+.ba-row{grid-template-columns:1fr;gap:10px;padding:18px 0;border-top:1px solid rgba(245,241,232,.10)}
  .ba-head+.ba-row{border-top:0}
  .ba-tag{display:block;font:600 12px/1 var(--body);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
  .ba-today .ba-tag{color:var(--tx3)}
  .ba-with .ba-tag{color:#34D3AA}
  .ba-row .ba-today,.ba-row .ba-with{font-size:16px}
  .ba-cta .btn{width:100%}
  .sl-top{flex-direction:column;align-items:flex-start;gap:4px}
  .cost .tg-suf{font-size:18px}
  .cost .calc-r .btn{width:100%;justify-content:center}
}
/* polish: tag above title, no orphan words */
#tg-cost-line{text-wrap:balance}
.nw{white-space:nowrap}
.kick-l{justify-content:flex-start}
.faq .faq-head{position:sticky;top:120px;align-self:start}
.faq .faq-head .h2{position:static;margin-top:18px}
@media (max-width:1080px){.faq .faq-head{position:static}}
.tl-card p,.tl-ck span,.wid-card p,.wid-card h3,.ba-row .ba-today,.ba-wt span,.cost .tg-note,.sl-top label{text-wrap:pretty}
/* 04 timeline */
.tl{list-style:none;margin:56px auto 0;padding:0;max-width:880px;position:relative}
.tl::before{content:"";position:absolute;left:15px;top:34px;bottom:34px;width:2px;background:rgba(245,241,232,.16)}
.tl-step{position:relative;padding-left:64px}
.tl-step+.tl-step{margin-top:24px}
.tl-dot{position:absolute;left:5px;top:28px;width:22px;height:22px;border-radius:50%;background:var(--bg);border:2px solid rgba(245,241,232,.4);transition:background-color .3s,border-color .3s}
.tl-step.is-active .tl-dot{background:var(--ac);border-color:var(--ac);outline:4px solid rgba(34,195,230,.22)}
.tl-card{background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;padding:28px 30px 30px;transition:border-color .3s}
.tl-step.is-active .tl-card{border-color:rgba(34,195,230,.65)}
.tl-top{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.tl-tag{font:600 13px/1 var(--body);padding:7px 12px;border-radius:999px;border:1px solid rgba(245,241,232,.35);color:var(--tx);white-space:nowrap}
.tl-card h3{margin-top:16px;font-size:23px;line-height:1.25;font-weight:700;letter-spacing:-.015em}
.tl-card p{margin:10px 0 0;font-size:17px;line-height:1.55;color:var(--tx2)}
.tl-ck{list-style:none;margin:16px 0 0;padding:0}
.tl-ck li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;font-size:17px;line-height:1.45;color:var(--tx)}
.tl-ck li+li{border-top:1px solid rgba(245,241,232,.08)}
.tl-ck svg{flex:none;margin-top:2px}
.tl-act{margin-top:48px;text-align:center}
/* 05 heading */
.about .ab-h{margin-top:18px;font-size:clamp(32px,3.4vw,46px);line-height:1.08}
/* 07 */
.book .kick{margin-bottom:20px}
.bf-sel{position:relative;display:block}
.bf-sel::after{content:"";position:absolute;right:16px;top:50%;width:8px;height:8px;border-right:2px solid var(--tx2);border-bottom:2px solid var(--tx2);transform:translateY(-70%) rotate(45deg);pointer-events:none}
.bf select{appearance:none;-webkit-appearance:none;font:inherit;font-size:17px;padding:13px 44px 13px 14px;border:1px solid rgba(245,241,232,.22);border-radius:var(--r-md);background:var(--bg);color:var(--tx);width:100%;min-height:50px}
.bf select:focus{outline:none;border-color:var(--ac);box-shadow:0 0 0 4px rgba(34,195,230,.22)}
.bf select option{background:#0A0F1E;color:#F5F1E8}
.foot-line{margin:0;text-wrap:balance}
@media (max-width:720px){
  .tl::before{left:10px}
  .tl-step{padding-left:40px}
  .tl-dot{left:0;top:26px}
  .tl-card{padding:24px 20px 26px}
  .tl-card h3{font-size:21px}
  .tl-act .btn{width:100%;justify-content:center}
}
.book h2,.faq summary{text-wrap:balance}
.wid-card .nw{white-space:nowrap;text-wrap:nowrap}
.book h2 .nw{white-space:nowrap;text-wrap:nowrap}
.book h2{font-size:clamp(40px,4.3vw,62px)}
.calc-l .kick{margin-bottom:16px}