@font-face{font-family:"Space Grotesk";src:url("assets/space-grotesk-regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Space Grotesk";src:url("assets/space-grotesk-semibold.ttf") format("truetype");font-style:normal;font-weight:500 700;font-display:swap}
:root{--body:"Space Grotesk","PingFang SC","Microsoft YaHei",sans-serif;--display:"Space Grotesk","PingFang SC","Microsoft YaHei",sans-serif;--accent:#2356d8;--ink:#1d2835;--muted:#687486;--line:#d2ddeb}
html{overflow-x:clip}.page-stage{position:relative;isolation:isolate;height:100svh;min-height:0;display:grid;grid-template-rows:64px minmax(0,1fr) 46px;background:var(--bg);overflow:hidden}.particle-field{position:absolute;inset:0;width:100%;height:100svh;z-index:0;pointer-events:none}.page-stage[data-route=admin] .particle-field{display:none!important}.is-transitioning{overflow:hidden!important}.is-transitioning .page-stage{will-change:transform}.page-stage[data-transitioning=true]{box-shadow:0 -2px 0 var(--accent)}#transition-viewport{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:5}#transition-viewport:empty{display:none}.page-snapshot{transform-origin:top left;will-change:transform;pointer-events:none}
.header{height:100%;min-height:0}.header-inner{gap:24px}.brand{font-family:var(--display);font-size:20px;font-weight:600}.brand-product{font-size:13px;font-weight:400;margin-left:10px}.brand-mark svg{width:26px;height:26px}.main-nav{gap:0}.main-nav a{font-size:12px}.main-nav a.active:after{bottom:-22px}.footer{height:100%;min-height:0;padding:0;gap:18px;flex-direction:row;flex-wrap:nowrap}.footer-preview{font:10px var(--body);white-space:nowrap}.footer .footer-links{gap:18px;font-size:10px;margin-left:auto;white-space:nowrap}
.page-stage>main{min-height:0;height:auto;width:min(1184px,calc(100% - 96px));margin:0 auto;padding:22px 0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c4d2e9 transparent}.page-stage>main:focus{outline:none}.eyebrow{font-size:10px}h1,h2,h3{font-weight:500}input,button,select,textarea{font-family:var(--body)}.primary-button,.secondary-button,.danger-button{font-weight:400}.primary-button{min-height:44px;padding:10px 22px}.primary-button:hover{background:#1248c8}.back-button{font-weight:400}.field>label,.field-label{font-size:13px;font-weight:400}.field-help{font-size:11px}.code-line code{font-size:18px}.page-heading h1{font-size:30px;font-weight:400}.page-heading .eyebrow{color:var(--accent)}.stat-number{font:400 34px var(--display)}.table-top h2{font-weight:500}.tab{font-weight:400}.admin-login h2{font-weight:400}.admin-login{margin:0 auto;width:440px;padding:8px 0 24px}.page-stage[data-route=admin] .page-heading{margin-bottom:24px}.page-stage[data-route=admin] .breadcrumb{margin-bottom:20px}.stats-row{padding-block:18px;margin-bottom:18px}.admin-tabs{margin-bottom:16px}.admin-settings .settings-row{margin-bottom:18px}
.page-stage[data-route=claim]>main{display:flex;flex-direction:column;padding:0 0 12px}.claim-layout{flex:1 0 auto;min-height:0;padding:24px 0;align-items:center}.claim-main{width:100%;max-width:none}.step-0{justify-content:center;padding-top:min(11svh,100px);padding-bottom:32px}.intro-main{width:980px;max-width:100%;text-align:center}.intro-main .eyebrow{margin-bottom:22px;color:var(--ink)}.hero-title{display:inline-block;max-width:100%;font-family:var(--display);font-size:84px;font-weight:600;line-height:1.14}.hero-title span{display:inline;font-family:var(--display);font-style:normal;font-weight:400;font-size:inherit;color:var(--accent);white-space:nowrap}.hero-description{font-size:20px;font-weight:400;margin-top:24px}.hero-detail{font-size:13px;line-height:1.8;margin:10px auto 0}.intro-start{margin-top:25px;min-width:176px}.intro-main .eyebrow,.intro-main .hero-description,.intro-main .hero-detail{width:fit-content;max-width:100%;margin-left:auto;margin-right:auto}.steps{flex-shrink:0;padding-top:14px;gap:24px}.step{font-size:11px;gap:10px}.step-dot{width:22px;height:22px;font-size:9px}.step.active .step-dot{background:none;color:var(--accent);border:1px solid #9db6ea}.step.active{font-weight:500}
.step-1{justify-content:center;padding-block:26px}.verification-content{width:420px;max-width:100%;text-align:center}.verification-content h1{font-size:36px;font-weight:400}.verification-content .back-button{margin-bottom:26px}.verification-content .eyebrow{font-size:10px;margin-bottom:12px!important;color:var(--accent)}.verification-content .verification-intro{margin:14px 0 27px}.verification-content form{text-align:left}.verification-content .form-bottom{font-size:10px;margin-top:18px}.verification-content .submit-button{margin-top:6px}
.step-2{padding-block:20px}.profile-content{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:96px;align-items:start}.profile-heading{margin-top:18px}.profile-heading .back-button{display:flex;margin-bottom:40px}.profile-heading .eyebrow{color:var(--accent);margin-bottom:16px!important}.profile-heading h1{font-size:46px;font-weight:400;line-height:1.4}.profile-heading h1 span{color:var(--accent)}.profile-heading .eyebrow,.profile-heading h1,.result-heading h1,.guide-main>h1,.guide-main>.eyebrow{width:fit-content;max-width:100%}#details-form{min-width:0;max-width:550px;padding-top:0}.section-title{margin-bottom:18px}.section-title h2{font-size:19px;font-weight:400}#details-form .field{margin-bottom:13px}#details-form .field>label,#details-form .field-label{margin-bottom:6px}#details-form .agreement{margin:15px 0;font-size:11px;line-height:1.7}.profile-content input:not([type=checkbox]):not([type=radio]),.profile-content select{height:44px}.profile-content .input-wrap>svg{top:13px}.profile-content .choice{min-height:44px;padding:10px 12px}.organization-fields{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}.organization-fields:has(#other-organization-field:not([hidden])){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.organization-fields:has(#other-organization-field:not([hidden])) .input-wrap>svg{display:none}.organization-fields:has(#other-organization-field:not([hidden])) .input-wrap input{padding-left:12px}
.step-3{padding-block:26px}.result-heading{display:block;margin-bottom:26px}.result-heading .eyebrow{margin-bottom:12px!important;color:var(--accent)}.result-heading h1{font-size:38px;line-height:1.3;font-weight:400}.result-heading .success-head{margin:0}.result-heading .success-head p{font-size:13px;line-height:1.6;margin-top:10px}.code-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px}.code-pair .code-card{padding:16px 0;border-top:1px solid #adc0dd;border-bottom:1px solid var(--line)}.code-pair .code-line{margin-top:10px}.code-pair .code-line code{font-size:20px}.code-card-header{font-size:13px}.receipt-footer{display:flex;justify-content:space-between;gap:24px;margin-top:16px;align-items:center}.receipt-footer .success-actions{margin:0}.receipt-footer>div:last-child{text-align:right}.receipt-footer .expiry-note{margin:0;font-size:10px}.receipt-footer .demo-note{margin-top:5px;display:block;font-size:10px}.connection-section{margin-top:24px;padding-top:16px}.connection-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px}.connection-link{font-size:14px;padding:13px 0;min-height:44px}.connection-link>span>svg:first-child{width:17px}.section-kicker{font-size:10px;margin-bottom:6px}.result-content>.success-head,.result-content>.pending-timeline,.result-content>.review-note{max-width:560px}.result-content>.primary-button{width:auto}
.page-stage[data-route=guide]>main{display:flex;align-items:center;padding-block:20px}.guide-main{width:630px;max-width:100%;margin:auto;padding:0;min-height:0}.guide-main>h1{font-size:34px;font-weight:400}.guide-main>.eyebrow{color:var(--accent);margin-bottom:12px}.guide-main .back-button{margin-bottom:20px}.guide-main>.verification-intro{margin:12px 0 20px}.guide-description{font-size:14px;line-height:1.85;min-height:0}.guide-progress{margin:18px 0}.guide-progress button{padding:10px 0}.guide-code{margin-top:18px;padding:12px 0}.guide-confirm{margin:20px 0}.guide-actions{margin-top:16px}
@media(min-width:1200px){.brand{font-size:22px}.brand-product{font-size:14px}.main-nav a{font-size:14px}.footer-preview,.footer .footer-links{font-size:12px}.eyebrow{font-size:12px}.field>label,.field-label{font-size:15px}.field-help{font-size:13px}.page-heading h1{font-size:36px}.heading-subtitle{font-size:16px}.stat-number{font-size:40px}.hero-title{font-size:100px}.hero-description{font-size:23px}.hero-detail{font-size:15px}.step{font-size:13px}.step-dot{width:24px;height:24px;font-size:10px}.verification-content h1{font-size:42px}.verification-content .form-bottom{font-size:12px}.profile-heading h1{font-size:54px}.section-title h2{font-size:22px}#details-form .agreement{font-size:13px}.result-heading h1{font-size:46px}.result-heading .success-head p{font-size:15px}.code-pair .code-line code{font-size:22px}.code-card-header{font-size:15px}.receipt-footer .expiry-note,.receipt-footer .demo-note{font-size:12px}.connection-link{font-size:16px}.section-kicker{font-size:12px}.guide-main>h1{font-size:40px}.guide-description{font-size:17px}}
@media(min-width:1600px){.hero-title{font-size:108px}.intro-main{width:1120px}}
@media(max-width:1100px){.page-stage>main{width:calc(100% - 72px)}.hero-title{font-size:66px}.profile-content{gap:48px;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.profile-heading h1{font-size:38px}.profile-heading .back-button{margin-bottom:30px}.code-pair,.connection-links{gap:32px}.code-pair .code-line code{font-size:18px}}
@media(min-width:761px) and (max-width:1100px){.hero-title{font-size:72px}.page-heading h1{font-size:32px}.verification-content h1{font-size:38px}.profile-heading h1{font-size:42px}.code-pair .code-line code{font-size:19px}.guide-main>h1{font-size:36px}}
@media(max-width:760px){.page-stage{grid-template-rows:56px minmax(0,1fr) 44px}.header{margin-inline:22px}.header-inner{gap:16px}.brand{font-size:18px;gap:7px}.brand-mark svg{width:24px;height:24px}.brand-product{display:inline;font-size:12px;margin-left:7px}.main-nav a{font-size:11px}.main-nav a.active:after{bottom:-19px}.footer{margin-inline:22px;gap:10px}.footer-preview{font-size:9px}.footer .footer-links{font-size:9px;gap:12px}.page-stage>main{width:calc(100% - 44px);padding:18px 0}.page-stage[data-route=claim]>main{padding-bottom:10px}.claim-layout{display:flex;padding:16px 0;min-height:0}.step-0{padding-top:min(12svh,88px);padding-bottom:24px}.intro-main{width:100%;max-width:100%;text-align:center}.claim-main .hero-title{font-size:54px;line-height:1.09}.hero-title span{display:block;font-size:inherit;line-height:1.09;margin-top:5px}.intro-main .eyebrow{font-size:9px;margin-bottom:20px}.hero-description{font-size:17px;margin-top:22px}.hero-detail{font-size:12px;max-width:310px;margin-top:10px}.intro-start{margin-top:22px;min-height:44px}.steps{gap:8px;padding-top:12px}.step{flex-direction:row;align-items:center;font-size:9px;gap:5px}.step-dot{width:18px;height:18px;font-size:8px;flex-shrink:0}.step-1{padding-block:24px}.verification-content{width:400px;max-width:100%}.verification-content h1{font-size:29px}.verification-content .back-button{margin-bottom:24px}.verification-content .verification-intro{font-size:12px;margin:12px 0 24px}.step-2{padding-block:12px}.profile-content{display:block}.profile-heading{margin:0 0 18px}.profile-heading .back-button{margin-bottom:12px;font-size:10px;line-height:16px}.profile-heading .eyebrow{display:none}.profile-heading h1{font-size:25px;line-height:1.35}.profile-heading h1 br{display:none}.profile-heading h1 span{display:inline}#details-form{max-width:none;padding-top:0}#details-form .section-title{display:none}#details-form .field{margin-bottom:11px}#details-form .field>label,#details-form .field-label{font-size:12px;margin-bottom:5px;line-height:18px}.profile-content input:not([type=checkbox]):not([type=radio]),.profile-content select{height:42px;font-size:13px;padding-block:10px}.profile-content .input-wrap>svg{top:12px;width:16px;height:16px}.profile-content .choice{min-height:42px;padding:10px;font-size:12px}.profile-content .choice svg{display:block;width:15px}.profile-content .choice-grid{gap:10px}#details-form .agreement{font-size:10px;line-height:1.7;margin:13px 0}.organization-fields{gap:10px}.profile-content .submit-button{min-height:44px}.step-3{padding-block:14px}.result-heading{margin-bottom:18px}.result-heading h1{font-size:29px;line-height:1.3}.result-heading .eyebrow{font-size:9px;margin-bottom:10px!important}.result-heading .success-head p{font-size:12px;margin-top:8px}.code-pair{grid-template-columns:1fr;gap:0}.code-pair .code-card{padding:14px 0 12px;border-bottom:0}.code-pair .code-card:last-child{border-bottom:1px solid var(--line)}.code-card-header{font-size:12px}.code-pair .code-line{margin-top:5px}.code-pair .code-line code{font-size:16px}.receipt-footer{display:block;margin-top:12px}.receipt-footer>div:last-child{text-align:left;margin-top:10px}.receipt-footer .success-actions{gap:10px}.receipt-footer .secondary-button{font-size:11px;min-height:36px;padding:8px 12px}.receipt-footer .expiry-note,.receipt-footer .demo-note{font-size:9px;line-height:1.6}.connection-section{margin-top:18px;padding-top:12px}.connection-links{grid-template-columns:1fr;gap:0}.connection-link{font-size:13px;min-height:40px;padding:10px 0}.connection-link>span{gap:8px}.page-stage[data-route=guide]>main{padding:20px 0}.guide-main{width:100%;max-width:100%;padding:0}.guide-main>h1{font-size:28px}.guide-main>.eyebrow{font-size:9px;margin-bottom:10px}.guide-main>.verification-intro{font-size:12px;margin:10px 0 16px}.guide-main .back-button{margin-bottom:18px;font-size:10px}.guide-progress{gap:8px;margin:14px 0}.guide-progress button{font-size:10px;padding:8px 0}.guide-description{font-size:13px;line-height:1.8}.guide-code{margin-top:14px;padding:10px 0}.guide-code .code-line{margin-top:5px}.guide-confirm{font-size:11px;margin:17px 0}.guide-actions{margin-top:12px}.guide-actions .primary-button,.guide-actions .secondary-button{min-height:42px;font-size:12px}.page-heading h1{font-size:26px}.admin-login{margin-top:0;width:100%;padding:12px 0}.stat-number{font-size:29px}.stats-row{gap:16px;padding-block:16px}.admin-heading-actions .secondary-button{font-size:11px;min-height:36px}.admin-tabs{gap:0}.page-stage[data-route=admin] .page-heading{margin-bottom:20px}}
@media(max-width:390px){.header,.footer{margin-inline:18px}.page-stage>main{width:calc(100% - 36px)}.header-inner{gap:12px}.brand-product{display:inline}.claim-main .hero-title{font-size:48px}.profile-heading h1{font-size:23px}.profile-content .choice svg{display:none}.steps{gap:6px}.step{font-size:9px;gap:4px}.step-dot{width:17px;height:17px}.code-pair .code-line code{font-size:14px}.footer-preview{font-size:8px}.footer .footer-links{font-size:9px;gap:10px}.result-heading h1{font-size:27px}}
@media(max-height:780px) and (min-width:761px){.claim-layout{padding-block:12px}.step-0{padding-top:48px;padding-bottom:24px}.hero-title{font-size:72px}.hero-description{margin-top:18px}.profile-heading h1{font-size:42px}.profile-heading .back-button{margin-bottom:26px}#details-form .field{margin-bottom:11px}#details-form .section-title{margin-bottom:14px}#details-form .agreement{margin:12px 0}.result-heading{margin-bottom:20px}.guide-main .back-button{margin-bottom:16px}.guide-main>.verification-intro{margin-bottom:16px}.guide-progress{margin-block:14px}.guide-confirm{margin-block:16px}}
@media(max-height:680px) and (max-width:760px){.claim-layout{padding-block:8px}.step-0{padding-top:36px;padding-bottom:14px}.hero-description{margin-top:18px}.intro-main .eyebrow{margin-bottom:15px}.profile-heading{margin-bottom:14px}.profile-heading .back-button{margin-bottom:10px}.profile-heading h1{font-size:22px}#details-form .agreement{margin-block:11px}.result-heading{margin-bottom:14px}.result-heading h1{font-size:26px}.code-pair .code-card{padding-block:11px}.receipt-footer{margin-top:10px}.connection-section{margin-top:14px;padding-top:10px}.guide-main>h1{font-size:26px}.guide-description{font-size:12px;line-height:1.8}.guide-main .back-button{margin-bottom:14px}.guide-main>.verification-intro{margin-bottom:12px}.guide-progress{margin-block:12px}.guide-confirm{margin-block:14px}}
@media(prefers-reduced-motion:reduce){.page-stage{will-change:auto!important}}

/* Desktop brand and progress navigation need a stronger reading hierarchy. */
.brand,[data-brand],.brand-product,.hero-title{font-family:"Avenir Next","Helvetica Neue",var(--body)}
.hero-title{font-weight:650}
.hero-title span{font-weight:450}
@media(min-width:1200px){.step{font-size:17px;gap:12px}.step-dot{width:30px;height:30px;font-size:12px}.step-dot svg{width:16px;height:16px}}
@media(min-width:761px) and (max-width:1199px){.step{font-size:15px;gap:11px}.step-dot{width:28px;height:28px;font-size:11px}.step-dot svg{width:15px;height:15px}}

@media(min-width:761px){
  .step-1{justify-content:flex-start}
  .step-1 .verification-content{width:100%;max-width:none}
  .verification-layout,.pending-layout{width:100%;text-align:left}
  .verification-copy,.pending-copy{width:min(450px,43%);min-width:0}
  .verification-copy .form-bottom{justify-content:flex-start}
  .pending-copy h1{font-size:42px;font-weight:400;line-height:1.3}
}
@media(min-width:1200px){
  .verification-copy h1,.pending-copy h1{font-size:46px}
  .verification-copy .verification-intro,.pending-copy .success-head p{font-size:16px}
  .pending-copy .pending-timeline li{font-size:14px}
  .pending-copy .review-note{font-size:14px}
}
@media(max-width:760px){
  .verification-layout,.pending-layout{display:block;width:100%;text-align:initial}
  .verification-copy,.pending-copy{max-width:none}
}
/* Mobile copy sits above a full-viewport background, without a separate art slot. */
html{scrollbar-gutter:auto}
@media(max-width:760px){
  .step-1,.step-3:has(.pending-layout){align-items:flex-start;padding-block:clamp(20px,5svh,42px)}
  .verification-layout,.pending-layout{padding-top:0}
  .verification-copy input{font-size:16px!important}
}
@media(max-height:700px) and (max-width:760px){
  .pending-copy .success-head{margin-bottom:16px}
  .pending-copy .pending-timeline{margin-block:16px}
  .pending-copy .pending-timeline li{padding-block:6px}
}