/* Access page geometry follows the public reference's generic information layout.
   All branding, copy, addresses and background artwork belong to this product. */
.route-page.access-page{padding:0;font-family:'DM Sans','Noto Sans SC',sans-serif}
.access-shell{width:100%;padding:36px 60px;display:flex;flex-direction:column;gap:24px}
.access-breadcrumb{height:24px;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:18px;line-height:24px}
.access-breadcrumb [aria-current=page]{color:var(--pink)}
.access-hero{height:560px;padding:34px 48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:36px;position:relative;border:1px solid var(--line);border-radius:24px;background:radial-gradient(ellipse at 50% 115%,#ee378c25,transparent 65%),linear-gradient(135deg,#18131c,#101014 60%)}
.access-eyebrow{padding:8px 16px;border:1px solid var(--pink);border-radius:12px;background:#ee378c0d;color:var(--pink-soft);font-size:14px;line-height:20px}
.access-brand{width:366px;height:114px;display:flex;align-items:center;justify-content:center;gap:24px}
.access-brand .brand-mark{width:74px;height:74px;border-radius:20px;gap:5px}
.access-brand .brand-mark i{width:6px}.access-brand .brand-mark i:nth-child(1){height:26px}.access-brand .brand-mark i:nth-child(2){height:44px}.access-brand .brand-mark i:nth-child(3){height:33px}
.access-brand>span:last-child{font-family:'Noto Serif SC',serif;font-size:64px;font-weight:700;letter-spacing:.12em;line-height:1.1}
.access-brand small{display:block;margin-top:12px;font:10px 'DM Sans',sans-serif;letter-spacing:.2em;color:var(--muted)}
.access-hero h1,.access-hero>p{margin:0;text-align:center}.access-hero h1{font-size:24px;font-weight:600;line-height:32px}.access-hero>p{color:var(--muted);font-size:18px;line-height:24px}
.access-actions{display:flex;align-items:center;gap:16px}
.access-button{min-width:144px;min-height:44px;padding:14px 28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:999px;color:var(--text);font-family:inherit;font-weight:600;font-size:16px;line-height:22px;cursor:pointer;background:var(--surface-2);text-align:center}
.access-button-primary{background:var(--pink)}.access-button-secondary{border-color:var(--line);background:var(--surface)}
.access-button:hover{border-color:var(--pink-soft);background:#ee378c36}.access-button-primary:hover{background:#fb4f9f}.access-button:disabled{cursor:wait;opacity:.65}
.access-panel{width:100%;padding:30px 34px;display:flex;flex-direction:column;gap:18px;border:1px solid var(--line);border-radius:20px;background:var(--surface-2)}
.access-routes{padding:34px}.access-section-heading{min-width:0;display:flex;align-items:center;gap:12px}.access-section-symbol{width:48px;height:48px;display:grid;place-items:center;flex:0 0 auto;color:var(--pink-soft);font-size:30px;font-weight:500}
.access-section-heading h2,.access-faq>h2{margin:0;font-size:24px;font-weight:600;line-height:32px}.access-section-heading>span:last-child:not(.access-section-symbol){color:var(--pink-soft);font-size:14px;line-height:20px}
.access-section-description{margin:0;color:var(--muted);font-size:16px;line-height:22px}
.access-route-grid,.access-help-grid,.access-step-grid,.access-device-grid{width:100%;display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.access-route-grid{gap:18px}.access-help-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.access-route-card,.access-help-card,.access-step-grid article,.access-device-grid article,.access-faq-list article{min-width:0;border:1px solid var(--line);border-radius:16px;background:#ffffff05}
.access-route-card{padding:24px;display:flex;flex-direction:column;gap:18px}.access-page h3{margin:0;font-size:18px;font-weight:600;line-height:24px}
.access-address{display:block;min-width:0;color:var(--text);font-family:'DM Sans',sans-serif;font-size:24px;line-height:32px;overflow-wrap:anywhere;user-select:all}
.access-route-card .access-actions{gap:12px}.access-route-card .access-button{min-width:0;flex:1;padding:10px 12px;font-size:14px;line-height:20px}
.access-save-list,.access-faq-list{display:flex;flex-direction:column;gap:10px}.access-save-row{position:relative;min-height:76px;padding:16px 22px;display:flex;align-items:center;flex-wrap:wrap;gap:20px;border:1px solid var(--line);border-radius:14px;background:#ffffff05}
.access-save-copy{min-width:0;display:grid;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:20px;flex:1}.access-save-copy>span{color:var(--muted);font-size:14px;line-height:20px}.access-save-copy .access-address{font-size:20px;line-height:28px}.access-save-row>.access-button{min-width:0;padding:10px 20px;font-size:14px;line-height:20px;flex:0 0 auto}
.access-help-card{padding:24px;display:flex;flex-direction:column;gap:14px}.access-help-card:hover{border-color:var(--pink);background:#ee378c08}.access-help-card>span{margin-top:auto;min-height:44px;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:14px;line-height:20px}
.access-help-card p,.access-step-grid p,.access-device-grid p,.access-faq-list p{margin:0;color:var(--muted);font-size:14px;line-height:20px}
.access-step-grid article,.access-device-grid article{padding:24px;display:flex;flex-direction:column;gap:16px}.access-step-grid h3{display:flex;align-items:center;gap:14px}.access-step-grid h3 b{color:var(--pink-soft)}.access-step-grid a,.access-device-grid a{margin-top:auto;color:var(--pink-soft);font-size:14px;line-height:22px}
.access-faq{gap:12px}.access-faq-list article{padding:18px 22px;display:flex;flex-direction:column;gap:10px;border-radius:14px}
.access-copy-status{margin:0;color:var(--pink-soft);font-size:14px;line-height:20px;overflow-wrap:anywhere;user-select:text}.access-copy-status.is-error{color:#f4bdcc}.access-save-row>.access-copy-status{flex-basis:100%}.access-hero>.access-copy-status{position:absolute;left:24px;right:24px;bottom:14px;text-align:center;font-size:12px;line-height:18px}
@media(min-width:1024px){
 .access-shell{padding:min(36px,1.875vw) 60px;gap:min(24px,1.25vw)}.access-breadcrumb{height:min(24px,1.25vw);font-size:clamp(12px,.9375vw,18px);line-height:clamp(18px,1.25vw,24px)}
 .access-hero{height:min(560px,29.166667vw);padding:min(34px,1.770833vw) min(48px,2.5vw);gap:min(36px,1.875vw);border-radius:min(24px,1.25vw)}
 .access-eyebrow{padding:min(8px,.416667vw) min(16px,.833333vw);font-size:clamp(11px,.729167vw,14px);line-height:clamp(16px,1.041667vw,20px)}
 .access-brand{width:min(366px,19.0625vw);height:min(114px,5.9375vw);gap:min(24px,1.25vw)}.access-brand>span:last-child{font-size:clamp(36px,3.333333vw,64px)}.access-brand .brand-mark{width:min(74px,3.854167vw);height:min(74px,3.854167vw);border-radius:12px}.access-brand small{font-size:8px;margin-top:8px}
 .access-hero h1,.access-section-heading h2,.access-faq>h2{font-size:clamp(16px,1.25vw,24px);line-height:clamp(22px,1.666667vw,32px)}.access-hero>p{font-size:clamp(12px,.9375vw,18px);line-height:clamp(18px,1.25vw,24px)}
 .access-actions{gap:min(16px,.833333vw)}.access-button{min-width:min(144px,7.5vw);padding:min(14px,.729167vw) min(28px,1.458333vw);font-size:clamp(12px,.833333vw,16px);line-height:clamp(18px,1.145833vw,22px)}
 .access-panel{padding:min(30px,1.5625vw) min(34px,1.770833vw);gap:min(18px,.9375vw);border-radius:min(20px,1.041667vw)}.access-routes{padding:min(34px,1.770833vw)}.access-section-heading{gap:min(12px,.625vw)}.access-section-symbol{width:min(48px,2.5vw);height:min(48px,2.5vw);font-size:24px}.access-section-description{font-size:clamp(12px,.833333vw,16px);line-height:clamp(18px,1.145833vw,22px)}
 .access-route-grid{gap:min(18px,.9375vw)}.access-help-grid,.access-step-grid,.access-device-grid{gap:min(16px,.833333vw)}.access-route-card,.access-help-card,.access-step-grid article,.access-device-grid article{padding:min(24px,1.25vw);gap:min(18px,.9375vw);border-radius:min(16px,.833333vw)}
 .access-page h3{font-size:clamp(12px,.9375vw,18px);line-height:clamp(18px,1.25vw,24px)}.access-address{font-size:clamp(16px,1.25vw,24px);line-height:clamp(22px,1.666667vw,32px)}.access-route-card .access-actions{gap:min(12px,.625vw)}.access-route-card .access-button{padding:min(10px,.520833vw) min(22px,1.145833vw);font-size:clamp(11px,.729167vw,14px);line-height:clamp(16px,1.041667vw,20px)}
 .access-save-copy{grid-template-columns:min(190px,9.895833vw) minmax(0,1fr);gap:min(20px,1.041667vw)}.access-save-copy .access-address{font-size:clamp(14px,1.041667vw,20px);line-height:clamp(20px,1.458333vw,28px)}.access-save-row{min-height:min(76px,3.958333vw);padding:min(16px,.833333vw) min(22px,1.145833vw)}
 .access-help-card p,.access-step-grid p,.access-device-grid p,.access-faq-list p{font-size:clamp(11px,.729167vw,14px);line-height:clamp(16px,1.041667vw,20px)}.access-faq-list article{padding:min(18px,.9375vw) min(22px,1.145833vw)}
}
@media(min-width:768px) and (max-width:1023px){.access-shell{padding:24px}.access-route-grid,.access-help-grid,.access-step-grid,.access-device-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.access-route-card .access-actions{flex-wrap:wrap}}
@media(max-width:767px){
 .access-shell{padding:12px 16px 18px;gap:18px}.access-breadcrumb{height:18px;font-size:12px;line-height:18px;gap:4px}.access-hero{height:420px;padding:28px 24px;gap:24px;border-radius:24px}
 .access-eyebrow{padding:6px 12px;border-radius:6px;font-size:12px;line-height:18px}.access-brand{width:183px;height:57px;gap:12px}.access-brand>span:last-child{font-size:32px}.access-brand .brand-mark{width:38px;height:38px;gap:2px;border-radius:10px}.access-brand .brand-mark i{width:3px}.access-brand .brand-mark i:nth-child(1){height:12px}.access-brand .brand-mark i:nth-child(2){height:20px}.access-brand .brand-mark i:nth-child(3){height:15px}.access-brand small{font-size:5px;margin-top:6px}
 .access-hero h1{font-size:16px;line-height:22px}.access-hero>p{font-size:12px;line-height:18px}.access-hero .access-actions{width:100%;gap:10px}.access-hero .access-button{min-width:0;flex:1;padding:14px 8px;font-size:14px;line-height:20px;font-weight:400}
 .access-panel,.access-routes{padding:24px 16px;gap:14px;border-radius:20px;background:var(--surface)}.access-section-heading{flex-wrap:wrap;gap:8px}.access-section-symbol{width:24px;height:24px;font-size:20px}.access-section-heading h2{font-size:20px;line-height:28px}.access-section-heading>span:last-child:not(.access-section-symbol){font-size:14px;line-height:22px}.access-section-description{font-size:14px;line-height:20px}
 .access-route-grid,.access-help-grid,.access-step-grid,.access-device-grid{grid-template-columns:minmax(0,1fr);gap:12px}.access-route-card{padding:24px;gap:20px}.access-page .access-route-card h3{font-size:16px;line-height:22px}.access-address{font-size:20px;line-height:28px}.access-route-card .access-actions{width:100%;gap:12px}.access-route-card .access-button{padding:10px 8px;font-size:14px;line-height:20px}
 .access-save-list{gap:12px}.access-save-row{padding:24px;align-items:stretch;flex-direction:column;gap:18px;border-radius:16px}.access-save-copy{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.access-save-copy .access-address{width:100%}.access-save-row>.access-button{width:100%;color:var(--pink-soft);border-color:var(--pink)}
 .access-help-card,.access-step-grid article,.access-device-grid article,.access-faq-list article{padding:24px;gap:14px}.access-help-card p,.access-faq-list p{font-size:14px;line-height:20px}.access-faq>h2{font-size:24px;line-height:32px}.access-faq-list{gap:12px}.access-faq-list article{border-radius:16px}
}
@media(prefers-reduced-motion:reduce){.access-page *{scroll-behavior:auto}}
