/* TaskMint Labs home page (v4 redesign). Loaded only on "/". Shared refresh lives at the end of site.css ("v5").
   Every animation is decorative: the global prefers-reduced-motion rule in site.css switches them all off,
   and the static states below keep everything readable. Illustrative visuals are labelled on the page. */
.h4{--g-edge:#ffffff17;--g-bg:linear-gradient(160deg,#131d27,#0c131a);overflow-x:clip}
.grad{background:linear-gradient(100deg,#62f4c0 8%,#a6f7ff 52%,#c9b8ff 96%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
@supports not ((-webkit-background-clip:text) or (background-clip:text)){.grad{color:var(--mint);background:none}}
@media(forced-colors:active){.grad{color:CanvasText;background:none}}

/* ---------- hero ---------- */
.h4-hero{position:relative;isolation:isolate;padding:clamp(52px,7.5vw,100px) 0 clamp(56px,7vw,92px);overflow:clip}
.h4-hero:before{display:none}
.h4-bg{position:absolute;inset:0 0 -1px;z-index:-1;pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,transparent);mask-image:linear-gradient(#000 72%,transparent)}
.h4-bg>span{position:absolute;display:block}
.h4-bg .aur{border-radius:50%;will-change:transform}
.h4-bg .a1{width:min(76vw,920px);aspect-ratio:1;left:-18vw;top:-38%;background:radial-gradient(closest-side,#62f4c030,#62f4c00c 55%,transparent);animation:aur1 18s ease-in-out infinite alternate}
.h4-bg .a2{width:min(64vw,820px);aspect-ratio:1;right:-16vw;top:-6%;background:radial-gradient(closest-side,#6c8cff2b,#8da8ff0a 55%,transparent);animation:aur2 23s ease-in-out infinite alternate}
@keyframes aur1{to{transform:translate3d(9vw,5vw,0) scale(1.12)}}
@keyframes aur2{to{transform:translate3d(-7vw,6vw,0) scale(.9)}}
.h4-bg .grid{inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:56px 56px;background-position:center top;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 55% 30%,#000 25%,transparent 72%);mask-image:radial-gradient(ellipse 75% 70% at 55% 30%,#000 25%,transparent 72%)}
.h4-bg .grain{inset:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");background-size:160px}
.h4-hero-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.h4-hero h1{font-size:clamp(2.55rem,5.2vw,4.7rem);line-height:1.02;letter-spacing:-.055em;font-weight:650;text-wrap:balance}
.h4-hero h1 em{display:inline;white-space:normal}
.h4-kicker{display:flex;align-items:center;gap:10px;width:fit-content;max-width:100%;margin-bottom:26px;padding:7px 15px 7px 11px;border:1px solid #62f4c038;border-radius:999px;background:#62f4c00e;font-size:.8125rem;font-weight:500;letter-spacing:.07em;line-height:1.4;text-transform:uppercase;color:#c3f1e0}
.kdot{position:relative;width:8px;height:8px;border-radius:50%;background:var(--mint);flex-shrink:0}
.kdot:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1px solid var(--mint);animation:ring 2.4s ease-out infinite}
@keyframes ring{from{transform:scale(.5);opacity:.9}to{transform:scale(1.9);opacity:0}}
.h4-hero .lead{max-width:540px;margin-top:24px;font-size:1.125rem;line-height:1.7;color:#b6c2d1}
.h4-hero .actions{flex-direction:row;align-items:center;gap:12px;margin-top:32px}
.h4-assure{display:flex;flex-wrap:wrap;gap:8px 20px;list-style:none;margin:26px 0 0;padding:0;font-size:.875rem;color:#a9b6c6}
.h4-assure li{display:flex;align-items:center;gap:8px}.h4-assure .icon{width:17px;height:17px;color:var(--mint)}

/* hero workflow stage */
.h4-stage{position:relative;margin:0;padding:12px;border-radius:24px;background:linear-gradient(160deg,#13202bd9,#0a1016f0);border:1px solid var(--g-edge);box-shadow:0 40px 90px -30px #000d,0 0 90px -40px #62f4c070}
.h4-stage:before{content:"";position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:linear-gradient(140deg,#62f4c070,transparent 32%,transparent 68%,#8da8ff60);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.stage-bar{display:flex;align-items:center;gap:12px;padding:4px 6px 12px;font-size:.8125rem;color:#a9b6c6}
.stage-dots{display:flex;gap:6px}.stage-dots i{width:9px;height:9px;border-radius:50%;background:#ffffff1f}
.stage-title{flex:1;font-weight:500}
.stage-badge{display:inline-flex;align-items:center;gap:8px;padding:3px 10px;border-radius:999px;background:#62f4c014;border:1px solid #62f4c030;color:#a7f3d6;font-size:.75rem;font-weight:500}
.pulse{width:7px;height:7px;border-radius:50%;background:var(--mint);animation:blink 1.6s ease-in-out infinite}
@keyframes blink{50%{opacity:.25}}
.flowmap{position:relative;aspect-ratio:100/90;border-radius:16px;overflow:hidden;border:1px solid #ffffff0d;background:radial-gradient(ellipse at 50% 48%,#1c3b3540,transparent 70%),linear-gradient(#ffffff06 1px,transparent 1px) 0 0/100% 10%,#091016}
.fm-lines{position:absolute;inset:0;width:100%;height:100%}.fm-mob{display:none}
.fm-base{fill:none;stroke:#ffffff17;stroke-width:.9}
.fm-dash{fill:none;stroke:#62f4c05e;stroke-width:.4;stroke-dasharray:1.2 1.8;animation:fmdash 1.4s linear infinite}
@keyframes fmdash{to{stroke-dashoffset:-3}}
.fm-comet{fill:none;stroke:#b8ffe8;stroke-width:1.3;stroke-linecap:round;stroke-dasharray:10 130;stroke-dashoffset:10;animation:comet 10s linear infinite}
.fm-comet.c1{animation-delay:2s}.fm-comet.c2{animation-delay:4s}.fm-comet.c3{animation-delay:6s}
@keyframes comet{0%{stroke-dashoffset:10}20%,100%{stroke-dashoffset:-100}}
.fm-nodes{list-style:none;margin:0;padding:0}
.fm-node{position:absolute;display:flex;align-items:center;gap:10px;padding:9px 14px 9px 9px;border-radius:14px;background:linear-gradient(160deg,#18242f,#101820);border:1px solid #ffffff1c;box-shadow:0 14px 30px -12px #000e;white-space:nowrap;transform:translateY(-50%)}
.fm-node.n0{left:5%;top:13%}.fm-node.n1{right:5%;top:30%}.fm-node.n2{left:5%;top:50%}.fm-node.n3{right:5%;top:70%}.fm-node.n4{left:50%;top:87%;transform:translate(-50%,-50%)}
.fm-node:after{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid var(--mint);box-shadow:0 0 0 4px #62f4c012,0 0 34px -6px #62f4c0a0;opacity:0;animation:lit0 10s linear infinite}
.fm-node.n1:after{animation-name:lit1}.fm-node.n2:after{animation-name:lit2}.fm-node.n3:after{animation-name:lit3}.fm-node.n4:after{animation-name:lit4}
@keyframes lit0{0%{opacity:0}2%,88%{opacity:1}94%,100%{opacity:0}}
@keyframes lit1{0%,19%{opacity:0}21%,88%{opacity:1}94%,100%{opacity:0}}
@keyframes lit2{0%,39%{opacity:0}41%,88%{opacity:1}94%,100%{opacity:0}}
@keyframes lit3{0%,59%{opacity:0}61%,88%{opacity:1}94%,100%{opacity:0}}
@keyframes lit4{0%,79%{opacity:0}81%,88%{opacity:1}94%,100%{opacity:0}}
.fm-ic{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#62f4c014;border:1px solid #62f4c02e;color:var(--mint)}
.fm-ic .icon{width:19px;height:19px}
.fm-node.n1 .fm-ic{color:#d4c4ff;background:#c6b2ff14;border-color:#c6b2ff30}.fm-node.n2 .fm-ic{color:#c3d1ff;background:#8da8ff14;border-color:#8da8ff30}
.fm-tx{display:flex;flex-direction:column;line-height:1.3}.fm-tx strong{font-size:.875rem;font-weight:600}.fm-tx small{font-size:.75rem;color:#a6b2c3}
.fm-ok{position:absolute;top:-9px;right:-9px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--mint);color:var(--mint-ink);transform:scale(0);animation:okpop 10s linear infinite}
.fm-ok .icon{width:14px;height:14px;stroke-width:2.6}
@keyframes okpop{0%,80%{transform:scale(0)}83%{transform:scale(1.2)}85%,89%{transform:scale(1)}93%,100%{transform:scale(0)}}
.fm-log{position:relative;height:46px;margin-top:10px;border-radius:12px;overflow:hidden;border:1px solid #ffffff0d;background:#091016}
.fm-log-l{position:absolute;inset:0;display:flex;align-items:center;gap:10px;padding:0 14px;font-size:.8125rem;color:#cfe1da;white-space:nowrap;opacity:0;animation:log0 10s linear infinite}
.fm-log-l .icon{width:15px;height:15px;color:var(--mint)}
.fm-log-l.l1{animation-name:log1}.fm-log-l.l2{animation-name:log2}.fm-log-l.l3{animation-name:log3}.fm-log-l.l4{animation-name:log4}
@keyframes log0{0%{opacity:1;clip-path:inset(0 100% 0 0);animation-timing-function:steps(22)}7%{clip-path:inset(0 0 0 0)}18%{opacity:1}20%,100%{opacity:0}}
@keyframes log1{0%,19.9%{opacity:0}20%{opacity:1;clip-path:inset(0 100% 0 0);animation-timing-function:steps(22)}27%{clip-path:inset(0 0 0 0)}38%{opacity:1}40%,100%{opacity:0}}
@keyframes log2{0%,39.9%{opacity:0}40%{opacity:1;clip-path:inset(0 100% 0 0);animation-timing-function:steps(22)}47%{clip-path:inset(0 0 0 0)}58%{opacity:1}60%,100%{opacity:0}}
@keyframes log3{0%,59.9%{opacity:0}60%{opacity:1;clip-path:inset(0 100% 0 0);animation-timing-function:steps(22)}67%{clip-path:inset(0 0 0 0)}78%{opacity:1}80%,100%{opacity:0}}
@keyframes log4{0%,79.9%{opacity:0}80%{opacity:1;clip-path:inset(0 100% 0 0);animation-timing-function:steps(22)}87%{clip-path:inset(0 0 0 0)}92%{opacity:1}96%,100%{opacity:0}}

/* ---------- tools marquee ---------- */
.h4-marquee{padding:6px 0 64px;border-bottom:1px solid var(--line)}
.mq-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:6px 24px;margin-bottom:24px}
.mq-head h2{font-size:1rem;font-weight:600;letter-spacing:-.01em;color:#e3ebf3}.mq-head p{font-size:.875rem;color:var(--muted)}
.mq{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
.mq-track{display:flex;width:max-content;animation:mq 46s linear infinite}
.mq:hover .mq-track{animation-play-state:paused}
.mq-list{display:flex;gap:12px;list-style:none;margin:0;padding:0 12px 0 0}
@keyframes mq{to{transform:translate3d(-50%,0,0)}}
.mq-chip{display:flex;align-items:center;gap:10px;height:54px;padding:0 18px 0 12px;border-radius:14px;border:1px solid #ffffff14;background:linear-gradient(160deg,#141d27,#0d141b);font-size:.9375rem;font-weight:500;color:#dfe7f0;white-space:nowrap}
.mq-chip img{width:30px;height:30px;object-fit:contain}
.mq-light img{padding:4px;border-radius:8px;background:#fff}
.mq-wordmark{padding:0 20px}.mq-wordmark img[src*="n8n"]{width:80px;height:22px}.mq-wordmark img[src*="vapi"]{width:68px;height:22px}
.mq-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--mint),#8da8ff)}

/* ---------- why ---------- */
.h4-why{padding-top:96px;padding-bottom:40px}
.why-statement{max-width:1040px;font-size:clamp(1.55rem,3.3vw,2.85rem);font-weight:550;line-height:1.24;letter-spacing:-.035em;color:var(--text);text-wrap:pretty}
@supports (animation-timeline:view()){@media(prefers-reduced-motion:no-preference){
 .why-statement{view-timeline-name:--why}
 .why-statement span{color:#7b8899;animation:wordlit linear both;animation-timeline:--why;animation-range:cover calc(18% + var(--k)*34%) cover calc(22% + var(--k)*34%)}
}}
@keyframes wordlit{to{color:var(--text)}}
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:56px}
.pillar{padding:28px;border-radius:20px;border:1px solid #ffffff14;background:var(--g-bg)}
.p-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:#62f4c012;border:1px solid #62f4c02e;color:var(--mint);margin-bottom:22px}
.pillar h3{font-size:1.25rem}.pillar p{margin-top:10px;color:var(--muted);font-size:.9375rem}

/* ---------- manual vs automated ---------- */
.h4-compare .section-head p,.h4-flow .section-head p{max-width:400px;color:var(--muted);font-size:.9375rem}
.cmp-grid{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:20px;align-items:stretch}
.cmp-col{position:relative;padding:26px;border-radius:22px;border:1px solid #ffffff14;overflow:hidden}
.cmp-col:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;transform-origin:left}
.cmp-manual{background:linear-gradient(170deg,#1b1813,#10151b 60%);border-color:#efd39a24}.cmp-manual:before{background:#efd39a}
.cmp-auto{background:linear-gradient(170deg,#10261f,#0e161e 60%);border-color:#62f4c03a;box-shadow:0 0 70px -36px #62f4c088}.cmp-auto:before{background:linear-gradient(90deg,var(--mint),#a6f7ff)}
.cmp-head{display:flex;align-items:center;gap:12px}.cmp-head h3{font-size:1.25rem}
.cmp-tag{padding:3px 10px;border-radius:999px;font-size:.75rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase}
.cmp-manual .cmp-tag{background:#efd39a17;color:#efd39a}.cmp-auto .cmp-tag{background:#62f4c017;color:#8ff3cf}
.cmp-steps{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px}
.cmp-steps li{display:flex;align-items:flex-start;gap:14px;padding:14px;border-radius:14px;background:#ffffff05;border:1px solid #ffffff0d}
.cmp-ic{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:10px}.cmp-ic .icon{width:19px;height:19px}
.cmp-manual .cmp-ic{color:var(--amber);background:#efd39a12}.cmp-auto .cmp-ic{color:var(--mint);background:#62f4c014}
.cmp-steps strong{display:block;font-size:1rem;font-weight:600;line-height:1.35}.cmp-steps small{display:block;margin-top:3px;font-size:.875rem;color:var(--muted)}
.cmp-end{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border-radius:12px;font-size:.9375rem}
.cmp-end .icon{width:19px;height:19px}
.cmp-manual .cmp-end{background:#efd39a10;color:#f1dcae}.cmp-auto .cmp-end{background:#62f4c014;color:#a7f3d6}
.cmp-vs{display:grid;place-items:center}.cmp-vs span{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid #ffffff1f;background:#0d141b;font-size:.8125rem;color:#a9b6c6}
.cmp-foot{margin-top:16px;text-align:center}.cmp-replay{display:inline-flex;align-items:center;gap:8px}.cmp-replay .icon{width:16px;height:16px;transform:rotate(180deg)}
html:not(.enhanced) .cmp-foot{display:none}
.h4-compare.play .cmp-auto li{animation:cmpin .5s calc(.35s + var(--i)*.38s) cubic-bezier(.2,.7,.2,1) both}
.h4-compare.play .cmp-manual li{animation:cmpslow 1.1s calc(.35s + var(--i)*1s) ease both}
.h4-compare.play .cmp-auto:before{animation:bar 1.9s .3s cubic-bezier(.4,0,.2,1) both}
.h4-compare.play .cmp-manual:before{animation:bar 4.4s .3s steps(6,jump-end) both}
.h4-compare.play .cmp-auto .cmp-end{animation:endpop .6s 2s cubic-bezier(.2,.9,.3,1.3) both}
.h4-compare.play .cmp-manual .cmp-end{animation:cmpin .6s 4.5s ease both}
@keyframes cmpin{from{opacity:0;transform:translateY(12px)}}
@keyframes cmpslow{0%{opacity:0;transform:translateY(12px)}40%{opacity:.6;transform:translateY(4px)}60%{opacity:.6;transform:translateY(4px)}100%{opacity:1;transform:none}}
@keyframes bar{from{transform:scaleX(0)}}
@keyframes endpop{from{opacity:0;transform:scale(.92)}}

/* ---------- pinned lead-flow story ---------- */
.h4-flow{background:linear-gradient(180deg,transparent,#0a1219 10%,#0a1219 90%,transparent)}
.fl-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:56px;margin-top:8px}
.fl-steps{list-style:none;margin:0;padding:0;display:grid;gap:48px}
.fl-num{display:inline-flex;align-items:center;gap:9px;font-size:.8125rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#9fb1c4}
.fl-num .icon{width:18px;height:18px;color:var(--mint)}
.fl-txt{flex:1;min-width:0}.fl-txt h3{margin-top:12px;font-size:clamp(1.5rem,2.5vw,2.15rem);letter-spacing:-.04em}
.fl-txt p{margin-top:12px;max-width:470px;color:var(--muted)}
.fl-inline{margin-top:22px}
.fl-inline .fv{min-height:250px;border-radius:18px;border:1px solid #ffffff14;background:var(--g-bg)}
.fl-sticky{display:none}
@media(min-width:961px){
 .fl-ready .fl-layout{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:64px;align-items:start}
 .fl-ready .fl-steps{gap:0}
 .fl-ready .fl-step{min-height:64vh;display:flex;align-items:center}
 .fl-ready .fl-step:first-child{min-height:48vh;align-items:flex-start;padding-top:40px}
 .fl-ready .fl-step:last-child{min-height:56vh}
 .fl-ready .fl-inline{display:none}
 .fl-ready .fl-sticky{display:block;position:sticky;top:max(96px,calc(50vh - 230px))}
 .fl-ready .fl-step .fl-txt h3{color:#8a97a8;transition:color .35s}
 .fl-ready .fl-step .fl-num{color:#8796a8;transition:color .35s}
 .fl-ready .fl-step.is-active .fl-txt h3{color:var(--text)}
 .fl-ready .fl-step.is-active .fl-num{color:var(--mint)}
}
.fl-frame{position:relative;height:460px;display:flex;flex-direction:column;border-radius:24px;border:1px solid var(--g-edge);background:linear-gradient(160deg,#121c26,#0a1016);box-shadow:0 40px 80px -40px #000d,0 0 90px -50px #62f4c070;overflow:hidden}
.fl-frame-bar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #ffffff0d}
.fl-pips{display:flex;gap:6px}.fl-pip{display:grid;place-items:center;min-width:30px;height:22px;border-radius:999px;font-size:.75rem;color:#8796a8;background:#ffffff08;transition:background .3s,color .3s}
.fl-pip.on{background:#62f4c01c;color:#a7f3d6}
.fl-panels{position:relative;flex:1}
.fl-panel{position:absolute;inset:0;opacity:0;transform:translateY(18px) scale(.98);transition:opacity .45s,transform .55s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.fl-panel.on{opacity:1;transform:none}
.fl-progress{height:3px;background:#ffffff0d}.fl-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--mint),#a6f7ff);transform-origin:left;transform:scaleX(calc((var(--a,0) + 1)/5));transition:transform .5s}
/* flow visuals */
.fv{position:relative;height:100%;padding:28px;display:flex;flex-direction:column;justify-content:center;gap:14px;font-size:.875rem}
.fv-card{padding:16px 18px;border-radius:16px;border:1px solid #ffffff17;background:linear-gradient(160deg,#18242f,#111a22);box-shadow:0 20px 40px -24px #000c}
.fv-chs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}
.fv-ch{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid #ffffff17;background:#ffffff07;color:#dbe5ee;font-size:.8125rem}.fv-ch .icon{width:15px;height:15px;color:var(--mint)}
.fv-funnel{width:72%;height:46px;margin:0 auto;fill:none;stroke:#62f4c070;stroke-width:1.4;stroke-dasharray:3 4;vector-effect:non-scaling-stroke;animation:fmdash 1.2s linear infinite}
.fv-funnel path{vector-effect:non-scaling-stroke}
.fv-rec{display:grid;gap:4px;max-width:360px;margin:0 auto;width:100%}
.fv-pill{width:fit-content;padding:2px 9px;border-radius:999px;background:#62f4c017;color:#8ff3cf;font-size:.75rem;font-weight:600}
.fv-rec strong{font-size:1rem}.fv-rec span{color:#c6d2de}.fv-rec em{font-style:normal;font-size:.75rem;color:#a6b2c3}
.fv-bubble{max-width:82%;padding:12px 15px;border-radius:16px;line-height:1.5}
.fv-bubble.in{align-self:flex-start;background:#ffffff0b;border:1px solid #ffffff14;border-bottom-left-radius:5px;color:#dbe5ee}
.fv-bubble.out{align-self:flex-end;background:linear-gradient(160deg,#173a2f,#12291f);border:1px solid #62f4c040;border-bottom-right-radius:5px;color:#e4fbf2}
.fv-meta{display:flex;align-items:center;gap:8px;align-self:flex-end;font-size:.75rem;color:#a6b2c3}.fv-meta .icon{width:15px;height:15px;color:#d4c4ff}
.fv-crm{display:grid;gap:2px;max-width:380px;width:100%;margin:0 auto}
.fv-crm-h{display:flex;align-items:center;gap:10px;padding-bottom:10px;margin-bottom:4px;border-bottom:1px solid #ffffff10}.fv-crm-h .icon{color:#c3d1ff}.fv-crm-h span{margin-left:auto;font-size:.75rem;color:#a6b2c3}
.fv-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;color:#a6b2c3}.fv-row b{font-weight:500;color:#e8eef5}
.fv-row b.mint{padding:1px 9px;border-radius:999px;background:#62f4c01c;color:#8ff3cf}.fv-row b.amber{color:#efd39a}
.fv-route{justify-content:flex-start;padding-top:30px}.fv-toast{position:absolute;right:18px;bottom:16px;display:flex;gap:10px;align-items:flex-start;max-width:250px;padding:12px 14px;border-radius:14px;background:#1a2532;border:1px solid #ffffff1f;box-shadow:0 18px 40px -16px #000e;font-size:.8125rem;color:#c6d2de}
.fv-toast strong{display:block;color:#fff}.fv-toast .icon{width:17px;height:17px;color:var(--amber);margin-top:2px}
.fv-tl{list-style:none;margin:0 auto;padding:0;display:grid;gap:12px;max-width:380px;width:100%;position:relative}
.fv-tl:before{content:"";position:absolute;left:7px;top:10px;bottom:10px;width:2px;background:#ffffff14}
.fv-tl li{position:relative;display:grid;grid-template-columns:16px 1fr auto;gap:12px;align-items:center;padding:10px 14px 10px 0}
.fv-tl small{font-size:.75rem;color:#a6b2c3;text-align:right}
.fv-dot{width:16px;height:16px;border-radius:50%;border:2px solid #4a5a6a;background:#0b1218;position:relative;z-index:1}
.fv-tl .done .fv-dot{border-color:var(--mint);background:var(--mint)}.fv-tl .next .fv-dot{border-color:var(--mint)}
.fv-tl .stop{grid-template-columns:16px 1fr;padding:12px 14px 12px 0;border-radius:12px}
.fv-tl .stop small{grid-column:2;text-align:left;color:#a7f3d6}.fv-tl .stop .fv-dot{border-color:var(--amber);background:var(--amber)}
.fv-note{text-align:center;font-size:.75rem;color:#a6b2c3}
.fv-cal{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;max-width:400px;width:100%;margin:0 auto}
.fv-day{text-align:center;font-size:.75rem;color:#a6b2c3;padding-bottom:4px}
.fv-slot{height:34px;border-radius:8px;background:#ffffff07;border:1px solid #ffffff0d}
.fv-slot.booked{display:grid;place-items:center;background:linear-gradient(160deg,#1f5a46,#17402f);border-color:var(--mint);box-shadow:0 0 24px -6px #62f4c0a0}
.fv-slot b{font-size:.6875rem;font-weight:600;color:#e4fbf2;white-space:nowrap}
.fv-confirm{display:flex;align-items:center;gap:12px;max-width:400px;width:100%;margin:6px auto 0;padding:12px 14px;border-radius:14px;background:#62f4c012;border:1px solid #62f4c033;color:#c6d2de;font-size:.8125rem}
.fv-confirm strong{display:block;color:#fff;font-size:.875rem}.fv-confirm .icon{color:var(--mint)}
/* flow visual motion (only while the step/panel is active) */
:is(.fl-panel.on,.fl-step.is-active .fl-inline) .fv-ch{animation:cmpin .45s calc(var(--i)*.12s) both}
:is(.fl-panel.on,.fl-step.is-active .fl-inline) .fv-rec{animation:cmpin .5s .55s both}
:is(.fl-panel.on,.fl-step.is-active .fl-inline) .fv-bubble.in{animation:cmpin .4s both}
:is(.fl-panel.on,.fl-step.is-active .fl-inline) .fv-type{animation:type 2.2s .5s steps(48) both}
:is(.fl-panel.on,.fl-step.is-active .fl-inline) .fv-bubble.out{animation:cmpin .3s .4s both}
:is(.fl-panel.on,.fl-step.is-active .fl-inline) .fv-row{animation:cmpin .4s calc(.1s + var(--i)*.12s) both}
:is(.fl-panel.on,.fl-step.is-active .fl-inline) .fv-toast{animation:toast .5s .9s cubic-bezier(.2,.9,.3,1.2) both}
:is(.fl-panel.on,.fl-step.is-active .fl-inline) .fv-tl li{animation:cmpin .4s calc(var(--i)*.28s) both}
:is(.fl-panel.on,.fl-step.is-active .fl-inline) .fv-slot.booked{animation:endpop .5s .5s cubic-bezier(.2,.9,.3,1.3) both}
:is(.fl-panel.on,.fl-step.is-active .fl-inline) .fv-confirm{animation:cmpin .45s .9s both}
.fv-type{display:inline-block;clip-path:inset(0 0 0 0)}
@keyframes type{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes toast{from{opacity:0;transform:translateX(24px)}}

/* ---------- services bento ---------- */
.bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.bento-card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:22px;border:1px solid #ffffff14;background:var(--g-bg);overflow:hidden;transition:border-color .25s,transform .25s}
.bento-card:hover{border-color:#62f4c040;transform:translateY(-3px)}
.bento-card:focus-within{border-color:#62f4c066}
.b-lead{grid-column:span 2}
.b-pick{grid-column:1/-1;flex-direction:row;align-items:center}.b-pick .ba{width:200px;height:auto;align-self:stretch;border-bottom:0;border-right:1px solid #ffffff0d;flex-shrink:0}
.b-body{position:relative;display:flex;flex-direction:column;flex:1;padding:22px 24px 14px}
.b-ic{display:none}
.b-body h3{font-size:1.3rem}.b-body p{margin-top:8px;color:var(--muted);font-size:.9375rem;max-width:46ch}
.b-body .text-link{margin-top:auto;padding-top:10px}
.stretched:after{content:"";position:absolute;inset:0;z-index:1}
.bento-card .stretched,.demo-card .stretched{position:static}
.ba{position:relative;height:150px;overflow:hidden;border-bottom:1px solid #ffffff0d;background:radial-gradient(ellipse at 50% 0,#62f4c012,transparent 70%)}
.ba-lead{display:grid;align-content:center;gap:9px;padding:0 28px}
.ba-msg{display:flex;align-items:center;gap:10px;height:30px;padding:0 12px;border-radius:10px;background:#ffffff08;border:1px solid #ffffff10}
.ba-msg i{width:16px;height:16px;border-radius:50%;background:#2b3a48}.ba-msg b{flex:1;max-width:220px;height:7px;border-radius:4px;background:#ffffff1a}
.ba-msg em{margin-left:auto;padding:1px 9px;border-radius:999px;font-size:.6875rem;font-style:normal;font-weight:600;background:#62f4c01c;color:#8ff3cf}
.ba-msg em.o{background:#8da8ff1f;color:#c3d1ff}.ba-msg em.q{background:#c6b2ff1f;color:#dccfff}
.ba-voice{display:flex;align-items:center;justify-content:center;gap:5px}
.ba-voice i{width:6px;height:56px;border-radius:4px;background:linear-gradient(#c6b2ff,#8da8ff);transform:scaleY(calc(.25 + .06*var(--i)));transform-origin:center}
.ba-crm{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px}
.ba-crm .col{display:flex;flex-direction:column;gap:7px;padding:8px;border-radius:10px;background:#ffffff05}
.ba-crm .col b{font-size:.6875rem;font-weight:600;color:#a6b2c3}.ba-crm .col i{height:20px;border-radius:6px;background:#ffffff12}
.ba-crm .mover{position:absolute;left:26px;top:72px;width:calc((100% - 36px - 20px)/3 - 16px);height:20px;border-radius:6px;background:linear-gradient(90deg,var(--mint),#a6f7ff);box-shadow:0 0 18px -2px #62f4c0aa}
.ba-int svg{width:100%;height:100%;padding:18px 24px}
.ba-int .ln{fill:none;stroke:#ffffff1f;stroke-width:2}.ba-int .flowln{fill:none;stroke:var(--mint);stroke-width:2;stroke-dasharray:6 8}
.ba-int rect{fill:#18242f;stroke:#8da8ff70;stroke-width:1.5}.ba-int rect.hub{fill:#14302a;stroke:var(--mint)}
.ba-doc{display:flex;align-items:center;justify-content:center;gap:22px}
.ba-doc .paper{position:relative;display:grid;align-content:start;gap:8px;width:90px;height:112px;padding:16px 12px;border-radius:8px;background:#e9eef5;overflow:hidden}
.ba-doc .paper i{height:6px;border-radius:3px;background:#b7c2cf}.ba-doc .paper i:nth-child(2){width:70%}.ba-doc .paper i:nth-child(4){width:55%}
.ba-doc .scan{position:absolute;left:0;right:0;top:0;height:22px;background:linear-gradient(#62f4c000,#62f4c088);border-bottom:2px solid var(--mint)}
.ba-doc .fields{display:grid;gap:7px}.ba-doc .fields b{padding:4px 10px;border-radius:8px;font-size:.75rem;font-weight:600;background:#62f4c017;color:#8ff3cf}.ba-doc .fields b.flag{background:#efd39a1a;color:#efd39a}
.ba-pick{display:grid;place-items:center}.ba-pick .needle{display:grid;place-items:center;width:76px;height:76px;border-radius:50%;border:1px dashed #62f4c066;color:var(--mint)}.ba-pick .icon{width:38px;height:38px}
@keyframes eq{0%{transform:scaleY(.22)}100%{transform:scaleY(1)}}
.h4-services .ba-msg{animation:msg 6s calc(var(--i)*.5s) ease-in-out infinite}
@keyframes msg{0%{opacity:0;transform:translateX(-14px)}10%,85%{opacity:1;transform:none}100%{opacity:0}}
.h4-services .ba-crm .mover{animation:mover 6s ease-in-out infinite}
@keyframes mover{0%,12%{transform:translateX(0)}38%,50%{transform:translateX(calc(100% + 26px))}76%,100%{transform:translateX(calc(200% + 52px))}}
.h4-services .ba-int .flowln{animation:fmdash .9s linear infinite}
.h4-services .ba-voice i{animation:eq 1.1s calc(var(--i)*-.13s) ease-in-out infinite alternate}
.h4-services .ba-doc .scan{animation:scan 2.8s ease-in-out infinite alternate}
@keyframes scan{to{transform:translateY(90px)}}
.h4-services .ba-doc .fields b{animation:fld 2.8s calc(var(--i)*.4s) ease-in-out infinite alternate}
@keyframes fld{0%,30%{opacity:.35}60%,100%{opacity:1}}
.h4-services .ba-pick .needle{animation:spin 14s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}

/* ---------- demos ---------- */
.demo-intro{margin:-14px 0 28px;color:var(--muted);font-size:.9375rem}
.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.demo-card{position:relative;display:flex;flex-direction:column;min-width:0;border-radius:22px;border:1px solid #ffffff14;background:var(--g-bg);overflow:hidden;transition:border-color .25s,transform .25s}
.demo-card:hover{border-color:#8da8ff55;transform:translateY(-3px)}.demo-card:focus-within{border-color:#62f4c066}
.demo-body{display:flex;flex-direction:column;flex:1;padding:22px 24px 14px}.demo-body .project-type{margin-bottom:10px}.demo-body h3{font-size:1.3rem}.demo-body p{margin-top:8px;color:var(--muted);font-size:.9375rem}.demo-body .text-link{margin-top:auto;padding-top:10px}
.dv{position:relative;height:200px;padding:16px 18px;border-bottom:1px solid #ffffff0d;background:radial-gradient(ellipse at 50% 0,#8da8ff14,transparent 70%);overflow:hidden;font-size:.8125rem}
.dv-route{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}
.dv-req,.dv-q{position:relative;height:100%}
.dv-req span,.dv-q span{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:12px;border:1px solid #ffffff17;background:#ffffff08;color:#dbe5ee;line-height:1.3}
.dv-req .icon{width:16px;height:16px;color:var(--mint);flex-shrink:0}
.dv-q span{flex-direction:column;align-items:flex-start;gap:2px;border-color:#62f4c040;background:#62f4c00f}.dv-q b{font-weight:600;color:#fff}.dv-q small{font-size:.75rem;color:#a7f3d6}
.dv-arrow{color:#8da8ff}.dv-arrow .icon{width:26px;height:26px}
.dv-req span:not(.r0),.dv-q span:not(.q0){opacity:0}
.h4-demos .dv-req span,.h4-demos .dv-q span{animation:cyc 9s linear infinite}
.h4-demos .r1,.h4-demos .q1{animation-delay:3s!important}.h4-demos .r2,.h4-demos .q2{animation-delay:6s!important}
@keyframes cyc{0%{opacity:0;transform:translateY(-30%)}5%,30%{opacity:1;transform:translateY(-50%)}35%,100%{opacity:0;transform:translateY(-70%)}}
.h4-demos .dv-q span{animation-name:cycq}
@keyframes cycq{0%,6%{opacity:0;transform:translateY(-30%)}11%,30%{opacity:1;transform:translateY(-50%)}35%,100%{opacity:0;transform:translateY(-70%)}}
.dv-doc{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:center}
.dv-raw{margin:0;padding:12px;border-radius:10px;background:#060a0e;border:1px solid #ffffff12;color:#b7c4d2;font:500 .75rem/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere}
.dv-fields{display:grid;gap:6px}.dv-fields span{display:flex;flex-direction:column;line-height:1.3;padding:5px 10px;border-radius:10px;background:#62f4c00f;border:1px solid #62f4c033}.dv-fields small{font-size:.6875rem;color:#a6b2c3}.dv-fields b{font-weight:600;color:#e4fbf2}
.h4-demos .dv-fields span{animation:fill 6s calc(var(--i)*.5s) ease infinite}
@keyframes fill{0%,8%{opacity:0;transform:translateX(10px)}16%,88%{opacity:1;transform:none}96%,100%{opacity:0}}
.dv-time{display:grid;align-content:center;gap:9px}
.dv-sl{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center}.dv-sl small{grid-column:1/-1;font-size:.75rem;color:#a6b2c3}.dv-sl b{font-weight:600}
.dv-sl .tr{position:relative;height:6px;border-radius:3px;background:#ffffff14;overflow:hidden}.dv-sl .tr i{position:absolute;left:0;top:0;bottom:0;width:var(--w);border-radius:inherit;background:linear-gradient(90deg,var(--mint),#a6f7ff);transform-origin:left}
.h4-demos .dv-sl .tr i{animation:grow 5s ease-in-out infinite}
@keyframes grow{0%{transform:scaleX(.15)}35%,85%{transform:scaleX(1)}100%{transform:scaleX(.15)}}
.dv-formula{padding:6px 12px;border-radius:10px;background:#ffffff07;color:#c6d2de}.dv-formula strong{color:var(--mint);font-weight:600}
.dv-cap{font-size:.6875rem;color:#a6b2c3}

/* ---------- process ---------- */
.pr-wrap{position:relative}
.pr-line{position:absolute;left:28px;right:28px;top:27px;height:2px;border-radius:2px;background:#ffffff14}
.pr-line i{position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--mint),#8da8ff);transform-origin:left}
.pr-list{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}
.pr-node{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#0f1820;border:1px solid #62f4c047;color:var(--mint);box-shadow:0 0 0 7px var(--bg),0 0 30px -8px #62f4c066}
.pr-num{display:block;margin-top:20px;font-size:.8125rem;font-weight:600;letter-spacing:.08em;color:#9fb1c4}
.pr-list h3{margin-top:6px;font-size:1.25rem}.pr-list p{margin-top:8px;color:var(--muted);font-size:.9375rem}
.h4-process.play .pr-line i{animation:bar 1.8s .1s cubic-bezier(.6,0,.2,1) both}
.h4-process.play .pr-node{animation:prpop .5s calc(.15s + var(--i)*.45s) cubic-bezier(.2,.9,.3,1.3) both}
@keyframes prpop{from{opacity:.2;transform:scale(.8)}}

/* ---------- audit offer ---------- */
.offer-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,64px);align-items:center;padding:clamp(26px,4.5vw,60px);border-radius:28px;border:1px solid #62f4c028;background:radial-gradient(ellipse at 0 0,#62f4c01c,transparent 50%),radial-gradient(ellipse at 100% 100%,#8da8ff17,transparent 55%),linear-gradient(160deg,#0f1a22,#0a1016);overflow:hidden}
.offer-copy h2{font-size:clamp(2.1rem,4.2vw,3.5rem)}
.offer-copy .section-copy{margin-top:18px;max-width:480px;color:#b6c2d1}
.agenda{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:16px}
.agenda li{display:flex;gap:16px;align-items:flex-start}.agenda strong{display:block;font-weight:600}.agenda li>span:last-child{color:var(--muted);font-size:.9375rem}
.ag-n{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:10px;border:1px solid #62f4c047;color:var(--mint);font-size:.8125rem;font-weight:600}
.ticket{position:relative;padding:28px;border-radius:22px;background:linear-gradient(160deg,#1d3d2f,#11231b);border:1px solid #62f4c047;box-shadow:0 34px 70px -34px #000e,0 0 70px -30px #62f4c060}
.t-top{display:flex;align-items:center;gap:12px}.t-top>.icon{width:30px;height:30px;color:var(--mint)}.t-top h3{font-size:1.2rem;flex:1}
.t-tag{padding:3px 11px;border-radius:999px;background:var(--mint);color:var(--mint-ink);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.t-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0 0}.t-facts div{display:flex;flex-direction:column-reverse;gap:2px}
.t-facts dt{font-size:.8125rem;color:#a9cbb8}.t-facts dd{margin:0;font-size:1.05rem;font-weight:600;color:#effbf5}
.t-perf{position:relative;height:0;margin:24px -28px;border-top:2px dashed #62f4c03a}
.t-perf:before,.t-perf:after{content:"";position:absolute;top:-12px;width:22px;height:22px;border-radius:50%;background:#0c141a}.t-perf:before{left:-11px}.t-perf:after{right:-11px}
.ticket .btn{width:100%}
.t-note{display:flex;gap:8px;align-items:flex-start;margin-top:14px;font-size:.8125rem;color:#bcd6c7}.t-note .icon{width:17px;height:17px;color:var(--mint);flex-shrink:0;margin-top:2px}
.t-note .inline-link{white-space:nowrap}.t-plain{display:block}

/* ---------- FAQ teaser + closing ---------- */
.h4-faq .faq-heading .text-link{margin-top:14px}
.h4-cta-panel{display:block;padding:clamp(52px,8vw,104px) clamp(22px,5vw,72px);border-radius:32px;border:1px solid #62f4c030;background:radial-gradient(ellipse 70% 90% at 50% 125%,#62f4c03a,transparent 70%),linear-gradient(180deg,#0e171f,#091016);text-align:center;overflow:hidden;isolation:isolate}
.cta-orb{position:absolute;left:50%;bottom:-340px;width:680px;height:680px;margin-left:-340px;z-index:-1;pointer-events:none}
.cta-orb span{position:absolute;inset:0;border-radius:50%;border:1px solid #62f4c026}
.cta-orb span:nth-child(2){inset:70px;border-style:dashed;border-color:#62f4c040;animation:spin 60s linear infinite}
.cta-orb span:nth-child(3){inset:150px;border-color:#8da8ff33;background:conic-gradient(from 0deg,transparent 0 70%,#62f4c040 85%,transparent);animation:spin 9s linear infinite}
.h4-cta-copy{position:relative;max-width:740px;margin:0 auto}
.h4-cta h2{font-size:clamp(2.3rem,5.4vw,4.5rem);letter-spacing:-.055em}
.h4-cta-copy>p{max-width:560px;margin:22px auto 0;color:#b6c2d1;font-size:1.0625rem}
.h4-cta .actions{justify-content:center;margin-top:30px}
.h4-cta .cta-list{justify-content:center}

/* ---------- animation gating: pause decorative loops while off-screen (home.js) ---------- */
.anim-gated:not(.in-view),.anim-gated:not(.in-view) *{animation-play-state:paused!important}

/* ---------- responsive ---------- */
@media(max-width:1120px){.h4-hero-layout{gap:36px}.fm-node{padding:8px 12px 8px 8px;gap:8px}.fm-ic{width:30px;height:30px}}
@media(max-width:960px){
 .h4-hero-layout{grid-template-columns:minmax(0,1fr)}.h4-stage{max-width:600px;width:100%;margin-inline:auto}
 .pillars{grid-template-columns:minmax(0,1fr)}.pillar{display:grid;grid-template-columns:auto 1fr;gap:4px 18px}.pillar .p-ic{grid-row:span 2;margin:0}.pillar p{margin-top:4px}
 .bento{grid-template-columns:repeat(2,minmax(0,1fr))}.b-lead,.b-pick{grid-column:1/-1}
 .demo-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.demo-card:last-child{grid-column:1/-1}
 .offer-panel{grid-template-columns:minmax(0,1fr)}
 .pr-list{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px}.pr-line{display:none}
}
@media(max-width:820px){.cmp-grid{grid-template-columns:minmax(0,1fr)}.cmp-vs{margin:-8px 0}.cmp-vs span{width:40px;height:40px}}
@media(max-width:720px){
 .h4-hero{padding-top:40px}
 .h4-hero h1{font-size:clamp(2.2rem,10.4vw,3rem);letter-spacing:-.05em}
 .h4-kicker{font-size:.75rem;letter-spacing:.05em;margin-bottom:20px}
 .h4-hero .lead{font-size:1rem;margin-top:20px}
 .h4-hero .actions{flex-direction:column;align-items:stretch}.h4-hero .actions .btn{width:100%}
 .h4-assure{flex-direction:column;gap:8px}
 .flowmap{aspect-ratio:100/130}.fm-desk{display:none}.fm-mob{display:block}
 .fm-node.n0{left:4%;top:9%}.fm-node.n1{right:4%;left:auto;top:28%}.fm-node.n2{left:4%;top:47%}.fm-node.n3{right:4%;left:auto;top:66%}.fm-node.n4{top:88%}
 .fm-node{max-width:76%;white-space:normal}.fm-tx strong{font-size:.8125rem}
 .fm-log{height:56px}.fm-log-l{white-space:normal;line-height:1.35;font-size:.75rem}
 .h4-marquee{padding-bottom:48px}.mq-chip{height:48px;font-size:.875rem}
 .h4-why{padding-top:64px;padding-bottom:16px}.pillars{margin-top:36px}.pillar{padding:22px;display:block}.pillar .p-ic{margin-bottom:16px}
 .cmp-col{padding:20px}.cmp-steps li{padding:12px}
 .fl-steps{gap:44px}.fl-inline .fv{padding:20px 16px;min-height:0}
 .fv-toast{position:relative;right:auto;bottom:auto;max-width:none}
 .bento,.demo-grid{grid-template-columns:minmax(0,1fr)}.b-lead,.b-pick,.demo-card:last-child{grid-column:auto}
 .b-pick{flex-direction:column;align-items:stretch}.b-pick .ba{width:auto;height:110px;border-right:0;border-bottom:1px solid #ffffff0d}
 .ba{height:130px}
 .pr-list{grid-template-columns:minmax(0,1fr);row-gap:26px}.pr-list li{position:relative;padding-left:76px;min-height:56px}.pr-node{position:absolute;left:0;top:0}.pr-num{margin-top:0}
 .ticket{padding:22px}.t-perf{margin:22px -22px}
 .h4-cta-panel{border-radius:22px}.h4-cta .actions{flex-direction:column;align-items:stretch}.h4-cta .actions .btn{width:100%}
 .cta-orb{width:520px;height:520px;margin-left:-260px;bottom:-300px}
}
@media(max-width:400px){.fm-node{max-width:82%}.fm-tx small{font-size:.6875rem}.dv-doc{grid-template-columns:minmax(0,1fr)}.dv-raw{display:none}.dv{height:180px}}

/* ---------- reduced motion: static, complete, readable ---------- */
@media(prefers-reduced-motion:reduce){
 .fm-comet,.fm-dash{display:none}.fm-base{stroke:#62f4c04d}
 .fm-node:after{opacity:.55}.fm-ok{transform:none}
 .fm-log-l{display:none}.fm-log-l.l4{display:flex;opacity:1;clip-path:none}
 .mq{-webkit-mask-image:none;mask-image:none}.mq-track{width:auto;justify-content:center}.mq-list{flex-wrap:wrap;justify-content:center;padding:0}.mq-dup{display:none}
 .cmp-foot{display:none}.fl-panel{transition:none}
 .dv-req span:not(.r0),.dv-q span:not(.q0){display:none}
 .ba-voice i{transform:scaleY(calc(.3 + .05*var(--i)))}
}
/* scroll progress hairline (scroll-driven CSS where supported; no JS) */
@supports (animation-timeline:scroll()){@media(prefers-reduced-motion:no-preference){
 .h4:before{content:"";position:fixed;left:0;right:0;top:0;height:2px;z-index:60;pointer-events:none;background:linear-gradient(90deg,var(--mint),#a6f7ff,#c9b8ff);transform-origin:left;transform:scaleX(0);animation:prog linear both;animation-timeline:scroll(root)}
}}
@keyframes prog{to{transform:scaleX(1)}}
/* hero stage: gentle pointer tilt (home.js sets --rx/--ry on fine pointers) */
.h4-stage{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s cubic-bezier(.2,.7,.2,1)}
/* small-screen refinements */
.h4-hero .lead{margin-inline:0}
@media(max-width:380px){
 .stage-dots{display:none}.stage-bar{gap:8px}
 .flowmap{aspect-ratio:auto;padding:14px 12px}.fm-lines{display:none}
 .fm-nodes{display:grid;gap:16px}
 .fm-node,.fm-node.n0,.fm-node.n1,.fm-node.n2,.fm-node.n3,.fm-node.n4{position:relative;left:auto;right:auto;top:auto;transform:none;max-width:none;width:100%}
 .fm-node:not(.n4):before{content:"";position:absolute;left:25px;top:100%;height:16px;border-left:2px dashed #62f4c066}
 .offer-panel{padding:20px 16px;border-radius:22px}.ticket{padding:18px}.t-perf{margin:20px -18px}
 .t-facts dd{font-size:.9375rem}.ticket .btn{padding-inline:14px}
}

/* v6: "Your audit is with" founder card inside the audit offer */
.host-card{display:flex;align-items:center;gap:16px;margin:28px 0 0;padding:16px 18px;border:1px solid #62f4c02e;border-radius:18px;background:linear-gradient(120deg,#62f4c00f,#ffffff04 60%);max-width:520px}
.host-ph{flex:0 0 72px;width:72px;height:72px;border-radius:50%;padding:2px;background:linear-gradient(140deg,#62f4c0,#a6f7ff66 50%,#c9b8ff)}
.host-ph picture,.host-photo{display:block;width:68px;height:68px;border-radius:50%}
.host-photo{object-fit:cover;background:#111c25}
.host-card figcaption{display:flex;flex-direction:column;min-width:0}
.host-k{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:#9fb3c4}
.host-card strong{margin-top:2px;font-size:1.0625rem;font-weight:600;color:#f3f7fc}
.host-r{font-size:.875rem;color:var(--muted)}
.host-t{margin-top:6px;font-size:.875rem;line-height:1.55;color:#c3cfdc}
@media(max-width:400px){.host-card{align-items:flex-start;gap:12px;padding:14px}.host-ph{flex-basis:56px;width:56px;height:56px}.host-ph picture,.host-photo{width:52px;height:52px}}

/* v7 copy: the hero headline is two sentences; break between them on wide screens only */
.h4-br{display:none}
@media(min-width:961px){.h4-br{display:inline}}