/* Sections after the hero. Scoped under .v2 so the hero renders exactly as before.
   Page chrome keeps the hero's own voice: Baloo Da 2 lettering with ink strokes, Hind Siliguri text, hard offset
   shadows, bunting dividers, and the painted palette on light grounds. The panels inside are the real majhi light UI. */
.v2{--ink:#120e0b;--white:#fffdf6;--red:#d42a3c;--green:#14874a;--cobalt:#1d47c4;--yellow:#f6c419;--pink:#ef6aa6;--sky:#7fb3ff;
  --p-cream:#fff8e4;--p-yellow:#ffeeaa;--p-green:#d9f2e2;--p-pink:#ffdfec;--p-blue:#dce8ff;--p-red:#ffdad5;
  --soft:#3a2f22;
  /* app light theme tokens (apps/web styles.css) */
  --g-ground:#e9eef4;--g-card:#fff;--g-line:rgb(30 60 100/.14);--g-line2:rgb(30 60 100/.22);--g-raised:rgb(30 65 115/.055);--g-sel:rgb(30 75 140/.1);
  --fg:#0e1726;--fg2:#273447;--fg3:#435166;--fg4:#55637a;--fg5:#8a96a6;
  --l-work:#0a7694;--l-need:#cf2a2a;--l-pause:#a52a93;--l-done:#0b8058;--l-idle:#8d99a9;
  --amber:#e39a2b;--amber-ink:#1a1204;--amber-text:#8f5406;--amber-wash:rgb(227 154 43/.14);
  --a-blue:#2a64b8;--a-green:#0f7d5c;--a-red:#c2352a;--violet:#6d4bc4;
  color:var(--ink);font:500 18px/1.6 "Hind Siliguri",system-ui,sans-serif;position:relative;z-index:1;overflow-x:clip}
.v2 *{box-sizing:border-box}
.v2 h2,.v2 h3,.v2 h4,.v2 p,.v2 ul,.v2 ol,.v2 figure{margin:0}
.v2 .wrap{max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,44px)}
.v2 .s{background:var(--bg);padding:clamp(64px,9vw,112px) 0;position:relative}
.v2 .s h2{font-size:clamp(38px,5vw,70px);color:var(--hc,var(--red));margin-bottom:6px;text-wrap:balance}
.v2 .s .lead{font-size:20px;color:var(--soft);margin-top:18px;max-width:34em;text-wrap:pretty}
.v2 .tag{display:inline-block;font:700 15px/1 "Baloo Da 2",sans-serif;padding:8px 14px 6px;border:3px solid var(--ink);border-radius:999px;background:var(--tc,var(--yellow));box-shadow:3px 4px 0 var(--ink);margin-bottom:20px;transform:rotate(-1.5deg)}
.v2 .split{display:grid;grid-template-columns:5fr 7fr;gap:clamp(30px,5vw,76px);align-items:center}
.v2 .split.flip{grid-template-columns:7fr 5fr}
.v2 .split.flip .txt{order:2}
.v2 .txt{position:relative}

/* painted frame around every live panel */
.v2 .pf{padding:10px;background:var(--fc,var(--red));border:4px solid var(--ink);border-radius:22px;box-shadow:7px 9px 0 var(--ink);position:relative}
.v2 .pf>.ap{border:3px solid var(--ink);border-radius:13px;box-shadow:none}

/* ---------- app surface (light) ---------- */
.v2 .ap{position:relative;color:var(--fg);font:13px/1.45 "IBM Plex Sans",system-ui,sans-serif;font-weight:400;background-color:var(--g-ground);overflow:hidden;
  background-image:linear-gradient(rgb(110 150 200/.1) 1px,transparent 1px),linear-gradient(90deg,rgb(110 150 200/.1) 1px,transparent 1px);background-size:32px 32px;background-position:-1px -1px}
.v2 .ap .card{background:var(--g-card);border:1px solid var(--g-line);border-radius:12px;box-shadow:0 8px 18px -12px rgb(30 50 90/.35)}
.v2 .ap .mono{font:400 11px/1.3 "IBM Plex Mono",monospace;font-feature-settings:"tnum"}
.v2 .ap b,.v2 .ap h3,.v2 .ap h4,.v2 .ap h5{font-family:"IBM Plex Sans",sans-serif}
.v2 .lamp{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--l-idle);flex:none;transition:background .3s,box-shadow .3s}
.v2 .lamp.work{background:var(--l-work);animation:breathe 2.2s ease-in-out infinite}
.v2 .lamp.need{background:var(--l-need);box-shadow:0 0 0 3px rgb(207 42 42/.16),0 0 9px rgb(207 42 42/.45)}
.v2 .lamp.pause{background:var(--l-pause);box-shadow:0 0 0 3px rgb(165 42 147/.16),0 0 9px rgb(165 42 147/.4)}
.v2 .lamp.done{background:var(--l-done)}
.v2 .lamp.idle{background:transparent;border:1.5px solid var(--l-idle)}
@keyframes breathe{0%,100%{box-shadow:0 0 0 0 rgb(10 118 148/0),0 0 5px rgb(10 118 148/.4)}50%{box-shadow:0 0 0 3px rgb(10 118 148/.14),0 0 11px rgb(10 118 148/.6)}}
.v2 .t-work{color:var(--l-work)}.v2 .t-need{color:var(--l-need)}.v2 .t-pause{color:var(--l-pause)}.v2 .t-done{color:var(--l-done)}.v2 .t-idle{color:var(--fg4)}
.v2 .ot{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:5px;background:var(--oc);color:#fff;font:700 10px/1 "IBM Plex Sans",sans-serif;flex:none}
.v2 .ot{color:var(--ink)}
.v2 .abtn{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:7px;border:1px solid var(--g-line2);background:var(--g-raised);color:var(--fg);font:500 12px/1 "IBM Plex Sans",sans-serif;white-space:nowrap;transition:background .15s,transform .15s}
.v2 .abtn.h34{height:32px;padding:0 13px;font-size:13px}
.v2 .abtn.pri{background:var(--amber);border-color:transparent;color:var(--amber-ink);font-weight:600;box-shadow:0 6px 14px -8px var(--amber)}
.v2 .abtn.ghost{background:transparent;border-color:transparent;color:var(--fg3)}
.v2 .abtn.press{transform:scale(.93);background:var(--g-sel)}
.v2 .abtn.pri.press{background:#c9831a}
.v2 .abadge{display:inline-flex;align-items:center;height:20px;padding:0 6px;border-radius:6px;border:1px solid var(--g-line);font:400 11px/1 "IBM Plex Mono",monospace;color:var(--fg3);background:rgb(255 255 255/.6)}
.v2 .achip{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:8px;background:#fff;border:1px solid var(--g-line);font-size:12px;color:var(--fg3);white-space:nowrap}
.v2 .achip.mono{font-family:"IBM Plex Mono",monospace}
.v2 .achip.on{background:var(--amber-wash);border-color:rgb(180 110 20/.36);color:var(--fg)}
.v2 .spin{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid rgb(10 118 148/.22);border-top-color:var(--l-work);animation:spin .8s linear infinite;flex:none}
@keyframes spin{to{transform:rotate(360deg)}}
.v2 .tick{width:14px;height:14px;border-radius:50%;background:var(--l-done);display:inline-grid;place-items:center;flex:none}
.v2 .tick svg{width:9px;height:9px;stroke:#fff;fill:none;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.v2 .bar{height:4px;border-radius:2px;background:rgb(30 60 100/.1);overflow:hidden}
.v2 .bar i{display:block;height:100%;width:calc(var(--p,0)*1%);background:var(--l-work);border-radius:2px;transition:width .9s cubic-bezier(.3,.7,.2,1),background .4s}
.v2 .bar.amber i{background:#c47a10}.v2 .bar.red i{background:var(--a-red)}.v2 .bar.green i{background:var(--l-done)}
.v2 .toast{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#fff;border:1px solid var(--g-line2);border-radius:10px;box-shadow:0 18px 34px -16px rgb(30 50 90/.5);font-size:13px;font-weight:500}
.v2 .live [data-step]{transition:opacity .35s,transform .35s,visibility .35s}
.v2 .live [data-step]:not(.on){opacity:0;visibility:hidden;transform:translateY(8px)}
.v2 .caret{display:inline-block;width:1.5px;height:1.1em;background:var(--amber);vertical-align:text-bottom;margin-left:1px;animation:blink 1s steps(1) infinite}
@keyframes blink{50%{opacity:0}}

/* ---------- 1. the live window ---------- */
.v2 .s1{--bg:var(--p-cream);--hc:var(--red);padding-top:clamp(40px,6vw,72px)}
.v2 .intro{max-width:860px;margin:0 auto 46px;text-align:center}
.v2 .intro .lead{margin-left:auto;margin-right:auto}
.v2 .win{container-type:inline-size;height:600px;display:flex;flex-direction:column}
.v2 .chrome{height:36px;display:flex;align-items:center;gap:7px;padding:0 14px;background:rgb(250 252 255/.9);border-bottom:1px solid var(--g-line);flex:none}
.v2 .chrome i{width:11px;height:11px;border-radius:50%}
.v2 .chrome i:nth-child(1){background:#f2a39b}.v2 .chrome i:nth-child(2){background:#f3d27d}.v2 .chrome i:nth-child(3){background:#a9d9a8}
.v2 .chrome span{margin:0 auto;padding:3px 14px;border-radius:7px;background:rgb(30 60 100/.06);font:400 11px/1.4 "IBM Plex Mono",monospace;color:var(--fg4);transform:translateX(-28px)}
.v2 .wbody{flex:1;display:grid;grid-template-columns:208px 1fr;min-height:0}
.v2 .side{background:rgb(250 252 255/.75);border-right:1px solid var(--g-line);padding:12px 10px;display:flex;flex-direction:column;gap:12px;min-height:0}
.v2 .brandrow{display:flex;align-items:center;gap:9px;padding:2px 4px;font-weight:600;font-size:15px}
.v2 .mark{width:26px;height:26px;border-radius:7px;background:#f0b455;display:grid;place-items:center;flex:none}
.v2 .mark svg{width:15px;fill:#1a1204}
.v2 .switch{display:flex;align-items:center;gap:8px;height:36px;padding:0 8px;border-radius:8px;background:rgb(255 255 255/.8);border:1px solid var(--g-line2)}
.v2 .switch b{font-weight:500;flex:1}
.v2 .nav{display:flex;flex-direction:column;gap:1px}
.v2 .nav div{display:flex;align-items:center;gap:8px;height:32px;padding:0 10px;border-radius:8px;font-size:14px;color:var(--fg3);font-weight:500}
.v2 .nav div.sel{background:var(--g-sel);box-shadow:inset 0 0 0 1px var(--g-line2);color:var(--fg)}
.v2 .nav div em{margin-left:auto;font:400 11px/1 "IBM Plex Mono",monospace;font-style:normal;color:var(--fg4)}
.v2 .nav svg{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
.v2 .now{margin-top:auto;display:flex;flex-direction:column;gap:7px;padding:0 4px 2px}
.v2 .now div{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg3)}
.v2 .gl{font:500 11px/1.25 "IBM Plex Sans",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--fg4)}
.v2 .main{display:flex;flex-direction:column;min-width:0;min-height:0}
.v2 .top{display:flex;align-items:center;gap:18px;padding:12px 18px;min-height:60px;border-bottom:1px solid var(--g-line);background:rgb(250 252 255/.65);flex:none;flex-wrap:wrap}
.v2 .top h3{font:600 22px/26px "IBM Plex Sans",sans-serif;letter-spacing:-.01em}
.v2 .tele{display:flex;align-items:center;flex-wrap:wrap}
.v2 .tele span{display:inline-flex;align-items:baseline;gap:5px;padding:0 14px;border-left:1px solid var(--g-line2);color:var(--fg3);font-size:13px;white-space:nowrap}
.v2 .tele span:first-child{border:0;padding-left:0}
.v2 .tele b{font:500 15px/1 "IBM Plex Mono",monospace;color:var(--fg5);transition:color .3s;display:inline-block}
.v2 .tele b.lit{color:var(--c)}
.v2 .tele b.bump{animation:bump .5s}
@keyframes bump{40%{transform:translateY(-4px)}}
.v2 .ap-pill{margin-left:auto;display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px 0 8px;border-radius:999px;border:1px solid rgb(180 110 20/.36);background:var(--amber-wash);font-size:12px;font-weight:500;color:var(--amber-text);white-space:nowrap}
.v2 .tg{width:24px;height:14px;border-radius:8px;background:var(--l-idle);position:relative;flex:none;transition:background .3s}
.v2 .tg::after{content:"";position:absolute;top:2px;left:2px;width:10px;height:10px;border-radius:50%;background:#fff;transition:transform .3s;box-shadow:0 1px 2px rgb(0 0 0/.3)}
.v2 .tg.on{background:var(--l-done)}.v2 .tg.on::after{transform:translateX(10px)}
.v2 .list{flex:1;min-height:0;padding:8px 14px 0;display:flex;flex-direction:column;overflow:hidden;-webkit-mask:linear-gradient(#000 90%,transparent);mask:linear-gradient(#000 90%,transparent)}
.v2 .sh{display:flex;align-items:center;gap:8px;padding:11px 4px 6px;border-bottom:1px solid var(--g-line)}
.v2 .sh b{font:600 13px/1 "IBM Plex Sans",sans-serif}
.v2 .sh em{font:400 11px/1 "IBM Plex Mono",monospace;font-style:normal;color:var(--fg4)}
.v2 .hr{display:flex;align-items:center;gap:12px;min-height:36px;padding:2px 12px;border-bottom:1px solid var(--g-line);background:rgb(255 255 255/.55);font-size:13.5px}
.v2 .hr.flash{animation:flash 1.6s ease-out}
@keyframes flash{0%{background:rgb(227 154 43/.32)}100%{background:rgb(255 255 255/.55)}}
.v2 .hr .chip{width:64px;flex:none;font-size:12px;font-weight:500;white-space:nowrap}
.v2 .hr .id{width:58px;flex:none;color:var(--fg4)}
.v2 .hr .ti{flex:3;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.v2 .hr .org{display:flex;align-items:center;gap:6px;width:88px;flex:none;font-size:12px;color:var(--fg2)}
.v2 .hr .de{flex:2;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--fg2);font-size:12.5px}
.v2 .hr .wt{width:34px;text-align:right;flex:none;color:var(--fg4)}
.v2 .hr .ac{width:64px;flex:none;display:flex;justify-content:flex-end}
@container (max-width:860px){.v2 .side{display:none}.v2 .wbody{grid-template-columns:1fr}.v2 .hr .org span{display:none}.v2 .hr .org{width:18px}}
@container (max-width:640px){.v2 .hr .de,.v2 .hr .wt{display:none}.v2 .hr .chip{width:56px}.v2 .tele span:nth-child(n+3),.v2 .ap-pill{display:none}.v2 .top h3{font-size:18px}.v2 .hr{gap:9px;padding:2px 8px}}
@container (max-width:440px){.v2 .hr .id{display:none}.v2 .hr .ac{width:52px}.v2 .hr .chip{width:50px;font-size:11px}}

.v2 .stats{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:54px}
.v2 .stat{background:#fff;border:3px solid var(--ink);border-radius:18px;box-shadow:4px 5px 0 var(--ink);padding:16px 18px 14px;transform:rotate(var(--r,0deg))}
.v2 .stat:nth-child(1){--r:-1.2deg}.v2 .stat:nth-child(2){--r:.8deg}.v2 .stat:nth-child(3){--r:-.6deg}.v2 .stat:nth-child(4){--r:1.1deg}
.v2 .stat b{display:block;font:800 clamp(40px,4.6vw,60px)/1 "Baloo Da 2",sans-serif;color:var(--sc);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;text-shadow:3px 3px 0 var(--ink);letter-spacing:-.01em}
.v2 .stat span{display:block;font:600 17px/1.2 "Baloo Da 2",sans-serif;margin-top:6px}
.v2 .cap{margin-top:20px;text-align:center;font:500 13px/1.5 "JetBrains Mono",monospace;color:#6b5a3a}

/* ---------- 2. how it works ---------- */
.v2 .s2{--bg:var(--p-blue);--hc:var(--cobalt)}
.v2 .how{display:grid;grid-template-columns:5fr 7fr;gap:clamp(28px,5vw,72px);align-items:start;margin-top:50px}
.v2 .hw-steps{display:flex;flex-direction:column;gap:12px;list-style:none;padding:0}
.v2 .hw-step{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:16px 18px;border-radius:18px;cursor:pointer;border:3px solid transparent;transition:background .25s,border-color .25s,box-shadow .25s,transform .25s;text-align:left;background:none;font:inherit;color:inherit;width:100%}
.v2 .hw-step:hover{background:rgb(255 255 255/.5)}
.v2 .hw-step.on{background:#fff;border-color:var(--ink);box-shadow:4px 5px 0 var(--ink);transform:translate(-1px,-1px)}
.v2 .hw-step .n{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font:800 24px/1 "Baloo Da 2",sans-serif;border:3px solid var(--ink);background:#fff;padding-top:3px;transition:background .25s}
.v2 .hw-step.on .n{background:var(--yellow)}
.v2 .hw-step h3{font:800 clamp(24px,2.4vw,30px)/1.05 "Baloo Da 2",sans-serif;letter-spacing:-.01em;padding-top:5px}
.v2 .hw-step p{font-size:17px;color:var(--soft);max-height:0;overflow:hidden;opacity:0;transition:max-height .35s,opacity .35s,margin .35s;line-height:1.5}
.v2 .hw-step.on p{max-height:100px;opacity:1;margin-top:6px}
.v2 .hw-stage{position:relative;height:490px}
.v2 .hw-stage .ap{position:absolute;inset:10px;height:auto}
.v2 .hw-stage .pf{height:100%}
.v2 .pane{position:absolute;inset:0;padding:16px;display:none;flex-direction:column;gap:12px}
.v2 .pane.on{display:flex}
.v2 .pane .hd{display:flex;align-items:center;gap:10px;padding-bottom:11px;border-bottom:1px solid var(--g-line);flex:none}
.v2 .pane .hd h4{font:600 15px/1.3 "IBM Plex Sans",sans-serif;flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2 .fld{display:block;min-height:44px;padding:11px 14px;border-radius:8px;background:rgb(255 255 255/.9);border:1px solid var(--g-line2);font-size:15px;line-height:1.45}
.v2 .fld.ta{min-height:88px;font-size:13.5px;color:var(--fg2)}
.v2 .fld.focus{border-color:var(--amber)}
.v2 .lab{font-size:12px;color:var(--fg4);margin-bottom:6px;display:block}
.v2 .rowc{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.v2 .msg{display:flex;gap:10px;align-items:flex-start}
.v2 .av{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font:600 11px/1 "IBM Plex Sans",sans-serif;color:#fff;flex:none}
.v2 .bub{background:#fff;border:1px solid var(--g-line);border-radius:12px;padding:9px 12px;font-size:13.5px;line-height:1.5;min-width:0;flex:1}
.v2 .bub.me{background:var(--g-sel);margin-left:auto;max-width:82%;flex:none}
.v2 .who{font:500 11px/1 "IBM Plex Mono",monospace;color:var(--violet);margin-bottom:5px;display:block}
.v2 .tool{display:flex;align-items:center;gap:8px;margin-top:7px;font-size:12px;color:var(--fg3);background:rgb(30 60 100/.05);padding:6px 9px;border-radius:7px}
.v2 .tool .mono{color:var(--fg2)}
.v2 .plan{background:#fff;border:1px solid var(--g-line);border-radius:10px;padding:9px 12px;margin-top:8px}
.v2 .plan .ph{display:flex;align-items:center;gap:8px;font-weight:500;font-size:13px;margin-bottom:6px}
.v2 .plan .ph .mono{margin-left:auto}
.v2 .plan li{list-style:none;display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--fg3);padding:2px 0}
.v2 .plan li .ring{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--l-idle);flex:none;transition:all .3s}
.v2 .plan li.dn{color:var(--fg)}
.v2 .plan li.dn .ring{background:var(--l-done);border-color:var(--l-done)}
.v2 .stack{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;min-height:0;overflow:hidden;flex:1;-webkit-mask:linear-gradient(transparent,#000 22px);mask:linear-gradient(transparent,#000 22px)}
.v2 .dock{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:12px;background:rgb(255 255 255/.9);border:1px solid rgb(207 42 42/.34);flex:none;flex-wrap:wrap}
.v2 .dock.ok{border-color:rgb(11 128 88/.4)}
.v2 .dock .tt{font-weight:500;font-size:13.5px;white-space:nowrap}
.v2 .dock .ln{color:var(--fg3);font-size:13px;flex:1;min-width:110px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.v2 .seg{display:inline-flex;gap:2px;padding:3px;border-radius:9px;background:rgb(255 255 255/.6);border:1px solid var(--g-line);align-self:flex-start}
.v2 .seg span{height:28px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;border-radius:7px;font-size:12px;color:var(--fg3)}
.v2 .seg span.sel{background:var(--g-sel);box-shadow:inset 0 0 0 1px var(--g-line2);color:var(--fg);font-weight:500}
.v2 .seg em{font:400 11px/1 "IBM Plex Mono",monospace;font-style:normal;color:var(--fg4)}
.v2 .diff{background:#fff;border:1px solid var(--g-line);border-radius:10px;overflow:hidden;flex:none}
.v2 .diff .fh{display:flex;align-items:center;gap:8px;padding:7px 12px;background:rgb(30 60 100/.05);border-bottom:1px solid var(--g-line)}
.v2 .diff .fh .mono{color:var(--fg2)}
.v2 .dl{display:flex;font:400 12px/20px "IBM Plex Mono",monospace;white-space:pre;color:var(--fg2)}
.v2 .dl s{width:34px;flex:none;text-align:right;padding-right:8px;color:var(--fg5);text-decoration:none;user-select:none}
.v2 .dl.add{background:rgb(15 125 92/.12)}.v2 .dl.del{background:rgb(194 53 42/.1)}
.v2 .dl i{font-style:normal;padding-left:8px;overflow:hidden}
.v2 .dl .k{color:var(--violet)}.v2 .dl .st{color:var(--a-blue)}
.v2 .checks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;flex:none}
.v2 .chk{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#fff;border:1px solid var(--g-line);border-radius:10px;font-size:12.5px;min-width:0;font-weight:500}
.v2 .chk small{display:block;color:var(--fg4);font-size:11px;font-weight:400}
.v2 .chk .sl{width:14px;height:14px;position:relative;flex:none}
.v2 .chk .sl>*{position:absolute;inset:0;transition:opacity .2s}
.v2 .menu{position:absolute;right:16px;top:122px;width:min(340px,calc(100% - 32px));background:rgb(250 252 255/.99);border:1px solid var(--g-line2);border-radius:12px;box-shadow:0 26px 50px -18px rgb(30 50 90/.6),0 6px 14px -6px rgb(30 50 90/.3);padding:6px;z-index:3}
.v2 .menu div{padding:8px 10px;border-radius:8px;box-shadow:inset 0 0 0 1px transparent;transition:background .2s,box-shadow .2s}
.v2 .menu div b{display:block;font-weight:500;font-size:13px}
.v2 .menu div span{font-size:12px;color:var(--fg4)}
.v2 .menu div.hi{background:var(--g-sel);box-shadow:inset 0 0 0 1px var(--g-line2)}
.v2 .shiprow{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;background:#fff;border:1px solid var(--g-line);flex:none}
.v2 .shiprow .ti{flex:1;min-width:0;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* decorative painted art from the hero, reused */
.v2 .deco{position:absolute;pointer-events:none;height:auto;z-index:0}
.v2 .s>.wrap,.v2 .fin>.wrap{position:relative;z-index:1}
.v2 .fl{animation:v2bob 4.4s ease-in-out infinite alternate}
@keyframes v2bob{from{transform:translateY(3px) rotate(-1deg)}to{transform:translateY(-7px) rotate(1deg)}}
.v2 .intro .lead{margin-left:auto;margin-right:auto}

/* ---------- 3. clients ---------- */
.v2 .s3{--bg:var(--p-green);--hc:var(--green)}
.v2 .cl{padding:16px}
.v2 .cols{display:grid;grid-template-columns:1fr 14px 1fr 14px 1fr;align-items:stretch}
.v2 .col{padding:12px;display:flex;flex-direction:column;gap:11px;min-width:0}
.v2 .col .ch{display:flex;align-items:center;gap:8px}
.v2 .col .ch .mark{height:40px;width:auto;flex:none;margin:-4px 0 -4px -2px}
.v2 .col .ch .bob{animation:v2bob 3.2s ease-in-out infinite;transform-origin:50% 70%}
.v2 .col:nth-child(3) .ch .bob{animation-delay:-1.1s}
.v2 .col:nth-child(5) .ch .bob{animation-delay:-2.2s}
@keyframes v2bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-6px) rotate(-2deg)}}
@media (prefers-reduced-motion:reduce){.v2 .col .ch .bob{animation:none}}
.v2 .col .ch b{font-weight:600;font-size:14px}
.v2 .col .it{display:flex;flex-direction:column;gap:5px;padding-top:9px;border-top:1px solid var(--g-line)}
.v2 .col .it .v{display:flex;gap:5px;flex-wrap:wrap}
.v2 .col .it .v span{font:400 11px/1 "IBM Plex Mono",monospace;padding:4px 6px;border-radius:5px;background:rgb(30 60 100/.07);color:var(--fg2)}
.v2 .col .it .v span.pl{font:400 12.5px/1.35 "IBM Plex Sans",sans-serif;background:none;padding:0}
.v2 .wall{border-left:3px dashed rgb(30 60 100/.35);margin:0 5px;transition:border-color .3s}
.v2 .wall.hit{border-color:var(--a-red)}
.v2 .alog{margin-top:12px;display:flex;flex-direction:column;gap:7px;padding:12px 14px}
.v2 .alog>div{display:flex;align-items:center;gap:10px;font-size:12.5px;flex-wrap:wrap}
.v2 .alog .mono{color:var(--fg3)}
.v2 .alog .res{margin-left:auto;font-weight:600}
.v2 .ok{color:var(--l-done)}.v2 .no{color:var(--a-red)}
.v2 .col.glow{box-shadow:0 0 0 2px rgb(194 53 42/.4)}

/* ---------- 4. accounts ---------- */
.v2 .s4{--bg:var(--p-yellow);--hc:var(--cobalt)}
.v2 .boatpic{width:min(250px,60%);display:block;margin-top:26px;position:relative;z-index:1}
.v2 .acc{padding:14px;display:flex;flex-direction:column;gap:10px}
.v2 .ac-card{padding:12px 14px;display:flex;flex-direction:column;gap:10px;transition:box-shadow .4s,border-color .4s}
.v2 .ac-card.lit{border-color:rgb(10 118 148/.45);box-shadow:0 0 0 3px rgb(10 118 148/.12)}
.v2 .ac-card.lim{border-color:rgb(194 53 42/.45)}
.v2 .ac-h{display:flex;align-items:center;gap:9px}
.v2 .ac-h b{font-weight:600;font-size:14px}
.v2 .ac-h .tl{margin-left:auto;font-size:12px;font-weight:500}
.v2 .wins{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.v2 .win1{display:flex;flex-direction:column;gap:5px}
.v2 .win1 .tp{display:flex;align-items:baseline;gap:8px;font-size:12.5px;color:var(--fg3)}
.v2 .win1 .tp b{font:500 12px/1 "IBM Plex Mono",monospace;color:var(--fg)}
.v2 .win1 .tp b.am{color:#95590a}.v2 .win1 .tp b.rd{color:var(--a-red)}
.v2 .win1 .tp em{margin-left:auto;font-style:normal;font-size:11.5px;color:var(--fg4);white-space:nowrap}
.v2 .runl{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg3);padding-top:9px;border-top:1px solid var(--g-line)}
.v2 .handoff{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;background:rgb(10 118 148/.08);border:1px solid rgb(10 118 148/.3);font-size:12.5px;color:var(--fg)}
.v2 .handoff svg{flex:none}

/* ---------- 5. autonomous ---------- */
.v2 .s5{--bg:var(--p-pink);--hc:var(--cobalt);overflow:hidden}
.v2 .s5 .sun{width:clamp(130px,16vw,230px);right:2%;top:20px;animation:sway 9s ease-in-out infinite alternate;opacity:.95}
.v2 .night{padding:16px;background-color:#e1e8f3}
.v2 .nh{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:26px}
.v2 .nh b{font-weight:600;font-size:15px}
.v2 .nh .sp{margin-left:auto;display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--fg3)}
.v2 .nh .bar{width:80px}
.v2 .path{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;position:relative;padding-top:26px}
.v2 .path::before{content:"";position:absolute;left:6%;right:6%;top:6px;border-top:3px dotted rgb(30 60 100/.4)}
.v2 .nc{position:relative;padding:11px 11px 13px;min-height:130px}
.v2 .nc::before{content:"";position:absolute;left:50%;top:-26px;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:var(--ink);border:2px solid var(--ink)}
.v2 .nc::after{content:"";position:absolute;left:50%;top:-14px;height:14px;border-left:3px dotted rgb(30 60 100/.4)}
.v2 .nc .tm{font:500 11px/1 "IBM Plex Mono",monospace;color:var(--fg4)}
.v2 .nc h5{font:600 13px/1.3 "IBM Plex Sans",sans-serif;margin:8px 0 5px}
.v2 .nc p{font-size:12px;color:var(--fg3);line-height:1.45}
.v2 .sum{margin-top:12px;padding:12px 16px;display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.v2 .sum>b{font-weight:600}
.v2 .sum .n3{display:flex;gap:22px;margin-left:auto}
.v2 .sum .n3 span{font-size:12px;color:var(--fg3)}
.v2 .sum .n3 span b{display:block;font:500 17px/1.2 "IBM Plex Mono",monospace;color:var(--fg)}

/* ---------- 6. control ---------- */
.v2 .s6{--bg:var(--p-green);--hc:#c7226f}
.v2 .ctl{padding:14px;display:flex;flex-direction:column;gap:10px}
.v2 .ctl .card{padding:12px 14px}
.v2 .dockwrap{display:grid}
.v2 .dockwrap>*{grid-area:1/1}
.v2 .perm div{display:flex;align-items:center;gap:10px;padding:7px 0;border-bottom:1px solid var(--g-line);font-size:13px}
.v2 .perm div:last-child{border:0;padding-bottom:0}
.v2 .perm div em{margin-left:auto;font-style:normal;font-size:12px;color:var(--fg4)}
.v2 .perm div em.al{color:var(--a-green);font-weight:500}
.v2 .bud{display:flex;flex-direction:column;gap:9px}
.v2 .bud .tp{display:flex;align-items:baseline;gap:8px;font-size:13px}
.v2 .bud .tp b{font:500 13px/1 "IBM Plex Mono",monospace}
.v2 .bud .tp em{margin-left:auto;font-style:normal;color:var(--fg4);font-size:12px}
.v2 .bud .bar{height:6px}

/* ---------- 7. breaks ---------- */
.v2 .s7{--bg:var(--p-yellow);--hc:var(--red)}
.v2 .rz{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}
.v2 .rc{padding:16px;display:flex;flex-direction:column;gap:11px;min-height:210px;height:100%}
.v2 .rc h3{font:700 22px/1.1 "Baloo Da 2",sans-serif;color:var(--ink)}
.v2 .rc .ev{display:flex;align-items:center;gap:9px;padding:9px 11px;background:#fff;border:1px solid var(--g-line);border-radius:10px;font-size:12.5px;color:var(--fg2)}
.v2 .rc .ev .tm{margin-left:auto;font:400 11px/1 "IBM Plex Mono",monospace;color:var(--fg4);white-space:nowrap}
.v2 .rc small{font-size:12.5px;color:var(--fg3)}
.v2 .rz .pf{display:flex}
.v2 .rz .pf>.ap{flex:1}

/* ---------- 8. more ---------- */
.v2 .s8{--bg:var(--p-pink);--hc:var(--cobalt)}
.v2 .more{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:46px}
.v2 .mc{padding:18px 18px 20px;background:#fff;border:3px solid var(--ink);border-radius:18px;box-shadow:4px 5px 0 var(--ink);transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s}
.v2 .mc:hover{transform:translate(-2px,-4px);box-shadow:6px 9px 0 var(--ink)}
.v2 .mc svg{width:26px;height:26px;stroke:var(--ink);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;padding:10px;box-sizing:content-box;border:3px solid var(--ink);border-radius:50%;background:var(--ic);margin-bottom:26px}
.v2 .mc b{display:block;font:800 22px/1.1 "Baloo Da 2",sans-serif;margin-bottom:6px}
.v2 .mc span{font-size:16px;color:var(--soft);line-height:1.45;display:block}

/* ---------- 9. works with ---------- */
.v2 .s9{--bg:var(--p-blue);--hc:var(--cobalt)}
.v2 .orbit{--or:200px;position:relative;width:min(100%,540px);aspect-ratio:1;margin:0 auto}
.v2 .orbit .ring{position:absolute;inset:11%;border-radius:50%;border:3px dashed rgb(18 14 11/.3)}
.v2 .orbit .ring.r2{inset:2%;border-style:dotted;opacity:.5}
.v2 .spinner{position:absolute;inset:0;animation:orb 70s linear infinite}
.v2 .spinner .pill{position:absolute;left:50%;top:50%;margin:-21px 0 0 -66px;width:132px;height:42px;transform:rotate(var(--a)) translateY(calc(var(--or)*-1)) rotate(calc(var(--a)*-1));animation:orbc 70s linear infinite}
.v2 .spinner .pill i{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:100%;font:700 16px/1 "Baloo Da 2",sans-serif;font-style:normal;background:#fff;border:3px solid var(--ink);border-radius:999px;box-shadow:3px 4px 0 var(--ink);white-space:nowrap;padding-top:3px}
.v2 .spinner .pill i b{width:11px;height:11px;border-radius:50%;background:var(--c);border:2px solid var(--ink);margin-top:-3px}
@keyframes orb{to{transform:rotate(360deg)}}
@keyframes orbc{to{transform:rotate(var(--a)) translateY(calc(var(--or)*-1)) rotate(calc(var(--a)*-1 - 360deg))}}
.v2 .orbit .core{position:absolute;left:50%;top:50%;width:170px;transform:translate(-50%,-50%)}
.v2 .orbit .core .mark{margin:0 auto 6px;width:34px;height:34px;border-radius:9px;display:grid}
.v2 .orbit .core .mark svg{width:20px}

/* ---------- 10. faq ---------- */
.v2 .s10{--bg:var(--p-cream);--hc:var(--green)}
.v2 .faq{max-width:840px;margin:46px auto 0;display:flex;flex-direction:column;gap:16px}
.v2 .faq details{background:#fff;border:3px solid var(--ink);border-radius:18px;box-shadow:4px 5px 0 var(--ink);transition:box-shadow .18s}
.v2 .faq details[open]{box-shadow:6px 7px 0 var(--ink)}
.v2 .faq summary{list-style:none;display:flex;align-items:center;gap:16px;padding:16px 22px 12px;cursor:pointer;font:800 clamp(20px,2.2vw,26px)/1.15 "Baloo Da 2",sans-serif}
.v2 .faq summary::-webkit-details-marker{display:none}
.v2 .faq summary::after{content:"";margin-left:auto;width:26px;height:26px;flex:none;border:3px solid var(--ink);border-radius:50%;background:linear-gradient(var(--ink),var(--ink)) center/10px 3px no-repeat,linear-gradient(var(--ink),var(--ink)) center/3px 10px no-repeat,var(--yellow);transition:transform .25s}
.v2 .faq details[open] summary::after{transform:rotate(45deg)}
.v2 .faq .a{padding:0 22px 18px;color:var(--soft);font-size:18px;max-width:62ch;text-wrap:pretty}

/* ---------- 11. install ---------- */
.v2 .fin{background:var(--red);color:var(--white);text-align:center;padding:clamp(72px,10vw,120px) 0;position:relative;overflow:hidden}
.v2 .fin h2{font-size:clamp(40px,5.4vw,78px);color:var(--yellow)}
.v2 .fin .lead{color:#ffe3e3;margin:18px auto 0;text-align:center}
.v2 .plate{display:inline-flex;align-items:center;gap:16px;max-width:100%;margin-top:36px;background:var(--white);color:var(--ink);border:4px solid var(--ink);border-radius:18px;padding:12px 12px 12px 22px;box-shadow:7px 8px 0 var(--ink);position:relative}
.v2 .plate::before{content:"";position:absolute;inset:6px;border:2px dashed var(--red);border-radius:12px;pointer-events:none}
.v2 .plate code{font:500 clamp(13px,1.45vw,18px)/1.4 "JetBrains Mono",monospace;white-space:nowrap;overflow-x:auto;text-align:left;position:relative}
.v2 .plate .sign{position:relative;padding:11px 16px 9px;font-size:15px}
.v2 .os{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:28px}
.v2 .os span{font:700 17px/1 "Baloo Da 2",sans-serif;background:var(--white);color:var(--ink);border:3px solid var(--ink);border-radius:999px;padding:10px 16px 8px}
.v2 .fin .go{margin-top:34px}
.v2 .fin .peac{height:clamp(150px,22vw,260px);right:clamp(10px,6vw,110px);bottom:0;transform:scaleX(-1)}
.v2.vfoot{background:var(--ink);color:#e9e1d3;padding:28px 0;font-size:16px}
.v2.vfoot .wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.v2.vfoot .tile{width:36px;height:36px;border-width:2px;box-shadow:none}
.v2.vfoot .tile svg{width:22px}
.v2.vfoot .r{margin-left:auto;display:flex;gap:22px}
.v2.vfoot a{text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--yellow)}

@media (max-width:980px){
  .v2 .more{grid-template-columns:repeat(2,1fr)}
  .v2 .rz{grid-template-columns:1fr}
  .v2 .deco{display:none}
  .v2 .fin .peac{display:none}
  .v2 .split,.v2 .split.flip,.v2 .how{grid-template-columns:1fr}
  .v2 .split.flip .txt{order:0}
}
@media (max-width:700px){
  .v2 .stats{grid-template-columns:1fr 1fr;gap:16px}
  .v2 .win{height:560px}
  .v2 .hw-stage{height:560px}
  .v2 .checks{grid-template-columns:1fr}
  .v2 .menu{top:140px}
  .v2 .more{grid-template-columns:1fr}
  .v2 .cols{grid-template-columns:1fr}
  .v2 .wall{border-left:0;border-top:3px dashed rgb(30 60 100/.35);margin:8px 0;height:3px}
  .v2 .wall.hit{border-color:var(--a-red)}
  .v2 .wins{grid-template-columns:1fr;gap:9px}
  .v2 .path{grid-template-columns:1fr;padding:0 0 0 26px;gap:10px}
  .v2 .path::before{left:5px;right:auto;top:6px;bottom:6px;border-top:0;border-left:3px dotted rgb(30 60 100/.4)}
  .v2 .nc{min-height:0}
  .v2 .nc::before{left:-27px;top:14px;margin-left:0}
  .v2 .nc::after{left:-16px;top:19px;height:0;width:14px;border-left:0;border-top:3px dotted rgb(30 60 100/.4)}
  .v2 .sum .n3{margin-left:0}
  .v2 .orbit{--or:138px}
  .v2 .spinner .pill{width:104px;margin-left:-52px;height:36px;margin-top:-18px}
  .v2 .spinner .pill i{font-size:14px;gap:5px}
  .v2 .orbit .core{width:112px}
  .v2 .plate{flex-direction:column;align-items:stretch;padding:16px 14px;gap:12px}
  .v2 .plate code{font-size:11.5px}
  .v2 .nh .sp{margin-left:0}
  .v2 .tele span:nth-child(n+3){display:none}
  .v2 .pf{box-shadow:5px 6px 0 var(--ink)}
}
@media (prefers-reduced-motion:reduce){
  .v2 *,.v2 *::before,.v2 *::after{animation:none!important;transition:none!important}
}