/* Physical depth: a lit front face, a thin edge and a soft contact shadow. */
.depth-card{
  --tilt-x:0deg;--tilt-y:0deg;--rest-x:0deg;--rest-y:0deg;--rest-z:0deg;
  --light-x:50%;--light-y:10%;
  position:relative;
  transform:perspective(1500px) rotateX(calc(var(--rest-x) + var(--tilt-x))) rotateY(calc(var(--rest-y) + var(--tilt-y))) rotateZ(var(--rest-z));
  transform-origin:50% 50%;
  border-color:#d9dfe3;
  box-shadow:0 1px 0 #fff inset,0 2px 1px #cbd2d7,0 5px 0 -1px #e2e7eb,0 12px 20px -12px #1a293c55,0 36px 65px -30px #1a293c45;
  transition:transform .65s cubic-bezier(.22,1,.36,1),box-shadow .5s,border-color .4s;
  backface-visibility:hidden;
}
.depth-card.depth-active{transition:box-shadow .5s,border-color .4s;will-change:transform;border-color:#bfc8ce;box-shadow:0 1px 0 #fff inset,0 2px 1px #bcc5cd,0 5px 0 -1px #d9dfe4,0 16px 25px -12px #1a293c44,0 48px 85px -32px #1a293c50}
.depth-card::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:5;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#ffffff30,transparent 55%);opacity:0;transition:opacity .5s}
.depth-card.depth-active::after{opacity:1}
.proof-chain.depth-card{--rest-y:-2deg;--rest-x:1deg}
.browser-frame.depth-card{position:absolute;--rest-y:-2deg;--rest-x:1deg}
.submission-card.depth-card{--rest-z:-1.2deg}
.accepted-record.depth-card{--rest-z:1.2deg;--rest-y:-3deg;box-shadow:0 1px 0 #fff inset,0 3px 0 #c6ccd1,0 7px 0 -1px #e1e5e8,0 24px 70px -12px #0008}
.accepted-record::before{inset:16px -14px -16px 14px;background:#e8edf00c;border-color:#ffffff30;transform:rotate(-4deg)}
.proof-card{border-radius:18px;box-shadow:0 1px 0 white inset,0 2px 0 #dce2e6,0 7px 15px -8px #22374935,0 22px 38px -23px #17283d50}
.proof-back-card{background:linear-gradient(145deg,#ffffffef,#eef2f4ce);box-shadow:0 10px 25px -15px #1a283333;transition:transform .8s cubic-bezier(.22,1,.36,1)}
.proof-chain[data-step='1'] .proof-back-card{transform:rotate(-7deg) translate(-3px,2px)}
.proof-chain[data-step='3'] .proof-back-card{transform:rotate(-3deg) translate(0,-2px)}
.proof-evidence{grid-template-columns:1.4fr 1fr 1fr;gap:7px;margin-top:13px}
.evidence-tile{min-height:76px;border-radius:9px;padding:10px;background:linear-gradient(140deg,#fff,#f0f3f5);box-shadow:0 2px 2px #1a283306}
.evidence-tile .icon{width:21px;height:21px;stroke-width:1.4}
.evidence-tile>span{font-size:8px;white-space:normal}
.photo-tile img{transition:transform .6s cubic-bezier(.22,1,.36,1)}
.photo-tile:hover img{transform:scale(1.1)}
.photo-tile>span{display:flex;justify-content:space-between;width:100%;font-size:9px}
.photo-tile b{font-size:12px;font-weight:400}
.proof-stage{background-color:#f5f7f8;background-image:linear-gradient(#c5ced325 1px,transparent 1px),linear-gradient(90deg,#c5ced325 1px,transparent 1px),radial-gradient(ellipse at 90% 0%,#fff 0,transparent 70%)}
.proof-card-top>span:first-child,.record-copy h2>span,.record-copy .section-number,.record-principles .icon{color:#d6002b}
.proof-chain[data-step='3'] .proof-stamp{box-shadow:0 3px 6px #29493712}
.field-visual{background:radial-gradient(ellipse at 20% 20%,white,#eef1f3);border-color:#e2e7eb}
.workflow-preview{border-radius:18px}
.workflow-photo{position:relative;height:135px;margin:0 22px;border-radius:9px;overflow:hidden;background:#e9edef;isolation:isolate}
.workflow-photo img{width:100%;height:100%;object-fit:cover;transition:opacity .35s,transform 1s}
.workflow-photo::after,.awr-project-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 15%,#13202d9e);pointer-events:none}
.workflow-photo>span:first-of-type{position:absolute;left:15px;bottom:13px;color:white;z-index:1;font:600 9px var(--mono);letter-spacing:1px}
.photo-corner{position:absolute;right:14px;top:14px;width:22px;height:22px;border-top:2px solid #fff;border-right:2px solid #fff;z-index:1}
.workflow-layout[data-playing=true] .workflow-photo img{animation:photo-breathe 6.2s ease-out infinite}
@keyframes photo-breathe{from{transform:scale(1.045)}to{transform:scale(1)}}
.workflow-panel-content{min-height:375px;padding-top:23px}
.workflow-option{border-radius:13px;transition:transform .4s,box-shadow .4s,background .4s}
.workflow-option[aria-selected=true]{box-shadow:0 2px 0 #e0e5e9,0 15px 28px -20px #18283d45;border-color:#d5dce2}
.workflow-option:hover{transform:translateX(4px);box-shadow:0 12px 24px -18px #17283945}
.phone-photo{height:186px}.phone-photo img{object-position:50% 60%}
.submission-image{height:180px;border-radius:9px}.submission-image img{object-position:center 55%;transition:transform 1s}
.submission-card.depth-active .submission-image img{transform:scale(1.045)}
.awr-project-photo{position:relative;height:125px;overflow:hidden;margin:0 17px;border-radius:9px;background:#dce1e5}
.awr-project-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transition:transform 1s}
.awr-project-photo>span{position:absolute;left:15px;bottom:13px;z-index:1;color:#fff;font:600 10px var(--mono);letter-spacing:.8px}
.awr-project-photo small{display:block;font-size:8px;color:#e3e7ed;margin-top:5px;letter-spacing:1.1px}
.accepted-record.depth-active .awr-project-photo img{transform:scale(1.04)}
.awr-heading{padding-top:22px}
.record-section{background-image:radial-gradient(ellipse at 95% 30%,#323a442b,transparent 60%)}
@media(max-width:1000px){.depth-card{--rest-x:0deg;--rest-y:0deg}.proof-chain.depth-card{--rest-x:0deg;--rest-y:0deg}}
@media(max-width:700px){
  .depth-card,.depth-card.depth-active{transform:none;box-shadow:0 2px 0 #d3dbe1,0 5px 0 -1px #e6eaed,0 22px 40px -25px #17283d45}
  .browser-frame.depth-card{position:relative;inset:auto}
  .evidence-tile{min-height:65px;padding:7px}.evidence-tile>span{font-size:6px}.photo-tile>span{font-size:7px}.evidence-tile .icon{width:16px;height:16px}.proof-evidence{gap:4px}
  .workflow-photo{height:116px;margin-inline:18px}.workflow-photo>span:first-of-type{font-size:8px;letter-spacing:.5px}
  .workflow-panel-content{min-height:390px}.phone-photo{height:145px}.submission-image{height:155px}.awr-project-photo{height:116px}
  .workflow-option:hover{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .depth-card,.depth-card.depth-active{transform:none!important;will-change:auto}
  .depth-card::after{display:none}.workflow-photo img,.submission-image img,.awr-project-photo img,.photo-tile img{animation:none!important;transform:none!important}
}

/* A consistent editorial heading and a more compact, horizontal proof story. */
.hero-opening{grid-template-columns:1fr 1.08fr;gap:54px;align-items:center}
.hero-opening h1{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:clamp(43px,4.1vw,58px);font-weight:650;line-height:1.08;letter-spacing:-2.6px;text-transform:none;margin-block:23px}
.hero-opening .platform-label{font-size:10px;letter-spacing:1.45px;line-height:1.7;max-width:420px}
.hero-opening .hero-description{font-size:15px;line-height:1.8;max-width:455px}
.proof-chain{display:flex;flex-direction:column;min-height:0;border-radius:23px}
.proof-rail{flex-direction:row;flex-wrap:wrap;align-items:center;padding:17px 22px 19px;background:#20262a;gap:0}
.proof-brand{display:flex;align-items:center;font-family:inherit;font-size:21px;line-height:1.1;font-weight:750;letter-spacing:-1px;color:white}
.proof-brand>span{color:var(--red)}
.proof-brand small{font-family:inherit;font-size:10px;font-weight:450;letter-spacing:0;color:#b1bbc3;margin-left:15px;padding-left:15px;border-left:1px solid #596168}
.proof-pause{margin-left:auto;order:1;align-self:center;font-family:inherit;font-size:10px;min-height:29px;padding:5px 9px}
.proof-pause span{font-size:10px}
.proof-steps{order:2;flex:0 0 100%;flex-direction:row;gap:8px;justify-content:stretch;margin:18px 0 0}
.proof-steps:before{display:none}
.proof-steps button{flex:1;flex-direction:row;align-items:center;justify-content:center;gap:8px;border:1px solid #4c555d;border-radius:8px;padding:9px 7px;font-size:11px;overflow:hidden;transition:background .18s,border-color .18s,color .18s}
.proof-steps button>span{width:auto;height:auto;display:inline;border:0;background:none;font-family:inherit;font-size:9px;font-weight:500;color:#8f9ba4;box-shadow:none!important}
.proof-steps button[aria-selected=true]{background:#fff;border-color:#fff;color:#252b31}
.proof-steps button[aria-selected=true]>span{background:none;border:0;color:var(--red)}
.proof-steps button:not([aria-selected=true]):hover{background:#303940;border-color:#8c969d}
.proof-steps button::after{left:0;bottom:0;height:2px;max-width:none;background:var(--red)}
.proof-steps button[aria-selected=true]::after{width:var(--cycle-progress)}
.proof-stage{padding:19px 22px 15px}
.proof-project{font-family:inherit;font-size:9px;letter-spacing:.7px;line-height:1.4;margin-bottom:18px;color:#74818c}
.proof-card-stack{margin:0 0 0 7px}
.proof-card{padding:21px 23px 17px;transition:transform .25s,border-color .25s}
.proof-card-top{align-items:center;flex-wrap:nowrap}
.proof-card-top>span:first-child{font-family:inherit;font-size:8px;letter-spacing:.9px;max-width:none;font-weight:650}
.proof-card h2{font-family:inherit;font-size:30px;font-weight:650;line-height:1.1;letter-spacing:-1.05px;min-height:66px;margin-block:18px}
.proof-numbers{padding-block:14px}
.proof-numbers>div{padding-left:18px}
.proof-numbers>div>span{font-family:inherit;font-weight:550;font-size:9px;letter-spacing:.5px;text-transform:capitalize}
.proof-numbers strong{font-size:27px;font-weight:650;margin-top:7px;letter-spacing:-1px;line-height:1.15;font-variant-numeric:tabular-nums}
.proof-numbers small{display:inline;font-size:13px;margin-left:4px;font-weight:550;letter-spacing:0}
.proof-progress-label{margin-top:17px;font-size:10px}
.proof-progress-label strong{font-family:inherit;font-weight:650;font-variant-numeric:tabular-nums}
.proof-progress>span{transition:width .26s,background .2s}
.proof-explanation{font-size:11px;line-height:1.65;min-height:38px;margin-top:10px}
.proof-evidence{margin-top:13px;grid-template-columns:1.4fr 1fr 1fr}
.proof-signoff{margin-top:13px;padding-top:12px}
.proof-signoff div>span{font-family:inherit;font-size:8px;letter-spacing:.5px}
.proof-signoff strong{font-size:11px;font-weight:600}
.proof-notice{margin-top:12px;min-height:25px;font-size:9px;line-height:1.5}
.proof-stage>.card-explore{margin-top:5px;border:1px solid #e2e7eb;background:#fff;font-size:10px;padding:8px 12px}
.proof-disclaimer{margin-top:8px;font-size:8px}
.proof-stamp{right:20px;bottom:123px;font-size:8px;letter-spacing:1px;padding:4px 7px;transition:opacity .18s,transform .24s}
.proof-back-card{transition:transform .28s cubic-bezier(.22,1,.36,1)}
@media(min-width:1001px) and (max-width:1150px){.hero-opening{gap:35px;grid-template-columns:.95fr 1.05fr}.hero-opening h1{font-size:44px;letter-spacing:-2px}.proof-stage{padding-inline:16px}.proof-card{padding-inline:18px}}
@media(max-width:1000px){.hero-opening{grid-template-columns:1fr;max-width:680px;gap:35px}.hero-opening h1{font-size:56px;max-width:600px}.proof-chain{max-width:590px}.hero-opening .hero-copy{max-width:600px}.hero-opening .hero-description{max-width:520px}}
@media(max-width:700px){
 .hero-opening{gap:30px}.hero-opening h1{font-size:clamp(35px,8.8vw,51px);letter-spacing:-1.6px;margin-block:19px;line-height:1.1}.hero-opening .platform-label{font-size:9px;letter-spacing:1.1px}.hero-opening .hero-description{font-size:14px}
 .proof-chain{border-radius:17px}.proof-rail{padding:15px}.proof-brand{font-size:19px}.proof-brand small{font-size:8px;margin-left:10px;padding-left:10px}.proof-pause{padding:5px 7px}.proof-pause span{font-size:8px}
 .proof-steps{margin-top:14px;gap:6px}.proof-steps button{font-size:10px;padding:9px 4px;gap:5px}.proof-steps button>span{font-size:8px}
 .proof-stage{padding:16px 12px 12px}.proof-project{font-size:8px;letter-spacing:.4px;margin-bottom:14px}.proof-card-stack{margin-left:5px}.proof-card{padding:18px 16px 14px}.proof-card h2{font-size:27px;min-height:60px;margin-block:16px}.proof-card-top>span:first-child{font-size:7px;letter-spacing:.6px;max-width:160px}.proof-card-top>span:last-child{font-size:8px}
 .proof-numbers>div{padding-left:10px}.proof-numbers>div>span{font-size:8px}.proof-numbers strong{font-size:24px}.proof-numbers small{font-size:12px;margin-left:3px}.proof-explanation{font-size:10px;min-height:50px}.proof-evidence{gap:5px}.proof-evidence .evidence-tile>span{font-size:7px}.proof-signoff strong{font-size:10px}.proof-signoff div>span{font-size:7px}
 .proof-stamp{right:12px;bottom:113px;font-size:7px}.proof-notice{font-size:8px}.proof-disclaimer{font-size:7px}
}
@media(max-width:360px){.proof-brand small{font-size:7px;margin-left:8px;padding-left:8px}.proof-card h2{font-size:24px;min-height:54px}.proof-card{padding-inline:13px}.proof-numbers strong{font-size:21px}.proof-numbers small{font-size:10px}.proof-pause{font-size:8px}.proof-card-top>span:first-child{max-width:125px}}
/* Keep the opening preview compact enough to read as a single card. */
.proof-rail{padding:13px 20px 14px}
.proof-steps{margin-top:12px}
.proof-steps button{padding-block:7px}
.proof-stage{padding:15px 20px 12px}
.proof-project{margin-bottom:12px}
.proof-card{padding:17px 20px 13px}
.proof-card h2{font-size:29px;min-height:64px;margin-block:13px}
.proof-numbers{padding-block:11px}
.proof-progress-label{margin-top:13px}
.proof-explanation{margin-top:8px;min-height:36px}
.proof-evidence{margin-top:10px}
.proof-evidence .evidence-tile{min-height:60px;padding:8px}
.proof-signoff{margin-top:10px;padding-top:9px}
.proof-notice{margin-top:9px;min-height:20px}
.proof-stage>.card-explore{padding-block:6px;margin-top:4px}
.proof-disclaimer{margin-top:5px}
.proof-stamp{bottom:109px}
@media(max-width:700px){
 .proof-rail{padding:13px 15px}.proof-stage{padding:14px 12px 11px}.proof-card{padding:16px 15px 13px}.proof-card h2{font-size:26px;min-height:58px}.proof-explanation{min-height:50px}.proof-stamp{bottom:107px}
}