:root{
  --wall-0:#F6F9FC;
  --wall-1:#EEF3F9;
  --wall-2:#DCE4EE;
  --wall-3:#BFCAD9;

  --ink:#16202F;
  --ink-2:#3D4C63;
  --ink-3:#6B7A91;

  --door:#2C3E5B;
  --door-hi:#4A6284;
  --door-lo:#1A2537;
  --night:#101A28;

  --amber:#FFB43D;
  --amber-2:#F9A825;
  --amber-3:#EE8E0F;
  --amber-soft:#FFE0AE;
  --amber-glow:255,183,77;
  --warm-1:#FFF3D6;

  --line:rgba(26,37,55,.12);
  --white-70:rgba(255,255,255,.72);

  --r-lg:26px;
  --r-md:18px;
  --r-sm:13px;

  --sh-1:0 2px 6px rgba(20,30,48,.06);
  --sh-2:0 18px 40px -26px rgba(20,30,48,.75), 0 2px 6px rgba(20,30,48,.05);
  --sh-3:0 30px 60px -32px rgba(20,30,48,.85), 0 3px 10px rgba(20,30,48,.06);
  --sh-amber:0 18px 34px -14px rgba(233,141,20,.85);

  --wrap:1220px;
  --pad:clamp(16px,4vw,46px);
  --hdr-h:78px;
}


*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;overflow-x:clip}
body{
  margin:0;
  overflow-x:clip;
  background:var(--wall-1);
  color:var(--ink);
  font-family:"Assistant",system-ui,"Segoe UI",sans-serif;
  font-weight:400;
  font-size:17px;
  line-height:1.6;
  font-synthesis:none;
  -webkit-font-smoothing:antialiased;
}
img,svg{max-width:100%}
h1,h2,h3{font-family:"Rubik","Assistant",system-ui,sans-serif;font-weight:800;letter-spacing:-.03em;line-height:1.05;margin:0}
p{margin:0}
ul,ol,dl,dd{margin:0;padding:0;list-style:none}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit;color:inherit}
.num{font-variant-numeric:tabular-nums;direction:ltr;unicode-bidi:isolate}
.wrap{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad)}
:focus-visible{outline:3px solid var(--amber-2);outline-offset:3px;border-radius:6px}
.skip{position:fixed;inset-block-start:-100px;inset-inline-start:12px;z-index:99;
  background:var(--ink);color:#fff;padding:10px 16px;border-radius:0 0 12px 12px;font-weight:700}
.skip:focus{inset-block-start:0}


.hdr{
  position:fixed;inset-block-start:0;inset-inline:0;z-index:60;height:var(--hdr-h);
  display:flex;align-items:center;
  transition:background .35s ease, box-shadow .35s ease, height .35s ease;
}
.hdr.scrolled{
  height:64px;
  background:rgba(243,247,251,.82);
  -webkit-backdrop-filter:saturate(1.4) blur(14px);
  backdrop-filter:saturate(1.4) blur(14px);
  box-shadow:0 1px 0 rgba(26,37,55,.10), 0 14px 30px -26px rgba(20,30,48,.8);
}
.hdr-in{width:100%;max-width:var(--wrap);margin-inline:auto;padding-inline:var(--pad);
  display:flex;align-items:center;gap:18px}
.logo{display:flex;align-items:center;gap:11px;font-family:"Rubik",sans-serif;font-weight:800;
  font-size:22px;letter-spacing:-.02em;flex:0 0 auto}
.logo-b{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  background:linear-gradient(160deg,var(--amber),var(--amber-3));
  box-shadow:0 8px 18px -8px rgba(245,146,32,.95), inset 0 1px 0 rgba(255,255,255,.5)}
.logo-b svg{width:21px;height:21px;color:#3A2A08}
.nav{display:flex;gap:26px;margin-inline-start:auto;font-size:15.5px;font-weight:600;color:var(--ink-2)}
.nav a{position:relative;padding-block:6px}
.nav a::after{content:"";position:absolute;inset-block-end:0;inset-inline:0;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--amber),var(--amber-3));transform:scaleX(0);transform-origin:inline-end;
  transition:transform .3s ease}
.nav a:hover::after,.nav a:focus-visible::after{transform:scaleX(1);transform-origin:inline-start}
.hdr-end{display:flex;align-items:center;gap:10px;margin-inline-start:auto}
.nav + .hdr-end{margin-inline-start:0}
.hdr-call{display:inline-flex;align-items:center;gap:9px;background:var(--white-70);
  border:1px solid var(--line);padding:9px 16px;border-radius:100px;font-weight:700;
  font-family:"Rubik",sans-serif;font-size:16px;box-shadow:var(--sh-2);
  transition:transform .25s ease, box-shadow .25s ease}
.hdr-call:hover{transform:translateY(-2px);box-shadow:var(--sh-3)}
.hdr-call svg{width:17px;height:17px;color:var(--amber-3)}
.burger{display:none;width:44px;height:44px;border:1px solid var(--line);border-radius:13px;
  background:var(--white-70);cursor:pointer;padding:0;position:relative}
.burger span{position:absolute;inset-inline:12px;height:2px;border-radius:2px;background:var(--ink);
  transition:transform .3s ease, opacity .2s ease}
.burger span:nth-child(1){inset-block-start:15px}
.burger span:nth-child(2){inset-block-start:21px}
.burger span:nth-child(3){inset-block-start:27px}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

.mobmenu{position:fixed;inset:0;z-index:55;display:flex;flex-direction:column;justify-content:center;
  gap:26px;padding:80px var(--pad) 40px;
  background:rgba(238,243,249,.92);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.mobmenu[hidden]{display:none}
.mobmenu nav{display:flex;flex-direction:column;gap:6px}
.mobmenu nav a{font-family:"Rubik",sans-serif;font-weight:700;font-size:30px;letter-spacing:-.03em;
  padding-block:8px;opacity:0;transform:translateY(14px);
  transition:opacity .4s ease var(--md,0ms), transform .4s ease var(--md,0ms)}
.mobmenu.open nav a{opacity:1;transform:none}
.mob-call{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 20px;
  border-radius:var(--r-md);background:linear-gradient(165deg,#FFC65C,var(--amber-2) 55%,var(--amber-3));
  color:#2A1B02;font-weight:700;box-shadow:var(--sh-amber)}
.mob-call strong{font-family:"Rubik",sans-serif;font-size:24px;direction:ltr;font-variant-numeric:tabular-nums}


.hero{position:relative;isolation:isolate}

.scene,.vig-scene,.dc-door,.ba-stage{direction:ltr}
.scene{
  position:absolute;inset:0;z-index:0;overflow:hidden;
  background:
    radial-gradient(78% 66% at 31% 38%, rgba(var(--amber-glow),.30) 0%, rgba(var(--amber-glow),0) 62%),
    radial-gradient(96% 62% at 46% 96%, rgba(255,198,112,.34) 0%, rgba(255,198,112,0) 64%),
    linear-gradient(178deg,#F2F6FB 0%,#DBE4EE 46%,#BFCAD9 100%);
}
.scene::after{
  content:"";position:absolute;inset:0;pointer-events:none;z-index:9;
  background-image:radial-gradient(rgba(22,32,47,.045) .7px,transparent .8px);
  background-size:5px 5px;
  box-shadow:inset 0 0 220px rgba(26,37,55,.20), inset 0 -60px 120px rgba(26,37,55,.12);
}
.hero{min-height:min(86vh,790px);padding-block-start:var(--hdr-h)}


.floor{position:absolute;inset-inline:0;inset-block-end:0;height:29%;
  background:linear-gradient(180deg,#C8D1DD 0%,#B9C4D2 40%,#AEBAC9 100%)}
.floor::before{content:"";position:absolute;inset-inline:-40%;inset-block:0 -30%;
  transform:perspective(300px) rotateX(58deg);transform-origin:top center;
  background:
    repeating-linear-gradient(90deg,rgba(28,40,60,.13) 0 1px,transparent 1px 64px),
    repeating-linear-gradient(0deg,rgba(28,40,60,.11) 0 1px,transparent 1px 64px)}

.floor::after{content:"";position:absolute;inset-inline:0;inset-block-start:-40px;height:96px;
  pointer-events:none;
  background:linear-gradient(180deg,
    rgba(191,202,217,0) 0%,
    rgba(191,202,217,.85) 40%,
    rgba(193,203,217,.85) 60%,
    rgba(200,209,221,0) 100%)}


.glow{position:absolute;inset:0;z-index:3;pointer-events:none;transform-origin:26% 30%;
  animation:breathe 8.5s ease-in-out infinite}
@keyframes breathe{0%,100%{transform:scale(1)}50%{transform:scale(1.035)}}
.beam{position:absolute;inset:0;
  background:conic-gradient(from 86deg at 27% 24%,
    rgba(var(--amber-glow),0) 0deg,
    rgba(255,190,90,.22) 8deg,
    rgba(255,198,105,.52) 26deg,
    rgba(255,206,124,.58) 46deg,
    rgba(255,192,96,.26) 64deg,
    rgba(var(--amber-glow),0) 80deg);
  -webkit-mask-image:radial-gradient(86% 104% at 27% 24%, #000 8%, rgba(0,0,0,.86) 34%, rgba(0,0,0,.42) 64%, transparent 92%);
  mask-image:radial-gradient(86% 104% at 27% 24%, #000 8%, rgba(0,0,0,.86) 34%, rgba(0,0,0,.42) 64%, transparent 92%);
}
.beam2{position:absolute;inset:0;
  background:conic-gradient(from 104deg at 26.5% 26%,
    rgba(255,236,205,0) 0deg,
    rgba(255,238,208,.62) 9deg,
    rgba(255,230,185,.72) 20deg,
    rgba(255,226,175,.30) 34deg,
    rgba(255,226,175,0) 46deg);
  -webkit-mask-image:radial-gradient(64% 82% at 26.5% 26%, #000 6%, rgba(0,0,0,.8) 32%, transparent 84%);
  mask-image:radial-gradient(64% 82% at 26.5% 26%, #000 6%, rgba(0,0,0,.8) 32%, transparent 84%);
}
.pool{position:absolute;inset-inline-start:0;inset-block-end:-20%;width:92%;height:52%;
  background:radial-gradient(closest-side, rgba(255,216,154,.95) 0%, rgba(255,203,128,.5) 44%, rgba(255,199,120,0) 100%);
  transform:rotate(-4deg)}
.bounce{position:absolute;inset-inline-start:22%;inset-block-start:4%;width:34%;height:78%;
  background:radial-gradient(closest-side, rgba(255,196,116,.54), rgba(255,196,116,0))}

.motes{position:absolute;inset:0;z-index:6;pointer-events:none}
.motes i{position:absolute;inset-inline-start:var(--x);inset-block-start:var(--y);
  width:var(--s);height:var(--s);border-radius:50%;
  background:rgba(255,243,220,.95);box-shadow:0 0 7px rgba(255,220,160,.9);
  animation:drift var(--t,13s) ease-in-out var(--d,0s) infinite}
@keyframes drift{
  0%,100%{transform:translate3d(0,0,0);opacity:.35}
  35%{opacity:.85}
  50%{transform:translate3d(14px,-26px,0);opacity:.6}
  75%{transform:translate3d(-8px,-12px,0);opacity:.8}
}


.doorway{position:absolute;z-index:4;inset-inline-start:6.5%;inset-block-start:15%;
  width:29.5%;max-width:440px;height:62%;
  perspective:1450px;perspective-origin:112% 46%}
.casing{position:absolute;inset:-22px -24px 0 -24px;
  background:linear-gradient(97deg,#F4F7FA 0%,#E2E8F0 55%,#CBD5E1 100%);
  box-shadow:0 26px 50px -18px rgba(20,30,48,.45), 0 2px 0 rgba(255,255,255,.7) inset}
.casing::after{content:"";position:absolute;inset:14px 16px 0 16px;
  border:1px solid rgba(26,37,55,.16);border-bottom:0}
.opening{position:absolute;inset:0;overflow:hidden;
  background:linear-gradient(178deg,#FFF7E7 0%,#FFE2AF 42%,#F7B85C 78%,#E79B33 100%);
  box-shadow:inset 0 0 60px rgba(214,140,40,.35)}
.opening::before{content:"";position:absolute;inset-inline-start:-20%;inset-block-start:-25%;
  width:110%;height:90%;
  background:radial-gradient(closest-side,rgba(255,255,255,.95),rgba(255,255,255,0))}
.c-ceil{position:absolute;inset:0;clip-path:polygon(0 0,100% 0,90% 26%,56% 26%);
  background:linear-gradient(180deg,#F6C983,#EDB264)}
.c-left{position:absolute;inset:0;clip-path:polygon(0 0,56% 26%,56% 70%,0 100%);
  background:linear-gradient(90deg,#FFEBCB 0%,#FFD99F 62%,#F8C77E 100%)}
.c-right{position:absolute;inset:0;clip-path:polygon(100% 0,90% 26%,90% 70%,100% 100%);
  background:linear-gradient(270deg,#E9A759,#D2883C)}
.c-floor{position:absolute;inset:0;clip-path:polygon(0 100%,56% 70%,90% 70%,100% 100%);
  background:linear-gradient(0deg,#B87C33 0%,#D79C4E 70%,#E9B368 100%)}
.c-floor::after{content:"";position:absolute;inset:0;
  background:repeating-linear-gradient(94deg,rgba(92,52,8,.18) 0 1px,transparent 1px 26px)}
.c-back{position:absolute;inset-inline:56% 10%;inset-block:26% 30%;
  background:radial-gradient(120% 120% at 40% 34%,#FFFEF9,#FFEBC6 62%,rgba(251,215,156,0) 100%);
  box-shadow:0 0 70px 26px rgba(255,242,212,.85)}
.c-lamp{position:absolute;inset-inline-start:38%;inset-block-start:2%;width:52%;height:56%;
  background:radial-gradient(closest-side,rgba(255,255,255,.9),rgba(255,255,255,0))}
.door{position:absolute;inset:0;transform-origin:left center;
  transform:rotateY(var(--door-a,-53deg));
  background:linear-gradient(97deg,var(--door-hi) 0%,var(--door) 26%,#25344C 72%,var(--door-lo) 100%);
  box-shadow:0 30px 60px -20px rgba(15,23,38,.6), inset 0 0 0 1px rgba(255,255,255,.10);
  will-change:transform}
.door .rim{position:absolute;inset-block:0;inset-inline-end:0;width:16%;z-index:3;pointer-events:none;
  background:linear-gradient(270deg,rgba(255,203,133,.55),rgba(255,203,133,0))}
.door .edge{position:absolute;inset-block:0;right:-11px;width:11px;
  background:linear-gradient(180deg,#8C9AB0,#5B6B84)}
.panel{position:absolute;border-radius:2px;
  background:linear-gradient(97deg,rgba(255,255,255,.07),rgba(0,0,0,.18));
  box-shadow:inset 0 2px 3px rgba(0,0,0,.45), inset 0 -2px 2px rgba(255,255,255,.10),
    0 1px 0 rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.09)}
.p1{inset-inline:13%;inset-block-start:6%;height:34%}
.p2{inset-inline:13%;inset-block-start:45%;height:22%}
.p3{inset-inline:13%;inset-block:71% 6%}
.handle{position:absolute;inset-inline-end:11%;inset-block-start:52%;width:15%;height:11px;border-radius:6px;
  background:linear-gradient(180deg,#EDF1F6,#A7B3C4 55%,#7E8DA3);box-shadow:0 3px 7px rgba(0,0,0,.45)}
.rosette{position:absolute;inset-inline-end:9.5%;inset-block-start:60%;width:34px;height:34px;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#F2F5F9,#9FADC0 60%,#6C7C93);
  box-shadow:0 3px 8px rgba(0,0,0,.45)}
.rosette::after{content:"";position:absolute;inset-inline-start:50%;inset-block-start:50%;
  width:14px;height:5px;margin:-2.5px 0 0 -7px;border-radius:3px;background:#2B3648;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.6)}
.hinge{position:absolute;left:-6px;width:9px;height:52px;border-radius:2px;z-index:5;
  background:linear-gradient(90deg,#C7D0DC,#8996A9);box-shadow:0 2px 5px rgba(0,0,0,.35)}
.h1{inset-block-start:12%}.h2{inset-block-start:47%}.h3{inset-block-start:80%}
.plaque{position:absolute;z-index:5;inset-inline-start:38.5%;inset-block-start:20%;
  width:52px;height:64px;border-radius:5px;
  background:linear-gradient(160deg,#F7FAFD,#D3DCE6 60%,#B9C4D1);
  box-shadow:0 8px 18px -8px rgba(20,30,48,.6),0 1px 0 rgba(255,255,255,.9) inset;
  display:grid;place-items:center;font-family:"Rubik",sans-serif;font-weight:700;font-size:24px;
  color:#54627A;transform:rotate(.4deg)}
.plaque::after{content:"";position:absolute;inset:5px;border:1px solid rgba(84,98,122,.28);border-radius:3px}
.door-shadow{position:absolute;z-index:3;inset-inline-start:6%;inset-block-end:8%;width:40%;height:16%;
  background:radial-gradient(closest-side,rgba(24,34,52,.5),rgba(24,34,52,0));transform:skewX(-24deg)}


.copy{position:relative;z-index:8;width:min(52%,680px);
  padding-inline:var(--pad);
  padding-block:clamp(8px,2vh,24px) clamp(52px,7vh,72px);
  min-height:calc(min(86vh,790px) - var(--hdr-h));
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.badge{display:inline-flex;align-items:center;gap:9px;background:rgba(255,255,255,.82);
  border:1px solid rgba(26,37,55,.12);border-radius:100px;padding:7px 15px;
  font-weight:700;font-size:14px;color:var(--ink-2);box-shadow:0 8px 20px -14px rgba(20,30,48,.8)}
.dot{width:9px;height:9px;border-radius:50%;background:#16A06A;box-shadow:0 0 0 4px rgba(22,160,106,.18);
  animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(.78);opacity:.75}}
.h1{font-size:clamp(44px,6.2vw,96px);line-height:.95;letter-spacing:-.038em;margin-block-start:20px;
  text-wrap:balance}
.h1 .ln{display:block}
.h1 .lit{display:inline-block;color:#2A1B02;padding:.04em .22em .1em;border-radius:14px;
  transform:rotate(-1.2deg);
  background:linear-gradient(150deg,#FFCE6A 0%,var(--amber-2) 55%,var(--amber-3) 100%);
  box-shadow:0 16px 36px -14px rgba(233,141,20,.95),0 1px 0 rgba(255,255,255,.5) inset}
.sub{font-size:clamp(16.5px,1.4vw,20px);line-height:1.55;color:var(--ink-2);margin-block-start:18px;
  max-width:31em}
.sub b{font-weight:700;color:var(--ink)}
.stats{display:flex;margin-block-start:26px;background:rgba(255,255,255,.66);
  border:1px solid rgba(26,37,55,.10);border-radius:16px;overflow:hidden;width:max-content;max-width:100%;
  box-shadow:0 18px 40px -28px rgba(20,30,48,.8)}
.stat{padding:13px 26px;border-inline-end:1px solid rgba(26,37,55,.10)}
.stat:last-child{border-inline-end:0}
.stat b{display:block;font-family:"Rubik",sans-serif;font-weight:800;font-size:27px;line-height:1;
  letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.stat span{font-size:13px;color:var(--ink-3);font-weight:600}
.actions{display:flex;gap:12px;margin-block-start:26px;align-items:center;flex-wrap:wrap}
.btn-call{position:relative;display:flex;align-items:center;gap:15px;overflow:hidden;
  color:#2A1B02;background:linear-gradient(165deg,#FFC65C 0%,var(--amber-2) 52%,var(--amber-3) 100%);
  padding-inline:28px;height:76px;border-radius:18px;
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset, var(--sh-amber), 0 0 0 1px rgba(190,110,10,.35);
  transition:transform .25s ease, box-shadow .25s ease}
.btn-call:hover{transform:translateY(-2px);box-shadow:0 1px 0 rgba(255,255,255,.6) inset,
  0 24px 44px -16px rgba(233,141,20,.95), 0 0 0 1px rgba(190,110,10,.35)}
.btn-call::after{content:"";position:absolute;inset-block:-40%;inset-inline-start:-60%;width:38%;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0));
  transform:skewX(-18deg) translateX(0);animation:shine 5.5s ease-in-out infinite}
@keyframes shine{0%,62%{transform:skewX(-18deg) translateX(0)}88%,100%{transform:skewX(-18deg) translateX(420%)}}
.btn-call .ic{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;
  background:rgba(42,27,2,.9);flex:0 0 auto}
.btn-call .ic svg{width:22px;height:22px;color:#FFC65C}
.btn-call small{display:block;font-size:13.5px;font-weight:700;opacity:.75}
.btn-call strong{display:block;font-family:"Rubik",sans-serif;font-size:30px;font-weight:800;line-height:1.1}
.btn-call.small{height:64px;padding-inline:20px;gap:12px}
.btn-call.small strong{font-size:25px}
.btn-call.small .ic{width:38px;height:38px;border-radius:11px}
.btn-wa{display:flex;align-items:center;gap:10px;height:76px;padding-inline:24px;border-radius:18px;
  background:rgba(255,255,255,.85);border:1px solid rgba(26,37,55,.14);font-weight:700;font-size:17px;
  box-shadow:var(--sh-2);transition:transform .25s ease, box-shadow .25s ease}
.btn-wa:hover{transform:translateY(-2px);box-shadow:var(--sh-3)}
.btn-wa svg{width:23px;height:23px;color:#25A366}
.note{margin-block-start:15px;font-size:14.5px;color:var(--ink-3);font-weight:600}
.note span + span::before{content:"·";margin-inline:8px;color:var(--amber-3);font-weight:800}
.mstage{display:none}


.strip{position:relative;z-index:11;margin-block-start:-64px;
  width:100%;max-width:var(--wrap);margin-inline:auto;padding:0 var(--pad) 0;
  display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.card{background:#fff;border-radius:20px;padding:20px 22px;border:1px solid rgba(26,37,55,.06);
  box-shadow:var(--sh-3);transition:transform .3s ease, box-shadow .3s ease}
.card:hover{transform:translateY(-4px)}
.card .ci{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;margin-block-end:13px;
  background:linear-gradient(160deg,#FFF0D2,#FFE0AC);box-shadow:0 8px 18px -12px rgba(233,141,20,.9)}
.card .ci svg{width:23px;height:23px;color:#C97A0B}
.card h3{font-size:18.5px;font-weight:700;letter-spacing:-.015em}
.card p{font-size:14.5px;color:var(--ink-3);margin-block-start:5px;font-weight:600}


.sec{position:relative;padding-block:clamp(64px,9vw,120px)}
.sec::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:1;
  transition:opacity 1.2s ease;
  background:radial-gradient(70% 60% at 22% 24%, rgba(var(--amber-glow),.16), rgba(var(--amber-glow),0) 70%)}
.sec > .wrap{position:relative;z-index:1}
.kicker{font-family:"Rubik",sans-serif;font-weight:700;font-size:14px;letter-spacing:.14em;
  color:var(--amber-3);text-transform:none;margin-block-end:14px}
.sec-title{font-size:clamp(31px,4.1vw,55px);letter-spacing:-.035em;text-wrap:balance}
.lead{font-size:clamp(16.5px,1.35vw,19.5px);color:var(--ink-2);margin-block-start:16px;max-width:42em;
  line-height:1.55}


.steps{background:linear-gradient(180deg,var(--wall-1) 0%,#E6ECF4 60%,var(--wall-1) 100%)}
.vigs{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-block-start:clamp(34px,5vw,56px)}
.vig{position:relative;background:#fff;border-radius:var(--r-lg);border:1px solid rgba(26,37,55,.07);
  padding:0 0 26px;overflow:hidden;box-shadow:var(--sh-2);
  transition:transform .6s cubic-bezier(.22,.7,.3,1), box-shadow .6s ease}
.vig.on{box-shadow:var(--sh-3)}
.vig-scene{position:relative;height:238px;overflow:hidden;
  background:
    radial-gradient(70% 60% at 62% 60%, rgba(var(--amber-glow),.16), rgba(var(--amber-glow),0) 66%),
    linear-gradient(178deg,#EDF2F8 0%,#D8E0EB 62%,#C6D0DE 100%);
  perspective:1000px;perspective-origin:105% 46%}
.vig-scene::after{content:"";position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 70px rgba(26,37,55,.14)}

.v-wall{position:absolute;left:0;right:0;bottom:0;height:27%;
  background:linear-gradient(180deg,#C9D2DE,#B2BECD)}
.v-wall::before{content:"";position:absolute;left:-30%;right:-30%;top:0;bottom:-40%;
  transform:perspective(180px) rotateX(58deg);transform-origin:top center;
  background:repeating-linear-gradient(90deg,rgba(28,40,60,.12) 0 1px,transparent 1px 44px)}

.v-frame{position:absolute;left:24%;right:38%;top:12%;bottom:27%;
  background:linear-gradient(97deg,#F5F8FB,#E0E7EF 60%,#C9D3DF);
  box-shadow:0 20px 30px -20px rgba(20,30,48,.7), inset 0 1px 0 rgba(255,255,255,.9)}

.v-lit{position:absolute;left:25.6%;right:39.6%;top:13.6%;bottom:27%;overflow:hidden;
  background:linear-gradient(178deg,#FFF8EA 0%,#FFE0AE 46%,#F0B25A 100%);
  opacity:1;transition:opacity .9s ease}
.v-lit::after{content:"";position:absolute;left:34%;right:6%;top:26%;bottom:26%;
  background:radial-gradient(closest-side,#FFFEF8,#FFE9C4 62%,rgba(255,233,196,0));
  box-shadow:0 0 34px 14px rgba(255,241,210,.8)}

.v-door{position:absolute;left:25.6%;right:39.6%;top:13.6%;bottom:27%;
  transform-origin:left center;transform:rotateY(-54deg);
  background:linear-gradient(97deg,var(--door-hi),var(--door) 34%,var(--door-lo));
  box-shadow:0 16px 30px -14px rgba(15,23,38,.65), inset 0 0 0 1px rgba(255,255,255,.08);
  transition:transform 1.1s cubic-bezier(.3,.8,.3,1)}
.v-door::before{content:"";position:absolute;left:16%;right:16%;top:9%;height:34%;border-radius:2px;
  border:1px solid rgba(255,255,255,.08);background:linear-gradient(97deg,rgba(255,255,255,.06),rgba(0,0,0,.2));
  box-shadow:inset 0 2px 3px rgba(0,0,0,.45)}
.v-door::after{content:"";position:absolute;left:16%;right:16%;top:50%;bottom:9%;border-radius:2px;
  border:1px solid rgba(255,255,255,.08);background:linear-gradient(97deg,rgba(255,255,255,.06),rgba(0,0,0,.2));
  box-shadow:inset 0 2px 3px rgba(0,0,0,.45)}

.v-under{position:absolute;left:25.6%;right:39.6%;bottom:calc(27% - 5px);height:5px;
  background:linear-gradient(180deg,#FFE7B8,#F2AE49);
  box-shadow:0 5px 16px 3px rgba(255,190,90,.85);opacity:0;transition:opacity .6s ease}

.v-spill{position:absolute;inset:0;pointer-events:none;opacity:1;transition:opacity 1.1s ease;
  background:
    radial-gradient(closest-side at 52% 88%, rgba(255,206,132,.9), rgba(255,206,132,0) 100%),
    conic-gradient(from 84deg at 40% 42%, rgba(255,196,110,0) 0deg, rgba(255,203,124,.5) 22deg,
      rgba(255,201,120,.16) 52deg, rgba(255,201,120,0) 74deg)}
.v-num{position:absolute;inset-block-start:14px;inset-inline-end:16px;z-index:3;
  font-family:"Rubik",sans-serif;font-weight:800;font-size:15px;letter-spacing:.06em;
  color:#2A1B02;background:linear-gradient(160deg,#FFCE6A,var(--amber-2));
  padding:5px 11px;border-radius:100px;box-shadow:0 8px 18px -10px rgba(233,141,20,.9)}
.vig h3{font-size:23px;margin:22px 26px 0}
.vig p{margin:8px 26px 0;color:var(--ink-3);font-weight:600;font-size:15.5px}


.corridor{background:var(--wall-0)}
.doors{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:16px;
  margin-block-start:clamp(34px,5vw,56px);padding-block-end:22px}

.doors::before{content:"";position:absolute;z-index:-1;inset-inline:-2%;inset-block-end:0;height:52%;
  border-radius:var(--r-lg);
  background:linear-gradient(180deg,rgba(28,40,60,0) 0%,rgba(28,40,60,.05) 55%,rgba(28,40,60,.11) 100%)}
.doors::after{content:"";position:absolute;z-index:-1;inset-inline:8%;inset-block-end:2%;height:32%;
  transform:perspective(260px) rotateX(60deg);transform-origin:top center;
  background:repeating-linear-gradient(90deg,rgba(28,40,60,.09) 0 1px,transparent 1px 52px)}
.dcard{background:#fff;border-radius:var(--r-lg);border:1px solid rgba(26,37,55,.07);overflow:hidden;
  box-shadow:var(--sh-2);transform:translateY(0) scale(var(--dz,1));opacity:var(--do,1);
  transition:transform .35s ease, box-shadow .35s ease, opacity .5s ease}
.dcard:hover,.dcard:focus-within{transform:translateY(-6px) scale(var(--dz,1));box-shadow:var(--sh-3);opacity:1}

.dcard:nth-child(1){--dz:1;--do:1}
.dcard:nth-child(2){--dz:.99;--do:.94}
.dcard:nth-child(3){--dz:.98;--do:.89}
.dcard:nth-child(4){--dz:.97;--do:.83}
.dcard:nth-child(5){--dz:.96;--do:.78}
.dc-door{position:relative;height:178px;overflow:hidden;perspective:520px;
  background:
    radial-gradient(64% 56% at 50% 24%, rgba(255,255,255,.7), rgba(255,255,255,0) 70%),
    linear-gradient(180deg,#E3E9F1 0%,#D2DBE6 62%,#C2CDDB 100%)}

.dc-ico{position:absolute;z-index:6;inset-inline-start:13px;inset-block-start:13px;width:29px;height:29px;
  border-radius:9px;display:grid;place-items:center;background:rgba(255,255,255,.88);
  box-shadow:var(--sh-1);transition:background .35s ease, box-shadow .35s ease}
.dc-ico svg{width:15px;height:15px;color:var(--door);transition:color .35s ease}
.dcard:hover .dc-ico,.dcard:focus-within .dc-ico{background:linear-gradient(160deg,#FFCE6A,var(--amber-2));
  box-shadow:0 8px 16px -10px rgba(233,141,20,.85)}
.dcard:hover .dc-ico svg,.dcard:focus-within .dc-ico svg{color:#2A1B02}

.dc-door::after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;z-index:1;
  background:linear-gradient(180deg,#C3CDDA,#AFBBCB);box-shadow:0 -1px 0 rgba(255,255,255,.5) inset}

.dc-door::before{content:"";position:absolute;left:31%;right:31%;top:16px;bottom:26px;z-index:2;
  border-radius:4px 4px 0 0;transform-origin:0% 50%;
  background:linear-gradient(97deg,var(--door-hi) 0%,var(--door) 30%,#25344C 74%,var(--door-lo) 100%);
  box-shadow:0 18px 28px -16px rgba(15,23,38,.85), inset 0 0 0 1px rgba(255,255,255,.09),
    0 0 0 6px rgba(240,244,249,.95), 0 0 0 7px rgba(26,37,55,.10);
  transition:transform .5s cubic-bezier(.3,.7,.3,1)}
.dcard:hover .dc-door::before,.dcard:focus-within .dc-door::before{transform:rotateY(-9deg)}
.dc-pane{position:absolute;left:37%;right:37%;z-index:3;border-radius:2px;
  border:1px solid rgba(255,255,255,.10);background:linear-gradient(97deg,rgba(255,255,255,.06),rgba(0,0,0,.2));
  box-shadow:inset 0 2px 3px rgba(0,0,0,.45)}
.dc-pane:nth-of-type(1){top:32px;height:44px}
.dc-pane:nth-of-type(2){top:86px;height:52px}
.dc-knob{position:absolute;z-index:4;left:34.5%;top:96px;width:10px;height:10px;
  border-radius:50%;background:radial-gradient(circle at 35% 30%,#F2F5F9,#93A0B4);
  box-shadow:0 2px 5px rgba(0,0,0,.55)}

.dc-glow{position:absolute;inset:0;z-index:5;opacity:0;transition:opacity .45s ease;
  background:
    radial-gradient(closest-side at 50% 92%, rgba(255,199,120,.9), rgba(255,199,120,0)),
    conic-gradient(from 96deg at 31% 40%, rgba(255,203,133,0) 0deg, rgba(255,203,133,.42) 26deg,
      rgba(255,203,133,0) 62deg)}
.dc-glow::after{content:"";position:absolute;left:31%;right:31%;bottom:25px;height:5px;
  background:linear-gradient(180deg,#FFE7B8,#F2AE49);box-shadow:0 4px 14px 3px rgba(255,190,90,.9)}
.dcard:hover .dc-glow,.dcard:focus-within .dc-glow{opacity:1}

.dcard:nth-child(1) .dc-door{background:
  radial-gradient(70% 58% at 50% 26%, rgba(255,214,150,.55), rgba(255,214,150,0) 72%),
  linear-gradient(180deg,#EDF2F8 0%,#DCE4EE 62%,#CBD5E1 100%)}
.dcard:nth-child(1) .dc-glow{opacity:.5}
.dcard:nth-child(2) .dc-door{background:
  radial-gradient(66% 56% at 50% 26%, rgba(255,214,150,.28), rgba(255,214,150,0) 72%),
  linear-gradient(180deg,#E7EDF4 0%,#D6DFEA 62%,#C5CFDD 100%)}
.dcard:nth-child(4) .dc-door{background:linear-gradient(180deg,#DDE5EE 0%,#CBD5E2 62%,#BAC5D5 100%)}
.dcard:nth-child(5) .dc-door{background:linear-gradient(180deg,#D7DFEA 0%,#C4CFDD 62%,#B3BFD0 100%)}
.dcard h3{font-size:18px;margin:18px 20px 0;letter-spacing:-.02em}
.dcard p{margin:7px 20px 22px;color:var(--ink-3);font-weight:600;font-size:14.5px}

.trust-strip{margin-block-start:28px;display:flex;flex-wrap:wrap;gap:10px 0;font-size:14px;font-weight:700;
  color:var(--ink-2)}
.trust-strip span{position:relative;padding-inline-start:15px}
.trust-strip span::before{content:"";position:absolute;inset-inline-start:0;inset-block-start:50%;
  width:7px;height:7px;margin-block-start:-3.5px;border-radius:50%;
  background:linear-gradient(160deg,var(--amber),var(--amber-3))}
.trust-strip span + span{margin-inline-start:16px}
.corr-price{margin-block-start:10px;font-weight:600;color:var(--ink-3);font-size:14.5px}
.corr-note{margin-block-start:26px;font-weight:700;color:var(--ink-2);display:flex;flex-wrap:wrap;
  align-items:center;gap:10px}
.inline-call,.inline-wa{display:inline-flex;align-items:center;padding:8px 16px;border-radius:100px;
  background:linear-gradient(160deg,#FFCE6A,var(--amber-2));color:#2A1B02;font-family:"Rubik",sans-serif;
  font-weight:800;box-shadow:0 12px 24px -14px rgba(233,141,20,.95);
  transition:transform .25s ease}
.inline-call:hover,.inline-wa:hover{transform:translateY(-2px)}
.inline-wa{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:var(--sh-2)}


.compare{background:linear-gradient(180deg,var(--wall-1),#E3EAF3)}
.ba{margin-block-start:clamp(30px,4vw,48px);display:flex;flex-direction:column;align-items:center;gap:16px}

.ba-stage{position:relative;width:min(100%,540px);aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;
  background:linear-gradient(178deg,#E6ECF4 0%,#D2DBE7 58%,#BCC7D6 100%);
  box-shadow:var(--sh-3), inset 0 0 90px rgba(26,37,55,.14);touch-action:pan-y}

.ba-side{position:absolute;inset:0}
.ba-bad{z-index:1}
.ba-good{z-index:2;clip-path:inset(0 calc(100% - var(--p,50%)) 0 0)}
.bd-room{position:absolute;inset:0;overflow:hidden}
.bd-floor{position:absolute;inset-inline:0;inset-block-end:0;height:15%;
  background:linear-gradient(180deg,#C8D1DD 0%,#AEBAC9 100%);box-shadow:0 -1px 0 rgba(255,255,255,.4) inset}
.ba-good .bd-floor{background:linear-gradient(180deg,#F1E3C8,#DCC494 100%)}
.bd-floor::before{content:"";position:absolute;inset-inline:-30%;inset-block:0 -22%;
  transform:perspective(220px) rotateX(58deg);transform-origin:top center;
  background:repeating-linear-gradient(90deg,rgba(28,40,60,.12) 0 1px,transparent 1px 38px)}

.bd-door{position:absolute;z-index:3;inset-inline:26% 20%;inset-block:7% 15%;border-radius:3px 3px 0 0;
  background:
    repeating-linear-gradient(93deg,rgba(255,255,255,.03) 0 1px,transparent 1px 22px),
    linear-gradient(97deg,var(--door-hi) 0%,var(--door) 26%,#25344C 72%,var(--door-lo) 100%);
  box-shadow:0 20px 30px -16px rgba(15,23,38,.85), inset 0 0 0 1px rgba(255,255,255,.09),
    0 0 0 7px #EAF0F7, 0 0 0 8px rgba(26,37,55,.14)}
.ba-good .bd-door{box-shadow:0 20px 30px -16px rgba(15,23,38,.85), inset 0 0 0 1px rgba(255,255,255,.09),
    0 0 0 7px #F6EDDA, 0 0 0 8px rgba(120,84,24,.2)}
.bd-panel{position:absolute;border-radius:4px;border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(97deg,rgba(255,255,255,.05),rgba(0,0,0,.16));
  box-shadow:inset 0 3px 5px rgba(0,0,0,.5), inset 0 -2px 3px rgba(255,255,255,.09)}
.bd-panel:nth-of-type(1){left:12%;right:12%;top:9%;bottom:56%}
.bd-panel:nth-of-type(2){left:12%;right:12%;top:62%;bottom:9%}
.bd-handle{position:absolute;z-index:5;inset-inline-end:-4%;top:47%;width:20%;height:3.6%;border-radius:9px;
  background:linear-gradient(180deg,#F6F9FC,#C3CCDA 46%,#8A97AB 78%,#6D7B90);
  box-shadow:0 8px 16px -6px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,255,255,.9)}

.ba-bad .bd-handle{transform:rotate(-6deg);transform-origin:100% 50%;
  background:linear-gradient(180deg,#AEB9C8,#7E8B9E 52%,#5A6779)}

.ba-bad .bd-door{transform:rotate(-1.1deg)}
.ba-bad .bd-door::after{content:"";position:absolute;inset-block:0;inset-inline-start:-4px;width:6px;
  background:linear-gradient(90deg,rgba(9,14,24,.8),rgba(9,14,24,0))}
.bd-hole{position:absolute;z-index:5;inset-inline-end:1%;top:47%;width:15%;aspect-ratio:1;margin-block-start:-7.5%;
  border-radius:50%;
  background:
    radial-gradient(circle at 42% 36%,#0A101B 0%,#05090F 58%,#0B121D 100%),
    conic-gradient(from 20deg,#6B5836,#3C3020 25%,#7A6540 52%,#2E2617 78%,#6B5836);
  box-shadow:0 0 0 4px rgba(146,110,58,.5), 0 0 0 9px rgba(9,14,24,.32), inset 0 3px 6px rgba(0,0,0,.95)}

.bd-crack{position:absolute;z-index:4;inset-inline-end:11%;top:33%;bottom:38%;width:15%;pointer-events:none;
  background:
    linear-gradient(108deg,transparent 48%,rgba(172,182,198,.55) 48.5%,rgba(172,182,198,.55) 49%,transparent 49.5%),
    linear-gradient(72deg,transparent 60%,rgba(172,182,198,.4) 60.6%,rgba(172,182,198,.4) 61.1%,transparent 61.6%)}

.bd-chip{position:absolute;z-index:5;inset-inline-end:-.5%;top:38%;width:4%;height:8%;
  border-radius:44% 56% 60% 40%/55% 35% 65% 45%;
  background:linear-gradient(150deg,#3A455C,#151E30 65%);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.6), 0 1px 3px rgba(0,0,0,.4)}

.bd-cyl{position:absolute;z-index:5;inset-inline-end:1%;top:47%;width:15%;aspect-ratio:1;margin-block-start:-7.5%;
  border-radius:50%;
  background:radial-gradient(circle at 36% 30%,#FBFDFF 0%,#C6D0DC 42%,#8B99AD 72%,#5E6C82 100%);
  box-shadow:0 6px 14px rgba(0,0,0,.5), 0 0 0 3px rgba(255,255,255,.12),
    0 0 26px 7px rgba(255,206,132,.65), inset 0 2px 3px rgba(255,255,255,.7)}
.bd-cyl::after{content:"";position:absolute;left:50%;top:44%;width:24%;height:34%;margin-inline-start:-12%;
  border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#28324a,#131b2b);
  box-shadow:inset 0 2px 3px rgba(0,0,0,.9), 0 1px 0 rgba(255,255,255,.5)}
.bd-shine{position:absolute;z-index:4;inset:0;pointer-events:none;
  background:radial-gradient(60% 60% at 14% 26%, rgba(255,224,174,.4), rgba(255,224,174,0) 72%)}
.ba-handle{position:absolute;inset-block:0;left:var(--p,50%);width:2px;z-index:11;
  background:linear-gradient(180deg,rgba(255,255,255,.2),#fff 22%,#fff 78%,rgba(255,255,255,.2));
  box-shadow:0 0 20px rgba(20,30,48,.35);pointer-events:none}
.ba-handle span{position:absolute;inset-block-start:50%;inset-inline-start:50%;
  width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;
  background:linear-gradient(160deg,#FFCE6A,var(--amber-2));
  box-shadow:0 10px 26px -8px rgba(20,30,48,.7), inset 0 1px 0 rgba(255,255,255,.6)}
.ba-handle span::before,.ba-handle span::after{content:"";position:absolute;inset-block-start:50%;
  width:0;height:0;border-block:6px solid transparent;margin-block-start:-6px}
.ba-handle span::before{inset-inline-start:11px;border-inline-end:8px solid #40320F}
.ba-handle span::after{inset-inline-end:11px;border-inline-start:8px solid #40320F}

.ba-stage{touch-action:pan-y;cursor:ew-resize}
.ba-range{position:absolute;inset:0;z-index:12;width:100%;height:100%;margin:0;padding:0;opacity:0;
  pointer-events:none;-webkit-appearance:none;appearance:none;background:transparent;direction:ltr}
.ba-range::-webkit-slider-thumb{-webkit-appearance:none;width:56px;height:100%}
.ba-range:focus-visible ~ .ba-handle span{outline:3px solid var(--ink);outline-offset:3px}

.ba-tag{position:absolute;z-index:10;bottom:5%;max-width:64%;direction:rtl;
  background:rgba(255,255,255,.92);border-radius:14px;padding:9px 14px;box-shadow:var(--sh-2)}
.ba-tag b{display:block;font-family:"Rubik",sans-serif;font-size:16px}
.ba-tag span{display:block;font-size:12.5px;color:var(--ink-3);font-weight:600;line-height:1.35}
.tag-good{left:5%}
.tag-good b{color:#B6790A}
.tag-bad{right:5%}
.tag-bad b{color:#A8452F}

.ba-caps{display:none}


.years{background:var(--wall-1)}
.years::before{opacity:0}
.years-in{position:relative;background:linear-gradient(160deg,#1B2739 0%,var(--night) 55%,#0B1420 100%);
  border-radius:34px;padding:clamp(34px,5vw,64px);color:#EAF0F8;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,54px);
  align-items:center;box-shadow:0 40px 80px -50px rgba(11,20,32,.95)}
.years-in::after{content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.05) .7px,transparent .8px);background-size:5px 5px}
.years-big{position:relative;display:flex;flex-direction:column;align-items:center;
  font-family:"Rubik",sans-serif;font-weight:800;line-height:.8;letter-spacing:-.05em}
.yb-row{display:flex;align-items:baseline;justify-content:center}
.yb-glow{position:absolute;inset-inline-start:50%;inset-block-start:50%;width:150%;height:190%;
  transform:translate(-50%,-50%);
  background:radial-gradient(closest-side,rgba(var(--amber-glow),.42),rgba(var(--amber-glow),0));
  animation:breathe 9s ease-in-out infinite}
.yb-num{position:relative;font-size:clamp(120px,17vw,240px);
  background:linear-gradient(168deg,#FFE4B0 0%,var(--amber) 46%,var(--amber-3) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-variant-numeric:tabular-nums}
.yb-suf{position:relative;font-size:clamp(52px,7vw,96px);color:var(--amber-soft)}
.years-tx .sec-title{color:#fff}
.years-tx .lead{color:#B9C6D8}
.chips{display:flex;flex-wrap:wrap;gap:9px;margin-block-start:22px}
.chips li{border:1px solid rgba(255,255,255,.18);border-radius:100px;padding:7px 15px;font-weight:700;
  font-size:14.5px;color:#DDE6F1;background:rgba(255,255,255,.05)}
.yb-label{position:relative;margin-block-start:14px;font-family:"Assistant",sans-serif;font-weight:700;
  font-size:17px;color:var(--amber-soft);letter-spacing:.06em}


.about{background:linear-gradient(180deg,var(--wall-1),#F3F7FB)}
.about-in{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(24px,4vw,56px);
  align-items:center}
.portrait{position:relative;width:100%;max-width:340px;margin-inline:auto}

.portrait::before{content:"";position:absolute;inset:-16% -12%;z-index:-1;pointer-events:none;
  background:radial-gradient(60% 60% at 32% 36%, rgba(var(--amber-glow),.30), rgba(var(--amber-glow),0) 72%)}

.pt-plate{position:relative;aspect-ratio:4/5;border-radius:var(--r-lg);overflow:hidden;
  background:linear-gradient(97deg,var(--door-hi) 0%,var(--door) 30%,#25344C 74%,var(--door-lo) 100%);
  box-shadow:var(--sh-3), inset 0 0 0 1px rgba(255,255,255,.08)}
.pt-rim{position:absolute;inset-block:0;inset-inline-start:0;width:52%;pointer-events:none;
  background:radial-gradient(120% 90% at 0% 24%, rgba(255,214,150,.5), rgba(255,214,150,0) 72%)}
.pt-note{position:absolute;z-index:2;inset-block-start:14px;inset-inline-end:14px;max-width:64%;text-align:end;
  font-size:11.5px;font-weight:700;color:#F3E9D6;background:rgba(18,26,40,.55);
  border:1px dashed rgba(255,220,170,.4);border-radius:100px;padding:5px 11px;line-height:1.3}
.pt-plaque{position:absolute;z-index:2;inset-inline:8%;inset-block-end:8%;display:flex;align-items:center;gap:12px;
  padding:10px 14px;border-radius:14px;
  background:linear-gradient(160deg,#F7FAFD,#D3DCE6 60%,#B9C4D1);
  box-shadow:0 16px 30px -14px rgba(0,0,0,.6), 0 1px 0 rgba(255,255,255,.9) inset}
.pt-mono{flex:0 0 auto;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;
  font-family:"Rubik",sans-serif;font-weight:800;font-size:19px;line-height:1;color:#2A1B02;
  background:linear-gradient(150deg,#FFCE6A,var(--amber-2));box-shadow:0 4px 10px -4px rgba(233,141,20,.85)}
.pt-plaque-tx{font-weight:700;font-size:12.5px;color:#3B4658;line-height:1.35}
.about-tx p{color:var(--ink-2);margin-block-start:14px;max-width:40em}
.about-tx .btn-call{margin-block-start:26px;display:inline-flex}



.handy{background:#EAF0F7}
.handy::before{background:radial-gradient(60% 50% at 20% 20%, rgba(var(--amber-glow),.15), rgba(var(--amber-glow),0) 70%)}
.hcards{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;
  margin-block-start:clamp(30px,4vw,50px)}
.hcards::before{content:"";position:absolute;z-index:-1;inset-inline:-4%;inset-block-end:-8%;height:66%;
  background:radial-gradient(70% 100% at 50% 100%, rgba(var(--amber-glow),.14), rgba(var(--amber-glow),0) 72%)}
.hcard{background:#fff;border-radius:var(--r-lg);padding:26px;border:1px solid rgba(26,37,55,.07);
  box-shadow:var(--sh-2);transition:transform .3s ease, box-shadow .3s ease}
.hcard:hover{transform:translateY(-4px);box-shadow:var(--sh-3)}
.hcard .ci{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;margin-block-end:14px;
  background:linear-gradient(160deg,#FFF3DC,#FFE3B4);box-shadow:0 8px 16px -10px rgba(233,141,20,.65)}
.hcard .ci svg{width:24px;height:24px;color:#B9740F}
.hcard h3{font-size:19px}
.hcard p{margin-block-start:6px;color:var(--ink-3);font-weight:600;font-size:15px}


.contact{background:linear-gradient(180deg,#F6F1E6 0%,#FCEFD7 55%,#FFF4E0 100%)}
.contact::before{background:
  radial-gradient(60% 70% at 18% 10%, rgba(var(--amber-glow),.34), rgba(var(--amber-glow),0) 70%),
  radial-gradient(50% 60% at 92% 90%, rgba(var(--amber-glow),.24), rgba(var(--amber-glow),0) 72%)}
.contact-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(26px,4vw,58px);
  align-items:start}
.contact-cta{margin-block-start:26px;display:flex;gap:12px;flex-wrap:wrap}
.contact-cta .btn-call{display:inline-flex}
.contact-cta .btn-wa{display:inline-flex}
.info{margin-block-start:30px;display:grid;gap:14px}
.info div{display:flex;gap:12px;align-items:baseline;border-block-end:1px dashed rgba(26,37,55,.18);
  padding-block-end:12px}
.info dt{font-weight:700;color:var(--ink-3);min-width:104px;font-size:15px}
.info dd{font-weight:700;color:var(--ink)}
.form-card{background:#fff;border-radius:var(--r-lg);padding:clamp(20px,3vw,32px);
  border:1px solid rgba(26,37,55,.07);box-shadow:var(--sh-3)}
.form-trust{margin-block-start:0;margin-block-end:20px;padding-block-end:18px;
  border-block-end:1px dashed rgba(26,37,55,.14);font-size:13px}
.field{margin-block-end:16px}
.field label{display:block;font-weight:700;font-size:14.5px;margin-block-end:7px;color:var(--ink-2)}
.field input,.field textarea{width:100%;border:1px solid rgba(26,37,55,.16);border-radius:14px;
  padding:13px 15px;background:#FBFCFE;transition:border-color .25s ease, box-shadow .25s ease;resize:vertical}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--amber-2);
  box-shadow:0 0 0 4px rgba(var(--amber-glow),.24)}
.field .err{color:#B23B22;font-size:13.5px;font-weight:700;margin-block-start:6px}
.submit{width:100%;border:0;cursor:pointer;height:62px;border-radius:16px;font-family:"Rubik",sans-serif;
  font-weight:800;font-size:19px;color:#2A1B02;
  background:linear-gradient(165deg,#FFC65C 0%,var(--amber-2) 52%,var(--amber-3) 100%);
  box-shadow:var(--sh-amber), inset 0 1px 0 rgba(255,255,255,.6);
  transition:transform .25s ease, box-shadow .25s ease}
.submit:hover{transform:translateY(-2px)}
.submit[disabled]{opacity:.65;cursor:progress;transform:none}
.privacy-note{margin-block-start:10px;font-size:12.5px;font-weight:600;color:var(--ink-3);text-align:center}
.form-status{margin-block-start:12px;font-weight:700;font-size:15px;min-height:1.2em}
.form-status.ok{color:#15794C}
.form-status.bad{color:#B23B22}
.handoff{margin-block-start:16px;padding:16px;border-radius:16px;background:#F2F7F3;
  border:1px solid rgba(37,163,102,.28)}
.handoff[hidden]{display:none}
.ho-title{font-family:"Rubik",sans-serif;font-weight:800;font-size:17px}
.ho-lead{font-size:14.5px;color:var(--ink-3);font-weight:600;margin-block-start:4px}
.ho-btn{display:inline-flex;align-items:center;justify-content:center;margin-block-start:12px;
  padding:12px 20px;border-radius:14px;background:#25A366;color:#fff;font-weight:800;
  box-shadow:0 14px 26px -14px rgba(37,163,102,.9)}


.ftr{background:var(--night);color:#AEBCCE;padding-block:30px;padding-block-end:calc(30px + var(--bbar-pad,0px))}
.ftr-in{display:flex;flex-wrap:wrap;align-items:center;gap:14px 26px;justify-content:space-between;
  font-weight:600;font-size:15px}
.ftr .logo-t{font-family:"Rubik",sans-serif;font-weight:800;color:#fff;font-size:17px}
.ftr a{font-family:"Rubik",sans-serif;font-weight:800;color:var(--amber);font-size:19px}


.bbar{display:none}



.js-anim [data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .7s ease var(--rd,0ms), transform .7s cubic-bezier(.22,.7,.3,1) var(--rd,0ms)}
.js-anim [data-reveal].in{opacity:1;transform:none}
.js-anim .sec[data-lit]::before{opacity:0}
.js-anim .sec[data-lit].is-lit::before{opacity:1}
.js-anim .split .w{display:inline-block;opacity:0;transform:translateY(.42em);filter:blur(9px);
  transition:opacity .6s ease var(--wd,0ms), transform .7s cubic-bezier(.22,.7,.3,1) var(--wd,0ms),
    filter .7s ease var(--wd,0ms)}
.js-anim .split.in .w{opacity:1;transform:none;filter:none}

.vig[data-vig="1"] .v-door{transform:rotateY(-6deg)}
.vig[data-vig="1"] .v-spill{opacity:.22}
.vig[data-vig="1"] .v-under{opacity:1}
.vig[data-vig="2"] .v-door{transform:rotateY(-30deg)}
.vig[data-vig="2"] .v-spill{opacity:.62}
.js-anim .vig:not(.on){transform:translateY(22px)}
.js-anim .vig:not(.on) .v-spill{opacity:0}
.js-anim .vig:not(.on) .v-under{opacity:0}
.js-anim .vig:not(.on) .v-lit{opacity:.25}
.js-anim .vig:not(.on) .v-door{transform:rotateY(-2deg)}
.js-anim .hero-out{will-change:transform,opacity}

.reduce-motion .glow,.reduce-motion .motes i,.reduce-motion .dot,
.reduce-motion .btn-call::after,.reduce-motion .yb-glow{animation:none}
.reduce-motion *{scroll-behavior:auto}
@media (prefers-reduced-motion:reduce){
  html:not(.js-anim){scroll-behavior:auto}
  .reduce-motion *,.reduce-motion *::before,.reduce-motion *::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}


@media (max-width:1080px){
  .nav{display:none}
  .doors{grid-template-columns:repeat(3,1fr)}
  .vigs{grid-template-columns:1fr;gap:16px}
  .years-in,.about-in,.contact-in{grid-template-columns:1fr}
  .strip{grid-template-columns:repeat(2,1fr)}
  .burger{display:block}
  .copy{width:min(60%,620px)}
}
@media (max-width:760px){
  :root{--hdr-h:64px}
  body{font-size:16.5px}
  
  .doors::before{inset-inline:0}
  .hdr{height:var(--hdr-h);background:rgba(243,247,251,.86);
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    box-shadow:0 1px 0 rgba(26,37,55,.08)}
  .hdr-in{gap:10px}
  .logo{font-size:19px}
  .logo-b{width:32px;height:32px}
  .hdr-call{font-size:14.5px;padding:7px 12px}
  .hdr-call svg{width:15px;height:15px}

  .hero{min-height:0;padding-block-start:0}
  .copy{position:relative;width:auto;min-height:0;padding-block:calc(var(--hdr-h) + 14px) 4px;
    margin-inline:0}
  
  .copy::before{content:"";position:absolute;z-index:-1;inset-inline:-6%;inset-block-start:-10%;height:60%;
    pointer-events:none;
    background:radial-gradient(85% 100% at 20% 0%, rgba(var(--amber-glow),.24), rgba(var(--amber-glow),0) 70%)}
  .mstage{display:block;height:330px;position:relative}
  .h1{font-size:clamp(36px,10.4vw,46px);margin-block-start:12px;line-height:.98;letter-spacing:-.03em}
  .h1 .lit{border-radius:11px}
  .sub{font-size:16px;margin-block-start:11px;line-height:1.45}
  .stats{margin-block-start:14px;width:100%;border-radius:14px;background:rgba(255,255,255,.8)}
  .stat{flex:1;padding:9px 6px;text-align:center}
  .stat b{font-size:20px}
  .stat span{font-size:11.5px}
  .actions{margin-block-start:14px;gap:8px}
  .btn-call{flex:1 1 100%;height:68px;justify-content:center;border-radius:16px;padding-inline:18px}
  .btn-call strong{font-size:27px}
  .btn-call .ic{width:40px;height:40px}
  .btn-wa{flex:1 1 100%;height:54px;justify-content:center;border-radius:16px}
  .note{margin-block-start:10px;font-size:12.8px}
  .note span + span::before{margin-inline:6px}

  .floor{height:172px}
  .doorway{inset-inline-start:5%;inset-block:auto 66px;width:60%;max-width:none;height:250px;
    perspective-origin:110% 50%}
  .casing{inset:-14px -15px 0 -15px}
  .plaque{inset-inline-start:69%;inset-block-start:auto;inset-block-end:230px;width:42px;height:52px;
    font-size:19px}
  .bounce,.motes{display:none}
  .beam{background:conic-gradient(from 74deg at 26% 58%,
      rgba(var(--amber-glow),0) 0deg, rgba(255,196,102,.34) 14deg, rgba(255,204,120,.42) 34deg,
      rgba(255,196,102,.14) 56deg, rgba(var(--amber-glow),0) 72deg);
    -webkit-mask-image:radial-gradient(96% 90% at 26% 58%, #000 10%, rgba(0,0,0,.7) 44%, transparent 92%);
    mask-image:radial-gradient(96% 90% at 26% 58%, #000 10%, rgba(0,0,0,.7) 44%, transparent 92%)}
  .beam2{background:conic-gradient(from 92deg at 26% 60%,
      rgba(255,236,205,0) 0deg, rgba(255,238,208,.5) 10deg, rgba(255,230,185,.55) 22deg,
      rgba(255,226,175,0) 40deg);
    -webkit-mask-image:radial-gradient(70% 68% at 26% 60%, #000 8%, rgba(0,0,0,.7) 36%, transparent 84%);
    mask-image:radial-gradient(70% 68% at 26% 60%, #000 8%, rgba(0,0,0,.7) 36%, transparent 84%)}
  .pool{inset-inline-start:0;inset-block-end:2%;width:94%;height:170px}
  .door-shadow{inset-inline-start:5%;inset-block-end:48px;width:54%;height:54px}

  .strip{margin-block-start:16px;grid-template-columns:1fr 1fr;gap:10px}
  .card{padding:15px;border-radius:16px}
  .card .ci{width:36px;height:36px;border-radius:11px;margin-block-end:9px}
  .card h3{font-size:15.5px}
  .card p{font-size:12.6px}

  .sec{padding-block:clamp(48px,11vw,70px)}
  .vig-scene{height:210px}
  
  .v-frame{left:29%;right:43%;top:5%}
  .v-lit,.v-door{left:30.6%;right:44.6%;top:6.6%}
  .v-under{left:30.6%;right:44.6%}
  .vig h3{font-size:20px;margin:18px 22px 0}
  .vig p{margin:6px 22px 0}
  
  .doors{grid-template-columns:repeat(2,1fr);gap:12px}
  .dc-door{height:168px}
  .hcards{grid-template-columns:1fr}
  .ba-stage{width:min(100%,340px);aspect-ratio:4/5}
  .ba-tag{max-width:60%;padding:7px 11px}
  .ba-tag b{font-size:14px}
  .ba-tag span{display:none}
  .info dt{min-width:88px}

  
  .portrait{order:2;width:220px;max-width:220px;margin-block-start:22px}
  .about-tx{order:1}

  
  .ftr a[href^="tel:"]{min-height:44px;display:inline-flex;align-items:center;padding-block:6px}
  .hdr-call{min-height:44px;padding-block:8px}

  
  .chips{flex-direction:column;align-items:flex-start}

  
  .contact .contact-cta .btn-wa{display:none}

  .bbar{position:fixed;z-index:58;inset-inline:0;inset-block-end:0;display:flex;gap:8px;
    padding:9px 12px calc(9px + env(safe-area-inset-bottom));
    background:rgba(16,26,40,.92);
    -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
    transform:translateY(0);transition:transform .35s ease}
  .bbar.hide{transform:translateY(120%)}
  .bbar-call{flex:1;display:flex;align-items:center;justify-content:center;gap:10px;height:50px;
    border-radius:14px;font-family:"Rubik",sans-serif;font-weight:800;font-size:21px;color:#2A1B02;
    background:linear-gradient(165deg,#FFC65C,var(--amber-2) 55%,var(--amber-3))}
  .bbar-call svg{width:20px;height:20px}
  .bbar-wa{width:50px;height:50px;display:grid;place-items:center;border-radius:14px;background:#25A366;
    color:#fff}
  .bbar-wa svg{width:24px;height:24px}
  body{padding-block-end:0}
  .ftr{padding-block-end:88px}
}
@media (max-width:560px){
  
  .ba-tag{display:none}
  .ba-caps{display:flex;justify-content:center;gap:10px}
  .ba-caps span{display:flex;align-items:center;gap:7px;padding:7px 14px;border-radius:100px;
    background:#fff;box-shadow:var(--sh-1);font-family:"Rubik",sans-serif;font-size:14px}
  .ba-caps span::before{content:"";width:8px;height:8px;border-radius:50%}
  .cap-bad::before{background:#A8452F}
  .cap-bad b{color:#A8452F}
  .cap-good::before{background:#B6790A}
  .cap-good b{color:#B6790A}
}
@media (max-width:400px){
  .btn-call strong{font-size:24px}
  .bbar-call{font-size:19px}
  .h1{font-size:clamp(33px,9.6vw,40px)}
}