:root{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1b244b;background:#f5f6f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,a,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:#3266ef;text-decoration:none}button{color:inherit}header{height:88px;max-width:1152px;margin:auto;display:flex;align-items:center;gap:24px;padding:0 40px;border-bottom:1px solid #e2e5eb}.brand{display:flex;align-items:center;gap:9px;color:#1b244b;font-size:32px;line-height:1}.brand span{font-size:12px;letter-spacing:1.2px;line-height:1.1}.brand b{font-size:10px;letter-spacing:.3px}.demo{margin-left:auto;background:#e8ecf4;border-radius:20px;padding:6px 11px;font-size:12px;color:#56617c}.icon{border:0;background:transparent;color:#3266ef;font-size:26px}main{max-width:1072px;margin:32px auto 100px}.eyebrow{font-size:12px;letter-spacing:1.7px;text-transform:uppercase;color:#7d87a0}.layout{display:grid;grid-template-columns:1fr 1fr;gap:64px}.visual{position:sticky;top:28px;align-self:start}.stage{min-height:510px;border:1px solid #e0e4eb;border-radius:16px;background:#edeff2;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:32px}.card-image{width:267px;max-width:100%;border-radius:12px;filter:drop-shadow(0 20px 18px #1b244b22)}.photo-note{font-size:12px;color:#778097;line-height:1.6;margin:12px 4px}.sale-badge{position:absolute;top:18px;left:18px;background:#1b244b;color:white;padding:8px 14px;border-radius:20px;font-size:13px}.photo-tabs{display:flex;gap:12px;margin-top:16px}.thumb{width:64px;height:78px;border:1px solid #3266ef;background:white;border-radius:8px;object-fit:contain;padding:5px}.photolabel{font-size:13px;color:#737d91;align-self:center}h1{font-size:36px;letter-spacing:-1px;font-weight:600;margin:10px 0}p{line-height:1.6}.sub{color:#6d7790;font-size:14px}.idbox{margin:25px 0;padding:17px 0;border-top:1px solid #e1e5ec;border-bottom:1px solid #e1e5ec;display:flex;justify-content:space-between;align-items:center}.idbox code{font-size:14px;display:block;margin-top:5px}.valid{color:#4a7763;font-size:13px}.notice{background:#eaf0ff;border-radius:10px;padding:15px 18px;font-size:14px;line-height:1.5;margin:24px 0}.notice strong{display:block;font-weight:500}details{border-bottom:1px solid #e2e5eb;padding:20px 0}summary{cursor:pointer;font-size:17px;font-weight:500;list-style:none;display:flex;justify-content:space-between}dl{margin:18px 0 0}.pair{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #edf0f4;padding:12px 0;font-size:14px}dt{color:#768097}dd{margin:0;text-align:right;max-width:67%}.sectionhead{display:flex;justify-content:space-between;align-items:center;margin:30px 0 8px}.sectionhead h2{font-size:19px;font-weight:500;margin:0}.timeline{padding-left:20px;border-left:1px solid #d9deea;margin-left:5px}.event{position:relative;display:block;width:100%;border:0;border-bottom:1px solid #e3e7ee;background:none;text-align:left;padding:22px 4px}.event:before{content:'';position:absolute;left:-26px;top:31px;width:9px;height:9px;border-radius:50%;background:#f5f6f8;border:1.5px solid #71819f}.event small{display:block;color:#7c87a0;font-size:12px;letter-spacing:.6px;margin-bottom:9px}.event b{font-size:15px;font-weight:500}.event span{display:block;font-size:13px;color:#7c87a0;margin-top:7px}.primary{background:#3266ef;border:0;color:white;border-radius:9px;padding:15px 20px;font-weight:500;width:100%;margin-top:16px}.secondary{background:#f0f3f8;border:1px solid #dfe5f0;border-radius:9px;padding:13px 18px;width:100%;margin-top:12px}.servicesbtn{position:fixed;bottom:26px;right:max(24px,calc((100vw - 1072px)/2));width:auto;border-radius:40px;box-shadow:0 5px 18px #3266ef35;padding:17px 26px}.footer{color:#9aA2b3;font-size:12px;margin-top:25px}.footer strong{color:#768099}dialog{width:480px;max-width:calc(100% - 32px);border:0;border-radius:20px;padding:32px;color:#1b244b;max-height:90dvh;overflow:auto;box-shadow:0 20px 100px #11182b30}dialog::backdrop{background:#151a3355;backdrop-filter:blur(3px)}.close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:28px;color:#7c869b}dialog h2{font-size:25px;font-weight:600;letter-spacing:-.5px;margin:12px 25px 12px 0}dialog p{font-size:14px;color:#748096}dialog .service{display:flex;align-items:center;gap:15px;width:100%;border:0;border-bottom:1px solid #e7eaf0;background:white;text-align:left;padding:18px 0}.service .symbol{display:grid;place-items:center;background:#f0f3fa;border-radius:10px;width:45px;height:45px;font-size:23px;flex-shrink:0}.service b{display:block;font-size:16px;font-weight:500}.service small{display:block;color:#818ba0;font-size:13px;margin-top:5px}.price{font-size:42px;letter-spacing:-2px;margin:22px 0}.price small{font-size:14px;letter-spacing:0;color:#7c869b}.field{display:block;font-size:14px;margin:17px 0 7px}input,select{width:100%;border:1px solid #d9dfeb;border-radius:8px;padding:13px;background:white;color:#1b244b}.toggleline{display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-block:1px solid #e2e6ee}.toggleline input{width:45px;height:24px;accent-color:#3266ef}.check{font-size:44px;color:#40765f}.scan{height:350px;background:#151b2b;border-radius:12px;position:relative;overflow:hidden;display:grid;place-items:center}.scan video{position:absolute;width:100%;height:100%;object-fit:cover}.outline{width:170px;height:238px;border:3px solid #a8afbc;border-radius:12px;z-index:1;transition:.4s}.outline.green{border-color:#4ce792;box-shadow:0 0 0 500px #06190c55}#toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#1b244b;color:white;border-radius:8px;padding:12px 20px;font-size:14px;display:none;z-index:10}.zoom{width:100%;border-radius:12px}.success{background:#eff7f1;border-radius:12px;padding:20px}.resultbad{background:#fff1ef}.muted{font-size:12px!important;color:#8b93a4!important}@media(max-width:760px){:root{background:white}header{height:66px;padding:0 22px}main{margin:18px auto 100px;max-width:430px;padding:0 24px}.layout{display:block}.visual{position:static}.stage{min-height:360px;margin:0 -24px;border:0;border-radius:0;padding:26px}.card-image{width:208px}.photo-note{font-size:12px}.photo-tabs{margin-bottom:25px}.thumb{width:53px;height:66px}h1{font-size:28px}.eyebrow{font-size:12px}.idbox{margin:20px 0}.event:before{background:white}.servicesbtn{right:24px;bottom:22px}dialog{border-radius:20px;padding:27px;max-height:88dvh}.footer{margin-top:30px}}

.material-symbols-outlined{flex-shrink:0;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle}.brand .material-symbols-outlined{font-size:32px;line-height:1;letter-spacing:normal}.icon,.close{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.icon .material-symbols-outlined{font-size:26px}.servicesbtn{display:flex;align-items:center;gap:8px}summary .material-symbols-outlined{color:#3266ef}summary .collapse-icon{display:none}details[open] summary .expand-icon{display:none}details[open] summary .collapse-icon{display:inline-block}.event>.material-symbols-outlined{position:absolute;right:5px;top:50%;margin:0;font-size:24px;color:#3266ef;transform:translateY(-50%)}.service>.material-symbols-outlined{margin-left:auto;color:#3266ef;font-size:24px}.check .material-symbols-outlined{font-size:44px}

.gallery-image{display:block;position:relative;overflow:hidden;flex-shrink:0;width:267px;aspect-ratio:600/825;border-radius:12px;filter:drop-shadow(0 20px 18px #1b244b22)}.gallery-image img{display:block;width:100%;height:100%;object-fit:contain}.detail-view{width:100%;max-width:420px;aspect-ratio:520/305;border-radius:9px;filter:none}.detail-view img{position:absolute;width:115.385%;height:auto;max-width:none;left:-7.7%;top:-26.5%}.back-view img{position:absolute;width:156.52%;height:auto;max-width:none;left:-27.17%;top:-5.625%}.back-view{aspect-ratio:460/640}.photo-tabs{gap:12px;align-items:flex-start;margin-bottom:12px}.photo-choice{padding:0;border:0;background:none;display:flex;flex-direction:column;gap:7px;align-items:center;color:#778097;font-size:12px}.photo-choice .thumb{display:grid;place-items:center;width:64px;height:78px;border:1px solid #dce2ed;padding:5px;overflow:hidden}.photo-choice[aria-pressed="true"]{color:#3266ef}.photo-choice[aria-pressed="true"] .thumb{border:2px solid #3266ef;padding:4px}.thumb .gallery-image{width:100%;border-radius:3px;filter:none}.thumb .detail-view{width:100%;height:100%;aspect-ratio:auto}.thumb .detail-view img{height:100%;width:auto;left:50%;top:0;transform:translateX(-50%) scale(2.1);transform-origin:50% 28%}.gallery-enlarged{display:flex;justify-content:center;align-items:center;background:#edeff2;border-radius:12px;min-height:300px;padding:20px}.gallery-enlarged .front-view,.gallery-enlarged .back-view{width:100%;max-width:330px}.gallery-enlarged .detail-view{width:100%}@media(max-width:760px){.stage>.gallery-image{width:208px}.stage>.detail-view{width:100%;max-width:350px}.photo-choice .thumb{width:64px;height:78px}.photo-tabs{margin-bottom:12px}}
.thumb .detail-view{height:auto;aspect-ratio:520/305}.thumb .detail-view img{width:115.385%;height:auto;left:-7.7%;top:-26.5%;transform:none}

.certificate-id-label{font-size:13px;color:#7d87a0;line-height:1.5}.idbox{gap:16px;flex-wrap:wrap}@media(max-width:760px){.visual{margin-bottom:26px}}
/* Completed events share a blue rail; the future begins above the newest point. */
.timeline{position:relative;border-left:2px solid #3266ef}
.timeline::before{content:'';position:absolute;left:-2px;top:0;width:2px;height:36px;background:#d9deea;pointer-events:none}
.timeline .event::before{left:-26px;top:31px;width:10px;height:10px;background:#3266ef;border:0;z-index:1}

.brand-logo{display:block;width:174px;height:auto;max-width:100%}.brand{flex-shrink:0}@media(max-width:480px){header{gap:12px}.brand-logo{width:142px}}@media(max-width:360px){.brand-logo{width:120px}header{padding-inline:14px;gap:8px}}

/* Shared left margin for header branding and passport content. */
header{max-width:1072px;padding-inline:0;gap:16px}.brand-logo{width:148px;height:auto}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.card-heading>div{min-width:0}.card-info-toggle{flex-shrink:0}.card-info-toggle .material-symbols-outlined{font-size:26px}#card-information[hidden]{display:none}#card-information{padding:4px 0 16px}.idbox code{white-space:pre;font-size:16px;letter-spacing:1px}.photo-tabs{margin-bottom:0}.event{padding:22px 32px 22px 4px}.timeline{border-left:0}.timeline::before{left:-1px;height:36px}.timeline .event::before{left:-25px}.timeline .event::after{content:'';position:absolute;left:-21px;top:36px;bottom:-36px;width:2px;background:#3266ef;pointer-events:none}.timeline .event:last-child::after{display:none}
@media(max-width:760px){header{max-width:430px;padding-inline:24px;gap:12px}.brand-logo{width:142px}.visual{margin-bottom:28px}}@media(max-width:360px){header{padding-inline:24px;gap:8px}.brand-logo{width:112px}.demo{padding:5px 8px;font-size:11px}.icon{min-width:36px}.card-heading .sub{line-height:1.6}}

dialog.service-step{padding-top:64px}dialog.service-step>.close{left:16px;right:auto;color:#3266ef}

.event-detail-section{margin-top:24px}.event-detail-section h3{display:flex;align-items:center;gap:12px;font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#7c869b;margin:0 0 8px}.event-detail-section h3::after{content:"";height:1px;background:#e2e6ee;flex:1}.event-detail-section dl{margin:0}.event-detail-section .pair{align-items:baseline}.event-detail-section dt{flex-shrink:0}.event-detail-section dd{overflow-wrap:anywhere}.signer-link{color:#3266ef;text-decoration:none}

dialog.service-step>.close .material-symbols-outlined{transform:rotate(180deg)}

/* Compact collector overview and progressive disclosure. */
.demo{white-space:nowrap;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;padding:8px 12px}
.card-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:20px 0 18px;padding:18px 0;border-block:1px solid #e2e6ee}
.card-metrics>div{min-width:0}.card-metrics span{display:block;color:#7c869b;font-size:12px;line-height:1.5}.card-metrics strong{display:block;font-size:22px;font-weight:600;margin-top:5px;white-space:nowrap}.card-metrics small{display:block;color:#7c869b;font-size:12px;margin-top:3px}
.more-details{border:0;background:none;color:#3266ef;padding:16px 0 6px;font-weight:500;font-size:14px}
#card-information{overflow:hidden}.timeline{margin-top:28px}.report-button{display:block;text-align:center;text-decoration:none}
@media(max-width:480px){header{gap:8px}.brand-logo{width:124px}.demo{font-size:11px;padding:7px 9px}header .icon{min-width:32px;padding:0}.card-metrics{gap:8px}.card-metrics strong{font-size:20px}}
@media(max-width:360px){.brand-logo{width:104px}.demo{font-size:10px;padding:6px 7px}}

.event-summary .signer-link{display:inline-block;font:inherit;font-weight:700;color:#3266ef;background:none;border:0;padding:0;text-decoration:none;cursor:pointer;text-align:left}.event-summary p{margin:4px 0 0;color:var(--ink,#1b244b)}.event-summary p.event-secondary{margin-top:3px;color:#7c869b;font-size:.9rem;line-height:1.5}.event-references .pair{display:block}.event-references dt{font-size:.75rem;margin-bottom:4px}.event-references dd{text-align:left;margin:0}

.provider-website{font-weight:700;color:#3266ef;text-decoration:none}.provider-website[aria-disabled="true"]{cursor:default}.grading-report-image{display:block;width:100%;height:auto;margin-top:20px}
/* Quiet popup sections and title-aligned timeline markers. */
dialog .event-detail-section h3::after{display:none}dialog .pair,dialog .service,dialog .toggleline,dialog .card-metrics{border:0}
.timeline .event small{line-height:16px;margin-bottom:6px}.timeline .event b{display:block;line-height:20px}.timeline .event::before{top:49px}.timeline .event::after{top:54px;bottom:-54px}.timeline::before{top:18px;height:36px}

.stage{touch-action:pan-y pinch-zoom;user-select:none}.stage img{-webkit-user-drag:none}
.photo-choice .thumb{width:64px;height:64px;aspect-ratio:1}.thumb .front-view,.thumb .back-view{width:auto;height:100%;max-width:100%}
@media(max-width:760px){
header{max-width:none}main{margin-top:0;max-width:none}.visual{margin-inline:-24px}.visual .stage{margin:0;width:100%;min-height:0;aspect-ratio:1;padding:26px}.stage>.front-view,.stage>.back-view{width:70%;max-width:300px;max-height:100%}.stage>.detail-view{width:100%;max-width:420px}.photo-tabs{margin-inline:24px}.photo-choice .thumb{width:64px;height:64px}
.timeline .event b{font-size:17px;line-height:22px}.timeline .event::before{top:50px}.timeline .event::after{top:55px;bottom:-55px}.timeline::before{height:37px}
dialog.services-sheet{position:fixed;inset:auto 0 0;width:100%;max-width:none;margin:0;max-height:90dvh;border-radius:24px 24px 0 0;padding:24px 24px calc(24px + env(safe-area-inset-bottom));animation:sheet-in 160ms ease-out}
}
@keyframes sheet-in{from{transform:translateY(100%)}to{transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){dialog.services-sheet{animation:none}}