/* ============================================================
   Tanvik — home.css · homepage only (after site-v6.css)
   Acts: hero (layered) · quiet line · night shift (peak) · products ·
   channels + industries · pricing · questions · close
   ============================================================ */

.home main{display:block;}
.wrap{max-width:var(--w);margin:0 auto;padding:0 var(--gutter);}
.label{font-family:var(--mono);font-size:11.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);}

/* ---------------- 1 · HERO: four planes ---------------- */
.h-hero{position:relative;min-height:calc(100svh - 82px);display:flex;align-items:center;padding:clamp(20px,3vh,40px) 0;overflow:clip;isolation:isolate;}
.h-hero .h-grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:24px;align-items:center;width:100%;}
.h-copy{position:relative;z-index:5;max-width:620px;will-change:transform,opacity;}
.h-copy h1{font-family:"Bricolage Grotesque","Plus Jakarta Sans",system-ui,sans-serif;font-optical-sizing:auto;font-weight:600;font-size:clamp(3rem,5.4vw,4.9rem);letter-spacing:-.035em;line-height:.96;margin:0 0 26px;}
.h-copy h1 em{font-style:normal;color:var(--iris-ink);}
.h-copy .lead{font-size:18.5px;line-height:1.55;color:var(--ink-2);max-width:30em;margin:0 0 36px;}
.h-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;}
.h-cta .btn-ghost-lg{font-size:15px;}

.h-stage{position:relative;height:640px;perspective:1600px;transform:scale(var(--fit,1));transform-origin:50% 50%;margin:calc((var(--fit,1) - 1) * 320px) 0;}
.pl{position:absolute;will-change:transform;}
/* far: light + floor */
.pl-light{inset:-30% -40% -20% -30%;pointer-events:none;}
.pl-light::before{content:"";position:absolute;left:18%;top:4%;width:90%;height:92%;background-image:radial-gradient(closest-side,rgba(91,91,214,.26) 0%,rgba(91,91,214,.2) 14%,rgba(91,91,214,.13) 30%,rgba(91,91,214,.07) 47%,rgba(91,91,214,.028) 64%,rgba(91,91,214,.008) 82%,rgba(91,91,214,0) 100%);}
.pl-light::after{content:"";position:absolute;left:46%;top:-6%;width:46%;height:52%;background-image:radial-gradient(closest-side,rgba(111,168,255,.11) 0%,rgba(111,168,255,.07) 28%,rgba(111,168,255,.03) 56%,rgba(111,168,255,0) 100%);}
.floor{position:absolute;left:14%;right:2%;bottom:-6px;height:120px;border-radius:50%;
  background:radial-gradient(closest-side,rgba(140,140,240,.18),rgba(91,91,214,.08) 45%,rgba(91,91,214,0) 100%);
  box-shadow:inset 0 1px 0 rgba(200,200,255,.10);}
/* mid: inbox panel, far back */
.pl-inbox{right:-22%;top:-3%;width:600px;border-radius:14px;background:#0D1120;border:1px solid var(--hair-2);box-shadow:var(--e2),var(--edge);opacity:.5;overflow:hidden;transform-origin:70% 40%;}
.ibx-bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--hair);}
.ibx-bar i{width:8px;height:8px;border-radius:50%;background:#262B3D;}
.ibx-bar span{margin-left:8px;font-family:var(--mono);font-size:10.5px;color:var(--ink-3);letter-spacing:.04em;}
.ibx{display:grid;grid-template-columns:210px 1fr;height:340px;}
.ibx-list{border-right:1px solid var(--hair);padding:8px;}
.ibx-row{padding:10px 10px;border-radius:9px;display:grid;gap:3px;}
.ibx-row.on{background:rgba(91,91,214,.12);}
.ibx-row b{font-size:12px;font-weight:600;color:var(--ink);}
.ibx-row span{font-size:11px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.ibx-th{padding:18px;display:flex;flex-direction:column;gap:10px;}
.ibx-b{height:12px;border-radius:6px;background:#1A1F32;}
/* subject: phone */
.pl-phone{left:18%;top:2%;width:300px;z-index:3;}
.phone{width:300px;height:614px;border-radius:46px;padding:10px;background:linear-gradient(160deg,#2A2F44,#12151F 40%,#0B0D15);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 2px 0 rgba(255,255,255,.05),0 40px 80px -30px rgba(2,3,10,.95),0 90px 140px -60px rgba(30,30,110,.75);}
.phone-in{position:relative;height:100%;border-radius:37px;overflow:hidden;background:#0B141A;display:flex;flex-direction:column;}
.ph-notch{position:absolute;top:9px;left:50%;width:92px;height:26px;border-radius:20px;background:#05070B;transform:translateX(-50%);z-index:2;}
.ph-head{display:flex;align-items:center;gap:10px;padding:46px 14px 12px;background:#1F2C34;}
.ph-av{width:32px;height:32px;border-radius:50%;background:#2A3942;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#D1D7DB;}
.ph-name{font-size:13.5px;font-weight:600;color:#E9EDEF;line-height:1.2;}
.ph-sub{font-size:11px;color:#8696A0;}
.ph-body{flex:1;padding:14px 10px;display:flex;flex-direction:column;gap:7px;background:#0B141A;}
.ph-day{align-self:center;font-size:10.5px;color:#8696A0;background:#182229;border-radius:6px;padding:4px 9px;margin-bottom:4px;}
.wa{max-width:84%;font-size:12.5px;line-height:1.45;padding:7px 9px 18px;border-radius:9px;position:relative;color:#E9EDEF;
  opacity:0;transform:translateY(6px) scale(.98);transition:opacity .45s var(--ease),transform .55s var(--ease);}
.wa.show{opacity:1;transform:none;}
.wa.in{align-self:flex-start;background:#202C33;border-top-left-radius:2px;}
.wa.out{align-self:flex-end;background:#005C4B;border-top-right-radius:2px;}
.wa time{position:absolute;right:8px;bottom:4px;font-size:9.5px;color:rgba(233,237,239,.55);font-variant-numeric:tabular-nums;}
.wa .tag{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.04em;color:#7FE3C4;margin-bottom:3px;}
.ph-type{align-self:flex-start;background:#202C33;border-radius:9px;padding:9px 12px;display:flex;gap:4px;opacity:0;transition:opacity .2s;}
.ph-type.show{opacity:1;}
.ph-type i{width:5px;height:5px;border-radius:50%;background:#8696A0;animation:tp 1s infinite ease-in-out;}
.ph-type i:nth-child(2){animation-delay:.15s}.ph-type i:nth-child(3){animation-delay:.3s}
@keyframes tp{0%,80%,100%{opacity:.3;transform:none}40%{opacity:1;transform:translateY(-2px)}}
.ph-input{margin:8px;height:38px;border-radius:20px;background:#202C33;}
/* near: foreground cards */
.pl-near{z-index:4;}
.near-card{background:#131829;border:1px solid var(--hair-2);border-radius:14px;padding:14px 16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 30px 60px -20px rgba(2,3,10,.9);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(10px);transition:opacity .6s var(--ease),transform .7s var(--ease);}
.near-card.show{opacity:1;transform:none;}
.nc-lead{left:-6%;top:60%;width:252px;}
.nc-call{right:-2%;top:30%;width:226px;}
.nc-k{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:8px;display:flex;align-items:center;gap:7px;}
.nc-k .dot{width:6px;height:6px;border-radius:50%;background:var(--ok);}
.nc-t{font-size:14px;font-weight:600;color:var(--ink);margin-bottom:4px;}
.nc-s{font-size:12.5px;color:var(--ink-2);line-height:1.45;}
.nc-row{display:flex;justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--hair);font-size:12px;color:var(--ink-2);}
.nc-row b{color:var(--ink);font-weight:600;}

.h-proof{position:relative;z-index:5;margin-top:40px;padding-top:22px;border-top:1px solid var(--hair);display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12.5px;color:var(--ink-3);max-width:34em;}
.h-proof span{display:inline-flex;align-items:center;gap:8px;}
.h-proof span::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ink-3);}

/* ---------------- 2 · QUIET LINE ---------------- */
.quiet{padding:clamp(120px,22vh,240px) 0 clamp(100px,18vh,200px);}
.quiet p{font-size:clamp(1.6rem,3.3vw,2.75rem);line-height:1.22;letter-spacing:-.03em;font-weight:500;color:var(--ink-3);max-width:24em;}
.quiet p b{font-weight:500;color:var(--ink);}

/* ---------------- 3 · NIGHT SHIFT (peak) ---------------- */
.night{position:relative;height:380vh;}
/* opening frame of the night: the problem, alone, then the clock takes over */
.night-intro{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;align-items:center;z-index:2;pointer-events:none;will-change:opacity,transform;}
.night-intro p{font-size:clamp(1.8rem,3.7vw,3.1rem);line-height:1.18;letter-spacing:-.035em;font-weight:500;color:var(--ink-3);max-width:22em;}
.night-intro p b{font-weight:500;color:var(--ink);}
.js .night-in{opacity:0;}
.night-in{will-change:opacity;}
.night-pin{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate;border-top:1px solid var(--hair);}
.ng{position:absolute;inset:0;z-index:-1;pointer-events:none;}
.ng-night{background-image:radial-gradient(70% 60% at 18% 0%,rgba(91,91,214,.16) 0%,rgba(91,91,214,.1) 25%,rgba(91,91,214,.045) 50%,rgba(91,91,214,.012) 75%,rgba(91,91,214,0) 100%);}
.ng-dawn{opacity:0;background-image:radial-gradient(85% 70% at 62% 112%,rgba(255,190,150,.24) 0%,rgba(255,176,140,.17) 18%,rgba(224,150,170,.1) 36%,rgba(140,120,210,.05) 56%,rgba(91,91,214,.015) 76%,rgba(91,91,214,0) 100%);}
.ng-horizon{position:absolute;left:0;right:0;bottom:16%;height:1px;opacity:.5;background:linear-gradient(90deg,transparent,rgba(166,166,240,.35) 30%,rgba(166,166,240,.35) 70%,transparent);}
.night-in{height:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px);align-items:center;padding-top:70px;}
.clock{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:clamp(3.6rem,8.4vw,7.6rem);font-weight:400;letter-spacing:-.05em;line-height:1;color:var(--ink);margin:18px 0 26px;white-space:nowrap;}
.clock small{font-size:.32em;letter-spacing:0;color:var(--ink-3);margin-left:.35em;vertical-align:.95em;}
.n-cap{position:relative;min-height:3.2em;font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.35;letter-spacing:-.02em;color:var(--ink);max-width:22em;}
.n-cap span{position:absolute;inset:0;opacity:0;transform:translateY(8px);transition:opacity .18s linear,transform .3s var(--ease);}
.n-cap span.on{opacity:1;transform:none;transition:opacity .5s var(--ease) .2s,transform .6s var(--ease) .2s;}
.ledger{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:0 40px;margin-top:44px;padding-top:22px;border-top:1px solid var(--hair-2);}
.ledger div{font-size:12.5px;color:var(--ink-3);}
.ledger b{display:block;font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:clamp(1.6rem,2.4vw,2.1rem);font-weight:400;letter-spacing:-.03em;color:var(--ink);margin-bottom:4px;}
.feed{position:relative;height:min(560px,62vh);overflow:hidden;
  -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 100%);}
.feed-in{position:absolute;left:0;right:0;top:0;display:flex;flex-direction:column;gap:10px;transition:transform .6s var(--ease);}
.lr{display:grid;grid-template-columns:62px 36px minmax(0,1fr);gap:0 14px;align-items:start;padding:14px 16px;border-radius:14px;background:rgba(14,18,32,.88);border:1px solid var(--hair-2);box-shadow:var(--edge);
  opacity:0;transform:translateY(14px);transition:opacity .45s var(--ease),transform .55s var(--ease);}
.lr.on{opacity:1;transform:none;}
.lr-t{font-family:var(--mono);font-size:12px;color:var(--ink-3);padding-top:3px;font-variant-numeric:tabular-nums;}
.lr-av{width:36px;height:36px;border-radius:50%;background:#1A1F33;border:1px solid var(--hair-2);display:flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;color:var(--ink-2);}
.lr-m b{font-size:14px;font-weight:600;color:var(--ink);}
.lr-m em{font-style:normal;font-size:12px;color:var(--ink-3);margin-left:6px;}
.lr-m p{font-size:13.5px;color:var(--ink-2);margin:3px 0 9px;line-height:1.45;}
.st{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:500;color:var(--ink-2);padding:4px 10px 4px 8px;border-radius:999px;border:1px solid var(--hair-2);}
.st::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ink-3);transition:background-color .3s;}
.st .a{display:inline;}.st .b{display:none;}
.lr.done .st{color:var(--ink);border-color:rgba(61,214,140,.35);background:rgba(61,214,140,.06);}
.lr.done .st::before{background:var(--ok);}
.lr.done .st .a{display:none;}.lr.done .st .b{display:inline;}
.lr.ans .st::before{background:var(--iris-ink);}
.n-note{position:absolute;right:var(--gutter);bottom:22px;}

/* ---------------- 4 · PRODUCTS ---------------- */
.prod{padding:var(--pad-sec) 0;}
.prod-head{display:flex;flex-direction:column;align-items:flex-start;gap:18px;margin-bottom:56px;}
.prod-head h2{font-size:clamp(2rem,3.9vw,3.25rem);letter-spacing:-.035em;line-height:1.06;max-width:12em;}
.prod-head p{font-size:16px;color:var(--ink-2);max-width:30em;line-height:1.6;}
.home .pillars{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:start;max-width:none;padding:0;}
.home .pillar-nav{display:flex;flex-direction:column;gap:0;border-top:1px solid var(--hair-2);}
.home .pillar-item{background:none!important;border:0;border-bottom:1px solid var(--hair-2);border-radius:0;padding:18px 0;cursor:pointer;box-shadow:none!important;}
.home .pillar-item h3{display:flex;align-items:center;gap:14px;font-size:18px;font-weight:500;color:var(--ink-3);margin:0;transition:color .2s var(--ease);}
.home .pillar-item:hover h3{color:var(--ink-2);}
.home .pillar-item.active h3{color:var(--ink);}
.home .pi-ic{width:auto;height:auto;background:none!important;border:0!important;color:inherit;font-size:18px;}
.home .pillar-item.active .pi-ic{color:var(--iris-ink);}
.home .pillar-item p,.home .pillar-item .pi-link{display:none;}
.home .pillar-item.active p{display:block;font-size:15px;line-height:1.6;color:var(--ink-2);margin:12px 0 10px 32px;max-width:36em;}
.home .pillar-item.active .pi-link{display:inline-block;margin-left:32px;font-size:14px;font-weight:600;}
.home .pillar-screens{position:sticky;top:110px;}
.new-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:72px;background:var(--hair);border:1px solid var(--hair);border-radius:var(--r);overflow:hidden;}
.new-row a{background:var(--bg);padding:22px 22px 24px;display:flex;flex-direction:column;gap:6px;transition:background-color .2s var(--ease);}
.new-row a:hover{background:var(--surface);}
.new-row .label{font-size:10.5px;color:var(--iris-ink);}
.new-row b{font-size:15px;font-weight:600;color:var(--ink);}
.new-row span{font-size:13.5px;line-height:1.5;color:var(--ink-2);}

/* ---------------- 5 · CHANNELS + INDUSTRIES ---------------- */
.reach{padding:var(--pad-sec) 0;background:var(--bg-lift);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);}
.reach h2{font-size:clamp(2rem,3.9vw,3.25rem);letter-spacing:-.035em;line-height:1.06;margin-bottom:18px;max-width:14em;}
.reach .sub{font-size:16.5px;color:var(--ink-2);max-width:34em;line-height:1.6;margin-bottom:56px;}
.chans{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hair-2);border-bottom:1px solid var(--hair-2);}
.chan{padding:28px 28px 30px 0;display:flex;flex-direction:column;gap:10px;}
.chan+.chan{padding-left:28px;border-left:1px solid var(--hair-2);}
.chan .ic{font-size:20px;color:var(--iris-ink);margin-bottom:12px;}
.chan h3{font-size:17px;font-weight:600;}
.chan p{font-size:14px;line-height:1.6;color:var(--ink-2);flex:1;}
.chan a{font-size:13.5px;font-weight:600;color:var(--iris-ink);}
.ind-h{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:120px 0 28px;}
.ind-h h3{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;letter-spacing:-.03em;}
.ind-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--hair-2);border:1px solid var(--hair-2);border-radius:var(--r-lg);overflow:hidden;}
.ind-c{position:relative;display:flex;flex-direction:column;gap:10px;padding:30px 30px 32px;background:var(--bg-lift);isolation:isolate;
  opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease) var(--sd,0s),transform .8s var(--ease) var(--sd,0s),background-color .25s var(--ease);}
.ind-grid.in .ind-c{opacity:1;transform:none;}
.ind-c::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .35s var(--ease);
  background:radial-gradient(120% 90% at 0% 0%,rgba(91,91,214,.13) 0%,rgba(91,91,214,.06) 35%,rgba(91,91,214,.015) 65%,rgba(91,91,214,0) 100%);}
.ind-c:hover{background:var(--surface);}
.ind-c:hover::before{opacity:1;}
.ic-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;}
.ic-row .ic{font-size:20px;color:var(--ink-3);transition:color .25s var(--ease);}
.ind-c:hover .ic-row .ic{color:var(--iris-ink);}
.ind-c .go{color:var(--ink-3);transition:transform .25s var(--ease),color .25s;}
.ind-c:hover .go{transform:translateX(4px);color:var(--ink);}
.ind-c b{font-size:19px;font-weight:600;letter-spacing:-.02em;color:var(--ink);}
.ind-c .d{font-size:14.5px;line-height:1.55;color:var(--ink-2);flex:1;max-width:30ch;}
.ind-c .fig{display:flex;align-items:baseline;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--hair);font-size:13px;color:var(--ink-3);}
.ind-c .fig strong{font-family:var(--mono);font-weight:400;font-size:30px;letter-spacing:-.04em;line-height:1;color:var(--ink);transition:color .25s var(--ease);}
.ind-c:hover .fig strong{color:var(--iris-ink);}

/* ---------------- 6/7 · PRICING + QUESTIONS ---------------- */
.home .price4{max-width:var(--w);margin:0 auto;padding:0 var(--gutter);}
.price-foot{max-width:var(--w);margin:28px auto 0;padding:0 var(--gutter);font-family:var(--mono);font-size:12px;line-height:1.8;color:var(--ink-3);}
.price-foot a{color:var(--iris-ink);}
.qa{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start;}
.qa h2{font-size:clamp(2rem,3.9vw,3.25rem);letter-spacing:-.035em;line-height:1.06;position:sticky;top:120px;}

/* ---------------- 8 · CLOSE ---------------- */
.close{position:relative;padding:clamp(140px,20vh,220px) 0 clamp(120px,16vh,180px);text-align:center;overflow:clip;isolation:isolate;border-top:1px solid var(--hair);}
.close::before{content:"";position:absolute;left:50%;bottom:-55%;width:min(1300px,150vw);height:110%;transform:translateX(-50%);z-index:-1;
  background-image:radial-gradient(closest-side,rgba(91,91,214,.24) 0%,rgba(91,91,214,.17) 16%,rgba(91,91,214,.1) 34%,rgba(91,91,214,.045) 52%,rgba(91,91,214,.014) 72%,rgba(91,91,214,0) 100%);}
.close .now{font-family:var(--mono);font-size:13px;color:var(--ink-3);letter-spacing:.02em;margin-bottom:28px;font-variant-numeric:tabular-nums;}
.close h2{font-size:clamp(2.5rem,6vw,5.2rem);letter-spacing:-.05em;line-height:1;margin:0 auto 40px;max-width:11em;}
.close .cta-note{margin-top:18px;}
.close-in{position:relative;z-index:2;}
.close h2 .ln{display:block;overflow:hidden;padding-bottom:.08em;}
.close h2 .ln>span{display:inline-block;transform:translateY(105%);transition:transform 1s var(--ease);}
.close h2 .ln:nth-child(2)>span{transition-delay:.09s}
.close h2 .ln:nth-child(3)>span{transition-delay:.18s}
.close.live h2 .ln>span{transform:none;}
.close .now,.close .btn,.close .cta-note{opacity:0;transform:translateY(10px);transition:opacity .7s var(--ease) .35s,transform .8s var(--ease) .35s;}
.close .now{transition-delay:0s;}
.close.live .now,.close.live .btn,.close.live .cta-note{opacity:1;transform:none;}
/* the scene: messages keep arriving around the question, and each one gets answered */
.close-scene{position:absolute;inset:0;z-index:1;pointer-events:none;
  -webkit-mask-image:radial-gradient(44% 50% at 50% 50%,transparent 0,transparent 58%,#000 100%);mask-image:radial-gradient(44% 50% at 50% 50%,transparent 0,transparent 58%,#000 100%);}
.cq-layer{position:absolute;inset:0;will-change:transform;}
.cq{position:absolute;max-width:210px;padding:9px 12px 10px;border-radius:12px;border-top-left-radius:3px;background:#151A2B;border:1px solid var(--hair-2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 20px 40px -18px rgba(2,3,10,.9);font-size:13px;line-height:1.4;color:var(--ink);text-align:left;
  opacity:0;animation:cmFloat var(--du,11s) var(--ease) var(--dl,0s) infinite;animation-play-state:paused;}
.close.play .cq{animation-play-state:running;}
.cq.far{font-size:12px;filter:blur(.6px);--o:.42;}
.cq.mid{--o:.7;}
.cq.near{--o:1;}
.cq-ch{display:block;font-family:var(--mono);font-size:9.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px;}
.cq-r{display:flex;align-items:center;gap:6px;margin-top:7px;font-size:11px;font-weight:500;color:#7FE3C4;opacity:0;animation:cmReply var(--du,11s) linear var(--dl,0s) infinite;animation-play-state:inherit;}
.cq-r::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ok);}
@keyframes cmFloat{0%{opacity:0;transform:translateY(22px) scale(.97)}8%{opacity:var(--o,1);transform:translateY(0) scale(1)}72%{opacity:var(--o,1);transform:translateY(-26px)}86%,100%{opacity:0;transform:translateY(-38px)}}
@keyframes cmReply{0%,18%{opacity:0}24%,100%{opacity:1}}

/* ---------------- responsive ---------------- */
@media (max-width:1100px){
  .h-hero{min-height:0;display:block;padding:40px 0 64px;}
  .h-hero .h-grid{grid-template-columns:1fr;gap:56px;}
  .h-copy{max-width:640px;}
  .h-stage{height:600px;max-width:640px;width:100%;margin:0 auto;}
  .pl-phone{left:50%;margin-left:-150px;}
  .pl-inbox{right:-30%;}
  .nc-lead{left:0;}.nc-call{right:0;}
  .home .pillars{grid-template-columns:1fr;}
  .home .pillar-screens{position:relative;top:0;}
  .new-row{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:860px){
  .night-in{grid-template-columns:1fr;align-content:start;gap:18px;padding-top:96px;}
  .clock{margin:10px 0 14px;}
  .n-cap{min-height:2.8em;font-size:1.08rem;}
  .ledger{margin-top:20px;padding-top:14px;gap:0 22px;}
  .feed{height:44svh;}
  .chans{grid-template-columns:1fr 1fr;}
  .chan{padding:24px 18px 26px 0!important;border-left:0!important;}
  .chan:nth-child(even){padding-left:18px!important;border-left:1px solid var(--hair-2)!important;}
  .chan:nth-child(n+3){border-top:1px solid var(--hair-2);}
  .ind-grid{grid-template-columns:1fr 1fr;}
  .ind-c{padding:24px 20px 26px;}
  .qa{grid-template-columns:1fr;}
  .qa h2{position:static;}
  .prod-head{flex-direction:column;align-items:start;gap:16px;}
}
@media (max-width:560px){
  .h-hero{padding-top:28px;}
  .h-copy h1{font-size:clamp(2.4rem,11vw,3rem);}
  .h-copy .lead{font-size:17px;}
  .h-stage{height:520px;}
  .pl-phone{transform-origin:50% 0;}
  .phone-scale{transform:scale(.86);transform-origin:50% 0;}
  .pl-inbox{display:none;}
  .nc-lead{top:64%;left:-2%;width:210px;}
  .nc-call{top:6%;right:-2%;width:190px;}
  .h-proof{margin-top:28px;padding-top:18px;}
  .new-row{grid-template-columns:1fr;}
  .ind-grid{grid-template-columns:1fr;}
  .ind-c .fig strong{font-size:26px;}
  .close{padding-top:250px;}
  .close-scene{-webkit-mask-image:none;mask-image:none;}
  .cq.far,.cq.mid{display:none;}
  .cq{font-size:12px!important;max-width:170px;}
  .cq-layer .cq.near:first-child{left:5%!important;top:60px!important;}
  .cq-layer .cq.near:last-child{right:5%!important;left:auto!important;top:140px!important;}
  .feed{height:calc(100svh - 440px);min-height:170px;}
  .lr{grid-template-columns:52px minmax(0,1fr);}
  .lr-av{display:none;}
  .ledger{grid-template-columns:repeat(3,1fr);}
  .ledger b{font-size:1.35rem;}
  .chans{grid-template-columns:1fr;}
  .chan{padding:22px 0!important;border-left:0!important;}
  .chan:nth-child(n+2){border-top:1px solid var(--hair-2);}
}

/* reduced motion: complete, still, no pinned travel */
@media (prefers-reduced-motion:reduce){
  .night{height:auto;}
  .night-pin{position:relative;height:auto;padding:120px 0 100px;}
  .night-intro{position:relative;padding-bottom:64px;}
  .js .night-in{opacity:1;}
  .night-in{align-items:start;}
  .feed{height:auto;-webkit-mask-image:none;mask-image:none;}
  .feed-in{position:relative;transform:none!important;}
  .ng-dawn{opacity:.6!important;}
  .wa,.near-card,.lr,.n-cap span{transition:none;}
  .ind-c{opacity:1;transform:none;transition:background-color .2s;}
  .close h2 .ln>span,.close .now,.close .btn,.close .cta-note{transform:none;opacity:1;transition:none;}
  .cq{animation:none;opacity:var(--o,1);}
  .cq-r{animation:none;opacity:1;}
}

/* ---------------- light mode (homepage) ---------------- */
/* hero device planes stay dark on paper */
html[data-theme="light"] :is(.pl-inbox,.near-card){
  --bg:#090C16;--bg-lift:#0B0F1B;--surface:#0E1220;--surface-2:#131828;
  --ink:#EEF0F6;--ink-2:#A7ACC0;--ink-3:#7A7F96;
  --hair:rgba(226,229,255,.075);--hair-2:rgba(226,229,255,.13);--hair-3:rgba(226,229,255,.2);
  --iris-ink:#B6B6F7;--edge:inset 0 1px 0 rgba(255,255,255,.06);color:var(--ink);
}
/* the night in daylight: a cool haze at 11 PM that warms to a peach dawn by 9 AM */
html[data-theme="light"] .ng-night{background-image:radial-gradient(70% 60% at 18% 0%,rgba(91,91,214,.12) 0%,rgba(91,91,214,.08) 25%,rgba(91,91,214,.035) 50%,rgba(91,91,214,.01) 75%,rgba(91,91,214,0) 100%);}
html[data-theme="light"] .ng-dawn{background-image:radial-gradient(85% 70% at 62% 112%,rgba(255,170,120,.30) 0%,rgba(255,170,125,.21) 18%,rgba(240,160,150,.12) 36%,rgba(200,150,190,.05) 56%,rgba(150,140,210,.015) 76%,rgba(150,140,210,0) 100%);}
html[data-theme="light"] .ng-horizon{background:linear-gradient(90deg,transparent,rgba(24,23,19,.14) 30%,rgba(24,23,19,.14) 70%,transparent);}
html[data-theme="light"] .lr{background:rgba(255,255,255,.88);box-shadow:inset 0 1px 0 rgba(255,255,255,.9),0 12px 30px -20px rgba(40,36,25,.35);}
html[data-theme="light"] .lr-av{background:#EFEDE6;}
html[data-theme="light"] .lr.done .st{color:#146B3C;border-color:rgba(31,157,87,.32);background:rgba(31,157,87,.07);}
html[data-theme="light"] .lr.done .st::before{background:#1F9D57;}
html[data-theme="light"] .pl-light::before{opacity:.55;}
html[data-theme="light"] .pl-light::after{opacity:.5;}
html[data-theme="light"] .floor{opacity:.55;}
html[data-theme="light"] .phone{box-shadow:inset 0 0 0 1px rgba(255,255,255,.08),0 2px 0 rgba(255,255,255,.05),0 40px 80px -30px rgba(40,36,25,.45),0 90px 140px -60px rgba(60,60,140,.35);}
html[data-theme="light"] .pl-inbox{--ibo:.92;opacity:.92;}
html[data-theme="light"] .near-card{background:#131829;}
html[data-theme="light"] .new-row a,html[data-theme="light"] .ind-c{background:var(--surface-2);}
html[data-theme="light"] .new-row a:hover,html[data-theme="light"] .ind-c:hover{background:var(--surface);}
html[data-theme="light"] .close::before{opacity:.5;}
html[data-theme="light"] .cq{background:#FFFFFF;border-color:var(--hair-2);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 18px 36px -18px rgba(40,36,25,.35);}
html[data-theme="light"] .cq-r{color:#157A45;}
html[data-theme="light"] .cq-r::before{background:#1F9D57;}

/* ---------------- pricing: the whole section fits one screen ---------------- */
.home #pricing{min-height:calc(100svh - var(--navh,82px));display:flex;flex-direction:column;justify-content:center;padding:clamp(36px,5vh,64px) 0;}
.home #pricing .sec-head{margin-bottom:clamp(22px,3.4vh,34px);}
.home #pricing .sec-head h2{font-size:clamp(1.9rem,3.1vw,2.7rem);margin-bottom:10px;}
.home #pricing .sec-head p{font-size:15.5px;max-width:64ch;}
.home #pricing .price4{gap:14px;}
.home #pricing .pcard{padding:24px 22px 20px;}
.home #pricing .pcard h3{font-size:18px;margin:0 0 4px;}
.home #pricing .pc-for{min-height:0;margin-bottom:12px;font-size:13px;line-height:1.45;}
.home #pricing .pc-price{font-size:clamp(2rem,2.7vw,2.4rem);}
.home #pricing .pc-annual{margin:6px 0 12px;}
.home #pricing .pcard ul{gap:6px;margin-bottom:16px;}
.home #pricing .pcard li{font-size:13px;line-height:1.4;}
.home #pricing .pcard .btn,.home #pricing .pcard .btn-ghost-lg{min-height:44px;padding-top:0!important;padding-bottom:0!important;font-size:14.5px;align-items:center;}
.home .price-foot{margin-top:24px;font-size:11.5px;line-height:1.7;}
@media (max-width:1000px),(max-height:620px){
  .home #pricing{min-height:0;display:block;padding:var(--pad-sec) 0;}
}
.home #pricing>.sec-head,.home #pricing>.price4,.home #pricing>.price-foot{width:100%;box-sizing:border-box;max-width:var(--w);margin-left:auto;margin-right:auto;padding-left:var(--gutter);padding-right:var(--gutter);}
/* price roll */
.home #pricing .pc-price,.home #pricing .pc-annual{font-variant-numeric:tabular-nums;}
.home #pricing .roll{display:inline-block;font-variant-numeric:tabular-nums;}
.home #pricing .roll.rolling{opacity:.8;filter:blur(.4px);}
.home #pricing .roll.landed{animation:rollLand .45s var(--ease);}
@keyframes rollLand{0%{transform:translateY(-6px);opacity:.6}100%{transform:none;opacity:1}}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
@media (prefers-reduced-motion:reduce){.home #pricing .roll.landed{animation:none;}}