:root{color-scheme:light;--blue:#1769e0;--blue-bright:#67a2ff;--navy:#071a33;--navy-soft:#0d2747;--ink:#142033;--muted:#5e6878;--line:#dce2ea;--surface:#f4f7fb;--white:#fff;--green:#0f8b6d;--radius:22px;--page:min(1240px,calc(100% - 48px));font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font:16px/1.6 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,a{touch-action:manipulation}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:10px 14px;border-radius:8px;background:#fff;color:var(--navy);font-weight:700;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:absolute;z-index:20;top:0;left:50%;display:flex;width:var(--page);height:84px;align-items:center;justify-content:space-between;color:#fff;transform:translateX(-50%)}.brand{display:inline-flex;align-items:center;gap:12px;font-size:18px;font-weight:760;letter-spacing:-.02em;text-decoration:none}.brand-mark{position:relative;display:inline-block;width:25px;height:25px}.brand-mark i{position:absolute;display:block;border-radius:7px 7px 7px 2px;background:currentColor}.brand-mark i:first-child{inset:0 5px 5px 0}.brand-mark i:last-child{right:0;bottom:0;width:11px;height:11px;opacity:.46}.site-nav{display:flex;gap:34px;margin-left:auto;margin-right:40px}.site-nav a,.header-action{font-size:14px;font-weight:600;text-decoration:none}.site-nav a{color:rgba(255,255,255,.68);transition:color .2s ease}.site-nav a:hover,.site-nav a:focus-visible{color:#fff}.header-action{display:inline-flex;min-height:42px;align-items:center;gap:9px;padding:0 17px;border:1px solid rgba(255,255,255,.32);border-radius:999px;transition:background .2s ease,border-color .2s ease}.header-action:hover,.header-action:focus-visible{border-color:#fff;background:#fff;color:var(--navy)}
.hero{position:relative;min-height:900px;overflow:hidden;padding:190px max(24px,calc((100vw - 1240px)/2)) 98px;background:var(--navy);color:#fff}.hero::before{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.026) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.026) 1px,transparent 1px);background-size:72px 72px;content:"";mask-image:linear-gradient(to bottom,#000,transparent 78%)}.hero-glow{position:absolute;top:-25%;right:-12%;width:780px;height:780px;border-radius:50%;background:#1769e0;filter:blur(160px);opacity:.28}.hero-copy{position:relative;z-index:4;max-width:610px}.eyebrow{margin:0 0 19px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.hero .eyebrow{color:#86b7ff}.hero h1{max-width:610px;margin:0;font-size:clamp(58px,5.4vw,82px);font-weight:650;letter-spacing:-.065em;line-height:.96}.hero h1 span{color:#8dbaff}.hero-lead{max-width:560px;margin:30px 0 0;color:rgba(255,255,255,.68);font-size:19px;line-height:1.55}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:12px;padding:0 22px;border-radius:999px;font-size:14px;font-weight:750;text-decoration:none;transition:transform .2s ease,background .2s ease,color .2s ease,border-color .2s ease}.button:hover{transform:translateY(-2px)}.button:focus-visible,.demo-controls button:focus-visible{outline:3px solid rgba(103,162,255,.52);outline-offset:3px}.button-primary{background:#fff;color:var(--navy)}.button-primary:hover{background:#dceaff}.button-quiet{border:1px solid rgba(255,255,255,.24);color:#fff}.button-quiet:hover{border-color:rgba(255,255,255,.58);background:rgba(255,255,255,.07)}.product-stage{position:absolute;z-index:3;top:176px;right:max(-70px,calc((100vw - 1380px)/2));width:min(700px,50vw);margin:0;perspective:1600px}.stage-window{overflow:hidden;border:1px solid rgba(255,255,255,.2);border-radius:20px;background:#f7f9fc;box-shadow:0 45px 100px rgba(0,0,0,.38);transform:rotateX(2deg) rotateY(-3deg);transform-origin:center}.stage-bar{display:flex;height:42px;align-items:center;gap:7px;padding:0 16px;border-bottom:1px solid #dce2e9;background:#fff}.stage-bar>span{width:8px;height:8px;border-radius:50%;background:#d0d5dc}.stage-bar small{margin-left:10px;color:#7a8492;font-size:10px;font-weight:700}.stage-shell{display:grid;min-height:440px;grid-template-columns:72px 1fr}.stage-sidebar{display:flex;flex-direction:column;align-items:center;gap:20px;padding:22px 0;background:#0b203a}.stage-sidebar .mini-brand{position:relative;width:25px;height:25px;margin-bottom:24px}.stage-sidebar .mini-brand b,.stage-sidebar .mini-brand i{position:absolute;border-radius:6px;background:#67a2ff}.stage-sidebar .mini-brand b{inset:0 5px 5px 0}.stage-sidebar .mini-brand i{right:0;bottom:0;width:10px;height:10px;opacity:.55}.stage-sidebar>i{width:22px;height:5px;border-radius:9px;background:#52637a}.stage-sidebar>i.active{height:22px;background:#3480eb;box-shadow:0 0 0 7px rgba(52,128,235,.16)}.stage-content{padding:30px;color:var(--ink)}.stage-title{display:flex;align-items:flex-end;justify-content:space-between}.stage-title div{display:grid}.stage-title small,.chart-heading span{color:#6c7684;font-size:9px;font-weight:800;letter-spacing:.12em}.stage-title strong{font-size:21px;letter-spacing:-.025em}.stage-title>span{padding:7px 11px;border:1px solid #dce2e9;border-radius:8px;color:#647083;font-size:10px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;border:1px solid #e0e5ec;border-radius:13px;background:#fff}.metrics>div{display:grid;gap:4px;padding:19px;border-right:1px solid #e0e5ec}.metrics>div:last-child{border:0}.metrics small{color:#707b8a;font-size:8px;font-weight:800;letter-spacing:.12em}.metrics strong{font-size:23px;letter-spacing:-.04em}.metrics em{color:#158260;font-size:9px;font-style:normal;font-weight:700}.chart-panel{margin-top:18px;padding:17px 19px 8px;border:1px solid #e0e5ec;border-radius:13px;background:#fff}.chart-heading{display:flex;align-items:center;justify-content:space-between;font-size:11px}.chart-heading span{display:flex;align-items:center;gap:5px}.chart-heading i{width:6px;height:6px;border-radius:50%;background:#2979e9}.hero-chart{display:block;width:100%;height:190px;margin-top:5px;overflow:visible}.chart-grid{fill:none;stroke:#e8edf4;stroke-width:1}.chart-area{fill:url(#chart-fill)}.chart-line{fill:none;stroke:#2979e9;stroke-linecap:round;stroke-width:4;stroke-dasharray:1000;stroke-dashoffset:1000}.is-ready .chart-line{animation:draw-chart 1.8s cubic-bezier(.2,.7,.2,1) .45s forwards}.hero-foot{position:absolute;right:max(24px,calc((100vw - 1240px)/2));bottom:34px;left:max(24px,calc((100vw - 1240px)/2));display:flex;align-items:center;gap:18px;color:rgba(255,255,255,.42);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.hero-foot i{height:1px;flex:1;background:rgba(255,255,255,.13)}
.section{width:var(--page);margin:0 auto}.workflow{display:grid;grid-template-columns:minmax(300px,.8fr) minmax(440px,1.2fr);gap:10vw;padding:150px 0}.section-intro{align-self:start;position:sticky;top:40px}.section h2,.final-cta h2{margin:0;font-size:clamp(42px,5vw,70px);font-weight:630;letter-spacing:-.055em;line-height:1.04}.section-intro>p:last-child{max-width:480px;margin:28px 0 0;color:var(--muted);font-size:18px}.workflow-list{margin:0;padding:0;list-style:none}.workflow-list li{display:grid;grid-template-columns:66px 1fr;gap:18px;padding:31px 0;border-top:1px solid var(--line)}.workflow-list li:last-child{border-bottom:1px solid var(--line)}.workflow-list>li>span{color:var(--blue);font-size:12px;font-weight:800}.workflow-list h3{margin:-5px 0 6px;font-size:22px;letter-spacing:-.025em}.workflow-list p{max-width:520px;margin:0;color:var(--muted)}
.rotation{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(520px,1.28fr);align-items:center;gap:7vw;padding:130px 0}.rotation::before{position:absolute;right:0;left:0;z-index:-1;height:760px;background:var(--surface);content:""}.rotation-copy>p:not(.eyebrow){max-width:490px;margin:28px 0 0;color:var(--muted);font-size:18px}.feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0 0;padding:0;list-style:none}.feature-tags li{padding:7px 12px;border:1px solid #cad2dd;border-radius:999px;color:#455266;font-size:12px;font-weight:700}.rotation-demo{min-width:0;padding:28px;border:1px solid #d7dee8;border-radius:var(--radius);background:#fff;box-shadow:0 28px 70px rgba(30,52,77,.12)}.demo-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.demo-label span{color:var(--green);font-size:10px;font-weight:800;letter-spacing:.1em}.demo-label small{color:var(--muted);font-size:11px}.demo-viewport{overflow:hidden;border-radius:14px}.demo-track{display:flex;transition:transform .55s cubic-bezier(.22,.72,.18,1);will-change:transform}.demo-banner{position:relative;display:flex;min-width:100%;height:330px;flex-direction:column;justify-content:flex-end;overflow:hidden;padding:34px;color:#fff}.demo-banner small{position:absolute;top:30px;left:34px;font-size:10px;font-weight:750;letter-spacing:.1em;text-transform:uppercase}.demo-banner strong{position:relative;z-index:2;font-size:34px;letter-spacing:-.04em;line-height:1.02}.demo-banner span{position:relative;z-index:2;margin-top:18px;font-size:12px;font-weight:750}.demo-banner i{position:absolute;top:-16%;right:-12%;width:310px;height:310px;border:70px solid rgba(255,255,255,.13);border-radius:50%}.banner-blue{background:#1769e0}.banner-mint{background:#087963}.banner-sun{background:#ef7b32}.demo-controls{display:flex;align-items:center;justify-content:flex-end;gap:13px;margin-top:18px}.demo-controls button{display:grid;width:40px;height:40px;padding:0;place-items:center;border:1px solid #cad2dd;border-radius:50%;background:#fff;color:var(--ink);font:600 17px/1 inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease}.demo-controls button:hover{border-color:var(--blue);background:#edf4ff}.demo-controls div{min-width:38px;color:var(--muted);font-size:11px;text-align:center}.demo-controls span{color:var(--ink);font-weight:800}
.portal{padding:150px 0}.portal-head{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:8vw}.portal-head>p{max-width:450px;margin:0 0 8px;color:var(--muted);font-size:18px}.portal-preview{margin-top:64px;padding:38px;border:1px solid #d7dee8;border-radius:var(--radius);background:#f8fafc;box-shadow:0 32px 90px rgba(23,43,69,.11)}.portal-top{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;border-bottom:1px solid var(--line)}.brand-dark{color:var(--navy)}.portal-top>div:last-child{display:grid;text-align:right}.portal-top small,.portal-client small,.portal-metrics small,.portal-detail small{color:#6a7585;font-size:9px;font-weight:800;letter-spacing:.12em}.portal-top strong{font-size:11px}.portal-client{display:grid;padding:30px 0 22px}.portal-client strong{margin-top:5px;font-size:30px;letter-spacing:-.04em}.portal-client span{color:var(--muted);font-size:12px}.portal-metrics{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:12px;background:#fff}.portal-metrics>div{display:grid;gap:7px;padding:20px;border-right:1px solid var(--line)}.portal-metrics>div:last-child{border:0}.portal-metrics strong{font-size:25px;letter-spacing:-.04em}.portal-detail{display:grid;grid-template-columns:1fr 230px;gap:18px;margin-top:18px}.portal-detail>div,.portal-detail aside{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fff}.portal-detail>div>strong{display:block;font-size:14px}.portal-detail svg{display:block;width:100%;margin-top:18px}.portal-detail svg path{fill:none;stroke:#2474e5;stroke-width:3}.portal-detail svg .secondary{stroke:#0c946f;stroke-dasharray:5 6;stroke-width:2}.portal-detail aside{display:flex;flex-direction:column}.portal-detail aside strong{margin-top:14px;font-size:16px}.portal-detail aside span{margin-top:5px;color:var(--muted);font-size:12px}.portal-detail aside em{margin-top:auto;color:var(--green);font-size:13px;font-style:normal;font-weight:800}
.final-cta{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:8vw;padding:120px max(24px,calc((100vw - 1240px)/2));background:var(--blue);color:#fff}.final-cta .eyebrow{color:#d7e7ff}.final-cta h2{font-size:clamp(48px,6vw,82px)}.cta-side{max-width:400px;padding-bottom:7px}.cta-side p{margin:0 0 30px;color:rgba(255,255,255,.75);font-size:18px}.button-light{background:#fff;color:#0c4698}.button-light:hover{background:#dbeaff}.site-footer{display:grid;width:var(--page);grid-template-columns:1fr 1fr 1fr;align-items:center;gap:24px;padding:46px 0;color:var(--muted);font-size:12px}.site-footer p{text-align:center}.site-footer>div:last-child{display:flex;justify-content:flex-end;gap:20px}.site-footer a{color:var(--ink);font-weight:700;text-decoration:none}
[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}.hero [data-reveal]:nth-of-type(2){transition-delay:.13s}
@keyframes draw-chart{to{stroke-dashoffset:0}}
@media(max-width:1100px){.hero{min-height:auto;padding-top:148px}.hero-copy{max-width:780px}.hero h1{max-width:800px;font-size:clamp(58px,9vw,86px)}.product-stage{position:relative;top:auto;right:auto;width:100%;margin:74px 0 0}.stage-window{transform:none}}
@media(max-width:900px){:root{--page:min(100% - 36px,720px)}.site-nav{display:none}.hero h1{font-size:clamp(52px,12vw,78px)}.workflow,.rotation,.portal-head,.final-cta{grid-template-columns:1fr}.workflow,.rotation{gap:60px}.section-intro{position:static}.rotation::before{height:1100px}.portal-head{gap:24px}.final-cta{gap:42px}.site-footer{grid-template-columns:1fr;text-align:center}.site-footer p{margin:0}.site-footer>div:last-child{justify-content:center}.portal-detail{grid-template-columns:1fr}.portal-detail aside em{margin-top:28px}}
@media(max-width:620px){:root{--page:calc(100% - 28px)}.site-header{height:70px}.brand{font-size:16px}.header-action{min-height:38px;padding:0 13px;font-size:12px}.hero{padding:126px 14px 66px}.hero h1{font-size:49px}.hero-lead{font-size:17px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.stage-window{border-radius:14px}.stage-shell{min-height:330px;grid-template-columns:42px 1fr}.stage-sidebar{gap:14px;padding:15px 0}.stage-sidebar .mini-brand{margin-bottom:8px;transform:scale(.72)}.stage-sidebar>i{width:14px}.stage-content{padding:15px}.stage-title strong{font-size:14px}.stage-title>span{display:none}.metrics{grid-template-columns:1fr 1fr}.metrics>div{padding:12px}.metrics>div:nth-child(2){border-right:0}.metrics>div:last-child{display:none}.metrics strong{font-size:17px}.hero-chart{height:135px}.hero-foot{display:none}.workflow,.rotation,.portal{padding:94px 0}.section h2,.final-cta h2{font-size:42px}.workflow{gap:38px}.workflow-list li{grid-template-columns:42px 1fr}.rotation::before{height:1260px}.rotation{gap:42px}.rotation-demo{padding:14px}.demo-banner{height:260px;padding:24px}.demo-banner small{top:22px;left:24px}.demo-banner strong{font-size:27px}.portal-preview{margin-top:36px;padding:15px}.portal-client strong{font-size:24px}.portal-metrics{grid-template-columns:1fr 1fr}.portal-metrics>div:nth-child(2){border-right:0}.portal-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.portal-metrics strong{font-size:20px}.portal-top .brand{font-size:14px}.final-cta{padding:84px 14px}.site-footer>div:last-child{align-items:center;flex-direction:column;gap:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none}}