*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
body{min-height:100dvh;font-family:Arial,Helvetica,sans-serif;font-size:clamp(1rem,0.95rem + 0.25vw,1.125rem);color:#E8E8E8;background-color:#2C2C2C;line-height:1.6}
img,picture,svg{display:block;max-width:100%;height:auto}
input,button,textarea,select{font:inherit;color:inherit}
h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.2;color:#FFFFFF;font-family:Arial,Helvetica,sans-serif}
p,li{text-wrap:pretty}
button{cursor:pointer;background:none;border:none}
table{border-collapse:collapse;width:100%}
a{color:#FFCA27;text-decoration:none}
a:hover{color:#FFD966}
:focus-visible{outline:2px solid #FFCA27;outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}

#site-header{background:#10160C;position:sticky;top:0;z-index:1000;box-shadow:0 2px 8px rgba(0,0,0,0.5)}

.hd-bar{display:flex;align-items:center;justify-content:space-between;padding:0 10px;height:60px}
.hd-logo-lnk{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}
.hd-logo-lnk img{width:180px;height:36px;object-fit:contain;display:block}
.hd-burger{display:flex;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;padding:8px;flex-shrink:0;background:none;border:none;cursor:pointer}
.hd-burger span{display:block;height:2px;width:22px;background:#FFCA27;transition:transform 0.2s,opacity 0.2s}
.hd-burger span:nth-child(2){margin-top:5px}
.hd-burger span:nth-child(3){margin-top:5px}

.hd-mob-menu{display:none;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;background:#10160C;z-index:1100;overflow-y:auto}
.hd-mob-menu.is-open{display:flex}
.hd-mob-top{display:flex;align-items:center;justify-content:space-between;padding:12px 10px;border-bottom:1px solid rgba(255,255,255,0.1);flex-shrink:0}
.hd-mob-top img{width:180px;height:36px;object-fit:contain;display:block}
.hd-mob-close{font-size:1.8rem;color:#FFFFFF;background:none;border:none;cursor:pointer;line-height:1;padding:4px 8px;display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}

.hd-mob-list{list-style:none;padding:8px 0;flex:1}
.hd-mob-list li{display:flex;align-items:center;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,0.06)}
.hd-mob-list li a,.hd-mob-list li .nav-active{display:inline-flex;align-items:center;padding:14px 16px;color:#E8E8E8;font-size:1rem;font-weight:600;flex:1;min-height:44px}
.hd-mob-list li .nav-active{color:#FFCA27}
.mob-arrow{display:inline-flex;align-items:center;justify-content:center;padding:0 16px;cursor:pointer;color:#FFCA27;font-size:0.7rem;transition:transform 0.2s;min-width:44px;min-height:44px}
.mob-arrow.is-open{transform:rotate(180deg)}
.mob-submenu{display:none;flex-direction:column;width:100%;background:rgba(0,0,0,0.25)}
.mob-submenu.is-open{display:flex}
.mob-submenu li{border-bottom:none}
.mob-submenu li a{padding:10px 16px 10px 32px;font-size:0.9rem;font-weight:400}

.hd-mob-auth{display:flex;gap:8px;padding:16px 10px;flex-shrink:0}
.btn-login{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:2px solid #FFCA27;color:#FFCA27;font-weight:700;font-size:0.9rem;border-radius:4px;white-space:nowrap;transition:background 0.18s,color 0.18s;min-height:44px}
.btn-login:hover{background:#FFCA27;color:#10160C}
.btn-signup{flex:1;display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;background:#FFCA27;color:#10160C;font-weight:700;font-size:0.9rem;border-radius:4px;white-space:nowrap;transition:background 0.18s;min-height:44px}
.btn-signup:hover{background:#FFD966;color:#10160C}

.hd-desk-nav{display:none}

@media(min-width:1081px){
.hd-bar{display:none}
.hd-mob-menu{display:none!important}
.hd-desk-nav{display:flex;align-items:center;padding:0 20px;height:64px;gap:16px}
.hd-desk-logo{width:180px;height:36px;object-fit:contain;flex-shrink:0;display:block}
}

.desk-nav-list{display:flex;align-items:center;gap:0;list-style:none;flex:1;padding:0 8px}
.desk-nav-list > li{display:flex;align-items:center;position:relative}
.desk-nav-list > li > a,.desk-nav-list > li > .nav-active{display:inline-flex;align-items:center;padding:8px 12px;color:#E8E8E8;font-size:0.95rem;font-weight:600;white-space:nowrap;transition:color 0.18s}
.desk-nav-list > li > a:hover{color:#FFCA27}
.desk-nav-list > li > .nav-active{color:#FFCA27}
.desk-arrow{display:inline-flex;align-items:center;padding-left:2px;color:#FFCA27;font-size:0.65rem;transition:transform 0.2s;cursor:default}
.desk-has-sub:hover .desk-arrow{transform:rotate(180deg)}
.desk-submenu{display:none;position:absolute;top:calc(100% + 1px);left:0;background:#10160C;border:1px solid rgba(255,202,39,0.2);z-index:1200;list-style:none}
.desk-has-sub:hover .desk-submenu{display:block}
.desk-submenu li{display:block}
.desk-submenu li a{display:inline-flex;align-items:center;padding:8px 14px;color:#E8E8E8;font-size:0.9rem;white-space:nowrap;font-weight:400;width:100%;transition:color 0.18s,background 0.18s}
.desk-submenu li a:hover{color:#FFCA27;background:rgba(255,202,39,0.08)}
.hd-desk-auth{display:flex;align-items:center;gap:10px;flex-shrink:0}
.hd-desk-auth .btn-login{flex:none}
.hd-desk-auth .btn-signup{flex:none}

.pg-box{max-width:1200px;margin:0 auto;padding:0 10px}
.btn-cta{display:inline-flex;align-items:center;justify-content:center;background:#FFCA27;color:#10160C;font-weight:700;font-size:0.95rem;padding:12px 28px;border-radius:4px;white-space:nowrap;transition:background 0.18s;min-height:44px;cursor:pointer}
.btn-cta:hover{background:#FFD966;color:#10160C}
.cta-mid{text-align:center;margin-top:28px}

.hero-band{background:#10160C;position:relative;padding:44px 10px 52px;overflow:hidden}
.hero-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(60deg,rgba(255,202,39,0.04) 0px,rgba(255,202,39,0.04) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(120deg,rgba(255,202,39,0.03) 0px,rgba(255,202,39,0.03) 1px,transparent 1px,transparent 40px);pointer-events:none}
.hero-inner{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:32px;position:relative;z-index:1}
.hero-text{flex:1;text-align:center;width:100%}
.hero-text h1{font-size:clamp(1.6rem,1rem + 2vw,2.6rem);color:#FFFFFF;margin-bottom:16px}
.hero-lead{font-size:clamp(0.93rem,0.9rem + 0.2vw,1.05rem);color:#D0D0D0;margin-bottom:12px;line-height:1.65}
.hero-dl-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:24px}
.btn-dl{display:inline-flex;align-items:center;gap:10px;background:#1E2B1A;border:2px solid #FFCA27;border-radius:6px;padding:10px 18px;color:#FFFFFF;font-weight:600;font-size:0.9rem;transition:background 0.18s,color 0.18s;min-height:64px;white-space:nowrap}
.btn-dl:hover{background:#FFCA27;color:#10160C}
.btn-dl img{width:32px;height:32px;object-fit:contain;flex-shrink:0}
.btn-dl-text{display:flex;flex-direction:column;line-height:1.2}
.btn-dl-sub{font-size:0.72rem;font-weight:400;color:#9E9E9E}
.btn-dl:hover .btn-dl-sub{color:#10160C}
.hero-img-wrap{width:100%;max-width:220px}
.hero-img-wrap img{width:100%;height:auto;display:block;border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.5)}

@media(min-width:1081px){
.hero-inner{flex-direction:row;align-items:center}
.hero-text{text-align:left}
.hero-dl-row{justify-content:flex-start}
.hero-img-wrap{max-width:250px;flex-shrink:0}
}

.specs-band{padding:48px 0;background:#252525}
.specs-band h2{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);margin-bottom:14px}
.specs-band p{color:#D0D0D0;margin-bottom:14px;font-size:clamp(0.93rem,0.9rem + 0.15vw,1rem)}

.specs-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}
.spec-cd{background:#1E2B1A;border-radius:6px;padding:14px 12px;display:flex;flex-direction:column;gap:5px;box-shadow:0 2px 6px rgba(0,0,0,0.3);transition:transform 0.18s,box-shadow 0.18s}
.spec-cd:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,0.4)}
.spc-icon{font-size:1.3rem;line-height:1}
.spc-label{font-size:0.75rem;color:#9E9E9E;text-transform:uppercase;letter-spacing:0.04em;font-weight:600}
.spc-val{font-size:0.86rem;color:#FFFFFF;font-weight:600;line-height:1.3}

@media(min-width:481px){.specs-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:769px){.specs-grid{grid-template-columns:repeat(4,1fr)}}

.steps-band{padding:48px 0}
.steps-band h2{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);margin-bottom:14px}
.steps-band p{color:#D0D0D0;margin-bottom:14px;font-size:clamp(0.93rem,0.9rem + 0.15vw,1rem)}

.steps-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:20px}
.step-cd{background:#1E1E1E;border-radius:6px;padding:16px 16px 16px 52px;position:relative;box-shadow:0 2px 6px rgba(0,0,0,0.3)}
.step-num{position:absolute;top:14px;left:14px;font-size:1.3rem;font-weight:700;color:#FFCA27;line-height:1}
.step-cd p{color:#D0D0D0;font-size:clamp(0.88rem,0.85rem + 0.15vw,0.95rem);margin:0}

@media(min-width:481px){.steps-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:769px){.steps-grid{grid-template-columns:repeat(3,1fr)}}

.features-band{padding:48px 0;background:#252525}
.features-band h2{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);margin-bottom:14px}
.features-band p{color:#D0D0D0;margin-bottom:14px;font-size:clamp(0.93rem,0.9rem + 0.15vw,1rem)}

.feat-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-top:24px}
.feat-cd{background:#1E2B1A;border-radius:6px;padding:20px;box-shadow:0 2px 6px rgba(0,0,0,0.3);transition:transform 0.18s,box-shadow 0.18s}
.feat-cd:hover{transform:translateY(-2px);box-shadow:0 4px 14px rgba(0,0,0,0.4)}
.fcd-icon{font-size:1.6rem;display:block;margin-bottom:10px;line-height:1}
.feat-cd h3{font-size:clamp(0.95rem,0.9rem + 0.2vw,1.05rem);color:#FFCA27;margin-bottom:8px;font-weight:700}
.feat-cd p{color:#D0D0D0;font-size:clamp(0.85rem,0.82rem + 0.15vw,0.93rem);margin:0;line-height:1.55}

@media(min-width:481px){.feat-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:769px){.feat-grid{grid-template-columns:repeat(3,1fr)}}

.compare-band{padding:48px 0}
.compare-band h2{font-size:clamp(1.4rem,1.1rem + 1vw,2rem);margin-bottom:14px}
.compare-band p{color:#D0D0D0;margin-bottom:14px;font-size:clamp(0.93rem,0.9rem + 0.15vw,1rem)}
.cmp-tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:20px 0;border-radius:6px}
table{border-collapse:collapse;width:100%}
table thead tr{background:#10160C}
table th{color:#FFCA27;font-size:clamp(0.78rem,0.75rem + 0.15vw,0.88rem);text-align:left;padding:10px 12px;font-weight:700;white-space:nowrap}
table td{color:#D0D0D0;font-size:clamp(0.8rem,0.77rem + 0.15vw,0.9rem);padding:10px 12px;border-bottom:1px solid rgba(255,255,255,0.07);white-space:nowrap}
table tr:hover td{background:rgba(255,202,39,0.04)}
@media(max-width:480px){table th,table td{font-size:0.75rem;padding:8px 8px}}
@media(max-width:320px){table th,table td{font-size:0.7rem;padding:6px 6px}}

#site-footer{background:#1B1B1B;padding:40px 0 0}
.ft-box{max-width:1200px;margin:0 auto;padding:0 10px}
.ft-top{display:flex;flex-direction:column;gap:24px;margin-bottom:28px}
.ft-brand img{width:180px;height:36px;object-fit:contain;margin-bottom:10px;display:block}
.ft-tagline{color:#9E9E9E;font-size:0.85rem}
.ft-nav-cols{display:flex;gap:32px;flex-wrap:wrap}
.ft-col{display:flex;flex-direction:column;gap:8px}
.ft-col strong{color:#FFFFFF;font-size:0.82rem;font-weight:700;margin-bottom:2px;text-transform:uppercase;letter-spacing:0.05em}
.ft-col a{color:#9E9E9E;font-size:0.85rem;transition:color 0.18s}
.ft-col a:hover{color:#FFCA27}
.ft-lbl{color:#9E9E9E;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.05em;margin-bottom:10px;font-weight:600}
.ft-logo-strip{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-bottom:24px}
.ft-logo-strip img{height:auto;object-fit:contain;opacity:0.7;filter:brightness(0) invert(1);transition:opacity 0.18s;max-height:25px}
.ft-logo-strip img:hover{opacity:1}
.ft-bottom{display:flex;flex-direction:column;gap:16px;padding:20px 0;border-top:1px solid rgba(255,255,255,0.1)}
.ft-disc{color:#6E6E6E;font-size:0.76rem;line-height:1.55}
.ft-disc p{max-width:100%}
.ft-trust{display:flex;align-items:center;gap:12px}
.ft-trust img{height:auto;object-fit:contain}

@media(min-width:769px){
.ft-top{flex-direction:row;justify-content:space-between;align-items:flex-start}
.ft-bottom{flex-direction:row;align-items:flex-start}
.ft-trust{flex-shrink:0}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}