:root { --navy:#06265d; --deep:#031532; --ink:#061126; --muted:#5d6f8d; --line:#dce5f0; --surface:#f4f7fb; --white:#fff; --teal:#0a8f8a; --mint:#b9f4e7; --violet:#b77af5; --amber:#f3bb5c; --radius:1.5rem; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--surface); color:var(--ink); font-family:Inter,"Avenir Next","Segoe UI",sans-serif; font-size:16px; line-height:1.55; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.shell { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.skip-link { position:fixed; z-index:20; left:16px; top:-60px; padding:10px 15px; background:#fff; border-radius:8px; color:var(--navy); font-weight:700; transition:top .2s; }.skip-link:focus{top:16px}
.site-header { position:sticky; top:0; z-index:10; background:rgba(244,247,251,.9); backdrop-filter:blur(15px); border-bottom:1px solid rgba(220,229,240,.75); }
.header-inner { min-height:76px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.wordmark { display:inline-flex; align-items:baseline; letter-spacing:-.07em; font-size:1.35rem; font-weight:900; line-height:1; }.wordmark span{color:var(--ink)}.wordmark strong{color:var(--violet);font-weight:900}.wordmark i{margin-left:3px;color:#6696ec;font-size:1rem;font-style:normal;letter-spacing:-.32em}
.site-nav { display:flex; align-items:center; gap:26px; font-weight:650; color:#43526a; font-size:.9rem; }.site-nav a:not(.nav-demo):hover{color:var(--navy)}
.nav-demo { display:inline-flex; gap:7px; align-items:center; padding:10px 15px; border:1px solid #c9d7e6; border-radius:99px; color:var(--navy); }.nav-demo:hover{border-color:var(--navy);background:#fff}.menu-toggle{display:none}
.hero { overflow:hidden; padding:100px 0 88px; background:radial-gradient(circle at 76% 22%,rgba(123,174,255,.23),transparent 26%),radial-gradient(circle at 35% 100%,rgba(10,143,138,.13),transparent 22%),linear-gradient(118deg,#f9fbfe 0%,#eff4fb 100%); }
.hero-grid { display:grid; grid-template-columns:minmax(0,.89fr) minmax(500px,1.11fr); align-items:center; gap:72px; }.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 19px;color:#607493;font-size:.72rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.eyebrow span{display:inline-block;width:26px;height:2px;background:var(--teal)}
h1,h2,h3,p { margin-top:0; } h1,h2,h3 { letter-spacing:-.052em; line-height:1.06; } h1 { max-width:650px; margin-bottom:24px; font-size:clamp(3rem,5vw,5.35rem); font-weight:780; } h1 em{font-family:Georgia,serif;font-weight:400;color:var(--teal);letter-spacing:-.06em}.hero-lede{max-width:570px;margin-bottom:31px;color:#4f617d;font-size:1.13rem;line-height:1.65}.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:50px;padding:0 20px;border-radius:9px;font-weight:760;font-size:.94rem;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--deep);color:white;box-shadow:0 12px 24px rgba(3,21,50,.18)}.button-primary:hover{background:var(--navy)}.button-quiet{border:1px solid #c9d6e4;color:var(--navy);background:rgba(255,255,255,.65)}.button-quiet:hover{background:#fff;border-color:#91a4bc}.button-quiet.light{color:#eaf2ff;border-color:rgba(234,242,255,.36);background:transparent}.microcopy{margin:18px 0 0;color:#798aa3;font-size:.78rem}
.hero-product { overflow:hidden; min-height:475px; border:1px solid rgba(179,196,217,.7); border-radius:18px; background:#fff; box-shadow:0 35px 68px rgba(32,70,123,.16); transform:rotate(1.2deg); }.product-topline{height:43px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 15px;background:#f8fafd;border-bottom:1px solid #e7edf5;color:#6d7c93;font-size:.65rem;font-weight:700;letter-spacing:.04em}.dot-group{display:flex;gap:5px}.dot-group i{display:block;width:7px;height:7px;border-radius:50%;background:#d7e0ec}.dot-group i:first-child{background:#f0a2a4}.top-status{justify-self:end;color:#128171}.product-body{display:flex;min-height:432px}.product-sidebar{width:52px;display:flex;align-items:center;flex-direction:column;gap:21px;padding:19px 9px;background:#04132e;color:#a8b8d3;font-size:.78rem}.product-sidebar b{margin-bottom:12px;color:#fff;font-size:.75rem;letter-spacing:-.1em}.product-sidebar b span{color:#b77af5}.product-sidebar .side-active{padding:7px 9px;border-radius:6px;background:#fff;color:#061126}.product-workspace{flex:1;padding:29px 27px;background:linear-gradient(145deg,#fff,#f9fbfe)}.workspace-heading{display:flex;align-items:flex-start;justify-content:space-between}.workspace-heading small,.mini-stat-grid small,.mini-table-head,.schema-title span,.work-head span,.review-head span{display:block;color:#7487a4;font-size:.58rem;font-weight:850;letter-spacing:.14em}.workspace-heading h2{margin:5px 0 22px;font-size:1.45rem}.avatar-stack{display:flex}.avatar-stack span{display:grid;place-items:center;width:25px;height:25px;margin-left:-6px;border:2px solid #fff;border-radius:50%;background:#d9eef0;color:#176a67;font-size:.47rem;font-weight:800}.avatar-stack span:nth-child(2){background:#ece1fa;color:#7042a0}.avatar-stack span:nth-child(3){background:#f1f4f8;color:#5a6880}.mini-stat-grid{display:grid;grid-template-columns:1.05fr 1fr 1.1fr;gap:9px}.mini-stat-grid>div{min-height:94px;padding:13px;border:1px solid #e3eaf3;border-radius:9px;background:#fff}.mini-stat-grid strong{display:block;margin:4px 0;font-size:1.27rem;letter-spacing:-.05em}.mini-stat-grid span:not(.progress){display:block;color:#8392a8;font-size:.62rem}.progress{display:block;height:5px;margin-top:8px;border-radius:5px;background:#edf2f6}.progress i{display:block;width:76%;height:100%;border-radius:5px;background:var(--teal)}.mini-table{margin-top:16px;border:1px solid #e2eaf2;border-radius:9px;overflow:hidden;background:white}.mini-table>div{display:grid;grid-template-columns:1.45fr .88fr .7fr;align-items:center;gap:8px;min-height:47px;padding:0 13px;border-top:1px solid #edf1f5;color:#52627b;font-size:.65rem}.mini-table-head{min-height:32px!important;border-top:0!important;background:#f7f9fc;color:#7b8ba2!important}.mini-table strong{color:#24324a;font-size:.68rem}.person{display:inline-grid;place-items:center;width:15px;height:15px;margin-right:4px;border-radius:50%;background:#e8dbf8;color:#7f4caf;font-style:normal;font-size:.4rem}.person.teal{background:#d6f1ed;color:#09817a}.person.violet{background:#eee6fb;color:#8057af}.pill{display:inline-block;justify-self:start;padding:3px 6px;border-radius:99px;background:#eef2f6;font-size:.54rem;font-weight:800}.pill.amber{background:#fff0d3;color:#9d6510}.pill.green{background:#dcf7eb;color:#08775e}.signal-band{padding:19px 0;background:var(--deep);color:#d7e5fc}.signal-band p{margin:0;text-align:center;font-size:.86rem;color:#9fb6d7}.signal-band strong{margin:0 6px;color:white;font-weight:750}
.section{padding:116px 0}.section-heading{margin-bottom:48px}.heading-split{display:grid;grid-template-columns:1fr .76fr;gap:90px;align-items:end}.heading-split h2,.workflow-intro h2,.scope-heading h2{margin:0;font-size:clamp(2.25rem,4vw,3.65rem);max-width:670px}.heading-split p,.workflow-intro>p{margin:0;max-width:430px;color:var(--muted);font-size:1.02rem}
.product-section{background:#fff}.product-showcase{display:grid;grid-template-columns:310px 1fr;min-height:506px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#fff;box-shadow:0 18px 44px rgba(26,57,98,.08)}.showcase-tabs{padding:27px 18px;background:#eff4f9;border-right:1px solid var(--line)}.showcase-tabs button{display:flex;width:100%;align-items:baseline;gap:13px;padding:16px 14px;border:0;border-radius:9px;background:transparent;color:#697b97;text-align:left;cursor:pointer;font-weight:700;line-height:1.3}.showcase-tabs button span{font-size:.63rem;font-weight:850;color:#92a3bb}.showcase-tabs button[aria-selected="true"]{background:#fff;color:var(--ink);box-shadow:0 6px 16px rgba(50,76,110,.08)}.showcase-tabs button[aria-selected="true"] span{color:var(--teal)}.showcase-panel{display:grid;grid-template-columns:1fr .9fr;gap:38px;align-items:center;padding:54px 58px}.panel-label{margin-bottom:12px;color:var(--teal);font-weight:780;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}.showcase-copy h3{margin-bottom:17px;font-size:2rem}.showcase-copy>p:not(.panel-label){color:#596b86}.showcase-copy ul{display:grid;gap:10px;margin:24px 0 0;padding:0;list-style:none;color:#30415d;font-size:.86rem}.showcase-copy li{position:relative;padding-left:22px}.showcase-copy li::before{content:"✓";position:absolute;left:0;color:var(--teal);font-weight:900}.schema-visual,.work-visual,.review-visual{border:1px solid #dce6f0;border-radius:12px;background:#f8fafc;box-shadow:0 16px 25px rgba(37,67,105,.09);overflow:hidden}.schema-title,.work-head,.review-head{padding:18px;border-bottom:1px solid #e0e8f1}.schema-title b,.work-head b,.review-head b{display:block;margin-top:5px;font-size:.94rem}.schema-row{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid #e6edf4}.schema-row:last-child{border:0}.schema-row i{display:grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#e8eef5;color:#71819b;font-size:.62rem;font-style:normal}.schema-row span{display:grid;gap:1px;flex:1}.schema-row b{font-size:.73rem}.schema-row small{font-size:.6rem;color:#7d8da5}.schema-row em{font-size:.5rem;color:#83c8b9;font-style:normal}.schema-row.selected{background:#fff}.schema-row.selected i{background:var(--teal);color:#fff}.work-card{display:grid;gap:6px;margin:14px;padding:15px;border:1px solid #dfe8f0;border-radius:8px;background:white}.work-card small{font-size:.57rem;color:#968343;font-weight:850;letter-spacing:.12em}.work-card b{font-size:.78rem}.work-card span{font-size:.62rem;color:#70819c}.work-card i{margin-top:3px;color:var(--teal);font-size:.65rem;font-weight:800;font-style:normal}.review-row{display:grid;grid-template-columns:1.4fr .6fr .8fr;gap:10px;padding:14px 17px;border-bottom:1px solid #e1e9f1;color:#63748e;font-size:.67rem}.review-row.header{padding-block:10px;background:#f5f8fb;color:#8797ad;font-size:.53rem;font-weight:850;letter-spacing:.12em}.review-row b{color:#273751}.review-row em{justify-self:start;padding:3px 6px;border-radius:99px;background:#fff0cf;color:#97610e;font-size:.55rem;font-style:normal;font-weight:800}.review-row em.accepted{background:#dff6eb;color:#08785d}.review-footer{padding:13px 17px;color:var(--teal);font-size:.65rem;font-weight:780}.review-footer span{float:right}
.workflow-section{background:linear-gradient(135deg,#05275f,#0b3c7f 58%,#0a6e86);color:white}.workflow-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:120px;align-items:start}.workflow-intro .eyebrow{color:#b4caeb}.workflow-intro .eyebrow span{background:#73dbcf}.workflow-intro>p{color:#c0d2ea}.workflow-steps{display:grid;gap:0;margin:0;padding:0;list-style:none;border-top:1px solid rgba(229,241,255,.24)}.workflow-steps li{display:grid;grid-template-columns:55px 1fr;gap:14px;padding:25px 0;border-bottom:1px solid rgba(229,241,255,.24)}.workflow-steps li>span{color:#73dbcf;font-size:.7rem;font-weight:850;letter-spacing:.1em}.workflow-steps h3{margin:0 0 5px;font-size:1.1rem;letter-spacing:-.025em}.workflow-steps p{margin:0;color:#bdd0ea;font-size:.9rem}
.outcome-section{padding-block:88px;background:#eef3f8}.outcomes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.outcome-card{min-height:256px;padding:30px;border:1px solid #dbe5ef;border-radius:12px;background:#f8fafc}.outcome-card:nth-child(2){background:var(--deep);border-color:var(--deep);color:white}.outcome-card .number{display:block;margin-bottom:42px;color:var(--teal);font-size:.7rem;font-weight:850;letter-spacing:.15em}.outcome-card:nth-child(2) .number{color:#8de7d9}.outcome-card h3{margin-bottom:12px;font-size:1.45rem}.outcome-card p{margin:0;color:#657691;font-size:.9rem}.outcome-card:nth-child(2) p{color:#bbcae0}
.scope-section{background:white}.scope-card{padding:64px;border-radius:var(--radius);background:#f2f6fa}.scope-heading{max-width:765px}.scope-columns{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:52px;padding-top:30px;border-top:1px solid #d7e1eb}.scope-columns h3{margin-bottom:15px;font-size:1.05rem;letter-spacing:-.015em}.scope-columns ul{display:grid;gap:10px;margin:0;padding:0;list-style:none;color:#52637c;font-size:.89rem}.scope-columns li{position:relative;padding-left:18px}.scope-columns li::before{content:"";position:absolute;top:.57em;left:0;width:6px;height:6px;border-radius:50%;background:var(--teal)}.scope-columns>div:last-child li::before{background:#97a6b8}.scope-note{max-width:800px;margin:45px 0 0;padding:16px 19px;border-left:3px solid var(--teal);background:#e7f7f4;color:#38666b;font-size:.83rem}
.closing{padding:110px 0;background:var(--deep);color:white;text-align:center}.closing-inner{max-width:730px}.closing .eyebrow{justify-content:center;color:#a7c5e8}.closing .eyebrow span{background:#73dbcf}.closing h2{margin-bottom:17px;font-size:clamp(2.45rem,4vw,4.1rem)}.closing p:not(.eyebrow){margin:0 auto 29px;color:#c0d2ea;max-width:540px}.closing .hero-actions{justify-content:center}.site-footer{padding:33px 0;background:#020d20;color:#8496b0}.footer-inner{display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center;font-size:.75rem}.footer-inner p{margin:0}.footer-mark span{color:white}.footer-mark strong{color:#bd86fa}
@media (max-width:920px){.hero{padding-top:74px}.hero-grid{grid-template-columns:1fr;gap:50px}.hero-copy{max-width:660px}.hero-product{width:min(650px,100%);justify-self:center;transform:none}.heading-split,.workflow-grid{grid-template-columns:1fr;gap:25px}.product-showcase{grid-template-columns:1fr}.showcase-tabs{display:flex;gap:4px;overflow-x:auto;padding:13px;border-right:0;border-bottom:1px solid var(--line)}.showcase-tabs button{min-width:210px;padding:12px}.showcase-panel{padding:42px;grid-template-columns:1fr}.workflow-grid{gap:50px}.scope-card{padding:45px}.footer-inner{grid-template-columns:1fr;gap:15px}.footer-inner p:last-child{grid-row:1;justify-self:end}.footer-inner p:nth-child(2){grid-row:2}.footer-mark{grid-row:1}}
@media (max-width:650px){.shell{width:min(100% - 32px,1180px)}.header-inner{min-height:66px}.menu-toggle{display:grid;place-content:center;gap:5px;width:38px;height:38px;padding:0;border:0;background:transparent}.menu-toggle span:not(.sr-only){display:block;width:21px;height:2px;background:var(--ink);transition:transform .2s}.site-nav{display:none;position:absolute;top:66px;left:16px;right:16px;align-items:stretch;gap:0;padding:8px;border:1px solid var(--line);border-radius:12px;background:white;box-shadow:0 16px 40px rgba(20,46,85,.15)}.site-nav.is-open{display:flex;flex-direction:column}.site-nav a{padding:11px}.nav-demo{justify-content:center;margin-top:4px}.hero{padding:64px 0 60px}.eyebrow{font-size:.65rem}h1{font-size:clamp(2.75rem,12vw,4rem)}.hero-lede{font-size:1rem}.hero-product{min-height:auto}.product-workspace{padding:21px 14px}.product-sidebar{width:39px}.product-sidebar span:not(.side-active){display:none}.mini-stat-grid{grid-template-columns:1fr 1fr}.mini-stat-grid>div:last-child{grid-column:span 2}.mini-table>div{grid-template-columns:1.25fr .9fr}.mini-table>div>span:last-child{display:none}.signal-band p{font-size:.74rem}.section{padding:75px 0}.section-heading{margin-bottom:33px}.showcase-tabs button{min-width:230px}.showcase-panel{padding:28px 22px;gap:27px}.showcase-copy h3{font-size:1.65rem}.workflow-steps li{grid-template-columns:42px 1fr}.outcomes-grid,.scope-columns{grid-template-columns:1fr}.outcome-card{min-height:0}.scope-card{padding:30px 22px}.scope-columns{gap:36px;margin-top:35px}.scope-note{margin-top:35px}.closing{padding:78px 0}.footer-inner p:last-child{grid-row:auto;justify-self:start}.footer-inner p:nth-child(2){grid-row:auto}.footer-mark{grid-row:auto}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Brand assets: full lockup for the site shell, compact lockup in the product illustration. */
.brand-logo{display:block;width:auto;height:auto;object-fit:contain}.brand-logo-header{width:176px}.product-short-logo{width:54px}.footer-mark{width:145px}.site-footer{background:#fff;border-top:1px solid #dce5f0;color:#687a96}.footer-mark span{color:inherit}.footer-mark strong{color:inherit}
@media (max-width:650px){.brand-logo-header{width:150px}}

/* The hidden attribute must win over the panel's grid layout. */
.showcase-panel[hidden]{display:none}.showcase-panel.is-active{animation:showcase-panel-in .3s ease both}@keyframes showcase-panel-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media (prefers-reduced-motion:reduce){.showcase-panel.is-active{animation:none}}