*{box-sizing:border-box;margin:0;padding:0}
body{background:#ffffff;color:#111111;font-family:Arial,Helvetica,sans-serif;font-size:1rem;line-height:1.6}
a{color:#255dbd;text-decoration:none}
a:hover{text-decoration:underline}
img{display:block;max-width:100%}
header{background:#001041;position:sticky;top:0;z-index:100;width:100%}
.hdr-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 10px}
.ham-btn{background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;height:22px;width:28px;padding:0}
.ham-btn span{display:block;background:#ffffff;height:3px;width:100%}
.ham-btn span:nth-child(1){margin-bottom:5px}
.ham-btn span:nth-child(2){margin-bottom:5px}
.mob-menu{display:none;flex-direction:column;background:#001041;position:fixed;top:0;left:0;width:100%;height:100%;z-index:200;overflow-y:auto}
.mob-menu.open{display:flex}
.mob-menu-top{display:flex;align-items:center;justify-content:space-between;padding:10px 10px}
.close-btn{background:none;border:none;color:#ffffff;font-size:1.8rem;cursor:pointer;line-height:1;padding:0}
.mob-nav-list{list-style:none;padding:10px 10px}
.mob-nav-item{display:flex;align-items:center;flex-wrap:wrap;border-bottom:1px solid rgba(255,255,255,0.1)}
.mob-nav-item>a{display:inline-flex;align-items:center;color:#ffffff;padding:12px 0;font-size:1rem;flex:1}
.mob-nav-item>a>.nav-active{color:#aac4ff;font-weight:700}
.arrow-mob{display:inline-flex;align-items:center;color:#ffffff;cursor:pointer;font-size:0.85rem;padding-right:8px;transition:transform 0.2s}
.arrow-mob.open{transform:rotate(180deg)}
.mob-sub-list{display:none;list-style:none;width:100%;padding-left:20px}
.mob-sub-list.open{display:block}
.mob-sub-list li{border-top:1px solid rgba(255,255,255,0.07)}
.mob-sub-list li a{display:block;color:#ccd9ff;padding:10px 0;font-size:0.95rem;white-space:nowrap}
.mob-auth{display:flex;align-items:center;padding:16px 10px}
.mob-auth .btn-login{flex:1;text-align:center;padding:10px 0;border-radius:4px;font-size:1rem;font-weight:600;margin-right:10px;background:transparent;border:2px solid #ffffff;color:#ffffff}
.mob-auth .btn-signup{flex:1;text-align:center;padding:10px 0;border-radius:4px;font-size:1rem;font-weight:600;background:#255dbd;border:2px solid #255dbd;color:#ffffff}
.desk-nav{display:none}
@media(min-width:1081px){
.hdr-bar{display:none}
.mob-menu{display:none!important}
.desk-nav{display:flex;align-items:center;background:#001041;padding:0 10px;width:100%}
.desk-nav>a>img{width:160px;height:40px;flex-shrink:0}
.desk-nav>a{margin-right:24px;line-height:0}
.desk-nav-list{display:flex;align-items:center;list-style:none;flex:1}
.desk-nav-item{display:flex;align-items:center;position:relative;margin-right:4px}
.desk-nav-item>a{display:inline-flex;align-items:center;color:#ffffff;padding:16px 12px;font-size:0.95rem;white-space:nowrap}
.desk-nav-item>a:hover{color:#aac4ff;text-decoration:none}
.arrow-desk{display:inline-flex;align-items:center;padding-left:2px;color:#ffffff;font-size:0.75rem;cursor:default;transition:transform 0.2s}
.has-sub-desk:hover .arrow-desk{transform:rotate(180deg)}
.desk-sub-list{display:none;position:absolute;top:calc(100% + 1px);left:0;background:#001041;list-style:none;z-index:300;border-top:2px solid #255dbd}
.has-sub-desk:hover .desk-sub-list{display:block}
.desk-sub-list li a{display:block;color:#ffffff;padding:8px 14px;font-size:0.9rem;white-space:nowrap}
.desk-sub-list li a:hover{background:#0a1e5e;color:#aac4ff;text-decoration:none}
.desk-auth{display:flex;align-items:center;margin-left:auto}
.desk-auth .btn-login{padding:8px 16px;border-radius:4px;font-size:0.9rem;font-weight:600;cursor:pointer;background:transparent;border:2px solid #ffffff;color:#ffffff;margin-right:10px}
.desk-auth .btn-signup{padding:8px 16px;border-radius:4px;font-size:0.9rem;font-weight:600;cursor:pointer;background:#255dbd;border:2px solid #255dbd;color:#ffffff}
}
.pg-wrap{max-width:900px;margin:0 auto;padding:32px 10px 56px}
.ab-intro{margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #e8eef8}
.ab-intro h1{font-size:1.7rem;font-weight:800;color:#001041;margin-bottom:14px}
.ab-intro p{color:#333333;line-height:1.75}
.ab-products{margin-bottom:32px}
.ab-products h2{font-size:1.2rem;font-weight:700;color:#111111;margin-bottom:12px;padding-left:10px;border-left:3px solid #255dbd}
.ab-products p{color:#333333;line-height:1.75;margin-bottom:18px}
.ab-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(min-width:600px){.ab-product-grid{grid-template-columns:repeat(3,1fr)}}
.ab-product-card{background:#f0f4ff;border-radius:8px;padding:14px 12px;display:flex;flex-direction:column;gap:5px}
.ab-prod-icon{font-size:1.4rem}
.ab-prod-name{font-size:0.9rem;font-weight:700;color:#111111}
.ab-prod-detail{font-size:0.78rem;color:#444444;line-height:1.45}
.ab-licence{margin-bottom:32px}
.ab-licence h2{font-size:1.2rem;font-weight:700;color:#111111;margin-bottom:12px;padding-left:10px;border-left:3px solid #255dbd}
.ab-licence p{color:#333333;line-height:1.75}
.ab-payments{margin-bottom:32px}
.ab-payments h2{font-size:1.2rem;font-weight:700;color:#111111;margin-bottom:12px;padding-left:10px;border-left:3px solid #255dbd}
.ab-payments p{color:#333333;line-height:1.75}
.nav-active{font-weight:700;color:#aac4ff}
footer{background:#041140;padding:36px 10px 20px}
.ftr-wrap{max-width:1200px;margin:0 auto}
.ftr-nav-list{display:flex;flex-wrap:wrap;list-style:none;margin-bottom:24px}
.ftr-nav-list li{margin-right:14px;margin-bottom:8px}
.ftr-nav-list a{color:#aac4ff;font-size:0.9rem}
.ftr-nav-list a:hover{color:#ffffff;text-decoration:underline}
.ftr-payments{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.ftr-payments img{height:25px;width:auto;margin-right:14px;margin-bottom:8px}
.ftr-providers{display:flex;flex-wrap:wrap;align-items:center;margin-bottom:24px}
.ftr-providers img{height:25px;width:auto;margin-right:14px;margin-bottom:8px}
.ftr-btm{display:flex;flex-direction:column;gap:14px}
@media(min-width:769px){.ftr-btm{flex-direction:row;align-items:flex-start;justify-content:space-between}}
.ftr-note{font-size:0.78rem;color:#8a9cc4;line-height:1.6}
.ftr-trust{display:flex;align-items:center;flex-shrink:0}
.ftr-trust img{margin-right:12px}
@media(min-width:769px){.ftr-note{flex:1;margin-right:24px}}
@media(max-width:480px){
.ab-intro h1{font-size:1.3rem}
.ab-product-grid{grid-template-columns:1fr 1fr}
}