/* OnlyGuider ADS — shared styles. Single source of truth for every page. */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Montserrat',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;color:#4A5568;background:#fff;line-height:1.6;font-weight:500;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
h1,h2,h3,h4{color:#171923;font-weight:700;line-height:1.2;letter-spacing:-0.01em}
p{color:#4A5568;font-weight:500}
a{text-decoration:none;color:#0995D0;transition:color .2s cubic-bezier(.4,0,.2,1)}
a:hover{color:#0DB1F2}
svg{display:inline-block;vertical-align:middle}
img{max-width:100%;height:auto;display:block}
::selection{background:rgba(13,177,242,0.16)}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
.faq-plus{transition:transform .3s cubic-bezier(.4,0,.2,1)}
details[open] .faq-plus{transform:rotate(45deg)}
.nav-chev{transition:transform .2s cubic-bezier(.4,0,.2,1)}
details.navdd[open] .nav-chev{transform:rotate(180deg)}
.hdd{position:relative}
.hdd>a{display:inline-flex;align-items:center;gap:5px}
.hdd-chev{transition:transform .2s cubic-bezier(.4,0,.2,1)}
.hdd-menu{position:absolute;top:100%;left:0;margin-top:12px;background:#fff;border:1px solid #E2E8F0;border-radius:12px;padding:8px;min-width:232px;display:flex;flex-direction:column;gap:2px;z-index:100;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease,visibility 0s linear .18s}
.hdd::after{content:"";position:absolute;top:100%;left:0;width:100%;height:16px}
.hdd:hover .hdd-menu,.hdd:focus-within .hdd-menu{opacity:1;visibility:visible;transform:translateY(0);transition:opacity .18s ease,transform .18s ease}
.hdd:hover .hdd-chev,.hdd:focus-within .hdd-chev{transform:rotate(180deg)}
.og-fade{animation:ogFadeUp .5s cubic-bezier(.4,0,.2,1) both}
.g2,.g3,.g5,.g6{display:grid}
.g2{grid-template-columns:1fr}
.g3{grid-template-columns:1fr}
.g5{grid-template-columns:1fr}
.g6{grid-template-columns:1fr}
.mobile-burger{display:none;width:44px;height:44px;align-items:center;justify-content:center}
.mobile-overlay{position:fixed;inset:0;background:#fff;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:100000;overflow:hidden}
.mobile-drawer{position:absolute;inset:0;width:100%;background:#fff;transform:translateX(100%);transition:transform .26s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto}
html.menu-open .mobile-overlay{opacity:1;visibility:visible}
html.menu-open .mobile-drawer{transform:translateX(0)}
html.menu-open,html.menu-open body{overflow:hidden}
.mobile-acc-panel{display:none}
.mobile-acc[open] .mobile-acc-panel{display:flex}
.mobile-acc[open] .mobile-acc-chev{transform:rotate(180deg)}
.mobile-drawer a:active,.mobile-drawer button:active{background:#F7FAFC}
.m-cta{display:flex;align-items:center;justify-content:center;gap:14px 24px;flex-wrap:wrap;position:fixed;left:0;right:0;bottom:0;z-index:9500;padding:12px 20px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #E2E8F0;box-shadow:0 -6px 24px rgba(16,24,40,0.10);transform:translateY(160%);transition:transform .28s cubic-bezier(.4,0,.2,1)}
.m-cta.show{transform:translateY(0)}
.m-cta-txt{font-size:15px;font-weight:800;color:#171923;line-height:1.3}
.m-cta a{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 30px;border-radius:999px;background:linear-gradient(to right,#0DB1F2,#0995D0);color:#fff;font-size:15px;font-weight:700;white-space:nowrap;flex-shrink:0}
.lnk:hover{color:#0DB1F2 !important}
.ddi:hover{background:#F7FAFC !important;color:#0DB1F2 !important}
.card{transition:all .3s cubic-bezier(.4,0,.2,1)}
.card:hover{border-color:#0DB1F2 !important}
.cardu{transition:all .3s cubic-bezier(.4,0,.2,1)}
.cardu:hover{transform:translateY(-1px) !important;border-color:#0DB1F2 !important}
.btnp:hover{transform:translateY(-1px) !important}
.btns:hover{border-color:#0DB1F2 !important;color:#0995D0 !important;background:#F7FAFC !important}
.btnw:hover{transform:translateY(-1px) !important}
.ph{transition:all .3s cubic-bezier(.4,0,.2,1)}
.ph:hover{border-color:rgba(13,177,242,0.75) !important}
.fl-l:hover{color:#0DB1F2 !important}
.fl-l:focus-visible{outline:2px solid #0DB1F2;outline-offset:3px;border-radius:4px}
.nv-l:hover{color:#0DB1F2 !important}
.nv-m:hover{background:#F7FAFC}
.lgl{max-width:720px;margin:0 auto;padding:clamp(32px,5vw,52px) 24px clamp(56px,7vw,80px)}
.lgl-hd{padding-bottom:clamp(22px,3vw,30px);border-bottom:1px solid #E2E8F0;margin-bottom:clamp(28px,3.6vw,38px)}
.lgl-hd h1{font-size:clamp(28px,4.6vw,40px);font-weight:800;color:#171923;letter-spacing:-0.022em;line-height:1.16;margin:0}
.lgl-upd{display:inline-flex;align-items:center;gap:7px;margin:16px 0 0;padding:6px 13px;background:#F7FAFC;border:1px solid #E2E8F0;border-radius:999px;font-size:12.5px;font-weight:600;color:#4A5568;line-height:1.4}
.lgl-upd svg{flex-shrink:0;color:#0995D0}
.lgl-body>*:first-child{margin-top:0}
.lgl-body>*:last-child{margin-bottom:0}
.lgl-body p{font-size:17px;line-height:1.75;color:#4A5568;font-weight:500;margin:0 0 18px}
.lgl-body h2{font-size:clamp(21px,2.7vw,25px);font-weight:800;color:#171923;letter-spacing:-0.016em;line-height:1.3;margin:44px 0 14px;scroll-margin-top:80px}
.lgl-body h3{font-size:18px;font-weight:800;color:#171923;letter-spacing:-0.01em;line-height:1.45;margin:30px 0 10px;scroll-margin-top:80px}
.lgl-body h4{font-size:14px;font-weight:800;color:#2D3748;letter-spacing:0.04em;text-transform:uppercase;line-height:1.5;margin:24px 0 8px}
.lgl-body strong{color:#171923;font-weight:700}
.lgl-body a{color:#0995D0;font-weight:600;border-bottom:1px solid rgba(13,177,242,0.32);transition:color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1)}
.lgl-body a:hover{color:#0DB1F2;border-bottom-color:#0DB1F2}
.lgl-body a:focus-visible{outline:2px solid #0DB1F2;outline-offset:2px;border-radius:3px}
.lgl-body ul,.lgl-body ol{margin:0 0 18px;padding-left:24px}
.lgl-body ul{list-style:disc}
.lgl-body ol{list-style:decimal}
.lgl-body ul ul{list-style:circle}
.lgl-body li{font-size:17px;line-height:1.7;color:#4A5568;font-weight:500;margin:0 0 9px;padding-left:4px}
.lgl-body li:last-child{margin-bottom:0}
.lgl-body li::marker{color:#0DB1F2;font-weight:700}
.lgl-body li>ul,.lgl-body li>ol{margin:9px 0 0}
.lgl-body li>p{margin:0 0 9px}
.lgl-body hr{border:0;height:1px;background:#E2E8F0;margin:clamp(34px,4.4vw,44px) 0}
.lgl-body blockquote{margin:26px 0;padding:16px 20px;background:#F7FAFC;border:1px solid #E2E8F0;border-left:3px solid #0DB1F2;border-radius:12px}
.lgl-body blockquote p{font-size:15px;line-height:1.7;color:#2D3748;font-weight:600;margin:0 0 10px}
.lgl-body blockquote p:last-child{margin-bottom:0}
.lgl-body blockquote strong{color:#171923;font-weight:800}
.lgl-body blockquote.age{padding-left:54px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%230995D0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1Z'/%3E%3Cpath d='M12 8v4'/%3E%3Cpath d='M12 16h.01'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:20px 17px;background-size:20px 20px}
.lgl-body table{width:100%;border-collapse:separate;border-spacing:0;margin:26px 0;background:#fff;border:1px solid #E2E8F0;border-radius:12px;font-size:14px}
.lgl-body thead th{background:#F7FAFC;font-size:11.5px;font-weight:800;color:#171923;text-transform:uppercase;letter-spacing:0.06em;text-align:left;line-height:1.4;padding:11px 16px;border-bottom:1px solid #E2E8F0;white-space:nowrap;vertical-align:bottom}
.lgl-body thead th:first-child{border-top-left-radius:11px}
.lgl-body thead th:last-child{border-top-right-radius:11px}
.lgl-body tbody td{padding:12px 16px;font-size:14px;line-height:1.6;color:#4A5568;font-weight:500;border-bottom:1px solid #E2E8F0;vertical-align:top}
.lgl-body tbody tr:last-child td{border-bottom:0}
.lgl-body tbody td:first-child{font-weight:700;color:#2D3748}
.lgl-body .tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:26px 0;border-radius:12px}
.lgl-body .tbl table{margin:0;min-width:680px}
.nv-dd:hover{background:#F7FAFC !important;color:#0DB1F2 !important}
.hv-link:hover{color:#0DB1F2!important}
.hv-border:hover{border-color:#0DB1F2!important}
.hv-tint-link:hover{background:#F7FAFC!important;color:#0DB1F2!important}
.hv-link-border:hover{color:#0DB1F2!important;border-color:#0DB1F2!important}
.hv-lift:hover{transform:translateY(-1px)!important}
.hv-card:hover{border-color:#0DB1F2!important;color:#0995D0!important;background:#F7FAFC!important}
.hv-border-soft:hover{border-color:rgba(13,177,242,0.75)!important}
.hv-tint:hover{background:#F7FAFC!important}
a.xl::after{content:"";display:inline-block;width:.66em;height:.66em;margin-left:.28em;vertical-align:-.02em;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.85}
.soc{width:38px;height:38px;border-radius:999px;border:1px solid #E2E8F0;background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#4A5568;transition:color .2s,border-color .2s,transform .2s}
.soc:hover{color:#0DB1F2;border-color:#0DB1F2;transform:translateY(-1px)}

/* responsive */
@keyframes ogFadeUp{0%{opacity:0;transform:translateY(16px)}100%{opacity:1;transform:translateY(0)}}
@media(min-width:560px){.g6{grid-template-columns:repeat(2,1fr)}}
@media(min-width:640px){.g2{grid-template-columns:repeat(2,1fr)}}
@media(min-width:820px){.g3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:900px){.g6{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.g5{grid-template-columns:repeat(5,1fr)}}
@media(max-width:1023px){.desktop-nav{display:none!important}.mobile-burger{display:inline-flex}}
@media(max-width:767px){table.mstack{min-width:0!important;border-collapse:separate;border-spacing:0}
    table.mstack thead{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
    table.mstack tbody,table.mstack tr,table.mstack td{display:block;width:auto}
    table.mstack tr{border:1px solid #E2E8F0;border-radius:12px;margin:0 0 12px;background:#fff;overflow:hidden}
    table.mstack tr:last-child{margin-bottom:0}
    table.mstack td{border:0!important;padding:10px 16px!important;font-size:14px!important;display:flex;justify-content:space-between;gap:16px;text-align:right;line-height:1.45}
    table.mstack td::before{content:attr(data-label);font-weight:700;color:#171923;text-align:left;flex:0 0 auto}
    table.mstack td:first-child{background:#F7FAFC;font-weight:800!important;color:#171923!important;font-size:15px!important;display:block;text-align:left}
    table.mstack td:first-child::before{display:none}
    footer a{padding:5px 0;min-height:34px;display:inline-flex;align-items:center}
    .m-cta{gap:0;padding-left:14px;padding-right:14px}
    .m-cta-txt{display:none}
    .m-cta a{width:100%;max-width:520px;padding:0 20px}}
@media(max-width:767px){.fl-l{min-height:44px;padding:7px 0}}
@media(min-width:1024px){.lgl-body .tbl{margin-left:-88px;margin-right:-88px}}
@media(max-width:767px){.lgl-body p,.lgl-body li{font-size:16px}
    .lgl-body table{border:0;border-radius:0;background:transparent;margin:22px 0}
    .lgl-body .tbl{overflow:visible;border-radius:0}
    .lgl-body blockquote{padding:14px 16px;margin:22px 0}
    .lgl-body blockquote.age{padding-left:46px;background-position:15px 15px;background-size:18px 18px}}