@import url("https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&family=Montserrat:wght@300;400;600;700&family=Sacramento&family=Space+Grotesk:wght@500;700&display=swap");
:root{color-scheme:dark;--ink:#ffffff;--paper:#121212;--muted:#c2b392;--line:#443a32;--gold:#e6d6b8;--red:#8b0000;--red-hover:#a51c1c;--soft:#171717;--panel:#1b1b1b;--body:#d9cbb2;--font-body:"Montserrat",sans-serif;--font-display:"Space Grotesk","Montserrat",sans-serif;--font-mono:"JetBrains Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:6px}.skip{color:#121212;position:fixed;top:-100px;left:20px;z-index:20;background:var(--gold);padding:16px}.skip:focus{top:20px}.preview-note{padding:9px 4%;background:var(--panel);color:#fff;font-size:.75rem;letter-spacing:.08em;display:flex;justify-content:space-between;gap:14px}.preview-note span{color:var(--muted);letter-spacing:0}.header{height:94px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--panel);gap:30px}.wordmark{font-size:2.15rem;font-weight:700;letter-spacing:-.075em;display:inline-flex;align-items:center;gap:13px}.brand-line{width:25px;height:5px;background:var(--ink);transform:rotate(-55deg)}nav{display:flex;gap:34px;align-items:center;font-size:.9rem}nav>a:not(.nav-cta):hover{text-decoration:underline;text-underline-offset:5px}.nav-cta{border:1px solid var(--ink);padding:13px 18px;display:flex;gap:32px}.nav-cta:hover{background:var(--gold);color:#121212}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:690px}.hero-copy{padding:74px 6% 0 7.4%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:.77rem;font-weight:700;letter-spacing:.13em;line-height:1.6;display:flex;gap:10px;align-items:center}.small-line{width:22px;height:2px;background:currentColor}h1{font-size:clamp(3.25rem,5.1vw,5.8rem);line-height:1.04;font-weight:500;letter-spacing:-.065em;margin:34px 0 25px}h1 em{font-family:var(--font-display);font-weight:400;letter-spacing:-.065em}.hero-description{font-size:1.12rem;line-height:1.65;max-width:410px;margin:0 0 30px;color:var(--body)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;padding:19px 22px;font-size:.95rem;transition:background .2s,transform .2s}.button:hover{background:var(--red-hover);transform:translateY(-2px)}.dark{background:var(--red);color:white}.button span{font-size:1.4rem}.hero-bottom{display:flex;flex-wrap:wrap;gap:14px 19px;font-size:.67rem;font-weight:700;letter-spacing:.08em;margin-top:auto;padding:54px 0 26px;line-height:1.5}.hero-visual{position:relative;overflow:hidden;background:#b5bbb9;min-height:570px}.hero-visual>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:center}.photo-credit{position:absolute;bottom:12px;right:12px;background:#121212e8;padding:5px 8px;color:#fff;font-size:.75rem}.section-pad{padding:96px 6%}.intro{padding-top:82px;padding-bottom:45px}.intro-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:start;margin-top:25px}h2{font-size:clamp(2.15rem,3.45vw,3.65rem);font-weight:500;line-height:1.1;letter-spacing:-.055em;margin:0}.muted{color:var(--muted)}.intro-grid p{margin:4px 0 0;font-size:1.05rem;line-height:1.75;max-width:440px}.discipline-rule{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px 28px;border-top:1px solid var(--line);margin-top:55px;padding-top:24px;font-size:.83rem;letter-spacing:.03em}.workflow{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:22px}.section-heading p{font-size:1rem;line-height:1.7;color:var(--body);margin:0 0 4px}.workflow-layout{display:grid;grid-template-columns:.9fr 1.35fr;gap:60px;align-items:stretch}.steps{display:flex;flex-direction:column;justify-content:center}.step{border:0;border-top:1px solid var(--line);background:transparent;color:var(--ink);width:100%;display:flex;text-align:left;gap:18px;padding:28px 12px;cursor:pointer;align-items:flex-start;transition:background .25s}.step:last-child{border-bottom:1px solid var(--line)}.step:hover{background:#2c2424}.step.active{background:var(--red)}.step-number{font-size:.8rem;padding-top:4px;color:var(--muted)}.step strong{display:block;font-size:1.1rem;font-weight:500;line-height:1.3}.step small{display:block;font-size:.86rem;color:var(--body);margin-top:9px;line-height:1.45}.step-arrow{margin-left:auto;font-size:1.4rem;opacity:0}.step.active .step-arrow{opacity:1}.product-panel{background:var(--panel);box-shadow:0 15px 50px #1325190c;border:1px solid var(--line);min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:20px 25px;gap:18px}.mini-brand{font-size:1.1rem;letter-spacing:-.06em;font-weight:700}.panel-header>span:last-child{font-size:.67rem;letter-spacing:.08em;color:var(--muted)}.panel-body{padding:30px}.panel-body.animate{animation:panel-in .35s ease both}.panel-kicker{font-size:.73rem;color:var(--muted);letter-spacing:.08em;margin:0 0 15px;line-height:1.5}.panel-body h3{font-size:1.6rem;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0 0 24px}.sample-document{border:1px solid var(--line);border-radius:5px;padding:22px}.document-top{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:.81rem}.pill{font-size:.75rem;color:#b7e8b0;background:#223027;border-radius:20px;padding:5px 10px}.sample-document h4{font-size:1.05rem;font-weight:600;margin:26px 0 10px}.sample-document>p{font-size:.92rem;line-height:1.55;color:var(--body);margin:0 0 23px}.document-detail{display:flex;justify-content:space-between;gap:25px;font-size:.81rem;border-top:1px solid var(--line);padding:13px 0 0;margin-top:13px;line-height:1.45}.document-detail>span{color:var(--muted)}.document-detail strong{font-weight:500;text-align:right}.panel-caption{font-size:.86rem;line-height:1.6;color:var(--muted);margin:20px 0 0}.workflow-note{font-size:.78rem;line-height:1.6;color:var(--muted);margin:24px 0 0;text-align:right}.teams{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.teams-image{position:relative;min-height:730px;background:#c6cbc6;height:100%}.teams-image img{position:absolute;width:100%;height:100%;object-fit:cover}.teams-copy{padding-top:12px}.teams-copy .eyebrow{margin-bottom:23px}.teams-copy>p{font-size:1.05rem;line-height:1.7;color:var(--body);margin:24px 0 35px;max-width:420px}.role{border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.role>span{font-size:.72rem;letter-spacing:.08em;color:var(--muted)}.role h3{font-size:1.14rem;font-weight:500;margin:13px 0 9px}.role p{font-size:.94rem;line-height:1.6;color:var(--body);max-width:410px;margin:0}.outlook{background:var(--panel);color:white}.outlook .eyebrow{color:var(--gold);margin-bottom:35px}.outlook h2{font-size:clamp(3.1rem,6vw,6.25rem);line-height:1.04}.outlook h2 span{color:var(--gold);font-family:var(--font-display);font-style:italic}.outlook-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-top:35px}.outlook-bottom p{font-size:1.08rem;line-height:1.7;max-width:520px;color:var(--body);margin:0}.roadmap-label{font-size:.7rem;letter-spacing:.1em;line-height:1.6;border:1px solid var(--line);padding:13px 16px;color:var(--gold)}.demo{display:grid;grid-template-columns:1.15fr 1fr;gap:80px}.demo .eyebrow{margin-bottom:25px}.demo>div>p{max-width:390px;font-size:1.06rem;line-height:1.7;color:var(--body);margin-top:23px}.demo-agenda>div{display:flex;gap:35px;padding:22px 0;border-bottom:1px solid var(--line)}.demo-agenda>div:first-child{padding-top:0}.demo-agenda span{font-size:.76rem;font-weight:bold;min-width:60px;padding-top:4px}.demo-agenda>div p{font-size:1rem;line-height:1.6;margin:0}.demo-agenda .demo-status{font-size:.81rem;max-width:none;line-height:1.5}footer{margin:0 4%;border-top:1px solid var(--line);padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:25px}footer .wordmark{font-size:1.7rem}footer p{font-size:.88rem}footer>span{font-size:.75rem;color:var(--muted)}.task-row{display:flex;gap:13px;align-items:center;padding:16px 0;border-bottom:1px solid var(--line);font-size:.9rem}.task-row:last-child{border:0}.task-check{width:22px;height:22px;flex-shrink:0;border:1px solid var(--muted);border-radius:50%;display:grid;place-items:center;font-size:.75rem}.task-check.done{background:var(--gold);border-color:var(--gold);color:#121212}.task-row small{display:block;font-size:.77rem;color:var(--muted);margin-top:6px}.task-row .pill{margin-left:auto}.capacity-row{display:grid;grid-template-columns:85px 1fr 48px;align-items:center;gap:14px;margin:20px 0;font-size:.83rem}.capacity-track{height:20px;background:#33302d;border-radius:2px;overflow:hidden}.capacity-fill{height:100%;background:var(--gold)}.capacity-fill.high{background:#ff8c42}.capacity-row>span:last-child{text-align:right}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}.metric{padding:20px;background:var(--soft)}.metric span{font-size:.8rem;color:var(--muted);display:block;line-height:1.5}.metric strong{display:block;font-size:2rem;font-weight:500;letter-spacing:-.05em;margin:10px 0}.metric small{font-size:.75rem;color:var(--muted)}@keyframes panel-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero-copy{padding-top:100px}.hero{min-height:800px}}@media(max-width:1050px){.hero-copy{padding-top:55px}.hero{min-height:630px}.hero-visual{min-height:600px}.workflow-layout{gap:30px;grid-template-columns:1fr 1.2fr}.section-pad{padding:70px 5%}.intro-grid{gap:35px}.teams{gap:6%}.teams-image{min-height:790px}.demo{gap:40px}.panel-body{padding:22px}.step{padding:25px 12px}.hero-bottom{font-size:.65rem}nav{gap:22px}}
@media(max-width:740px){html{scroll-padding-top:20px}.preview-note{font-size:.63rem;padding:8px 5%;flex-wrap:wrap;gap:4px 12px}.header{height:80px;padding:0 5%}.wordmark{font-size:1.85rem}nav{gap:12px}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:.8rem;padding:11px 13px;gap:20px}.hero{display:flex;flex-direction:column}.hero-copy{padding:48px 6% 0}.eyebrow{font-size:.7rem}h1{font-size:clamp(3rem,10.5vw,4.7rem);margin:27px 0 23px}.hero-description{font-size:1.04rem;max-width:470px}.hero-bottom{padding:36px 0 25px;gap:10px 15px}.hero-visual{min-height:410px}.hero-visual>img{object-position:center 40%}.section-pad{padding:58px 6%}.intro-grid{grid-template-columns:1fr;gap:23px;margin-top:20px}.intro-grid p{font-size:1rem}.discipline-rule{margin-top:34px;gap:18px;font-size:.77rem;line-height:1.4}h2{font-size:2.45rem}.section-heading{display:block;margin-bottom:28px}.section-heading p{margin-top:22px;font-size:.96rem}.workflow-layout{grid-template-columns:1fr;gap:25px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:9px}.step,.step:last-child{border:1px solid var(--line);padding:16px 12px;gap:10px}.step strong{font-size:.92rem}.step small{font-size:.76rem;margin-top:6px}.step-number{font-size:.73rem}.step-arrow{display:none}.panel-header{padding:18px}.panel-header>span:last-child{font-size:.61rem}.panel-body{padding:24px 18px;min-height:405px}.panel-body h3{font-size:1.5rem}.sample-document{padding:17px}.document-detail{gap:12px}.workflow-note{text-align:left;font-size:.75rem}.teams{grid-template-columns:1fr;gap:34px}.teams-image{height:390px;min-height:0}.teams-copy{padding:0}.teams-copy h2 br:last-child{display:none}.teams-copy>p{max-width:none}.outlook h2{font-size:3.7rem}.outlook-bottom{display:block}.outlook-bottom p{font-size:1rem}.roadmap-label{display:inline-block;margin-top:28px;font-size:.65rem}.demo{grid-template-columns:1fr;gap:25px}.demo-agenda>div:first-child{padding-top:20px;border-top:1px solid var(--line)}footer{margin:0 6%;flex-wrap:wrap;padding:28px 0;gap:12px 25px}footer p{margin-left:auto}footer>span{width:100%}.capacity-row{grid-template-columns:75px 1fr 40px;gap:8px}.task-row{font-size:.82rem}.task-row .pill{font-size:.66rem;padding:5px 7px}.metric{padding:17px}.outlook h2{font-size:clamp(2.8rem,10vw,4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* APEX Sense identity, from the live platform tokens and header. */
h1,h2,h3{font-family:var(--font-display);letter-spacing:-.04em}
h1{font-size:clamp(2.8rem,4.6vw,5.2rem);line-height:1.1}h1 em{font-style:normal;color:var(--gold);letter-spacing:-.04em}
.eyebrow,.panel-kicker,.step-number,.role>span,.roadmap-label{font-family:var(--font-mono)}
.eyebrow{color:var(--gold)}
.hero-copy{background:radial-gradient(ellipse at 0 0,#e6d6b812,transparent 65%),radial-gradient(ellipse at 100% 100%,#8b000025,transparent 65%)}
.wordmark,.mini-brand{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-body);font-weight:700;letter-spacing:.3px;flex-shrink:0;white-space:nowrap}
.wordmark{font-size:1.8rem;line-height:1.2}.brand-mark{width:68px;height:40px;object-fit:contain;flex-shrink:0}
.brand-name{display:inline-flex;align-items:baseline;gap:.2em}.apex-sense-script{font-family:"Sacramento","Segoe Script","Brush Script MT",cursive;font-size:1.45em;font-weight:400;line-height:1.3;letter-spacing:0;color:var(--gold);padding-right:.12em}
@supports (background-clip:text) or (-webkit-background-clip:text){.apex-sense-script{background-image:linear-gradient(110deg,#fff,var(--gold));background-clip:text;-webkit-background-clip:text;color:transparent}}
.mini-brand{font-size:1rem;gap:5px}.mini-brand .brand-mark{width:38px;height:26px}.mini-brand .apex-sense-script{font-size:1.4em}
.panel-header>span:last-child{font-size:.75rem}.product-panel{box-shadow:0 15px 50px #0003}
.step.active .step-number,.step.active small{color:#f4ebdd}.nav-cta{border-color:var(--gold);color:var(--gold)}
.outlook{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:radial-gradient(ellipse at 100% 100%,#8b00003b,transparent 65%),var(--panel)}
.outlook h2 span{font-style:normal}.header{background:var(--paper)}
footer .wordmark{font-size:1.5rem}footer .brand-mark{width:56px;height:34px}
@media(max-width:740px){.header{gap:14px}.wordmark{font-size:1.25rem;gap:4px}.brand-mark{width:43px;height:32px}.nav-cta{font-size:.8rem;gap:12px;padding:11px 12px}h1{font-size:clamp(2.55rem,9.5vw,4.4rem)}.panel-header{flex-wrap:wrap}.hero-bottom{font-size:.75rem}.step small{font-size:.875rem}.step strong{font-size:1rem}.capacity-row{grid-template-columns:95px 1fr 46px}.outlook h2{overflow-wrap:break-word}}
@media(max-width:360px){.header{height:auto;min-height:90px;flex-wrap:wrap;padding-top:14px;padding-bottom:14px}.wordmark{font-size:1.35rem}.steps{grid-template-columns:1fr}.task-row{flex-wrap:wrap}}
@media(forced-colors:active){.apex-sense-script{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}.step.active{outline:2px solid Highlight}.button{border:1px solid ButtonText}}
.screen{margin:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#1b1b1b}.screen img{display:block;width:100%;height:auto}
.steps{justify-content:flex-start}.panel-notes{margin:14px 0 0;padding-left:18px;color:var(--body);font-size:.86rem;line-height:1.55}.panel-notes li+li{margin-top:6px}
.step{padding:18px 12px}.step small{margin-top:5px}@media(max-width:740px){.step:last-child:nth-child(odd){grid-column:1/-1}}
/* R13-P5-1: the fixed example label, outside #panel-content so every stage shows it. */
.example-label{margin:0;padding:10px 25px;border-bottom:1px solid var(--line);font-size:.8rem;line-height:1.5;color:var(--gold)}@media(max-width:740px){.example-label{padding:9px 18px}}