.hardware-page{--h-navy:#071b3b;--h-blue:#176bff;--h-ink:#091b35;--h-muted:#68778d;--h-line:#dce5ef;--h-soft:#f4f7fb;--h-orange:#ed8530;font-family:'Manrope',sans-serif}.hardware-page .nav-current{color:#fff}.hw-shell{width:min(1180px,calc(100% - 40px));margin:auto}.hw-section{padding:110px 0}.hw-kicker{display:block;font-size:10px;font-weight:800;letter-spacing:.17em;color:var(--h-blue);margin-bottom:20px}.hw-kicker.light{color:#76a8ff}.hw-heading{max-width:760px;margin-bottom:55px}.hw-heading.centered{text-align:center;margin-inline:auto}.hw-heading h2,.methods-head h2,.integration-copy h2,.faq-layout h2{font-size:clamp(35px,4.2vw,51px);line-height:1.13;letter-spacing:-.055em}.hw-heading h2 span{color:#76a8ff}.hw-heading p{font-size:12px;line-height:1.85;max-width:650px}.hw-heading.centered p{margin-inline:auto}
.hw-hero{position:relative;background:var(--h-navy);color:#fff;overflow:hidden}.hw-grid-bg{position:absolute;inset:0;background-image:linear-gradient(rgba(102,151,218,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(102,151,218,.06) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to right,#000,transparent)}.hw-glow{position:absolute;width:650px;height:650px;border-radius:50%;background:rgba(237,133,48,.09);right:-180px;top:-220px}.hw-hero-layout{min-height:660px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;position:relative}.hw-copy h1{font-size:clamp(47px,5.2vw,70px);line-height:1.02;letter-spacing:-.06em;color:#fff}.hw-copy h1 span{color:#ffad68}.hw-copy>p{font-size:14px;line-height:1.85;color:#a5b5ca;margin-top:25px}.hw-actions{display:flex;gap:10px;margin-top:30px}.hw-proof{display:flex;gap:20px;margin-top:25px;color:#8194ae;font-size:9px}.hw-scene{height:520px;position:relative}.student-card{position:absolute;left:25px;top:80px;width:330px;height:205px;border-radius:18px;background:linear-gradient(145deg,#0c2853,#1763a5);padding:25px;color:#fff;display:flex;flex-direction:column;transform:rotate(-6deg);box-shadow:0 28px 60px rgba(0,0,0,.35);z-index:3}.card-brand{display:flex;gap:7px;align-items:center;font-weight:800}.card-brand b{width:25px;height:25px;border-radius:6px;background:var(--h-blue);display:grid;place-items:center}.card-chip{width:39px;height:28px;border-radius:5px;background:linear-gradient(145deg,#f1d176,#b88325);margin:31px 0 18px}.student-card>strong{font-size:12px;letter-spacing:.07em}.student-card>small{font-size:6px;color:#a0b4cb}.student-card>span{align-self:end;font-size:6px}.reader-device{position:absolute;right:10px;bottom:55px;width:220px;height:275px;border-radius:22px;background:#edf2f7;border:8px solid #172e4a;box-shadow:0 30px 55px rgba(0,0,0,.3);padding:18px;z-index:2}.reader-screen{height:145px;border-radius:9px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--h-ink)}.reader-screen>i{width:30px;height:30px;border-radius:50%;background:#dcf5eb;color:#15966c;display:grid;place-items:center;font-style:normal}.reader-screen b{font-size:9px;color:#15966c;margin-top:8px}.reader-screen span{font-size:8px}.reader-screen small{font-size:5px;color:#8290a2}.reader-pad{text-align:center;color:var(--h-orange);font-size:28px;margin-top:25px;transform:rotate(-15deg)}.hw-float{position:absolute;top:25px;right:5px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.hw-float span{background:#fff;color:var(--h-ink);border-radius:20px;padding:7px 10px;font-size:6px;font-weight:800;box-shadow:0 8px 20px rgba(0,0,0,.2)}.hw-strip{width:min(1180px,calc(100% - 40px));margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(123,161,214,.17);position:relative}.hw-strip span{padding:23px 35px;border-right:1px solid rgba(123,161,214,.17);font-size:8px;color:#7c90aa}.hw-strip b{display:block;color:#fff;font-size:19px}
.hw-principle{background:#fff}.principle-cards{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--h-line);border-radius:15px;overflow:hidden}.principle-cards article{min-height:245px;padding:30px;border-right:1px solid var(--h-line)}.principle-cards article:last-child{border:0}.principle-cards span{font-size:8px;color:var(--h-orange);font-weight:800}.principle-cards h3{font-size:16px;margin:48px 0 12px}.principle-cards p{font-size:9px;line-height:1.75}.hw-uses{background:var(--h-navy);color:#fff}.hw-uses .hw-heading h2{color:#fff}.hw-uses .hw-heading p{color:#91a3bc}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.use-grid article{border:1px solid rgba(120,159,215,.22);border-radius:12px;padding:28px;min-height:210px;background:rgba(255,255,255,.025)}.use-grid article>b{width:42px;height:42px;border-radius:10px;background:rgba(237,133,48,.14);color:#ffad68;display:grid;place-items:center}.use-grid h3{font-size:15px;color:#fff;margin:23px 0 10px}.use-grid p{font-size:8px;line-height:1.7;color:#8295b0}.hw-methods{background:var(--h-soft)}.methods-head{display:grid;grid-template-columns:1fr .7fr;gap:90px;align-items:end;margin-bottom:55px}.methods-head>p{font-size:11px;line-height:1.85}.method-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.method-list article{display:grid;grid-template-columns:50px 1fr auto;align-items:center;gap:16px;background:#fff;border:1px solid var(--h-line);border-radius:11px;padding:20px}.method-icon{width:48px;height:48px;border-radius:10px;background:#e8f0ff;color:var(--h-blue);display:grid;place-items:center;font-size:9px;font-weight:800}.method-list article>div:nth-child(2){display:flex;flex-direction:column}.method-list small{font-size:6px;color:#8a97a8;font-weight:800}.method-list h3{font-size:14px;margin:3px 0}.method-list p{font-size:7px;margin:0}.method-list article>span{font-size:6px;color:#af671e;background:#fff1e3;border-radius:20px;padding:5px 8px}.hw-options{background:var(--h-navy);color:#fff}.hw-options .hw-heading h2{color:#fff}.hw-options .hw-heading p{color:#91a3bc}.option-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.option-cards article{border:1px solid #2b486d;background:#0c294f;border-radius:15px;padding:32px;display:flex;flex-direction:column;min-height:450px}.option-cards .option-featured{background:#fff;color:var(--h-ink);box-shadow:0 25px 55px rgba(0,0,0,.23)}.option-label{font-size:7px;color:#78a9ff;font-weight:800;letter-spacing:.13em}.option-featured .option-label{color:var(--h-orange)}.option-cards h3{font-size:20px;color:inherit;margin:25px 0 12px}.option-cards p{font-size:9px;line-height:1.75;color:#91a4bd}.option-featured p{color:#68778d}.option-cards ul{margin:20px 0}.option-cards li{font-size:8px;color:#92a5be;margin:12px 0;padding-left:19px;position:relative}.option-featured li{color:#5d6c80}.option-cards li:before{content:'✓';position:absolute;left:0;color:#73a8ff}.option-cards a{margin-top:auto;color:#fff;font-size:8px;font-weight:800;border:1px solid #476488;border-radius:7px;padding:10px;text-align:center}.option-featured a{background:var(--h-blue);border-color:var(--h-blue)}.price-note{border:1px solid #29476b;border-radius:10px;padding:18px 23px;margin-top:20px;display:grid;grid-template-columns:260px 1fr;gap:25px}.price-note b{font-size:9px}.price-note span{font-size:7px;color:#8396b1}.hw-integration{background:#fff}.integration-layout,.faq-layout{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.integration-copy>p{font-size:11px;line-height:1.85}.integration-flow article{display:grid;grid-template-columns:37px 1fr;gap:12px;padding:10px 0}.integration-flow article>b{width:35px;height:35px;border-radius:50%;background:#e7efff;color:var(--h-blue);display:grid;place-items:center;font-size:7px}.integration-flow article>span{display:flex;flex-direction:column}.integration-flow strong{font-size:10px}.integration-flow small{font-size:7px;color:#78879c}.integration-visual{min-height:470px;border-radius:16px;background:var(--h-soft);border:1px solid var(--h-line);padding:35px;display:flex;flex-direction:column;align-items:center}.device-row,.integration-output{display:flex;gap:8px}.device-row span,.integration-output span{font-size:7px;font-weight:800;background:#fff;border:1px solid var(--h-line);border-radius:7px;padding:9px}.integration-lines{height:90px;width:70%;border-left:1px solid #a7bcd7;border-right:1px solid #a7bcd7;margin-top:15px;clip-path:polygon(0 0,100% 0,65% 100%,35% 100%)}.integration-core{width:150px;height:120px;border-radius:14px;background:var(--h-navy);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center}.integration-core>b{width:34px;height:34px;background:var(--h-blue);border-radius:8px;display:grid;place-items:center}.integration-core strong{font-size:11px;margin-top:7px}.integration-core small{font-size:5px;color:#8da2bd}.integration-output{margin-top:35px}.hw-security{background:linear-gradient(125deg,#081d3e,#0c3971);color:#fff}.hw-security .hw-heading h2{color:#fff}.hw-security .hw-heading p{color:#91a3bc}.security-grid{display:grid;grid-template-columns:repeat(4,1fr)}.security-grid article{padding:28px;border-left:1px solid rgba(255,255,255,.14)}.security-grid span{font-size:7px;color:#76a8ff}.security-grid h3{font-size:14px;color:#fff;margin:25px 0 10px}.security-grid p{font-size:8px;color:#8497b2;line-height:1.7}.hw-faq{background:var(--h-soft)}.faq-layout{align-items:start}.hw-faq .accordion-header{font-family:'Manrope',sans-serif}.hw-final{position:relative;background:var(--h-navy);color:#fff;padding:100px 0;text-align:center;overflow:hidden}.hw-final .hw-shell{position:relative}.hw-final h2{font-size:clamp(39px,5vw,57px);color:#fff;letter-spacing:-.055em}.hw-final p{font-size:12px;color:#91a3bc;max-width:700px;margin-inline:auto}.hw-final .button{margin:15px 5px 0}
@media(max-width:1050px){.hw-hero-layout{grid-template-columns:1fr;padding:80px 0}.hw-copy{text-align:center}.hw-copy>p{max-width:650px;margin-inline:auto}.hw-actions,.hw-proof{justify-content:center}.hw-scene{max-width:650px;width:100%;margin:auto}.principle-cards{grid-template-columns:1fr 1fr}.principle-cards article:nth-child(2){border-right:0}.principle-cards article:nth-child(-n+2){border-bottom:1px solid var(--h-line)}.hw-section{padding:90px 0}.option-cards{grid-template-columns:1fr 1fr}.option-cards article:last-child{grid-column:1/-1}}
@media(max-width:760px){.hw-shell{width:calc(100% - 28px)}.hw-hero-layout{padding:65px 0 35px}.hw-copy h1{font-size:44px}.hw-actions{flex-direction:column}.hw-proof{flex-wrap:wrap}.hw-scene{transform:scale(.83);margin-block:-35px}.hw-strip{grid-template-columns:1fr 1fr;width:100%;padding:0 14px}.principle-cards,.use-grid,.method-list,.option-cards,.integration-layout,.faq-layout{grid-template-columns:1fr}.principle-cards article{border-right:0!important;border-bottom:1px solid var(--h-line)!important}.methods-head{grid-template-columns:1fr;gap:20px}.option-cards article:last-child{grid-column:auto}.price-note{grid-template-columns:1fr}.security-grid{grid-template-columns:1fr 1fr}.hardware-page .footer-top{grid-template-columns:1fr 1fr}.hardware-page .footer-brand{grid-column:1/-1}.hw-final .button{display:flex}}
@media(max-width:480px){.hw-scene{width:120%;margin-left:-10%;transform:scale(.72);margin-block:-70px}.student-card{left:0}.reader-device{right:0}.method-list article{grid-template-columns:45px 1fr}.method-list article>span{grid-column:2}.security-grid{grid-template-columns:1fr}.hardware-page .footer-top{grid-template-columns:1fr}.hardware-page .footer-brand{grid-column:auto}}

/* Verified device compatibility catalog */
.certified-devices{background:linear-gradient(125deg,#081d3e,#0c3971);color:#fff}.certified-head{display:grid;grid-template-columns:1fr .75fr;gap:90px;align-items:end;margin-bottom:45px}.certified-head h2{font-size:clamp(35px,4.2vw,51px);line-height:1.13;letter-spacing:-.055em;color:#fff}.certified-head>p{font-size:11px;line-height:1.85;color:#91a3bc}.catalog-toolbar{display:flex;justify-content:space-between;gap:20px;margin-bottom:15px}.catalog-search{width:320px;background:#fff;border-radius:8px;padding:11px 14px;color:#8492a5;font-size:8px}.catalog-filters{display:flex;gap:6px;flex-wrap:wrap}.catalog-filters button{border:1px solid #385676;background:transparent;color:#91a4be;border-radius:20px;padding:8px 11px;font:700 7px 'Manrope';cursor:pointer}.catalog-filters button.active{background:var(--h-blue);border-color:var(--h-blue);color:#fff}.catalog-notice{display:grid;grid-template-columns:28px 1fr auto;gap:13px;align-items:center;border:1px solid #3a587b;background:rgba(255,255,255,.035);border-radius:10px;padding:16px 20px;margin-bottom:18px}.catalog-notice>span{width:26px;height:26px;border-radius:50%;background:#1a4a82;display:grid;place-items:center;font-size:9px}.catalog-notice strong{font-size:9px}.catalog-notice p{font-size:7px;color:#8296b1;margin:3px 0 0}.catalog-notice>a{font-size:8px;font-weight:800;color:#fff}.device-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.device-catalog article{background:#fff;color:var(--h-ink);border-radius:13px;padding:18px;position:relative;min-height:410px}.device-photo{height:115px;border-radius:9px;background:#eef3f9;display:grid;place-items:center;margin-bottom:18px;position:relative;overflow:hidden}.device-photo:before{content:'';position:absolute;width:90px;height:58px;border-radius:8px;background:linear-gradient(145deg,#163d6d,#0b2448);box-shadow:0 10px 25px rgba(10,35,70,.2)}.device-photo>span{z-index:1;color:#fff;font-size:9px;font-weight:800}.reader-catalog-device:before{width:75px;height:80px;border-radius:14px}.fingerprint-device:before{width:78px;height:95px;border-radius:9px}.fingerprint-device:after{content:'';position:absolute;width:32px;height:40px;border:2px solid #62a0ec;border-radius:45%;z-index:1}.wristband-device:before{width:110px;height:34px;border:14px solid #164b7f;background:transparent;border-radius:40px;transform:rotate(-8deg)}.face-device:before{width:78px;height:100px}.face-device:after{content:'⌖';position:absolute;color:#62a0ec;font-size:30px;z-index:1}.device-status{position:absolute;right:26px;top:26px;font-size:6px;font-weight:800;border-radius:20px;padding:5px 7px;z-index:2}.device-status.pending{color:#986420;background:#fff0d9}.device-catalog article>small{font-size:6px;color:#8794a5;font-weight:800;letter-spacing:.12em}.device-catalog h3{font-size:14px;margin:6px 0 15px}.device-catalog dl{margin:0}.device-catalog dl>div{display:grid;grid-template-columns:90px 1fr;padding:8px 0;border-bottom:1px solid #edf0f4}.device-catalog dt{font-size:6px;color:#8794a5}.device-catalog dd{font-size:7px;font-weight:700;margin:0}.device-catalog article>button{position:absolute;left:18px;right:18px;bottom:18px;border:1px solid var(--h-line);background:#f2f5f8;color:#9aa5b3;border-radius:7px;padding:9px;font:700 7px 'Manrope'}.device-catalog .submit-device{background:linear-gradient(145deg,#123762,#0b2448);color:#fff;border:1px dashed #4f7198;display:flex;flex-direction:column;justify-content:center}.submit-icon{width:50px;height:50px;border-radius:50%;background:rgba(23,107,255,.25);color:#76a8ff;display:grid;place-items:center;font-size:22px;margin-bottom:24px}.submit-device>small{color:#7790ae!important}.submit-device h3{font-size:19px}.submit-device p{font-size:8px;color:#8ca0ba;line-height:1.75}.submit-device a{color:#fff;font-size:8px;font-weight:800;margin-top:15px}.buyer-checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.buyer-checklist>div{display:flex;gap:10px;border:1px solid #355474;border-radius:9px;padding:14px}.buyer-checklist span{color:#70a7f8}.buyer-checklist p{font-size:7px;color:#8196b1;margin:0}.buyer-checklist strong{color:#fff}
@media(max-width:1000px){.device-catalog{grid-template-columns:1fr 1fr}.certified-head{gap:45px}}
@media(max-width:760px){.certified-head{grid-template-columns:1fr;gap:20px}.catalog-toolbar{flex-direction:column}.catalog-search{width:auto}.device-catalog{grid-template-columns:1fr}.buyer-checklist{grid-template-columns:1fr}.catalog-notice{grid-template-columns:28px 1fr}.catalog-notice>a{grid-column:1/-1}}

/* Readability pass — device/card/reader mockups remain miniature. */
@media (min-width: 761px) {
  .hw-kicker { font-size: 12px; }
  .hw-heading p { font-size: 15px; line-height: 1.8; }
  .hw-copy > p { font-size: 18px; }
  .hw-proof { font-size: 13px; }
  .hw-strip span { font-size: 12.5px; }
  .principle-cards span, .option-label { font-size: 12px; }
  .principle-cards h3, .use-grid h3, .method-list h3, .security-grid h3 { font-size: 19px; }
  .principle-cards p, .use-grid p, .method-list p, .option-cards p, .security-grid p { font-size: 15px; line-height: 1.75; }
  .methods-head > p, .integration-copy > p, .certified-head > p { font-size: 15px; line-height: 1.8; }
  .integration-flow article > b { font-size: 12px; }
  .integration-flow strong { font-size: 15px; }
  .integration-flow small { font-size: 13px; line-height: 1.65; }
  .method-list small { font-size: 12px; }
  .method-list article > span { font-size: 12.5px; }
  .option-cards li { font-size: 14px; line-height: 1.7; }
  .option-cards a { font-size: 13px; }
  .price-note b { font-size: 15px; }
  .price-note span { font-size: 13px; }
  .security-grid span { font-size: 11.5px; }
  .hw-final p { font-size: 15.5px; }
  .catalog-search { font-size: 14px; }
  .catalog-filters button { font-size: 12.5px; }
  .catalog-notice strong { font-size: 15px; }
  .catalog-notice p { font-size: 14px; line-height: 1.7; }
  .catalog-notice > a { font-size: 13px; }
  .device-status, .device-catalog article > small { font-size: 11.5px; }
  .device-catalog h3 { font-size: 18px; }
  .device-catalog dt { font-size: 12px; }
  .device-catalog dd { font-size: 13px; }
  .device-catalog article > button { font-size: 12.5px; }
  .submit-device p, .buyer-checklist p { font-size: 14px; line-height: 1.7; }
  .submit-device a { font-size: 13px; }
}

@media (max-width: 760px) {
  .hw-kicker { font-size: 11px; }
  .hw-heading p, .principle-cards p, .use-grid p, .method-list p, .option-cards p, .security-grid p, .methods-head > p, .integration-copy > p, .certified-head > p, .catalog-notice p, .submit-device p, .buyer-checklist p, .hw-final p { font-size: 15px; line-height: 1.8; }
  .hw-copy > p { font-size: 17px; line-height: 1.75; }
  .hw-proof { font-size: 12.5px; }
  .hw-strip span, .method-list article > span, .catalog-filters button { font-size: 12px; }
  .principle-cards span, .option-label, .method-list small, .security-grid span, .device-status, .device-catalog article > small { font-size: 11.5px; }
  .principle-cards h3, .use-grid h3, .method-list h3, .security-grid h3, .device-catalog h3 { font-size: 18px; }
  .integration-flow strong, .catalog-notice strong { font-size: 15px; }
  .integration-flow small, .price-note span, .device-catalog dd { font-size: 13px; line-height: 1.65; }
  .option-cards li { font-size: 14px; line-height: 1.7; }
  .option-cards a, .catalog-notice > a, .submit-device a { min-height: 44px; font-size: 13px; }
  .price-note b { font-size: 15px; }
  .catalog-search { min-height: 46px; font-size: 16px; }
  .catalog-filters button { min-height: 44px; }
  .device-catalog dt { font-size: 12px; }
  .device-catalog article > button { min-height: 44px; font-size: 12.5px; }
}