@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650&display=swap');
:root{--sand:#e9dfce;--ink:#332e27;--muted:#746956;--line:#bfb29b;--cream:#f5f0e7;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--sand);font-synthesis:none;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #7d5935;outline-offset:7px}::selection{background:#aa8d61;color:white}.skip{position:fixed;top:-70px;left:20px;z-index:20;background:var(--cream);padding:15px}.skip:focus{top:10px}
.site-nav{position:absolute;inset:0 0 auto;z-index:5;padding:30px 4%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;gap:10px;align-items:center;font-size:29px;letter-spacing:-1.5px;font-weight:600}.brand svg{width:30px;height:35px}.nav-links{display:flex;align-items:center;gap:30px;font-size:14px}.nav-links>a:not(.pill){position:relative}.nav-links>a:not(.pill):after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav-links>a:hover:after{transform:scaleX(1)}.pill{border:1px solid var(--ink);border-radius:100px;padding:12px 23px;display:inline-flex;align-items:center;gap:25px;transition:background .25s,color .25s}.pill.solid{background:var(--ink);color:var(--cream)}.pill:hover{background:#796a53;color:white}.menu-toggle{background:transparent;font-size:13px;padding:12px 20px}.menu-toggle span{font-size:16px}.menu-dialog{border:0;background:var(--sand);color:var(--ink);padding:90px 8%;width:min(800px,94vw);max-height:90svh}.menu-dialog::backdrop{background:#332e2777;backdrop-filter:blur(8px)}.menu-dialog nav{display:flex;flex-direction:column;gap:20px;font-size:clamp(28px,5vw,64px);letter-spacing:-2px}.menu-dialog nav a:hover{color:#9a805c}.menu-dialog .close-menu{position:absolute;right:24px;top:24px;background:transparent;border:0;padding:10px;font-size:16px}
.hero-track{height:165svh;min-height:1150px}.hero{position:sticky;top:0;height:100svh;min-height:740px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 66% 42%,#f5efe4 0%,#e9dfce 60%,#dfd2be 100%)}.hero:after{content:'';position:absolute;bottom:0;left:0;right:0;height:15%;background:linear-gradient(transparent,var(--sand));z-index:-1;pointer-events:none}.hero-heading{position:absolute;left:4%;top:145px;z-index:2;pointer-events:none;transform:translateY(calc(var(--progress,0)*-100px));opacity:calc(1 - var(--progress,0)*1.3)}.eyebrow{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;font-weight:500;margin:0 0 25px}.hero h1{font-size:clamp(62px,7vw,112px);line-height:1.01;font-weight:450;letter-spacing:-.065em;margin:0}.hero h1 span{color:#968366}.hero-actions{display:flex;gap:32px;margin-top:32px;pointer-events:auto}.text-link{display:inline-flex;justify-content:space-between;gap:40px;padding:10px 0;border-bottom:1px solid var(--ink);font-size:13px;text-transform:uppercase;letter-spacing:.4px;background:none;border-top:0;border-right:0;border-left:0;transition:gap .2s}.text-link:hover{gap:54px}.logo-stage{position:absolute;inset:180px 0 32px;touch-action:pan-y;z-index:1}.logo-stage canvas{width:100%;height:100%;display:block}.hero-note{position:absolute;right:4%;bottom:54px;width:245px;z-index:2;opacity:calc(1 - var(--progress,0))}.hero-note p{font-size:17px;line-height:1.45;margin:18px 0 0}.note-top{border-top:1px solid var(--line);padding-top:14px;display:flex;align-items:center;gap:20px;font-size:11px;line-height:1.45}.note-top strong{font-size:34px;font-weight:450;white-space:nowrap}.hero-bottom{position:absolute;bottom:52px;left:4%;z-index:2;display:flex;align-items:center;gap:38px;font-size:12px;opacity:calc(1 - var(--progress,0))}.scroll-link{width:45px;height:45px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:20px}.logo-demo{border:0;background:transparent;padding:12px 0;color:var(--muted);font-size:12px}.logo-error{position:absolute;top:60%;left:30%;right:30%;z-index:3;font-size:16px;text-align:center}
.section{padding:125px 7%;scroll-margin-top:40px}.intro{padding-top:90px;display:grid;grid-template-columns:1fr 4fr;gap:6%}.intro .eyebrow{padding-top:14px}.intro h2{font-size:clamp(35px,4.4vw,68px);font-weight:450;line-height:1.14;letter-spacing:-.045em;margin:0 0 44px;max-width:1060px}.intro h2 span{color:#a29580}.intro-foot{display:flex;align-items:start;justify-content:space-between;gap:60px}.intro-foot p{font-size:17px;line-height:1.5;margin:0;max-width:360px}.intro-foot .text-link{white-space:nowrap}.ribbon{overflow:hidden;border-block:1px solid var(--line);padding:30px 0}.ribbon-line{display:flex;justify-content:center;gap:4vw;white-space:nowrap;font-size:clamp(40px,7.6vw,116px);letter-spacing:-.045em;font-weight:450}.ribbon-line span:nth-child(2){color:#a29580}.ribbon-line i{font-size:.6em;font-style:normal;align-self:center;color:#a29580}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:80px 7% 100px}.stat{border-top:1px solid var(--line);padding-top:25px}.stat strong{font-size:clamp(55px,8vw,120px);font-weight:400;letter-spacing:-.065em;display:block;line-height:1.1}.stat p{font-size:15px;color:var(--muted);max-width:220px;line-height:1.4}
.workflow{background:var(--cream)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:70px}.section-top h2,.industry h2{font-size:clamp(45px,5.5vw,82px);font-weight:450;line-height:1.05;letter-spacing:-.055em;margin:0}.workflow-list details{border-top:1px solid #cbbfae}.workflow-list details:last-child{border-bottom:1px solid #cbbfae}.workflow-list summary{list-style:none;display:grid;grid-template-columns:70px 1fr 40px;align-items:center;gap:20px;padding:29px 0;cursor:pointer}.workflow-list summary::-webkit-details-marker{display:none}.workflow-list summary small{font-size:12px;color:var(--muted)}.workflow-list summary h3{font-size:clamp(23px,3vw,43px);font-weight:450;letter-spacing:-1px;margin:0}.workflow-list summary span{font-size:28px;transition:transform .2s}.workflow-list details[open] summary span{transform:rotate(45deg)}.workflow-list details p{font-size:18px;line-height:1.55;max-width:600px;margin:0 60px 32px 90px;color:var(--muted)}.industry-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:60px}.industry-grid a{border-top:1px solid var(--line);padding:35px 0;display:grid;grid-template-columns:1fr auto;gap:20px}.industry-grid h3{font-size:36px;font-weight:450;letter-spacing:-1px;margin:0}.industry-grid p{font-size:17px;line-height:1.5;max-width:390px;color:var(--muted);margin:20px 0 0}.industry-grid .circle{width:58px;height:58px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:24px;transition:background .25s}.industry-grid a:hover .circle{background:var(--cream)}.footer{padding:100px 7% 28px;background:#ded0ba}.footer h2{font-size:clamp(64px,10vw,148px);font-weight:450;line-height:1.02;letter-spacing:-.065em;margin:20px 0 45px}.footer .pill{font-size:16px;padding:18px 30px}.footer-bottom{border-top:1px solid #b5a589;margin-top:110px;padding-top:28px;display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-bottom p,.footer-bottom>a{font-size:13px}.reveal{transition:opacity .8s,transform .8s}.motion-ready .reveal:not(.shown){opacity:0;transform:translateY(30px)}
@media(min-width:1600px){.hero-heading{top:16vh}.logo-stage{inset:20vh 0 5vh}}
@media(max-width:900px){.nav-links{gap:14px}.nav-links .desktop-link{display:none}.hero-heading{top:130px}.hero h1{font-size:clamp(57px,9vw,83px)}.logo-stage{inset:230px -10% 85px}.hero-note{width:225px}.hero-note p{font-size:15px}.intro{grid-template-columns:1fr;gap:20px}.intro-foot{gap:30px}.section{padding:85px 6%}.stats{gap:25px}.section-top{align-items:start;flex-direction:column;gap:30px}.industry-grid{gap:25px}}
@media(max-width:560px){.site-nav{padding:22px 6%}.brand{font-size:25px}.brand svg{width:26px}.nav-links{gap:8px}.nav-links>.solid{display:none}.menu-toggle{padding:10px 16px}.hero{min-height:780px}.hero-track{min-height:1150px}.hero-heading{top:125px;left:6%;right:6%}.eyebrow{font-size:11px;margin-bottom:22px}.hero h1{font-size:clamp(45px,10.5vw,60px)}.hero-actions{gap:22px;margin-top:24px}.text-link{gap:22px;font-size:11px}.logo-stage{inset:280px -15% 140px}.hero-note{bottom:32px;right:6%;width:175px}.note-top strong{font-size:26px}.note-top{font-size:11px;gap:12px}.hero-note p{font-size:13px}.hero-bottom{bottom:33px;left:6%;flex-direction:column;align-items:start;gap:8px}.logo-demo{font-size:11px;max-width:120px;text-align:left}.intro h2{font-size:36px}.intro-foot{flex-direction:column;gap:25px}.intro-foot p{font-size:16px}.ribbon{padding:25px 0}.ribbon-line{font-size:38px;gap:18px}.stats{grid-template-columns:1fr;padding:65px 6%;gap:30px}.stat{display:flex;justify-content:space-between;align-items:center;gap:20px}.stat strong{font-size:68px}.stat p{width:135px;font-size:14px}.section-top h2,.industry h2{font-size:46px}.workflow-list summary{grid-template-columns:30px 1fr 25px;gap:10px;padding:25px 0}.workflow-list summary h3{font-size:25px}.workflow-list details p{margin-left:40px;margin-right:10px;font-size:16px}.industry-grid{grid-template-columns:1fr;gap:0}.industry-grid h3{font-size:31px}.footer{padding:70px 6% 25px}.footer h2{font-size:64px}.footer-bottom{flex-wrap:wrap;margin-top:80px}.footer-bottom .brand{width:100%}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.shown){opacity:1;transform:none}.hero-track{height:auto;min-height:0}.hero{position:relative}}

/* Balance the desktop composition with the existing supporting copy on the left. */
.hero-summary{display:none}
@media(min-width:1001px){
  .hero-summary{display:block;position:absolute;left:4%;bottom:150px;width:min(390px,34%);margin:0;z-index:2;font-size:clamp(18px,1.5vw,23px);line-height:1.45;letter-spacing:-.025em;color:var(--muted);opacity:calc(1 - var(--progress,0));pointer-events:none}
  .hero-note p{visibility:hidden}
}

.hero-info{display:contents}
@media(min-width:1001px){
  .hero-info{position:absolute;left:4%;right:4%;bottom:150px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:60px}
  .hero-info .hero-summary{position:static;width:min(390px,40%);flex-shrink:0}
  .hero-info .hero-note{position:static;width:245px;flex-shrink:0}
  .hero-info .hero-note p{display:none}
  .hero-info .note-top{position:relative;border-top:0;padding-top:0}
  .hero-info .note-top:before{content:'';position:absolute;left:0;right:0;top:-20px;border-top:1px solid var(--line)}
}

/* Timing detail without a divider. */
.note-top{border-top:0}
.hero-info .note-top:before{content:none}

/* Center the single hero scroll control at every screen size. */
.hero-bottom{left:50%;right:auto;transform:translateX(-50%);align-items:center;gap:0}

/* Runbook brand accents; retain the established sandy hero background. */
:root{--ink:#1d2320;--pine:#2a4a42;--sage:#7e9a90;--clay:#c0603a;--wheat:#f0dcb2;--brand-sand:#e1d7c8;--linen:#f2ece2;--paper:#fcf9f4}
::selection{background:var(--wheat);color:var(--ink)}
.pill.solid{background:var(--pine);border-color:var(--pine);color:var(--paper)}
.pill:hover{background:var(--ink);border-color:var(--ink);color:var(--paper)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--pine)}
.nav-links>a:not(.pill):after{background:var(--clay)}
.text-link:hover{color:var(--pine);border-color:var(--pine)}
.menu-dialog nav a:hover{color:var(--pine)}
.scroll-link:hover{background:var(--wheat);border-color:var(--sage)}
.industry-grid a:hover .circle{background:var(--pine);color:var(--paper);border-color:var(--pine)}

/* Center the hero composition now that the bottom scroll control is removed. */
@media(min-width:1001px){
  .hero-heading{top:clamp(150px,25svh,320px)}
  .hero-info{bottom:clamp(72px,10svh,125px)}
}
@media(min-width:561px) and (max-width:1000px){
  .hero-heading{top:150px}
}

/* Consistent vector icons and optical alignment across navigation and CTAs. */
.button-icon{display:block;width:20px;height:20px;flex:0 0 20px}
.pill,.text-link{align-items:center}
.pill{line-height:1.2;min-height:44px}
.menu-toggle{gap:18px}
.text-link .button-icon{width:18px;height:18px;flex-basis:18px}

/* Let the mobile hero read in order and grow on shorter screens. */
@media(max-width:1000px){
  .hero-track{height:auto;min-height:0}
  .hero{position:relative;height:auto;min-height:100svh;display:grid;grid-template-rows:auto minmax(clamp(220px,60vw,380px),1fr) auto;gap:24px;padding:120px 6% 32px}
  .hero-heading{position:relative;inset:auto;width:100%;max-width:720px;justify-self:center;transform:none;opacity:1}
  .hero .eyebrow{font-size:clamp(10px,1.55vw,12px);line-height:1.4;letter-spacing:1.2px;margin-bottom:22px}
  .hero h1{font-size:clamp(37px,10.8vw,76px);line-height:1.04}
  .hero-actions{gap:22px;margin-top:28px}
  .hero-actions .text-link{flex:1;min-width:0;gap:12px;min-height:44px;font-size:12px;white-space:nowrap}
  .logo-stage{position:relative;inset:auto;width:100%;min-height:220px;align-self:stretch}
  .hero-info{position:relative;inset:auto;display:flex;flex-direction:column;gap:20px;width:100%;max-width:720px;justify-self:center;z-index:2}
  .hero-info .hero-summary{display:block;position:static;width:100%;margin:0;font-size:16px;line-height:1.55;letter-spacing:-.015em;color:var(--muted);opacity:1}
  .hero-info .hero-note{position:static;width:100%;opacity:1}
  .hero-note p{display:none}
  .hero-note .note-top{padding-top:0;gap:16px;font-size:10px;line-height:1.5}
  .hero-note .note-top strong{font-size:30px}
}
@media(max-width:1000px) and (max-height:700px){
  .hero{padding-top:104px;padding-bottom:28px;row-gap:20px;grid-template-rows:auto minmax(200px,1fr) auto}
  .hero .eyebrow{margin-bottom:18px}
  .logo-stage{min-height:200px}
}