:root{color-scheme:light;--bg:#f4f5fb;--surface:#fff;--ink:#1c1c20;--muted:#606574;--line:rgba(38,48,79,.1);--blue:#0988f5;--shadow:0 24px 70px rgba(34,47,96,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.skip-link{position:absolute;left:12px;top:-60px;background:var(--ink);color:#fff;padding:12px;z-index:30}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:20;background:rgba(250,251,255,.75);border-bottom:1px solid rgba(255,255,255,.45);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4)}.nav-shell{max-width:1230px;min-height:70px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-size:16px;font-weight:600;letter-spacing:-.025em;white-space:nowrap}.wordmark strong{font-weight:800}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(140deg,#0b8cf7,#6768ed 60%,#b64ae5);box-shadow:0 8px 18px rgba(48,108,240,.25);color:#fff;font-size:22px;font-weight:800;letter-spacing:-.1em}.desktop-nav{display:flex;gap:31px;align-items:center}.desktop-nav a,.footer-links a{font-size:14px;font-weight:600;text-decoration:none;color:var(--muted);transition:color .2s}.desktop-nav a:hover,.footer-links a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:10px}.theme-button{width:39px;height:39px;border:1px solid var(--line);background:rgba(255,255,255,.8);border-radius:13px;color:var(--ink);font-size:23px;line-height:1}.nav-cta{background:var(--blue);border-radius:999px;color:#fff;padding:11px 18px;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 8px 20px rgba(9,136,245,.22)}.nav-cta span{margin-left:6px}.menu-button{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:var(--surface);padding:11px}.menu-button span{display:block;height:2px;margin:4px 0;background:var(--ink);border-radius:2px}.mobile-nav{display:none}
.hero{position:relative;min-height:690px;overflow:hidden;display:grid;place-items:center;text-align:center;background:radial-gradient(circle at 50% 40%,#fff 5%,#f7f8ff 75%)}.hero-glow{position:absolute;filter:blur(22px);opacity:.67;pointer-events:none}.glow-blue{width:650px;height:520px;left:-230px;top:-130px;background:radial-gradient(circle,#c2dfff,transparent 67%)}.glow-violet{width:700px;height:570px;right:-200px;top:-130px;background:radial-gradient(circle,#e4d2ff,transparent 68%)}.glow-rose{width:720px;height:350px;bottom:-200px;left:25%;background:radial-gradient(circle,#ffdae9,transparent 68%)}.hero-inner{position:relative;z-index:1;padding:98px 24px 53px;max-width:1060px}.eyebrow-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 15px;border:1px solid rgba(89,101,132,.13);background:rgba(255,255,255,.82);border-radius:999px;font-size:13px;font-weight:700;box-shadow:0 5px 20px rgba(78,92,126,.05)}.live-dot{width:8px;height:8px;border-radius:50%;background:#19c879;box-shadow:0 0 0 4px rgba(25,200,121,.1)}.hero h1{font-size:clamp(3.6rem,7.2vw,7.2rem);line-height:1.01;letter-spacing:-.075em;margin:34px auto 29px;font-weight:800}.gradient-text{background:linear-gradient(95deg,#087bef 5%,#476fe9 43%,#9b38dc 96%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{font-size:clamp(1.1rem,1.65vw,1.4rem);line-height:1.55;max-width:710px;margin:0 auto;color:#4e5360}.hero-actions{display:flex;justify-content:center;gap:12px;margin-top:34px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:13px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:750;padding:0 24px;transition:transform .2s,box-shadow .2s}.button:hover,.nav-cta:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:#fff;box-shadow:0 11px 23px rgba(9,136,245,.23)}.button-secondary{background:rgba(255,255,255,.85);border:1px solid rgba(76,86,116,.13);box-shadow:0 6px 18px rgba(48,58,88,.05)}.hero-scroll{display:flex;align-items:center;justify-content:center;gap:10px;color:#8d93a1;text-transform:uppercase;letter-spacing:.15em;font-size:10px;font-weight:800;margin-top:82px}.hero-scroll span{width:17px;height:27px;border:1.5px solid #b6bac5;border-radius:10px;position:relative}.hero-scroll span:after{content:"";position:absolute;top:6px;left:7px;width:2px;height:5px;border-radius:2px;background:#aab1c4}
.principle-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.58)}.strip-inner{max-width:1100px;margin:auto;padding:23px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#687180;font-size:13px;font-weight:700}.strip-inner i{width:4px;height:4px;background:#c5c9d3;border-radius:50%}.section{max-width:1230px;margin:auto;padding:116px 28px}.section-kicker{display:inline-block;color:#4775e4;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.section-heading{max-width:780px}.section-heading.centered{text-align:center;margin:auto}.section-heading h2{font-size:clamp(2.6rem,5vw,5.3rem);font-weight:790;line-height:1.08;letter-spacing:-.065em;margin:17px 0 20px}.section-heading p{color:var(--muted);font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.6;margin:0;max-width:680px}.centered p{margin:auto}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:48px}.approach-card{position:relative;overflow:hidden;min-height:300px;padding:30px;border-radius:28px;border:1px solid rgba(255,255,255,.83);box-shadow:var(--shadow)}.approach-card:before{content:"";position:absolute;inset:0;opacity:.9}.card-blue{background:#e8f1ff}.card-violet{background:#eeeaff}.card-cyan{background:#e4f5fa}.card-blue:before{background:radial-gradient(circle at 90% 0%,#c7deff,transparent 55%)}.card-violet:before{background:radial-gradient(circle at 90% 0%,#d7c9ff,transparent 58%)}.card-cyan:before{background:radial-gradient(circle at 90% 0%,#c0ebf5,transparent 58%)}.approach-card>*{position:relative}.card-symbol{font-size:12px;font-weight:800;color:#517dec;display:grid;place-items:center;width:45px;height:45px;background:rgba(255,255,255,.6);border:1px solid rgba(255,255,255,.8);border-radius:15px}.approach-card h3{font-size:1.68rem;letter-spacing:-.045em;margin:58px 0 10px}.approach-card p{color:#5a6271;font-size:15px;line-height:1.55;max-width:290px;margin:0}.card-line{display:block;width:60px;height:4px;border-radius:4px;background:linear-gradient(90deg,#068af7,#a64ce5);margin-top:24px}
.capabilities{padding-top:66px}.capability-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:47px}.capability-card{min-height:265px;padding:28px;border:1px solid var(--line);background:var(--surface);border-radius:25px;transition:transform .2s,box-shadow .2s}.capability-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.cap-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;font-size:28px;font-weight:600}.icon-orbit{color:#087df1;background:#e5f2ff}.icon-phone{color:#744de7;background:#eeeaff}.icon-spark{color:#a538df;background:#f5e7ff}.icon-link{color:#0899bb;background:#e2f7fb}.capability-card h3{font-size:1.25rem;letter-spacing:-.035em;margin:35px 0 10px}.capability-card p{font-size:14px;line-height:1.55;color:var(--muted);margin:0}
.explore{padding-top:70px}.explore-heading{margin-bottom:38px}.concept-shell{overflow:hidden;border:1px solid rgba(85,99,141,.14);border-radius:32px;background:var(--surface);box-shadow:0 25px 90px rgba(45,60,111,.09)}.concept-tabs{display:flex;gap:8px;padding:19px 24px;border-bottom:1px solid var(--line)}.concept-tab{padding:11px 18px;background:transparent;color:var(--muted);border:0;border-radius:999px;font-size:13px;font-weight:700}.concept-tab.active{background:#e9f3ff;color:#0678db}.concept-body{display:grid;grid-template-columns:.83fr 1.17fr;min-height:485px}.concept-description{padding:57px 50px}.concept-label{font-size:11px;font-weight:850;letter-spacing:.15em;color:#7a8bb6}.concept-panel h3{font-size:clamp(2rem,3.2vw,3.4rem);line-height:1.08;letter-spacing:-.06em;margin:25px 0 17px}.concept-panel p{font-size:1rem;color:var(--muted);line-height:1.6;margin:0}.concept-panel ul{list-style:none;padding:0;margin:28px 0 0}.concept-panel li{font-size:14px;font-weight:650;margin:13px 0}.concept-panel li:before{content:"✓";display:inline-grid;place-items:center;width:21px;height:21px;margin-right:11px;background:#e5f5ff;color:#158ff6;border-radius:50%;font-size:12px}
.interface-stage{position:relative;overflow:hidden;display:grid;place-items:center;padding:45px 34px;background:linear-gradient(145deg,#eef5ff,#eee9ff 55%,#f9eefa)}.stage-glow{position:absolute;width:80%;height:80%;background:radial-gradient(circle,#b6cbff,transparent 69%);filter:blur(45px)}.interface-window{position:relative;z-index:1;width:min(100%,535px);min-height:335px;background:rgba(255,255,255,.83);border:1px solid rgba(255,255,255,.9);border-radius:22px;box-shadow:0 26px 70px rgba(60,78,154,.19);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;transform:rotate(-2deg)}.window-top{height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid rgba(59,71,110,.08);color:#939bb0;font-size:11px;font-weight:650}.window-dots{display:flex;gap:5px}.window-dots b{width:7px;height:7px;border-radius:50%;background:#d6d9e2}.window-mark{color:#477ff0;font-size:15px;font-weight:850;letter-spacing:-.08em}.window-content{display:flex;min-height:289px}.window-sidebar{width:68px;border-right:1px solid #edf0f7;padding:18px;display:flex;flex-direction:column;gap:15px;align-items:center}.sidebar-logo{display:grid;place-items:center;width:29px;height:29px;color:white;background:linear-gradient(135deg,#0788f7,#a64ce5);border-radius:9px;font-weight:800}.side-line{height:7px;width:24px;border-radius:5px;background:#e8edf6}.side-line.on{background:#92c4ff}.side-line.short{width:18px}.window-main{padding:32px 32px 22px;flex:1;display:flex;flex-direction:column}.window-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#7d92b6;font-size:9px;font-weight:800}.window-main strong{font-size:20px;letter-spacing:-.04em;margin-top:13px}.preview-subline{color:#9aa3b4;font-size:10px;margin-top:5px}.progress-track{height:6px;border-radius:10px;background:#e9edf7;margin:26px 0 20px}.progress-track span{display:block;width:55%;height:100%;border-radius:10px;background:linear-gradient(90deg,#0792f7,#8571ed);transition:width .25s}.preview-steps{display:grid;gap:8px}.step{display:flex;gap:10px;align-items:center;min-height:30px;padding:5px 10px;border-radius:8px;background:#f5f7fb;color:#9aa3b4}.step span{width:17px;height:17px;border:1px solid #d9e0ec;border-radius:50%;display:grid;place-items:center;font-size:9px}.step b{font-size:10px;font-weight:700}.step.complete{color:#4f8ab9}.step.complete span{background:#def3ff;border:0}.step.current{background:#eaf3ff;color:#277ce0}.step.current span{background:#5a9df3;border:0;color:#fff}.floating-card{position:absolute;z-index:2;right:4%;bottom:13%;display:flex;gap:10px;align-items:center;padding:13px 18px;background:rgba(255,255,255,.93);border:1px solid #fff;border-radius:16px;box-shadow:0 14px 35px rgba(54,66,131,.14);transform:rotate(3deg)}.float-icon{display:grid;place-items:center;width:29px;height:29px;background:#ddf8ed;border-radius:10px;color:#16ad76;font-weight:800}.floating-card strong,.floating-card small{display:block}.floating-card strong{font-size:11px}.floating-card small{font-size:9px;color:#8790a4;margin-top:3px}
.public-sector{position:relative;max-width:none;overflow:hidden;background:#121b34;color:#fff;padding:112px max(28px,calc((100vw - 1174px)/2));min-height:520px}.sector-inner{position:relative;z-index:1;max-width:650px}.public-sector .section-kicker{color:#8ebaff}.sector-inner h2{font-size:clamp(2.8rem,5vw,5.5rem);letter-spacing:-.065em;line-height:1.05;margin:22px 0}.sector-inner h2 span{background:linear-gradient(95deg,#78bdff,#d198ff);-webkit-background-clip:text;background-clip:text;color:transparent}.sector-inner p{max-width:600px;font-size:1.05rem;line-height:1.65;color:#c0c9dd}.inline-link{display:inline-block;margin-top:18px;color:#a9d5ff;text-decoration:none;font-weight:750}.inline-link span{margin-left:7px}.sector-orb{position:absolute;width:410px;height:410px;right:9%;top:13%;border:1px solid rgba(176,197,255,.17);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 48px rgba(125,158,250,.025),0 0 0 100px rgba(125,158,250,.025),inset 0 0 100px rgba(97,82,220,.15)}.sector-orb:before,.sector-orb:after{content:"";position:absolute;inset:50px;border:1px solid rgba(159,183,255,.18);border-radius:50%}.sector-orb:after{inset:110px}.sector-orb b{font-size:65px;letter-spacing:-.1em;background:linear-gradient(140deg,#86c8ff,#b58aff);-webkit-background-clip:text;background-clip:text;color:transparent}.sector-orb span{position:absolute;width:8px;height:8px;border-radius:50%;background:#86bdff;box-shadow:0 0 18px #6eabff}.sector-orb span:nth-child(1){left:12%;top:23%}.sector-orb span:nth-child(2){right:9%;top:60%;background:#ad8bff}.sector-orb span:nth-child(3){left:40%;bottom:2%;background:#71d8ef}
.company{display:grid;grid-template-columns:1fr 1fr;gap:80px}.company .section-heading h2{font-size:clamp(2.8rem,4.3vw,4.7rem)}.company-facts{margin:0;align-self:center}.company-facts div{padding:18px 0;border-bottom:1px solid var(--line)}.company-facts div:first-child{border-top:1px solid var(--line)}.company-facts dt{font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-weight:800;color:#8490a6}.company-facts dd{margin:6px 0 0;font-size:16px;font-weight:650;overflow-wrap:anywhere}.company-facts small{display:block;margin-top:4px;font-size:12px;color:var(--muted);font-weight:500}.site-footer{max-width:1230px;margin:auto;padding:45px 28px 30px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:24px}.footer-wordmark{font-size:16px}.site-footer p{color:var(--muted);font-size:14px;margin:14px 0}.footer-links{display:flex;align-items:start;gap:24px}.copyright{font-size:12px;color:#9299a8;grid-column:1/-1;margin-top:20px}
body.dark{color-scheme:dark;--bg:#0e1424;--surface:#182136;--ink:#f4f7ff;--muted:#aab6cf;--line:rgba(201,217,255,.13);--shadow:0 24px 70px rgba(0,0,0,.18)}body.dark .site-header{background:rgba(13,20,36,.77);border-color:var(--line)}body.dark .hero{background:radial-gradient(circle at 50% 40%,#1b2843,#0e1424 75%)}body.dark .hero-copy,body.dark .approach-card p{color:#c4cee3}body.dark .eyebrow-pill,body.dark .button-secondary,body.dark .theme-button{background:rgba(31,43,71,.84);border-color:var(--line)}body.dark .principle-strip{background:#141d30}body.dark .approach-card{background:#1d2a45;border-color:var(--line)}body.dark .approach-card:before{opacity:.12}body.dark .card-symbol{background:#273957;border-color:var(--line)}body.dark .concept-tab.active{background:#1d3e65;color:#acd7ff}body.dark .interface-stage{background:linear-gradient(145deg,#253e69,#2c2957 55%,#492d63)}body.dark .window-main,body.dark .window-top,body.dark .window-sidebar{color:#1c1c20}body.dark .concept-shell{border-color:var(--line)}
@media(max-width:1050px){.desktop-nav{gap:18px}.capability-grid{grid-template-columns:repeat(2,1fr)}.concept-description{padding:45px 32px}.sector-orb{right:-110px;opacity:.55}.company{gap:40px}}
@media(max-width:760px){.nav-shell{min-height:64px;padding:0 18px}.desktop-nav,.nav-cta{display:none}.menu-button{display:block}.mobile-nav:not([hidden]){display:grid;padding:10px 18px 20px;gap:4px;border-top:1px solid var(--line)}.mobile-nav a{padding:12px 10px;text-decoration:none;font-weight:650;border-radius:10px}.mobile-nav a:hover{background:var(--surface)}.hero{min-height:625px}.hero-inner{padding:75px 22px 40px}.hero h1{font-size:clamp(3rem,12vw,5rem);letter-spacing:-.07em}.hero-copy{font-size:1.05rem}.hero-scroll{margin-top:72px}.strip-inner{flex-wrap:wrap;justify-content:center;gap:11px 16px;font-size:11px}.section{padding:80px 20px}.approach-grid{grid-template-columns:1fr}.approach-card{min-height:240px}.approach-card h3{margin-top:36px}.capability-grid{grid-template-columns:1fr 1fr}.concept-body{grid-template-columns:1fr}.concept-description{padding:34px 25px}.interface-stage{min-height:415px}.concept-tabs{overflow:auto;padding:14px}.concept-tab{white-space:nowrap}.public-sector{padding:80px 20px;min-height:auto}.sector-orb{width:300px;height:300px;right:-145px;top:8%;opacity:.22}.company{grid-template-columns:1fr;gap:32px}.site-footer{padding:38px 20px 25px}}
@media(max-width:520px){.wordmark{font-size:15px}.hero-actions{flex-direction:column;align-items:center}.hero-actions .button{width:min(100%,260px)}.eyebrow-pill{font-size:11px}.hero h1{font-size:clamp(2.8rem,11.5vw,4rem)}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:210px}.capability-card h3{margin-top:24px}.concept-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;overflow:visible;padding:11px}.concept-tab{white-space:normal;font-size:12px;padding:10px 6px;line-height:1.2}.floating-card{right:0;bottom:5%}.interface-stage{padding:30px 16px 65px}.interface-window{transform:none}.window-main{padding:25px 18px 20px}.window-sidebar{width:53px;padding:12px}.site-footer{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.copyright{grid-column:1}.sector-orb{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}

/* The ten solutions are all visible in the document; scroll changes only the companion visual. */
.solutions{max-width:1380px;padding-top:110px;padding-bottom:110px}.solutions-heading{max-width:860px;margin:0 auto 50px;text-align:center}.solutions-heading p{margin:auto}.solution-story{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:start;gap:44px}.solution-stage{position:sticky;top:100px;height:calc(100vh - 125px);min-height:540px;max-height:800px;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:30px;background:var(--surface);overflow:hidden;box-shadow:var(--shadow)}.stage-caption,.stage-footer{display:flex;align-items:center;gap:10px;padding:20px 24px;color:#7c89a6;font-size:11px;font-weight:850;letter-spacing:.13em}.stage-caption #stage-count{margin-left:auto;color:var(--blue)}.stage-dot{width:7px;height:7px;border-radius:50%;background:#23b984;box-shadow:0 0 0 4px #e0f7ec}.story-visual{--tone-a:#b4d9ff;--tone-b:#d8c6ff;position:relative;min-height:0;flex:1;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 24% 27%,var(--tone-a),transparent 55%),radial-gradient(circle at 77% 74%,var(--tone-b),transparent 55%),#eef4ff;transition:background-color .5s}.story-visual[data-tone=violet]{--tone-a:#d1c3ff;--tone-b:#e6c9f8}.story-visual[data-tone=rose]{--tone-a:#ffcee3;--tone-b:#d9ccff}.story-visual[data-tone=cyan]{--tone-a:#bcebf6;--tone-b:#bcd8ff}.story-visual[data-tone=indigo]{--tone-a:#b9c8ff;--tone-b:#d3cbff}.story-visual[data-tone=teal]{--tone-a:#b5eee3;--tone-b:#c6e1ff}.visual-halo{position:absolute;border:1px solid rgba(255,255,255,.7);border-radius:50%;width:560px;height:560px;box-shadow:0 0 0 65px rgba(255,255,255,.07)}.halo-two{width:400px;height:400px}.story-window{position:relative;z-index:1;width:min(76%,520px);min-height:330px;background:rgba(255,255,255,.82);border:1px solid rgba(255,255,255,.9);border-radius:22px;box-shadow:0 35px 90px rgba(66,85,156,.23);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);overflow:hidden;transform:rotate(-2deg);transition:transform .45s}.story-visual:hover .story-window{transform:rotate(0)}.story-window-bar{height:45px;border-bottom:1px solid #e6eaf2;display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#8a96af}.story-window-bar span{display:flex;gap:5px}.story-window-bar i{width:7px;height:7px;border-radius:50%;background:#d8dce6}.story-window-bar b{font-size:11px}.story-window-body{display:flex;min-height:285px}.story-side{width:70px;flex:none;border-right:1px solid #e7edf5;padding:16px;display:flex;align-items:center;flex-direction:column;gap:16px}.story-side b{display:grid;place-items:center;width:33px;height:33px;border-radius:11px;background:linear-gradient(135deg,#0b87f5,#9662ed);color:#fff;font-size:17px;letter-spacing:-.08em}.story-side i{width:23px;height:7px;border-radius:5px;background:#e5ebf3}.story-side i:nth-child(2){background:#89bdf9}.story-screen{flex:1;display:flex;flex-direction:column;padding:36px 30px;color:#202a40}.story-screen>span{color:#6d8cba;font-size:10px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.story-screen>strong{font-size:clamp(20px,2vw,30px);letter-spacing:-.055em;line-height:1.1;margin-top:16px}.story-flow{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:32px 0 24px}.story-flow span{border-radius:8px;background:#eaf4ff;color:#3679c2;padding:9px 11px;font-size:10px;font-weight:800}.story-flow em{font-style:normal;color:#98adc9;font-size:13px}.story-lines{display:grid;gap:8px;margin-top:auto}.story-lines i{display:block;height:7px;border-radius:5px;background:#e8edf5}.story-lines i:nth-child(2){width:78%}.story-lines i:nth-child(3){width:56%}.story-float{position:absolute;z-index:2;right:7%;bottom:13%;display:flex;align-items:center;gap:10px;padding:13px 16px;border:1px solid #fff;border-radius:14px;background:rgba(255,255,255,.91);box-shadow:0 12px 35px rgba(70,91,151,.13);transform:rotate(3deg)}.story-float span{display:grid;place-items:center;width:29px;height:29px;border-radius:10px;background:#e9eaff;color:#6858d7}.story-float b{font-size:11px;color:#354057}.stage-footer{justify-content:space-between}.stage-progress{width:43%;height:5px;border-radius:10px;background:#e8edf5;overflow:hidden}.stage-progress i{display:block;width:10%;height:100%;border-radius:10px;background:linear-gradient(90deg,#0a8df7,#a954e7);transition:width .35s}
.solution-chapters{min-width:0}.solution-chapter{min-height:75vh;display:flex;flex-direction:column;justify-content:center;padding:72px 28px;border-bottom:1px solid var(--line);opacity:.44;transform:translateY(12px);transition:opacity .4s,transform .4s}.solution-chapter:first-child{padding-top:35px}.solution-chapter:last-child{border-bottom:0}.solution-chapter.active{opacity:1;transform:none}.chapter-number{font-size:12px;letter-spacing:.16em;color:#6385ca;font-weight:850}.solution-chapter h3{font-size:clamp(2.2rem,3.6vw,4.2rem);line-height:1.04;letter-spacing:-.06em;margin:21px 0}.solution-chapter p{font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.6;color:var(--muted);margin:0}.chapter-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.chapter-tags span{font-size:12px;font-weight:750;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:var(--surface)}.solution-note{color:var(--muted);font-size:14px;line-height:1.5;text-align:center;max-width:720px;margin:55px auto 0}body.dark .solution-stage{background:var(--surface)}body.dark .stage-dot{box-shadow:0 0 0 4px rgba(35,185,132,.12)}body.dark .story-visual{filter:saturate(.8)}body.dark .chapter-tags span{background:var(--surface)}
@media(max-width:900px){.solution-story{gap:22px;grid-template-columns:1fr 1fr}.solution-stage{height:calc(100vh - 105px);min-height:450px}.story-window{width:86%;min-height:290px}.story-window-body{min-height:245px}.story-screen{padding:28px 20px}.story-flow{margin-top:24px}.story-float{right:0;bottom:11%}.solution-chapter{padding-left:12px;padding-right:12px}}
@media(max-width:760px){.solutions{padding:75px 0 65px}.solutions-heading{padding:0 20px;margin-bottom:30px}.solution-story{display:block}.solution-stage{top:64px;height:310px;min-height:0;max-height:none;z-index:5;border-radius:0;border-left:0;border-right:0;box-shadow:0 10px 25px rgba(32,50,107,.11)}.stage-caption,.stage-footer{padding:9px 18px;font-size:9px}.story-window{width:min(70%,335px);min-height:185px;border-radius:15px;transform:none}.story-window-bar{height:27px;padding:0 10px}.story-window-bar b{font-size:8px}.story-window-bar i{width:5px;height:5px}.story-window-body{min-height:158px}.story-side{width:41px;padding:9px;gap:8px}.story-side b{width:23px;height:23px;font-size:13px;border-radius:7px}.story-side i{width:16px;height:5px}.story-screen{padding:16px 14px}.story-screen>span{font-size:8px}.story-screen>strong{font-size:17px;margin-top:8px}.story-flow{gap:3px;margin:15px 0 12px}.story-flow span{font-size:8px;padding:5px 6px}.story-flow em{font-size:8px}.story-lines{gap:5px}.story-lines i{height:4px}.story-float{right:7%;bottom:7%;padding:7px 9px;gap:5px}.story-float span{width:18px;height:18px;font-size:10px}.story-float b{font-size:8px}.solution-chapter{min-height:68vh;opacity:1;transform:none;padding:45px 25px}.solution-chapter:first-child{padding-top:35px}.solution-chapter h3{font-size:clamp(2.1rem,8vw,3.3rem)}.solution-note{padding:0 20px}}
@media(max-width:430px){.story-window{width:75%}.story-float{right:2%}.story-flow span{font-size:7px;padding:5px}.solution-stage{height:290px}}
@media(prefers-reduced-motion:reduce){.solution-chapter{opacity:1;transform:none}.story-window{transform:none}}

.story-demo{min-height:70px;margin-top:auto;display:flex;align-items:flex-end;gap:9px;font-size:10px;color:#405c85}.story-demo b{font-size:10px}.story-demo i{display:block;height:5px;border-radius:5px;background:#d8e4f5}.demo-card{flex:1;min-width:0;background:#f3f7ff;border:1px solid #e6eefb;border-radius:10px;padding:10px;display:grid;gap:7px}.demo-card i:last-child{width:64%}.demo-tile{flex:1;display:grid;gap:5px;justify-items:start;min-height:63px;padding:9px;background:#f1f6ff;border-radius:11px}.demo-tile span{font-size:18px;color:#438ae4}.demo-route{display:flex;align-items:center;justify-content:space-between;width:100%;gap:4px;padding:11px 0}.demo-route span{border:1px solid #dfe8f5;border-radius:8px;padding:9px 7px;background:#f6f9ff;font-weight:750}.demo-route i{width:18px;height:2px;background:#8cb8ee}.demo-page{width:48px;height:65px;background:#f7faff;border:1px solid #dfe8f5;border-radius:6px;padding:13px 7px;display:grid;align-content:start;gap:7px}.demo-page i:nth-child(2){width:75%}.demo-page i:nth-child(3){width:55%}.demo-fields{display:grid;gap:5px;align-self:stretch;flex:1;padding:8px 10px;border:1px solid #e2ebf8;border-radius:8px}.demo-fields span{font-size:9px;color:#4f8bd0}.demo-approval{width:100%;display:flex;align-items:center;gap:8px}.demo-approval span{flex:1;text-align:center;background:#f0f6ff;border-radius:8px;padding:14px 3px;font-weight:800}.demo-approval span:nth-child(2){background:#e6efff;color:#2e75dc}.demo-phone{width:88px;border:2px solid #c7d5e9;border-radius:11px;padding:7px;background:#f8fbff;display:grid;gap:6px;box-shadow:0 4px 13px #c4d2ec70}.demo-phone span{font-size:9px}.demo-phone small{color:#46a980;font-size:8px}.demo-sync{display:grid;justify-items:center;gap:4px;color:#4d83ce;font-size:20px}.demo-sync small{font-size:9px;color:#667c9b}.demo-chart{height:68px;display:flex;align-items:end;gap:7px;padding:0 10px;border-bottom:2px solid #cad9ef}.demo-chart i{width:22px;background:linear-gradient(#a782ed,#4c9df3);border-radius:5px 5px 0 0}.demo-chart i:nth-child(1){height:35%}.demo-chart i:nth-child(2){height:60%}.demo-chart i:nth-child(3){height:46%}.demo-chart i:nth-child(4){height:82%}.demo-chart i:nth-child(5){height:68%}.demo-legend{display:grid;gap:7px;align-self:center;font-size:9px;color:#6882a4}.demo-legend span:before{content:"•";color:#4c9df3;margin-right:5px}.demo-message{flex:1;background:#f6f9ff;border-radius:10px;padding:10px;display:grid;gap:8px}.demo-message i:last-child{width:70%}.demo-channels{display:grid;gap:4px}.demo-channels span{background:#e8f1ff;border-radius:6px;padding:4px 6px;text-align:center;font-size:9px}.demo-node{border:1px solid #dce7f7;background:#f7faff;border-radius:10px;padding:17px 7px;font-weight:800}.demo-bridge{display:grid;justify-items:center;gap:2px;color:#598bd2;font-size:22px}.demo-bridge small{font-size:8px;white-space:nowrap}.story-demo[data-pattern=knowledge]{display:grid;gap:5px;align-items:end}.demo-chat{max-width:85%;border-radius:10px;padding:8px 10px;font-size:9px}.demo-chat.question{justify-self:end;background:#e5efff}.demo-chat.answer{justify-self:start;background:#f1f5fa}.demo-chat b{font-size:9px;color:#307fe1}
@media(max-width:760px){.story-demo{min-height:35px;margin-top:7px;gap:4px;overflow:hidden}.story-demo b{font-size:7px}.demo-card{padding:5px;gap:3px;border-radius:6px}.demo-card i,.demo-message i{height:3px}.demo-tile{min-height:33px;padding:4px;gap:1px}.demo-tile span{font-size:11px}.demo-route span{font-size:7px;padding:5px 3px}.demo-route i{width:7px}.demo-page{width:27px;height:38px;padding:7px 4px;gap:4px}.demo-page i{height:3px}.demo-fields{padding:4px;gap:2px}.demo-fields span{font-size:7px}.demo-approval span{font-size:7px;padding:8px 2px}.demo-phone{width:45px;padding:3px;gap:2px}.demo-phone span,.demo-phone small{font-size:6px}.demo-sync{font-size:12px}.demo-sync small{font-size:7px}.demo-chart{height:37px;gap:4px}.demo-chart i{width:11px}.demo-legend{font-size:7px;gap:3px}.demo-message{padding:4px;gap:3px}.demo-channels span{font-size:7px;padding:2px 4px}.demo-node{font-size:7px;padding:7px 3px}.demo-bridge{font-size:11px}.demo-bridge small{font-size:6px}.demo-chat{font-size:7px;padding:4px}.demo-chat b{font-size:7px}}

/* Visitors can explore a workflow step and jump between solution chapters. */
.stage-controls{display:flex;gap:7px;margin-left:auto}.stage-arrow{width:34px;height:34px;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);font:inherit;font-size:17px;line-height:1;cursor:pointer;transition:transform .2s,background-color .2s,border-color .2s}.stage-arrow:hover:not(:disabled){transform:translateY(-2px);border-color:#7eacf2;background:#edf5ff}.stage-arrow:disabled{opacity:.35;cursor:default}.stage-progress{width:24%}.story-flow span.selected{background:#377fd6;color:#fff;box-shadow:0 4px 12px rgba(55,127,214,.2)}.chapter-explorer{margin-top:28px;padding:19px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 12px 35px rgba(46,77,131,.045)}.explorer-label{display:block;color:#6385ca;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:850}.explorer-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:13px}.explorer-options button{border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--ink);padding:9px 12px;font:inherit;font-size:12px;font-weight:750;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}.explorer-options button:hover{transform:translateY(-2px);border-color:#7eacf2}.explorer-options button[aria-pressed=true]{background:#2f7fd9;border-color:#2f7fd9;color:#fff}.solution-chapter .explorer-detail{min-height:3em;margin-top:15px;font-size:14px;line-height:1.5;color:var(--ink)}.stage-arrow:focus-visible,.explorer-options button:focus-visible{outline:3px solid #e89939;outline-offset:3px}body.dark .stage-arrow:hover:not(:disabled){background:#29446b}body.dark .explorer-options button[aria-pressed=true]{background:#357dd3}
@media(max-width:760px){.stage-footer{gap:7px}.stage-arrow{width:25px;height:25px;font-size:13px}.stage-progress{width:18%}.chapter-explorer{margin-top:22px;padding:16px}.explorer-options button{font-size:11px;padding:8px 10px}.solution-chapter .explorer-detail{min-height:0}}

.capability-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.capability-card{display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}.capability-card:hover .cap-link,.capability-card:focus-visible .cap-link{transform:translateX(4px)}.cap-link{display:inline-block;margin-top:auto;padding-top:26px;color:#2f7fd9;font-size:12px;font-weight:850;transition:transform .2s}.chapter-page-link{display:inline-flex;align-self:flex-start;align-items:center;margin-top:18px;color:#287bd7;text-decoration:none;font-size:14px;font-weight:800}.chapter-page-link:hover{text-decoration:underline}
@media(max-width:760px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.capability-grid{grid-template-columns:1fr}}