/* /solutions/intake-triage — redesign 2026-10-09. Markup: tools/build-pages.cjs (intakeTriagePage);
   behaviour: solution.js. Sections: ih (video hero), say (scroll-lit statement), ba (before/after slider),
   st (scroll story + phone), sys (system diagram tabs), tl (timeline), sec (security rings), FAQ, CTA. */
.page-it{--it-ink:#0b1b33;--it-muted:#53657c;--it-blue:#1169dc;--it-sky:#5aa0ff;--it-soft:#eaf2ff;--it-line:#e3ecf8;--it-ease:cubic-bezier(.22,1,.36,1);background:#fff}
.page-it main{overflow-x:clip}

/* ---------------- hero: mouse-scrubbed video ---------------- */
.ih{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;min-height:100vh;min-height:100svh;padding:120px 20px 48px;overflow:hidden;background:#c9c9c7;color:#000}
.ih-video{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:70% center;pointer-events:none}
.ih-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(214,214,212,.72) 0%,rgba(214,214,212,.38) 38%,rgba(214,214,212,0) 62%)}
.ih-content{position:relative;z-index:1;max-width:36rem}
.ih-title{display:inline-flex;align-items:center;gap:8px;margin:0 0 22px;padding:6px 13px;border-radius:999px;font-size:12.5px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#0b1b33;background:rgba(255,255,255,.62);border:1px solid rgba(0,0,0,.08);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ih-title:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--it-blue);box-shadow:0 0 0 4px rgba(17,105,220,.18)}
.ih-blur{margin:0 0 22px;font-size:clamp(18px,4vw,26px);line-height:1.3;font-weight:400;color:#000;filter:blur(4px);pointer-events:none;user-select:none}
.ih-type{margin:0 0 22px;min-height:54px;font-size:clamp(18px,4vw,26px);line-height:1.35;font-weight:400;color:#000;letter-spacing:-.01em}
.ih-type{position:relative}
.ih-ghost{visibility:hidden}
.ih-live{position:absolute;inset:0}
.ih-cursor{display:inline-block;width:2px;height:1.1em;margin-left:2px;vertical-align:middle;background:#000;animation:ih-blink 1s step-end infinite}
@keyframes ih-blink{0%,100%{opacity:1}50%{opacity:0}}
.ih-pills{display:flex;flex-wrap:wrap;row-gap:4px;opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}
.ih-pills.is-in,.no-js .ih-pills{opacity:1;transform:none}
.ih-pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;margin:0 .2em .4em;padding:.3em 1.05em;border-radius:999px;border:1px solid rgba(0,0,0,.1);background:#fff;color:#000;font:inherit;font-size:15px;line-height:1.6;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}
.ih-pill:hover{background:#000;color:#fff}
.ih-pill:focus-visible{outline:2px solid var(--it-blue);outline-offset:3px}
.ih-pill--outline{color:#fff;background:rgba(0,0,0,.28);border-color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ih-pill--outline:hover{background:#fff;color:#000}
.ih-pill--outline u{text-underline-offset:2px}
.ih-pill--dark{background:#0b1b33;color:#fff;border-color:#0b1b33}
.ih-pill--dark:hover{background:var(--it-blue);border-color:var(--it-blue)}
.ih-copy{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.2}
.ih-copied{align-self:center;margin-left:6px;font-size:13px;color:#0b1b33}
.ih-hint{position:absolute;left:40px;bottom:26px;display:flex;align-items:center;gap:10px;margin:0;font-size:13px;color:rgba(0,0,0,.6)}
.ih-hint i{position:relative;width:34px;height:2px;border-radius:2px;background:rgba(0,0,0,.25)}
.ih-hint i:after{content:"";position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:#000;animation:ih-swing 2.4s var(--it-ease) infinite alternate}
@keyframes ih-swing{to{transform:translateX(26px)}}
@media (hover:none),(pointer:coarse){.ih-hint{display:none}}
@media (min-width:640px){.ih{padding:120px 32px 56px}.ih-blur,.ih-type{margin-bottom:24px}}
@media (min-width:768px){.ih{justify-content:center;padding:120px 40px 0}}
@media (max-width:767px){.ih-veil{background:linear-gradient(0deg,rgba(214,214,212,.86) 0%,rgba(214,214,212,.5) 45%,rgba(214,214,212,0) 70%)}.ih-pill{font-size:13px}}

/* ---------------- shared ---------------- */
.it2{color:var(--it-ink)}
.it2-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.it2-sec{padding:clamp(72px,10vw,128px) 0 0}
.it2-eyebrow{margin:0 0 14px;font:600 12.5px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--it-blue)}
.it2-eyebrow--light{color:#8fc0ff}
.it2-head{max-width:720px;margin-bottom:clamp(28px,4vw,48px)}
.it2-head h2{margin:0;font-size:clamp(30px,4.2vw,52px);line-height:1.04;font-weight:600;letter-spacing:-.035em}
.it2-head > p:not(.it2-eyebrow){margin:14px 0 0;font-size:17px;line-height:1.55;color:var(--it-muted)}
.it2-note{margin:28px 0 0;font-size:15px;line-height:1.6;color:var(--it-muted)}
.it2-note a{color:var(--it-blue);text-decoration:underline;text-underline-offset:3px}
[data-reveal]{opacity:0;transform:translateY(22px);transition:opacity .8s var(--it-ease),transform .8s var(--it-ease)}
[data-reveal].is-in{opacity:1;transform:none}

/* ---------------- statement lit word by word while scrolling ---------------- */
.say{padding:clamp(72px,11vw,140px) 0 0}
.say .it2-eyebrow{font-size:13px}
.say-text{margin:0;max-width:24em;font-size:clamp(26px,3.6vw,46px);line-height:1.22;font-weight:500;letter-spacing:-.025em;color:var(--it-ink)}
.say-text .w{color:rgba(11,27,51,.16);transition:color .35s ease}
.say-text .w.on{color:var(--it-ink)}
.say-text .w.hl.on{color:var(--it-blue)}

/* ---------------- before / after slider ---------------- */
.ba{position:relative;border-radius:28px;overflow:hidden;border:1px solid var(--it-line);box-shadow:0 30px 60px -40px rgba(11,27,51,.35);user-select:none;touch-action:pan-y}
.ba-layer{padding:clamp(56px,6vw,72px) clamp(20px,3.5vw,44px) clamp(28px,3.5vw,44px)}
.ba-layer ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,2vw,26px)}
.ba-layer li{display:grid;gap:8px;align-content:start}
.ba-layer b{font-size:18px;line-height:1.25;letter-spacing:-.01em}
.ba-layer small{font-size:14.5px;line-height:1.55}
.ba-ic{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;margin-bottom:6px}
.ba-ic .pg-icon{width:22px;height:22px}
.ba-tag{position:absolute;top:20px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ba-before{background:repeating-linear-gradient(135deg,#f6f5f3 0 14px,#f2f1ee 14px 28px);color:#3d3a36}
.ba-before .ba-tag{left:20px;background:#fff;color:#8a4b3c;border:1px solid #ecd9d2}
.ba-before .ba-ic{background:#fff;color:#b5523b;border:1px solid #efd9d1}
.ba-before small{color:#6e675f}
.ba-after{position:absolute;inset:0;background:linear-gradient(135deg,#0b2547,#1169dc);color:#fff;clip-path:inset(0 0 0 var(--pos))}
.ba-after .ba-tag{right:20px;background:rgba(255,255,255,.14);color:#fff;border:1px solid rgba(255,255,255,.3)}
.ba-after .ba-ic{background:rgba(255,255,255,.14);color:#9fd0ff;border:1px solid rgba(255,255,255,.22)}
.ba-after small{color:rgba(255,255,255,.78)}
.ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;margin-left:-1px;background:#fff;box-shadow:0 0 0 1px rgba(11,27,51,.12);pointer-events:none}
.ba-handle span{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#fff;color:var(--it-blue);transform:translate(-50%,-50%);box-shadow:0 10px 30px -8px rgba(11,27,51,.45)}
.ba-handle svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ba-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}
.ba:has(.ba-range:focus-visible) .ba-handle span{outline:3px solid var(--it-sky);outline-offset:3px}
.ba.is-hinting .ba-after,.ba.is-hinting .ba-handle{transition:clip-path 1.2s var(--it-ease),left 1.2s var(--it-ease)}
@media (max-width:860px){.ba-layer ul{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.ba-layer ul{grid-template-columns:1fr}.ba-layer b{font-size:16px}}

/* ---------------- scroll story ---------------- */
.st{padding:clamp(72px,10vw,128px) 0 0}
.st-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:clamp(28px,6vw,90px);align-items:start}
.st-stage{position:sticky;top:max(100px,calc(50vh - 290px));display:grid;place-items:center;padding:30px 0}
.st-stage:before{content:"";position:absolute;inset:6% 4%;z-index:-1;border-radius:40px;background:radial-gradient(closest-side,rgba(90,160,255,.28),transparent),radial-gradient(60% 50% at 80% 90%,rgba(17,105,220,.18),transparent)}
.st-phone{width:min(320px,100%);height:520px;display:flex;flex-direction:column;border-radius:36px;background:#fff;border:8px solid #0b1b33;box-shadow:0 40px 80px -40px rgba(11,27,51,.55);overflow:hidden}
.st-phone-head{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--it-line)}
.st-phone-head img{border-radius:50%}
.st-phone-head span{display:grid;line-height:1.25}
.st-phone-head b{font-size:14.5px}
.st-phone-head small{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--it-muted)}
.st-phone-head small i{width:7px;height:7px;border-radius:50%;background:#22b07d}
.st-phone-body{flex:1;display:flex;flex-direction:column;gap:9px;padding:16px 14px;overflow:hidden;background:#f6f9fe;justify-content:flex-end}
.st-msg{max-width:84%;margin:0;padding:10px 13px;border-radius:16px;font-size:13.5px;line-height:1.45}
.st-msg--bot{align-self:flex-start;background:#fff;border:1px solid var(--it-line);border-bottom-left-radius:5px}
.st-msg--user{align-self:flex-end;background:var(--it-blue);color:#fff;border-bottom-right-radius:5px}
.js-it .st-msg{display:none}
.js-it .st-msg.is-shown{display:block;animation:st-pop .45s var(--it-ease)}
@keyframes st-pop{from{opacity:0;transform:translateY(10px) scale(.97)}}
.st-phone-foot{padding:12px 14px;border-top:1px solid var(--it-line)}
.st-phone-foot span{display:block;padding:9px 14px;border-radius:999px;background:#f1f5fb;font-size:13px;color:#8c9bb0}
.st-float{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:16px;background:rgba(255,255,255,.92);border:1px solid var(--it-line);box-shadow:0 18px 40px -22px rgba(11,27,51,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:13px;opacity:0;transform:translateY(12px) scale(.96);transition:opacity .5s var(--it-ease),transform .5s var(--it-ease)}
.st-float > span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:var(--it-soft);color:var(--it-blue)}
.st-float > span.ok{background:#e3f7ee;color:#1a9a6c}
.st-float .pg-icon{width:18px;height:18px}
.st-float div{display:grid;line-height:1.3}
.st-float small{color:var(--it-muted)}
.st-float.f1{top:16%;left:-2%}.st-float.f2{top:44%;right:-4%}.st-float.f3{bottom:20%;left:-4%}.st-float.f4{bottom:4%;right:0}
.st-stage.s2 .f1,.st-stage.s3 .f2,.st-stage.s4 .f3,.st-stage.s5 .f4{opacity:1;transform:none}
.st-bar{display:inline-block;width:56px;height:5px;margin-right:6px;border-radius:5px;background:var(--it-line);vertical-align:middle;overflow:hidden}
.st-bar i{display:block;width:66%;height:100%;background:var(--it-blue)}
.st-steps{list-style:none;margin:0;padding:0}
.st-step{display:grid;grid-template-columns:auto 1fr;gap:18px;min-height:62vh;align-content:center;padding:24px 0;opacity:.32;transition:opacity .5s var(--it-ease)}
.st-step.is-on{opacity:1}
.st-step:first-child{min-height:44vh;align-content:start;padding-top:40px}
.st-n{font:600 13px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--it-blue);padding-top:16px}
.st-ic{display:grid;place-items:center;width:52px;height:52px;margin-bottom:16px;border-radius:16px;background:var(--it-soft);color:var(--it-blue);transition:background .4s,color .4s}
.st-step.is-on .st-ic{background:var(--it-blue);color:#fff}
.st-ic .pg-icon{width:24px;height:24px}
.st-step h3{margin:0 0 10px;font-size:clamp(22px,2.4vw,30px);line-height:1.15;letter-spacing:-.025em}
.st-step p{margin:0 0 16px;max-width:30em;font-size:16.5px;line-height:1.6;color:var(--it-muted)}
.st-tags{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.st-tags li{padding:6px 12px;border-radius:999px;border:1px solid var(--it-line);font-size:13px;color:var(--it-ink);background:#fff}
@media (max-width:900px){
  .st-grid{grid-template-columns:1fr}
  .st-stage{position:relative;top:0}
  .st-float{display:none}
  .js-it .st-msg{display:block}
  .st-step,.st-step:first-child{min-height:0;opacity:1;padding:18px 0;align-content:start}
}

/* ---------------- system diagram ---------------- */
.sys{border-radius:28px;background:linear-gradient(180deg,#f6f9ff,#fff);border:1px solid var(--it-line);padding:clamp(20px,3.5vw,40px)}
.sys-map{display:flex;align-items:center;margin-bottom:clamp(22px,3vw,34px)}
.sys-src,.sys-node{flex:0 0 auto;display:flex;align-items:center;gap:10px;padding:12px 16px 12px 12px;border-radius:18px;font-size:15px;font-weight:600}
.sys-src{background:#fff;border:1px dashed #c7d6ea;color:var(--it-muted);font-weight:500}
.sys-src span,.sys-node span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--it-soft);color:var(--it-blue)}
.sys-src .pg-icon,.sys-node .pg-icon{width:20px;height:20px}
.sys-node{position:relative;font:inherit;font-weight:600;color:var(--it-ink);background:#fff;border:1px solid var(--it-line);cursor:pointer;transition:border-color .25s,box-shadow .25s,transform .25s,background .25s,color .25s}
.sys-node em{position:absolute;top:-9px;right:10px;padding:1px 7px;border-radius:999px;font:600 10.5px/1.6 ui-monospace,Menlo,Consolas,monospace;font-style:normal;background:#fff;border:1px solid var(--it-line);color:var(--it-muted)}
.sys-node:hover{transform:translateY(-2px);border-color:rgba(17,105,220,.4)}
.sys-node[aria-selected="true"]{background:#0b1b33;border-color:#0b1b33;color:#fff;box-shadow:0 16px 34px -18px rgba(11,27,51,.7)}
.sys-node[aria-selected="true"] span{background:var(--it-blue);color:#fff}
.sys-node:focus-visible{outline:2px solid var(--it-blue);outline-offset:3px}
.sys-pipe{position:relative;flex:1 1 30px;min-width:24px;height:2px;margin:0 6px;background:repeating-linear-gradient(90deg,#b9cde8 0 6px,transparent 6px 11px)}
.sys-pipe b{position:absolute;top:-3px;left:0;width:8px;height:8px;border-radius:50%;background:var(--it-blue);box-shadow:0 0 0 4px rgba(17,105,220,.18);animation:sys-flow 2.6s linear infinite}
.sys-pipe:nth-of-type(2) b{animation-delay:.6s}.sys-pipe:nth-of-type(3) b{animation-delay:1.2s}
@keyframes sys-flow{from{left:0;opacity:0}12%{opacity:1}88%{opacity:1}to{left:calc(100% - 8px);opacity:0}}
.sys-panel{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(20px,4vw,56px);align-items:center;animation:sys-in .5s var(--it-ease)}
.sys-panel[hidden]{display:none}
@keyframes sys-in{from{opacity:0;transform:translateY(10px)}}
.sys-n{margin:0 0 10px;font:600 12.5px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;color:var(--it-blue)}
.sys-copy h3{margin:0 0 12px;font-size:clamp(24px,2.6vw,32px);line-height:1.12;letter-spacing:-.025em}
.sys-copy > p:not(.sys-n){margin:0 0 18px;font-size:16.5px;line-height:1.6;color:var(--it-muted)}
.sys-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.sys-list li{display:flex;gap:8px;align-items:flex-start;font-size:15px;line-height:1.45}
.sys-list .pg-icon{flex:0 0 auto;width:18px;height:18px;margin-top:1px;color:#1a9a6c;stroke-width:2.4}
.sys-vis{display:grid;gap:10px;padding:22px;border-radius:24px;background:#fff;border:1px solid var(--it-line);box-shadow:0 30px 60px -40px rgba(11,27,51,.45);font-size:14px}
.sys-vis b{font-size:14px}
.sys-vis--chat span{max-width:85%;padding:9px 13px;border-radius:14px;line-height:1.4;animation:st-pop .5s var(--it-ease) both}
.sys-vis--chat .b{justify-self:start;background:#f1f5fb;border-bottom-left-radius:4px}
.sys-vis--chat .b:nth-child(2){animation-delay:.15s}.sys-vis--chat .b:nth-child(3){animation-delay:.3s}
.sys-vis--chat .u{justify-self:end;background:var(--it-blue);color:#fff;border-bottom-right-radius:4px;animation-delay:.5s}
.sys-vis--docs span{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;background:#f6f9fe;color:var(--it-muted)}
.sys-vis--docs span.ok{color:var(--it-ink)}
.sys-vis--docs .pg-icon{width:18px;height:18px}
.sys-vis--docs span.ok .pg-icon{color:#1a9a6c;stroke-width:2.4}
.sys-vis--docs .bar{display:block;height:6px;border-radius:6px;background:var(--it-line);overflow:hidden}
.sys-vis--docs .bar i{display:block;height:100%;width:66%;border-radius:6px;background:var(--it-blue);animation:sys-grow 1s var(--it-ease) both}
@keyframes sys-grow{from{width:0}}
.sys-vis small{color:var(--it-muted)}
.sys-vis--dash .bars{display:flex;align-items:flex-end;gap:8px;height:130px;padding-top:6px}
.sys-vis--dash .bars i{flex:1;height:var(--h);border-radius:8px 8px 3px 3px;background:linear-gradient(180deg,var(--it-sky),var(--it-blue));transform-origin:bottom;animation:sys-bar .8s var(--it-ease) both}
.sys-vis--dash .bars i:nth-child(4),.sys-vis--dash .bars i:nth-child(6){background:linear-gradient(180deg,#0b2b50,#0b1b33)}
.sys-vis--dash .bars i:nth-child(2){animation-delay:.05s}.sys-vis--dash .bars i:nth-child(3){animation-delay:.1s}.sys-vis--dash .bars i:nth-child(4){animation-delay:.15s}.sys-vis--dash .bars i:nth-child(5){animation-delay:.2s}.sys-vis--dash .bars i:nth-child(6){animation-delay:.25s}.sys-vis--dash .bars i:nth-child(7){animation-delay:.3s}
@keyframes sys-bar{from{transform:scaleY(0)}}
.sys-vis--dash small{display:flex;align-items:center;gap:6px}
.sys-vis .dot{display:inline-block;width:9px;height:9px;border-radius:3px;background:var(--it-blue)}
.sys-vis .dot.hi{background:#0b1b33}
.sys-vis .dot:not(.hi){margin-left:10px}
@media (max-width:900px){
  .sys-map{flex-wrap:wrap;gap:10px}
  .sys-src,.sys-pipe{display:none}
  .sys-node{flex:1 1 140px}
  .sys-panel{grid-template-columns:1fr}
}
@media (max-width:520px){.sys-list{grid-template-columns:1fr}}

/* ---------------- timeline ---------------- */
.tl{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,3vw,34px)}
.tl-line{position:absolute;top:27px;left:28px;right:28px;height:2px;background:var(--it-line)}
.tl-line b{position:absolute;inset:0;transform-origin:left;transform:scaleX(var(--p,0));background:linear-gradient(90deg,var(--it-blue),var(--it-sky));transition:transform .2s linear}
.tl-step{position:relative}
.tl-dot{position:relative;display:grid;place-items:center;width:56px;height:56px;margin-bottom:18px;border-radius:50%;background:#fff;border:2px solid var(--it-line);color:var(--it-muted);transition:border-color .4s,background .4s,color .4s,box-shadow .4s}
.tl-dot .pg-icon{width:24px;height:24px}
.tl-step.is-done .tl-dot{background:var(--it-blue);border-color:var(--it-blue);color:#fff;box-shadow:0 0 0 7px rgba(17,105,220,.12)}
.tl-n{display:block;margin-bottom:6px;font:600 12px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--it-blue)}
.tl-step h3{margin:0 0 8px;font-size:19px;line-height:1.25;letter-spacing:-.015em}
.tl-step p{margin:0;font-size:15px;line-height:1.6;color:var(--it-muted)}
@media (max-width:860px){
  .tl{grid-template-columns:1fr;gap:26px;padding-left:76px}
  .tl-line{top:28px;bottom:28px;left:27px;right:auto;width:2px;height:auto}
  .tl-line b{transform-origin:top;transform:scaleY(var(--p,0))}
  .tl-dot{position:absolute;left:-76px;top:0;margin:0}
  .tl-step{min-height:56px}
}

/* ---------------- security rings ---------------- */
.sec{margin-top:clamp(72px,10vw,128px);padding:clamp(64px,9vw,112px) 0;color:#fff;background:radial-gradient(70% 90% at 85% 50%,rgba(17,105,220,.45),transparent 70%),#071a33;overflow:hidden}
.sec-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,70px);align-items:center}
.sec-copy h2{margin:0 0 16px;font-size:clamp(30px,4vw,48px);line-height:1.05;font-weight:600;letter-spacing:-.035em}
.sec-copy p:not(.it2-eyebrow){margin:0;font-size:17px;line-height:1.6;color:rgba(255,255,255,.74)}
.sec-rings{position:relative;aspect-ratio:1;max-width:560px;width:100%;justify-self:center}
.sec-ring{position:absolute;border-radius:50%;border:1px solid rgba(143,192,255,.22)}
.sec-ring.r1{inset:0}.sec-ring.r2{inset:17%;border-style:dashed;animation:sec-spin 60s linear infinite}.sec-ring.r3{inset:33%;background:radial-gradient(closest-side,rgba(17,105,220,.35),transparent)}
@keyframes sec-spin{to{transform:rotate(360deg)}}
.sec-core{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:96px;height:96px;border-radius:30px;transform:translate(-50%,-50%);background:linear-gradient(135deg,#1169dc,#5aa0ff);box-shadow:0 0 0 12px rgba(17,105,220,.18),0 30px 60px -20px rgba(17,105,220,.8);animation:sec-pulse 3.2s ease-in-out infinite}
.sec-core .pg-icon{width:44px;height:44px;color:#fff}
@keyframes sec-pulse{50%{box-shadow:0 0 0 22px rgba(17,105,220,.06),0 30px 60px -20px rgba(17,105,220,.8)}}
.sec-badges{list-style:none;margin:0;padding:0}
.sec-badges li{position:absolute;top:var(--y);left:var(--x);display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;width:200px;padding:10px 14px 10px 10px;border-radius:16px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transform:translate(-50%,-50%);transition:background .3s,border-color .3s}
.sec-badges li:hover{background:rgba(255,255,255,.14);border-color:rgba(143,192,255,.5)}
.sec-badges span{grid-row:span 2;display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:rgba(90,160,255,.18);color:#9fd0ff}
.sec-badges .pg-icon{width:18px;height:18px}
.sec-badges b{font-size:14px;line-height:1.25}
.sec-badges small{font-size:12.5px;color:rgba(255,255,255,.66)}
@media (max-width:1060px){
  .sec-grid{grid-template-columns:1fr}
  .sec-rings{aspect-ratio:auto;max-width:none}
  .sec-ring,.sec-core{display:none}
  .sec-badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
  .sec-badges li{position:static;width:auto;transform:none}
}

/* ---------------- FAQ + CTA ---------------- */
.it2-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,64px);align-items:start}
.it2-faq .it2-head{position:sticky;top:110px;margin:0}
.it2-nova{display:flex;align-items:center;gap:12px;margin-top:26px;padding:10px 16px 10px 10px;border-radius:20px;border:1px solid var(--it-line);background:#fff;font:inherit;text-align:left;cursor:pointer;color:var(--it-ink);transition:border-color .25s,transform .25s}
.it2-nova:hover{border-color:rgba(17,105,220,.45);transform:translateY(-2px)}
.it2-nova img{border-radius:50%}
.it2-nova span{display:grid;font-size:14px;color:var(--it-muted)}
.it2-nova b{font-size:15px;color:var(--it-ink)}
.it2-nova .pg-icon{width:26px;height:26px;color:var(--it-blue)}
.it2-qa{border-bottom:1px solid var(--it-line)}
.it2-qa summary{position:relative;list-style:none;cursor:pointer;padding:22px 44px 22px 0;font-size:18px;font-weight:600;letter-spacing:-.01em}
.it2-qa summary::-webkit-details-marker{display:none}
.it2-qa summary:focus-visible{outline:2px solid var(--it-blue);outline-offset:4px;border-radius:8px}
.it2-qa summary i{position:absolute;right:4px;top:50%;width:16px;height:16px;transform:translateY(-50%)}
.it2-qa summary i:before,.it2-qa summary i:after{content:"";position:absolute;left:0;top:7px;width:16px;height:2px;border-radius:2px;background:var(--it-blue);transition:transform .3s var(--it-ease)}
.it2-qa summary i:after{transform:rotate(90deg)}
.it2-qa[open] summary i:after{transform:rotate(0)}
.it2-qa p{margin:0 0 22px;font-size:16px;line-height:1.65;color:var(--it-muted)}
@media (max-width:860px){.it2-faq{grid-template-columns:1fr}.it2-faq .it2-head{position:static}}
.it2-cta{margin-bottom:clamp(64px,9vw,110px);padding:clamp(40px,7vw,88px) clamp(22px,4vw,56px);border-radius:32px;text-align:center;background:radial-gradient(60% 100% at 50% 0,rgba(90,160,255,.22),transparent 70%),linear-gradient(180deg,#eef4fd,#fff);border:1px solid var(--it-line)}
.it2-cta h2{margin:0 0 12px;font-size:clamp(30px,4.4vw,54px);line-height:1.04;font-weight:600;letter-spacing:-.035em}
.it2-cta p{margin:0 auto 26px;max-width:40ch;font-size:17px;line-height:1.55;color:var(--it-muted)}
.it2-actions{display:flex;flex-wrap:wrap;justify-content:center}
.it2-actions .ih-pill{font-size:16px;padding:.5em 1.3em}

@media (prefers-reduced-motion:reduce){
  .ih-hint i:after,.sys-pipe b,.sec-ring.r2,.sec-core,.ih-cursor{animation:none}
  [data-reveal]{opacity:1;transform:none;transition:none}
  .sys-panel,.sys-vis *,.js-it .st-msg.is-shown{animation:none}
}