.homepage-story{--navy:#070b14;--blue:#0e9dfd;--action:#006cb8;--white:#fff;--text:#b9c8d7;--line:#2b3543;--space-s:16px;--space-m:24px;--space-l:48px;--space-xl:96px}.homepage-story *{box-sizing:border-box}.homepage-story{scroll-behavior:smooth;background:var(--navy);color:var(--white);font:16px/1.65 var(--font-inter),sans-serif;-webkit-font-smoothing:antialiased;margin:0;scroll-padding-top:35px}.homepage-story button{font:inherit;cursor:pointer}.homepage-story a:not(.group\/button){color:inherit;text-decoration:none}.homepage-story button,.homepage-story a{-webkit-tap-highlight-color:transparent}.homepage-story a:focus-visible,.homepage-story button:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.homepage-story img{max-width:100%;height:auto;display:block}.homepage-story h1,.homepage-story h2,.homepage-story h3,.homepage-story p,.homepage-story figure,.homepage-story blockquote{margin:0}.homepage-story h1,.homepage-story h2,.homepage-story h3{font-family:var(--font-title),sans-serif;letter-spacing:-.035em;font-weight:600;line-height:1.12}.homepage-story .container{width:min(1240px,100% - 64px);margin-inline:auto}.homepage-story .skip{color:var(--navy);z-index:20;background:#fff;padding:12px 24px;position:fixed;top:-100px;left:20px}.homepage-story .skip:focus{top:12px}.homepage-story .header{z-index:5;color:#15283b;background:#fff;border-radius:17px;justify-content:space-between;align-items:center;gap:30px;margin:10px;padding:16px 24px;display:flex;position:relative}.homepage-story .logo{flex-shrink:0}.homepage-story .logo img{width:137px;height:auto}.homepage-story .desktop-nav{align-items:center;gap:26px;font-size:13px;font-weight:600;display:flex}.homepage-story .desktop-nav a:hover{color:var(--action)}.homepage-story .header-actions{align-items:center;gap:25px;display:flex}.homepage-story .login{font-size:13px}.homepage-story .nav-button{padding:10px 16px;font-size:12px}.homepage-story .menu-button{background:0 0;border:0;width:44px;height:44px;padding:10px;display:none}.homepage-story .menu-button span{background:#14283b;height:1px;margin:6px 0;display:block}.homepage-story .hero{grid-template-columns:.88fr 1.12fr;align-items:center;gap:45px;padding-block:64px 52px;display:grid}.homepage-story .problem{color:var(--blue);font-size:14px;font-weight:400;line-height:1.6}.homepage-story .problem strong{font-weight:600}.homepage-story .hero h1{letter-spacing:-.04em;margin:23px 0 26px;font-size:clamp(44px,4.8vw,65px);line-height:1.08}.homepage-story .intro{color:var(--text);max-width:470px;font-size:17px;line-height:1.75}.homepage-story .hero-actions{flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px;display:flex}.homepage-story .text-link{text-underline-offset:5px;align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:600;-webkit-text-decoration:underline #738598;text-decoration:underline #738598;display:inline-flex}.homepage-story .text-link:hover{color:var(--blue);-webkit-text-decoration-color:var(--blue);text-decoration-color:var(--blue)}.homepage-story .reassurance{color:#a0b4c8;max-width:420px;margin-top:23px;font-size:11px}.homepage-story .hero-visual{min-width:0}.homepage-story .hero-visual img{border:1px solid #52677c;border-radius:17px;width:100%}.homepage-story .hero-visual figcaption{color:#b8cadb;justify-content:center;align-items:center;gap:13px;margin-top:17px;font-size:11px;display:flex}.homepage-story .hero-visual figcaption>span:nth-child(2n){color:var(--blue)}.homepage-story .recognition{border-block:1px solid var(--line);padding-block:26px 29px}.homepage-story .recognition>h2{font-family:var(--font-inter),sans-serif;letter-spacing:0;color:#b4c6d8;margin-bottom:18px;font-size:12px;font-weight:400}.homepage-story .pain-links{grid-template-columns:repeat(3,1fr);gap:35px;display:grid}.homepage-story .pain-links a{font-family:var(--font-title),sans-serif;letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:14px;padding:0 22px 0 0;font-size:21px;line-height:1.4;display:flex}.homepage-story .pain-links a+a{border-left:1px solid var(--line);padding-left:25px}.homepage-story .pain-links a>span:last-child{color:var(--blue);font-size:21px}.homepage-story .pain-links a:hover>span:first-child{color:#c6e7ff}.homepage-story .customers{align-items:center;gap:40px;padding-block:38px 42px;display:flex}.homepage-story .customers>p{color:#a1b4c7;max-width:185px;font-size:11px}.homepage-story .customer-logos{flex:1;justify-content:space-between;align-items:center;gap:45px;min-width:0;display:flex}.homepage-story .customer-logos img{object-fit:contain;filter:grayscale()brightness(0)invert();opacity:.8;max-width:148px;max-height:34px}.homepage-story .customer-logos img:first-child{filter:grayscale();opacity:1}.homepage-story .story{border-top:1px solid var(--line);padding-block:70px 75px}.homepage-story .story-head{max-width:825px;margin-bottom:38px}.homepage-story .story-head h2{margin:18px 0 22px;font-size:clamp(34px,3.6vw,48px);line-height:1.15}.homepage-story .story-head>p:last-child{max-width:650px;color:var(--text);font-size:16px}.homepage-story .story-layout{grid-template-columns:1.5fr 1fr;align-items:center;gap:65px;display:grid}.homepage-story .product-figure{min-width:0}.homepage-story .product-figure img{border:1px solid #546779;border-radius:17px;width:100%}.homepage-story .story-notes{padding-block:15px}.homepage-story .chapter{font:10px/1.5 var(--font-geist-mono),monospace;color:#9bb1c7;letter-spacing:.05em}.homepage-story .story-notes h3{margin:19px 0;font-size:30px;line-height:1.25}.homepage-story .story-notes>p{color:var(--text);max-width:330px;font-size:14px;line-height:1.8}.homepage-story .story-notes ul{color:#d0deeb;margin:22px 0;padding:0;font-size:12px;list-style:none}.homepage-story .story-notes li{align-items:flex-start;gap:10px;margin:12px 0;display:flex}.homepage-story .story-notes li:before{content:"✓";color:var(--blue);font-size:13px}.homepage-story .reverse .product-figure{order:2}.homepage-story .reverse .story-notes{order:1}.homepage-story .reverse{grid-template-columns:1fr 1.5fr}.homepage-story .workforce{padding-top:65px}.homepage-story .proof{border-block:1px solid var(--line);grid-template-columns:1fr 1.3fr;gap:85px;padding-block:65px;display:grid}.homepage-story .proof h2{margin:18px 0 23px;font-size:34px}.homepage-story .proof .quote blockquote{font:600 29px/1.5 var(--font-title),sans-serif;letter-spacing:-.02em}.homepage-story .quote>p{margin-top:22px;font-size:12px;line-height:1.8}.homepage-story .quote>p strong,.homepage-story .quote>p span{display:block}.homepage-story .quote>p span{color:#9fb5c9;font-size:11px}.homepage-story .demo{border:1px solid var(--line);border-radius:22px;min-height:445px;margin-top:65px;padding:55px 60px;position:relative;overflow:hidden}.homepage-story .demo-copy{z-index:1;max-width:650px;position:relative}.homepage-story .demo h2{margin:20px 0 24px;font-size:clamp(40px,4.4vw,57px)}.homepage-story .demo-copy>p:not(.problem){max-width:460px;color:var(--text);font-size:16px}.homepage-story .demo .demo-note{color:#9fb5c9;margin-top:14px;font-size:10px;display:block}.homepage-story .route{pointer-events:none;width:400px;height:520px;position:absolute;top:-10px;right:-80px}.homepage-story .footer{color:#a0b5ca;align-items:center;gap:25px;padding-block:40px 28px;font-size:10px;display:flex}.homepage-story .footer>p{margin-left:auto}.homepage-story .footer>div{gap:18px;display:flex}.homepage-story .footer a:hover{color:#fff}.homepage-story .footer img{width:112px}.homepage-story [hidden]{display:none!important}@media (max-width:1100px){.homepage-story .desktop-nav{gap:18px;font-size:12px}.homepage-story .header{gap:20px;padding-inline:20px}.homepage-story .logo img{width:118px}.homepage-story .header-actions{gap:15px}.homepage-story .login{display:none}.homepage-story .hero{gap:30px;padding-block:50px}.homepage-story .hero h1{font-size:clamp(42px,4.7vw,55px)}.homepage-story .intro{font-size:15px}.homepage-story .hero-actions{gap:10px}.homepage-story .hero-visual figcaption{gap:8px;font-size:9px}.homepage-story .story-layout,.homepage-story .reverse{gap:36px}.homepage-story .customer-logos{gap:30px}.homepage-story .customer-logos img{max-width:120px}.homepage-story .customers{gap:30px}.homepage-story .pain-links a{font-size:18px}.homepage-story .proof{gap:45px}.homepage-story .route{right:-170px}}@media (max-width:760px){.homepage-story .container{width:calc(100% - 40px)}.homepage-story .header{border-radius:14px;flex-wrap:wrap;gap:10px;margin:8px;padding:12px 14px}.homepage-story .logo img{width:112px}.homepage-story .desktop-nav{display:none}.homepage-story .header-actions{gap:5px}.homepage-story .nav-button span{font-size:16px}.homepage-story .menu-button{display:block}.homepage-story .header #mobile-menu{flex-direction:column;gap:10px;width:100%;padding-block:10px;font-size:14px;display:flex}.homepage-story .header #mobile-menu a{padding:9px}.homepage-story .hero{grid-template-columns:1fr;gap:32px;padding-top:35px;padding-bottom:33px}.homepage-story .hero .problem{font-size:12px}.homepage-story .hero h1{letter-spacing:-.035em;margin:19px 0 22px;font-size:clamp(41px,9.6vw,61px)}.homepage-story .intro{max-width:460px;font-size:15px}.homepage-story .hero-actions{gap:11px 22px;margin-top:23px}.homepage-story .nav-button{gap:9px;padding:10px 12px;font-size:10px}.homepage-story .reassurance{margin-top:17px;font-size:10px}.homepage-story .hero-visual img{border-radius:12px}.homepage-story .hero-visual figcaption{gap:7px;margin-top:12px;font-size:9px}.homepage-story .recognition{padding-block:24px}.homepage-story .pain-links{grid-template-columns:1fr;gap:0}.homepage-story .pain-links a,.homepage-story .pain-links a+a{border-left:0;border-top:1px solid var(--line);padding:17px 0;font-size:19px}.homepage-story .pain-links br{display:none}.homepage-story .pain-links a:first-child{border-top:0;padding-top:0}.homepage-story .pain-links a:last-child{padding-bottom:0}.homepage-story .recognition>h2{margin-bottom:13px;font-size:11px}.homepage-story .customers{padding-block:30px 38px;display:block}.homepage-story .customers>p{text-align:center;max-width:none;font-size:10px}.homepage-story .customer-logos{grid-template-columns:1fr 1fr;justify-items:center;gap:26px 25px;margin-top:25px;display:grid}.homepage-story .customer-logos img{max-width:125px;max-height:30px}.homepage-story .story,.homepage-story .workforce{padding-block:43px}.homepage-story .problem{font-size:12px}.homepage-story .story-head{margin-bottom:27px}.homepage-story .story-head h2{margin-block:17px 20px;font-size:clamp(30px,7.7vw,44px);line-height:1.2}.homepage-story .story-head>p:last-child{font-size:14px;line-height:1.8}.homepage-story .story-layout,.homepage-story .reverse{grid-template-columns:1fr;gap:27px}.homepage-story .product-figure img{border-radius:12px}.homepage-story .reverse .product-figure{order:0}.homepage-story .reverse .story-notes{order:1}.homepage-story .story-notes{padding:0}.homepage-story .story-notes h3{margin-block:15px;font-size:29px}.homepage-story .story-notes>p{max-width:420px;font-size:14px}.homepage-story .story-notes ul{font-size:12px}.homepage-story .proof{grid-template-columns:1fr;gap:28px;padding-block:40px}.homepage-story .proof h2{font-size:31px}.homepage-story .proof .quote blockquote{font-size:26px;line-height:1.45}.homepage-story .demo{border-radius:17px;width:calc(100% - 24px);min-height:550px;margin-top:42px;padding:35px 23px 130px}.homepage-story .demo h2{font-size:41px}.homepage-story .demo-copy>p:not(.problem){font-size:14px}.homepage-story .demo-note{max-width:240px;font-size:10px}.homepage-story .route{width:320px;height:380px;top:auto;bottom:-270px;right:-35px}.homepage-story .footer{flex-wrap:wrap;gap:22px;padding-block:35px}.homepage-story .footer img{width:100px}.homepage-story .footer>p{flex-basis:100%;order:3;margin:0;font-size:9px}.homepage-story .footer>div{margin-left:auto;font-size:9px}}@media (prefers-reduced-motion:reduce){.homepage-story{scroll-behavior:auto}.homepage-story *,.homepage-story :before,.homepage-story :after{transition:none!important}}.homepage-story .header a:focus-visible,.homepage-story .header button:focus-visible{outline-color:var(--action)}@media (max-width:360px){.homepage-story .header{gap:8px;padding:10px}.homepage-story .logo img{width:94px}.homepage-story .nav-button{gap:7px;min-height:42px;padding:9px 10px;font-size:9px}.homepage-story .menu-button{width:36px;padding:8px}.homepage-story .header-actions{gap:3px}}.homepage-story .hero{padding-top:80px}.homepage-story .reassurance{font-size:13px}.homepage-story .customers{border-top:1px solid var(--line)}.homepage-story .entry-points{border-top:1px solid var(--line);padding-block:64px 72px}.homepage-story .entry-points h2{margin-top:16px;font-size:clamp(32px,3.6vw,48px)}.homepage-story .entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:36px;display:grid}.homepage-story .entry-grid a{border-top:1px solid var(--line);flex-direction:column;gap:18px;padding-top:24px;display:flex}.homepage-story .entry-grid h3{font-size:25px;line-height:1.25}.homepage-story .entry-grid p{color:var(--text);font-size:15px}.homepage-story .entry-grid span{color:var(--blue);margin-top:auto;font-size:14px}.homepage-story .entry-grid a:hover h3{text-underline-offset:5px;text-decoration:underline}.homepage-story .demo{margin-bottom:80px}@media (max-width:760px){.homepage-story .hero{padding-top:40px}.homepage-story .entry-grid{grid-template-columns:1fr;gap:28px}.homepage-story .entry-points{padding-block:40px}.homepage-story .entry-grid h3{font-size:25px}}.homepage-story .hero{grid-template-columns:.9fr 1.1fr;gap:48px}.homepage-story .hero-visual img{border:0;border-radius:18px}.homepage-story .hero-visual figcaption{font-size:12px}.homepage-story .story{padding-bottom:64px}.homepage-story .story-head{max-width:900px}.homepage-story .step-tabs{border-bottom:1px solid #344252;gap:0;margin-bottom:36px;display:flex}.homepage-story .step-tabs button{color:#b9c8d7;font:600 16px/1.4 var(--font-inter),sans-serif;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;align-items:center;gap:14px;padding:20px 24px;display:flex}.homepage-story .step-tabs button span{color:#8ba8c0;font-size:12px;font-weight:400}.homepage-story .step-tabs button[aria-selected=true]{color:#fff;background:#101c2a;border-bottom-color:#0e9dfd;border-radius:8px 8px 0 0}.homepage-story .step-tabs button[aria-selected=true] span{color:#0e9dfd}.homepage-story .step-panel{grid-template-columns:.75fr 1.25fr;align-items:center;gap:48px;display:grid}.homepage-story .step-panel:focus-visible{outline-offset:8px;outline:2px solid #0e9dfd}.homepage-story .step-panel picture{min-width:0;display:block}.homepage-story .step-panel img{border-radius:18px;width:100%}.homepage-story .step-copy h3{margin:18px 0 24px;font-size:clamp(28px,2.8vw,38px);line-height:1.18}.homepage-story .step-copy>p:not(.problem){color:#b9c8d7;font-size:16px;line-height:1.8}.homepage-story .step-copy .step-result{border-top:1px solid #344252;margin:24px 0 12px;padding-top:22px;font-weight:600;color:#fff!important}.homepage-story .audit-proof{color:#b9c8d7;max-width:390px;margin-bottom:20px;font-size:15px;line-height:1.8}.homepage-story .proof{padding-block:60px}.homepage-story .demo-agenda{counter-reset:agenda;gap:25px;max-width:600px;margin:28px 0 0;padding:0;list-style:none;display:flex}.homepage-story .demo-agenda li{counter-increment:agenda;color:#b9c8d7;flex:1;font-size:12px}.homepage-story .demo-agenda li:before{content:"0" counter(agenda);color:#0e9dfd;margin-bottom:8px;font-size:12px;display:block}@media (max-width:760px){.homepage-story .hero{grid-template-columns:1fr;gap:30px}.homepage-story .hero h1{font-size:40px}.homepage-story .hero-visual figcaption{font-size:9px}.homepage-story .step-tabs{gap:0;margin-bottom:24px}.homepage-story .step-tabs button{text-align:left;flex-direction:column;align-items:flex-start;gap:8px;padding:15px 8px;font-size:12px;display:flex}.homepage-story .step-panel{grid-template-columns:1fr;gap:26px}.homepage-story .step-copy h3{font-size:30px}.homepage-story .step-copy>p:not(.problem){font-size:15px}.homepage-story .demo-agenda{flex-direction:column;gap:12px}.homepage-story .demo-agenda li{gap:12px;font-size:13px;display:flex}}.homepage-story .scroll-stage{display:none}.homepage-story .scroll-chapter{padding:32px 0 52px;scroll-margin-top:110px}.homepage-story .scroll-chapter+.scroll-chapter{border-top:1px solid #2b3543}.homepage-story .chapter-number{color:#9bb1c7;margin-bottom:22px;font-size:12px;display:block}.homepage-story .scroll-chapter h3{max-width:650px;margin:18px 0 24px;font-size:clamp(28px,2.8vw,38px);line-height:1.2}.homepage-story .chapter-description{color:#b9c8d7;max-width:630px;font-size:16px;line-height:1.8}.homepage-story .chapter-result{color:#fff;max-width:630px;margin:24px 0 30px;font-size:16px;font-weight:600;line-height:1.7}.homepage-story .chapter-image{max-width:850px;display:block}.homepage-story .chapter-image img{border-radius:18px;width:100%}@media (min-width:981px) and (min-height:700px) and (prefers-reduced-motion:no-preference){.homepage-story .scroll-product[data-enhanced=true]{grid-template-columns:.8fr 1.2fr;align-items:stretch;gap:60px;display:grid}.homepage-story .scroll-product[data-enhanced=true] .scroll-chapter{flex-direction:column;justify-content:center;min-height:65vh;padding:48px 0;display:flex}.homepage-story .scroll-product[data-enhanced=true] .chapter-image{display:none}.homepage-story .scroll-product[data-enhanced=true] .scroll-stage{min-width:0;display:block}.homepage-story .scroll-stage-sticky{padding-top:30px;position:sticky;top:110px}.homepage-story .scroll-stage-images{aspect-ratio:4/3;display:grid}.homepage-story .scroll-stage-images img{opacity:0;border-radius:18px;grid-area:1/1;width:100%;transition:opacity .24s cubic-bezier(.22,1,.36,1)}.homepage-story .scroll-stage-images img[data-active=true]{opacity:1}.homepage-story .scroll-progress{justify-content:space-between;gap:18px;margin-top:24px;display:flex}.homepage-story .scroll-progress span{color:#a0b5c8;align-items:center;gap:8px;font-size:11px;display:flex}.homepage-story .scroll-progress b{color:#a0b5c8;font-size:11px;font-weight:400}.homepage-story .scroll-progress span[data-active=true]{color:#fff}.homepage-story .scroll-progress span[data-active=true] b{color:#0e9dfd}}@media (max-width:760px){.homepage-story .scroll-chapter{padding-block:28px 40px}.homepage-story .chapter-number{margin-bottom:18px}.homepage-story .chapter-description,.homepage-story .chapter-result{font-size:15px}}.homepage-story .hero h1{letter-spacing:-.035em;font-size:clamp(40px,4.1vw,57px)}.homepage-story .hero-benefits{flex-direction:column;gap:10px;margin:24px 0 0;padding:0;list-style:none;display:flex}.homepage-story .hero-benefits li{color:#d5e1ec;gap:10px;font-size:13px;line-height:1.6;display:flex}.homepage-story .hero-benefits li:before{content:"✓";color:#0e9dfd}.homepage-story .hero .reassurance{max-width:420px;font-size:12px;line-height:1.7}.homepage-story .hero{padding-block:60px 48px}@media (max-width:760px){.homepage-story .hero h1{overflow-wrap:normal;font-size:clamp(32px,8.8vw,48px)}.homepage-story .hero{padding-top:35px}.homepage-story .hero-benefits li{font-size:12px}}.homepage-story .hero h1{font-size:clamp(38px,3.8vw,52px)}.homepage-story .entry-points h2{max-width:850px}.homepage-story .expert-support{border-bottom:1px solid #2b3543;grid-template-columns:1fr 1fr;gap:70px;padding-block:70px;display:grid}.homepage-story .expert-support h2,.homepage-story .decision-faq h2{margin:18px 0 24px;font-size:clamp(30px,3.5vw,45px)}.homepage-story .expert-support p:not(.problem){color:#b9c8d7;max-width:520px;margin-bottom:18px;font-size:17px;line-height:1.8}.homepage-story .decision-faq{padding-block:65px}.homepage-story .decision-faq details{border-top:1px solid #2b3543;padding:22px 0}.homepage-story .decision-faq details:last-child{border-bottom:1px solid #2b3543}.homepage-story .decision-faq summary{cursor:pointer;font-size:18px;font-weight:600;line-height:1.5}.homepage-story .decision-faq summary:focus-visible{outline-offset:6px;outline:2px solid #0e9dfd}.homepage-story .decision-faq details p{color:#b9c8d7;max-width:800px;margin-top:18px;font-size:16px;line-height:1.8}.homepage-story .hero-visual figcaption{font-size:12px}@media (max-width:760px){.homepage-story .hero h1{font-size:clamp(31px,8.5vw,42px)}.homepage-story .expert-support{grid-template-columns:1fr;gap:10px;padding-block:40px}.homepage-story .decision-faq{padding-block:40px}.homepage-story .decision-faq summary{font-size:16px}.homepage-story .expert-support p:not(.problem){font-size:15px}}.homepage-story.overview-capture .scroll-product[data-enhanced=true]{display:block}.homepage-story.overview-capture .scroll-product[data-enhanced=true] .scroll-stage{display:none}.homepage-story.overview-capture .scroll-product[data-enhanced=true] .scroll-chapter{grid-template-columns:1fr 1.3fr;align-content:center;gap:0 50px;min-height:0;padding-block:35px;display:grid}.homepage-story.overview-capture .scroll-product[data-enhanced=true] .chapter-image{grid-area:1/2/6;align-self:center;display:block}.homepage-story.overview-capture .scroll-chapter h3{font-size:30px}@media (max-width:760px){.homepage-story.overview-capture .scroll-product[data-enhanced=true] .scroll-chapter{display:block}}.homepage-story .hero h1{letter-spacing:-.035em;font-size:clamp(30px,3.05vw,46px);line-height:1.16}@media (max-width:760px){.homepage-story .hero h1{font-size:clamp(24px,6.35vw,40px)}}.homepage-story .hero{grid-template-columns:1fr 1fr;gap:54px;padding-block:80px 60px}.homepage-story .hero h1{overflow-wrap:normal;font-size:clamp(32px,3.5vw,52px);line-height:1.13}.homepage-story .hero .intro{max-width:520px}.homepage-story .hero-actions{margin-top:32px}.homepage-story .proof{border:1px solid #344252;border-radius:24px;grid-template-columns:1fr 1.12fr;gap:64px;margin-block:48px 20px;padding:48px}.homepage-story .proof h2{font-size:clamp(29px,3vw,42px)}.homepage-story .proof .quote{align-self:center}.homepage-story .proof blockquote{font-size:clamp(24px,2.5vw,34px);line-height:1.45}.homepage-story .platform-overview{border-top:1px solid #2b3543;padding-block:72px 80px}.homepage-story .platform-heading{max-width:800px}.homepage-story .platform-heading h2{margin:18px 0 24px;font-size:clamp(30px,3.5vw,48px)}.homepage-story .platform-heading>p:last-child{color:#b9c8d7;max-width:650px;font-size:18px}.homepage-story .platform-domains{grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:48px;display:grid}.homepage-story .platform-domains>div{border-top:1px solid #344252;padding-top:24px}.homepage-story .domain-number{color:#0e9dfd;font-size:14px}.homepage-story .platform-domains h3{margin:20px 0 18px;font-size:26px;line-height:1.25}.homepage-story .platform-domains p{color:#b9c8d7;margin-bottom:16px;font-size:16px;line-height:1.75}.homepage-story .platform-domains .text-link{width:fit-content;display:flex}@media (max-width:980px){.homepage-story .hero{grid-template-columns:1fr;gap:36px;padding-block:48px}.homepage-story .hero-copy{max-width:700px}.homepage-story .hero h1{font-size:clamp(30px,5.5vw,52px)}.homepage-story .hero-visual{width:100%;max-width:800px}.homepage-story .proof{gap:30px;padding:32px}.homepage-story .platform-domains{gap:24px}}@media (max-width:760px){.homepage-story .hero h1{font-size:clamp(24px,6.35vw,40px)}.homepage-story .proof{border-radius:18px;grid-template-columns:1fr;gap:28px;margin-block:28px;padding:28px 22px}.homepage-story .platform-overview{padding-block:44px}.homepage-story .platform-domains{grid-template-columns:1fr;gap:28px;margin-top:28px}.homepage-story .platform-heading>p:last-child{font-size:16px}}.homepage-story .customer-strip{grid-template-columns:210px minmax(0,1fr);align-items:center;gap:40px;padding-block:24px;display:grid}.homepage-story .customer-strip-copy p{color:#b9c8d7;font-size:13px;line-height:1.7}.homepage-story .customer-strip-copy button{color:#b9c8d7;text-underline-offset:4px;background:0 0;border:0;min-height:44px;padding:8px 0;font-size:12px;text-decoration:underline}.homepage-story .customer-strip-window{min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000);mask-image:linear-gradient(90deg,#0000,#000 4% 96%,#0000)}.homepage-story .customer-strip .logo-cloud-picture{width:180px;height:80px}.homepage-story .customer-strip .logo-cloud-picture img{opacity:.75;width:auto;max-width:156px;max-height:44px}.homepage-story .customer-strip .logo-cloud-run{gap:40px;padding-right:40px}.homepage-story .customer-strip[data-paused=true] .logo-cloud-run{animation-play-state:paused}@media (max-width:760px){.homepage-story .customer-strip{grid-template-columns:1fr;gap:12px}.homepage-story .customer-strip-copy{justify-content:space-between;align-items:center;gap:20px;display:flex}.homepage-story .customer-strip-copy p{max-width:210px}.homepage-story .customer-strip-copy button{flex-shrink:0}}@media (prefers-reduced-motion:reduce){.homepage-story .customer-strip-copy button{display:none}.homepage-story .customer-strip-window{-webkit-mask-image:none;mask-image:none}.homepage-story .customer-strip .logo-cloud-run{gap:16px;padding-right:0}.homepage-story .customer-strip .logo-cloud-picture{width:140px}.homepage-story .customer-strip .logo-cloud-picture img{max-width:120px}}.homepage-story .customer-strip .logo-cloud-picture img{display:block}.homepage-story .customer-strip .logo-cloud-picture img+img{display:none}.homepage-story .hero-outcome{color:#fff;max-width:540px;margin-bottom:18px;font-size:clamp(19px,1.7vw,24px);font-weight:600;line-height:1.4}.homepage-story .demo{min-height:0;padding-bottom:0;display:block}
.homepage-story .hero{padding-block:64px 40px;display:block}.homepage-story .hero-copy{text-align:center;flex-direction:column;align-items:center;max-width:1000px;margin-inline:auto;display:flex}.homepage-story .hero h1{letter-spacing:-.04em;text-wrap:balance;max-width:100%;margin:0;font-size:clamp(42px,5.4vw,76px);line-height:1.08}.homepage-story .hero .intro{max-width:640px;margin:24px 0 0;font-size:19px;line-height:1.6}.homepage-story .hero-actions{justify-content:center;gap:16px;margin-top:28px}.homepage-story .hero-visual{width:100%;max-width:none;margin-top:48px}.homepage-story .hero-visual img{aspect-ratio:1568/776;object-fit:contain;border-radius:20px;width:100%;height:auto;display:block}.homepage-story .hero-visual figcaption{justify-content:center;gap:24px;padding-top:18px;font-size:14px;display:flex}.homepage-story .proof{gap:72px;padding:56px}.homepage-story .proof .quote{border:0;padding:0}.homepage-story .proof blockquote{letter-spacing:-.025em;font-size:clamp(26px,2.9vw,40px);line-height:1.35}.homepage-story .proof .audit-proof{max-width:440px;font-size:16px}.homepage-story .entry-points{padding-block:56px}.homepage-story .story-head{max-width:850px}.homepage-story .story-head h2{font-size:clamp(34px,4vw,54px)}.homepage-story .platform-overview{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:72px;display:grid}.homepage-story .platform-domains{margin-top:0;display:block}.homepage-story .platform-domains>div{padding:24px 0 28px 48px;position:relative}.homepage-story .platform-domains>div:first-child{border:0;padding-top:0}.homepage-story .platform-domains h3{margin:0 0 12px}.homepage-story .platform-domains p{margin-bottom:8px}.homepage-story .domain-number{position:absolute;top:29px;left:0}.homepage-story .platform-domains>div:first-child .domain-number{top:5px}.homepage-story .platform-domains .text-link{margin-right:20px;display:inline-flex}@media (min-width:981px) and (min-height:700px) and (prefers-reduced-motion:no-preference){.homepage-story .scroll-product[data-enhanced=true] .scroll-chapter{min-height:55vh}}@media (max-width:980px){.homepage-story .hero-copy{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:0 32px}.homepage-story .hero h1{font-size:clamp(42px,5.4vw,64px)}.homepage-story .hero-outcome{font-size:21px}.homepage-story .hero-actions{gap:8px}.homepage-story .platform-overview{gap:40px}.homepage-story .proof{gap:36px;padding:36px}}@media (max-width:760px){.homepage-story .hero{padding-block:40px 28px}.homepage-story .hero-copy{display:block}.homepage-story .hero-copy>.problem{margin-bottom:20px}.homepage-story .hero h1{margin-bottom:0;font-size:clamp(34px,7.8vw,56px)}.homepage-story .hero-outcome{font-size:21px}.homepage-story .hero-actions{gap:12px}.homepage-story .hero-visual{margin-top:28px}.homepage-story .hero-visual img{aspect-ratio:1568/776;border-radius:16px}.homepage-story .hero-visual figcaption{flex-wrap:wrap;gap:8px;font-size:11px}.homepage-story .proof{gap:28px;padding:28px 24px}.homepage-story .platform-overview{display:block}.homepage-story .platform-domains{margin-top:32px}.homepage-story .story-head h2{font-size:34px}}.homepage-story.overview-capture .scroll-product[data-enhanced=true] .scroll-chapter{min-height:0}.homepage-story .grc-primary{width:88%;margin-inline:auto}.homepage-story .grc-primary>.product-caption{text-align:center}.homepage-story .product-caption{color:#b9c8d7;flex-direction:column;gap:4px;margin-bottom:16px;font-size:14px;line-height:1.5;display:flex}.homepage-story .product-caption strong{color:#fff;font-size:16px}.homepage-story .product-frame{background:#172231;border:1px solid #344356;border-radius:24px;padding:8px}.homepage-story .grc-composition img{aspect-ratio:auto;border-radius:16px}.homepage-story .grc-extension{grid-template-columns:1fr .85fr;align-items:center;gap:64px;margin-top:32px;display:grid}.homepage-story .hero-visual .platform-bridge{text-align:left;flex-direction:column;align-items:flex-start;gap:12px;max-width:400px;margin:0;padding:0;display:flex}.homepage-story .platform-bridge strong{font-family:var(--font-ibm-plex-sans),sans-serif;color:#fff;font-size:clamp(22px,2.2vw,30px);line-height:1.25}.homepage-story .platform-bridge span{color:#b9c8d7;font-size:15px;line-height:1.65}.homepage-story .workforce-stage .product-caption strong{color:#0e9dfd;font-size:14px}@keyframes grc-parallax{0%{transform:translateY(20px)}to{transform:translateY(-12px)}}@keyframes workforce-parallax{0%{transform:translateY(12px)}to{transform:translateY(-12px)}}@supports (animation-timeline:view()){@media (min-width:761px) and (prefers-reduced-motion:no-preference){.homepage-story .grc-primary{view-timeline-name:--grc-hero;view-timeline-axis:block}.homepage-story .grc-primary>.product-frame{animation:linear both grc-parallax;animation-timeline:--grc-hero;animation-range:entry exit}.homepage-story .grc-composition{view-timeline-name:--workforce-hero;view-timeline-axis:block}.homepage-story .workforce-stage{animation:linear both workforce-parallax;animation-timeline:--workforce-hero;animation-range:entry exit}}}@media (max-width:760px){.homepage-story .grc-primary{width:100%}.homepage-story .grc-extension{flex-direction:column;align-items:flex-start;gap:24px;margin-top:24px;display:flex}.homepage-story .workforce-stage{align-self:flex-end;width:90%}.homepage-story .product-frame{border-radius:20px;padding:4px}}.homepage-story .proof-band{color:#10283f;background:#f2f6f9;margin-block:32px 0}.homepage-story .proof-band .proof{background:0 0;border:0;border-radius:0;gap:64px;margin-block:0;padding:64px 24px}.homepage-story .proof-band h2,.homepage-story .proof-band blockquote,.homepage-story .proof-band .quote strong{color:#10283f}.homepage-story .proof-band .audit-proof,.homepage-story .proof-band .quote span{color:#405568}.homepage-story .proof-band .problem,.homepage-story .proof-band .text-link{color:#006cb8}.homepage-story .proof-band a:focus-visible{outline-offset:6px;outline:2px solid #006cb8}.homepage-story .csn-proof-logo{width:200px;height:auto;margin-bottom:32px}.homepage-story .grc-primary{width:80%;max-width:960px}.homepage-story .workforce-extension{grid-template-columns:.8fr 1.2fr;align-items:center;gap:48px;padding-block:64px;display:grid}.homepage-story .workforce-extension h2{margin-bottom:24px;font-size:clamp(28px,3vw,42px);line-height:1.2}.homepage-story .workforce-extension p:not(.problem){color:#b9c8d7;margin-bottom:24px;line-height:1.7}.homepage-story .workforce-extension img{border-radius:16px;width:100%;height:auto}.homepage-story .support-list{color:#b9c8d7;flex-direction:column;gap:20px;margin-block:24px;padding:0;line-height:1.7;list-style:none;display:flex}.homepage-story .support-list strong{color:#fff}.homepage-story .scroll-stage-images{align-items:center}.homepage-story .scroll-stage-images img{object-fit:contain;height:auto;max-height:60vh}.homepage-story .chapter-image{cursor:zoom-in}.homepage-story .chapter-image img{height:auto}@media (max-width:760px){.homepage-story .grc-primary{width:100%}.homepage-story .proof-band .proof{gap:32px;padding:40px 24px}.homepage-story .workforce-extension{grid-template-columns:1fr;gap:32px;padding-block:48px}.homepage-story .workforce-extension .workforce-stage{width:100%}}.homepage-story .story-action{align-items:center;gap:24px;padding-block:32px 48px;display:flex}.homepage-story .story-action p{color:#b9c8d7;font-size:14px}@media (max-width:760px){.homepage-story .hero .intro{margin-top:20px;font-size:17px}.homepage-story .hero-actions{margin-top:24px}.homepage-story .story-action{flex-direction:column;align-items:flex-start;gap:12px}}.homepage-story .sequence-chapter{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px 72px;padding-block:64px;scroll-margin-top:100px;display:grid}.homepage-story .sequence-copy h3{text-wrap:balance;margin-block:16px 24px;font-size:clamp(28px,3.4vw,44px);line-height:1.16}.homepage-story .sequence-copy .problem{font-size:14px}.homepage-story .product-art{width:100%;height:auto;font-family:var(--font-inter,Inter),sans-serif;display:block}.homepage-story .sequence-requirements{grid-template-columns:1fr;padding-top:40px}.homepage-story .sequence-requirements .sequence-copy{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);column-gap:72px;display:grid}.homepage-story .sequence-requirements .chapter-number,.homepage-story .sequence-requirements .problem{grid-column:1}.homepage-story .sequence-requirements h3{grid-area:3/1/5;margin-bottom:0}.homepage-story .sequence-requirements .chapter-description{grid-area:3/2}.homepage-story .sequence-task .sequence-art{grid-area:1/1}.homepage-story .sequence-task .sequence-copy{grid-column:2}.homepage-story .sequence-evidence{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.homepage-story .sequence-evidence .sequence-art{justify-self:center;width:100%;max-width:420px}.homepage-story .requirements-mobile{display:none}@keyframes product-art-enter{0%{opacity:.65;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.homepage-story .sequence-art{animation:linear both product-art-enter;animation-timeline:view();animation-range:entry entry 45%}}}@media (max-width:760px){.homepage-story .sequence-chapter,.homepage-story .sequence-evidence{grid-template-columns:1fr;gap:28px;padding-block:36px}.homepage-story .sequence-requirements .sequence-copy{display:block}.homepage-story .sequence-requirements h3{margin-bottom:24px}.homepage-story .sequence-task .sequence-art,.homepage-story .sequence-task .sequence-copy{grid-area:auto}.homepage-story .sequence-task .sequence-art{order:2}.homepage-story .product-art.requirements-wide{display:none}.homepage-story .product-art.requirements-mobile{display:block}.homepage-story .sequence-evidence .sequence-art{max-width:360px}}.homepage-story .overview-mobile{display:none}@media (max-width:760px){.homepage-story .overview-desktop{display:none}.homepage-story .overview-mobile{display:block}}.homepage-story .product-frame{background:#e3eff7;border-color:#bcd1df;border-radius:24px;padding:16px}.homepage-story .hero-protection{z-index:1;filter:drop-shadow(0 12px 24px #070b1429);width:min(48%,470px);margin:-92px 3% 0 auto;position:relative}.homepage-story .hero-visual .hero-protection-caption{color:#b9c8d7;text-align:center;margin:24px auto 0;font-size:16px;display:block}@media (max-width:760px){.homepage-story .product-frame{border-radius:20px;padding:10px}.homepage-story .hero-protection{width:100%;max-width:440px;margin:16px auto 0}.homepage-story .hero-visual .hero-protection-caption{font-size:14px;line-height:1.5}}.homepage-story .hero-demo-note{color:#b9c8d7;margin-top:14px;font-size:14px;line-height:1.5}.homepage-story .sequence-chapter{gap:32px 64px;padding-block:40px}.homepage-story .sequence-requirements{padding-top:24px}.homepage-story .sequence-requirements .sequence-art{justify-self:center;width:100%;max-width:880px}.homepage-story .demo{margin-bottom:0}@media (max-width:760px){.homepage-story .sequence-chapter{gap:24px;padding-block:28px}.homepage-story .hero-demo-note{max-width:270px;margin-inline:auto}}
