:root{--navy:#142638;--ink:#1a2c3d;--paper:#f7f7f2;--muted:#65727b;--rule:#d8ddd9;--blue:#e5edf0;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #4b819f;outline-offset:5px}img{max-width:100%}p{margin:0 0 22px}h1,h2,h3{font-weight:400;line-height:1.08;margin:0}h1{font-family:var(--serif);font-size:clamp(64px,7.4vw,112px);letter-spacing:-.035em}h2{font-family:var(--serif);font-size:clamp(44px,4.7vw,72px);letter-spacing:-.025em}h3{font-size:28px;letter-spacing:-.035em}em{font-family:var(--serif);font-weight:400;font-style:italic}h1 em,h2 em{color:#60737b}.icon{width:32px;height:32px;flex:none}.section{padding:100px 5%;max-width:1600px;margin:auto}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:500;line-height:1.5;margin-bottom:24px;color:#5b6e78}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}
.site-header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;gap:35px;background:rgba(247,247,242,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--rule);position:sticky;top:0;z-index:50;transition:height .25s}.site-header.scrolled{height:74px}.brand{font-size:30px;letter-spacing:-1.1px;line-height:1;display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:500;white-space:nowrap}.brand img{width:30px;height:30px;filter:brightness(0) saturate(100%)}.site-header nav{display:flex;gap:28px;align-items:center}.site-header nav>a:not(.button){font-size:14px;text-decoration:none}.site-header nav>a[aria-current]{text-decoration:underline;text-underline-offset:7px}.site-header .login{margin-left:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--navy);color:#fff;padding:16px 21px;text-decoration:none;font-size:14px;border:1px solid var(--navy);border-radius:3px;transition:background .2s,transform .2s}.button:hover{background:#29465b;transform:translateY(-2px)}.button .icon{width:22px;height:22px}.site-header .button{padding:11px 16px;font-size:13px;gap:18px}.menu-toggle{display:none}.text-link{display:inline-flex;align-items:center;gap:34px;text-decoration:none;font-size:14px;padding:12px 0 8px;border-bottom:1px solid #9aabb4}.text-link .icon{width:24px;height:24px}.text-link:hover{gap:43px}.quiet-link{display:block;font-size:14px;text-decoration:none;margin-top:19px;color:#647680}
.home-intro{padding-top:68px;padding-bottom:62px}.hero-heading{display:grid;grid-template-columns:1.4fr 1fr;gap:7%;align-items:center}.hero-heading>div{padding-top:17px}.hero-heading p{font-size:18px;line-height:1.6;margin-bottom:28px}.hero-film{height:610px;position:relative;margin:0 24px;background:#253128;overflow:hidden;border-radius:4px;isolation:isolate}.editorial-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 52%;z-index:-2}.hero-film:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#101d1a3b,transparent 65%);z-index:-1}.film-copy{position:absolute;top:55px;left:4%;width:410px}.film-copy>p{font-size:31px;line-height:1.15;color:#fff;letter-spacing:-.5px;margin:0 0 32px}.film-copy>p em{font-size:38px;color:#e0e2d9}.film-caption{position:absolute;right:35px;bottom:24px;color:#f3f5ed;font-size:12px;letter-spacing:.03em}
.entry-demo{width:100%;border:1px solid #ffffff35;padding:8px;background:#152b3290;backdrop-filter:blur(16px);border-radius:8px;color:#253747;box-shadow:0 22px 75px #08181938}.entry-top{height:38px;display:flex;align-items:center;gap:9px;font-size:12px;color:#fff;padding:0 8px 8px}.live-dot{height:6px;width:6px;border-radius:50%;background:#bacbb0;box-shadow:0 0 0 4px #bacbb018}.demo-label{margin-left:auto;opacity:.55;font-size:11px}.entry-body{background:#fdfefb;border-radius:4px;padding:20px}.entry-matter{display:flex;align-items:center;gap:7px;font-size:11px}.matter-dot{background:#8fa1b5;width:5px;height:5px;border-radius:50%}.entry-matter>span:last-child{margin-left:auto;color:#8e9ba2}.entry-main{display:flex;align-items:center;gap:22px;margin:22px 0}.entry-main>strong{font-size:39px;letter-spacing:-1.5px;font-weight:450;line-height:1}.entry-main>strong>span{font-size:16px;margin-left:4px;color:#859198}.entry-main>div{font-size:13px;line-height:1.6}.entry-source{display:flex;gap:14px;border-bottom:1px solid #e2e6e5;padding-bottom:18px;font-size:11px;color:#72818b}.entry-source>span{display:flex;align-items:center;gap:5px}.entry-source .icon{height:15px;width:15px}.entry-action{display:flex;justify-content:space-between;align-items:center;margin-top:15px;gap:10px;font-size:11px;color:#849099}.entry-action button{display:flex;align-items:center;gap:8px;border:0;background:#edf1ef;color:#324b5a;padding:8px 10px;border-radius:2px;font-size:11px}.entry-action .icon{width:15px;height:15px}.entry-demo[data-phase="1"] .entry-body{box-shadow:inset 3px 0 #94aabc}.entry-demo[data-phase="2"] .entry-body{box-shadow:inset 3px 0 #749183}.entry-progress{height:2px;margin-top:7px;background:#a4b8aa;transform-origin:left;transform:scaleX(.33);transition:transform .6s}.entry-demo[data-phase="1"] .entry-progress{transform:scaleX(.66)}.entry-demo[data-phase="2"] .entry-progress{transform:scaleX(1)}
.product-strip{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:26px 5%;border-bottom:1px solid var(--rule);font-size:13px}.product-strip>span{display:flex;align-items:center;gap:10px}.product-strip>span:first-child{color:#7c878b}.product-strip .icon{width:20px;height:20px}.section-lead{max-width:780px;margin-bottom:66px}.section-lead>p:last-child:not(.eyebrow){max-width:530px;margin-top:25px;color:var(--muted);font-size:17px}.product-feature{display:grid;grid-template-columns:1fr 1.45fr;gap:7%;align-items:center;margin-top:70px}.feature-copy>.icon{width:36px;height:36px;margin-bottom:30px}.feature-copy .eyebrow{margin-bottom:19px}.feature-copy h3{font:400 49px/1.08 var(--serif);letter-spacing:-.025em;margin-bottom:24px}.feature-copy>p:not(.eyebrow){color:var(--muted);max-width:380px}.product-feature.reverse{grid-template-columns:1.45fr 1fr}.reverse .feature-copy{grid-column:2;grid-row:1}.reverse .feature-screen{grid-column:1;grid-row:1}.feature-screen{padding:55px 0 30px 35px;background:#e3e9e9;border-radius:3px;overflow:hidden;perspective:1400px}.mail-surface{background:#e9e9e0}.real-screen{display:block;line-height:0;border:1px solid #d4dddfff;border-radius:4px;overflow:hidden;background:#fff;box-shadow:0 17px 60px #1d384a14}.real-screen img{display:block;width:100%;height:auto}.feature-screen .real-screen{width:125%;max-width:none;transform:rotateY(-5deg);transform-origin:left center;transition:transform .6s}.feature-screen:hover .real-screen{transform:rotateY(0)}.screen-caption{display:block;margin-top:25px;font-size:12px;color:#657780;letter-spacing:.04em}
.workflow{border-top:1px solid var(--rule);padding-top:80px}.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.workflow-grid article{border-top:1px solid var(--rule);padding-top:26px}.workflow-grid article>.icon{width:40px;height:40px;margin-bottom:28px}.workflow-grid article>span{float:right;color:#94a0a6;font-size:12px}.workflow-grid h3{font-size:24px;margin-bottom:16px}.workflow-grid p{font-size:16px;color:var(--muted);max-width:310px}
.security-teaser{background:var(--navy);color:#eef1ed;display:grid;grid-template-columns:1fr 1fr;gap:12%;max-width:none}.security-teaser .eyebrow{color:#9ab0bd}.security-teaser h2 em{color:#afc1c7}.security-teaser>div>p:not(.eyebrow){color:#b7c8d2;max-width:440px;margin-top:27px}.security-teaser .text-link{color:#fff}.security-list article{display:flex;gap:26px;border-top:1px solid #ffffff28;padding:30px 0}.security-list article:first-child{border-top:0;padding-top:12px}.security-list h3{font-size:22px;margin-bottom:12px}.security-list p{color:#acbfca;font-size:15px;margin:0}.security-list .icon{color:#bdcbd0}
.founder-note>div{display:grid;grid-template-columns:1fr 1fr;gap:12%}.founder-note>div>div{max-width:500px;color:var(--muted)}.closing{background:#e7ece9;border-top:1px solid #d3dcd7;max-width:none}.closing>div{display:flex;justify-content:space-between;gap:60px;align-items:center}.closing>div>div{min-width:310px}.closing p:not(.eyebrow){color:#61737b}.footer{padding:65px 5% 0;background:var(--navy);color:#e4ebe9}.footer .brand img{filter:brightness(0) invert(1)}.footer-top{display:grid;grid-template-columns:1.1fr 1.5fr 1fr 1fr 1fr;gap:30px;padding-bottom:65px}.footer-top>p{font-size:15px;color:#aebfc9}.footer-top>div>span{display:block;font-size:12px;color:#91a6b4;margin-bottom:20px}.footer-top>div>a{display:block;font-size:14px;text-decoration:none;margin:9px 0}.footer-bottom{display:flex;justify-content:space-between;gap:22px;border-top:1px solid #ffffff25;padding:23px 0;font-size:12px;color:#93a9b7}
@media(max-width:1100px){.site-header nav{gap:20px}.site-header .login{display:none}.site-header .button{gap:12px}.hero-heading{grid-template-columns:1.2fr 1fr;gap:5%}.hero-heading p{font-size:16px}.hero-film{height:550px}.film-copy{width:360px}.film-copy>p{font-size:28px}.entry-body{padding:15px}.feature-copy h3{font-size:41px}.feature-screen{padding:40px 0 25px 25px}.footer-top{grid-template-columns:1.2fr 1fr 1fr 1fr}.footer-top>p{display:none}.security-teaser{gap:7%}}
@media(max-width:800px){.site-header{height:76px}.brand{font-size:27px}.brand img{width:27px;height:27px}.menu-toggle{display:flex;flex-direction:column;gap:6px;border:0;background:none;padding:12px;color:var(--ink)}.menu-toggle span{display:block;width:24px;height:1px;background:currentColor}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--rule);padding:20px 5% 30px}.site-header.open nav{display:flex;flex-direction:column;align-items:stretch;gap:0}.site-header nav>a:not(.button){padding:14px 0;font-size:17px}.site-header .button{margin-top:14px;align-self:flex-start}.section{padding:70px 5%}.home-intro{padding-top:45px;padding-bottom:45px}.hero-heading{display:block}.hero-heading h1{font-size:80px}.hero-heading>div{padding-top:30px}.hero-heading p br{display:none}.hero-heading p{max-width:420px}.quiet-link{display:inline-block;margin-left:20px}.hero-film{margin:0 14px;height:520px}.film-copy{top:36px;left:5%;width:340px}.editorial-image{object-position:62% center}.film-caption{right:20px;font-size:11px}.product-strip{flex-wrap:wrap;gap:16px;font-size:12px}.product-strip>span:first-child{width:100%}.product-feature,.product-feature.reverse{gap:6%;grid-template-columns:1fr 1.2fr}.reverse .feature-copy{grid-column:1}.reverse .feature-screen{grid-column:2}.feature-copy h3{font-size:37px}.feature-copy>p:not(.eyebrow){font-size:15px}.feature-screen .real-screen{width:180%}.workflow-grid{gap:25px}.workflow-grid h3{font-size:21px}.security-teaser{grid-template-columns:1fr;gap:40px}.security-list{max-width:600px}.founder-note>div{gap:7%}.closing>div{align-items:flex-start;gap:35px}.closing>div>div{min-width:240px}.footer-top{gap:22px;grid-template-columns:1fr 1fr 1fr}.footer-top>.brand{grid-column:1/-1;margin-bottom:15px}}
@media(max-width:540px){h1{font-size:58px}h2{font-size:43px}.section{padding:58px 6%}.home-intro{padding-top:35px;padding-bottom:35px}.home-intro>.eyebrow{font-size:10px;letter-spacing:.08em}.hero-heading h1{font-size:61px}.hero-heading>div{padding-top:23px}.hero-heading p{font-size:16px}.quiet-link{display:block;margin:18px 0 0}.hero-film{height:600px;margin:0 10px}.editorial-image{object-position:75% center}.hero-film:after{background:linear-gradient(0deg,#142638a8,transparent 70%)}.film-copy{top:auto;bottom:50px;width:calc(100% - 30px);left:15px}.film-copy>p{font-size:23px;margin-bottom:20px}.film-copy>p em{font-size:29px}.entry-demo{max-width:380px}.entry-main>strong{font-size:35px}.film-caption{bottom:16px;left:25px;right:auto;font-size:10px}.product-strip{padding:24px 6%;gap:13px 24px}.product-strip>span{font-size:11px}.product-strip .icon{width:18px;height:18px}.section-lead{margin-bottom:40px}.product-feature,.product-feature.reverse{display:flex;flex-direction:column;align-items:stretch;gap:30px;margin-top:45px}.feature-copy>.icon{margin-bottom:20px}.feature-copy h3{font-size:42px}.feature-copy>p:not(.eyebrow){max-width:none}.feature-screen{padding:30px 0 24px 20px}.feature-screen .real-screen{width:125%;transform:none}.workflow-grid{grid-template-columns:1fr;gap:20px}.workflow-grid article{padding-top:24px}.workflow-grid article>.icon{margin-bottom:20px}.workflow-grid p{max-width:100%}.security-list article{gap:20px}.security-list h3{font-size:21px}.security-teaser{gap:25px}.founder-note>div{grid-template-columns:1fr;gap:30px}.closing>div{flex-direction:column;gap:30px}.footer{padding:45px 6% 0}.footer-top{grid-template-columns:1fr 1fr;gap:26px;padding-bottom:35px}.footer-top>div:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Product pages */
.product-hero{padding-top:65px;padding-bottom:60px}.product-hero>div{display:grid;grid-template-columns:1.25fr 1fr;gap:10%;align-items:center}.product-hero h1{font-size:clamp(58px,6.3vw,94px)}.product-hero>div>div{max-width:440px}.product-hero p:not(.eyebrow){color:var(--muted);font-size:17px}.product-canvas{padding-top:0;padding-bottom:65px}.product-tour{background:#e6eceb;border:1px solid #d7e0df;border-radius:4px;padding:28px 35px 22px}.tour-top{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#6b7e88;margin-bottom:20px}.motion-control{display:flex;align-items:center;gap:10px;background:none;border:1px solid #bac8cc;border-radius:3px;color:var(--ink);padding:7px 12px;font-size:12px}.motion-control[hidden]{display:none}.motion-control .icon{width:16px;height:16px}.tour-tabs{display:flex;gap:22px;border-bottom:1px solid #bac8cc;margin-bottom:30px}.tour-tabs button{background:none;border:0;padding:8px 0 15px;text-align:left;flex:1;display:flex;align-items:center;gap:14px;font-size:15px;color:#667a86;border-bottom:2px solid transparent;margin-bottom:-1px}.tour-tabs button span{font-size:11px;color:#7e929b}.tour-tabs button[aria-selected=true]{border-bottom-color:var(--navy);color:var(--navy)}.tour-viewport [hidden]{display:none}.tour-viewport [role=tabpanel]{animation:screen-in .45s ease-out}.tour-viewport .real-screen{box-shadow:0 20px 60px #1b354e15}.tour-viewport p{margin:17px 0 0;font-size:14px;color:#5b707b}.tour-note{font-size:11px;color:#7a8b93;margin:15px 0 0}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.detail-grid article{border-top:1px solid var(--rule);padding-top:25px}.detail-grid .icon{margin-bottom:26px;width:38px;height:38px}.detail-grid h3{font-size:23px;margin-bottom:18px;line-height:1.2}.detail-grid p{font-size:15px;color:var(--muted)}.editorial-break{position:relative;min-height:530px;isolation:isolate;color:#fff;display:flex;align-items:center;overflow:hidden}.editorial-break>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.editorial-break:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0d252bbb,transparent 75%);z-index:-1}.editorial-break>div{padding:75px 5%;max-width:680px}.editorial-break .eyebrow{color:#b2c5c9}.editorial-break p:not(.eyebrow){max-width:360px;color:#d5e1e4;margin:27px 0 0}.mail-detail{display:grid;grid-template-columns:1fr 1.3fr;gap:8%;background:#e7ece8;max-width:none;align-items:center}.mail-detail>div>p:not(.eyebrow){color:var(--muted);margin-top:23px;max-width:440px}.mail-detail .real-screen{margin-right:-5vw}.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:10%}details{border-top:1px solid var(--rule)}summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0;cursor:pointer;list-style:none;font-size:16px;line-height:1.45}summary::-webkit-details-marker{display:none}summary>span{font-size:22px;line-height:1;transition:transform .2s}details[open]>summary>span{transform:rotate(45deg)}details>p{color:var(--muted);font-size:15px;margin:0 24px 24px 0}.cross-link{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid var(--rule);padding-top:50px;padding-bottom:50px}.cross-link>div>.icon{float:left;margin-right:22px;width:45px;height:45px}.cross-link h3{font-size:25px;margin-bottom:12px}.cross-link p{color:var(--muted);margin:0}.cross-link>a{white-space:nowrap}
@keyframes screen-in{from{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:none}}
/* Security: readable documentation, not certification theatre. */
.trust-hero{padding-top:65px;padding-bottom:65px}.trust-hero>div{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:center}.trust-hero h1{font-size:clamp(62px,6.8vw,98px)}.trust-hero p:not(.eyebrow){max-width:440px;font-size:18px;color:var(--muted)}.trust-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:7%;padding-top:0}.trust-layout aside{position:sticky;top:112px;align-self:start;border-top:1px solid var(--rule);padding-top:25px}.trust-layout aside>span{font-size:12px;color:#7b8a92;display:block;margin-bottom:20px}.trust-layout aside>a{display:block;text-decoration:none;padding:10px 0;font-size:14px}.trust-layout aside>a:hover{color:#7b8a92}.trust-layout h2{font-size:45px;margin-bottom:25px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.control-grid article{padding:27px;border:1px solid var(--rule);border-radius:3px;background:#f0f3ef}.control-grid article>.icon{margin-bottom:23px}.control-grid h3{font-size:24px;margin-bottom:10px}.control-grid article>p{font-size:14px;color:#6f7e86;margin-bottom:24px}.control-grid summary{font-size:14px;padding:16px 0}.control-grid details>p{font-size:14px;line-height:1.7}.cert-note{border-left:2px solid #899eac;background:#e8edf0;padding:23px 25px;margin-top:24px}.cert-note strong{font-size:14px;font-weight:500}.cert-note p{font-size:14px;color:#637480;margin:8px 0 0}.trust-block{padding-top:80px;scroll-margin-top:20px}.trust-block>p:not(.eyebrow){font-size:16px;color:var(--muted);max-width:680px}.data-flow{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #c6d0d4;border-bottom:1px solid #c6d0d4;margin-top:30px}.data-flow>div{padding:25px 20px;border-right:1px solid #c6d0d4}.data-flow>div:first-child{padding-left:0}.data-flow>div:last-child{border:0}.data-flow span{font-size:12px;color:#8b9ca6}.data-flow h3{font-size:20px;line-height:1.3;margin:18px 0 12px}.data-flow p{font-size:14px;line-height:1.6;color:var(--muted);margin:0}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:14px;text-align:left}th{font-size:12px;font-weight:500;color:#728590}td,th{padding:18px 15px;border-bottom:1px solid var(--rule)}td:first-child,th:first-child{padding-left:0}td:last-child,th:last-child{padding-right:0}.document-links>a{display:flex;align-items:center;gap:20px;padding:25px 0;border-top:1px solid var(--rule);text-decoration:none}.document-links>a>div{flex:1}.document-links strong{font-weight:500;font-size:16px;display:block}.document-links span{display:block;color:var(--muted);font-size:14px}.document-links>a>.icon:last-child{width:22px;height:22px}.document-links>a:hover strong{text-decoration:underline;text-underline-offset:4px}
/* People and company */
.about-hero{padding-top:65px}.about-hero h1{font-size:clamp(60px,6.7vw,102px)}.about-hero>div{display:grid;grid-template-columns:1fr 1fr;gap:8%;max-width:1060px;margin:45px 0 0 auto;color:var(--muted);font-size:18px}.about-story{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.about-story>div{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.about-story>div>div{color:var(--muted);max-width:610px}.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.portrait{height:570px;overflow:hidden;background:#e6e9e4}.portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 25%;filter:saturate(.65)}.person-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0 10px}.person-heading h3{font-size:27px}.person-heading a{font-size:23px;text-decoration:none;padding:0 10px}.team-grid article>span{display:block;font-size:14px;color:#89979d;margin-bottom:20px}.team-grid article>p{max-width:490px;color:var(--muted);font-size:16px}.about-principles{background:#e7ece8;max-width:none}.company-details{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.company-details dl{margin:0}.company-details dl>div{display:grid;grid-template-columns:1fr 1.2fr;gap:20px;padding:20px 0;border-top:1px solid var(--rule);font-size:15px}.company-details dt{color:#788892}.company-details dd{margin:0}.company-details a{text-decoration:none;border-bottom:1px solid #c4d0d6}
@media(max-width:1000px){.detail-grid{grid-template-columns:1fr 1fr;gap:30px}.trust-layout{grid-template-columns:175px minmax(0,1fr);gap:5%}.control-grid{grid-template-columns:1fr}.portrait{height:460px}.person-heading h3{font-size:23px}}
@media(max-width:800px){.product-hero>div,.trust-hero>div{gap:6%}.product-hero h1,.trust-hero h1{font-size:61px}.product-hero p:not(.eyebrow),.trust-hero p:not(.eyebrow){font-size:16px}.product-tour{padding:22px}.tour-tabs{gap:16px}.tour-tabs button{font-size:14px;gap:8px}.mail-detail{grid-template-columns:1fr;gap:25px}.mail-detail .real-screen{margin-right:0}.faq-section{grid-template-columns:1fr;gap:35px}.trust-layout{grid-template-columns:1fr}.trust-layout aside{position:static;display:flex;gap:20px;overflow:auto;padding-top:15px;padding-bottom:20px;white-space:nowrap}.trust-layout aside>span{display:none}.control-grid{grid-template-columns:1fr 1fr}.trust-layout h2{font-size:42px}.about-hero>div{font-size:16px}.portrait{height:390px}.team-grid{gap:25px}.cross-link{align-items:flex-start}.cross-link h3{font-size:22px}.cross-link>div>.icon{float:none;margin-bottom:20px}}
@media(max-width:540px){.product-hero{padding-top:40px;padding-bottom:35px}.product-hero>div,.trust-hero>div{grid-template-columns:1fr;gap:30px}.product-hero h1,.trust-hero h1{font-size:59px}.product-canvas{padding-top:0;padding-bottom:30px}.product-tour{padding:18px 12px}.tour-tabs{gap:10px;margin-bottom:20px}.tour-tabs button{display:block;font-size:12px}.tour-tabs button span{display:block;margin-bottom:6px}.tour-top{font-size:11px}.motion-control{padding:5px 8px;font-size:11px}.tour-viewport p{font-size:13px}.tour-note{font-size:10px}.detail-grid{grid-template-columns:1fr;gap:20px}.detail-grid h3{font-size:25px}.detail-grid p{font-size:16px}.editorial-break{min-height:510px}.editorial-break>img{object-position:75% center}.editorial-break:after{background:linear-gradient(0deg,#0d252bd9,transparent 100%)}.editorial-break>div{align-self:flex-end;padding:40px 6%}.editorial-break h2{font-size:47px}.cross-link{flex-direction:column;gap:20px}.trust-layout{padding-top:0}.trust-hero{padding-top:40px;padding-bottom:35px}.trust-layout aside{gap:20px;margin-bottom:20px}.trust-layout aside>a{font-size:12px}.control-grid{grid-template-columns:1fr}.control-grid article{padding:24px}.trust-layout h2{font-size:38px}.trust-block{padding-top:60px}.data-flow{grid-template-columns:1fr}.data-flow>div,.data-flow>div:first-child{padding:22px 0;border-right:0;border-bottom:1px solid var(--rule)}.data-flow h3{margin-top:10px}.table-scroll table{min-width:510px}.document-links>a{gap:15px}.document-links strong{font-size:15px}.document-links span{font-size:13px}.about-hero{padding-top:40px}.about-hero h1{font-size:59px}.about-hero>div{grid-template-columns:1fr;gap:0;margin-top:30px}.about-story>div{grid-template-columns:1fr;gap:30px}.team-grid{grid-template-columns:1fr;gap:35px}.portrait{height:470px}.person-heading h3{font-size:25px}.company-details{grid-template-columns:1fr;gap:30px}.company-details dl>div{font-size:14px;grid-template-columns:1fr 1fr;gap:15px}}
/* One restrained entrance; continued movement is controlled by the visitor. */
@media(prefers-reduced-motion:no-preference){.hero-heading{animation:brand-enter .65s ease-out both}.entry-body{animation:brand-enter .7s .15s ease-out both}.entry-source>span{animation:brand-enter .5s .4s ease-out both}.entry-source>span:nth-child(2){animation-delay:.55s}@keyframes brand-enter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}
/* Full, unobstructed photograph as the first section. */
.hero-film.image-only{height:auto;margin:0;border-radius:0;aspect-ratio:1672/941}
.hero-film.image-only .editorial-image{position:static;display:block;width:100%;height:auto;object-fit:contain}
.hero-film.image-only:after{display:none}
.workflow-example{max-width:430px;margin:0 0 45px}
.workflow-example .entry-demo{background:var(--navy)}
/* Cinematic hero: work captured, grouped and ready for review. */
.hero-film.animated-hero{margin:0;border-radius:0;height:calc(100svh - 90px);min-height:690px;max-height:940px;aspect-ratio:auto}
.animated-hero .editorial-image{object-position:center center}
.animated-hero:after{background:linear-gradient(90deg,#0b19184d,transparent 72%),linear-gradient(0deg,#0b19183b,transparent 42%)}
.hero-message{position:absolute;left:5%;top:15%;color:#fff;max-width:620px}
.hero-message .eyebrow{color:#d2dad5;font-size:11px;margin-bottom:27px}
.hero-message h1{font-size:clamp(64px,6.4vw,98px);line-height:1.02;letter-spacing:-.025em}
.hero-message h1 em{color:#e0e4da}
.hero-message>p:not(.eyebrow){color:#dce4df;font-size:17px;line-height:1.65;margin:28px 0}
.hero-message .button{background:#f5f6ef;border-color:#f5f6ef;color:#172b37}
.hero-message .button:hover{background:#fff}
.hero-explore{display:block;color:#dce4df;font-size:13px;margin-top:21px;text-decoration:none}
.hero-animation{position:absolute;right:4%;bottom:7%;width:450px;padding:10px;border:1px solid #ffffff42;background:#192b2c99;backdrop-filter:blur(18px);border-radius:10px;box-shadow:0 20px 75px #05161435;color:#243947}
.motion-heading{height:39px;display:flex;align-items:center;gap:9px;color:#edf3e9;font-size:12px;padding:0 7px 10px}.motion-light{width:6px;height:6px;border-radius:50%;background:#c1cdae;box-shadow:0 0 0 4px #c1cdae12}.motion-heading button{margin-left:auto;border:1px solid #ffffff35;border-radius:3px;color:#e4eee8;background:none;font-size:12px;line-height:1;padding:6px 8px;min-width:30px}.motion-heading button[hidden]{display:none}.motion-window{height:207px;position:relative;overflow:hidden;border-radius:5px;background:#fafcf7}
.capture-rows{position:absolute;inset:0;padding:21px 18px;transition:opacity .45s,transform .6s}.capture-row{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e4e9e5;border-radius:4px;padding:13px 12px;margin-bottom:9px;transition:opacity .6s,transform .7s cubic-bezier(.2,.7,.2,1)}.capture-icon{width:27px;height:29px;display:grid;place-items:center;color:#6b8798}.capture-icon .icon{width:22px;height:22px}.capture-row>span:nth-child(2){font-size:12px;line-height:1.4;flex:1}.capture-row small{display:block;font-size:10px;color:#92a0a7;margin-top:3px}.capture-row strong{font-size:12px;font-weight:450;font-variant-numeric:tabular-nums}.capture-row i{font-style:normal;font-size:12px;color:#809889;opacity:0;transition:opacity .4s}.capture-caption{font-size:10px;color:#8a9b9c;text-align:center;margin-top:14px}
.merged-entry{position:absolute;inset:0;padding:21px 22px;transition:opacity .6s,transform .75s cubic-bezier(.2,.7,.2,1)}.merged-header{display:flex;align-items:center;gap:6px;font-size:10px;white-space:nowrap}.merged-state{margin-left:auto;font-size:9px;padding:3px 6px;background:#eef0e6;border-radius:3px;color:#84906f}.merged-content{display:flex;align-items:center;gap:22px;margin:20px 0 16px}.merged-content>strong{font-size:40px;font-weight:450;letter-spacing:-1.5px;line-height:1}.merged-content small{font-size:15px;font-weight:400;color:#87969e;letter-spacing:0;margin-left:4px}.merged-content p{font-size:12px;line-height:1.5;margin:0}.merged-sources{display:flex;align-items:center;gap:9px;font-size:10px;color:#819199;padding-bottom:16px;border-bottom:1px solid #e1e7e3}.merged-sources>span{display:flex;align-items:center;gap:5px}.merged-sources .icon{width:14px;height:14px}.merged-total{margin-left:auto}.merged-footer{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#88999d;padding-top:13px;gap:8px}.ready-label{display:flex;align-items:center;gap:6px;color:#4b6d5f;opacity:0;transform:translateY(5px);transition:opacity .6s,transform .6s}.ready-label .icon{width:14px;height:14px}.motion-bottom{display:flex;justify-content:space-between;align-items:center;color:#d3dfd688;padding:10px 7px 1px;font-size:9px}.motion-dots{display:flex;gap:4px}.motion-dots i{height:2px;width:20px;background:#ffffff24;transition:background .6s}
[data-step="0"] .row-two{opacity:0;transform:translateY(18px)}
[data-step="0"] .merged-entry,[data-step="1"] .merged-entry{opacity:0;transform:translateY(22px);pointer-events:none}
[data-step="1"] .capture-row i{opacity:1}
[data-step="2"] .capture-rows,[data-step="3"] .capture-rows{opacity:0;transform:translateY(-22px);pointer-events:none}
[data-step="2"] .merged-entry,[data-step="3"] .merged-entry{opacity:1;transform:translateY(0)}
[data-step="3"] .ready-label{opacity:1;transform:translateY(0)}
[data-step="0"] .motion-dots i:first-child,[data-step="1"] .motion-dots i:first-child,[data-step="2"] .motion-dots i:nth-child(2),[data-step="3"] .motion-dots i:last-child{background:#c8d3c0}
@media(max-width:1000px){.hero-message{top:12%;max-width:510px}.hero-message h1{font-size:73px}.hero-animation{width:410px;right:4%;bottom:5%}.hero-film.animated-hero{min-height:730px}.hero-message>p:not(.eyebrow){font-size:16px}.merged-entry{padding:21px 18px}}
@media(max-width:700px){.hero-film.animated-hero{height:auto;min-height:850px;max-height:none}.animated-hero .editorial-image{object-position:70% center}.animated-hero:after{background:linear-gradient(90deg,#0b191894,#0b191815),linear-gradient(0deg,#0b191883,transparent 70%)}.hero-message{top:55px;left:6%;right:6%;max-width:none}.hero-message .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:25px}.hero-message h1{font-size:clamp(52px,9.2vw,68px)}.hero-message>p:not(.eyebrow){font-size:16px;margin:23px 0}.hero-animation{right:6%;left:6%;width:auto;max-width:450px;bottom:35px}.hero-explore{font-size:12px;margin-top:18px}}
@media(max-width:380px){.hero-message h1{font-size:49px}.hero-animation{left:4%;right:4%}.merged-entry{padding:18px 12px}.merged-content{gap:15px}.merged-content>strong{font-size:35px}.merged-footer{font-size:9px}.capture-rows{padding:20px 10px}.capture-row{padding:13px 8px;gap:8px}.merged-total{font-size:9px}}
/* Home refinement: transparent navigation, legible full product surfaces. */
.home-page .site-header{position:fixed;inset:0 0 auto;background:transparent;color:#fff;border-bottom-color:transparent;backdrop-filter:none;isolation:isolate;transition:background .25s,color .25s,height .25s,border-color .25s}
/* Keep the photograph visible through the header; shade only its top edge. */
.home-page .site-header::before{content:'';position:absolute;inset:0 0 auto;height:180px;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(10,22,30,.8) 0%,rgba(10,22,30,.62) 42%,rgba(10,22,30,.25) 74%,rgba(10,22,30,0) 100%);opacity:1;transition:opacity .25s}
.home-page .site-header.scrolled::before,.home-page .site-header.open::before{opacity:0}
.home-page .site-header:not(.scrolled):not(.open) .brand,.home-page .site-header:not(.scrolled):not(.open) nav>a:not(.button){color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.home-page .site-header nav>a:not(.button){font-weight:550}
.home-page .site-header:not(.scrolled):not(.open) nav>a:not(.button):hover{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.home-page .site-header:not(.scrolled):not(.open) a:focus-visible,.home-page .site-header:not(.scrolled):not(.open) button:focus-visible{outline-color:#fff}
.home-page .site-header:not(.scrolled):not(.open) .brand img{filter:brightness(0) invert(1)}
.home-page .site-header:not(.scrolled):not(.open) .button{background:#f7f7f2;border-color:#f7f7f2;color:#142638}
.home-page .site-header.scrolled,.home-page .site-header.open{background:rgba(247,247,242,.98);color:var(--ink);border-bottom-color:var(--rule);backdrop-filter:blur(14px)}
.home-page .hero-film.animated-hero{height:100svh;min-height:760px;max-height:1000px}
.home-page .hero-message{top:22%}
.home-page .product-strip{justify-content:center;gap:8%;padding:25px 5%;font-size:14px;background:#f7f7f2}
.home-page .product-strip>span{width:auto;color:#536b77}
.home-page .product-overview .section-lead{max-width:none;display:grid;grid-template-columns:1.35fr 1fr;column-gap:9%;align-items:center;margin-bottom:65px}
.home-page .product-overview .section-lead .eyebrow{grid-column:1/-1}
.home-page .product-overview .section-lead>p:last-child{margin:0;font-size:17px}
.home-page .product-feature,.home-page .product-feature.reverse{display:flex;flex-direction:column;gap:35px;margin-top:65px;align-items:stretch}
.home-page .feature-copy{display:grid;grid-template-columns:1.1fr 1fr;gap:0 10%;align-items:start;border-top:1px solid #d4ddda;padding-top:35px}
.home-page .feature-copy>.icon{display:none}
.home-page .feature-copy>.eyebrow{grid-column:1/-1;margin-bottom:22px}
.home-page .feature-copy h3{grid-column:1;grid-row:2/4;font-size:54px;margin:0}
.home-page .feature-copy>p:not(.eyebrow){grid-column:2;max-width:470px;margin-bottom:12px;font-size:16px}
.home-page .feature-copy>.text-link{grid-column:2;justify-self:start}
.home-page .feature-screen{padding:48px 6% 0;background:linear-gradient(130deg,#d8e3e5,#edf1ec);border:1px solid #d7e0dc;border-radius:5px;perspective:none;overflow:hidden}
.home-page .feature-screen.mail-surface{background:linear-gradient(130deg,#e0e5dd,#f0f1e9)}
.home-page .feature-screen .real-screen,.home-page .feature-screen:hover .real-screen{width:100%;max-width:1100px;margin:auto;transform:none;transform-origin:center;border:1px solid #bfcfd6;border-radius:5px;box-shadow:0 24px 70px #223d4c1a}
.showcase-detail{max-width:1100px;margin:auto;display:flex;gap:15px;align-items:center;padding:27px 0;color:#304b5a}
.showcase-detail>.icon{width:28px;height:28px}.showcase-detail strong{font-size:14px;font-weight:500;display:block}.showcase-detail small{font-size:12px;color:#809198;display:block;margin-top:2px}.showcase-check{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;color:#577165}.showcase-check .icon{width:17px;height:17px}
.home-page .workflow{padding-top:55px;padding-bottom:65px;border-top:0}
.home-page .workflow-grid article{position:relative;padding-top:25px}
.home-page .workflow-grid article>.icon{width:29px;height:29px;margin-bottom:22px}
.home-page .founder-note{display:grid;grid-template-columns:.8fr 1.4fr;gap:12%;align-items:center;padding-top:85px;padding-bottom:85px}
.home-page .founder-note>.founder-people{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.founder-portraits{display:flex;gap:12px}.founder-portraits img{width:110px;height:135px;object-fit:cover;object-position:center 25%;filter:saturate(.55);border-radius:3px}
.founder-people>span{font-size:15px;line-height:1.6}.founder-people small{font-size:12px;color:#8a999f}
.home-page .founder-note>.founder-message{display:block;max-width:610px}
.founder-message h2{font-size:56px;margin-bottom:23px}.founder-message>p{color:var(--muted);max-width:490px}
@media(max-width:800px){.home-page .hero-message{top:19%}.home-page .product-strip{gap:25px;justify-content:space-between}.home-page .product-overview .section-lead{display:block}.home-page .product-overview .section-lead>p:last-child{margin-top:25px;max-width:540px}.home-page .feature-copy{gap:0 6%}.home-page .feature-copy h3{font-size:44px}.home-page .feature-screen{padding:30px 4% 0}.showcase-check{display:none}.home-page .founder-note{gap:7%}.founder-message h2{font-size:45px}.founder-portraits img{width:90px;height:115px}}
@media(max-width:540px){.home-page .hero-film.animated-hero{height:auto;min-height:910px;max-height:none}.home-page .hero-message{top:145px}.home-page .product-strip{gap:10px;padding:22px 5%;flex-wrap:nowrap}.home-page .product-strip>span{font-size:10px;gap:5px}.home-page .product-strip .icon{width:16px;height:16px}.home-page .feature-copy{display:block;padding-top:25px}.home-page .feature-copy h3{font-size:43px;margin-bottom:23px}.home-page .feature-copy>p:not(.eyebrow){font-size:16px}.home-page .feature-screen{padding:18px 10px 0}.showcase-detail{padding:20px 5px;gap:10px}.showcase-detail strong{font-size:12px}.showcase-detail small{font-size:10px}.showcase-detail>.icon{width:22px;height:22px}.home-page .workflow{padding-top:30px;padding-bottom:45px}.home-page .founder-note{display:flex;flex-direction:column-reverse;align-items:stretch;gap:35px;padding:55px 6%}.home-page .founder-note>.founder-people{flex-direction:row;align-items:center;gap:18px}.founder-portraits{gap:7px}.founder-portraits img{width:60px;height:75px}.founder-message h2{font-size:44px}.founder-people>span{font-size:13px}.founder-people small{font-size:11px}}
/* Crisp, resolution-independent HTML product illustrations. */
.product-vector{width:100%;max-width:1100px;margin:0 auto;background:#fff;border:1px solid #cbd5db;border-radius:7px;overflow:hidden;box-shadow:0 20px 65px #203d4d16;color:#253341;font:400 14px/1.5 var(--sans);text-align:left}
.pv-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#bccbd1 #f4f6f7}.pv-scroll:focus-visible{outline:2px solid #668699;outline-offset:-3px}.pv-canvas{min-width:740px}.pv-canvas p{font:400 14px/1.65 var(--sans);margin:0;color:inherit}.pv-canvas strong,.pv-canvas b{font-weight:500}.pv-canvas small{display:block;font-size:11px;color:#8c98a1}.app-mark{width:25px;height:25px;object-fit:contain;flex:none}
.pv-toolbar{min-height:81px;padding:22px 26px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #edf0f2}.pv-range,.pv-actions{display:flex;align-items:center;gap:23px}.pv-range{font-size:13px;color:#859099}.pv-range b{color:#263846;background:#f2f4f5;padding:8px 12px;border-radius:4px}.pv-actions{gap:12px;font-size:12px}.pv-add{border:1px solid #dce3e7;border-radius:4px;padding:9px 12px}.pv-primary{display:inline-flex;align-items:center;background:#152638;color:white;border-radius:4px;padding:9px 13px;white-space:nowrap;font-size:12px}
.pv-filters{display:flex;align-items:center;gap:27px;padding:18px 27px;color:#8c98a0;font-size:12px;border-bottom:1px solid #e4e9ed}.pv-filters>div{display:flex;align-items:center;gap:12px;min-width:200px}.pv-search{font-size:22px;line-height:1;color:#8f9ba5}.pv-group{margin-left:auto;color:#536674}.pv-table-head,.pv-row{display:grid;grid-template-columns:20px 50px minmax(230px,1.5fr) minmax(155px,1fr) 45px 15px;align-items:center;gap:15px;padding:0 26px}.pv-table-head{height:44px;background:#fbfcfc;color:#94a0a7;font-size:11px;border-bottom:1px solid #e7ecef}.pv-row{min-height:86px;border-bottom:1px solid #e9edef;background:#fff}.pv-selected{background:#f0f5fa}.pv-checkbox{width:15px;height:15px;border:1px solid #cbd5dc;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;background:white}.pv-checkbox.checked{background:#19364d;color:white;border-color:#19364d;font-size:11px}.pv-hour{color:#8795a0;font-size:12px}.pv-description{display:flex;align-items:center;gap:13px;font-size:13px;line-height:1.55}.pv-description small{margin-top:4px;font-size:10px}.pv-matter{display:flex;align-items:center;gap:7px;font-size:11px;color:#71818c}.pv-matter i{width:5px;height:5px;background:var(--matter);border-radius:50%;flex:none}.pv-hours{text-align:right;font-size:14px;font-variant-numeric:tabular-nums}.pv-more{color:#8d9da5;text-align:right;font-size:18px}.pv-total{display:flex;align-items:center;justify-content:space-between;padding:20px 26px;font-size:11px;color:#8999a2}.pv-total strong{font-size:18px;color:#263b4b;margin-left:17px;letter-spacing:-.5px}
.pv-mail-toolbar{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #e6ebef}.pv-mail-tabs{display:flex;align-items:center;gap:25px;font-size:13px;color:#97a0a7}.pv-mail-tabs>b{color:#243747}.pv-mail-tabs>b>span{background:#edf1f5;color:#8296a6;border-radius:3px;padding:2px 5px;margin-left:5px;font-size:10px}.pv-review-bar{display:flex;align-items:center;gap:18px;padding:14px 25px;background:#f7f8f6;border-bottom:1px solid #e4e9ec;font-size:11px;color:#8b969c}.pv-review-bar>div{display:flex;align-items:center;gap:10px;flex:1}.pv-review-bar b{color:#475e6e;font-size:12px}.pv-review-bar .pv-primary{font-size:11px;padding:8px 12px}.pv-live{width:6px;height:6px;background:#8ba79a;border-radius:50%}.pv-mail-columns{display:grid;grid-template-columns:30% 70%;min-height:505px}.pv-mail-list{border-right:1px solid #e3e9ed;background:#fafbfc}.pv-list-heading{display:flex;justify-content:space-between;padding:17px 20px;font-size:11px;color:#82929d;border-bottom:1px solid #e6ebef}.pv-mail-item{padding:18px 19px;border-bottom:1px solid #e6ebef}.pv-mail-item.active{background:#edf3f8;box-shadow:inset 2px 0 #859faf}.pv-mail-item>div{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:9px;gap:10px}.pv-mail-item>div>span{font-size:10px;color:#9ba6af}.pv-mail-item>strong{font-size:12px;display:block;margin-bottom:5px}.pv-mail-item p{font-size:11px;color:#96a0a8;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:250px;margin:0}.pv-mail-item>small{font-size:9px;margin-top:10px;color:#8d9eaa}.pv-reading{padding:25px 29px;background:white;min-width:0}.pv-reading-meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#8d9ca5;margin-bottom:20px}.pv-reading-meta>span:first-child{font-size:9px;letter-spacing:.07em;background:#f2ede8;color:#b09b87;padding:2px 5px}.pv-subject{font-size:20px;font-weight:500;letter-spacing:-.5px;line-height:1.4}.pv-sender{display:flex;align-items:center;gap:10px;margin:19px 0 23px;font-size:11px}.pv-avatar{width:29px;height:29px;border-radius:50%;background:#edf1f6;color:#8495a6;display:inline-flex;align-items:center;justify-content:center;font-size:10px;flex:none}.pv-sender small{font-size:10px;margin-top:2px}.pv-sender>span:last-child{margin-left:auto;color:#92a0a8}.pv-summary{background:#f7f8f4;border:1px solid #e9ece5;padding:17px;border-radius:5px}.pv-summary-title{display:flex;align-items:center;gap:8px;font-size:12px;margin-bottom:12px}.pv-summary-title>img{width:17px;height:17px;filter:brightness(.25)}.pv-summary-title>span{margin-left:auto;font-size:10px;color:#8b989c}.pv-summary>p{font-size:12px;line-height:1.75;color:#64737d;margin:0}.pv-deadline{display:flex;align-items:center;gap:10px;border-top:1px solid #e0e5dc;margin-top:14px;padding-top:13px;color:#9c8e67}.pv-deadline .icon{width:18px;height:18px}.pv-deadline b{font-size:11px}.pv-deadline small{font-size:10px;color:#a69f89;margin-top:3px}.pv-deadline>span:last-child{font-size:10px;white-space:nowrap;margin-left:auto}.pv-original{padding-top:20px}.pv-original p{font-size:12px;line-height:1.65;margin:0 0 13px;color:#7b8790}.pv-reply{display:flex;align-items:center;gap:10px;border-top:1px solid #e6ecef;padding-top:15px;font-size:11px;color:#8497a4}.pv-reply>span:last-child{margin-left:auto;font-size:19px}.pv-reply .app-mark{width:19px;height:19px}
.pv-task-heading{padding:23px 27px 12px;font-size:13px;color:#5e7280}.pv-task-heading span{margin-left:7px;font-size:11px;color:#a0aeb7}.pv-task{margin:0 26px;padding:23px 0;display:flex;align-items:center;gap:17px;border-bottom:1px solid #e7ecef;font-size:13px}.pv-task>div{flex:1}.pv-task small{margin-top:5px;font-size:11px}.pv-task>span:nth-last-child(2){font-size:11px;color:#9b8e77}.pv-task:last-child{margin-bottom:25px}.tour-viewport .product-vector{box-shadow:0 20px 60px #1b354e15}.capture-icon>img{width:26px;height:26px;object-fit:contain}.motion-app{width:16px;height:16px;object-fit:contain}
@media(max-width:900px){.pv-canvas{min-width:760px}.pv-table-head,.pv-row{gap:10px;padding-left:20px;padding-right:20px;grid-template-columns:18px 43px minmax(225px,1.5fr) minmax(150px,1fr) 39px 14px}.pv-reading{padding:22px}.pv-row{min-height:83px}.pv-toolbar{padding:20px}.pv-range,.pv-actions{gap:12px}.pv-description{font-size:12px;gap:9px}}
@media(max-width:540px){.product-vector{border-radius:5px}.pv-scroll{padding-bottom:5px}.home-page .feature-screen{padding:18px 9px 0}.tour-note:after{content:' Sveip for å se hele visningen.'}}
/* Exact product rendering, isolated from the marketing site's styles. */
.exact-preview{position:relative;max-width:1280px;width:100%;margin:0 auto;border:1px solid #d9dee6;border-radius:6px;background:#f8f9fb;overflow:hidden;box-shadow:0 20px 55px #203d4d12}
.exact-viewport{height:auto;aspect-ratio:16/9;width:100%;overflow:hidden;position:relative}
.exact-viewport iframe{position:absolute;left:0;top:0;width:1280px;height:720px;border:0;max-width:none;transform:scale(var(--product-scale,1));transform-origin:top left;pointer-events:none;background:#f8f9fb}
.exact-open{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;text-decoration:none;padding:12px}
.exact-open>span{background:#fff;color:#33495a;font-size:11px;padding:7px 11px;border:1px solid #dbe2e5;border-radius:3px;opacity:0;transition:opacity .2s}
.exact-open:hover>span,.exact-open:focus-visible>span{opacity:1}
.home-page .founder-note.founder-clean{display:block;padding-top:80px;padding-bottom:65px}
.home-page .founder-clean>.founder-heading{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}
.founder-clean h2{font-size:58px}.founder-heading>div>p:not(.eyebrow){color:var(--muted);max-width:460px}
.home-page .founder-clean>.founder-signatures{display:flex;gap:55px;align-items:center;margin-top:45px;padding-top:30px;border-top:1px solid var(--rule)}
.founder-signatures>div{display:flex;align-items:center;gap:14px}.founder-signatures img{height:56px;width:48px;object-fit:cover;object-position:center 25%;border-radius:3px}.founder-signatures>div>span{font-size:14px;line-height:1.5}.founder-signatures small{display:block;color:#89979f;font-size:12px;margin-top:3px}.founder-location{margin-left:auto;font-size:12px;color:#89979f}
@media(max-width:800px){.home-page .founder-clean>.founder-heading{gap:7%}.founder-clean h2{font-size:47px}.home-page .founder-clean>.founder-signatures{gap:30px}.founder-location{display:none}}
@media(max-width:540px){.home-page .founder-note.founder-clean{padding:55px 6%}.home-page .founder-clean>.founder-heading{grid-template-columns:1fr;gap:25px}.founder-clean h2{font-size:44px}.home-page .founder-clean>.founder-signatures{flex-direction:column;align-items:flex-start;gap:24px;margin-top:30px}.exact-open>span{opacity:1;font-size:9px;padding:4px 7px}.exact-open{padding:6px}}

/* A quieter editorial rhythm around the original product interface. */
.home-page .hero-message>p:not(.eyebrow){max-width:480px}
.workday-story{padding-top:120px;padding-bottom:112px}
.story-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:10%;align-items:end}
.story-heading h2{font-size:clamp(44px,4.5vw,68px);line-height:1.08}
.story-heading>div{max-width:450px;padding-bottom:5px;color:var(--muted)}
.story-heading p{font-size:17px;line-height:1.8}
.story-heading p:last-child{margin-bottom:0}
.home-page .product-overview{padding-top:0;padding-bottom:0}
.home-page .product-feature,.home-page .product-feature.reverse{margin-top:0;gap:40px}
.home-page .product-feature+.product-feature{margin-top:112px}
.home-page .feature-copy{grid-template-columns:1.3fr 1fr;gap:0 10%;padding-top:34px;align-items:end}
.home-page .feature-copy>.eyebrow{margin-bottom:25px}
.home-page .feature-copy h2{grid-column:1;grid-row:2;font-size:clamp(42px,4.3vw,64px);line-height:1.08;max-width:730px}
.feature-explanation{grid-column:2;grid-row:2;max-width:450px}
.feature-explanation p{color:var(--muted);font-size:16px;line-height:1.8;margin-bottom:14px}
.feature-explanation .text-link{font-size:13px;gap:20px;transition:gap .2s}
.feature-explanation .text-link:hover{gap:28px}
.home-page .feature-screen{padding:0 4%;border-radius:3px;border:0;overflow:hidden}
.home-page .feature-screen.time-surface{background:#142638;color:#f0f3ef}
.home-page .feature-screen.mail-surface{background:#e9ede7;color:#34483f}
.showcase-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:27px 0;font-size:12px;letter-spacing:.01em}
.showcase-heading>span:last-child{opacity:.65}
.home-page .feature-screen .exact-preview{border-radius:5px;box-shadow:0 22px 60px #00000020}
.home-page .time-surface .exact-preview{border-color:#52616d}
.home-page .showcase-detail{max-width:none;justify-content:space-between;padding:24px 0;font-size:12px;color:inherit;gap:18px}
.home-page .showcase-detail>span:last-child{opacity:.6;font-size:11px}
.home-page .workflow{padding-top:100px;padding-bottom:110px}
.home-page .workflow>.eyebrow{margin-bottom:36px}
.home-page .workflow-grid{gap:5%}
.home-page .workflow-grid article{padding-top:24px}
.home-page .workflow-grid article>span{float:none;display:block;margin-bottom:32px;font-size:12px;color:#728680}
.home-page .workflow-grid h3{font-family:var(--serif);font-size:36px;letter-spacing:-.02em;margin-bottom:18px}
.home-page .workflow-grid p{max-width:340px;line-height:1.8;font-size:15px}
.home-page .security-teaser{padding-top:112px;padding-bottom:112px}
.home-page .founder-note.founder-clean{padding-top:110px;padding-bottom:100px}
.home-page .founder-clean>.founder-heading{gap:10%;grid-template-columns:1.3fr 1fr}
.home-page .founder-clean h2{font-size:clamp(44px,4.5vw,68px)}
.home-page .founder-clean>.founder-signatures{margin-top:54px;padding-top:32px}
.closing{padding-top:100px;padding-bottom:100px}
.closing h2{font-size:clamp(44px,4.7vw,72px)}
.product-arriving{animation:product-arrive .8s cubic-bezier(.22,.68,.25,1) both}
@keyframes product-arrive{from{opacity:.65;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.home-page .feature-screen{padding-left:5%;padding-right:5%}}
@media(max-width:900px){.story-heading{gap:6%;grid-template-columns:1.1fr 1fr}.story-heading p{font-size:16px}.home-page .feature-copy{gap:0 6%;grid-template-columns:1.1fr 1fr}.feature-explanation .text-link{font-size:12px;gap:12px}.home-page .workflow-grid h3{font-size:31px}}
@media(max-width:700px){.workday-story{padding-top:70px;padding-bottom:70px}.story-heading{grid-template-columns:1fr;gap:30px}.story-heading>div{max-width:520px}.home-page .feature-copy{display:block;padding-top:26px}.home-page .feature-copy h2{font-size:45px;margin-bottom:24px}.feature-explanation{max-width:520px}.home-page .product-feature,.home-page .product-feature.reverse{gap:26px}.home-page .product-feature+.product-feature{margin-top:70px}.home-page .feature-screen{padding:0 14px}.showcase-heading{padding:20px 0;font-size:11px}.showcase-heading>span:last-child{display:none}.home-page .showcase-detail{padding:18px 0;font-size:11px}.home-page .showcase-detail>span:last-child{display:none}.home-page .workflow{padding-top:70px;padding-bottom:70px}.home-page .workflow-grid{grid-template-columns:1fr;gap:24px}.home-page .workflow-grid article>span{margin-bottom:18px}.home-page .workflow-grid p{max-width:480px}.home-page .security-teaser{padding-top:70px;padding-bottom:70px}.home-page .founder-note.founder-clean{padding-top:70px;padding-bottom:65px}.home-page .founder-clean>.founder-heading{grid-template-columns:1fr;gap:26px}.closing{padding-top:70px;padding-bottom:70px}}
@media(max-width:540px){.home-page .hero-message>p:not(.eyebrow) br{display:none}.home-page .hero-message>p:not(.eyebrow){max-width:360px}.home-page .feature-copy h2{font-size:40px}.story-heading h2{font-size:43px}.home-page .founder-clean>.founder-signatures{margin-top:35px}}
@media(prefers-reduced-motion:reduce){.product-arriving{animation:none}}

/* Original integration marks, with space for each wordmark's own proportions. */
.integration-strip{padding:34px 5% 38px;border-bottom:1px solid var(--rule);background:var(--paper)}
.integration-strip>p{text-align:center;font-size:12px;color:var(--muted);margin-bottom:28px}
.integration-logos{display:flex;justify-content:center;align-items:center;gap:clamp(28px,5vw,84px);max-width:1250px;margin:auto}
.integration-logos>div{display:flex;flex-direction:column;align-items:center;gap:13px;min-width:0}
.integration-logos>div>img{height:29px;width:auto;max-width:170px;object-fit:contain}
.integration-logos>div:first-child>img{height:24px;width:113px}
.integration-logos>div:nth-child(3)>img{height:25px;width:150px}
.integration-logos small{font-size:10px;color:#728078;white-space:nowrap}
.integration-poweroffice{display:flex;align-items:center;gap:7px;font:500 20px/1 var(--sans);color:#333}
.integration-poweroffice>img{width:31px;height:31px;object-fit:contain}
/* Product details sit over editorial photography; the application type stays isolated. */
.product-snippets{padding-top:0;padding-bottom:80px}
.snippet-collection{min-width:0}
.snippet-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;color:var(--muted);font-size:11px}
.snippet-controls button{border:0;border-bottom:1px solid #b5c1bd;padding:7px 0;background:none;color:var(--ink);font-size:11px;min-height:36px}
.snippet-controls button[hidden]{display:none}
.snippet-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px 30px}
.snippet-feature{min-width:0}
.snippet-scene{position:relative;height:480px;isolation:isolate;overflow:hidden;border-radius:3px;background:#23312f}
.snippet-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.scene-capture .snippet-photo,.scene-summary .snippet-photo{object-position:28% center}
.scene-description .snippet-photo,.scene-reply .snippet-photo{object-position:right center}
.snippet-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101e2838,transparent 55%);z-index:-1}
.snippet-overlay{position:absolute;right:28px;bottom:30px;width:calc(100% - 56px);max-width:390px}
.snippet-panel{font:400 12px/1.5 'Inter',sans-serif;color:#0e1b33;background:#fff;border:1px solid #dfe3e9;border-radius:9px;box-shadow:0 22px 60px #07101838;overflow:hidden;text-align:left}
.snippet-panel p,.snippet-panel strong,.snippet-panel b,.snippet-panel small{font-family:'Inter',sans-serif;letter-spacing:normal}
.snippet-panel strong,.snippet-panel b{font-weight:500}
.snippet-panel small{font-size:10px;color:#98a2b1;display:block;line-height:1.5}
.sn-top{display:flex;align-items:center;gap:8px;padding:16px 19px;border-bottom:1px solid #edf0f4;font-size:11px}
.sn-top>img{height:18px;width:18px;object-fit:contain}.sn-top>small{margin-left:auto;font-size:9px}
.sn-row{display:flex;gap:12px;align-items:center;padding:16px 19px;border-bottom:1px solid #edf0f4}
.sn-brand{width:25px;height:25px;object-fit:contain;flex:none}
.sn-row>div{flex:1;min-width:0}.sn-row strong{display:block;font-size:11px}.sn-row small{margin-top:3px}.sn-row>b{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums}
.sn-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 19px;color:#7f8a9c;font-size:10px}
.sn-total>strong{font-size:24px;color:#0e1b33;line-height:1.1;font-family:'Inter Tight',sans-serif}.sn-total>strong small{display:inline;font-size:12px}
.sn-matter{display:flex;align-items:center;gap:10px;margin:18px;padding:14px;background:#f8f9fb;border:1px solid #edf0f4;border-radius:5px;font-size:11px}
.sn-matter strong{font-size:11px;display:block}.sn-matter small{margin-bottom:4px}
.sn-dot{width:6px;height:6px;border-radius:50%;background:#8a9db5;flex:none}
.sn-tick{display:inline-flex;align-items:center;justify-content:center;background:#edf4ef;color:#64806d;border-radius:4px;width:19px;height:19px;flex:none}
.sn-matter>.sn-tick{margin-left:auto}
.sn-association{display:flex;align-items:center;justify-content:center;gap:12px;color:#a0abb9;margin:14px 0 -4px}.sn-association i{display:block;width:50px;height:1px;background:#e8ebef}
.sn-writing{padding:18px 20px;font-size:12px;line-height:1.85;color:#455166}
.sn-action{display:inline-block;padding:9px 12px;color:white;background:#0e1b33;border-radius:5px;font-size:10px}
.sn-summary{margin:17px 19px;padding:15px;background:#f7f8f5;border:1px solid #e9ede5;border-radius:5px}.sn-summary>small{letter-spacing:.08em;color:#8a9689;font-size:9px}
.sn-summary p{font-size:12px;line-height:1.75;margin:10px 0 0;color:#455166}
.sn-source{font-size:9px;color:#98a2b1;padding:0 19px 17px;line-height:1.6}
.sn-queue-top{display:flex;justify-content:space-between;padding:16px 19px;font-size:10px;color:#98a2b1}
.sn-queue-item{display:flex;gap:10px;align-items:center;padding:14px 19px;border-top:1px solid #edf0f4}.sn-queue-item>div{flex:1}.sn-queue-item strong{display:block;font-size:11px}.sn-queue-item small{margin-top:3px}.sn-queue-item:nth-child(3){background:#f5f7fb}
.sn-quote{margin:18px 19px;padding-left:13px;border-left:2px solid #dce3eb;font-size:12px;line-height:1.8;color:#6c7785}
.sn-deadline{display:flex;gap:15px;align-items:center;margin:17px 19px;padding:15px;background:#faf8f3;border-radius:5px;border:1px solid #eee9dd}
.sn-calendar{width:43px;flex:none;text-align:center;border:1px solid #e9e2d5;background:white;border-radius:4px;overflow:hidden}.sn-calendar>small{background:#f1ede4;font-size:8px;padding:3px;color:#9d9079}.sn-calendar>strong{display:block;font-size:21px;padding:3px;color:#807359}
.sn-deadline>div:last-child>small{font-size:8px;color:#a2947b;letter-spacing:.06em}.sn-deadline>div:last-child>strong{display:block;font-size:12px;margin:4px 0}.sn-deadline>div:last-child>span{font-size:9px;color:#98a2b1}
.sn-draft{padding:3px 6px;background:#f1f4f8;color:#8a98ac;font-size:9px;border-radius:3px}
.snippet-copy{padding:26px 0 0;max-width:510px}.snippet-copy .eyebrow{font-size:10px;margin-bottom:14px}.snippet-copy h3{font:400 32px/1.12 var(--serif);letter-spacing:-.02em;margin-bottom:14px}.snippet-copy>p:last-child{color:var(--muted);font-size:15px;line-height:1.75;margin-bottom:0;max-width:470px}
.snippet-moving .sn-step{animation:snippet-highlight 7s ease-in-out infinite;animation-play-state:paused}
.snippet-moving.snippet-visible .sn-step{animation-play-state:running}
.snippet-moving .sn-step:nth-child(3){animation-delay:1.4s}
.snippet-collection.snippets-paused .sn-step{animation-play-state:paused}
@keyframes snippet-highlight{0%,100%{transform:translateY(0);box-shadow:inset 2px 0 transparent}15%,40%{transform:translateY(-2px);box-shadow:inset 2px 0 #a9bacb}60%{transform:translateY(0);box-shadow:inset 2px 0 transparent}}
.about-editorial{margin:0 5%;height:500px;overflow:hidden;border-radius:3px}
.about-editorial>img{height:100%;width:100%;object-fit:cover;object-position:center 47%}
.about-story-visual>img{display:block;margin-top:38px;width:100%;height:310px;object-fit:cover;object-position:25% center;border-radius:3px}
.about-story-visual h2{max-width:450px}
@media(min-width:1600px){.snippet-scene{height:530px}.snippet-overlay{max-width:430px;right:38px;bottom:38px}}
@media(max-width:1000px){.integration-logos{gap:25px;flex-wrap:wrap}.integration-logos>div{min-width:135px}.snippet-grid{gap:45px 22px}.snippet-scene{height:440px}.snippet-overlay{right:18px;bottom:22px;width:calc(100% - 36px)}.sn-row{padding:14px}.sn-row strong{font-size:10px}.sn-row small{font-size:9px}.sn-top{padding:14px}.sn-total{padding:15px}.snippet-copy h3{font-size:29px}.about-editorial{height:400px}}
@media(max-width:700px){.snippet-grid{grid-template-columns:1fr;gap:42px}.snippet-scene{height:470px}.snippet-overlay{right:24px;bottom:25px;width:calc(100% - 48px);max-width:390px}.sn-row{padding:16px 19px}.sn-row strong{font-size:11px}.snippet-copy{padding-top:23px}.snippet-copy h3{font-size:32px}.snippet-controls>span{font-size:10px}.snippet-controls{gap:10px}.product-snippets{padding-bottom:60px}.integration-strip{padding:28px 6% 32px}.integration-logos{gap:28px 24px}.integration-logos>div{min-width:125px}.integration-logos>div>img{max-width:140px}.integration-logos small{font-size:9px}.about-editorial{height:340px;margin:0 6%}.about-story-visual>img{height:280px;margin-top:26px}}
@media(max-width:380px){.snippet-scene{height:425px}.snippet-overlay{right:15px;width:calc(100% - 30px);bottom:20px}.sn-row{padding:13px;gap:9px}.sn-row strong{font-size:10px}.sn-row>b{font-size:11px}.sn-top{padding:13px}.snippet-controls>span{max-width:130px}}
@media(prefers-reduced-motion:reduce){.snippet-moving .sn-step{animation:none!important}}
.portrait img.founder-portrait{filter:none;object-position:center 35%}
/* Each illustration now moves through input, processing and result. */
.snippet-photo{filter:blur(2px);transform:scale(1.025)}
.snippet-overlay{right:30px;bottom:48px;max-width:365px}
.snippet-panel{border-radius:7px;border-color:#ffffff99;box-shadow:0 18px 50px #10202b30}
.sn-top{padding:17px 21px;font-size:11px;background:#fff}
.flow-stage{height:250px;position:relative;overflow:hidden;background:#fff}
.flow-frame{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .5s ease,transform .65s cubic-bezier(.2,.8,.2,1),visibility .5s}
[data-flow]:not(.flow-ready) .flow-frame[data-frame="2"],
[data-flow][data-phase="0"] .flow-frame[data-frame="0"],
[data-flow][data-phase="1"] .flow-frame[data-frame="1"],
[data-flow][data-phase="2"] .flow-frame[data-frame="2"]{opacity:1;visibility:visible;transform:translateY(0)}
.flow-frame .sn-step{animation:none!important}
.flow-frame .sn-writing{padding:22px;font-size:12px;line-height:1.85}
.flow-empty{padding:42px 24px;color:#6c7785;font-size:13px;text-align:center}.flow-empty small{display:block;color:#a2aaba;font-size:10px;margin-top:10px}
.flow-thinking{display:flex;gap:5px;align-items:center;justify-content:center;padding:45px 20px;color:#98a2b1;font-size:10px}.flow-thinking i{height:5px;width:5px;background:#a9b9c8;border-radius:50%}.flow-thinking span{margin-left:7px}
[data-phase="1"] .flow-thinking i{animation:flow-dot .8s ease-in-out 2}.flow-thinking i:nth-child(2){animation-delay:.13s}.flow-thinking i:nth-child(3){animation-delay:.26s}
@keyframes flow-dot{50%{transform:translateY(-5px);opacity:.4}}
.flow-lines{padding:30px 22px;display:grid;gap:12px}.flow-lines i{height:7px;background:#edf0f4;border-radius:3px}.flow-lines i:nth-child(2){width:85%}.flow-lines i:nth-child(3){width:65%}
[data-phase="1"] .flow-type{animation:flow-write 1.7s steps(25,end) both}
@keyframes flow-write{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
.flow-frame mark{background:#f1e8d1;color:inherit;padding:2px 0}
.sn-unchecked{height:19px;width:19px;flex:none;border:1px solid #d9e0e8;border-radius:4px}
.flow-track{display:flex;gap:4px;padding:12px 21px 15px;border-top:1px solid #f0f2f5}.flow-track i{width:16px;height:2px;background:#e0e6ec;transition:background .4s,width .4s}
[data-phase="0"] .flow-track i:nth-child(1),[data-phase="1"] .flow-track i:nth-child(2),[data-phase="2"] .flow-track i:nth-child(3){background:#768f9f;width:32px}
.flow-toggle{position:absolute;left:20px;bottom:16px;background:#ffffffde;color:#20384a;border:1px solid #ffffff70;border-radius:50%;height:30px;width:30px;font-size:11px;display:flex;align-items:center;justify-content:center;padding:0;backdrop-filter:blur(10px)}
.flow-toggle[hidden]{display:none}
/* The same scattered items become the ordered rows, rather than cross-fading images. */
.order-section.section{max-width:none;background:#142638;color:#f2f4ee;margin-bottom:110px;padding-top:80px;padding-bottom:60px}
.order-intro{text-align:center;max-width:740px;margin:auto}.order-intro .eyebrow{color:#a6bbb9}.order-intro h2{font-size:clamp(48px,5vw,76px)}.order-intro h2 em{color:#b7c8c2}.order-intro>p:last-child{color:#b2c0c9;max-width:515px;margin:25px auto 0;font-size:16px}
.order-demo{max-width:1000px;margin:38px auto 0;position:relative}
.order-status{display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid #ffffff22;font-size:13px}.order-status small{color:#7f99aa;font-size:10px}
.order-field{position:relative;height:390px;--spread:min(24vw,245px)}
.order-card{position:absolute;top:50%;left:50%;width:min(630px,95%);height:48px;display:flex;align-items:center;gap:14px;padding:0 18px;border:1px solid #ffffff22;border-radius:5px;background:#21364a;color:#e1e8ed;font:400 12px/1.4 'Inter',sans-serif;transform:translate(-50%,-50%) translateY(calc(var(--i) * 54px - 135px));transition:transform 1.35s cubic-bezier(.22,1,.36,1),width 1.2s ease,background .9s ease;transition-delay:calc(var(--i) * 65ms);box-shadow:0 8px 22px #08172416}
.order-card img{height:23px;width:23px}.order-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-time{color:#91a9bc;font-size:10px}.order-card b{font-weight:400;font-size:11px;white-space:nowrap;color:#bed0d7}
.order-card b,.order-time{max-width:70px;opacity:1;transition:opacity .7s .7s,max-width .8s}
[data-phase="0"] .order-card{width:250px;transform:translate(-50%,-50%) translate(calc(var(--x) * var(--spread)),calc(var(--y) * 120px)) rotate(var(--r));background:#ffffff09}
[data-phase="0"] .order-card b,[data-phase="0"] .order-time{max-width:0;opacity:0;overflow:hidden;transition-delay:0s}
.order-total{display:flex;align-items:center;justify-content:space-between;max-width:630px;margin:0 auto;border-top:1px solid #ffffff22;padding-top:22px;opacity:0;transform:translateY(10px);transition:opacity .7s,transform .7s;font-size:12px;color:#a4bac7}
.order-total strong{font:400 36px/1 'Inter Tight',sans-serif;color:#f2f4ee;white-space:nowrap}.order-total small{font-size:12px;color:#a4bac7}
[data-phase="2"] .order-total{opacity:1;transform:translateY(0)}
.order-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:25px;min-height:35px}.order-controls .flow-toggle{position:static}.order-controls>[data-flow-replay]{background:none;border:0;border-bottom:1px solid #ffffff40;color:#bacdd7;padding:8px 0;font-size:11px}.order-controls>[hidden]{display:none}
@media(max-width:700px){.snippet-overlay{right:22px;bottom:55px;max-width:365px;width:calc(100% - 44px)}.order-section.section{padding:65px 6% 45px;margin-bottom:70px}.order-intro>p:last-child{font-size:15px}.order-field{height:390px;--spread:11vw}.order-card{font-size:10px;padding:0 10px;gap:8px}.order-card img{width:19px;height:19px}[data-phase="0"] .order-card{width:215px}.order-total{gap:20px}.order-total>span{font-size:10px;max-width:170px}.order-total strong{font-size:30px}.flow-stage{height:250px}}
@media(prefers-reduced-motion:reduce){.flow-frame,.order-card,.order-card b,.order-time,.order-total{transition:none!important}.flow-thinking i,.flow-type{animation:none!important}}
[data-flow][data-paused="true"] .flow-type,[data-flow][data-paused="true"] .flow-thinking i{animation-play-state:paused}
/* Product vignettes share the hero's glass frame and compact composition. */
.snippet-overlay{max-width:420px;right:24px;bottom:35px;width:calc(100% - 48px)}
.detail-glass{padding:10px;border:1px solid #ffffff42;background:#192b2c99;backdrop-filter:blur(18px);border-radius:10px;box-shadow:0 20px 75px #05161435;font:400 12px/1.5 var(--sans);color:#243947}
.detail-bar{height:39px;display:flex;align-items:center;gap:9px;color:#edf3e9;font-size:11px;padding:0 7px 10px}.detail-bar>small{margin-left:auto;font-size:9px;color:#bfcec1}
.detail-window{height:228px;position:relative;overflow:hidden;border-radius:5px;background:#fafcf7}
.detail-inputs{position:absolute;inset:0;padding:22px 18px;transition:opacity .6s,transform .8s cubic-bezier(.2,.7,.2,1)}
.detail-source{display:flex;align-items:center;gap:10px;padding:14px 11px;background:#fff;border:1px solid #e1e7e3;border-radius:5px;box-shadow:0 4px 15px #223c3010;margin-bottom:10px;transition:opacity .65s,transform .8s cubic-bezier(.2,.7,.2,1)}
.detail-source img{width:25px;height:25px}.detail-source>div{flex:1;min-width:0}.detail-source strong{display:block;font-size:11px;font-weight:500}.detail-source small{display:block;font-size:9px;color:#8b999e;margin-top:2px}.detail-source>span{font-size:10px;white-space:nowrap;color:#607480}.detail-inputs>p{font-size:9px;text-align:center;color:#8a9d97;margin:14px 0 0}
.detail-result{position:absolute;inset:0;padding:20px;transition:opacity .6s,transform .8s cubic-bezier(.2,.7,.2,1)}
.detail-matter{display:flex;align-items:center;gap:6px;font-size:9px;color:#61767a}.detail-matter>span:last-child{margin-left:auto;font-size:8px;background:#edf0e5;color:#84906f;padding:3px 5px;border-radius:3px}
.detail-value{display:flex;align-items:baseline;gap:6px;margin-top:19px}.detail-value>strong{font-size:38px;font-weight:450;letter-spacing:-1px;line-height:1.1}.detail-value>span{font-size:13px;color:#87969e}.detail-result>p{font-size:11px;line-height:1.6;margin:10px 0 15px;max-width:330px}.detail-foot{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e1e7e3;padding-top:12px;font-size:9px;color:#88999d;gap:8px}.detail-ready{color:#4b6d5f;opacity:0;transform:translateY(5px);transition:opacity .6s,transform .6s}
.detail-text-result .detail-value{display:block;margin-top:18px}.detail-text-result .detail-value strong{font-size:22px;letter-spacing:-.5px}.detail-text-result .detail-value>span{font-size:10px;display:block;margin-top:3px}.detail-text-result>p{font-size:11px;margin-top:12px}
.detail-bottom{display:flex;justify-content:space-between;align-items:center;color:#d3dfd688;padding:10px 7px 1px;font-size:9px}.detail-progress{display:flex;gap:4px}.detail-progress i{height:2px;width:20px;background:#ffffff24;transition:background .6s}
[data-detail][data-phase="0"] .detail-source:nth-child(2){opacity:0;transform:translateY(24px)}
[data-detail][data-phase="0"] .detail-result,[data-detail][data-phase="1"] .detail-result{opacity:0;transform:translateY(22px)}
[data-detail][data-phase="2"] .detail-inputs,[data-detail][data-phase="3"] .detail-inputs{opacity:0;transform:translateY(-22px) scale(.97)}
[data-detail][data-phase="3"] .detail-ready{opacity:1;transform:translateY(0)}
[data-detail][data-phase="0"] .detail-progress i:first-child,[data-detail][data-phase="1"] .detail-progress i:first-child,[data-detail][data-phase="2"] .detail-progress i:nth-child(2),[data-detail][data-phase="3"] .detail-progress i:last-child{background:#c2d0bf}
/* Scroll position is the only clock for chaos -> control. */
.order-section.section{padding:0;margin-bottom:110px}
.order-section.scroll-ready{height:calc(100svh + 900px)}
.order-pin{padding:55px 5%;}
.scroll-ready .order-pin{position:sticky;top:74px;height:calc(100svh - 74px);padding:24px 5%;display:flex;flex-direction:column;overflow:hidden}
.scroll-ready .order-intro{flex:none}.scroll-ready .order-intro .eyebrow{margin-bottom:10px;font-size:10px}.scroll-ready .order-intro h2{font-size:clamp(42px,4.5vw,62px)}.scroll-ready .order-intro>p:last-child{font-size:14px;line-height:1.5;margin-top:12px}
.scroll-ready .order-demo{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;margin-top:18px}.scroll-ready .order-status{padding:10px 0;flex:none}.scroll-ready .order-field{flex:1;height:auto;min-height:270px}.scroll-ready .order-total{width:95%;flex:none;padding-top:13px;padding-bottom:8px}.scroll-ready .order-total strong{font-size:30px}
.order-card{--align:1;height:39px;width:calc(250px + (min(630px,95%) - 250px) * var(--align));transform:translate(-50%,-50%) translate(calc(var(--x) * var(--spread) * (1 - var(--align))),calc(var(--y) * 112px * (1 - var(--align)) + (var(--i) * 45px - 112.5px) * var(--align))) rotate(calc(var(--r) * (1 - var(--align))));transition:none;transition-delay:0s;background:#21364a}
.order-card b,.order-time{opacity:var(--align);max-width:calc(70px * var(--align));overflow:hidden;transition:none}
.order-total{opacity:var(--reveal,1);transform:translateY(calc(10px * (1 - var(--reveal,1))));transition:none}
@media(max-width:700px){.snippet-overlay{right:18px;bottom:30px;width:calc(100% - 36px)}.detail-result{padding:18px}.detail-inputs{padding:20px 14px}.detail-source{padding:13px 9px;gap:8px}.detail-source strong{font-size:10px}.detail-matter{font-size:8px}.order-section.scroll-ready{height:calc(100svh + 650px)}.scroll-ready .order-pin{padding:20px 6%}.order-card{width:calc(215px + (95% - 215px) * var(--align))}.scroll-ready .order-intro>p:last-child{font-size:13px}.order-section.section{margin-bottom:70px}}
@media(max-height:740px){.scroll-ready .order-intro>p:last-child,.scroll-ready .order-intro .eyebrow{display:none}.scroll-ready .order-intro h2{font-size:40px}.scroll-ready .order-pin{padding-top:16px;padding-bottom:16px}.scroll-ready .order-demo{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.order-section.scroll-ready{height:auto}.scroll-ready .order-pin{position:static;height:auto;overflow:visible}.scroll-ready .order-field{height:330px;flex:auto}.detail-inputs,.detail-source,.detail-result,.detail-ready{transition:none!important}}
/* Eight individual demonstrations, within the shared glass shell. */
.vignette{font:400 11px/1.55 var(--sans)}.vignette>div{height:100%}.vignette strong{font-weight:500}.vignette small{font-size:9px;color:#89999e}
.v-row{display:flex;gap:10px;align-items:center;padding:15px 17px;border-bottom:1px solid #e3e9e4}.v-row img{width:24px;height:24px}.v-row>div{flex:1}.v-row strong,.v-row small{display:block}.v-row>span{font-size:10px;color:#6d838b}
.v-capture .v-row{transition:transform .7s,opacity .7s}.v-capture-total{display:flex;justify-content:space-between;align-items:center;padding:25px 20px;color:#81949a}.v-capture-total strong{font-size:35px;color:#243947}.v-capture-total small{font-size:12px}.v-total-first{display:none}
[data-phase="0"] .v-capture .v-row:nth-child(2){opacity:0;transform:translateY(28px)}[data-phase="0"] .v-total-first{display:inline}[data-phase="0"] .v-total-last{display:none}
.v-choices{padding:13px 17px;display:grid;gap:5px}.v-choices>div{padding:8px 10px;border:1px solid transparent;border-radius:4px;color:#98a4a6;transition:opacity .5s,background .6s,border-color .6s}.v-chosen{display:flex;align-items:center;gap:7px}.v-chosen b{margin-left:auto;opacity:0;transition:opacity .5s}
[data-phase="2"] .v-chosen,[data-phase="3"] .v-chosen{background:#edf2eb;border-color:#cfdccc;color:#355049}[data-phase="3"] .v-chosen b{opacity:1}[data-phase="3"] .v-choices>div:not(.v-chosen){opacity:.3}
.v-description{padding:20px}.v-meta{font-size:9px;color:#7f9399;display:flex;justify-content:space-between;border-bottom:1px solid #dfe7e1;padding-bottom:13px}.v-label{display:block;font-size:8px;letter-spacing:.08em;color:#97a59f;margin-top:17px}.v-description>p{height:65px;font-size:12px;margin:10px 0;line-height:1.7}.v-writing-foot{display:flex;gap:8px;align-items:center;font-size:9px;color:#8c9c9e}.v-writing-foot img{width:17px;height:17px}.v-writing-foot span{margin-left:auto}
.v-approve{padding:17px}.v-approve-row{display:flex;gap:9px;align-items:center;padding:18px 0;border-bottom:1px solid #e1e8e2}.v-approve-row i{font-style:normal;width:18px;height:18px;border:1px solid #c8d6cc;border-radius:4px;color:transparent;transition:background .4s,color .4s;text-align:center}.v-approve-row b{margin-left:auto;font-weight:500}.v-approve-foot{display:flex;justify-content:space-between;padding:22px 0 0;font-size:10px;color:#698172}.v-after{display:none}
[data-phase="1"] .v-approve-row:first-child i,[data-phase="2"] .v-approve-row i,[data-phase="3"] .v-approve-row i{background:#e0ebe1;color:#4c7259}[data-phase="3"] .v-after{display:inline}[data-phase="3"] .v-before{display:none}
.v-summary{padding:18px}.v-mail-heading{display:flex;gap:10px;align-items:center}.v-mail-heading img{width:22px;height:22px}.v-mail-heading small{display:block}.v-original{font-size:11px;line-height:1.8;margin:16px 0 0;transition:opacity .6s;max-width:350px}.v-original mark{background:transparent;color:inherit;transition:background .7s}.v-summary-result{position:absolute;bottom:17px;left:18px;right:18px;padding:13px;background:#eff3eb;border:1px solid #dce6d5;border-radius:4px;opacity:1;transform:translateY(0);transition:transform .7s,opacity .7s}.v-summary-result p{margin:7px 0 0;font-size:11px}.v-summary-result small{font-size:8px;letter-spacing:.08em}
[data-phase="0"] .v-summary-result,[data-phase="1"] .v-summary-result{opacity:0;transform:translateY(45px)}[data-phase="1"] .v-original mark{background:#e2ebd9}[data-phase="2"] .v-original,[data-phase="3"] .v-original{opacity:.16}
.v-queue{position:relative;height:100%;padding:20px}.v-queue-card{position:absolute;left:22px;right:22px;top:32px;border:1px solid #dce5de;background:#fff;border-radius:6px;padding:19px;box-shadow:0 8px 20px #183f2910;transition:transform .8s cubic-bezier(.2,.8,.2,1),opacity .7s}.v-queue-card strong{display:block;font-size:13px;margin:8px 0}.v-queue-card p{font-size:10px;color:#82959b;margin:0}.v-queue-card:nth-child(1){z-index:3}.v-queue-card:nth-child(2){z-index:2;transform:translateY(10px) scale(.96)}.v-queue-card:nth-child(3){z-index:1;transform:translateY(20px) scale(.92)}.v-queue-count{position:absolute;bottom:20px;left:22px;color:#91a39f;font-size:10px}
[data-phase="1"] .v-queue-card:first-child,[data-phase="2"] .v-queue-card:first-child,[data-phase="3"] .v-queue-card:first-child{transform:translateX(-120%) rotate(-5deg);opacity:0}[data-phase="1"] .v-queue-card:nth-child(2){transform:none}[data-phase="2"] .v-queue-card:nth-child(2),[data-phase="3"] .v-queue-card:nth-child(2){transform:translateX(-120%) rotate(-5deg);opacity:0}[data-phase="2"] .v-queue-card:nth-child(3),[data-phase="3"] .v-queue-card:nth-child(3){transform:none}
.v-deadline{padding:20px}.v-deadline>p{margin:0;font-size:12px;line-height:1.8}.v-deadline mark{background:#eee6d1;color:inherit;transition:background .5s}[data-phase="0"] .v-deadline mark{background:transparent}.v-deadline-line{height:25px;border-left:1px solid #c3cfc4;margin:9px 0 9px 23px;transform-origin:top;transition:transform .6s}.v-deadline-task{display:flex;align-items:center;gap:14px;transition:transform .7s,opacity .7s}.v-deadline-task>div{border:1px solid #d8dfd3;width:48px;border-radius:4px;text-align:center;background:white}.v-deadline-task>div small{display:block;background:#edf0e8;font-size:8px;padding:2px}.v-deadline-task>div strong{font-size:25px}.v-deadline-task>span strong,.v-deadline-task>span small{display:block}.v-deadline-task>span strong{margin:4px 0}
[data-phase="0"] .v-deadline-task,[data-phase="1"] .v-deadline-task{opacity:0;transform:translateY(25px)}[data-phase="0"] .v-deadline-line{transform:scaleY(0)}
.v-reply{padding:18px}.v-reply-to{display:flex;gap:9px;align-items:center;border-bottom:1px solid #e1e8e2;padding-bottom:13px}.v-reply-to img{width:22px;height:22px}.v-reply-to small{margin-left:auto;padding:2px 5px;background:#edf0e8}.v-reply>p{height:105px;white-space:pre-line;font-size:11px;line-height:1.8;margin:13px 0 0}.v-reply-foot{font-size:9px;color:#82969c;border-top:1px solid #e1e8e2;padding-top:10px}
/* Eight items orbit the heading, then form two columns. */
.order-intro>p:last-child{display:none}.order-heading{position:absolute;inset:50% 0 auto;text-align:center;z-index:2;height:95px;transform:translateY(calc(-50% - 155px * var(--order-progress,1)));pointer-events:none;font-size:clamp(65px,7vw,96px)!important;letter-spacing:-.035em;font-family:var(--serif)}.order-heading>span:not(.sr-only){position:absolute;left:0;right:0;top:0}.order-chaos{opacity:calc(1 - var(--heading-mix,1));transform:translateY(calc(-15px * var(--heading-mix,1)))}.order-control{opacity:var(--heading-mix,1);transform:translateY(calc(15px * (1 - var(--heading-mix,1))));font-style:italic;color:#cad6ce}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.scroll-ready .order-field{min-height:375px;--spread:min(27vw,300px)}
.order-card{width:calc(220px + (min(430px,46%) - 220px) * var(--align));transform:translate(-50%,-50%) translate(calc(var(--x) * var(--spread) * (1 - var(--align)) + (var(--col) - .5) * min(47vw,460px) * var(--align)),calc(var(--y) * 135px * (1 - var(--align)) + (var(--row) * 52px - 35px) * var(--align))) rotate(calc(var(--r) * (1 - var(--align))))}
@media(max-width:700px){.scroll-ready .order-field{--spread:25vw;min-height:425px}.order-heading{font-size:62px!important;transform:translateY(calc(-50% - 170px * var(--order-progress,1)))}.order-card{font-size:9px;width:calc(155px + (96% - 155px) * var(--align));height:31px;gap:6px;padding:0 8px;transform:translate(-50%,-50%) translate(calc(var(--x) * var(--spread) * (1 - var(--align))),calc(var(--y) * 148px * (1 - var(--align)) + (var(--i) * 34px - 65px) * var(--align))) rotate(calc(var(--r) * (1 - var(--align))))}.order-card img{width:16px;height:16px}.order-card b,.order-time{font-size:8px}}
@media(max-height:650px){.scroll-ready .order-pin{overflow:visible;height:600px;top:0}.order-section.scroll-ready{height:1500px}}
@media(prefers-reduced-motion:reduce){.vignette *{transition:none!important}}
@media(max-width:700px){.scroll-ready .order-field{--spread:29vw}.order-heading{font-size:50px!important}.order-card{width:calc(125px + (96% - 125px) * var(--align))}}
/* Capture builds a timeline; approval reviews a single complete entry. */
.capture-timeline{padding:22px 20px}.capture-app,.capture-mail{display:flex;gap:9px;align-items:center}.capture-app img,.capture-mail img{width:24px;height:24px}.capture-app>b,.capture-mail>b{margin-left:auto;font-size:12px;font-weight:500}.capture-app span,.capture-mail span{font-size:11px}.capture-track{display:flex;gap:4px;position:relative;margin:19px 0 20px;height:7px}.capture-track i{flex:1;border-radius:2px;background:#dde6df}.capture-track i:first-child,.capture-track i:nth-child(2){background:#a8bbae}.capture-track i:nth-child(3){background:#c1cddc;transition:opacity .5s}.capture-marker{position:absolute;left:100%;top:-4px;width:2px;height:15px;background:#627e70;transition:left 1s cubic-bezier(.2,.8,.2,1)}.capture-mail{transition:transform .7s,opacity .7s}.capture-balance{display:flex;align-items:end;justify-content:space-between;border-top:1px solid #dde6df;padding-top:19px;margin-top:21px;transition:opacity .6s,transform .6s}.capture-balance small{font-size:9px}.capture-balance strong{font-size:30px;line-height:1;font-weight:450}.capture-balance strong span{font-size:12px;color:#879c91}
[data-phase="0"] .capture-marker{left:0}[data-phase="1"] .capture-marker{left:66%}[data-phase="0"] .capture-track i{opacity:.35}[data-phase="1"] .capture-track i:nth-child(3){opacity:.35}[data-phase="0"] .capture-mail,[data-phase="1"] .capture-mail{opacity:0;transform:translateY(20px)}[data-phase="0"] .capture-balance,[data-phase="1"] .capture-balance,[data-phase="2"] .capture-balance{opacity:0;transform:translateY(9px)}
.approval-review{padding:21px}.approval-matter{display:flex;align-items:center;gap:6px;font-size:9px;color:#84999b}.approval-body{display:flex;justify-content:space-between;gap:16px;align-items:center;margin:22px 0 17px}.approval-body>div>small{font-size:8px;letter-spacing:.06em}.approval-body p{font-size:11px;line-height:1.6;margin:7px 0 0}.approval-body>strong{font-size:30px;font-weight:450;white-space:nowrap}.approval-body>strong small{font-size:12px}.approval-fields{display:flex;justify-content:space-between;gap:9px;font-size:9px;color:#8a9e96;border-top:1px solid #e0e7e1;padding-top:12px}.approval-fields i{font-style:normal;color:#5d826a;margin-left:4px;opacity:1;transition:opacity .5s}.approval-status{position:relative;margin-top:14px;height:23px;font-size:10px}.approval-status>span{position:absolute;inset:0;transition:opacity .6s,transform .6s}.approval-done{color:#4b735b}.approval-pending{color:#8a9e96;opacity:0}
[data-phase="0"] .approval-fields i{opacity:0}[data-phase="1"] .approval-fields>span:not(:first-child) i{opacity:0}[data-phase="0"] .approval-done,[data-phase="1"] .approval-done,[data-phase="2"] .approval-done{opacity:0;transform:translateY(8px)}[data-phase="0"] .approval-pending,[data-phase="1"] .approval-pending,[data-phase="2"] .approval-pending{opacity:1}
.deadline-agenda{padding:18px}.agenda-month{display:flex;justify-content:space-between;font-size:12px}.agenda-month>span{font-size:8px;color:#92a29d}.agenda-week{display:flex;justify-content:space-between;gap:9px;margin-top:15px}.agenda-week>span{position:relative;flex:1;text-align:center;padding:7px 0;border:1px solid transparent;border-radius:5px;font-size:18px;color:#83978f;transition:background .6s,border-color .6s,color .6s}.agenda-week small{display:block;font-size:8px;margin-bottom:3px}.agenda-week .agenda-date{background:#e8eee1;border-color:#c9d6bd;color:#415e41}.agenda-date i{display:block;height:3px;width:3px;border-radius:50%;background:#7c9269;position:absolute;bottom:3px;left:calc(50% - 1px)}.agenda-task{display:flex;align-items:center;gap:9px;margin-top:14px;border-top:1px solid #dfe7dd;padding-top:13px;transition:opacity .7s,transform .7s}.agenda-task>div{flex:1}.agenda-task strong{display:block;font-size:11px}.agenda-task small{font-size:8px}.agenda-task>span:last-child{font-size:9px;color:#83998b}.agenda-origin{font-size:8px;color:#93a29a;margin-top:10px;transition:opacity .6s}
[data-phase="0"] .agenda-week .agenda-date{background:transparent;border-color:transparent;color:#83978f}[data-phase="0"] .agenda-date i{opacity:0}[data-phase="0"] .agenda-task,[data-phase="1"] .agenda-task{opacity:0;transform:translateY(15px)}[data-phase="0"] .agenda-origin,[data-phase="1"] .agenda-origin,[data-phase="2"] .agenda-origin{opacity:0}
@media(prefers-reduced-motion:reduce){.capture-timeline *,.approval-review *,.deadline-agenda *{transition:none!important}}
/* Concrete actions and consequences, shown inside the existing glass frame. */
.mail-to-time{padding:13px 16px}.mtt-step{display:flex;align-items:center;gap:10px;height:49px;position:relative;border-bottom:1px solid #e0e7e1;transition:opacity .65s,transform .75s cubic-bezier(.2,.8,.2,1)}.mtt-step:last-child{border:0}.mtt-step img{width:22px;height:22px}.mtt-step>div{flex:1}.mtt-step small{display:block;font-size:7px;letter-spacing:.06em;color:#94a398}.mtt-step strong{display:block;font-size:10px;font-weight:500;margin-top:2px}.mtt-step>b{font-size:12px;font-weight:500}.mtt-step>span:last-child{color:#a7b7aa;font-size:14px}.mtt-check{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#e3eddc;color:#547044}.mtt-approved{color:#436642}
[data-phase="0"] .mtt-step:nth-child(n+2),[data-phase="1"] .mtt-step:nth-child(n+3),[data-phase="2"] .mtt-step:nth-child(n+4){opacity:0;transform:translateY(20px)}
.review-action{position:relative;height:100%}.review-paper{position:absolute;inset:0;padding:18px;transition:opacity .6s,transform .8s}.review-case{display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#79908c;border-bottom:1px solid #e0e8df;padding-bottom:12px}.review-case>b{font-size:12px;color:#344c49;white-space:nowrap}.review-paper>small{display:block;margin-top:14px;font-size:8px;letter-spacing:.08em}.review-edit{position:relative;height:48px;margin-top:7px;font-size:12px;line-height:1.6}.review-edit>span{position:absolute;inset:0;transition:opacity .5s,transform .5s}.review-original{opacity:0;transform:translateY(-8px)}.review-revised{opacity:1}.review-change{font-size:8px;color:#95a393;margin:2px 0 12px}.review-confirm{display:flex;justify-content:space-between;padding:9px 12px;border-radius:4px;background:#e9eee6;font-size:10px;color:#4a6753;transition:background .5s,color .5s,transform .5s}.review-receipt{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:1;transform:translateY(0);transition:opacity .6s,transform .8s}.review-receipt>span{height:43px;width:43px;border:1px solid #bdd0b9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#5a8052;font-size:22px;background:#ecf3e7;margin-bottom:16px}.review-receipt>strong{font:400 23px var(--serif)}.review-receipt>p{margin:10px 0;font-size:13px}.review-receipt>small{font-size:9px}
[data-phase="0"] .review-original{opacity:1;transform:none}[data-phase="0"] .review-revised{opacity:0;transform:translateY(8px)}[data-phase="2"] .review-confirm{background:#254935;color:white;transform:scale(.98)}[data-phase="3"] .review-paper{opacity:0;transform:translateY(-30px)}[data-phase="0"] .review-receipt,[data-phase="1"] .review-receipt,[data-phase="2"] .review-receipt{opacity:0;transform:translateY(35px)}
.case-match{padding:17px}.case-document{display:flex;align-items:center;gap:11px}.case-document img{width:26px;height:26px}.case-document span{font-size:12px}.case-document small{display:block;margin-top:3px;font-size:9px}.case-route{display:flex;gap:9px;align-items:center;margin:13px 0 10px;color:#9ba99f;font-size:8px}.case-route i{width:25px;border-top:1px solid #c4d2c6}.case-option{display:flex;align-items:center;gap:9px;padding:10px;border:1px solid #e0e8df;border-radius:5px;margin-top:6px;transition:background .6s,transform .7s,opacity .6s}.case-option strong{font-size:10px;display:block}.case-option small{font-size:8px;display:block;margin-top:2px}.case-option b{margin-left:auto;color:#54774c;transition:opacity .5s}.case-right{background:#edf3e8;border-color:#c6d6bf}.case-other{opacity:0;transform:translateY(10px)}.case-linked{font-size:9px;color:#65885d;margin-top:12px;transition:opacity .6s}
[data-phase="0"] .case-right,[data-phase="1"] .case-right{background:white;border-color:#e0e8df}[data-phase="0"] .case-option b,[data-phase="1"] .case-option b{opacity:0}[data-phase="0"] .case-other,[data-phase="1"] .case-other{opacity:.6;transform:none}[data-phase="0"] .case-linked,[data-phase="1"] .case-linked,[data-phase="2"] .case-linked{opacity:0}
.v-description>p{background:#fff;border:1px solid #dbe6dc;border-radius:4px;padding:10px;height:83px;margin-top:7px;font-size:12px}.v-description{padding:16px 18px}.v-label{margin-top:11px}.v-writing-foot{margin-top:8px}
.summary-editorial{padding:18px;position:relative;height:100%}.summary-sender{display:flex;gap:10px;align-items:center}.summary-sender img{width:24px;height:24px}.summary-sender>span{font-size:11px}.summary-sender small{display:block;font-size:9px}.summary-letter{font-size:11px;line-height:1.85;margin-top:16px;color:#72868a;transition:opacity .6s,transform .7s}.summary-extract{position:absolute;top:72px;left:18px;right:18px;background:#f0f4eb;border:1px solid #d9e4d1;border-radius:5px;padding:13px;transition:opacity .6s,transform .8s}.summary-extract>small{font-size:8px;letter-spacing:.05em}.summary-extract>p{font-size:11px;margin:11px 0 0}.summary-extract>p>span{color:#9cab94;margin-right:7px;font-size:9px}.summary-extract>div{font-size:8px;color:#92a08c;border-top:1px solid #dce6d5;padding-top:9px;margin-top:12px}[data-phase="0"] .summary-extract,[data-phase="1"] .summary-extract{opacity:0;transform:translateY(25px)}[data-phase="2"] .summary-letter,[data-phase="3"] .summary-letter{opacity:0;transform:translateY(-15px)}
.queue-decision{display:inline-block;font-size:9px;padding:4px 7px;background:#e7efe2;color:#648054;margin-top:10px;border-radius:3px;opacity:0;transition:opacity .2s}.v-queue-card{top:19px;padding:15px}.v-queue-card:nth-child(2) .queue-decision{background:#edf0f2;color:#7d8e9a}.v-queue-card:nth-child(3) .queue-decision{background:#f0ebdd;color:#9b895e}[data-phase="1"] .v-queue-card:first-child .queue-decision,[data-phase="2"] .v-queue-card:nth-child(2) .queue-decision,[data-phase="3"] .v-queue-card:nth-child(3) .queue-decision{opacity:1}[data-phase="1"] .v-queue-card:first-child,[data-phase="2"] .v-queue-card:nth-child(2){transition-delay:.6s}.v-queue-count{bottom:12px}
.deadline-work{padding:17px}.deadline-mail{display:flex;gap:10px}.deadline-mail img{width:22px;height:22px}.deadline-mail small{font-size:7px;letter-spacing:.05em}.deadline-mail p{font-size:11px;line-height:1.6;margin:5px 0 0}.deadline-mail mark{background:#ede6d0;color:inherit}.deadline-transfer{color:#9baa95;font-size:17px;padding:6px 0 6px 10px}.deadline-transfer>span{font-size:8px;margin-left:13px}.deadline-work-task{display:flex;align-items:center;gap:10px;padding:10px;background:#eef3e7;border:1px solid #dbe5cf;border-radius:5px;transition:opacity .7s,transform .7s}.deadline-work-date{text-align:center;width:35px;border:1px solid #d3dfc7;border-radius:3px;background:#fff;flex:none}.deadline-work-date small{display:block;font-size:7px;background:#e7efdd}.deadline-work-date strong{font-size:20px}.deadline-work-task>div:last-child strong{display:block;font-size:10px}.deadline-work-task>div:last-child small{display:block;font-size:8px;margin-top:3px}.deadline-work-action{margin-top:9px;position:relative;height:18px;font-size:9px;color:#6c875d}.deadline-work-action>span{position:absolute;inset:0;transition:opacity .5s}.deadline-create{opacity:0}.deadline-created{opacity:1}[data-phase="0"] .deadline-work-task,[data-phase="1"] .deadline-work-task{opacity:0;transform:translateY(20px)}[data-phase="0"] .deadline-work-action,[data-phase="1"] .deadline-work-action{opacity:0}[data-phase="2"] .deadline-create{opacity:1}[data-phase="2"] .deadline-created{opacity:0}
.integration-logos>div:last-child>img{width:128px;height:42px}
@media(prefers-reduced-motion:reduce){.mail-to-time *,.review-action *,.case-match *,.summary-editorial *,.deadline-work *{transition:none!important}}
/* Three distinct scenes, shared by the hero and automatic-capture illustration. */
.capture-film{position:relative;height:100%;width:100%;overflow:hidden;color:#304b51;font:400 12px/1.5 var(--sans)}
.capture-shot{position:absolute;inset:0;padding:21px;opacity:0;visibility:hidden;transform:translateY(22px) scale(.985);transition:opacity .55s ease,transform .8s cubic-bezier(.22,1,.36,1),visibility .55s;will-change:transform,opacity}
[data-scene="0"] .capture-shot[data-shot="0"],[data-scene="1"] .capture-shot[data-shot="1"],[data-scene="2"] .capture-shot[data-shot="2"]{opacity:1;visibility:visible;transform:translateY(0) scale(1)}
[data-detail="capture"]:not([data-scene]) .capture-shot[data-shot="2"]{opacity:1;visibility:visible;transform:none}
.film-app-row{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #e2e9e0}.film-app-row img{height:25px;width:25px}.film-app-row>span{flex:1;font-size:12px}.film-app-row small{display:block;color:#8b9e9c;font-size:9px;margin-top:2px}.film-app-row>b{font-size:13px;font-weight:500}.film-source-note{display:flex;align-items:center;gap:7px;margin-top:18px;color:#8c9e96;font-size:10px}.film-source-note>i{width:5px;height:5px;border-radius:50%;background:#96b08b}
.film-mail-top{display:flex;align-items:center;gap:10px}.film-mail-top>img{width:25px;height:25px}.film-mail-top>span{flex:1;font-size:12px}.film-mail-top small{font-size:9px;color:#94a59d;display:block}.film-mail-body{font-size:12px;line-height:1.7;margin:18px 0 14px}.film-answer{display:flex;align-items:center;gap:11px;border-top:1px solid #dce6db;padding-top:12px;font-size:10px}.film-answer>span{display:flex;justify-content:center;align-items:center;width:22px;height:22px;border:1px solid #ccdcca;border-radius:50%;color:#73916c;flex:none}.film-answer small{font-size:7px;letter-spacing:.08em;color:#8f9f88;display:block;margin-bottom:3px}
.film-matter{display:flex;align-items:center;gap:6px;font-size:9px;color:#849794}.film-matter i{width:5px;height:5px;border-radius:50%;background:#94a9b9}.film-matter>span{margin-left:auto;font-size:8px;padding:3px 5px;background:#ebf0e4;color:#859375;border-radius:3px}.film-proposal{display:flex;align-items:center;gap:20px;margin:27px 0 25px}.film-proposal>strong{font-size:40px;line-height:1;font-weight:450;letter-spacing:-1.4px;white-space:nowrap}.film-proposal>strong>small{font-size:14px;color:#8d9e9e;letter-spacing:0;margin-left:4px}.film-proposal>p{font-size:12px;line-height:1.65;margin:0;max-width:225px}.film-review{display:flex;justify-content:space-between;gap:10px;border-top:1px solid #dfe8de;padding-top:14px;font-size:9px;color:#8d9e94}.film-review>span:last-child{color:#648063}
.film-complete{display:flex;align-items:center;justify-content:center;gap:17px;padding-bottom:48px}.film-seal{border:1px solid #c8d8c0;background:#edf4e7;color:#66895a;border-radius:50%;width:43px;height:43px;display:flex;align-items:center;justify-content:center;font-size:22px;flex:none}.film-complete>div>small{display:block;font-size:8px;letter-spacing:.1em;color:#93a18b;margin-bottom:9px}.film-complete strong{display:block;font:400 29px/1.15 var(--serif);letter-spacing:-.4px}.film-complete p{font-size:10px;color:#8b9e99;margin:10px 0 0}.film-complete-note{position:absolute;bottom:24px;left:21px;right:21px;border-top:1px solid #e0e8db;padding-top:12px;text-align:center;font-size:9px;color:#96a18e}
.hero-animation .motion-dots i{background:#ffffff24}.hero-animation[data-scene="0"] .motion-dots i:nth-child(1),.hero-animation[data-scene="1"] .motion-dots i:nth-child(2),.hero-animation[data-scene="2"] .motion-dots i:nth-child(3){background:#c2d0bf}
@media(max-width:540px){.capture-shot{padding:17px}.film-proposal{gap:14px;margin:24px 0}.film-proposal>strong{font-size:33px}.film-proposal>p{font-size:11px}.film-matter{font-size:8px}.film-review{font-size:8px}.film-complete{gap:12px;padding-bottom:43px}.film-complete strong{font-size:25px}.film-mail-body{font-size:11px}.film-mail-top>span{font-size:11px}.film-complete-note{font-size:8px}}
@media(prefers-reduced-motion:reduce){.capture-shot{transition:none!important}}
/* Reply: a client's question becomes an editable draft, with time to read it. */
.reply-story{height:100%;position:relative;padding:20px;color:#304653}
.reply-question{display:flex;gap:12px;position:absolute;inset:28px 22px auto;transition:opacity .5s,transform .65s}
.reply-question>img{height:25px;width:25px;flex:none}.reply-question strong{display:block;font-size:14px;margin:9px 0}.reply-question p{font-size:12px;line-height:1.8;margin:0}
.reply-compose{position:absolute;inset:15px 17px 35px;background:#fff;border:1px solid #dbe2df;border-radius:5px;padding:13px;opacity:1;transform:none;transition:opacity .5s,transform .75s cubic-bezier(.22,1,.36,1)}
.reply-address{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e9e5;padding-bottom:10px;font-size:10px;gap:8px}.reply-address small{font-size:8px}.reply-compose>p{font-size:11px;line-height:1.75;white-space:pre-line;margin:11px 0 0;min-height:90px}.reply-edit-note{display:flex;align-items:center;justify-content:space-between;font-size:8px;margin-top:8px;color:#8b9b98}.reply-edit-note b{color:#527351;font-weight:400;opacity:0;transition:opacity .6s}
.reply-context{position:absolute;bottom:11px;left:20px;right:20px;height:12px;font-size:8px;color:#80958b}.reply-context span{position:absolute;inset:0;text-align:center;transition:opacity .4s}.reply-context span:first-child{opacity:0}
[data-detail="reply"][data-phase="0"] .reply-compose{opacity:0;transform:translateY(28px)}
[data-detail="reply"]:not([data-phase="0"]) .reply-question{opacity:0;transform:translateY(-20px)}
[data-detail="reply"][data-phase="0"] .reply-context span:first-child{opacity:1}
[data-detail="reply"][data-phase="0"] .reply-context span:last-child{opacity:0}
[data-detail="reply"][data-phase="3"] .reply-edit-note b{opacity:1}
/* PC capture and calls have their own space and explicit availability. */
.integration-roadmap{display:flex;justify-content:center;gap:48px;border-top:1px solid var(--rule);margin-top:32px;padding-top:20px;text-align:left}
.integration-roadmap p{margin:0;display:flex;gap:12px;align-items:center;font-size:11px}.integration-roadmap strong{font-weight:500}.integration-roadmap span{color:var(--muted);font-size:10px}
.desktop-capture{display:grid;grid-template-columns: .8fr 1.2fr;gap:60px;align-items:center}
.desktop-copy h2{margin-bottom:27px}.desktop-copy>p:not(.eyebrow){max-width:450px;color:var(--muted)}
.desktop-illustration{margin:0;min-width:0}.desktop-workspace{display:grid;grid-template-columns: .8fr 1.2fr;padding:32px 0 32px 26px;min-height:340px;background:#e6eae7;border:1px solid #dae0db;border-radius:7px;overflow:hidden;font-family:var(--sans)}
.desktop-document{background:white;margin:12px -20px 12px 0;padding:25px 24px;box-shadow:0 10px 30px #14263808;overflow:hidden}.desktop-document>img{display:block;height:25px;width:25px;margin-bottom:10px}.desktop-document>small{font-size:8px;white-space:nowrap;color:var(--muted)}.desktop-document h3{font:400 28px var(--serif);margin:22px 0 12px}.desktop-document p{font-size:9px;white-space:nowrap}.desktop-document i{display:block;height:3px;background:#e8ecea;margin:9px 0;width:100%}.desktop-document i:nth-last-child(2){width:70%}
.desktop-panel{position:relative;background:#fff;border:1px solid #d4dce1;border-radius:6px 0 0 6px;padding:20px 16px;box-shadow:-12px 10px 45px #14263812;color:#253341;min-width:0}
.desktop-panel-title{display:flex;gap:7px;align-items:center}.desktop-panel-title>img{height:18px;width:18px}.desktop-panel-title strong{font-size:13px;font-weight:500}.desktop-panel-title>span{margin-left:auto;font-size:8px;color:#4b735c}.desktop-panel>p{font-size:14px;margin:25px 0 16px}.desktop-panel small{display:block;font-size:8px;color:#88929a;margin-top:3px}.desktop-session{display:flex;align-items:center;gap:8px;padding:15px 0;border-top:1px solid #eef0f2}.desktop-session img{height:21px;width:21px;flex:none}.desktop-session>span{font-size:10px;flex:1;min-width:0}.desktop-session>b{font-size:10px;font-weight:500;white-space:nowrap}.desktop-panel-total{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e6ebef;margin-top:15px;padding-top:17px;font-size:10px}.desktop-panel-total strong{font-size:22px;font-weight:400}.desktop-illustration figcaption{font-size:10px;color:var(--muted);margin-top:12px}
.call-capture{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.35fr;gap:10%;border-top:1px solid var(--rule);padding-top:55px;margin-top:20px}.call-capture h3{font:400 40px/1.13 var(--serif)}.call-capture article+article{margin-top:30px}.call-capture h4{font-size:17px;font-weight:500;margin:10px 0}.call-capture article p{font-size:14px;color:var(--muted);margin:0;max-width:540px}.availability{font-size:10px;color:#65747a;border-bottom:1px solid #c7d0cb;padding-bottom:4px}
.cross-link.email-next{background:#e9eeeb;border:0;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:10%;padding-top:65px;padding-bottom:65px}.email-next h3{font:400 clamp(34px,4vw,54px)/1.1 var(--serif);max-width:460px;margin-bottom:20px}.email-next p{max-width:480px;color:var(--muted);font-size:15px}.email-next .email-next-points{display:grid;gap:0}.email-next-points span{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid #cdd7d0;font-size:14px}.email-next-points .icon{width:23px;height:23px}.email-next .text-link{margin-top:5px}
@media(max-width:900px){.desktop-capture{grid-template-columns:1fr;gap:30px}.desktop-copy>p:not(.eyebrow){max-width:600px}.desktop-workspace{max-width:700px}.call-capture{gap:35px}.integration-roadmap{gap:22px;flex-wrap:wrap}}
@media(max-width:600px){.desktop-workspace{grid-template-columns:.45fr 1.55fr;padding:20px 0 20px 12px;min-height:310px}.desktop-panel{padding:17px 12px}.desktop-document{padding:20px 12px}.desktop-panel-title>span{font-size:7px}.call-capture,.cross-link.email-next{grid-template-columns:1fr;gap:25px}.call-capture h3{font-size:34px}.integration-roadmap{display:grid;justify-content:start;gap:12px}.integration-roadmap p{flex-wrap:wrap;gap:5px 12px}.reply-compose{padding:10px;inset:12px 12px 32px}.reply-compose>p{font-size:10px;line-height:1.65}.reply-edit-note{font-size:7px}}
@media(prefers-reduced-motion:reduce){.reply-story *{transition:none!important}}
/* Original provider wordmarks, with availability separate from the brand. */
.roadmap-logo{display:block;object-fit:contain;object-position:left center;flex:none;filter:none}
.roadmap-logo.android-logo{width:100px;height:28px}
.roadmap-logo.phonero-logo{width:110px;height:30px}
.integration-roadmap{gap:55px}
.integration-roadmap p{gap:18px}
.integration-roadmap p>span{max-width:220px;line-height:1.5}
.call-brand{display:flex;align-items:center;gap:22px;margin-bottom:19px}
@media(max-width:600px){.integration-roadmap{gap:25px}.integration-roadmap p{flex-wrap:nowrap;gap:20px}.integration-roadmap p>span{max-width:190px}.call-brand{gap:18px}}
/* Scroll-triggered scene change: the two titles never share the stage. */
.order-chaos{opacity:var(--chaos-opacity,0);transform:translateY(calc(-22px * (1 - var(--chaos-opacity,0))));transition:none}
.order-control{opacity:var(--control-opacity,1);transform:translateY(calc(16px * (1 - var(--control-opacity,1))));transition:none}
/* Reply has one calm mail surface, readable text, and a visible finished draft. */
.scene-reply .snippet-overlay{max-width:450px}
.scene-reply .detail-window{height:300px;background:#fff}
.reply-film{height:100%;display:flex;flex-direction:column;padding:22px;color:#243947;font:400 13px/1.55 var(--sans)}
.reply-film-head{display:flex;align-items:center;gap:12px;padding-bottom:17px;border-bottom:1px solid #e8ece9;flex:none}
.reply-film-head img{height:28px;width:28px}.reply-film-head>div{flex:1}.reply-film-head strong{display:block;font-weight:500;font-size:13px}.reply-film-head small{display:block;font-size:10px;color:#7c898b}.reply-film-head>span{font-size:9px;color:#7c898b}
.reply-film-body{position:relative;flex:1;min-height:0}
.reply-incoming,.reply-draft{position:absolute;inset:0;transition:opacity .35s ease,transform .65s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}
.reply-incoming{padding-top:17px;opacity:0;transform:translateY(-10px)}.reply-incoming>span{font-size:9px;color:#7c898b}.reply-incoming h4{font:400 28px/1.08 var(--serif);margin:9px 0 10px;letter-spacing:-.02em}.reply-incoming>p{font-size:12px;line-height:1.7;margin:0}
.reply-draft{padding-top:14px;opacity:1;transform:none}.reply-draft-meta{display:flex;justify-content:space-between;font-size:9px;color:#7c898b;margin-bottom:12px}.reply-draft-meta>span:last-child{color:#617862}
.reply-draft-lines>p{font-size:13px;line-height:1.75;margin:0;clip-path:inset(0 calc(100% * (1 - clamp(0,var(--draft-progress,1) * 4 - var(--line),1))) 0 0);white-space:nowrap}
.reply-draft-lines>p:first-child{margin-bottom:9px}
.reply-film-foot{position:relative;height:28px;flex:none;border-top:1px solid #e8ece9;padding-top:11px;font-size:9px;color:#7c898b}
.reply-film-foot>span{position:absolute;left:0;right:0;transition:opacity .3s}.reply-foot-after{display:flex;align-items:center;gap:6px;color:#567455;opacity:0}.reply-foot-after svg{height:13px;width:13px}
[data-detail="reply"][data-phase="0"] .reply-incoming{opacity:1;transform:none}
[data-detail="reply"][data-phase="0"] .reply-draft{opacity:0;transform:translateY(12px)}
[data-detail="reply"][data-phase="3"] .reply-foot-before{opacity:0}
[data-detail="reply"][data-phase="3"] .reply-foot-after{opacity:1}
@media(max-width:540px){.scene-reply .detail-window{height:280px}.reply-film{padding:16px}.reply-draft-lines>p{font-size:11px}.reply-incoming h4{font-size:26px}.reply-film-head strong{font-size:12px}.reply-film-head small{font-size:9px}.reply-film-foot{font-size:8px}}
@media(prefers-reduced-motion:reduce){.reply-film *{transition:none!important}}
/* A restrained underline keeps the emphasis in the existing hero typography. */
.hero-all{position:relative;display:inline-block;white-space:nowrap}
.hero-all:after{content:'';position:absolute;left:0;right:0;bottom:-.015em;height:.035em;min-height:2px;background:currentColor;border-radius:50%;transform:rotate(-2deg);opacity:.85}
.hero-message h1{font-size:clamp(58px,5.7vw,88px)}
/* Source → proposal → your decision, inside the original editorial photograph. */
.scene-approve .detail-window{height:276px;background:#fff}.scene-approve .snippet-overlay{max-width:450px}
.approval-film{height:100%;position:relative;color:#0e1b33;font:400 12px/1.6 Inter,var(--sans)}
.approval-shot{position:absolute;inset:0;padding:22px;opacity:0;visibility:hidden;transform:translateY(16px);transition:opacity .35s,transform .65s cubic-bezier(.22,1,.36,1),visibility .35s}
[data-phase="0"] .approval-shot[data-approval-shot="0"],[data-phase="1"] .approval-shot[data-approval-shot="1"],[data-phase="2"] .approval-shot[data-approval-shot="2"],[data-phase="3"] .approval-shot[data-approval-shot="2"]{opacity:1;visibility:visible;transform:none}
.approval-source{display:flex;align-items:center;gap:10px;padding-bottom:15px;border-bottom:1px solid #e5e9ed}.approval-source img{height:26px;width:26px}.approval-source>span{flex:1;font-size:11px}.approval-source small{display:block;font-size:9px}.approval-source b{font-weight:500;font-size:17px}.approval-shot h4{font:500 17px/1.45 'Inter Tight',Inter,sans-serif;margin:20px 0 12px}.approval-excerpt{font-size:11px;color:#6c7785;border-left:2px solid #d9e1eb;padding-left:12px;line-height:1.8}.approval-caption{font-size:9px;color:#8a94a3;margin:17px 0 0}
.approval-label{font-size:10px;color:#6c7785}.approval-description{font-size:16px;line-height:1.65;margin:17px 0 21px}.approval-case{display:flex;align-items:center;gap:7px;font-size:10px;color:#6c7785}.approval-case i{width:5px;height:5px;border-radius:50%;background:#2952d9;flex:none}.approval-amount{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:18px;padding-top:15px;border-top:1px solid #e5e9ed}.approval-amount>strong{font-size:28px;font-weight:400;white-space:nowrap}.approval-amount>strong small{font-size:12px}.approval-amount>span{display:flex;align-items:center;gap:6px;font-size:8px;color:#8a94a3}.approval-amount img{width:17px;height:17px}
.approval-choice-head{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#6c7785}.approval-choice-head b{font-size:18px;font-weight:500;color:#0e1b33}.approval-choice-description{font-size:13px;line-height:1.8;margin:15px 0}.approval-options{display:flex;gap:6px;margin-top:21px}.approval-options>span{padding:9px 10px;border:1px solid #dce1e8;border-radius:5px;font-size:9px;white-space:nowrap}.approval-options .approval-yes{background:#0e1b33;color:white;position:relative;min-width:84px;transition:background .4s}.approval-yes>b{position:absolute;inset:9px 0;text-align:center;opacity:0;font-weight:400}.approval-yes>span,.approval-yes>b{transition:opacity .3s}.approval-outcome{position:relative;font-size:9px;margin-top:15px;color:#88939c}.approval-outcome>span,.approval-outcome>b{position:absolute;inset:0;font-weight:400;transition:opacity .4s}.approval-outcome>b{opacity:0;color:#3f7a52}
[data-phase="3"] .approval-yes{background:#3f7a52;border-color:#3f7a52}[data-phase="3"] .approval-yes>span,[data-phase="3"] .approval-outcome>span{opacity:0}[data-phase="3"] .approval-yes>b,[data-phase="3"] .approval-outcome>b{opacity:1}
/* Desktop: the document remains in place as its compact time panel opens. */
.edge-demo{position:relative;height:420px;border:1px solid #d6dee4;border-radius:8px;overflow:hidden;background:#e9edf1;color:#0e1b33;font:400 12px/1.5 Inter,var(--sans)}
.edge-toolbar{height:43px;display:flex;align-items:center;gap:9px;padding:0 17px;background:#f6f8fb;border-bottom:1px solid #dce2e8;font-size:10px}.edge-toolbar img{height:20px;width:20px}.edge-toolbar>small{margin-left:auto;font-size:8px;color:#98a2b1}
.edge-document{background:#fff;width:68%;min-height:350px;padding:35px;margin:22px 0 0 24px;box-shadow:0 8px 25px #0e1b3308}.edge-document small{font-size:9px;color:#8993a1}.edge-document h3{font:400 34px var(--serif);margin:15px 0 22px}.edge-document p{font-size:10px;margin:15px 0 12px}.edge-document i{display:block;height:4px;margin:8px 0;background:#e9edf1}.edge-document i:nth-of-type(3n){width:75%}
.edge-capsule{position:absolute;right:20px;top:65px;display:flex;gap:8px;align-items:center;background:#0e1b33;color:#fff;border:1px solid #ffffff30;border-radius:25px;padding:11px 16px;box-shadow:0 6px 22px #0e1b3320;opacity:0;transform:translateX(12px);transition:opacity .4s,transform .5s}.edge-capsule img{width:20px;height:20px;filter:brightness(0) invert(1)}
.edge-panel{position:absolute;top:57px;right:12px;bottom:12px;width:61%;max-width:320px;background:#fff;border:1px solid #d3dbe5;border-radius:8px;box-shadow:-12px 12px 50px #0e1b331c;padding:16px;transform:none;opacity:1;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .4s}
.edge-panel-head{display:flex;align-items:center;gap:8px}.edge-panel-head img{width:20px;height:20px}.edge-panel-head strong{font-size:13px;font-weight:500}.edge-panel-head i{height:6px;width:6px;background:#3f7a52;border-radius:50%;margin-left:auto}.edge-status{font-size:9px;color:#88939e;margin:11px 0 15px}
.edge-entry{padding:12px 0;border-top:1px solid #e9edf1;position:relative;transition:opacity .45s,transform .65s,max-height .65s,padding .65s;overflow:hidden;max-height:115px}.edge-entry>div{display:flex;align-items:center;gap:7px;margin-bottom:7px;font-size:8px;color:#98a2b1}.edge-entry img{width:17px;height:17px}.edge-entry b{margin-left:auto;font-weight:500;font-size:11px;color:#0e1b33}.edge-entry>strong{font-size:10px;display:block;font-weight:500}.edge-entry>small{font-size:8px;color:#6c7785;display:block;margin-top:4px}.edge-new{font-size:7px;color:#3f7a52;display:block;margin-top:6px}
.edge-review{position:relative;height:32px;background:#0e1b33;color:#fff;border-radius:4px;text-align:center;font-size:9px;margin-top:12px;transition:background .4s}.edge-review>span,.edge-review>b{position:absolute;inset:9px 0;font-weight:400;transition:opacity .3s}.edge-review>b{opacity:0}.edge-summary{display:flex;gap:8px;align-items:center;margin-top:12px;font-size:9px;color:#98a2b1;position:relative}.edge-summary>b{position:absolute;right:0;color:#0e1b33;font-size:12px;font-weight:500;transition:opacity .4s}.edge-total-before{opacity:0}
[data-detail="sidebar"][data-phase="0"] .edge-capsule{opacity:1;transform:none}[data-detail="sidebar"][data-phase="0"] .edge-panel{opacity:0;transform:translateX(105%)}
[data-detail="sidebar"][data-phase="0"] .edge-email,[data-detail="sidebar"][data-phase="1"] .edge-email{max-height:0;padding:0;opacity:0;transform:translateY(-15px);border:0}
[data-detail="sidebar"][data-phase="0"] .edge-total-before,[data-detail="sidebar"][data-phase="1"] .edge-total-before{opacity:1}[data-detail="sidebar"][data-phase="0"] .edge-total-after,[data-detail="sidebar"][data-phase="1"] .edge-total-after{opacity:0}
[data-detail="sidebar"][data-phase="3"] .edge-review{background:#3f7a52}[data-detail="sidebar"][data-phase="3"] .edge-review>span{opacity:0}[data-detail="sidebar"][data-phase="3"] .edge-review>b{opacity:1}
/* Analysis: a useful breakdown, with two real keyboard-accessible views. */
.time-insights{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;padding-top:35px}.insight-copy h2{margin-bottom:25px}.insight-copy>p:not(.eyebrow){color:var(--muted);max-width:450px}
.insight-report{background:#fff;border:1px solid #e1e6ed;border-radius:10px;padding:30px;color:#0e1b33;font-family:Inter,var(--sans);box-shadow:0 15px 55px #14263807;min-width:0}.insight-report-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.insight-report-head span{font-size:14px;font-weight:500}.insight-report-head small{display:block;font-size:10px;color:#98a2b1;margin-top:6px}.insight-report-head>strong{font:400 33px 'Inter Tight',Inter,sans-serif;white-space:nowrap}.insight-report-head>strong small{display:inline;font-size:13px}
.insight-tabs{display:flex;gap:20px;border-bottom:1px solid #e9edf3;margin-bottom:24px}.insight-tabs button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 12px;color:#98a2b1;font:400 12px Inter,sans-serif}.insight-tabs button[aria-selected="true"]{border-color:#0e1b33;color:#0e1b33}
.insight-row{margin:0 0 21px}.insight-row>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;margin-bottom:9px}.insight-row strong{font-size:12px;font-weight:500;white-space:nowrap;font-variant-numeric:tabular-nums}.insight-track{height:5px;background:#f1f3f7;border-radius:3px;overflow:hidden}.insight-track>i{display:block;height:100%;width:calc(var(--bar) * 100%);border-radius:3px;transform-origin:left;animation:insight-bar .75s cubic-bezier(.22,1,.36,1) both}.insight-row:nth-child(2) i{animation-delay:.06s}.insight-row:nth-child(3) i{animation-delay:.12s}.insight-row:nth-child(4) i{animation-delay:.18s}.insight-note{border-top:1px solid #e9edf3;padding-top:15px;margin:0;font-size:9px;color:#98a2b1}@keyframes insight-bar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:900px){.time-insights{grid-template-columns:1fr;gap:30px}.edge-demo{max-width:700px}.hero-message h1{font-size:clamp(50px,7vw,72px)}}
@media(max-width:540px){.hero-message h1{font-size:clamp(40px,9.4vw,51px)}.approval-shot{padding:17px}.approval-description{font-size:14px}.approval-options>span{font-size:8px;padding:9px 8px}.approval-amount>span{font-size:7px}.approval-choice-description{font-size:12px}.edge-toolbar>small{display:none}.edge-demo{height:420px}.edge-document{padding:22px;width:80%;margin-left:12px}.edge-panel{width:82%;padding:14px;right:10px}.edge-capsule{font-size:10px}.insight-report{padding:21px}.insight-report-head>strong{font-size:27px}.insight-row>div:first-child{font-size:10px}.insight-tabs button{font-size:11px}.insight-report-head span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.approval-film *,.edge-demo *{transition:none!important}.insight-track>i{animation:none!important}}
.workday-focus{display:grid;grid-template-columns:1.05fr 1fr;gap:10%;align-items:start}
.workday-focus h2{font-size:clamp(44px,5vw,72px);line-height:1.08;max-width:620px}
.workday-answer{padding-top:34px;max-width:500px;color:var(--muted)}
.workday-answer .workday-lead{font-size:24px;line-height:1.5;color:var(--ink);margin-bottom:22px}
.workday-answer>p{font-size:17px;line-height:1.75}
.workday-resolution{display:flex;gap:20px;border-top:1px solid var(--rule);padding-top:24px;margin-top:28px}
.workday-resolution>span{font:32px var(--serif);color:#739084}.workday-resolution p{font-size:16px;line-height:1.75}
.workday-answer .text-link{font-size:13px;margin-top:8px}
.email-value{border-top:1px solid var(--rule);background:#eef0ea;display:grid;grid-template-columns:1fr 1fr;gap:45px 9%;align-items:start}
.email-value h2{font-size:clamp(42px,4.6vw,64px);line-height:1.1}.email-value-heading>p:not(.eyebrow){max-width:470px;color:var(--muted);font-size:17px}.email-value-heading h2+p{margin-top:26px}
.email-value-rows article{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid #ced7d0}.email-value-rows article:first-child{padding-top:7px}
.email-value-rows article>span{font-size:12px;color:#657c73;padding-top:3px}.email-value-rows h3{font:400 23px/1.3 var(--sans);letter-spacing:-.04em;margin-bottom:12px}.email-value-rows p{font-size:15px;color:var(--muted);margin:0;line-height:1.75}
.email-account{grid-column:1/-1;display:flex;gap:20px;align-items:center;max-width:900px;border-top:1px solid #ced7d0;padding-top:25px}.email-account img{width:32px;height:32px;flex:none}.email-account p{font-size:13px;color:var(--muted);margin:0;line-height:1.75}.email-account strong{color:var(--ink);font-weight:500}
.phone-preview{display:grid;grid-template-columns:1fr 1.05fr;gap:10%;align-items:center;background:#ebece6;border-top:1px solid #d7dcd4}
.phone-availability{display:inline-block;font-size:12px;color:#4c665a;border:1px solid #b4c4b8;border-radius:30px;padding:6px 12px;margin-bottom:26px}
.phone-intro h2{font-size:clamp(48px,5vw,72px);line-height:1.05;margin-bottom:25px}.phone-intro>p{max-width:430px;color:var(--muted);font-size:17px;line-height:1.75}
.phone-preview-content{min-width:0}.phone-example{padding:28px;background:#fff;border:1px solid #dce3df;border-radius:12px;color:#0e1b33;font-family:Inter,var(--sans);max-width:480px;margin:0 auto}
.phone-example-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:11px;color:#667483;padding-bottom:22px;border-bottom:1px solid #e9edf3}.phone-example-heading small{font-size:10px}
.phone-call{display:flex;align-items:center;gap:13px;padding-top:24px}.phone-call>svg{width:36px;height:36px;padding:8px;color:#3f7a52;background:#edf4ef;border-radius:50%}.phone-call>div{display:grid;gap:5px}.phone-call strong{font-size:12px;font-weight:500}.phone-call>div>span{font-size:11px;color:#7c8798}.phone-complete{margin-left:auto;color:#3f7a52;font-size:15px}
.phone-connector{height:28px;border-left:1px dashed #c7d4ce;margin:9px 0 9px 17px}
.phone-proposal{border:1px solid #e2e7ed;border-radius:7px;padding:18px}.phone-proposal>div:first-child{display:flex;justify-content:space-between;gap:16px;align-items:center}.phone-proposal>div>span{font-size:10px;color:#7c8798}.phone-proposal strong{font-size:26px;font-weight:400;white-space:nowrap}.phone-proposal strong small{font-size:12px}.phone-proposal>p{font-size:13px;margin:13px 0 5px}.phone-proposal>small{font-size:10px;color:#7c8798}.phone-review-label{border-top:1px solid #e9edf3;margin-top:17px;padding-top:12px;font-size:10px;color:#4d675a}
.phone-connections{max-width:480px;margin:24px auto 0}.phone-connections article{display:grid;grid-template-columns:87px 1fr;gap:22px;align-items:start;padding:18px 0;border-bottom:1px solid #d0d8d1}.phone-connections img{width:78px;height:25px;object-fit:contain;object-position:left center;margin-top:2px}.phone-connections h3{font-size:14px;font-weight:500;margin:0 0 5px}.phone-connections p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}
.insight-donut{width:220px;height:220px;position:relative;margin:0 auto 12px}.insight-donut svg{width:100%;height:100%;display:block}.insight-donut>div{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.insight-donut strong{font-size:24px;font-weight:400;letter-spacing:-.04em}.insight-donut span{font-size:11px;color:#98a2b1;margin-top:4px}
.insight-legend{list-style:none;padding:0;margin:0 0 20px}.insight-legend li{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:11px}.insight-legend i{width:8px;height:8px;border-radius:50%;flex:none}.insight-legend strong{margin-left:auto;font-size:11px;font-weight:500;white-space:nowrap}.insight-legend small{width:35px;text-align:right;color:#7c8798;font-size:10px}
@media(max-width:900px){.workday-focus,.email-value,.phone-preview{grid-template-columns:1fr;gap:32px}.workday-answer{padding-top:0;max-width:600px}.email-value-heading>p:last-child,.phone-intro>p{max-width:600px}.email-value-rows{max-width:700px}.phone-preview-content{max-width:600px;width:100%}.phone-example,.phone-connections{max-width:none}.phone-intro h2{font-size:58px}}
@media(max-width:540px){.workday-focus h2{font-size:45px}.workday-answer .workday-lead{font-size:21px}.email-value-rows article{grid-template-columns:1fr;gap:9px}.email-value-rows h3{font-size:22px}.email-account{align-items:flex-start;gap:14px}.email-value h2{font-size:41px}.phone-intro h2{font-size:48px}.phone-example{padding:20px}.phone-connections article{grid-template-columns:70px 1fr;gap:18px}.phone-connections img{width:66px}.phone-call strong{font-size:11px}.phone-example-heading small{font-size:9px}.insight-donut{width:205px;height:205px}}
.security-technical{max-width:1150px;margin:auto;padding-top:0;--mid:var(--muted);--dim:var(--muted);--link:var(--navy)}
.technical-section{padding:50px 0;border-top:1px solid var(--rule);min-width:0}.technical-section:first-child{border-top:0}.technical-section h2{font-size:clamp(34px,4vw,48px);line-height:1.15;margin:12px 0 28px}.technical-section h3{font-size:22px;margin:30px 0 15px}.technical-section h4{font-size:17px;margin:22px 0 12px}.technical-section p,.technical-section li{font-size:15px;line-height:1.8;color:var(--muted)}.technical-section p{margin:14px 0}.technical-section ul{padding-left:22px}.technical-section strong{font-weight:500;color:var(--ink)}.technical-section .table-scroll{overflow:auto;max-width:100%;margin:24px 0}.technical-section table{border-collapse:collapse;width:100%;min-width:580px;font-size:12px;text-align:left}.technical-section th,.technical-section td{padding:14px 12px;border-bottom:1px solid var(--rule);vertical-align:top;line-height:1.6}.technical-section th{font-weight:500;color:var(--navy);background:#edf0eb}.technical-section td{color:var(--muted)}.technical-section a{color:var(--navy);text-underline-offset:4px}.technical-section a>div{margin:4px 0}.technical-section a:has(>div){display:block;padding:20px 0;border-bottom:1px solid var(--rule);text-decoration:none}.technical-section a:has(>div):hover{text-decoration:underline}.technical-section section{min-width:0}
.editorial-cta .button{margin-top:30px;background:var(--paper);color:var(--navy);border-color:var(--paper)}
.editorial-cta .button:hover{background:#e7ece9;border-color:#e7ece9}
.editorial-cta:after{background:linear-gradient(90deg,#0d252be8,#0d252b38 90%)}
@media(max-width:540px){.editorial-cta:after{background:linear-gradient(0deg,#0d252bf2,#0d252b70)}.editorial-cta{min-height:580px}.editorial-cta .button{max-width:100%;font-size:13px}}

/* A quiet, focused handoff from the product story to a conversation. */
.contact-page{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:78px;padding-bottom:110px;align-items:start}
.contact-intro h1{font-size:clamp(58px,5.7vw,86px);margin-bottom:28px}
.contact-lead{max-width:440px;font-size:18px;line-height:1.65;color:var(--muted)}
.contact-agenda{margin-top:45px;padding-top:28px;border-top:1px solid var(--rule);max-width:440px}
.contact-agenda h2{font:500 17px/1.5 var(--sans);letter-spacing:0;margin-bottom:24px}
.contact-agenda p{display:flex;gap:16px;align-items:start;font-size:15px;margin-bottom:20px;color:#51616c}
.contact-agenda .icon{width:25px;height:25px;color:var(--navy)}
.contact-direct{margin-top:48px;font-size:14px;display:grid;gap:6px;color:var(--muted)}
.contact-direct a{width:fit-content;text-underline-offset:5px;color:var(--ink)}
.contact-form-panel{background:#fff;border:1px solid #e0e4df;border-radius:5px;padding:36px 38px}
.contact-form-heading .eyebrow{margin-bottom:12px}.contact-form-heading h2{font-size:43px;margin-bottom:15px}.contact-form-heading>p:last-child{font-size:14px;color:var(--muted);margin-bottom:28px}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px}.form-field{min-width:0}.field-wide{grid-column:1/-1}.form-field label{display:block;font-size:13px;font-weight:500;margin-bottom:7px}.form-field label span{font-weight:400;color:var(--muted);margin-left:6px}
.form-field input,.form-field select,.form-field textarea{font:400 16px/1.5 var(--sans);color:var(--ink);display:block;width:100%;background:#fff;border:1px solid #cbd3d3;border-radius:3px;padding:11px 12px;min-height:46px;box-shadow:none;transition:border-color .15s}
.form-field textarea{resize:vertical;min-height:96px}.form-field textarea::placeholder{color:#7a868c;font-size:14px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:2px solid #315570;outline-offset:2px;border-color:#315570}.form-field small{display:block;font-size:11px;line-height:1.5;color:var(--muted);margin-top:7px}.form-privacy{font-size:12px;line-height:1.6;color:var(--muted);margin:22px 0 18px}.form-privacy a{text-underline-offset:3px}
.contact-submit{width:100%;min-height:53px}.contact-submit:disabled{cursor:wait;opacity:.65;transform:none}.form-trap{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.form-status{padding:15px;background:#fbf1e9;color:#6b3b21;font-size:14px;line-height:1.6;margin:18px 0 0;border-left:2px solid #9a6745}
.contact-success{padding:45px 0;outline:none}.contact-success h2{font-size:45px;margin-bottom:20px}.contact-success p{color:var(--muted);font-size:16px}.success-mark{display:inline-flex;padding:15px;background:#edf2ee;border-radius:50%;margin-bottom:30px}.contact-page [hidden]{display:none!important}
.login-page{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-top:64px;padding-bottom:80px}.login-content h1{font-size:clamp(64px,6vw,90px);margin-bottom:25px}.login-content>p:not(.eyebrow){max-width:390px;color:var(--muted)}.login-continue{margin-top:10px}.login-content .login-destination{font-size:12px;margin-top:13px}.login-help{border-top:1px solid var(--rule);margin-top:40px;padding-top:28px;max-width:400px}.login-help h2{font:500 18px/1.5 var(--sans);letter-spacing:0;margin-bottom:8px}.login-help p{font-size:15px;color:var(--muted);margin-bottom:7px}.login-content .login-support{font-size:13px;margin-top:30px}.login-photo{position:relative;margin:0;min-height:580px;height:100%;overflow:hidden;border-radius:4px}.login-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:53% center}.login-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 65%,#142638a6)}.login-photo figcaption{position:absolute;bottom:32px;left:30px;right:30px;color:white;font:30px/1.2 var(--serif);z-index:1}
.support-page{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:80px;min-height:700px}.support-intro h1{font-size:clamp(64px,6vw,90px);margin-bottom:28px}.support-intro>p:not(.eyebrow){color:var(--muted);max-width:420px}.support-email{font-size:22px;text-underline-offset:7px;display:inline-block;margin:12px 0 25px}.support-intro .support-owner{font-size:12px}.support-details{padding-top:8px}.support-details article{padding:0 0 32px;margin-bottom:32px;border-bottom:1px solid var(--rule)}.support-details h2{font-size:38px;margin-bottom:20px}.support-details p{font-size:15px;color:var(--muted)}.support-details .eyebrow{font-size:12px}.support-details .support-privacy{font-size:12px}

/* Alternate product stories on desktop; retain copy-first reading on mobile. */
@media(min-width:901px){.time-insights{grid-template-columns:1.2fr .8fr}.time-insights .insight-report{grid-column:1;grid-row:1}.time-insights .insight-copy{grid-column:2;grid-row:1}}

/* About: shared alignment, a compact introduction and one continuous story. */
.about-hero-refined{display:grid;grid-template-columns:1.15fr 1fr;column-gap:8%;padding-top:62px;padding-bottom:48px;align-items:center}
.about-hero-refined>.eyebrow{grid-column:1/-1;margin-bottom:22px}
.about-hero-refined h1{font-size:clamp(58px,5.5vw,84px);line-height:1.08}
.about-hero-refined>div{display:block;margin:0;max-width:480px;font-size:17px;line-height:1.7}
.about-hero-refined>div p:last-child{margin-bottom:0}
.about-editorial-refined{height:350px;max-width:1440px;margin:0 auto;width:90%}
.about-story-refined{display:grid;grid-template-columns:1.15fr 1fr;gap:8%;align-items:center;padding-top:76px;padding-bottom:76px;border-bottom:1px solid var(--rule)}
.about-story-refined>figure{margin:0;height:520px;overflow:hidden;border-radius:3px}
.about-story-refined>figure img{display:block;width:100%;height:100%;object-fit:cover;object-position:35% center}
.about-story-refined>div{max-width:490px}
.about-story-refined .eyebrow{margin-bottom:18px}
.about-story-refined h2{font-size:clamp(46px,4.3vw,64px);margin-bottom:28px}
.about-story-refined p:not(.eyebrow){font-size:16px;line-height:1.75;color:var(--muted);margin-bottom:19px}
.about-story-refined p:last-child{margin-bottom:0}
@media(max-width:900px){.about-hero-refined{column-gap:6%;grid-template-columns:1fr 1fr}.about-hero-refined h1{font-size:56px}.about-hero-refined>div{font-size:15px}.about-story-refined{gap:6%;grid-template-columns:1fr 1fr}.about-story-refined>figure{height:560px}.about-story-refined h2{font-size:46px}}
@media(max-width:700px){.about-hero-refined{display:block;padding-top:38px;padding-bottom:32px}.about-hero-refined h1{font-size:clamp(43px,10.2vw,64px)}.about-hero-refined>div{margin-top:25px;font-size:16px;max-width:none}.about-editorial-refined{height:260px;width:88%;margin:0 auto}.about-story-refined{display:flex;flex-direction:column;gap:28px;padding-top:42px;padding-bottom:44px}.about-story-refined>figure{height:300px;width:100%}.about-story-refined>div{max-width:none;width:100%}.about-story-refined h2{font-size:46px;margin-bottom:22px}}

.form-delivery-note{font-size:12px;color:var(--muted);line-height:1.55;margin:12px 0 0}

.custom-select{position:relative}.select-trigger{width:100%;min-height:48px;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;gap:14px;text-align:left;background:#fff;border:1px solid #cbd3d3;border-radius:3px;color:#65727b;font:400 16px/1.5 var(--sans);cursor:pointer}.select-trigger.has-value{color:var(--ink)}.select-trigger svg{width:20px;height:20px;flex:none;transition:transform .18s}.select-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.select-trigger[aria-expanded=true]{border-color:#315570}.select-trigger:focus-visible{outline:2px solid #315570;outline-offset:2px}.select-trigger[aria-invalid=true]{border-color:#a75336}.select-options{position:absolute;inset:calc(100% + 7px) 0 auto;margin:0;padding:6px;list-style:none;max-height:260px;overflow-y:auto;overscroll-behavior:contain;background:#fff;border:1px solid #d6dedd;border-radius:5px;box-shadow:0 12px 32px rgba(20,38,56,.12);z-index:10}.select-options li{position:relative;padding:11px 36px 11px 12px;border-radius:3px;min-height:46px;font-size:15px;line-height:24px;color:var(--ink);cursor:pointer}.select-options li:hover,.select-options li.active{background:#edf2f2}.select-options li[aria-selected=true]{font-weight:550}.select-options li[aria-selected=true]::after{content:'✓';position:absolute;right:13px;color:#315570}.select-error{margin:8px 0 0;font-size:12px;color:#964c31}