/* ============================================================
   Tanvik — site-v4.css (additive layer over site.css)
   announce · meta-badge · spotlight cards · magnetic btns ·
   journey line · pillars sticky-scroll · mini flow canvas ·
   channels v4 · industries v4 · pricing v4 · demo modal
   ============================================================ */

/* ---- Announcement bar ---- */
.announce{position:relative;z-index:60;background:linear-gradient(90deg,rgba(91,91,214,.22),rgba(91,91,214,.08) 50%,rgba(91,91,214,.22));border-bottom:1px solid rgba(91,91,214,.25);text-align:center;padding:9px 16px;font-size:13px;font-weight:600;color:rgba(255,255,255,.85);}
.announce b{color:#fff;}
.announce a{color:var(--iris3,#7B7BE6);text-decoration:none;margin-left:8px;font-weight:700;}
.announce .verified-tick{display:inline-flex;width:15px;height:15px;background:#1877F2;border-radius:50%;align-items:center;justify-content:center;vertical-align:-2px;margin-right:6px;}
.announce .verified-tick svg{width:9px;height:9px;}

/* ---- Meta Tech Provider badge ---- */
.meta-badge{display:inline-flex;align-items:center;gap:9px;background:rgba(24,119,242,.08);border:1px solid rgba(24,119,242,.3);border-radius:50px;padding:8px 16px 8px 10px;font-size:12.5px;font-weight:700;color:rgba(255,255,255,.9);letter-spacing:.02em;}
.meta-badge .mb-logo{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,#0064E0,#0082FB);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:13px;font-family:var(--mono,monospace);}
.meta-badge .mb-sub{display:block;font-size:10px;font-weight:600;color:rgba(255,255,255,.5);letter-spacing:.06em;text-transform:uppercase;}

/* ---- Cursor spotlight cards ---- */
.spot{position:relative;overflow:hidden;}
.spot::before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .4s;background:radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(91,91,214,.14),transparent 65%);pointer-events:none;z-index:0;}
.spot:hover::before{opacity:1;}
.spot>*{position:relative;z-index:1;}
.spot-border{position:relative;}
.spot-border::after{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(123,123,230,.75),transparent 70%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s;pointer-events:none;}
.spot-border:hover::after{opacity:1;}

/* ---- Magnetic buttons ---- */
.magnet{transition:transform .18s cubic-bezier(.2,.7,.2,1),box-shadow .25s;will-change:transform;}

/* ---- Journey line (message → lead → revenue) ---- */
.journey{position:relative;padding:110px 24px 70px;max-width:1080px;margin:0 auto;}
.journey-svg{position:absolute;left:50%;top:0;transform:translateX(-50%);height:100%;width:4px;overflow:visible;pointer-events:none;}
.journey-svg path{stroke:url(#jgrad);stroke-width:3;fill:none;stroke-linecap:round;}
.journey-steps{display:flex;flex-direction:column;gap:90px;position:relative;z-index:1;}
.jstep{display:grid;grid-template-columns:1fr 76px 1fr;align-items:center;gap:0;}
.jstep .jnode{width:76px;height:76px;border-radius:50%;background:var(--card-bg,#101527);border:1px solid rgba(91,91,214,.4);display:flex;align-items:center;justify-content:center;font-size:30px;margin:0 auto;box-shadow:0 0 0 8px rgba(91,91,214,.06),0 18px 50px rgba(91,91,214,.25);transition:.4s;}
.jstep.in-view .jnode{border-color:rgba(123,123,230,.9);box-shadow:0 0 0 10px rgba(91,91,214,.12),0 18px 60px rgba(91,91,214,.4);transform:scale(1.06);}
.jstep .jtxt h3{font-size:24px;margin:0 0 8px;color:#fff;}
.jstep .jtxt p{font-size:15px;line-height:1.65;color:rgba(255,255,255,.6);margin:0;max-width:380px;}
.jstep .jtxt .jkpi{font-family:var(--mono,monospace);font-size:12px;color:var(--iris3,#7B7BE6);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;display:inline-block;}
.jstep:nth-child(odd) .jtxt{grid-column:1;text-align:right;justify-self:end;}
.jstep:nth-child(odd) .jtxt p{margin-left:auto;}
.jstep:nth-child(odd) .jspacer{grid-column:3;}
.jstep:nth-child(even) .jtxt{grid-column:3;text-align:left;}
.jstep:nth-child(even) .jspacer{grid-column:1;}
.jstep .jnode{grid-column:2;grid-row:1;}

/* ---- Product pillars: sticky scroll ---- */
.pillars{display:grid;grid-template-columns:minmax(320px,460px) 1fr;gap:64px;max-width:1180px;margin:0 auto;padding:40px 24px;align-items:start;}
.pillar-nav{position:sticky;top:110px;display:flex;flex-direction:column;gap:4px;}
.pillar-item{padding:20px 22px;border-radius:16px;border:1px solid transparent;cursor:pointer;transition:.3s;}
.pillar-item h3{font-size:19px;margin:0 0 6px;color:rgba(255,255,255,.55);display:flex;align-items:center;gap:12px;transition:.3s;}
.pillar-item p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.45);margin:0;max-height:0;overflow:hidden;opacity:0;transition:.4s;}
.pillar-item .pi-ic{width:34px;height:34px;border-radius:10px;background:var(--soft,rgba(91,91,214,.1));display:inline-flex;align-items:center;justify-content:center;font-size:17px;flex-shrink:0;}
.pillar-item.active{background:var(--card-bg,#101527);border-color:rgba(91,91,214,.35);box-shadow:0 20px 60px rgba(0,0,0,.35);}
.pillar-item.active h3{color:#fff;}
.pillar-item.active p{max-height:120px;opacity:1;margin-top:4px;}
.pillar-item .pi-link{font-size:13px;font-weight:700;color:var(--iris3,#7B7BE6);text-decoration:none;display:none;margin-top:10px;}
.pillar-item.active .pi-link{display:inline-block;}
.pillar-screens{position:relative;min-height:560px;}
.pillar-screen{position:sticky;top:110px;opacity:0;transform:translateY(24px) scale(.98);transition:.5s cubic-bezier(.2,.7,.2,1);pointer-events:none;}
.pillar-screen.active{opacity:1;transform:none;pointer-events:auto;}
.pillar-screen:not(:first-child){margin-top:-560px;}
.pscreen-frame{background:var(--card-bg,#101527);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:20px;overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.5),0 0 0 1px rgba(91,91,214,.08);}
.pscreen-bar{display:flex;align-items:center;gap:7px;padding:12px 16px;border-bottom:1px solid var(--line,rgba(255,255,255,.08));}
.pscreen-bar i{width:10px;height:10px;border-radius:50%;background:rgba(255,255,255,.12);}
.pscreen-bar i:first-child{background:#E5484D;}
.pscreen-bar i:nth-child(2){background:#F5A623;}
.pscreen-bar i:nth-child(3){background:#16A34A;}
.pscreen-bar span{font-family:var(--mono,monospace);font-size:11px;color:rgba(255,255,255,.4);margin-left:8px;}
.pscreen-body{padding:22px;min-height:420px;}

/* AI chat mock */
.aichat{display:flex;flex-direction:column;gap:12px;max-width:420px;margin:0 auto;}
.aimsg{padding:12px 16px;border-radius:16px;font-size:14px;line-height:1.55;max-width:82%;opacity:0;transform:translateY(10px);animation:msgIn .5s forwards;}
.aimsg.in{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-bottom-left-radius:5px;align-self:flex-start;color:rgba(255,255,255,.85);}
.aimsg.out{background:linear-gradient(135deg,#5B5BD6,#4747B8);border-bottom-right-radius:5px;align-self:flex-end;color:#fff;}
.aimsg .tstamp{display:block;font-size:10px;opacity:.55;margin-top:5px;font-family:var(--mono,monospace);}
.aimsg .ai-tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;background:rgba(255,255,255,.16);border-radius:20px;padding:2px 9px;margin-bottom:6px;letter-spacing:.04em;}
@keyframes msgIn{to{opacity:1;transform:none;}}

/* Mini flow canvas */
.mini-canvas{position:relative;height:420px;background:radial-gradient(rgba(91,91,214,.14) 1px,transparent 1px);background-size:22px 22px;border-radius:12px;overflow:hidden;}
.fnode{position:absolute;background:var(--card-bg,#101527);border:1px solid rgba(91,91,214,.4);border-radius:13px;padding:11px 15px;font-size:12.5px;font-weight:700;color:#fff;display:flex;align-items:center;gap:9px;box-shadow:0 14px 40px rgba(0,0,0,.45);animation:nodeFloat 5s ease-in-out infinite;}
.fnode .fn-ic{width:26px;height:26px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;}
.fnode small{display:block;font-weight:500;font-size:10.5px;color:rgba(255,255,255,.5);}
.fnode.trigger .fn-ic{background:rgba(22,163,74,.2);}
.fnode.wa .fn-ic{background:rgba(37,211,102,.18);}
.fnode.ai .fn-ic{background:rgba(91,91,214,.25);}
.fnode.logic .fn-ic{background:rgba(245,166,35,.18);}
@keyframes nodeFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-7px);}}
.fwire{position:absolute;pointer-events:none;overflow:visible;}
.fwire path{stroke:rgba(123,123,230,.55);stroke-width:2;fill:none;stroke-dasharray:6 6;animation:wireFlow 1.2s linear infinite;}
@keyframes wireFlow{to{stroke-dashoffset:-12;}}

/* Inbox mock */
.inbox-mock{display:grid;grid-template-columns:150px 1fr;gap:0;height:420px;border:1px solid var(--line,rgba(255,255,255,.08));border-radius:12px;overflow:hidden;}
.im-list{border-right:1px solid var(--line,rgba(255,255,255,.08));overflow:hidden;}
.im-conv{padding:12px 13px;border-bottom:1px solid rgba(255,255,255,.05);font-size:11.5px;}
.im-conv b{display:block;color:rgba(255,255,255,.9);font-size:12px;margin-bottom:3px;}
.im-conv span{color:rgba(255,255,255,.42);display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.im-conv.on{background:rgba(91,91,214,.12);border-left:2px solid #5B5BD6;}
.im-conv .im-tag{display:inline-block;font-size:9px;font-weight:800;padding:1.5px 7px;border-radius:20px;margin-top:5px;letter-spacing:.05em;}
.im-thread{padding:16px;display:flex;flex-direction:column;gap:10px;background:rgba(0,0,0,.18);}

/* Campaign mock */
.camp-mock{display:flex;flex-direction:column;gap:14px;}
.camp-row{display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 16px;}
.camp-row b{font-size:13.5px;color:#fff;display:block;margin-bottom:3px;}
.camp-row small{font-size:11px;color:rgba(255,255,255,.45);font-family:var(--mono,monospace);}
.camp-stat{text-align:right;}
.camp-stat b{font-family:var(--mono,monospace);font-size:17px;color:var(--iris3,#7B7BE6);}
.camp-bar{height:6px;border-radius:6px;background:rgba(255,255,255,.07);overflow:hidden;margin-top:8px;}
.camp-bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#5B5BD6,#7B7BE6);width:0;transition:width 1.2s cubic-bezier(.2,.7,.2,1);}

/* Commerce mock */
.comm-mock{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.comm-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:13px;padding:15px;}
.comm-card .cc-ic{font-size:22px;margin-bottom:8px;}
.comm-card b{font-size:13px;color:#fff;display:block;margin-bottom:4px;}
.comm-card small{font-size:11.5px;line-height:1.5;color:rgba(255,255,255,.45);display:block;}
.comm-card .cc-num{font-family:var(--mono,monospace);font-size:19px;color:#16A34A;font-weight:700;margin-top:8px;display:block;}

/* ---- Channels v4 ---- */
.chan4{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;max-width:1180px;margin:0 auto;padding:0 24px;}
.chan4 .ch-card{background:var(--card-bg,#101527);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:18px;padding:26px 22px;transition:.35s cubic-bezier(.2,.7,.2,1);}
.chan4 .ch-card:hover{transform:translateY(-6px);border-color:rgba(91,91,214,.35);box-shadow:0 30px 80px rgba(91,91,214,.22);}
.chan4 .ch-top{display:flex;align-items:center;gap:12px;margin-bottom:14px;}
.chan4 .ch-ic4{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;}
.chan4 h3{font-size:17px;margin:0;color:#fff;}
.chan4 p{font-size:13.5px;line-height:1.6;color:rgba(255,255,255,.55);margin:0 0 14px;}
.chan4 .ch-link{font-size:13px;font-weight:700;color:var(--iris3,#7B7BE6);text-decoration:none;}
.chan4 .ch-soon{font-size:10px;font-weight:800;letter-spacing:.06em;background:rgba(245,166,35,.15);color:#F5A623;padding:2px 9px;border-radius:20px;margin-left:auto;}

/* ---- Industries v4 ---- */
.ind4{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1180px;margin:0 auto;padding:0 24px;}
.ind4 a{background:var(--card-bg,#101527);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:16px;padding:22px;text-decoration:none;transition:.3s;display:block;}
.ind4 a:hover{transform:translateY(-4px);border-color:rgba(91,91,214,.35);box-shadow:0 24px 60px rgba(91,91,214,.18);}
.ind4 .ind-ic{font-size:26px;display:block;margin-bottom:10px;}
.ind4 b{font-size:15.5px;color:#fff;display:block;margin-bottom:6px;}
.ind4 span{font-size:13px;line-height:1.55;color:rgba(255,255,255,.5);display:block;margin-bottom:10px;}
.ind4 .ind-metric{font-family:var(--mono,monospace);font-size:11.5px;color:#16A34A;font-weight:700;}

/* ---- Pricing v4 ---- */
.price4{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:0 auto;padding:0 24px;align-items:stretch;}
.pcard{background:var(--card-bg,#101527);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:20px;padding:30px 26px;position:relative;display:flex;flex-direction:column;transition:.35s;}
.pcard:hover{transform:translateY(-5px);}
.pcard.pop{border-color:rgba(91,91,214,.55);box-shadow:0 0 0 1px rgba(91,91,214,.35),0 40px 100px rgba(91,91,214,.28);background:linear-gradient(180deg,rgba(91,91,214,.1),var(--card-bg,#101527) 40%);}
.pcard .pc-flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#5B5BD6,#7B7BE6);color:#fff;font-size:11px;font-weight:800;letter-spacing:.06em;padding:5px 16px;border-radius:20px;white-space:nowrap;}
.pcard h3{font-size:18px;margin:0 0 4px;color:#fff;}
.pcard .pc-for{font-size:12.5px;color:rgba(255,255,255,.5);margin-bottom:18px;min-height:34px;}
.pcard .pc-price{font-family:var(--mono,monospace);font-size:38px;font-weight:700;color:#fff;line-height:1;}
.pcard .pc-price small{font-size:14px;color:rgba(255,255,255,.5);font-weight:500;}
.pcard .pc-annual{font-size:12px;color:#16A34A;font-weight:600;margin:8px 0 20px;font-family:var(--mono,monospace);}
.pcard ul{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:10px;flex:1;}
.pcard li{font-size:13.5px;color:rgba(255,255,255,.72);display:flex;gap:9px;line-height:1.45;}
.pcard li .tick{color:#16A34A;font-weight:800;flex-shrink:0;}
.pcard li.no{color:rgba(255,255,255,.32);}
.pcard li.no .tick{color:rgba(255,255,255,.25);}
.pcard li.hl{color:#fff;font-weight:700;}
.pcard .btn,.pcard .btn-ghost-lg{justify-content:center;width:100%;box-sizing:border-box;}

/* ---- Demo modal ---- */
.dm-overlay{position:fixed;inset:0;background:rgba(5,7,14,.78);backdrop-filter:blur(8px);z-index:200;display:none;align-items:center;justify-content:center;padding:20px;}
.dm-overlay.open{display:flex;animation:dmFade .25s;}
@keyframes dmFade{from{opacity:0;}}
.dm-box{background:#0E1322;border:1px solid rgba(91,91,214,.3);border-radius:22px;max-width:460px;width:100%;padding:34px 32px;position:relative;box-shadow:0 60px 140px rgba(0,0,0,.6);animation:dmUp .35s cubic-bezier(.2,.7,.2,1);max-height:92vh;overflow-y:auto;}
@keyframes dmUp{from{opacity:0;transform:translateY(26px) scale(.97);}}
.dm-close{position:absolute;top:16px;right:16px;background:rgba(255,255,255,.06);border:none;color:rgba(255,255,255,.6);width:32px;height:32px;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;}
.dm-box h3{font-size:22px;margin:0 0 6px;color:#fff;}
.dm-box .dm-sub{font-size:14px;color:rgba(255,255,255,.55);margin:0 0 22px;line-height:1.55;}
.dm-field{margin-bottom:14px;}
.dm-field label{display:block;font-size:12px;font-weight:700;color:rgba(255,255,255,.6);margin-bottom:6px;letter-spacing:.03em;}
.dm-field input,.dm-field select,.dm-field textarea{width:100%;box-sizing:border-box;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);border-radius:11px;padding:12px 14px;font-size:14px;color:#fff;font-family:inherit;outline:none;transition:.2s;}
.dm-field input:focus,.dm-field select:focus,.dm-field textarea:focus{border-color:#5B5BD6;box-shadow:0 0 0 3px rgba(91,91,214,.18);}
.dm-field select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;}
.dm-field select option{background:#0E1322;}
.dm-hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden;}
.dm-ok{text-align:center;padding:26px 0 8px;display:none;}
.dm-ok .ok-ic{width:64px;height:64px;border-radius:50%;background:rgba(22,163,74,.15);border:1px solid rgba(22,163,74,.4);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 16px;}
.dm-ok h4{font-size:19px;color:#fff;margin:0 0 8px;}
.dm-ok p{font-size:14px;color:rgba(255,255,255,.55);line-height:1.6;margin:0 0 18px;}
.dm-err{display:none;background:rgba(229,72,77,.12);border:1px solid rgba(229,72,77,.35);color:#ff9a9e;font-size:13px;border-radius:10px;padding:10px 14px;margin-bottom:14px;}

/* Compare strip */
.cmp-strip{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;max-width:1080px;margin:0 auto;padding:0 24px;}
.cmp-strip a{display:inline-flex;align-items:center;gap:10px;background:var(--card-bg,#101527);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:14px;padding:14px 22px;font-size:14px;font-weight:700;color:#fff;text-decoration:none;transition:.25s;}
.cmp-strip a:hover{border-color:rgba(91,91,214,.4);transform:translateY(-3px);}
.cmp-strip .vs{font-family:var(--mono,monospace);font-size:11px;color:var(--iris3,#7B7BE6);background:var(--soft,rgba(91,91,214,.1));border-radius:6px;padding:3px 7px;}

/* ---- Responsive ---- */
@media(max-width:980px){
  .pillars{grid-template-columns:1fr;}
  .pillar-nav{position:static;flex-direction:row;overflow-x:auto;gap:8px;padding-bottom:8px;}
  .pillar-item{min-width:210px;flex-shrink:0;}
  .pillar-item p{display:none;}
  .pillar-screens{min-height:480px;}
  .pillar-screen{position:static;}
  .pillar-screen:not(:first-child){margin-top:0;}
  .pillar-screen{display:none;}
  .pillar-screen.active{display:block;}
  .chan4{grid-template-columns:repeat(2,1fr);}
  .price4{grid-template-columns:1fr;max-width:440px;}
  .pcard.pop{order:-1;}
  .ind4{grid-template-columns:repeat(2,1fr);}
  .jstep{grid-template-columns:56px 1fr;gap:18px;}
  .jstep .jnode{grid-column:1;width:56px;height:56px;font-size:23px;}
  .jstep .jtxt,.jstep:nth-child(odd) .jtxt,.jstep:nth-child(even) .jtxt{grid-column:2;text-align:left;justify-self:start;}
  .jstep:nth-child(odd) .jtxt p{margin-left:0;}
  .jstep .jspacer{display:none;}
  .journey-svg{left:28px;transform:none;}
  .journey-steps{gap:56px;}
}
@media(max-width:600px){
  .chan4{grid-template-columns:1fr;}
  .ind4{grid-template-columns:1fr;}
  .comm-mock{grid-template-columns:1fr;}
  .inbox-mock{grid-template-columns:1fr;}
  .im-list{display:none;}
}
@media(prefers-reduced-motion:reduce){
  .fnode,.fwire path,.aimsg{animation:none!important;opacity:1!important;transform:none!important;}
}

/* ---- v4.1: Feature-page hero + calculator ---- */
.fhero{position:relative;padding:130px 24px 70px;text-align:center;overflow:hidden;}
.fhero .fh-inner{max-width:820px;margin:0 auto;position:relative;z-index:1;}
.fhero h1{font-size:clamp(34px,5vw,58px);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:18px 0 20px;color:#fff;}
.fhero .lead{font-size:18px;line-height:1.7;color:rgba(255,255,255,.62);max-width:640px;margin:0 auto 32px;}
.fhero .herocta{justify-content:center;}
.crumbs{font-family:var(--mono,monospace);font-size:11.5px;color:rgba(255,255,255,.45);letter-spacing:.04em;}
.crumbs a{color:rgba(255,255,255,.45);text-decoration:none;}
.crumbs a:hover{color:var(--iris3,#7B7BE6);}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:1080px;margin:0 auto;padding:0 24px;}
.two-col.rev>.tc-txt{order:2;}
.tc-txt h2{font-size:clamp(24px,3vw,36px);letter-spacing:-.02em;line-height:1.15;margin:0 0 14px;color:#fff;}
.tc-txt p{font-size:15px;line-height:1.7;color:rgba(255,255,255,.58);margin:0 0 16px;}
.tc-txt ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px;}
.tc-txt li{font-size:14px;color:rgba(255,255,255,.72);display:flex;gap:9px;line-height:1.5;}
.tc-txt li::before{content:"✓";color:#16A34A;font-weight:800;}
@media(max-width:860px){.two-col{grid-template-columns:1fr;}.two-col.rev>.tc-txt{order:0;}}

/* Calculator */
.calc-wrap{max-width:960px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start;}
.calc-card{background:var(--card-bg,#101527);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:20px;padding:28px;}
.calc-field{margin-bottom:22px;}
.calc-field label{display:flex;justify-content:space-between;font-size:13px;font-weight:700;color:rgba(255,255,255,.75);margin-bottom:10px;}
.calc-field label output{font-family:var(--mono,monospace);color:var(--iris3,#7B7BE6);}
.calc-field input[type=range]{width:100%;accent-color:#5B5BD6;height:6px;cursor:pointer;}
.calc-field small{display:block;font-size:11.5px;color:rgba(255,255,255,.4);margin-top:7px;line-height:1.5;}
.calc-res{background:linear-gradient(180deg,rgba(91,91,214,.14),var(--card-bg,#101527) 55%);border:1px solid rgba(91,91,214,.4);border-radius:20px;padding:28px;position:sticky;top:110px;}
.calc-res h3{font-size:15px;margin:0 0 18px;color:rgba(255,255,255,.7);text-transform:uppercase;letter-spacing:.08em;font-family:var(--mono,monospace);font-weight:600;}
.cr-row{display:flex;justify-content:space-between;font-size:13.5px;color:rgba(255,255,255,.6);padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.09);}
.cr-row b{font-family:var(--mono,monospace);color:#fff;}
.cr-total{display:flex;justify-content:space-between;align-items:baseline;padding:18px 0 6px;}
.cr-total span{font-size:14px;font-weight:700;color:#fff;}
.cr-total b{font-family:var(--mono,monospace);font-size:34px;color:var(--iris3,#7B7BE6);}
.cr-plan{margin-top:14px;background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.35);border-radius:12px;padding:13px 15px;font-size:13px;color:#7ee2a2;line-height:1.55;}
@media(max-width:860px){.calc-wrap{grid-template-columns:1fr;}.calc-res{position:static;}}

/* ---- v4.2: Compare tables + industry extras ---- */
.cmp-table{max-width:900px;margin:0 auto;padding:0 24px;overflow-x:auto;}
.cmp-table table{width:100%;border-collapse:separate;border-spacing:0;background:var(--card-bg,#101527);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:18px;overflow:hidden;min-width:560px;}
.cmp-table th,.cmp-table td{padding:14px 18px;font-size:13.5px;text-align:center;border-bottom:1px solid rgba(255,255,255,.06);}
.cmp-table th{font-size:13px;font-weight:800;color:#fff;background:rgba(255,255,255,.03);letter-spacing:.02em;}
.cmp-table td:first-child,.cmp-table th:first-child{text-align:left;color:rgba(255,255,255,.75);font-weight:600;}
.cmp-table th.tk{background:rgba(91,91,214,.16);color:#fff;}
.cmp-table td.tk{background:rgba(91,91,214,.07);}
.cmp-table tr:last-child td{border-bottom:none;}
.cy{color:#16A34A;font-weight:800;}
.cn{color:rgba(255,255,255,.3);font-weight:700;}
.cp{color:#F5A623;font-weight:700;font-size:12px;}
.cmp-note{max-width:900px;margin:14px auto 0;padding:0 24px;font-size:11.5px;color:rgba(255,255,255,.38);line-height:1.6;}
.pain-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1080px;margin:0 auto;padding:0 24px;}
.pain-card{background:rgba(229,72,77,.05);border:1px solid rgba(229,72,77,.22);border-radius:16px;padding:22px;}
.pain-card .pc-ic{font-size:22px;display:block;margin-bottom:10px;}
.pain-card b{font-size:14.5px;color:#fff;display:block;margin-bottom:6px;}
.pain-card span{font-size:13px;line-height:1.6;color:rgba(255,255,255,.55);}
@media(max-width:860px){.pain-strip{grid-template-columns:1fr;}}

/* ═══════ v4.3 LAYOUT FIXES ═══════ */
/* 1. Header: nav becomes sticky in-flow (no more overlap with announce bar), content centered on wide screens */
#nav{position:sticky!important;top:0!important;padding-left:max(48px,calc((100% - 1360px)/2))!important;padding-right:max(48px,calc((100% - 1360px)/2))!important;background:rgba(9,12,22,.86);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.05);}
.hero{padding-top:56px!important;min-height:auto!important;}
.fhero{padding-top:76px!important;}
@media(max-width:900px){#nav{padding-left:20px!important;padding-right:20px!important;}}

/* 2. Hero mockup: self-contained chat frame (replaces legacy phone + floating cards) */
.hero-chat{max-width:440px;margin-left:auto;position:relative;}
.hero-chat .pscreen-frame{box-shadow:0 50px 120px rgba(0,0,0,.55),0 0 0 1px rgba(91,91,214,.12),0 0 90px rgba(91,91,214,.14);}
.hero-chip{position:absolute;background:var(--card-bg,#101527);border:1px solid rgba(91,91,214,.35);border-radius:12px;padding:10px 15px;box-shadow:0 18px 50px rgba(0,0,0,.5);z-index:4;font-family:var(--mono,monospace);}
.hero-chip .hc-num{font-size:19px;font-weight:700;color:var(--iris3,#7B7BE6);line-height:1;}
.hero-chip .hc-num.g{color:#16A34A;}
.hero-chip .hc-lbl{font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-top:4px;}
.hero-chip.tl{top:-16px;left:-26px;}
.hero-chip.br{bottom:-16px;right:-14px;}
@media(max-width:980px){.hero-chat{margin:0 auto;}.hero-chip.tl{left:0;}.hero-chip.br{right:0;}}

/* 3. Journey: compact centered timeline (kills the empty half-screen) */
.journey{max-width:780px;padding:60px 24px 30px;}
.journey-steps{gap:46px;}
.jstep{display:grid;grid-template-columns:64px 1fr;gap:22px;align-items:start;}
.jstep .jnode{grid-column:1;grid-row:1;width:64px;height:64px;font-size:26px;margin:0;}
.jstep .jtxt,.jstep:nth-child(odd) .jtxt,.jstep:nth-child(even) .jtxt{grid-column:2;text-align:left;justify-self:start;}
.jstep:nth-child(odd) .jtxt p{margin-left:0;}
.jstep .jtxt{background:var(--card-bg,#101527);border:1px solid var(--line,rgba(255,255,255,.08));border-radius:16px;padding:20px 24px;width:100%;box-sizing:border-box;}
.jstep .jtxt p{max-width:none;}
.jstep .jtxt h3{font-size:20px;}
.jstep .jspacer{display:none;}
.journey-svg{left:55px;transform:none;}
@media(max-width:600px){.journey-svg{left:44px;}.jstep{grid-template-columns:48px 1fr;gap:14px;}.jstep .jnode{width:48px;height:48px;font-size:20px;}}

/* 4. Pillars: robust show/hide (no sticky stacking, no overlap) */
.pillar-screens{position:relative;min-height:0;}
.pillar-screen{position:static!important;display:none;opacity:1;transform:none;pointer-events:auto;}
.pillar-screen.active{display:block;animation:pillarIn .45s cubic-bezier(.2,.7,.2,1);}
.pillar-screen:not(:first-child){margin-top:0!important;}
@keyframes pillarIn{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
.pillar-nav{position:sticky;top:96px;}
@media(max-width:980px){.pillar-nav{position:static;}}