.landing{--bar:72px;--warm:linear-gradient(105deg,color-mix(in srgb,var(--plast-orange),var(--grey-900) 22%) 0%,color-mix(in srgb,var(--plast-orange),var(--grey-900) 10%) 100%);--warm-hover:linear-gradient(105deg,color-mix(in srgb,var(--plast-orange),var(--grey-900) 32%) 0%,color-mix(in srgb,var(--plast-orange),var(--grey-900) 20%) 100%);--warm-text:color-mix(in srgb,var(--plast-orange),var(--grey-900) 15%);--wrap:1200px;--text-col:620px;--gutter:var(--space-8);--band:96px;--on-dark:var(--text-on-brand);--on-dark-muted:color-mix(in srgb,var(--grey-0) 70%,transparent);--band-dark:linear-gradient(160deg,var(--blue-950) 0%,var(--blue-900) 100%);min-height:100vh;background:var(--surface-page);color:var(--text-body);font:var(--type-body);overflow-x:clip}
.landing a{text-decoration:none}
.landing__link{display:inline-flex;align-items:center;gap:var(--space-2);font:var(--type-label);color:var(--text-link)}
.landing__link:hover{color:var(--text-link-hover);text-decoration:underline;text-underline-offset:3px}
.landing .button--lg{height:48px;padding:0 var(--space-7);font:var(--fw-semibold) var(--fs-md)/1 var(--font-body)}
.landing__overline{margin:0;font:var(--type-overline);text-transform:uppercase;letter-spacing:var(--ls-caps);color:var(--text-muted)}

.landing__bar{position:sticky;top:0;z-index:10;background:color-mix(in srgb,var(--surface-card) 86%,transparent);backdrop-filter:var(--blur-glass);border-bottom:1px solid var(--border-subtle)}
.landing__bar-inner{max-width:var(--wrap);margin:0 auto;padding:var(--space-3) var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:var(--space-5)}
.landing__lockup{display:flex;align-items:center;gap:var(--space-3);min-width:0}
.landing__mark{flex:0 0 auto;width:40px;height:40px}
.landing__lockup-text{display:flex;flex-direction:column;gap:3px;min-width:0}
.landing__brand{font:var(--fw-light) 26px/1 var(--font-display);text-transform:uppercase;letter-spacing:var(--ls-wide);background:linear-gradient(105deg,var(--blue-500) 0%,var(--blue-700) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing__tagline{font:var(--fw-semibold) var(--fs-3xs)/1.2 var(--font-body);text-transform:uppercase;letter-spacing:var(--ls-caps);color:var(--text-muted);white-space:nowrap}
@supports not ((background-clip:text) or (-webkit-background-clip:text)){.landing__brand,.landing__accent{background:none;color:var(--blue-600)}.landing__saving{background:none;color:var(--warm-text)}}
@media (forced-colors:active),print{.landing__brand,.landing__accent{background:none;color:var(--blue-600);forced-color-adjust:none}.landing__saving{background:none;color:var(--warm-text);forced-color-adjust:none}}
.landing__bar-end{display:flex;align-items:center;gap:var(--space-4)}
.landing__bar .lang{order:0}
.landing__narrow{display:none}
:where(.landing) .button--warm{background:var(--warm);color:var(--text-on-brand);box-shadow:0 8px 20px color-mix(in srgb,var(--plast-orange) 28%,transparent)}
:where(.landing) .button--warm:hover{background:var(--warm-hover);color:var(--text-on-brand)}
.landing__menu{position:relative}
.landing__menu-toggle{display:inline-flex;align-items:center;height:var(--size-control-sm);padding:0 var(--space-5);border:1px solid var(--blue-600);border-radius:var(--radius-md);background:var(--blue-600);box-shadow:var(--shadow-brand);font:var(--type-caption);font-weight:var(--fw-semibold);color:var(--text-on-brand);list-style:none;cursor:pointer}
.landing__menu-toggle:hover{background:var(--blue-700);border-color:var(--blue-700)}
.landing__menu-toggle::-webkit-details-marker{display:none}
.landing__menu-toggle:focus-visible{outline:none;box-shadow:var(--ring-focus)}
.landing__menu-list{position:absolute;right:0;top:calc(100% + var(--space-2));min-width:220px;padding:var(--space-2);display:grid;border-radius:var(--radius-lg);background:var(--surface-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-lg)}
.landing__menu-list a{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);font:var(--type-h4);color:var(--text-link)}
.landing__menu-list a:hover{background:var(--surface-brand-soft)}
.landing__menu-list .landing__menu-warm{color:var(--warm-text)}

.landing__hero{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(560px,calc(100vh - var(--bar)),780px);display:flex;align-items:center;background:var(--surface-page)}
.landing__hero::before{--text-end:calc(max(0px,(100% - var(--wrap)) / 2) + var(--gutter) + var(--text-col));content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,var(--surface-page) 0%,color-mix(in srgb,var(--surface-page) 96%,transparent) max(38%,calc(var(--text-end) - 160px)),color-mix(in srgb,var(--surface-page) 72%,transparent) max(50%,var(--text-end)),transparent max(66%,calc(var(--text-end) + 200px)))}
.landing__hero-art{position:absolute;inset:0;margin:0;pointer-events:none}
.landing__hero-img{position:relative;z-index:-2;display:block;width:100%;height:100%;object-fit:cover;object-position:68% 25%}
.landing__mascot{z-index:1;position:absolute;left:55%;bottom:var(--space-8);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:color-mix(in srgb,var(--surface-card) 92%,transparent);backdrop-filter:var(--blur-glass);box-shadow:var(--shadow-sm);font:var(--type-label);color:var(--text-strong)}
.landing__glow{--glow-peak:.22;position:absolute;z-index:-1;left:-14%;top:55%;width:min(980px,75vw);translate:0 -50%;opacity:var(--glow-peak);pointer-events:none;transform-origin:60% 40%;filter:saturate(1.12);animation:login-breathe 11s cubic-bezier(.4,0,.6,1) .1s infinite both}
.landing__hero-inner{width:100%;max-width:var(--wrap);margin:0 auto;padding:var(--space-10) var(--gutter)}
.landing__hero-text{max-width:var(--text-col);min-width:0}
.landing__title{margin:0;font:var(--fw-bold) clamp(34px,3.7vw,54px)/1.08 var(--font-display);letter-spacing:var(--ls-tight);color:var(--text-strong);text-wrap:balance}
.landing__accent{background:linear-gradient(100deg,var(--blue-500) 0%,var(--blue-700) 60%,var(--plast-violet) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing__lead{margin:var(--space-5) 0 0;max-width:54ch;font:var(--fw-regular) var(--fs-lg)/1.5 var(--font-body);color:var(--text-body)}
.landing__facts,.landing__included{margin:var(--space-6) 0 0;padding:0;list-style:none;display:grid;gap:var(--space-3)}
.landing__facts li,.landing__included li{display:flex;align-items:center;gap:var(--space-3);font:var(--type-h4);color:var(--text-strong)}
.landing__facts .icon,.landing__included .icon{color:var(--success-500)}
.landing__actions{margin-top:var(--space-8);display:flex;flex-wrap:wrap;gap:var(--space-4)}
.landing__actions+.landing__link{margin-top:var(--space-5)}

.landing__trust{background:var(--band-dark);color:var(--on-dark)}
.landing__trust-inner{max-width:var(--wrap);margin:0 auto;padding:var(--space-9) var(--gutter)}
.landing__trust .landing__overline{color:var(--on-dark-muted)}
.landing__clients{margin:var(--space-6) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-6)}
.landing__clients li{display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-5);border-left:3px solid;border-image:var(--warm) 1}
.landing__client{font:var(--fw-bold) var(--fs-xl)/1.25 var(--font-display);color:var(--on-dark)}
.landing__client-where{font:var(--type-body-sm);color:var(--on-dark-muted)}
.landing__trust-more{margin:var(--space-6) 0 0;font:var(--type-body-sm);color:var(--on-dark-muted)}

.landing__section{max-width:var(--wrap);margin:0 auto;padding:var(--band) var(--gutter) 0;scroll-margin-top:var(--bar)}
.landing__heading{margin:0;font:var(--fw-bold) clamp(28px,2.6vw,38px)/1.15 var(--font-display);letter-spacing:var(--ls-snug);color:var(--text-strong);text-wrap:balance}
.landing__sub{margin:var(--space-3) 0 0;max-width:60ch;font:var(--type-body-lg);color:var(--text-muted)}

.landing__areas{margin-top:var(--space-9);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}
.landing__area{padding:var(--space-8);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-sm);border:1px solid var(--border-subtle);display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-5);align-content:start}
.landing__area-icon{grid-row:1/3;display:grid;place-items:center;width:52px;height:52px;border-radius:var(--radius-lg);background:linear-gradient(140deg,var(--blue-500),var(--blue-700));color:var(--text-on-brand);box-shadow:var(--shadow-brand)}
.landing__area-icon .icon svg{width:26px;height:26px}
.landing__area-title{margin:0;align-self:end;font:var(--type-overline);text-transform:uppercase;letter-spacing:var(--ls-caps);color:var(--text-muted)}
.landing__area-gain{margin:var(--space-1) 0 0;font:var(--fw-bold) var(--fs-xl)/1.3 var(--font-display);color:var(--text-strong)}
.landing__ticks{grid-column:1/-1;margin:var(--space-6) 0 0;padding:var(--space-5) 0 0;border-top:1px solid var(--border-subtle);list-style:none;display:grid;gap:var(--space-3);font:var(--type-body)}
.landing__ticks li{position:relative;padding-left:var(--space-6)}
.landing__ticks li::before{content:"";position:absolute;left:2px;top:.6em;width:7px;height:7px;border-radius:50%;background:var(--icon-accent)}

.landing__systems{margin-top:var(--space-8);padding:var(--space-6) var(--space-8);border-radius:var(--radius-xl);border:1px dashed var(--border-default);display:grid;gap:var(--space-4)}
.landing__systems-row{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4)}
.landing__systems-kind{min-width:170px;font:var(--type-label);color:var(--text-muted)}
.landing__systems-list{font:var(--type-h4);color:var(--text-strong)}

.landing__dark{position:relative;overflow:hidden;isolation:isolate;margin-top:var(--band);background:var(--band-dark);color:var(--on-dark);scroll-margin-top:var(--bar)}
.landing__dark-glow{--glow-peak:.45;position:absolute;z-index:-1;right:-6%;top:50%;width:720px;translate:0 -50%;opacity:var(--glow-peak);pointer-events:none;transform-origin:60% 40%;mix-blend-mode:screen;filter:hue-rotate(-25deg) saturate(1.2);animation:login-breathe 11s cubic-bezier(.4,0,.6,1) .1s infinite both}
.landing__dark-inner{max-width:var(--wrap);margin:0 auto;padding:var(--space-11) var(--gutter);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:var(--space-10);align-items:center}
.landing__dark .landing__overline{color:var(--on-dark-muted)}
.landing__dark .landing__heading{margin-top:var(--space-3);color:var(--on-dark)}
.landing__dark .landing__sub{color:var(--on-dark-muted)}
.landing__dark-note{margin:var(--space-6) 0 0;display:flex;align-items:center;gap:var(--space-3);font:var(--type-label);color:var(--on-dark)}
.landing__checks{padding:var(--space-7);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-7);border-radius:var(--radius-xl);background:color-mix(in srgb,var(--grey-0) 8%,transparent);border:1px solid color-mix(in srgb,var(--grey-0) 16%,transparent);backdrop-filter:blur(14px)}
.landing__checks-title{margin:0 0 var(--space-4);font:var(--type-overline);text-transform:uppercase;letter-spacing:var(--ls-caps);color:var(--on-dark-muted)}
.landing__checks-list{margin:0;padding:0;list-style:none;display:grid;gap:var(--space-4)}
.landing__checks-list li{display:flex;align-items:flex-start;gap:var(--space-3);font:var(--fw-semibold) var(--fs-md)/1.35 var(--font-body);color:var(--on-dark)}
.landing__checks-list .icon{color:color-mix(in srgb,var(--success-500),var(--grey-0) 35%)}

.landing__price{margin-top:var(--space-9);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:var(--space-6);align-items:stretch}
.landing__offer,.landing__compare{padding:var(--space-9);border-radius:var(--radius-xl);background:var(--surface-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-sm)}
.landing__amount{margin:0;font:var(--fw-bold) clamp(44px,5vw,64px)/1 var(--font-display);letter-spacing:var(--ls-tight);color:var(--text-strong);white-space:nowrap}
.landing__period{margin:var(--space-3) 0 0;font:var(--type-body-lg);color:var(--text-muted)}
.landing__offer .landing__included{margin-top:var(--space-7)}
.landing__apart{margin:var(--space-7) 0 0;padding-top:var(--space-5);border-top:1px solid var(--border-subtle);font:var(--type-body);color:var(--text-body)}
.landing__compare{background:var(--grey-25);box-shadow:none;display:flex;flex-direction:column}
.landing__compare-title{margin:0;font:var(--type-h4);color:var(--text-strong)}
.landing__bar-row{margin-top:var(--space-6);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--space-2) var(--space-4);align-items:center}
.landing__bar-label,.landing__bar-sum{font:var(--type-label);color:var(--text-strong);white-space:nowrap}
.landing__meter{grid-column:1/-1;height:12px;border-radius:var(--radius-pill);background:var(--grey-100);overflow:hidden}
.landing__fill{display:block;height:100%;border-radius:var(--radius-pill)}
.landing__fill--apart{width:100%;background:var(--grey-400)}
.landing__fill--ours{width:8%;background:linear-gradient(90deg,var(--blue-500),var(--blue-700))}
.landing__saving{margin:auto 0 0;padding-top:var(--space-7);font:var(--fw-bold) var(--fs-3xl)/1.1 var(--font-display);background:var(--warm);-webkit-background-clip:text;background-clip:text;color:transparent}
.landing__note{margin:var(--space-3) 0 0;font:var(--type-caption);color:var(--text-muted)}

.landing__steps{margin:var(--space-8) 0 0;padding:0;list-style:none;counter-reset:step;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:relative}
.landing__steps::before{content:"";position:absolute;left:18px;right:18px;top:17px;height:2px;background:linear-gradient(90deg,var(--blue-500),var(--blue-200))}
.landing__steps li{counter-increment:step;position:relative;display:flex;flex-direction:column;gap:var(--space-3);font:var(--type-h4);color:var(--text-strong)}
.landing__steps li::before{content:counter(step);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--blue-600);color:var(--text-on-brand);font:var(--type-label);box-shadow:0 0 0 6px var(--surface-page)}
.landing__partners{margin:var(--space-9) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6)}
.landing__partners li{padding:var(--space-7);border-radius:var(--radius-xl);background:var(--surface-card);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xs);display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2)}
.landing__partner{margin-bottom:var(--space-4);font:var(--fw-bold) var(--fs-xl)/1.25 var(--font-display);color:var(--text-strong)}
.landing__nocity{margin:var(--space-6) 0 0;font:var(--type-body);color:var(--text-body)}

.landing__made{position:relative;max-width:var(--wrap);margin:var(--band) auto 0;border-radius:var(--radius-2xl);overflow:hidden;background:var(--blue-50)}
.landing__made-img{display:block;width:100%;height:480px;object-fit:cover;object-position:right center}
.landing__made-text{position:absolute;inset:0 auto 0 0;width:min(600px,56%);padding:var(--space-10);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,color-mix(in srgb,var(--surface-card) 94%,transparent) 62%,transparent)}
.landing__made-lead{margin:var(--space-5) 0 0;font:var(--type-body-lg);color:var(--text-body)}

.landing__foot{margin-top:var(--band);background:var(--band-dark);color:var(--on-dark-muted)}
.landing__foot-inner{max-width:var(--wrap);margin:0 auto;padding:var(--space-10) var(--gutter) var(--space-8);display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:var(--space-10)}
.landing__foot .landing__brand{background:none;color:var(--on-dark)}
.landing__foot .landing__tagline,.landing__foot .landing__overline{color:var(--on-dark-muted)}
.landing__foot-brand{display:flex;flex-direction:column;gap:var(--space-6)}
.landing__foot-phone{display:inline-flex;align-items:center;gap:var(--space-3);font:var(--fw-bold) var(--fs-xl)/1 var(--font-display);color:var(--cyan-300)}
.landing__foot-phone:hover{text-decoration:underline;text-underline-offset:4px}
.landing__doors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4) var(--space-6);align-content:start}
.landing__doors .landing__overline{grid-column:1/-1}
.landing__door{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--grey-0) 6%,transparent);border:1px solid color-mix(in srgb,var(--grey-0) 14%,transparent);transition:var(--transition-control)}
.landing__door:hover{background:color-mix(in srgb,var(--grey-0) 10%,transparent);border-color:var(--blue-400)}
.landing__door-title{display:flex;align-items:center;gap:var(--space-2);font:var(--fw-bold) var(--fs-xl)/1.2 var(--font-display);color:var(--cyan-300)}
.landing__door--warm .landing__door-title{color:var(--icon-accent)}
.landing__door--warm:hover{border-color:var(--icon-accent)}
.landing__door-text{font:var(--type-body-sm);color:var(--on-dark-muted)}
.landing__foot-line{max-width:var(--wrap);margin:0 auto;padding:var(--space-6) var(--gutter) var(--space-8);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4) var(--space-8);border-top:1px solid color-mix(in srgb,var(--grey-0) 12%,transparent);font:var(--type-caption)}
.landing__foot .lang{background:color-mix(in srgb,var(--grey-0) 8%,transparent)}
.landing__foot .lang__option{color:var(--on-dark-muted)}
.landing__foot .lang__option--on{color:var(--text-strong)}
.landing__dock{display:none}

@media (prefers-reduced-motion:reduce){.landing__glow,.landing__dark-glow{animation:none}}
@media (max-width:1100px){
  .landing__areas{grid-template-columns:minmax(0,1fr)}
  .landing__clients{grid-template-columns:repeat(2,minmax(0,1fr))}
  .landing__hero{flex-direction:column;align-items:stretch;min-height:0}
  .landing__hero::before{content:none}
  .landing__hero-art{position:relative;inset:auto}
  .landing__hero-img{position:static;height:auto;aspect-ratio:16/10;object-position:62% 50%}
  .landing__mascot{left:var(--gutter);bottom:var(--space-5)}
  .landing__glow{top:30%;width:120%}
}
@media (max-width:900px){
  .landing__dark-inner,.landing__price,.landing__foot-inner{grid-template-columns:minmax(0,1fr)}
  .landing__partners{grid-template-columns:minmax(0,1fr)}
  .landing__made-img{height:260px}
  .landing__made-text{position:static;width:auto;background:var(--surface-card)}
}
@media (max-width:640px){
  .landing{--gutter:var(--space-6);--band:var(--space-10);padding-bottom:76px}
  .landing__tagline,.landing__wide{display:none}
  .landing__narrow{display:block}
  .landing__brand{font-size:22px}
  .landing__mark{width:34px;height:34px}
  .landing__hero-inner{padding-top:var(--space-8);padding-bottom:var(--space-8)}
  .landing__lead{font-size:var(--fs-md)}
  .landing__hero .landing__actions,.landing__made .landing__actions{display:none}
  .landing__hero .landing__link,.landing__made .landing__link{margin-top:var(--space-6)}
  .landing__clients{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}
  .landing__area{grid-template-columns:minmax(0,1fr);padding:var(--space-6)}
  .landing__area-icon{grid-row:auto;margin-bottom:var(--space-4);width:44px;height:44px}
  .landing__area-gain{font-size:var(--fs-lg)}
  .landing__checks{grid-template-columns:minmax(0,1fr);padding:var(--space-6)}
  .landing__offer,.landing__compare{padding:var(--space-6)}
  .landing__steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:var(--space-6)}
  .landing__steps::before{display:none}
  .landing__made{margin-left:var(--gutter);margin-right:var(--gutter)}
  .landing__made-text{padding:var(--space-7) var(--space-6)}
  .landing__doors{grid-template-columns:minmax(0,1fr)}
  .landing__systems{padding:var(--space-5)}
  .landing__systems-kind{min-width:0;width:100%}
  .landing__dock{position:fixed;z-index:20;left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-3) var(--gutter) calc(var(--space-3) + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--surface-card) 92%,transparent);backdrop-filter:var(--blur-glass);border-top:1px solid var(--border-subtle);box-shadow:0 -4px 16px color-mix(in srgb,var(--blue-900) 8%,transparent)}
  .landing__dock .button{justify-content:center;height:46px}
}
@media (max-width:374px){
  .landing__bar-inner{gap:var(--space-3)}
  .landing__lockup{gap:var(--space-2)}
  .landing__mark{width:30px;height:30px}
  .landing__brand{font-size:18px}
  .landing__bar-end{gap:var(--space-2)}
  .landing__menu-toggle{padding:0 var(--space-4)}
}
