:root{--cobalt:#1B34E6;--chalk:#F2EFE8;--coral:#FF5A36;--ink:#0B0D1A;--pad:64px;--chalk2:#E9E5DC;--muted:#4d5066}
*{box-sizing:border-box;margin:0;padding:0}
html{background:var(--chalk);scroll-behavior:smooth;overflow-x:clip;scroll-snap-type:y proximity}
body{font-family:"Bricolage Grotesque",sans-serif;color:var(--chalk);-webkit-font-smoothing:antialiased;overflow-x:clip}
.mono{font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.pill{display:inline-flex;align-items:center;gap:12px;background:var(--coral);color:#fff;border-radius:999px;padding:14px 24px;font-weight:600;font-size:15px;text-decoration:none;white-space:nowrap;font-family:inherit;border:0;cursor:pointer;transition:background .4s,color .4s,transform .3s}
.pill:hover{transform:translateY(-2px)}
.pill svg{width:16px;height:16px;flex:none}
:focus-visible{outline:3px solid #FFD23F;outline-offset:3px}

/* ================= TOPBAR (always on — no intro on these pages) ================= */
#topbar{position:fixed;left:0;right:0;top:0;height:64px;z-index:55;display:flex;align-items:center;gap:32px;padding:0 var(--pad);background:rgba(242,239,232,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(11,13,26,.08);color:var(--ink);opacity:1;transform:none;pointer-events:auto}
#topbar .n-logo i::after{background:var(--ink)}
#topbar .n-logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:19px;letter-spacing:-.02em;flex:none}
#topbar .n-logo i{width:22px;height:22px;border-radius:50%;background:var(--coral);position:relative}
#topbar .n-logo i::after{content:"";position:absolute;left:-3px;right:-3px;bottom:-5px;height:3px}
#topbar nav{display:flex;gap:28px;font-size:15px;margin:0 auto}
#topbar nav a{color:var(--ink);text-decoration:none;opacity:.8;position:relative;padding:6px 0}
#topbar nav a:hover{opacity:1;color:var(--cobalt)}
#topbar nav a.active{opacity:1;color:var(--cobalt);font-weight:600}
#topbar nav a.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--coral);border-radius:2px}
@media (max-width:1200px){#topbar nav a.nx{display:none}}

/* current-page badge — sits left, by the logo, bigger than the nav text: "you are here".
   switch-page pill sits on the right, apart from the nav, with its own gap before Book a free consult:
   "go here instead". The two are never boxed together with the nav links. */
.pill.current{flex:none;padding:12px 22px;font-size:15px;font-weight:700;background:transparent;cursor:default;box-shadow:inset 0 0 0 1.5px rgba(11,13,26,.22)}
.pill.current:hover{transform:none}
.pill.current.cur-w{color:var(--ink)}
.pill.current.cur-s{color:var(--cobalt);box-shadow:inset 0 0 0 1.5px var(--cobalt)}
.pill.switch{flex:none;margin-left:28px;padding:10px 18px;font-size:13.5px;background:var(--ink)}
.pill.switch.to-s{background:var(--cobalt)}
.pill.switch.to-w{background:var(--ink)}
.tb-cta{padding:12px 20px;font-size:13.5px}
.tb-cta .sm{display:none}
@media (max-width:900px){.pill.current{padding:10px 16px;font-size:13.5px}.pill.switch{margin-left:16px}}
@media (max-width:620px){#topbar{gap:10px}#topbar nav{display:none}.pill.switch{margin-left:0;padding:9px 12px;font-size:12.5px}.tb-cta .lg{display:none}.tb-cta .sm{display:inline}}
@media (max-width:420px){.pill.current{display:none}}

/* underline drawn by JS from the current-page badge to the Book a free consult button */
.biz-line{position:absolute;bottom:0;height:2px;background:var(--coral);border-radius:2px;pointer-events:none}
.biz-line.s{background:var(--cobalt)}
@media (max-width:420px){.biz-line{display:none}}

/* small static hero banner (replaces the full animated intro on sub-pages) */
.subhero{padding:168px var(--pad) 90px;scroll-snap-align:start}
.subhero .mono{margin-bottom:22px;opacity:.9}
.subhero h1{font-size:clamp(38px,6.4vw,78px);font-weight:800;letter-spacing:-.045em;line-height:.95;max-width:16ch}
.subhero h1 em{font-style:normal;color:var(--coral)}
.subhero p{font-size:19px;line-height:1.5;max-width:50ch;opacity:.88;margin-top:22px}
.subhero .sh-cta{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap}
.subhero .ghost{color:inherit;text-decoration:none;font-weight:600;border-bottom:1.5px solid rgba(242,239,232,.35);padding-bottom:3px}
.subhero.chalk .ghost{border-bottom-color:rgba(11,13,26,.3)}
.subhero .ghost:hover{border-color:var(--coral)}
@media (max-width:760px){.subhero{padding:120px var(--pad) 60px}}

.sec{padding:140px var(--pad);position:relative;scroll-snap-align:start;scroll-snap-stop:normal}
.wrapx{max-width:1312px;margin:0 auto}
.chalk{background:var(--chalk);color:var(--ink)}
.cob{background:var(--cobalt);color:var(--chalk)}
.inkb{background:var(--ink);color:var(--chalk)}
.eyeb{display:flex;align-items:center;gap:14px;margin-bottom:26px}
.eyeb::before{content:"";width:34px;height:2px;background:var(--coral)}
.h2{font-size:clamp(42px,5.6vw,92px);font-weight:800;letter-spacing:-.045em;line-height:.93}
.h2 .ln{display:block;overflow:hidden;padding-bottom:.06em}
.h2 .ln>span{display:block}
.h2 em{font-style:normal;color:var(--coral)}
.chalk .h2 em.b{color:var(--cobalt)}
.head{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:end;margin-bottom:80px}
.head p{font-size:19px;line-height:1.5;max-width:40ch;opacity:.85}
.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin-top:22px}
.tags li{font-size:13px;padding:7px 13px;border-radius:999px;border:1.5px solid currentColor;opacity:.75}
/* services */
.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.panel{border-radius:32px;padding:44px;display:flex;flex-direction:column;gap:30px;overflow:hidden;position:relative;min-height:600px}
.panel .num{font-family:"JetBrains Mono";font-size:13px;opacity:.75}
.panel h3{font-size:clamp(34px,3.4vw,52px);font-weight:800;letter-spacing:-.04em;line-height:.95;margin-top:10px}
.panel p{font-size:17px;line-height:1.55;max-width:42ch;opacity:.9;margin-top:14px}
.vis{margin-top:auto;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.08);aspect-ratio:16/8.5;position:relative;container-type:inline-size}
/* build visual */
.bv{position:absolute;inset:0;padding:5cqw;display:grid;grid-template-columns:1.2fr 1fr;grid-template-rows:auto 1fr auto;gap:3cqw}
.bv i{display:block;border-radius:1.4cqw;background:var(--chalk);transform-origin:left center}
.bv .nv{grid-column:1/-1;height:3cqw;display:flex;gap:2cqw;background:none}
.bv .nv b{display:block;height:100%;border-radius:2cqw;background:rgba(242,239,232,.5);width:10cqw}
.bv .nv b:first-child{background:var(--coral);width:6cqw}
.bv .tx{display:flex;flex-direction:column;gap:2cqw;background:none}
.bv .tx b{display:block;height:5.4cqw;border-radius:1cqw;background:var(--chalk)}
.bv .tx b:nth-child(2){width:72%}
.bv .tx b:nth-child(3){height:2cqw;width:80%;opacity:.5;margin-top:1.5cqw}
.bv .tx b:nth-child(4){height:6cqw;width:40%;background:var(--coral);border-radius:9cqw;margin-top:2cqw}
.bv .im{background:linear-gradient(140deg,#ff8a6a,var(--coral) 55%,#d6331a);border-radius:3cqw}
/* refresh visual */
.rv2{position:absolute;inset:0;display:grid;grid-template-rows:1fr 1fr;padding:4cqw 5cqw}
.rv2 .rr{position:relative;border-bottom:1px solid rgba(242,239,232,.15)}
.rv2 .rr:last-child{border:0}
.rv2 .rr>*{position:absolute;left:0;top:50%}
.rv2 .o1{padding:1.4cqw 3cqw;background:#c0c0c0;border:.7cqw outset #eee;font:bold 3.6cqw Arial;color:#000}
.rv2 .n1{background:var(--coral);color:#fff;border-radius:99px;padding:2.6cqw 4.6cqw;font-weight:600;font-size:3.6cqw;white-space:nowrap}
.rv2 .o2{font:bold 5.4cqw "Times New Roman";color:#9fb0ff;text-decoration:underline;white-space:nowrap}
.rv2 .n2{font-weight:800;font-size:7cqw;letter-spacing:-.04em;white-space:nowrap}
.rv2 .n2 span{color:var(--coral)}
.rv2 .lab{position:absolute;right:0;top:50%;transform:translateY(-50%);left:auto;font-family:"JetBrains Mono";font-size:2.2cqw;letter-spacing:.12em;opacity:.6}
/* who */
.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.wcol{border-radius:32px;padding:44px}
.wcol.a{background:rgba(255,255,255,.07);border:1.5px solid rgba(242,239,232,.18)}
.wcol.b{background:var(--chalk);color:var(--ink)}
.wcol h3{font-size:26px;font-weight:800;letter-spacing:-.03em}
.wcol>p{font-size:16.5px;line-height:1.55;opacity:.85;margin:10px 0 26px;max-width:42ch}
.wl2{list-style:none}
.wl2 li{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-top:1.5px solid rgba(127,127,127,.25);font-size:clamp(26px,2.6vw,38px);font-weight:800;letter-spacing:-.035em;line-height:1.1}
.wl2 li small{font-family:"JetBrains Mono";font-size:11.5px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;opacity:.7;text-align:right}
.wcol.b .wl2 li:nth-child(odd){color:var(--cobalt)}
.wcol.a .wl2 li:nth-child(even){color:var(--coral)}
/* work */
.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wk figcaption{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:12px}
.wk figcaption b{font-size:22px;font-weight:800;letter-spacing:-.03em}
.ctag{font-family:"JetBrains Mono";font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:6px 10px;border-radius:99px;background:var(--ink);color:#fff;white-space:nowrap}
.ba{border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 30px 70px -40px rgba(11,13,26,.45);border:1.5px solid rgba(11,13,26,.08)}
.ba .b3{height:30px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#E4E0D7}
.ba .b3 i{width:8px;height:8px;border-radius:50%;background:rgba(11,13,26,.22)}
.ba .b3 span{margin-left:auto;font-family:"JetBrains Mono";font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.scr{position:relative;aspect-ratio:4/3.3;container-type:inline-size;overflow:hidden}
.scr .v{position:absolute;inset:0;overflow:hidden}
.scr .wl{position:absolute;top:0;bottom:0;width:3px;margin-left:-1.5px;background:var(--coral);box-shadow:0 0 18px 3px rgba(255,90,54,.55);z-index:3}
.scr .bt{position:absolute;bottom:3cqw;z-index:4;font-family:"JetBrains Mono";font-size:2.6cqw;letter-spacing:.12em;text-transform:uppercase;padding:1.2cqw 2.2cqw;border-radius:99px}
.scr .bt.o{right:3cqw;background:#000080;color:#ff0}.scr .bt.n{left:3cqw;background:var(--coral);color:#fff}
/* old styles */
.ol{font-family:"Times New Roman",serif;color:#000}
.ol .hd{padding:3cqw 4cqw;font:bold 6cqw Arial}
.ol p{font-size:3.6cqw;line-height:1.3;padding:0 4cqw;margin-top:3cqw}
.ol .bx{margin:3cqw 4cqw 0;height:24cqw;border:.5cqw inset #999;background:#eee;position:relative}
.ol .bx::before,.ol .bx::after{content:"";position:absolute;inset:0;background:linear-gradient(to top right,transparent calc(50% - 1px),#c00 50%,transparent calc(50% + 1px))}
.ol .bx::after{transform:scaleX(-1)}
.ol .btn{display:inline-block;margin:3cqw 4cqw;padding:1.6cqw 3.4cqw;background:#c0c0c0;border:.8cqw outset #eee;font:bold 3.6cqw Arial}
.ol .lk{padding:2cqw 4cqw;font-size:3.6cqw;color:#00e;text-decoration:underline;display:flex;gap:3cqw;flex-wrap:wrap}
.o-clean{background:#e6f0ff;background-image:radial-gradient(#c7d9ff 1px,transparent 1.5px);background-size:4cqw 4cqw}
.o-clean .hd{background:#3366cc;color:#fff;text-shadow:2px 2px #000}
.o-clean .star{position:absolute;right:4cqw;top:15cqw;width:22cqw;height:22cqw;background:#ffeb00;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);display:grid;place-items:center;font:bold 2.8cqw Arial;color:#c00;text-align:center}
/* new styles */
.nw{font-family:"Bricolage Grotesque",sans-serif}
.nw .nvv{display:flex;justify-content:space-between;align-items:center;padding:4cqw 5cqw;font-size:3cqw;font-weight:600}
.nw .nvv span{display:flex;gap:3cqw;opacity:.75;font-weight:400}
.nw h4{font-weight:800;letter-spacing:-.045em;line-height:.95;font-size:9.4cqw;padding:5cqw 5cqw 0}
.nw .pl{display:inline-block;margin:5cqw 5cqw 0;border-radius:99px;padding:2.6cqw 4.4cqw;font-size:3.2cqw;font-weight:600}
.n-gen{background:var(--cobalt);color:var(--chalk)}
.n-gen h4 span{color:var(--coral)}
.n-gen .pl{background:var(--coral);color:#fff}
.n-gen .ob{position:absolute;right:-10cqw;bottom:-14cqw;width:54cqw;height:54cqw;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ff8a6a,var(--coral) 45%,#d6331a)}
.o-gen{background:#d9d4c3}
.o-gen .hd{background:linear-gradient(#e8e8e8,#a9a9a9);font:700 6cqw "Comic Neue";color:#c00;text-shadow:2px 2px #ff0}
.work-note{margin-top:34px;font-size:14.5px;color:var(--muted)}
/* process */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;position:relative;padding-top:0}
.steps .track{position:absolute;left:0;right:0;top:21px;height:2px;background:rgba(242,239,232,.15)}
.steps .track i{position:absolute;inset:0;background:var(--coral);transform-origin:left;transform:scaleX(0)}
.st .dot{width:44px;height:44px;border-radius:50%;background:var(--coral);color:#fff;display:grid;place-items:center;font-family:"JetBrains Mono";font-size:13px;font-weight:600;position:absolute;top:0}
.st{position:relative;padding-top:72px}
.st h3{font-size:30px;font-weight:800;letter-spacing:-.035em;margin-bottom:12px}
.st p{font-size:16.5px;line-height:1.55;opacity:.8;max-width:30ch}
/* why */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border-top:2px solid var(--ink)}
.wy{padding:44px 44px 44px 0;border-bottom:1.5px solid rgba(11,13,26,.14);display:grid;grid-template-columns:70px 1fr;gap:10px}
.wy:nth-child(even){padding-left:44px;border-left:1.5px solid rgba(11,13,26,.14)}
.wy .k{font-family:"JetBrains Mono";font-size:13px;color:var(--coral);padding-top:12px}
.wy h3{font-size:clamp(28px,2.6vw,40px);font-weight:800;letter-spacing:-.04em;line-height:1}
.wy p{font-size:17px;line-height:1.55;color:var(--muted);margin-top:14px;max-width:40ch}
/* check */
#check{background:var(--coral);color:#fff;overflow:hidden}
.chk{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}
#check .h2 em{color:var(--ink)}
#check p{font-size:19px;line-height:1.5;max-width:42ch;margin:26px 0 34px}
#check .pill{background:var(--ink);font-size:17px;padding:20px 32px}
#check .ba{box-shadow:0 40px 80px -30px rgba(11,13,26,.5)}
#check small{display:block;margin-top:18px;opacity:.9;font-size:14px}
/* faq */
.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;align-items:start}
.qa{border-top:2px solid var(--ink)}
details{border-bottom:1.5px solid rgba(11,13,26,.15)}
summary{list-style:none;cursor:pointer;padding:26px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:clamp(20px,1.7vw,25px);font-weight:600;letter-spacing:-.02em}
summary::-webkit-details-marker{display:none}
summary .pm{flex:none;width:36px;height:36px;border-radius:50%;background:var(--ink);position:relative;transition:background .3s,transform .4s}
summary .pm::before,summary .pm::after{content:"";position:absolute;left:11px;right:11px;top:17px;height:2px;background:#fff}
summary .pm::after{transform:rotate(90deg);transition:transform .4s}
details[open] summary .pm{background:var(--coral)}
details[open] summary .pm::after{transform:rotate(0)}
details .ans{padding:0 60px 28px 0;font-size:17px;line-height:1.6;color:var(--muted);max-width:62ch}
/* contact + footer */
#contact{background:var(--chalk);color:var(--ink);padding:120px var(--pad) 80px;scroll-snap-align:start}
.ct{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:start}
.ct h2{font-size:clamp(44px,5.6vw,84px);font-weight:800;letter-spacing:-.045em;line-height:.94;margin:18px 0 24px}
.ct h2 span{color:var(--cobalt)}
.ct .eb{color:var(--coral)}
.ct p.lead{font-size:19px;line-height:1.5;color:#3a3d52;max-width:36ch}
.svc{list-style:none;margin-top:34px;border-top:1.5px solid rgba(11,13,26,.12)}
.svc li{padding:16px 0;border-bottom:1.5px solid rgba(11,13,26,.12);display:flex;gap:18px;font-size:18px;font-weight:600}
.svc li b{color:var(--coral);font-family:"JetBrains Mono";font-size:13px;font-weight:600;padding-top:4px}
form{background:#fff;border-radius:24px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;box-shadow:0 30px 80px -40px rgba(27,52,230,.35)}
.f{display:flex;flex-direction:column;gap:8px}.f.full{grid-column:1/-1}
label{font-family:"JetBrains Mono";font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:#4d5066}
input,textarea{font:inherit;font-size:16px;color:var(--ink);background:var(--chalk);border:1.5px solid transparent;border-radius:12px;padding:14px 16px}
input:focus,textarea:focus{outline:none;border-color:var(--cobalt);background:#fff}
textarea{min-height:130px;resize:vertical}
.ff{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.ff small{color:#4d5066;font-size:13px;max-width:30ch}
.msg{grid-column:1/-1;color:var(--cobalt);font-size:14.5px;min-height:1em}
footer.ft{background:var(--ink);color:var(--chalk);padding:90px var(--pad) 36px;display:block}
.ft .big{font-size:clamp(64px,13vw,210px);font-weight:800;letter-spacing:-.06em;line-height:.85}
.ft .big span{color:var(--coral)}
.ft .rowf{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:56px;padding-top:24px;border-top:1px solid rgba(242,239,232,.18)}
.ft a{color:inherit;text-decoration:none}
@media (max-width:1000px){
  .head,.svc-grid,.who-grid,.chk,.faq,.stg{grid-template-columns:1fr}
  .head{gap:20px;margin-bottom:50px}
  .work-grid{grid-template-columns:1fr;gap:44px}
  .steps{grid-template-columns:1fr 1fr;row-gap:50px}
  .steps .track{display:none}
  .panel{min-height:0}
}
@media (max-width:760px){
  :root{--pad:20px}
  .sec{padding:90px var(--pad)}
  .panel,.wcol,.stg{padding:28px;border-radius:24px}
  .panel{gap:22px}
  .steps{grid-template-columns:1fr;padding-top:0}
  .st{padding-top:62px}
  .why-grid{grid-template-columns:1fr}
  .wy,.wy:nth-child(even){padding:30px 0;border-left:0;grid-template-columns:48px 1fr}
  .wl2 li small{display:none}
  .chk{gap:44px}
  details .ans{padding-right:0}
  summary{padding:22px 0}
  #contact{padding:80px var(--pad) 60px}
  .ct{grid-template-columns:1fr;gap:44px}
  form{grid-template-columns:1fr;padding:24px}
}
/* ===== v2 ===== */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.stg{grid-template-columns:.85fr 1.25fr;gap:56px;padding:52px}
/* who v2 */
#who{overflow:hidden}
.cloud{display:flex;flex-direction:column;gap:14px;margin:0 calc(-1*var(--pad)) 90px}
.mrow{overflow:hidden;white-space:nowrap}
.mtrk{display:inline-flex;gap:14px;will-change:transform}
.chip{display:inline-flex;align-items:center;font-size:clamp(26px,3.6vw,56px);font-weight:800;letter-spacing:-.04em;line-height:1;padding:.3em .62em .34em;border-radius:99px;border:2px solid rgba(242,239,232,.35);color:var(--chalk);white-space:nowrap}
.chip.f{background:var(--chalk);color:var(--ink);border-color:var(--chalk)}
.chip.c{background:var(--coral);border-color:var(--coral);color:#fff}
.chip.m{font-family:"JetBrains Mono";font-weight:400;font-size:clamp(13px,1.2vw,17px);letter-spacing:.14em;text-transform:uppercase;border-style:dashed}
.who3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.wc{border-radius:28px;padding:36px;background:rgba(255,255,255,.07);border:1.5px solid rgba(242,239,232,.18);display:flex;flex-direction:column}
.wc.l{background:var(--chalk);color:var(--ink);border-color:var(--chalk)}
.wc .k{font-size:12px;color:var(--coral)}
.wc h3{font-size:clamp(24px,2.1vw,32px);font-weight:800;letter-spacing:-.035em;line-height:1.02;margin:14px 0 12px}
.wc p{font-size:16.5px;line-height:1.55;opacity:.88}
.wc small{margin-top:auto;padding-top:24px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1.8;opacity:.75}
.more{margin-top:34px;font-size:18px;line-height:1.5;opacity:.92}
.more a{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--coral);text-decoration-thickness:2px}
/* work v2 */
.o-law{background:#fffff0}
.o-law .hd{background:#800000;color:#ffd700;text-align:center;font:bold 5.2cqw "Times New Roman";border-bottom:.8cqw double #ffd700}
.o-law .tb{margin:3cqw 4cqw;border:.6cqw ridge #888;display:grid;grid-template-columns:1fr 1fr}
.o-law .tb div{border:.3cqw solid #aaa;padding:2cqw;font-size:3.4cqw;background:#e8e8d0}
.o-cafe{background:#5a3417}
.o-cafe .hd{font:700 7cqw "Comic Neue";color:#ffd700;text-align:center;text-shadow:2px 2px #000}
.o-cafe .mq{background:#ff69b4;color:#000;font:bold 3.2cqw Arial;padding:1cqw 0;white-space:nowrap;overflow:hidden}
.o-cafe p{color:#ffe4b5}
.n-law{background:#0F1B2D;color:#F2EFE8}
.n-law h4{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.02em;font-size:9.4cqw;line-height:1.04;position:relative}
.n-law h4 span{font-style:italic;color:#D9B77A}
.n-law .pl{background:#D9B77A;color:#0F1B2D;position:relative}
.n-law .arc{position:absolute;right:6cqw;bottom:0;width:28cqw;height:42cqw;border-radius:99cqw 99cqw 0 0;border:.5cqw solid rgba(217,183,122,.55);border-bottom:0}
.n-law .arc::after{content:"";position:absolute;inset:3.5cqw 3.5cqw 0;border-radius:99cqw 99cqw 0 0;background:linear-gradient(180deg,rgba(27,52,230,.7),rgba(27,52,230,.08))}
.n-cafe{background:#F4E9DA;color:#3A2416}
.n-cafe h4{position:relative}.n-cafe h4 span{color:#C8553D}
.n-cafe .pl{background:#3A2416;color:#F4E9DA;position:relative}
.n-cafe .cup{position:absolute;right:-7cqw;bottom:-9cqw;width:48cqw;height:48cqw;border-radius:50%;background:radial-gradient(circle,#F3E2CA 0 9%,#C69C6D 10% 44%,#fff 45% 61%,#E5D3BB 62% 66%,transparent 67%);filter:drop-shadow(0 2cqw 3cqw rgba(58,36,22,.25))}
.n-trade{background:#111318;color:#fff}
.n-trade::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:6cqw 6cqw}
.n-trade>*{position:relative}
.n-trade h4 span{color:#FFC93C}
.n-trade .pl{background:#FFC93C;color:#111318}
.n-trade .bolt{position:absolute;right:5cqw;bottom:-3cqw;width:30cqw;height:50cqw;background:#FFC93C;clip-path:polygon(58% 0,8% 58%,44% 58%,30% 100%,92% 36%,56% 36%,78% 0)}
@media (max-width:1000px){.who3{grid-template-columns:1fr}.stg{gap:36px;grid-template-columns:1fr}}
@media (max-width:760px){
  .stg{padding:26px}
  .cloud{margin:0 calc(-1*var(--pad)) 56px;gap:10px}.mtrk{gap:10px}
  .wc{padding:28px;border-radius:24px}
  .more{font-size:16px}
}

/* ===== v3: real estate imaging + pricing ===== */
.vso{display:grid;grid-template-columns:.9fr 1.15fr;gap:64px;align-items:center;min-height:min(78vh,760px);margin-bottom:72px;padding-bottom:72px;border-bottom:1px solid rgba(242,239,232,.14)}
.vso-door{display:inline-flex;align-items:center;gap:0;border-radius:999px;border:1.5px solid rgba(242,239,232,.22);padding:4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:28px}
.vso-door span{padding:7px 12px;opacity:.7}
.vso-door b{padding:7px 14px;border-radius:999px;background:var(--cobalt);color:#fff;font-weight:600}
.vso-door .d{opacity:.6}
.vso-copy>p{font-size:19px;line-height:1.55;opacity:.8;max-width:42ch;margin-top:26px}
.vso-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.vso-tags li{border-radius:999px;border:1.5px solid rgba(242,239,232,.2);padding:9px 14px;font-size:14.5px}
.vso-tags b{color:var(--coral);font-weight:700;margin-left:4px}
.vso-cta{display:flex;align-items:center;gap:22px;margin-top:34px;flex-wrap:wrap}
.vso-cta .ghost{color:var(--chalk);text-decoration:none;font-weight:600;border-bottom:1.5px solid rgba(242,239,232,.35);padding-bottom:3px}
.vso-cta .ghost:hover{border-color:var(--coral)}
@media (max-width:1000px){.vso{grid-template-columns:1fr;gap:40px;min-height:0}}
@media (max-width:760px){.vso{margin-bottom:50px;padding-bottom:50px}.vso-copy>p{font-size:17px}.vso-door .d{display:none}}
.room2{display:block;border-radius:20px;overflow:hidden;background:#fff;border:1.5px solid rgba(11,13,26,.1);box-shadow:0 40px 80px -40px rgba(11,13,26,.45);text-decoration:none;color:var(--ink);position:relative;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;cursor:pointer}
.room2:hover{transform:translateY(-4px);box-shadow:0 50px 90px -40px rgba(27,52,230,.5)}
.room2:focus-visible{outline:3px solid var(--cobalt);outline-offset:4px}
.room2 .rb{display:flex;align-items:center;gap:6px;height:34px;padding:0 14px;background:#E4E0D7}
.room2 .rb i{width:9px;height:9px;border-radius:50%;background:var(--coral)}
.room2 .rb i:nth-child(2){background:#F3C26B}.room2 .rb i:nth-child(3){background:#5E7F67}
.room2 .rb em{margin-left:auto;font-style:normal;font-family:"JetBrains Mono";font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.room2 .rv{display:block;position:relative;aspect-ratio:616/470}
.room2 svg{display:block;width:100%;height:100%}
.sg-tog{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;padding:5px;border-radius:99px;background:rgba(251,248,242,.9);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 10px 30px -12px rgba(11,13,26,.45)}
.sg-tog b{position:relative;z-index:1;width:92px;text-align:center;padding:9px 0;font-size:13px;font-weight:700;color:var(--ink)}
.sg-tog i{position:absolute;top:5px;bottom:5px;left:5px;width:92px;border-radius:99px;background:var(--ink)}
.sg-hint{position:absolute;right:14px;top:14px;font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;background:var(--coral);color:#fff;padding:8px 12px;border-radius:99px;transition:transform .3s;box-shadow:0 8px 20px -8px rgba(255,90,54,.7)}
.room2:hover .sg-hint{transform:scale(1.07)}
@media (max-width:760px){.sg-tog{bottom:12px}.sg-tog b{width:74px;font-size:12px;padding:8px 0}.sg-tog i{width:74px}.sg-hint{right:10px;top:10px;font-size:9.5px;padding:6px 9px}}
.de{position:absolute;right:12px;bottom:12px;z-index:5;font-family:"JetBrains Mono";font-size:10px;letter-spacing:.08em;text-transform:uppercase;background:rgba(11,13,26,.62);color:#fff;padding:5px 9px;border-radius:99px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;white-space:nowrap}
.wm{position:absolute;right:14px;bottom:44px;z-index:4;font-family:"JetBrains Mono";font-size:9px;font-weight:400;letter-spacing:.14em;text-transform:uppercase;color:#fff;opacity:.3;text-shadow:0 0 3px rgba(0,0,0,.6),0 1px 1px rgba(0,0,0,.5);pointer-events:none;user-select:none;-webkit-user-select:none;white-space:nowrap}
@media (max-width:760px){.wm{font-size:8px;right:12px;bottom:40px;letter-spacing:.12em}}
.tg2{position:absolute;top:12px;z-index:5;font-family:"JetBrains Mono";font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;padding:6px 11px;border-radius:99px;pointer-events:none;white-space:nowrap}
.tg2.l{left:12px;background:rgba(255,255,255,.92);color:var(--ink)}
.tg2.r{right:12px;background:var(--coral);color:#fff}
#realestate{overflow:hidden}
#realestate .head p{opacity:.8}
.re-usp{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1.5px solid rgba(242,239,232,.2);border-bottom:1.5px solid rgba(242,239,232,.2);margin-bottom:100px}
.re-usp div{padding:26px 26px 26px 0;display:flex;flex-direction:column;gap:8px}
.re-usp div+div{padding-left:26px;border-left:1.5px solid rgba(242,239,232,.2)}
.re-usp b{font-size:22px;font-weight:800;letter-spacing:-.03em}
.re-usp span{font-size:14.5px;line-height:1.45;opacity:.72}
.re-blk{margin-bottom:110px}
.re-bh{display:grid;grid-template-columns:1.2fr 1fr auto;gap:40px;align-items:end;margin-bottom:40px}
.re-bh .num{font-family:"JetBrains Mono";font-size:13px;color:var(--coral)}
.re-bh h3{font-size:clamp(34px,3.6vw,58px);font-weight:800;letter-spacing:-.045em;line-height:.95;margin-top:12px}
.re-bh p{font-size:17px;line-height:1.55;opacity:.78;max-width:44ch}
.price{display:inline-flex;flex-direction:column;align-items:flex-end;gap:2px;white-space:nowrap}
.price b{font-size:44px;font-weight:800;letter-spacing:-.04em;line-height:1}
.price b small{font-size:16px;font-weight:600;letter-spacing:0;opacity:.7;margin-left:4px}
.price b small.pre{margin:0 6px 0 0}
.price span{font-family:"JetBrains Mono";font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.65}
.vs-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.cmp{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/3;background:#222;touch-action:pan-y;cursor:ew-resize;user-select:none;-webkit-user-select:none;--x:50%;container-type:inline-size}
.cmp img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;-webkit-user-drag:none}
.cmp .bf{clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.cmp .hd{position:absolute;top:0;bottom:0;left:var(--x);width:3px;margin-left:-1.5px;background:#fff;z-index:4;box-shadow:0 0 22px rgba(0,0,0,.35)}
.cmp .hd i{position:absolute;top:50%;left:50%;width:56px;height:56px;margin:-28px 0 0 -28px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.3)}
.cmp .hd svg{width:26px;height:14px}
.cmp input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.cmp:focus-within .hd i{outline:3px solid #FFD23F;outline-offset:3px}
.cmp .hd i{transition:box-shadow .35s}
.cmp.nudge:not(.used) .hd{animation:cmpNudge 1.6s cubic-bezier(.36,.07,.19,.97) .15s 3 both}
.cmp:not(.used) .hd i{box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 0 0 rgba(255,90,54,.55)}
.cmp.nudge:not(.used) .hd i{animation:cmpPulse 1.6s ease-in-out .15s 3 both;box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 0 0 rgba(255,90,54,.55)}
.cmp .hint{position:absolute;left:50%;top:calc(50% + 42px);transform:translateX(-50%);z-index:5;font-family:"JetBrains Mono";font-size:10px;letter-spacing:.14em;text-transform:uppercase;background:var(--coral);color:#fff;padding:7px 12px;border-radius:99px;white-space:nowrap;pointer-events:none;opacity:0;box-shadow:0 8px 22px rgba(255,90,54,.35)}
.cmp.nudge:not(.used) .hint{animation:cmpHint 1.6s ease-in-out .15s 3 both}
.cmp.used .hint{opacity:0;transition:opacity .25s}
@keyframes cmpNudge{0%,100%{transform:translateX(0)}18%{transform:translateX(-18px)}36%{transform:translateX(18px)}52%{transform:translateX(-9px)}68%{transform:translateX(9px)}82%{transform:translateX(-4px)}}
@keyframes cmpPulse{0%,100%{box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 0 0 rgba(255,90,54,.45)}40%{box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 0 14px rgba(255,90,54,0)} }
@keyframes cmpHint{0%,100%{opacity:0;transform:translateX(-50%) translateY(6px)}20%,70%{opacity:1;transform:translateX(-50%) translateY(0)} }
@media (prefers-reduced-motion:reduce){.cmp .hd,.cmp .hd i,.cmp .hint{animation:none!important}}
.vs-cap{display:flex;justify-content:space-between;gap:12px;margin-top:16px;font-size:15px;opacity:.75}
.vs-cap b{font-weight:700;opacity:1}
/* declutter options */
.op-rows{display:flex;flex-direction:column;gap:56px}
.op-row h4{font-family:"JetBrains Mono";font-size:12px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-bottom:18px;display:flex;gap:12px;align-items:center}
.op-row h4::after{content:"";flex:1;height:1px;background:rgba(242,239,232,.2)}
.op-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
.op{border-radius:22px;background:rgba(255,255,255,.06);border:1.5px solid rgba(242,239,232,.14);overflow:hidden;display:flex;flex-direction:column}
.op .ph{position:relative;aspect-ratio:4/3;overflow:hidden;background:#1a1c2a}
.op .ph img{width:100%;height:100%;object-fit:cover;display:block}
.op .bd{padding:22px 24px 24px;display:flex;flex-direction:column;gap:8px;flex:1}
.op .k{font-family:"JetBrains Mono";font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.65}
.op h5{font-size:24px;font-weight:800;letter-spacing:-.03em;line-height:1.05}
.op p{font-size:15px;line-height:1.5;opacity:.75}
.op .pr{margin-top:auto;padding-top:14px;display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid rgba(242,239,232,.14)}
.op .pr b{font-size:26px;font-weight:800;letter-spacing:-.03em}
.op .pr span{font-family:"JetBrains Mono";font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;opacity:.6}
.op.o1{border-color:rgba(255,90,54,.55)}
.op.o1 .k{color:var(--coral);opacity:1}
.op.o2{background:var(--chalk);color:var(--ink);border-color:var(--chalk)}
.op.o2 .k{color:var(--cobalt);opacity:1}
.op.o2 .pr{border-color:rgba(11,13,26,.12)}
.op.na{background:transparent;border-style:dashed;border-color:rgba(242,239,232,.28)}
.op.na .ph{background:repeating-linear-gradient(-45deg,rgba(242,239,232,.05) 0 12px,transparent 12px 24px);display:grid;place-items:center}
.op.na .ph img{position:absolute;inset:0;filter:grayscale(1) brightness(.45);opacity:.35}
.op.na .nab{position:relative;z-index:2;text-align:center;padding:0 24px}
.op.na .nab b{display:inline-block;font-family:"JetBrains Mono";font-size:12px;letter-spacing:.12em;text-transform:uppercase;background:rgba(242,239,232,.14);border:1.5px solid rgba(242,239,232,.35);padding:9px 14px;border-radius:99px}
.op.na .nab span{display:block;margin-top:12px;font-size:14.5px;line-height:1.45;opacity:.8}
.op.na h5,.op.na p{opacity:.55}
.op.na .pr b{font-size:16px;font-family:"JetBrains Mono";font-weight:400;letter-spacing:.1em;text-transform:uppercase;opacity:.6}
.diff{margin-top:34px;border-radius:22px;border:1.5px solid rgba(242,239,232,.14);overflow:hidden}
.diff table{width:100%;border-collapse:collapse;font-size:15.5px}
.diff th,.diff td{padding:15px 22px;text-align:left;border-bottom:1px solid rgba(242,239,232,.1)}
.diff tr:last-child td{border-bottom:0}
.diff th{font-family:"JetBrains Mono";font-weight:400;font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.7;background:rgba(255,255,255,.04)}
.diff td:not(:first-child),.diff th:not(:first-child){text-align:center;width:24%}
.diff .y{color:var(--coral);font-weight:800}.diff .y2{color:#9fb0ff;font-weight:800}.diff .n{opacity:.35}
/* floor plan 3D */
.f3{border-radius:32px;background:var(--chalk);color:var(--ink);padding:48px;position:relative}
.f3 .re-bh p{opacity:1;color:var(--muted)}
.f3 .re-bh .num{color:var(--cobalt)}
.f3-top{display:grid;grid-template-columns:1.45fr 1fr;gap:36px;align-items:stretch}
.vid{position:relative;border-radius:20px;overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 40px 80px -40px rgba(11,13,26,.5)}
.vid video{width:100%;height:100%;display:block;object-fit:cover}
.vid .tg2{left:14px;top:14px;background:var(--ink);color:#fff}
.tiers{display:flex;flex-direction:column;gap:12px}
.tier{display:grid;grid-template-columns:1fr auto;gap:4px 16px;align-items:center;padding:20px 22px;border-radius:18px;background:#fff;border:1.5px solid rgba(11,13,26,.08)}
.tier b{font-size:20px;font-weight:800;letter-spacing:-.025em}
.tier span{grid-column:1;font-size:14px;line-height:1.45;color:var(--muted)}
.tier em{grid-column:2;grid-row:1/3;font-style:normal;font-size:30px;font-weight:800;letter-spacing:-.04em;text-align:right;line-height:1}
.tier em small{display:block;font-family:"JetBrains Mono";font-size:10px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
.tier.pm{background:var(--ink);color:var(--chalk);border-color:var(--ink)}
.tier.pm span,.tier.pm em small{color:rgba(242,239,232,.7)}
.tier.pm em{color:#FFB48F}
.f3-st{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:18px;margin-top:26px}
.f3-st figure{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/10;background:#ddd}
.f3-st img{width:100%;height:100%;object-fit:cover;display:block}
.f3-st figcaption{position:absolute;left:12px;top:12px;font-family:"JetBrains Mono";font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.92);color:var(--ink);padding:6px 10px;border-radius:99px}
.f3-ft{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}
.f3-ft p{font-size:14.5px;color:var(--muted);max-width:60ch;line-height:1.5}
.f3-ft .pill{background:var(--ink)}
.f3-fov{display:block;margin-top:8px;font-size:13px;opacity:.85}
.comp{margin-top:40px;display:flex;gap:16px;align-items:flex-start;padding:22px 26px;border-radius:18px;background:rgba(255,255,255,.05);border:1.5px solid rgba(242,239,232,.14);font-size:15px;line-height:1.55}
.comp svg{flex:none;width:24px;height:24px;color:var(--coral);margin-top:1px}
.comp b{font-weight:700}
.comp span{opacity:.75}
.re-cta{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:34px}
.re-cta small{font-size:14px;opacity:.7}
/* pricing */
#pricing .head p{opacity:.8}
.pk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pk{border-radius:28px;padding:36px;background:rgba(255,255,255,.06);border:1.5px solid rgba(242,239,232,.16);display:flex;flex-direction:column;position:relative}
.pk.hl{background:var(--cobalt);border-color:var(--cobalt)}
.pk .bdg{position:absolute;top:22px;right:22px;font-family:"JetBrains Mono";font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;background:var(--coral);color:#fff;padding:6px 10px;border-radius:99px}
.pk h3{font-size:26px;font-weight:800;letter-spacing:-.03em}
.pk .for{font-size:15px;opacity:.72;margin-top:6px;line-height:1.45;min-height:2.9em}
.pk .amt{margin:26px 0 22px;font-size:64px;font-weight:800;letter-spacing:-.05em;line-height:.9}
.pk .amt sup{font-size:22px;vertical-align:top;letter-spacing:0;margin-right:4px;position:relative;top:8px;opacity:.75}
.pk .amt .was{display:block;font-size:22px;font-weight:600;letter-spacing:-.02em;opacity:.5;text-decoration:line-through;text-decoration-thickness:2px;margin-bottom:8px}
.qwas{font-family:"JetBrains Mono";font-size:11px;letter-spacing:.1em;text-transform:uppercase;opacity:.6;margin:6px 0 0}
.qwas s{text-decoration-thickness:1.5px}
.pk .amt small{display:block;font-family:"JetBrains Mono";font-size:11px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;opacity:.6;margin-top:12px}
.pk ul{list-style:none;border-top:1px solid rgba(242,239,232,.16);padding-top:18px;display:flex;flex-direction:column;gap:10px;font-size:15.5px;line-height:1.4;margin-bottom:28px;flex:1}
.pk li{display:flex;gap:10px}.pk li.inc{font-weight:700;opacity:.92}.pk li.inc::before{display:none}.pk li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--coral);margin-top:7px}
.pk .pill{margin-top:auto;justify-content:center}
.pk:not(.hl) .pill{background:var(--chalk);color:var(--ink)}
.addons{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}
.ad{border-radius:24px;padding:28px 32px;background:var(--chalk);color:var(--ink)}
.ad h4{font-family:"JetBrains Mono";font-size:11.5px;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
.ad ul{list-style:none}
.ad li{display:flex;justify-content:space-between;gap:16px;padding:11px 0;border-bottom:1px solid rgba(11,13,26,.1);font-size:16px}
.ad li:last-child{border-bottom:0}
.ad li b{font-weight:800;white-space:nowrap}
.pnote{margin-top:24px;font-size:14px;opacity:.65}
@media (max-width:1000px){
  .re-usp{grid-template-columns:1fr 1fr}.re-usp div:nth-child(3){padding-left:0;border-left:0}
  .re-usp div:nth-child(n+3){border-top:1.5px solid rgba(242,239,232,.2)}
  .re-bh{grid-template-columns:1fr;gap:16px}.price{align-items:flex-start}
  .vs-grid,.f3-top,.pk-grid,.addons{grid-template-columns:1fr}
  .op-grid{grid-template-columns:1fr 1fr}
  .f3-st{grid-template-columns:1fr 1fr}.f3-st figure:first-child{grid-column:1/-1}
}
@media (max-width:760px){
  .re-usp{grid-template-columns:1fr;margin-bottom:70px}
  .re-usp div,.re-usp div+div{padding:18px 0;border-left:0}
  .re-usp div+div{border-top:1.5px solid rgba(242,239,232,.2)}
  .re-blk{margin-bottom:80px}
  .op-grid{grid-template-columns:1fr}
  .diff table{font-size:13.5px}.diff th,.diff td{padding:12px 10px}
  .diff th{font-size:9.5px;letter-spacing:.06em}
  .f3{padding:24px;border-radius:24px}
  .f3-st{grid-template-columns:1fr}
  .tier em{font-size:26px}
  .pk{padding:28px}.pk .amt{font-size:56px}
  .ad{padding:22px}
  .cmp .hd i{width:46px;height:46px;margin:-23px 0 0 -23px}
  .comp{padding:18px}
}
/* ===== v4: quote builder ===== */
#quote{background:var(--chalk);color:var(--ink)}
#qform.qgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:start;background:none;padding:0;border-radius:0;box-shadow:none}
.qmain,.qstep{min-width:0}
.qstep{margin-bottom:44px;border:0}
.qstep legend,.qstep .ql{display:flex;align-items:center;gap:12px;font-family:"JetBrains Mono";font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;padding:0}
.qstep legend b,.qstep .ql b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;font-weight:600;font-size:11px;letter-spacing:0}
.moods{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.mood,.addon{position:relative;display:block;cursor:pointer;text-transform:none;letter-spacing:0;font-family:"Bricolage Grotesque",sans-serif;color:var(--ink)}
.mood input,.addon input{position:absolute;opacity:0;width:1px;height:1px}
.mood .mc{display:flex;flex-direction:column;gap:10px;height:100%;padding:22px;border-radius:22px;background:#fff;border:2px solid rgba(11,13,26,.1);transition:border-color .25s,box-shadow .25s,transform .25s}
.mood:hover .mc{transform:translateY(-2px)}
.mood .mt{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.mood .mt b{font-size:21px;font-weight:800;letter-spacing:-.025em;line-height:1.1}
.mood .mt em,.addon em{font-style:normal;font-family:"JetBrains Mono";font-size:12px;font-weight:600;letter-spacing:.04em;white-space:nowrap;color:var(--cobalt)}
.mood .md{font-size:14.5px;line-height:1.45;color:var(--muted)}
.mood .ck,.addon .ck{position:absolute;top:16px;right:16px;width:22px;height:22px;border-radius:50%;border:2px solid rgba(11,13,26,.2);background:#fff;transition:all .25s}
.mood .mt{padding-right:30px}
.mood input:checked+.mc{border-color:var(--cobalt);box-shadow:0 18px 40px -24px rgba(27,52,230,.6)}
.mood input:checked~.ck{border-color:var(--cobalt);background:var(--cobalt);box-shadow:inset 0 0 0 4px #fff}
.mood input:focus-visible+.mc,.addon input:focus-visible+.ac{outline:3px solid #FFD23F;outline-offset:3px}
.addons2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.addon .ac{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:999px;background:#fff;border:2px solid rgba(11,13,26,.1);transition:border-color .25s,background .25s}
.addon .ck{position:static;flex:none;border-radius:7px}
.addon span.t{flex:1;font-size:15.5px;font-weight:600;line-height:1.25}
.addon span.t small{display:block;margin-top:3px;font-size:12.5px;font-weight:500;line-height:1.35;color:var(--muted)}
.addon input:checked+.ac{border-color:var(--coral);background:#FFF4F0}
.addon input:checked+.ac .ck{background:var(--coral);border-color:var(--coral);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23fff' stroke-width='2.4'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E");background-size:14px;background-position:center;background-repeat:no-repeat}
.addon input:checked+.ac em{color:var(--coral)}
.qf{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.qf input,.qf textarea{background:#fff;border-color:rgba(11,13,26,.1)}
.qf textarea{min-height:130px;resize:vertical}
.req{color:var(--coral)}
.qsum{position:sticky;top:124px;border-radius:28px;background:var(--ink);color:var(--chalk);padding:34px}
.qsum .k{color:var(--coral)}
.qtot{display:flex;align-items:flex-start;gap:6px;margin:14px 0 6px;font-size:clamp(56px,5.4vw,80px);font-weight:800;letter-spacing:-.05em;line-height:.9}
.qtot sup{font-size:22px;letter-spacing:0;opacity:.75;margin-top:8px}
.qtot.bump{animation:qbump .45s cubic-bezier(.2,.8,.2,1)}
@keyframes qbump{0%{transform:scale(1)}40%{transform:scale(1.05);color:#FFB48F}100%{transform:scale(1)}}
.qsum .sub{font-size:11px;opacity:.6}
.qbd{list-style:none;margin:22px 0;border-top:1px solid rgba(242,239,232,.16);padding-top:12px;font-size:15px}
.qbd li{display:flex;justify-content:space-between;gap:14px;padding:7px 0}
.qbd li b{font-weight:700;white-space:nowrap}
.qbd li.mu{opacity:.65}
.qact{display:flex;flex-direction:column;gap:12px}
.qact .pill{justify-content:center;font-size:16px;padding:18px 24px}
.qact .pill.alt{background:transparent;color:var(--chalk);box-shadow:inset 0 0 0 2px rgba(242,239,232,.5)}
.qact .pill.alt:hover{box-shadow:inset 0 0 0 2px var(--chalk)}
.qfree{margin-top:4px;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.07);border:1.5px dashed rgba(242,239,232,.3);font-size:14.5px;line-height:1.5}
.qfree strong{display:block;font-family:"JetBrains Mono";font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#FFB48F;margin-bottom:6px}
.qfree ul{list-style:none;display:flex;flex-direction:column;gap:4px}
.qfree li::before{content:"✓ ";color:var(--coral);font-weight:800}
.qsum .msg{color:#FFB48F;margin-top:14px;font-size:14.5px;line-height:1.45}
.qsum .fine{margin-top:16px;font-size:12.5px;opacity:.6;line-height:1.5}
.qtabs{display:inline-flex;gap:6px;padding:6px;border-radius:999px;background:#E4E0D7;margin-bottom:44px}
.qtabs button{font:inherit;border:0;cursor:pointer;background:transparent;color:var(--ink);border-radius:999px;padding:12px 24px;font-size:16px;font-weight:700;display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;transition:background .3s,color .3s}
.qtabs button small{font-family:"JetBrains Mono";font-size:10px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;opacity:.65}
.qtabs button[aria-selected=true]{background:var(--ink);color:var(--chalk)}
#qsimple.qsgrid{display:grid;grid-template-columns:1.5fr 1fr;gap:48px;align-items:start;background:none;padding:0;border-radius:0;box-shadow:none}
#qsimple[hidden],#qform[hidden],#quote [hidden]{display:none!important}
.qs-intro{margin-bottom:30px}.qs-intro .k{color:var(--coral);margin-bottom:12px}
.qs-intro h3{font-size:clamp(28px,2.8vw,42px);font-weight:800;letter-spacing:-.04em;line-height:1.02}.qs-intro h3 em{font-style:normal;color:var(--cobalt)}
.qs-intro p{font-size:17px;line-height:1.55;color:var(--muted);margin-top:14px;max-width:52ch}
select{font:inherit;font-size:16px;color:var(--ink);background:#fff;border:1.5px solid rgba(11,13,26,.1);border-radius:12px;padding:14px 16px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%230B0D1A' stroke-width='2'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px}
select:focus{outline:none;border-color:var(--cobalt)}
.opt{text-transform:none;letter-spacing:0;color:var(--muted);opacity:.8}
.qsum sup{white-space:nowrap}
@media (max-width:1000px){#qsimple.qsgrid{grid-template-columns:1fr;gap:20px}}
@media (max-width:760px){.qtabs{display:flex;margin-bottom:30px}.qtabs button{flex:1;padding:10px 14px;font-size:14.5px}.qtabs button small{font-size:8.5px;letter-spacing:.06em}}
.moods{grid-template-columns:repeat(3,1fr)}
.mood .mc{padding:12px 12px 18px;gap:8px}
.mood .th{position:relative;display:block;border-radius:14px;overflow:hidden;aspect-ratio:16/10;background:#E4E0D7;margin-bottom:6px;border:1px solid rgba(11,13,26,.08)}
.mood .th img{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.92)}
.mood .smp{position:absolute;left:8px;bottom:8px;font-family:"JetBrains Mono";font-size:9.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;background:rgba(11,13,26,.82);color:#fff;padding:5px 8px;border-radius:99px;backdrop-filter:blur(4px)}
.mood .mt,.mood .md,.mood .mx{padding:0 6px}
.mood .mt{padding-right:6px;flex-wrap:wrap}
.mood .mt b{font-size:18.5px}
.mood .md{font-size:13.5px}
.mood .mx{margin-top:auto;font-family:"JetBrains Mono";font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);opacity:.8}
.mood .ck{top:20px;right:20px;box-shadow:0 2px 8px rgba(0,0,0,.25)}
.mnote{font-size:14.5px;line-height:1.5;color:var(--muted);margin:-4px 0 18px;max-width:70ch;padding:12px 16px;border-radius:14px;background:#E9E5DC}
.mnote b{color:var(--ink)}
@media (max-width:1180px){.moods{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.moods{grid-template-columns:1fr 1fr;gap:10px}.mood .mc{padding:8px 8px 14px}.mood .mt b{font-size:16px}.mood .md{display:none}.mood .mt em{font-size:11px}.mood .ck{top:14px;right:14px;width:20px;height:20px}.mood .smp{font-size:8px;left:6px;bottom:6px;padding:4px 6px}.mood .mx{font-size:8.5px}}
.qbar{display:none}
/* ===== v5: real estate bedroom packages + staging quote (shared with contact) ===== */
.bp{margin-top:36px;border-radius:28px;background:rgba(255,255,255,.05);border:1.5px solid rgba(242,239,232,.14);padding:36px}
.bp-h{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:28px}
.bp-h h4{font-size:clamp(24px,2.2vw,32px);font-weight:800;letter-spacing:-.03em;margin:8px 0 6px}
.bp-h p{font-size:15px;opacity:.75;max-width:40ch}
.bp-sw{display:inline-flex;gap:6px;padding:5px;border-radius:999px;background:rgba(255,255,255,.07)}
.bp-sw label{position:relative;cursor:pointer}
.bp-sw input{position:absolute;opacity:0;width:1px;height:1px}
.bp-sw span{display:block;padding:10px 16px;border-radius:999px;font-size:13.5px;font-weight:600;white-space:nowrap}
.bp-sw span small{display:block;font-family:"JetBrains Mono";font-weight:400;font-size:10px;letter-spacing:.08em;text-transform:uppercase;opacity:.65;margin-top:2px}
.bp-sw input:checked+span{background:var(--coral)}
.bp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.bpk{border-radius:20px;background:rgba(255,255,255,.05);border:1.5px solid rgba(242,239,232,.14);padding:24px;display:flex;flex-direction:column;gap:6px}
.bpk .k{font-size:11px;opacity:.7}
.bp-was{font-size:15px;opacity:.55}
.bp-was s{text-decoration-thickness:1.5px}
.bp-amt{font-size:38px;font-weight:800;letter-spacing:-.04em}
.bp-amt sup{font-size:16px;opacity:.7;margin-right:2px}
.bp-save{font-family:"JetBrains Mono";font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:#FFB48F}
.bp-3d{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:22px 26px;border-radius:20px;background:rgba(255,255,255,.05);border:1.5px dashed rgba(242,239,232,.25)}
.bp-3d p{font-size:16px;font-weight:600;margin-top:2px}
.bp-3d-pr{margin-left:8px}.bp-3d-pr s{opacity:.55}.bp-3d-pr b{color:#FFB48F}
.bp-3d-n{display:block;font-size:13.5px;opacity:.7;max-width:60ch;margin-top:6px}
.bp-note{margin-top:20px;font-size:13px;opacity:.6;max-width:80ch}
.bp-ag{margin-top:26px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding:22px 26px;border-radius:20px;background:rgba(255,255,255,.04)}
.bp-ag p{font-size:15px}
.sp3{margin-top:20px}
@media (max-width:1000px){.bp-grid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.bp{padding:22px}.bp-grid{grid-template-columns:1fr 1fr;gap:10px}.bpk{padding:16px}.bp-amt{font-size:28px}.bp-3d,.bp-ag{padding:18px}}
.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:8px}
.sp{border-radius:24px;padding:30px;background:rgba(255,255,255,.05);border:1.5px solid rgba(242,239,232,.14)}
.sp.hl{background:var(--cobalt);border-color:var(--cobalt)}
.sp .k{font-size:11px;opacity:.65}
.sp h4{font-size:22px;font-weight:800;letter-spacing:-.03em;margin:10px 0 14px}
.sp .amt{font-size:40px;font-weight:800;letter-spacing:-.04em}
.sp .amt small{font-size:13px;font-weight:600;opacity:.65;margin-left:4px}
.sp p{font-size:14.5px;opacity:.78;margin-top:12px}
@media (max-width:1000px){.sp-grid{grid-template-columns:1fr}}
/* staging quote */
#quote-staging{background:var(--chalk);color:var(--ink)}
.vsrows{display:flex;flex-direction:column;gap:14px}
.vsr{display:grid;grid-template-columns:1fr auto auto;gap:18px;align-items:center;padding:18px 20px;border-radius:18px;background:#fff;border:2px solid rgba(11,13,26,.1)}
.vsr.on{border-color:var(--coral);background:#FFF4F0}
.vsr .t{font-size:15.5px;font-weight:600}
.vsr .t small{display:block;margin-top:3px;font-size:12.5px;font-weight:500;color:var(--muted)}
.vsr em{font-style:normal;font-family:"JetBrains Mono";font-size:12px;color:var(--cobalt);white-space:nowrap}
.stp{display:inline-flex;align-items:center;gap:10px}
.stp button{width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(11,13,26,.15);background:#fff;font-size:18px;font-family:inherit;cursor:pointer;line-height:1}
.stp input{width:46px;text-align:center;padding:8px 0;border:1.5px solid rgba(11,13,26,.12);border-radius:10px}
.vs3{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.vs3 label{position:relative;cursor:pointer}
.vs3 input{position:absolute;opacity:0;width:1px;height:1px}
.vs3 span{display:block;padding:16px 14px;border-radius:16px;background:#fff;border:2px solid rgba(11,13,26,.1);font-size:14.5px;font-weight:600;text-align:center}
.vs3 span em{display:block;font-style:normal;font-family:"JetBrains Mono";font-size:11px;font-weight:600;color:var(--cobalt);margin-top:4px}
.vs3 input:checked+span{border-color:var(--coral);background:#FFF4F0}
@media (max-width:1000px){.vs3{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.vsr{grid-template-columns:1fr;gap:10px}.vs3{grid-template-columns:1fr 1fr}}
@media (max-width:760px){
  .vsr{grid-template-columns:minmax(0,1fr) auto}
  .vs3 label{max-width:100%}.vs3 span{flex-wrap:wrap}
  .addon span.t,.vsr .t{min-width:0;overflow-wrap:anywhere}
  .qbar{width:100%;box-sizing:border-box}
}