*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#101828;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:#34505C;text-decoration:none}
a:hover{color:#182830}
[hidden]{display:none!important}
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.4s}
@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}
:focus-visible{outline:3px solid rgba(21,84,241,.45);outline-offset:2px}

.only-desktop{display:contents}
.only-mobile{display:none}
@media (max-width:1099px){.only-desktop{display:none}.only-mobile{display:contents}}
@media (min-width:1100px){#mobile-menu{display:none!important}}
@media (max-width:479px){.hdr-row>a:first-child>span:last-child{display:none!important}.hdr-row>a:first-child{gap:0}.hdr-row{gap:10px;padding-left:12px!important;padding-right:12px!important}.hdr-ctrls{gap:8px}.hdr-scan-btn{padding:8px 12px!important;font-size:13px!important}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;font-family:inherit;font-weight:600;line-height:1.25;cursor:pointer;border:1px solid transparent;transition:background .15s,color .15s,border-color .15s,box-shadow .15s;white-space:nowrap;text-align:center}
.hdr-scan-btn{flex-direction:column;gap:1px;line-height:1.15}
.hdr-scan-btn .sb-free{display:block;font-size:10px;font-weight:500;opacity:.8}
.btn-md{padding:10px 16px;font-size:14px}
.btn-lg{padding:11px 18px;font-size:16px}
.btn-xl{padding:13px 22px;font-size:16px}
.btn-primary{background:#34505C;color:#fff;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.btn-primary:hover{background:#182830;color:#fff}
.btn-gold{background:#C9A15A;color:#182830;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.btn-gold:hover{background:#D8B574;color:#182830}

.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,5vw,64px);align-items:end}
@media (max-width:899px){.hero-grid{grid-template-columns:minmax(0,1fr)}}
.hero-copy{display:flex;flex-direction:column;gap:28px;align-items:flex-start;container-type:inline-size}
.hero-h1{margin:0;font-size:clamp(26px,8vw,76px);line-height:1.02;font-weight:600;letter-spacing:-0.035em;color:#C9A15A}
@supports (width:1cqw){.hero-h1{font-size:clamp(26px,9.6cqw,76px)}}
.hero-h1 .hl{display:block;white-space:nowrap}
.hero-rotator{display:flex;flex-direction:column;gap:28px}
.hero-rotator [data-hero-kicker],.hero-rotator [data-hero-h1],.hero-rotator [data-hero-sub]{transition:opacity .35s ease}

.tool-switch{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:16px;scroll-margin-top:96px}
@media (max-width:999px){.tool-switch{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:719px){.tool-switch{grid-template-columns:minmax(0,1fr);margin-bottom:0}}

.k-chip{cursor:pointer;padding:9px 16px;min-height:40px;border-radius:999px;font:500 14px Inter,sans-serif;border:1px solid #D0D5DD;background:#fff;color:#344054}
.k-chip.is-on{border-color:#34505C;background:#F1EADD;color:#182830}
.k-result{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:1px;background:rgba(24,40,48,.12);border:1px solid rgba(24,40,48,.12);border-radius:16px;overflow:hidden}
.k-result>div{background:#fff;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.mini-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:12px}
.mini-form-grid input{width:100%;padding:10px 14px;border:1px solid #D0D5DD;border-radius:10px;font:14px Inter,sans-serif;color:#101828;background:#fff}
.mini-form-grid input:focus-visible{outline:3px solid rgba(21,84,241,.45);outline-offset:1px}
.mini-form-grid label{display:block;font:500 11px 'Roboto Mono',monospace;letter-spacing:.05em;color:#667085;text-transform:uppercase;margin-bottom:6px}
.k-detail-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;padding:0;font:500 13px Inter,sans-serif;color:#34505C;text-decoration:underline;cursor:pointer;text-align:left}
.k-detail-btn:hover{color:#182830}
#k-detail-form{margin-top:4px;padding:14px;border:1px solid #EAECF0;border-radius:12px;background:#fff;display:flex;flex-direction:column;gap:8px}
#k-detail-form input[type=email]{flex:1;min-width:160px;padding:10px 14px;border:1px solid #D0D5DD;border-radius:10px;font:14px Inter,sans-serif;color:#101828}
#k-detail-form input[type=email]:focus-visible{outline:3px solid rgba(21,84,241,.45);outline-offset:1px}
#k-detail-row{display:flex;gap:8px;flex-wrap:wrap}
.tool-hint{grid-column:1/-1;font-size:15px;line-height:1.4;font-weight:500;color:#475467}
.tool-next{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:860px;margin-top:24px;padding:16px 20px;border-radius:16px;border:1px solid #CDB88E;background:#F8F2EA;color:#182830;font:600 16px/1.35 Inter,system-ui,sans-serif;text-align:left;cursor:pointer;transition:background .15s,border-color .15s}
.tool-next:hover{background:#F1EADD;border-color:#C9A15A}
.tool-card{position:relative;display:flex;flex-direction:column;gap:6px;text-align:left;cursor:pointer;padding:15px 17px;border-radius:16px;border:2px solid #34505C;background:#fff;color:#182830;font-family:inherit;box-shadow:0 1px 2px rgba(16,24,40,.08);transition:background .15s,border-color .15s,color .15s,box-shadow .15s}
.tool-card:hover{border-color:#C9A15A;box-shadow:0 4px 12px -4px rgba(16,24,40,.2)}
.tool-card .tc-no{font-size:13px;font-weight:600;line-height:1.2;color:#8C6A2C}
.tool-card.is-on .tc-no::after{content:" \2713"}
.tool-card .tc-t{font-size:18px;font-weight:600;line-height:1.25}
.tool-card .tc-d{font-size:14px;line-height:1.4;color:#475467}
.tool-card.is-on{background:#182830;border-color:#182830;color:#fff;box-shadow:0 10px 24px -10px rgba(24,40,48,.55)}
@media (min-width:720px){.tool-card.is-on::after{content:"";position:absolute;left:50%;bottom:-9px;width:16px;height:16px;background:#182830;border-radius:3px;transform:translateX(-50%) rotate(45deg)}}
.tool-card.is-on .tc-no{color:#C9A15A}
.tool-card.is-on .tc-d{color:#D3DCDF}
.btn-secondary-gray{background:#fff;color:#344054;border-color:#D0D5DD;box-shadow:0 1px 2px rgba(16,24,40,.05)}
.btn-secondary-gray:hover{background:#F9FAFB;color:#101828}
.btn-secondary-color{background:#fff;color:#34505C;border-color:#CDB88E}
.btn-secondary-color:hover{background:#F1EADD;color:#182830}
.btn-link-color{background:none;color:#34505C;padding-left:0;padding-right:0}
.btn-link-color:hover{color:#182830}
@media (max-width:520px){.btn{white-space:normal}}

.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;font-weight:500;border:1px solid transparent;white-space:nowrap}
.badge-sm{padding:2px 8px;font-size:12px}.badge-md{padding:2px 10px;font-size:14px}.badge-lg{padding:4px 12px;font-size:14px}
.badge-brand{background:#F1EADD;color:#182830;border-color:#D3DCDF}
.badge-success{background:#ECFDF3;color:#067647;border-color:#ABEFC6}
.badge-gold{background:#F8F2EA;color:#7A4D00;border-color:#FEDF89}
.badge-orange{background:#FFF4ED;color:#B93815;border-color:#FDDCAB}
.badge-gray{background:#F9FAFB;color:#344054;border-color:#EAECF0}
.badge-dot{width:6px;height:6px;border-radius:999px;background:currentColor}

.marquee{overflow:hidden;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;width:max-content;animation:d3sMarquee 60s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.mq-dup{display:flex}
.mq-item{display:flex;align-items:center;gap:12px;padding:0 36px;flex-shrink:0;height:48px;opacity:.85}
.mq-item img{width:32px;height:32px;object-fit:contain;border-radius:6px;filter:grayscale(1);flex-shrink:0}
.mq-item img[style]{border-radius:0}
.mq-item span{font-size:18px;font-weight:600;color:#344054;white-space:nowrap;letter-spacing:-.01em}
@keyframes d3sMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}.marquee{overflow-x:auto}}

@media (max-width:719px){.ov-row{grid-template-columns:36px minmax(0,1fr) 44px!important}.ov-desc{grid-column:2/3;grid-row:2}}
.cat-span{grid-column:span 2}
@media (max-width:899px){.cat-span{grid-column:auto}}
@media (max-width:899px){.facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (max-width:559px){.facts-grid{grid-template-columns:minmax(0,1fr)!important}}
@media print{[data-reveal]{opacity:1!important;transform:none!important}header{position:static!important}}
.hv0:hover{background:#fff !important;padding-left:28px !important}
.hv1:hover{color:#C9A15A !important}
.hv2:hover{background:#fff !important;border-color:#182830 !important;transform:translateY(-2px) !important}
.hv3:hover{background:#182830 !important;color:#C9A15A !important}
.hv4:hover{background:#F8F2EA !important}

.phone-reveal{position:relative;cursor:pointer;display:inline-flex;align-items:center;-webkit-tap-highlight-color:transparent}
.phone-reveal .pr-num{display:none;color:inherit;text-decoration:none;pointer-events:none}
.phone-reveal:hover .pr-label,.phone-reveal.is-open .pr-label{display:none}
.phone-reveal:hover .pr-num,.phone-reveal.is-open .pr-num{display:inline;pointer-events:auto}
.phone-reveal:focus-visible{outline:3px solid rgba(21,84,241,.45);outline-offset:2px}

.proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(24,40,48,.12);border:1px solid rgba(24,40,48,.12);border-radius:20px;overflow:hidden}
@media (max-width:899px){.proof-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:559px){.proof-grid{grid-template-columns:minmax(0,1fr)}}

.proof-rotator{position:relative;min-height:188px;background:#fff;border:1px solid rgba(24,40,48,.12);border-radius:20px;box-shadow:0 20px 44px -20px rgba(0,0,0,.35)}
.proof-slide{position:absolute;inset:0;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:22px 26px;opacity:0;visibility:hidden;transition:opacity .6s ease}
.proof-slide.is-active{opacity:1;visibility:visible}
.proof-num{font-size:clamp(24px,2.8vw,32px);font-weight:600;letter-spacing:-0.02em;color:#182830;line-height:1.1}
.proof-desc{font-size:14px;line-height:1.45;color:#475467;max-width:460px}
.proof-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:2px}
@media (max-width:559px){.proof-rotator{min-height:220px}}
.proof-card{background:#fff;padding:24px 22px;display:flex;flex-direction:column;gap:8px}
@media (max-width:719px){.proof-merge{grid-template-columns:minmax(0,1fr)!important}.proof-merge .proof-rotator{order:-1}}
@media (max-width:719px){.svc-grid{grid-template-columns:minmax(0,1fr)!important}}
.svc-acc.is-open{background:#F8F2EA!important;border-color:#CDB88E!important}

.scan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:899px){.scan-grid{grid-template-columns:minmax(0,1fr)}}
.scan-banner{position:relative;display:flex;flex-direction:column;gap:2px;text-align:left;cursor:pointer;padding:24px 52px 26px 24px;border-radius:22px;border:2px solid transparent;color:#fff;font-family:inherit;box-shadow:0 1px 2px rgba(16,24,40,.08);transition:transform .15s,box-shadow .15s,border-color .15s}
.scan-banner:hover{transform:translateY(-2px);box-shadow:0 12px 28px -12px rgba(16,24,40,.35)}
.scan-banner.c1{background:#182830}
.scan-banner.c2{background:#34505C}
.scan-banner.c3{background:#8C6A2C}
.scan-banner .sb-no{font:700 15px 'Roboto Mono',monospace;letter-spacing:.06em;color:#C9A15A}
.scan-banner.c3 .sb-no{color:#F8F2EA}
.scan-banner .sb-time{font-weight:500;opacity:.62}
.time-badge{font-size:12px;font-weight:600;color:#667085;background:#F2F4F7;padding:3px 10px;border-radius:999px;white-space:nowrap}
.scan-banner .sb-t{display:block;font-size:clamp(19px,2.1vw,24px);font-weight:600;letter-spacing:-0.02em;color:#fff;margin-top:8px}
.scan-banner .sb-d{display:block;margin-top:6px;font-size:14px;line-height:1.5;color:#D3DCDF}
.scan-banner .sb-check{position:absolute;top:20px;right:20px;width:28px;height:28px;border-radius:999px;background:rgba(255,255,255,.16);display:flex;align-items:center;justify-content:center;font-size:15px;line-height:1;opacity:0;transform:scale(.6);transition:opacity .15s,transform .15s}
.scan-banner.is-on{border-color:#C9A15A;box-shadow:0 16px 32px -14px rgba(0,0,0,.45)}
.scan-banner.is-on .sb-check{opacity:1;transform:scale(1);background:#C9A15A;color:#182830}
