/* Vaše tělocvična (ukázka) — Kimi system (light sheet + near-black panels, Oswald display, Space Grotesk UI,
   sticky stack that recedes, bracket panels, chequered seams, contour backdrops, stepped plates)
   in their monochrome; Cards Almanac for the price stack; Roadmap Ascent's ring + odometer for the clock. */
:root{
  --bg:#f4f4f2; --ink:#0b0b0c; --muted:rgba(11,11,12,.64); --line:#dcdcd7; --soft:#e9e9e5;
  --dark:#0e0f12; --dark-2:#1b1c20; --black:#0b0b0c; --on-dark:#fff; --on-dark-muted:#b9bbbe;
  --steel:#acacac; --outline:#55565a; --plate:rgba(255,255,255,.08); --rail:rgba(255,255,255,.22);
  --contour-light:rgba(11,11,12,.08); --contour-dark:rgba(255,255,255,.1);
  --display:"Oswald",Impact,sans-serif; --sans:"Space Grotesk",system-ui,sans-serif;
  --ease:cubic-bezier(.2,0,0,1); --ease-plate:cubic-bezier(.33,0,0,1); --fast:150ms; --normal:250ms; --slow:700ms;
  --gut:2rem;
}
html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (min-width:1441px){html{font-size:1.111111vw}}
html.is-locked{overflow:hidden}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}
main{width:100%;overflow-x:clip}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
h1,h2,h3,p,ul,ol,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
svg{display:block}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip{position:fixed;left:.75rem;top:-4rem;z-index:300;padding:.75rem 1.1rem;background:var(--ink);color:#fff;transition:top var(--normal) var(--ease)}
.skip:focus{top:.75rem}
:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* ---------- shared ---------- */
.logo{display:inline-flex;align-items:center;min-height:2.75rem;font-family:var(--display);font-weight:700;font-size:1.35rem;letter-spacing:.02em;text-transform:uppercase;line-height:1}
.logo b{margin-right:.08em;padding:.08em .18em;background:var(--ink);color:var(--bg)}
.kicker{font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.kicker--light{color:var(--on-dark-muted)}
.words{display:flex;flex-wrap:wrap;column-gap:.25em}
.words .w{display:inline-block;opacity:0;transform:translateY(.5em);transition:opacity .9s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0ms)}
.words.is-in .w{opacity:1;transform:none}
[data-rise],[data-rise-v]{opacity:0;transform:translateY(.75rem);transition:opacity .9s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0ms)}
[data-rise].is-in,[data-rise-v].is-in{opacity:1;transform:none}
.lt{display:inline-block;opacity:0;transform:translateY(.35em);transition:opacity .5s var(--ease),transform .6s var(--ease);transition-delay:var(--d,0ms)}
.is-in>.lt,.is-in .lt{opacity:1;transform:none}

/* chamfered CTA (Kimi) */
.chamfer{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:1.6em;height:2.5em;width:11em;font-size:1.25rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--on-dark)}
.chamfer{background:var(--ink);clip-path:polygon(0 0,100% 0,100% 84%,96.79% 100%,0 100%)}
.chamfer>svg:first-child{position:absolute;inset:0;width:100%;height:100%}
.chamfer__body{fill:var(--ink)}
.chamfer__flood{fill:var(--on-dark);transform-origin:left;transform:scaleX(0);transition:transform var(--normal) var(--ease-plate)}
.chamfer__brk{fill:none;stroke:var(--steel);stroke-width:1}
.chamfer span{position:relative;line-height:.9;transition:color var(--normal) var(--ease)}
.chamfer__arr{position:relative;width:.65em;height:.5em;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform var(--fast) var(--ease),stroke var(--normal) var(--ease)}
.chamfer:hover .chamfer__flood{transform:scaleX(1)}
.chamfer:hover{color:var(--ink)}
.chamfer:hover .chamfer__arr{transform:translateX(.25rem)}
.chamfer--light{background:var(--on-dark)}
.chamfer--light .chamfer__body{fill:var(--on-dark)}
.chamfer--light{color:var(--ink)}
.chamfer--light .chamfer__flood{fill:var(--steel)}
.chamfer[disabled]{opacity:.65;cursor:progress}

/* ---------- loading veil ---------- */
.veil{display:none}
.has-veil .veil{position:fixed;inset:0;z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg)}
.veil__in{display:flex;flex-direction:column;align-items:center}
.veil__mark{position:relative;width:6rem;height:7rem;-webkit-mask:url("../img/favicon.svg") center/contain no-repeat;mask:url("../img/favicon.svg") center/contain no-repeat}
.veil__shell,.veil__fill{position:absolute;inset:0}
.veil__shell{background:var(--ink);opacity:.12}
.veil__fill{background:var(--ink);transform-origin:top;transform:scaleY(0)}
.veil__name{margin-top:1.75rem;font-size:1.125rem;letter-spacing:.18em;text-transform:uppercase}
.veil__meter{position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--line)}
.veil__meter i{position:absolute;inset:0;background:var(--ink);transform-origin:left;transform:scaleX(0)}

/* ---------- menu sheet ---------- */
.sheet{position:fixed;inset:0;z-index:150;display:flex;flex-direction:column;padding:1.5rem 2rem;background:var(--bg);opacity:0;transition:opacity .35s var(--ease)}
.sheet[hidden]{display:none}
.sheet.is-open{opacity:1}
.sheet__top{display:flex;align-items:center;justify-content:space-between}
.sheet__x{position:relative;width:2.75rem;height:2.75rem}
.sheet__x i{position:absolute;left:25%;right:25%;top:50%;height:1px;background:var(--ink);transform:rotate(45deg)}
.sheet__x i+i{transform:rotate(-45deg)}
.sheet__nav{flex:1;display:flex;flex-direction:column;justify-content:center;gap:1rem}
.sheet__nav a{align-self:flex-start;font-family:var(--display);font-weight:700;font-size:2.4rem;line-height:.95;text-transform:uppercase;opacity:0;transform:translateY(.75rem);transition:opacity .5s var(--ease),transform .6s var(--ease),color var(--fast) var(--ease);transition-delay:calc(120ms + var(--i) * 55ms),calc(120ms + var(--i) * 55ms),0s}
.sheet.is-open .sheet__nav a{opacity:1;transform:none}
.sheet__nav a:hover{color:var(--muted)}
.sheet__tel{display:inline-flex;align-items:center;min-height:2.75rem;font-size:1.25rem;font-weight:500}

/* ---------- the stack ---------- */
.stack{position:relative;background:var(--black)}
.layer{position:sticky;top:0;z-index:0}
.layer+.layer{z-index:10}
.layer__in{position:relative;transform-origin:center}
.layer__shade{position:absolute;inset:0;z-index:40;background:var(--black);opacity:0;pointer-events:none}

/* ---------- 1 hero ---------- */
.hero{position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--bg)}
.contours{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero__plate{position:absolute;z-index:1;left:50%;top:50%;width:min(34vw,34rem);height:min(78vh,52rem);transform:translate(-50%,-48%);clip-path:polygon(0 0,calc(100% - 28px) 0,100% 28px,100% 100%,28px 100%,0 calc(100% - 28px));background:#1a1a1a}
.hero__plate canvas{width:100%;height:100%;display:block}
.hero__label{position:absolute;left:1rem;bottom:1rem;padding:.25rem .55rem;background:rgba(11,11,12,.6);color:#fff;font-size:.75rem;letter-spacing:.04em}
.hero__col{position:relative;z-index:2;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;padding:1.5rem 2rem;pointer-events:none}
.hero__col a,.hero__col button,.hero__col .panels{pointer-events:auto}
.mast{position:relative;z-index:30;display:flex;align-items:center;justify-content:space-between}
.mast__nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;gap:3rem}
.mast__nav a,.mast__cta{font-size:1rem;text-transform:uppercase;line-height:.9;transition:color var(--fast) var(--ease)}
.mast__nav a{position:relative;padding:.5rem 0}
.mast__nav a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--normal) var(--ease)}
.mast__nav a:hover::after,.mast__nav a[aria-current="true"]::after{transform:scaleX(1)}
.mast__nav a:hover,.mast__cta:hover{color:var(--muted)}
.mast__cta{display:inline-flex;align-items:center;min-height:2.75rem;font-weight:700}
.burger{display:none;position:relative;width:2.75rem;height:2.75rem;margin-right:-.5rem}
.burger i{position:absolute;left:.625rem;right:.625rem;height:1px;background:var(--ink)}
.burger i:first-child{top:calc(50% - 3px)}.burger i:nth-child(2){top:calc(50% + 3px)}
.hero__mid{flex:1;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.ident{max-width:28rem}
.ident__id{font-size:1rem;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}
.ident__name{max-width:6em;font-family:var(--display);font-weight:700;font-size:min(6rem,5vw);line-height:.95;text-transform:uppercase}
.ident__meta{display:flex;flex-direction:column;gap:1rem;margin-top:4rem}
.ident__meta li{display:flex;align-items:center;gap:.6rem;font-size:1.125rem;text-transform:uppercase;line-height:.9}
.ident__meta svg{width:1rem;height:1rem;fill:none;stroke:currentColor;stroke-width:1.4}
.panels{display:flex;flex-direction:column;gap:2rem;width:15rem}
.bpanel{position:relative;padding:1.1rem 1.2rem;background:rgba(244,244,242,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}
.br{position:absolute;width:.625rem;height:.625rem;border:0 solid var(--ink)}
.br--tl{left:0;top:0;border-left-width:1px;border-top-width:1px}.br--tr{right:0;top:0;border-right-width:1px;border-top-width:1px}
.br--bl{left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}.br--br{right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}
.bpanel__eye{font-size:.8rem;font-weight:500;letter-spacing:-.01em;text-transform:uppercase;line-height:.9}
.bpanel__eye.is-closed{color:var(--muted)}
.clock{display:flex;align-items:center;gap:.9rem;margin-top:1rem}
.clock__ring{width:3.25rem;height:3.25rem;transform:rotate(-90deg)}
.clock__ring circle{fill:none;stroke-width:3}
.clock__track{stroke:var(--line)}
.clock__arc{stroke:var(--ink);stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1;transition:stroke-dashoffset 1.6s var(--ease)}
.odo{display:flex;align-items:center;font-family:var(--display);font-weight:500;font-size:2.2rem;line-height:1;letter-spacing:-.02em}
.odo__d{position:relative;display:inline-block;height:1em;overflow:hidden}
.odo__s{display:flex;flex-direction:column;transition:transform 1.2s var(--ease)}
.odo__s span{height:1em}
.bpanel__list{display:flex;flex-direction:column;gap:.375rem;margin-top:1rem;font-size:.875rem;text-transform:uppercase;line-height:1}
.bpanel__list dt{font-weight:700}
.bpanel__link{display:inline-flex;align-items:center;min-height:2.75rem;margin-top:.5rem;font-size:.875rem;font-weight:500;text-transform:uppercase;border-bottom:1px solid var(--line);transition:border-color var(--normal) var(--ease)}
.bpanel__link:hover{border-color:var(--ink)}
.bpanel__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1.4rem}
.bpanel__stats div{display:flex;flex-direction:column-reverse;gap:.5rem}
.bpanel__stats dt{font-size:.75rem;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap}
.bpanel__stats dd{font-family:var(--display);font-weight:500;font-size:2.375rem;line-height:.8;letter-spacing:-.06em}
.actions{display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:2rem}
.actions__play{display:inline-flex;align-items:center;gap:.75rem;justify-self:start;transition:color var(--fast) var(--ease)}
.actions__play svg{width:2rem;height:2rem;fill:none;stroke:currentColor;stroke-width:1.2;transition:transform var(--normal) var(--ease)}
.actions__play svg path{fill:currentColor;stroke:none}
.actions__play:hover svg{transform:scale(1.1)}
.actions__play span{display:flex;flex-direction:column;gap:.375rem;font-size:.875rem;text-transform:uppercase;line-height:.9}
.actions__play i{font-style:normal;color:var(--muted)}
.actions__contact{justify-self:end;display:flex;gap:2rem;font-size:.875rem;text-transform:uppercase}
.actions__contact a{display:inline-flex;align-items:center;min-height:2.75rem;transition:color var(--fast) var(--ease)}
.actions__contact a:hover{color:var(--muted)}

/* ---------- 2 why ---------- */
.why{position:relative;min-height:100vh;min-height:100svh;overflow:hidden;background:var(--dark);color:var(--on-dark);display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;padding:12rem var(--gut) 4rem}
.flag{position:absolute;left:0;right:0;top:0;height:34svh;width:100%;z-index:30;pointer-events:none}
.why__map{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.why__copy{position:relative;z-index:2;max-width:38rem}
.why__copy::before{content:"";position:absolute;inset:-4rem -5rem;z-index:-1;background:radial-gradient(closest-side,rgba(14,15,18,.9),rgba(14,15,18,0));pointer-events:none}
.why .kicker{color:var(--on-dark-muted)}
.why__title{margin-top:1rem;font-family:var(--display);font-weight:700;font-size:3.4375rem;line-height:.95;text-transform:uppercase}
.why__text{margin-top:1.5rem;font-size:1.1rem;color:rgba(255,255,255,.86)}
.why__facts{margin-top:1.75rem;display:flex;flex-direction:column;gap:.7rem;font-size:1rem;color:rgba(255,255,255,.82)}
.why__facts b{color:#fff;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.plate-v{position:relative;z-index:2;align-self:flex-end;width:22rem;padding:1.5rem;background:var(--dark-2);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}
.plate-v__eye{font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-muted)}
.plate-v__list{margin-top:1rem;display:flex;flex-direction:column}
.plate-v__list li{display:flex;gap:1rem;padding:.75rem 0;border-top:1px solid #2a2c32;font-size:1rem}
.plate-v__list span{font-family:var(--display);font-weight:500;color:var(--steel)}

/* ---------- 3 steps timeline ---------- */
.steps{position:relative;z-index:20;isolation:isolate;background:var(--black);color:var(--on-dark);padding:12rem 0 9rem;overflow-x:clip}
.steps__head{position:absolute;z-index:20;top:12rem;right:var(--gut);font-family:var(--display);font-weight:700;font-size:4.5rem;line-height:.95;text-transform:uppercase;justify-content:flex-end}
.steps__sub{position:absolute;z-index:20;top:17.5rem;right:var(--gut);width:22rem;text-align:right;font-size:1.05rem;color:var(--on-dark-muted)}
.steps__body{position:relative;margin-top:10rem}
.rail{position:absolute;left:50%;top:0;bottom:0;width:16px;height:100%;transform:translateX(-50%);z-index:10;overflow:visible;pointer-events:none}
.rail__track{stroke:var(--rail);stroke-width:1;stroke-dasharray:6 6}
.rail__run{fill:#fff}
.rail__mark{fill:#fff}
.row{position:relative;height:32rem;transition:opacity var(--slow) var(--ease-plate)}
.row--side{height:16rem}
.steps.has-hover .row{opacity:.3}
.steps.has-hover .row.is-hover{opacity:1}
.plate{position:absolute;top:0;bottom:0;margin:0;background:var(--outline);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px))}
.row--centre .plate{left:50%;width:49rem;max-width:56vw;transform:translateX(-50%)}
.row--left .plate{left:var(--gut);width:23rem}
.row--right .plate{right:var(--gut);width:23rem}
.plate__fill{position:absolute;inset:1px;overflow:hidden;background:var(--plate);clip-path:inherit;transition:inset var(--slow) var(--ease-plate)}
.plate:hover .plate__fill{inset:5%}
.plate__fill img{position:absolute;left:0;top:-5%;width:100%;height:110%;object-fit:cover;transform:translateY(var(--py,0));will-change:transform}
.row__num{position:absolute;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);font-family:var(--display);font-weight:700;font-size:5rem;line-height:.95;color:#fff;pointer-events:none;text-shadow:0 4px 40px rgba(0,0,0,.6);transition:opacity 1.6s var(--ease)}
.row--left .row__num{left:calc(var(--gut) + 11.5rem)}
.row--right .row__num{left:auto;right:calc(var(--gut) + 11.5rem);transform:translate(50%,-50%)}
.row--centre .row__num.is-settled{opacity:.45}
.row__copy{position:absolute;z-index:20;top:50%;transform:translateY(calc(-50% + var(--cy,0px)));width:20rem}
.row--centre .row__copy{right:var(--gut)}
.row--left .row__copy{left:calc(50% + 4rem)}
.row--right .row__copy{right:calc(50% + 4rem);text-align:right}
.row__copy h3{font-family:var(--display);font-weight:700;font-size:2rem;line-height:1;text-transform:uppercase}
.row__copy p{margin-top:.75rem;font-size:1.05rem;color:rgba(255,255,255,.86)}
.row__copy a{text-decoration:underline;text-underline-offset:3px}
.steps__label{position:absolute;right:var(--gut);bottom:2rem;font-size:.75rem;color:rgba(255,255,255,.62)}

/* ---------- 4 gear video ---------- */
.gear{height:320vh;background:var(--black);color:#fff}
.gear .scroll-seq__sticky{background:var(--black)}
.gear__shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.2) 55%,rgba(0,0,0,.05)),linear-gradient(0deg,rgba(0,0,0,.7),transparent 45%)}
.gear__act{position:absolute;z-index:2;left:var(--gut);bottom:4rem;max-width:40rem}
.scroll-seq .gear__act[data-show]{transform:none;visibility:hidden;transition:opacity .7s var(--ease),visibility 0s linear .7s}
.scroll-seq .gear__act[data-show].is-visible{visibility:visible;transition:opacity .7s var(--ease),visibility 0s}
.gear__title{margin-top:1rem;font-family:var(--display);font-weight:700;font-size:4.5rem;line-height:.95;text-transform:uppercase}
.gear__text{margin:1.25rem 0 0;font-size:1.15rem;color:rgba(255,255,255,.86)}
.gear__act .chamfer{margin-top:2rem}
.gear__act--brands{left:auto;right:var(--gut);bottom:auto;top:50%;transform:translateY(-50%) !important;text-align:right}
.gear__brand{font-family:var(--display);font-weight:700;font-size:clamp(3rem,7vw,7.5rem);line-height:.92;text-transform:uppercase;letter-spacing:-.01em}
.gear__brand:nth-child(even){color:var(--steel)}
.gear__label{position:absolute;z-index:2;right:var(--gut);bottom:1.5rem;font-size:.75rem;color:rgba(255,255,255,.65)}

/* ---------- 5 prices (Cards Almanac stack) ---------- */
.prices{position:relative;padding:0 var(--gut) 7rem;background:radial-gradient(120% 80% at 50% -8%,#fbfbfa 0%,var(--bg) 60%),var(--bg)}
.prices__intro{max-width:42rem;margin:0 auto;padding:8rem 0 2.5rem;text-align:center}
.prices__title{margin-top:1rem;font-family:var(--display);font-weight:700;font-size:4rem;line-height:.95;text-transform:uppercase;justify-content:center}
.prices__sub{margin:1.25rem auto 0;max-width:32rem;color:var(--muted)}
.pstack{width:min(80vw,67.5rem);margin:0 auto}
.pc{position:sticky;top:var(--top,88px);margin:0 0 42vh;display:grid;grid-template-columns:minmax(12rem,42%) 1fr;grid-template-rows:1fr auto;gap:1.5rem;min-height:clamp(300px,44vh,460px);padding:1.1rem;background:#fff;border:1px solid rgba(11,11,12,.08);box-shadow:0 1px 2px rgba(0,0,0,.06),0 40px 80px -34px rgba(0,0,0,.35);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));transform-origin:50% 0;will-change:transform,filter}
.pc:last-of-type{margin-bottom:0}
.pstack__tail{height:58vh}
.pc__media{grid-row:1/span 2;position:relative;overflow:hidden;min-height:13rem}
.pc__cover{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.12);transition:transform 1.15s cubic-bezier(.2,.7,.2,1)}
.pc__body{padding:.6rem .75rem 0}
.pc__tag{font-size:.8rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.pc__name{margin-top:.9rem;font-family:var(--display);font-weight:700;font-size:2.4rem;line-height:.95;text-transform:uppercase}
.pc__rows{margin-top:1.25rem}
.pc__rows li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.8rem 0;border-top:1px solid var(--line);font-size:1.1rem}
.pc__rows b{font-family:var(--display);font-weight:500;font-size:2rem;letter-spacing:-.02em;white-space:nowrap}
.pc__note{margin-top:.9rem;color:var(--muted)}
.pc__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 .75rem}
.pc__idx{font-size:.85rem;font-variant-numeric:tabular-nums;color:var(--muted)}
.pc__go{display:inline-flex;align-items:center;gap:.6rem;min-height:2.75rem;padding:0 1.1rem;background:var(--ink);color:#fff;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.04em;transition:background-color var(--normal) var(--ease)}
.pc__go svg{width:.8rem;height:.65rem;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform var(--fast) var(--ease)}
.pc__go:hover{background:#333}
.pc__go:hover svg{transform:translateX(3px)}
.pc__body>*,.pc__foot{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .65s cubic-bezier(.2,.7,.2,1)}
.pc.is-in .pc__cover{transform:scale(1)}
.pc.is-in .pc__body>*{opacity:1;transform:none}
.pc.is-in .pc__body>*:nth-child(2){transition-delay:.08s}.pc.is-in .pc__body>*:nth-child(3){transition-delay:.16s}.pc.is-in .pc__body>*:nth-child(4){transition-delay:.24s}
.pc.is-in .pc__foot{opacity:1;transform:none;transition-delay:.3s}

/* ---------- 6 paddock / contact ---------- */
.paddock{position:relative;isolation:isolate;overflow:hidden;background:var(--bg);padding-top:10rem}
.paddock .flag{z-index:5}
.contours--paddock{z-index:0}
.paddock__top{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:3rem;padding:0 var(--gut) 5rem}
.paddock__motto{margin-top:1rem;font-family:var(--display);font-weight:700;font-size:6rem;line-height:.92;text-transform:uppercase}
.paddock__text{margin-top:1.75rem;max-width:32rem;font-size:1.1rem}
.paddock__list{margin-top:2rem}
.paddock__list li{display:flex;align-items:center;gap:1.5rem;border-top:1px solid var(--line)}
.paddock__list li:last-child{border-bottom:1px solid var(--line)}
.paddock__list span{width:5.5rem;font-size:.8rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.paddock__list a{display:inline-flex;align-items:center;min-height:3.2rem;font-size:1.15rem;transition:color var(--fast) var(--ease)}
.paddock__list a:hover{color:var(--muted)}
.form{position:relative;align-self:start;display:flex;flex-direction:column;gap:1rem;padding:2rem;background:#fff;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,0 100%)}
.form__title{font-family:var(--display);font-weight:700;font-size:1.9rem;line-height:1;text-transform:uppercase}
.hp{position:absolute;left:-9999px}
.field{display:flex;flex-direction:column;gap:.4rem}
.field>span{font-size:.8rem;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.field input{width:100%;min-height:3rem;padding:.75rem .9rem;border:1px solid var(--line);border-radius:0;background:var(--bg);font-size:1rem;outline:none;transition:border-color var(--normal) var(--ease),background-color var(--normal) var(--ease)}
.field input:focus{border-color:var(--ink);background:#fff}
.field.is-bad input{border-color:#b3261e}
.field__err{font-size:.85rem;color:#b3261e;opacity:0;transform:translateY(-4px);transition:opacity var(--normal) var(--ease),transform var(--normal) var(--ease)}
.field.is-bad .field__err{opacity:1;transform:none}
.form__two{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form__note{font-size:1rem;color:var(--muted)}
.form__send{align-self:flex-start;font-size:1.05rem}
.form__done{position:absolute;inset:0;z-index:3;display:none;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;padding:2rem;background:#fff;text-align:center;opacity:0;transform:scale(.98);transition:opacity .4s var(--ease),transform .5s var(--ease)}
.form__done-title{font-family:var(--display);font-weight:700;font-size:2rem;text-transform:uppercase}
.form__again{min-height:2.75rem;margin-top:.5rem;padding:0 1.2rem;border:1px solid var(--ink);font-size:.9rem;text-transform:uppercase;letter-spacing:.04em;transition:background-color var(--normal) var(--ease),color var(--normal) var(--ease)}
.form__again:hover{background:var(--ink);color:#fff}
.form.is-done .form__done{display:flex}
.form.is-shown .form__done{opacity:1;transform:none}
.form__error{display:none;padding:.8rem 1rem;background:#fdecea;color:#7a1414}
.form__error a{text-decoration:underline}
.form.is-error .form__error{display:block}
.band{position:relative;z-index:2;padding:2.5rem var(--gut) 3rem;background:var(--dark);color:#fff}
.band__eye{font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-muted)}
.strip{position:relative;height:3.5rem;margin-top:1.5rem;background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 8px,transparent 8px 16px) center/100% 1px no-repeat}
.strip__open{position:absolute;top:50%;left:25%;width:66.6667%;height:.6rem;margin-top:-.3rem;background:#fff}
.strip__now{position:absolute;top:0;bottom:0;left:var(--now,50%);width:0;transition:left 1s var(--ease)}
.strip__brk{position:absolute;left:-.9rem;top:.2rem;bottom:.2rem;width:1.8rem;border:1px solid #fff;border-top:0;border-bottom:0}
.strip__pulse{position:absolute;left:-.3rem;top:50%;width:.6rem;height:.6rem;margin-top:-.3rem;border-radius:50%;background:var(--steel);box-shadow:0 0 0 0 rgba(255,255,255,.5);animation:pulse 1.8s infinite}
@keyframes pulse{70%{box-shadow:0 0 0 .7rem rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.strip__now b{position:absolute;left:1.2rem;top:-.4rem;font-family:var(--display);font-weight:500;font-size:1.2rem}
.strip__ticks{position:relative;display:flex;justify-content:space-between;margin-top:.5rem;font-size:.8rem;color:var(--on-dark-muted)}
.strip__ticks span:nth-child(2){position:absolute;left:25%;transform:translateX(-50%)}
.strip__ticks span:nth-child(3){position:absolute;left:50%;transform:translateX(-50%)}
.strip__ticks span:nth-child(4){position:absolute;left:75%;transform:translateX(-50%)}
.strip__ticks span:nth-child(5){position:absolute;left:91.6667%;transform:translateX(-50%)}
.strip__ticks span:nth-child(6){margin-left:auto}
.band__state{margin-top:1.25rem;font-size:1.1rem}

/* ---------- 7 footer ---------- */
.foot{padding:1rem;background:var(--steel)}
.foot__panel{position:relative;overflow:hidden;padding:4rem 3rem 2rem;background:var(--black);color:#fff}
.contours--foot{z-index:0}
.foot__top{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:3rem}
.foot__big{max-width:14em;font-family:var(--display);font-weight:700;font-size:4.5rem;line-height:.92;text-transform:uppercase}
.foot__nav{display:flex;flex-direction:column;gap:.25rem;text-align:right}
.foot__nav a{display:inline-flex;justify-content:flex-end;align-items:center;min-height:2.75rem;font-size:1.25rem;text-transform:uppercase;letter-spacing:.04em;transition:color var(--fast) var(--ease)}
.foot__nav a:hover{color:var(--steel)}
.foot__legal{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:4rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.15);font-size:.9rem;color:rgba(255,255,255,.62)}
.foot__legal a{display:inline-flex;align-items:center;min-height:2.75rem;color:#fff}

/* ---------- call card ---------- */
.callsheet{position:fixed;z-index:170;width:min(21rem,calc(100vw - 24px));padding:1.4rem;background:#fff;color:var(--ink);box-shadow:0 30px 70px -24px rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.08);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);opacity:0;transform:translateY(-8px) scale(.96);transform-origin:var(--ox,50%) var(--oy,0);transition:opacity var(--normal) var(--ease),transform .42s var(--ease)}
.callsheet[hidden]{display:none}
.callsheet.is-open{opacity:1;transform:none}
.callsheet__label{font-size:.8rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}
.callsheet__num{display:block;margin:.4rem 0 1rem;font-family:var(--display);font-weight:700;font-size:2.2rem;transition:color var(--normal) var(--ease)}
.callsheet__num:hover{color:var(--muted)}
.callsheet__actions{display:flex;gap:.5rem;flex-wrap:wrap}
.cs-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:0 .9rem;border:1px solid var(--ink);font-size:.85rem;font-weight:500;text-transform:uppercase;transition:background-color var(--normal) var(--ease),color var(--normal) var(--ease)}
.cs-btn:hover{background:var(--ink);color:#fff}
.cs-btn--dark{background:var(--ink);color:#fff}
.cs-btn--dark:hover{background:#333}
.callsheet__note{min-height:1.4rem;margin-top:.75rem;font-size:.92rem;color:#1d7a3a;opacity:0;transition:opacity var(--normal) var(--ease)}
.callsheet__note.is-shown{opacity:1}
.callsheet__close{position:absolute;top:.4rem;right:.4rem;width:2.5rem;height:2.5rem;font-size:1.4rem;color:var(--muted);transition:color var(--normal) var(--ease),transform .42s var(--ease)}
.callsheet__close:hover{color:var(--ink);transform:rotate(90deg)}

/* ---------- below 1280 ---------- */
@media (max-width:1279px){
  .mast__nav,.mast__cta{display:none}
  .burger{display:block}
  .hero__plate{width:min(40vw,30rem)}
  .row--centre .plate{max-width:62vw}
  .row--left .plate,.row--right .plate{width:30vw}
  .row--left .row__num{left:calc(var(--gut) + 15vw)}
  .row--right .row__num{right:calc(var(--gut) + 15vw)}
}
@media (max-width:1023px){
  .hero__mid{flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:2rem}
  .hero__plate{left:auto;right:0;top:auto;bottom:0;width:60vw;height:62%;transform:none}
  .ident__name{font-size:4.375rem}
  .ident__meta{margin-top:2rem}
  .panels{flex-direction:row;width:auto;gap:1rem}
  .actions{grid-template-columns:1fr;justify-items:start}
  .actions__contact{justify-self:start}
  .why{flex-direction:column;align-items:flex-start}
  .paddock__top{grid-template-columns:1fr}
  .paddock__motto{font-size:4rem}
  .foot__top{flex-direction:column;align-items:flex-start}
  .foot__nav{text-align:left}
  .foot__nav a{justify-content:flex-start}
  .foot__big{font-size:3rem}
}
/* phone: plain flow, no pinning (layers taller than the screen must not stick) */
@media (max-width:767px){
  :root{--gut:1.25rem}
  .layer{position:relative}
  .layer__shade{display:none}
  .hero__col{padding:1.25rem}
  .hero__plate{position:relative;left:auto;right:auto;bottom:auto;display:block;width:auto;height:58vh;margin:0 1.25rem 1.5rem;transform:none}
  .hero{display:flex;flex-direction:column-reverse}
  .hero__col{min-height:auto}
  .ident__name{font-size:3.6rem}
  .panels{flex-direction:column;width:100%}
  .actions{gap:1rem}
  .actions__play{display:none}
  .actions .chamfer{width:100%;height:3.5rem}
  .actions__contact{flex-direction:column;gap:0}
  .why{padding:9rem var(--gut) 3rem}
  .why__title{font-size:2.6rem}
  .plate-v{width:100%}
  .steps{padding:9rem var(--gut) 5rem}
  .steps__head{position:relative;top:auto;right:auto;font-size:3rem;justify-content:flex-start}
  .steps__sub{position:relative;top:auto;right:auto;width:auto;margin-top:1rem;text-align:left}
  .steps__body{margin-top:2.5rem;display:flex;flex-direction:column;gap:2.75rem}
  .rail{display:none}
  .row,.row--side{height:auto;display:flex;flex-direction:column;gap:.75rem}
  .plate,.row--centre .plate,.row--left .plate,.row--right .plate{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:100%;max-width:none;aspect-ratio:710/462;transform:none}
  .row__num,.row--left .row__num,.row--right .row__num{position:absolute;left:1rem;right:auto;top:1rem;transform:none;font-size:3rem}
  .row__copy,.row--centre .row__copy,.row--left .row__copy,.row--right .row__copy{position:relative;left:auto;right:auto;top:auto;transform:none;width:auto;text-align:left}
  .steps__label{position:static;margin-top:2rem}
  .strip__ticks{font-size:.72rem}
  .strip__ticks span:nth-child(6){display:none}
  .strip__now b{font-size:1rem;left:1rem}
  .gear__title{font-size:2.6rem}
  .gear__act{left:var(--gut);right:var(--gut)}
  .gear__act--brands{right:var(--gut)}
  .prices__title{font-size:2.8rem}
  .pstack{width:100%}
  .pc{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0;gap:.8rem;padding:.75rem;margin-bottom:34vh}
  .pc__media{grid-row:1;aspect-ratio:16/10;min-height:0}
  .pc__name{font-size:2rem}
  .pc__foot{padding:0 .4rem}
  .paddock{padding-top:7rem}
  .paddock__motto{font-size:3rem}
  .form{padding:1.25rem}
  .form__two{grid-template-columns:1fr}
  .foot__panel{padding:2.5rem 1.5rem 1.5rem}
  .foot__big{font-size:2.4rem}
  .foot__legal{flex-direction:column;align-items:flex-start}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important}
  .words .w,[data-rise],[data-rise-v],.lt,.pc *,.sheet__nav a{transform:none !important;transition:opacity .3s linear !important}
  .callsheet{transform:none !important}
}