/* Shared alignment, measured spacing, and a continuous work-verification story. */
:root{--section-space:88px}
.wrap{max-width:1184px}
.section{padding-block:var(--section-space)}
.hero{padding-top:48px;padding-bottom:0}
.hero-opening{align-items:center;gap:48px;grid-template-columns:.94fr 1.06fr}
.hero-opening .hero-copy{padding-bottom:20px}
.hero-opening h1{text-wrap:balance;max-width:540px}
.hero-opening .hero-description{max-width:450px}
.hero-copy .hero-actions{flex-wrap:wrap}
.hero-bricks{mask-image:linear-gradient(to bottom,#000 0%,#000 70%,transparent 100%)}
.proof-chain{--rest-x:0deg!important;--rest-y:0deg!important}
.proof-card-top{min-height:26px}.proof-notice{justify-content:center}
.proof-path{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;position:relative;z-index:1;margin:48px auto 0;padding:0;list-style:none;border-block:1px solid #e6e9ec;background:#ffffffed}
.proof-path li+li{border-left:1px solid #e6e9ec}
.proof-path a{display:grid;grid-template-columns:28px 1fr 16px;align-items:center;gap:12px;padding:22px 26px;transition:background .25s}
.proof-path a:hover{background:#f7f8fa}
.proof-path .path-index{font:500 10px var(--mono);color:var(--red)}
.proof-path strong{display:block;font-size:13px;font-weight:600;letter-spacing:-.15px}
.proof-path small{display:block;font-size:11px;color:#7a838d;margin-top:3px}
.proof-path .path-arrow{color:#8b939b;font-size:17px}
.section-heading h2,.field-copy h2,.faq-section h2{font-size:clamp(34px,3.7vw,46px);font-weight:600;letter-spacing:-1.9px;line-height:1.12;text-wrap:balance}
.split-heading{display:grid;grid-template-columns:1.35fr 1fr;gap:72px;align-items:end}
.split-heading>p:last-child{max-width:385px;font-size:14px;line-height:1.85;margin:0}
.verification-section{padding-top:80px;padding-bottom:60px}
.verification-equation{gap:12px;margin-top:36px}
.verification-layer,.verification-result{position:relative;padding:26px 25px 20px;border-radius:16px}
.layer-icon{position:absolute;top:22px;right:22px;margin:0;width:30px;height:30px;background:transparent;border:none}
.layer-index{padding-right:25px;max-width:235px;min-height:26px;line-height:1.7}
.verification-equation h3{margin-top:25px;font-size:29px}
.verification-equation p:not(.layer-question){margin-top:15px;margin-bottom:20px;line-height:1.8}
.layer-example{padding-block:18px}
.layer-example b{font-size:21px;letter-spacing:-.7px}
.verification-result{background:#20262a;border-color:#20262a;border-top:3px solid var(--red);color:white}
.verification-result .layer-index{color:#b9c1c7}
.verification-result .layer-question{color:#ecf0f3}
.verification-result p:not(.layer-question),.verification-result .layer-example{color:#b4bec6}
.verification-result .layer-icon{color:white}
.verification-result .layer-example b{color:white}
.verification-result .layer-example,.verification-result .card-explore{border-color:#41494f}
.verification-result .card-explore{color:white}
.verification-result .card-explore:hover{background:#30393f}
.verification-caption{max-width:1000px}
.verification-route{margin-top:28px;padding-block:22px}
/* Give the desktop/phone story a real layout rather than overlapping absolute boxes. */
.extended-walkthrough{padding:22px 0 0;background:linear-gradient(#fff,#f6f8fa)}
.showcase{display:grid;grid-template-columns:1fr auto;gap:26px 24px;padding:28px;border-radius:22px;background:#f4f6f8}
.showcase-caption{display:block;grid-column:1;align-self:center}
.showcase-caption .eyebrow{font-size:9px!important;color:#74808a;letter-spacing:1.2px}
.showcase-caption h2{font-size:25px;line-height:1.2;letter-spacing:-.8px;font-weight:600;margin-top:9px;max-width:390px}
.showcase-controls{order:0;grid-column:2;padding:0;align-self:center}
.showcase-controls .story-tabs{max-width:none;width:auto;box-shadow:none;border:1px solid #e0e5e9}
.story-tabs button{padding:12px 15px;font-size:11px}
.product-scene{order:0;grid-column:1/-1;display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px 24px;align-items:center;max-width:none;height:auto;min-height:0;margin:0;padding:0}
.browser-frame.depth-card{position:relative;inset:auto;grid-column:2;grid-row:1;width:100%;--rest-x:0deg;--rest-y:0deg}
.field-phone{position:relative;inset:auto;grid-column:1;grid-row:1;width:100%;transform:rotate(-3deg);border-width:6px;z-index:1}
.phone-status{font-size:9px;padding-inline:12px}.phone-heading{padding:10px 12px;font-size:12px}.phone-heading strong{font-size:13px}.phone-photo{height:140px;margin-inline:8px}.phone-content{padding:16px 13px}.phone-quantity strong{font-size:33px}.phone-evidence{font-size:10px}.phone-submission{font-size:9px;padding:10px 8px}.phone-content>.mini-label{font-size:8px}
.workspace-nav{display:none}.workspace{grid-template-columns:1fr}
.work-detail{padding:24px 26px 20px}
.work-breadcrumb{margin-bottom:14px}.work-heading h2{font-size:23px}.work-heading p{font-size:12px}.work-tabs{margin-top:20px}
.record-metrics{padding-block:20px}.record-metrics strong{font-size:28px}
.review-summary{min-height:126px}.review-summary p{max-width:none;font-size:12px}.review-summary h3{font-size:17px}
.floating-record{position:relative;inset:auto;grid-column:2;grid-row:2;min-width:0;max-width:none;transform:none!important;margin:0;padding:13px 17px;box-shadow:none;background:#fff;border-radius:10px}
.floating-record strong{font-size:14px}.floating-record .mini-label{font-size:8px}.floating-record div>span:last-child{font-size:11px}
.sample-note{order:0;grid-column:1/-1;margin:0;font-size:9px}
.team-strip{padding-block:28px;font-size:11px}
/* Pair each section introduction with its explanation on the same baseline. */
.workflow-section>.wrap>.section-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:0 80px;align-items:end}
.workflow-section .section-heading>.eyebrow{grid-column:1/-1}
.workflow-section .section-heading>p:last-child{font-size:14px;line-height:1.85;max-width:385px;margin:0}
.workflow-section .section-heading h2{margin-bottom:0}
.workflow-layout{grid-template-columns:1fr 1.1fr;gap:64px;margin-top:36px;align-items:center}
.workflow-options{gap:8px}.workflow-option{padding:22px 18px;min-height:99px;align-content:center}.workflow-option strong{font-size:20px}.workflow-option>span>span{font-size:12px;line-height:1.7}
.workflow-preview{--rest-x:0deg!important;--rest-y:0deg!important}
.workflow-photo{height:140px}.workflow-panel-content{min-height:330px;padding:22px 28px}.preview-title h3{font-size:27px}.requirement-list{margin-top:22px}.requirement-list p{font-size:13px;padding-block:8px}.assigned-reviewer{margin-top:20px}
.quality-participants{grid-template-columns:1fr 1.1fr;gap:64px;padding-top:26px}.quality-participants h3{font-size:23px}
.defect-loop{gap:35px;padding:27px}.defect-loop h3{font-size:25px}
.field-section{grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}
.field-visual{width:100%;max-width:430px;justify-self:center;padding:22px;background:#f4f6f8;border-radius:22px}
.field-visual-label{margin-bottom:18px}.submission-image{height:145px}.submission-top{padding:16px}.submission-top strong{font-size:12px}
#sampleClaimForm{padding:20px 20px 14px}.claim-requirements label{padding-block:11px;font-size:13px}.claim-requirements{margin-top:20px}.claim-input-row>label{font-size:13px}.claim-feedback{font-size:11px}.field-caption{font-size:9px}
.field-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:465px}.field-points{gap:22px;margin-top:30px}.field-points h3{font-size:16px}.field-points p{font-size:13px;line-height:1.7}.field-copy>.text-link{margin-top:28px}
/* A wider, shorter work record balances its adjacent headline. */
.record-section{padding-block:88px;position:relative;overflow:hidden}
.record-layout{grid-template-columns:1fr 1.1fr;gap:80px;align-items:center}
.record-copy h2{font-size:clamp(40px,4.1vw,52px);font-weight:550;letter-spacing:-2px}
.record-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;max-width:440px}
.record-principles{margin-top:27px;gap:15px}.record-principles>span{font-size:12px}.light-link{margin-top:30px;font-size:13px}
.accepted-record.depth-card{width:100%;max-width:510px;justify-self:end;--rest-x:0deg;--rest-y:0deg;--rest-z:0deg;border-radius:18px}
.awr-top{padding:17px 22px}.awr-project-photo{height:105px}.awr-heading{padding:20px 24px 17px}.awr-heading h3{font-size:27px}.awr-heading p{font-size:11px}
.awr-data{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding:0 24px 16px}
.awr-data>div{display:flex;flex-direction:column;justify-content:start;gap:4px;padding:11px 0;font-size:11px}.awr-data dd{font-size:18px;font-weight:600;color:#252c32}.awr-data>div:nth-child(4) dd{color:var(--green)}.awr-data>div:nth-child(n+5) dd{font-size:13px}.awr-data>div:nth-child(5) dd,.awr-data>div:nth-child(6) dd{color:#967028}
.awr-person{padding:14px 24px}.awr-bill{padding:18px 24px}.awr-bill strong{font-size:24px}
.accepted-record>.card-explore{margin-inline:17px;width:calc(100% - 34px);font-size:11px}
.metrics-section{padding-bottom:70px}.pilot-metrics{margin-top:36px}.pilot-metrics h3{font-size:19px;line-height:1.25}.pilot-metrics p{font-size:12px}
.faq-section{grid-template-columns:1fr 1.1fr;gap:80px;align-items:start;padding-top:56px;padding-bottom:88px;border-top:1px solid #e4e8eb}
.faq-list summary{padding-block:22px;font-size:14px}.faq-list details>p{font-size:14px;line-height:1.85}
.closing-section{padding:48px 52px;margin-bottom:60px;border-radius:20px;position:relative;overflow:hidden;background:#f5f7f8;border:1px solid #e2e7eb}
.closing-section h2{font-size:clamp(36px,4vw,50px);letter-spacing:-1.8px;max-width:660px}.closing-section p:not(.eyebrow){font-size:14px}.closing-seal{opacity:.65;right:70px;transform:rotate(8deg)}
.footer-main{padding-block:25px 35px}
@media(min-width:1001px){.faq-section>div:first-child{position:sticky;top:135px}}
@media(max-width:1000px){
 .hero-opening{grid-template-columns:1fr;max-width:680px}.hero-opening .hero-copy{padding-bottom:0}.proof-path{margin-top:36px}.proof-path a{padding:20px 15px;gap:8px}.proof-path small{font-size:10px}.proof-path strong{font-size:12px}
 .split-heading{gap:32px}.showcase{grid-template-columns:1fr}.showcase-caption{grid-column:1}.showcase-controls{grid-column:1;justify-content:flex-start}.product-scene{grid-template-columns:165px minmax(0,1fr);gap:16px}.phone-photo{height:120px}.work-detail{padding:20px}.work-heading h2{font-size:19px}.review-summary{min-height:145px}
 .workflow-layout,.field-section,.record-layout,.quality-participants,.faq-section{gap:36px}.workflow-option strong{font-size:17px}.workflow-panel-content{padding-inline:22px}.field-visual{padding:18px}.field-copy h2{font-size:36px}.record-copy h2{font-size:42px}.record-principles>span{font-size:11px}
 .workflow-section>.wrap>.section-heading{gap:0 36px}.closing-seal{right:30px;width:140px;height:140px}
}
@media(max-width:700px){
 :root{--section-space:62px}.wrap{width:calc(100% - 40px)}.hero{padding-top:32px}.hero-opening{gap:30px}.hero-opening h1{font-size:clamp(33px,8.7vw,48px);letter-spacing:-1.5px}.hero-opening .hero-description{font-size:14px}
 .proof-path{grid-template-columns:1fr;margin-top:30px}.proof-path li+li{border-left:0;border-top:1px solid #e8ecef}.proof-path a{padding:14px 9px;grid-template-columns:24px 1fr 16px}.proof-path strong{font-size:12px}.proof-path small{font-size:10px;margin-top:1px}
 .verification-section{padding-top:56px;padding-bottom:35px}.split-heading{display:block}.split-heading>p:last-child{margin-top:20px;font-size:13px}.section-heading h2,.field-copy h2,.faq-section h2{font-size:33px;letter-spacing:-1.4px}.verification-equation{margin-top:28px;gap:12px}.verification-layer,.verification-result{padding:24px}.verification-equation h3{margin-top:17px;font-size:28px}.verification-equation p:not(.layer-question){font-size:13px}.layer-index{min-height:22px}.layer-example{padding-block:15px}.equation-symbol{font-size:20px}.verification-caption{font-size:10px}
 .showcase{display:flex;flex-direction:column;padding:17px;gap:20px;border-radius:17px}.showcase-caption{order:0}.showcase-caption h2{font-size:23px;max-width:270px}.showcase-caption .eyebrow{font-size:7px!important}.showcase-controls{order:0;width:100%}.showcase-controls .story-tabs{width:100%}.story-tabs button{padding:10px 4px;font-size:10px}.product-scene{display:block;order:0}.browser-frame.depth-card{position:relative;inset:auto}.field-phone{display:none}.work-detail{padding:19px 16px}.work-heading h2{font-size:18px}.record-metrics strong{font-size:27px}.record-metrics{padding-block:18px}.review-summary{min-height:155px}.review-summary h3{font-size:15px}.review-summary p{font-size:12px}.floating-record{margin:16px 0 0;padding:12px}.floating-record strong{font-size:12px}.floating-record div>span:last-child{font-size:10px}.sample-note{font-size:8px}.team-strip{padding-block:23px}.team-strip>div{line-height:1.8}
 .workflow-section>.wrap>.section-heading{display:block}.workflow-section .section-heading>p:last-child{font-size:13px;margin-top:19px}.workflow-layout{gap:25px;margin-top:26px}.workflow-options{gap:6px}.workflow-option{min-height:90px;padding:18px 14px}.workflow-option strong{font-size:17px}.workflow-photo{height:135px}.workflow-panel-content{min-height:365px;padding:22px}.preview-title h3{font-size:25px}.quality-participants{gap:14px}.defect-loop{padding:23px;gap:20px}.defect-loop h3{font-size:24px}
 .field-section{gap:30px}.field-visual{max-width:400px;padding:18px}.field-copy h2{font-size:34px}.field-copy>p:not(.eyebrow){font-size:14px}.field-points h3{font-size:15px}.field-points{gap:19px}.submission-image{height:145px}
 .record-section{padding-block:62px}.record-copy h2{font-size:41px;letter-spacing:-1.7px}.record-copy>p:not(.eyebrow){font-size:14px}.accepted-record.depth-card{width:100%;max-width:430px;margin:36px auto 0}.awr-heading{padding:20px}.awr-data{padding-inline:20px;gap:0 16px}.awr-data>div{font-size:10px}.awr-data dd{font-size:18px}.awr-person{padding-inline:20px}.awr-bill{padding-inline:20px}
 .metrics-section{padding-bottom:45px}.pilot-metrics{margin-top:26px}.pilot-metrics h3{font-size:17px}.faq-section{padding-block:45px 60px;display:block}.faq-list{margin-top:25px}.faq-list summary{font-size:13px}.closing-section{padding:32px 25px;margin-bottom:36px}.closing-section h2{font-size:35px}.closing-section p:not(.eyebrow){font-size:13px}.footer-main{padding-top:15px}
}
@media(prefers-reduced-motion:reduce){.proof-path a{transition:none}.field-phone{transform:none}}
/* Keep long records beside their introduction, with a compact receipt hierarchy. */
@media(min-width:1001px){
 .hero-opening{align-items:start}.hero-opening .hero-copy{padding-top:70px}
 .record-layout,.field-section{align-items:start}.record-copy,.field-copy{padding-top:35px}
 .workflow-layout{align-items:start}.workflow-options{padding-top:12px}
}
.awr-top{padding-block:12px}.awr-project-photo{height:92px}
.awr-heading{padding-top:16px;padding-bottom:14px}
.awr-heading .mini-label{font-size:9px}.awr-heading h3{margin-top:9px;font-size:25px}.awr-heading p{margin-top:6px;line-height:1.5}
.awr-heading .accepted-badge{margin-top:10px;padding:5px 8px}
.awr-data>div{padding-block:8px;gap:3px}.awr-data{padding-bottom:12px}
.awr-person{padding-block:12px}.awr-bill{padding-block:13px}
.accepted-record>.card-explore{padding-block:8px}
