@property --a{syntax:'<angle>';inherits:false;initial-value:0deg}
:root{--navy:#122F57;--gold:#FDB61C;--white:#fff;--black:#000;--bg:#fff;--soft:#F3F6FB;--text:#1b2433;--muted:#5b6678;--card:#fff;--line:#e3e8f0;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-padding-top:calc(80px + env(safe-area-inset-top,0px));scroll-behavior:smooth}
*,*:before,*:after{box-sizing:inherit}
body{margin:0;font-family:Poppins,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.6}
a{text-decoration:none;color:inherit}
img{max-width:100%}
.container{max-width:1160px;margin:auto;padding:0 20px}
section{padding:80px 0}
.lt{--bg:#fff;--soft:#F3F6FB;--text:#1b2433;--muted:#5b6678;--card:#fff;--line:#e3e8f0;background:var(--bg);color:var(--text)}
.lt h2,.lt h3{color:var(--navy)}
.dk{--bg:#0a1b35;--soft:#0f2342;--text:#e8eef8;--muted:#a9b8d0;--card:#13294a;--line:#27456f;background:radial-gradient(circle at 10% 0,#143a6b 0,var(--bg) 45%);color:var(--text)}
.dk h2,.dk h3{color:#fff}
.dk .ico{background:#1e4a87;box-shadow:inset 0 -3px 0 var(--gold)}
.num{width:46px;height:46px;border-radius:50%;background:var(--gold);color:var(--navy);font-weight:800;display:grid;place-items:center;margin-bottom:14px;font-size:18px}
details{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 18px}summary{cursor:pointer;font-weight:600}details p{margin:10px 0 0}
.wa{position:fixed;right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:54px;height:54px;border-radius:50%;background:#25D366;display:grid;place-items:center;box-shadow:0 8px 24px rgba(0,0,0,.3);z-index:60}
.rv{transition:opacity .7s,transform .7s}
h1,h2,h3{line-height:1.2;margin:0 0 14px;color:var(--navy)}
h2{font-size:clamp(26px,3.4vw,38px);font-weight:700}
.center{text-align:center;max-width:720px;margin:0 auto 46px}
.muted{color:var(--muted)}
.center>p.muted{font-size:17px}
/* headings */
.tag{display:inline-flex;align-items:center;gap:10px;letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:600;color:#a86f00;margin-bottom:14px}
.tag:before,.tag:after{content:"";width:26px;height:2px;border-radius:2px;background:var(--gold)}
.dk .tag,.hero .tag{color:var(--gold)}
.center h2:after{content:"";display:block;width:70px;height:4px;border-radius:4px;margin:16px auto 0;background:linear-gradient(90deg,var(--gold) 60%,var(--navy) 60%)}
.dk .center h2:after{background:linear-gradient(90deg,var(--gold) 60%,#fff 60%)}
h2 em{font-style:normal;background:linear-gradient(transparent 62%,rgba(253,182,28,.45) 0)}
.btn{display:inline-block;padding:13px 28px;border-radius:50px;font-weight:600;border:2px solid transparent;cursor:pointer;font-family:inherit;font-size:15px;transition:.25s}
.btn-gold{background:var(--gold);color:var(--navy)}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(253,182,28,.45)}
.btn-line{border-color:#fff;color:#fff}.btn-line:hover{background:#fff;color:var(--navy)}
.grid{display:grid;gap:24px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media(max-width:900px){.g3,.g4{grid-template-columns:repeat(2,1fr)}.g2{grid-template-columns:1fr}}
@media(max-width:560px){.g3,.g4{grid-template-columns:1fr}section{padding:56px 0}}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:28px;transition:.3s}
.card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(18,47,87,.15);border-color:var(--gold)}
.ico{width:54px;height:54px;border-radius:14px;background:var(--navy);display:grid;place-items:center;margin-bottom:16px;box-shadow:inset 0 -3px 0 var(--gold)}
/* navbar */
header{position:sticky;top:0;z-index:50;background:var(--navy);padding-top:env(safe-area-inset-top,0px);box-shadow:0 4px 20px rgba(0,0,0,.2)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:72px}
.logo{display:flex;align-items:center;flex:none;padding:8px 0;line-height:0}
.logo img{display:block;width:220px;max-width:100%;object-fit:contain;border-radius:14px}
@media(max-width:560px){.logo img{height:48px}}
.links{display:flex;align-items:center;gap:26px;color:#fff;font-size:14.5px;font-weight:500}
.links>a:hover{color:var(--gold)}
/* unique login */
.links .login{position:relative;isolation:isolate;display:inline-flex;align-items:center;gap:10px;padding:4px 4px 4px 18px;border-radius:50px;background:#0b2144;color:#fff;font-weight:600;font-size:14px;transition:.3s}
.login:before{content:"";position:absolute;inset:-2px;border-radius:inherit;z-index:-2;background:conic-gradient(from var(--a),var(--gold),transparent 35%,transparent 65%,var(--gold));animation:rot 3.5s linear infinite}
.login:after{content:"";position:absolute;inset:0;border-radius:inherit;background:#0b2144;z-index:-1}
.login .av2{position:relative;width:36px;height:36px;border-radius:50%;background:var(--gold);display:grid;place-items:center;transition:.4s}
.links .login .i{width:20px;height:20px;color:var(--navy)}
.login .av2 u{position:absolute;right:-1px;top:-1px;width:11px;height:11px;border-radius:50%;background:#2ee08a;border:2px solid #0b2144;animation:pls 2s infinite}
.links .login:hover{color:var(--gold);box-shadow:0 0 22px rgba(253,182,28,.45)}.login:hover .av2{transform:rotate(360deg) scale(1.08)}
@keyframes rot{to{--a:360deg}}
@keyframes pls{50%{box-shadow:0 0 0 5px rgba(46,224,138,.25)}}
@media(max-width:700px){.links .txt{display:none}.links{gap:14px}.login .lbl{display:none}.links .login{padding:4px}}
/* hero */
.hero{background:radial-gradient(circle at 80% 20%,#1e4a87 0,var(--navy) 55%);color:#fff;padding:70px 0 90px;overflow:hidden}
.hero h1{color:#fff;font-size:clamp(32px,5vw,56px);font-weight:800}
.hero h1 em{color:var(--gold);font-style:normal}
.hero p{color:#cdd9ec;font-size:17px;max-width:520px}
.hero .grid{align-items:center;grid-template-columns:1.05fr .95fr}
@media(max-width:900px){.hero .grid{grid-template-columns:1fr}}
.stats{display:flex;gap:30px;margin-top:34px;flex-wrap:wrap}
.stats b{display:block;font-size:28px;color:var(--gold)}.stats span{font-size:13px;color:#cdd9ec}
.dash{border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.4);animation:fl 5s ease-in-out}
.dash img{display:block;width:100%;height:auto;object-fit:cover} 
/* specialities */
.chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:34px}
.chip{display:inline-flex;align-items:center;gap:8px;padding:11px 22px;border-radius:50px;border:2px solid var(--line);background:var(--card);color:var(--text);font:600 14px Poppins,sans-serif;cursor:pointer;transition:.25s}
.chip:hover{border-color:var(--gold)}
.chip.on{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 8px 20px rgba(18,47,87,.3)}
.chip .i{width:18px;height:18px;color:#e0a000}.chip.on .i{color:var(--gold)}
.spec{display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;background:linear-gradient(135deg,var(--navy),#1e4a87);color:#fff;border-radius:24px;padding:40px;overflow:hidden}
.spec h3{color:#fff;font-size:26px}.spec li{margin:8px 0;color:#d6e0f0}.spec li:before{content:"✔ ";color:var(--gold)}
.spec ul{padding:0;list-style:none}
.stage{position:relative;height:280px;display:grid;place-items:center}
.ring{position:absolute;border-radius:50%}
.r1{width:210px;height:210px;border:2px dashed rgba(253,182,28,.5);animation:spin 24s linear infinite}
.r2{width:285px;height:285px;border:2px solid rgba(255,255,255,.12)}
.core{width:130px;height:130px;border-radius:50%;background:var(--gold);display:grid;place-items:center;box-shadow:0 0 0 12px rgba(253,182,28,.18),0 20px 50px rgba(0,0,0,.35);animation:pop .55s cubic-bezier(.2,1.4,.4,1)}
.core .i{width:64px;height:64px;color:var(--navy);stroke-width:1.8}
.fl{position:absolute;display:flex;align-items:center;gap:6px;background:#fff;color:var(--navy);font-size:12px;font-weight:600;padding:8px 14px;border-radius:50px;box-shadow:0 10px 24px rgba(0,0,0,.3);animation:fl2 4s ease-in-out infinite}
.fl .i{width:14px;height:14px;color:#1a8a4a}
.f1{top:12px;right:0}.f2{bottom:16px;left:0;animation-delay:-2s}
@keyframes pop{from{transform:scale(.3) rotate(-30deg);opacity:0}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fl2{50%{transform:translateY(-8px)}}
@media(max-width:800px){.spec{grid-template-columns:1fr;padding:28px}.stage{height:240px}.f1{right:-6px}.f2{left:-6px}}
/* phone */
.phone{width:250px;height:480px;margin:auto;background:#000;border-radius:36px;padding:10px;box-shadow:0 30px 60px rgba(18,47,87,.35),0 0 0 3px var(--gold)}
.screen{height:100%;border-radius:28px;background:#F3F6FB;overflow:hidden;color:#1b2433;font-size:12px}
.screen .top{background:var(--navy);color:#fff;padding:22px 14px 14px;font-weight:600}
.screen .it{background:#fff;margin:10px;border-radius:12px;padding:10px;display:flex;justify-content:space-between}
.list{list-style:none;padding:0;margin:20px 0 0}.list li{padding:8px 0;font-weight:500}.list li:before{content:"✓";background:var(--gold);color:var(--navy);width:22px;height:22px;border-radius:50%;display:inline-grid;place-items:center;font-size:12px;margin-right:10px;font-weight:700}
/* whatsapp */
.chat{background:#0b141a;border-radius:24px;padding:18px;max-width:380px;margin:auto;box-shadow:0 25px 55px rgba(0,0,0,.3)}
.chat .h{color:#fff;font-weight:600;padding-bottom:12px;border-bottom:1px solid #223;margin-bottom:12px}
.m{max-width:85%;padding:9px 13px;border-radius:12px;font-size:13px;margin-bottom:10px}
.m.in{background:#202c33;color:#e9edef}.m.out{background:#005c4b;color:#fff;margin-left:auto}
.dev{text-align:center}.dev .ico{margin:0 auto 14px;width:64px;height:64px}
/* cta */
.cta{background:linear-gradient(120deg,var(--navy),#1e4a87);color:#fff;border-radius:28px;position:relative;overflow:hidden;text-align:left;padding:64px 56px}
.cta h2{color:#fff}.cta h2 em{color:var(--gold);font-style:normal;background:none}.cta p{color:#cdd9ec}
.cta>*:not(.ctaimg){position:relative;max-width:560px}.ctaimg{position:absolute;right:0;top:0;bottom:0;width:46%}.ctaimg svg{width:100%;height:100%}
@media(max-width:800px){.ctaimg{width:100%;opacity:.2}.cta{padding:48px 24px}}
/* testimonials */
.stars{color:var(--gold);letter-spacing:2px}
.av{width:44px;height:44px;border-radius:50%;background:var(--navy);color:var(--gold);display:grid;place-items:center;font-weight:700}
.who{display:flex;align-items:center;gap:12px;margin-top:16px}.who small{display:block;color:var(--muted)}
.tw{display:grid;grid-template-columns:.7fr 1.3fr;gap:28px}
.score{background:var(--gold);color:var(--navy);border-radius:24px;padding:36px;display:flex;flex-direction:column;justify-content:center}
.score>b{font-size:74px;line-height:1;font-weight:800}.score .st{font-size:20px;letter-spacing:3px}.score p{margin:8px 0 0;font-weight:600}
.mini{display:flex;gap:22px;margin-top:22px;padding-top:16px;border-top:2px solid rgba(18,47,87,.2);font-size:12px;font-weight:600}.mini b{display:block;font-size:22px}
.tq{position:relative;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:38px;min-height:250px;animation:tin .5s}
.tq:after{content:"";position:absolute;left:60px;bottom:-14px;width:26px;height:26px;background:var(--card);border-right:1px solid var(--line);border-bottom:1px solid var(--line);transform:rotate(45deg)}
.tq .big{position:absolute;right:26px;top:4px;font:120px/1 Georgia,serif;color:var(--gold);opacity:.25}
.tq p{position:relative;font-size:20px;font-weight:500;color:var(--text);margin:0 0 18px}
.res{display:inline-flex;align-items:center;gap:8px;background:rgba(253,182,28,.15);color:var(--gold);padding:7px 16px;border-radius:50px;font-weight:600;font-size:13px}.res .i{width:15px;height:15px}
.trail{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px;padding-left:30px}
.tb{position:relative;overflow:hidden;display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border:2px solid var(--line);border-radius:50px;background:var(--card);color:var(--text);font:600 13px Poppins,sans-serif;cursor:pointer;transition:.25s}
.tb .av{width:34px;height:34px}.tb .av .i{width:18px;height:18px;color:var(--gold)}
.tb.on{border-color:var(--gold);transform:translateY(-3px)}
.tb.on:after{content:"";position:absolute;left:0;bottom:0;height:3px;background:var(--gold);animation:pg 6s linear forwards}
.mq{overflow:hidden;margin-top:46px;-webkit-mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);mask:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mq div{display:flex;gap:14px;width:max-content;animation:mq 32s linear infinite}
.mq span{white-space:nowrap;padding:9px 20px;border:1px solid var(--line);border-radius:50px;color:var(--muted);font-size:14px}.mq .i{color:var(--gold);margin-right:6px}
@keyframes pg{from{width:0}to{width:100%}}@keyframes tin{from{opacity:0;transform:translateY(14px)}}@keyframes mq{to{transform:translateX(-50%)}}
@media(max-width:800px){.tw{grid-template-columns:1fr}.tq{padding:28px 22px}.tq p{font-size:17px}.trail{padding-left:0}}
/* contact */
.cbox{display:grid;grid-template-columns:.85fr 1.15fr;border-radius:28px;overflow:hidden;border:1px solid var(--line);box-shadow:0 30px 70px rgba(18,47,87,.18)}
.cinfo{position:relative;overflow:hidden;padding:44px 36px;color:#fff;background:radial-gradient(circle at 0 0,#1e4a87,var(--navy) 60%)}
.cinfo:after{content:"";position:absolute;right:-70px;bottom:-70px;width:220px;height:220px;border-radius:50%;background:var(--gold);opacity:.15}
.cinfo h3{color:#fff;font-size:26px}.cinfo p{color:#cdd9ec}
.ci{display:flex;gap:14px;align-items:center;margin:20px 0}
.ci .ico{margin:0;flex:none;width:46px;height:46px;background:rgba(253,182,28,.15);box-shadow:none}
.ci small{display:block;color:#a9b8d0;font-size:12px}.ci b{color:#fff;font-size:15px}
.form{background:var(--card);padding:44px 36px}
.fr{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.ff{position:relative;margin-bottom:16px}
.ff input,.ff select,.ff textarea{width:100%;padding:24px 14px 8px;border:1.5px solid var(--line);border-radius:12px;font:inherit;background:var(--bg);color:var(--text)}
.ff input:focus,.ff select:focus,.ff textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(253,182,28,.25)}
.ff label{position:absolute;left:15px;top:15px;font-size:14px;color:var(--muted);pointer-events:none;transition:.2s}
.ff input:focus+label,.ff input:not(:placeholder-shown)+label,.ff textarea:focus+label,.ff textarea:not(:placeholder-shown)+label,.ff select+label{top:6px;font-size:11px;font-weight:600;color:#a86f00}
.ok{display:none;margin-top:14px;background:#e7f7ec;color:#1a7a43;padding:12px;border-radius:12px;font-weight:500}
.faq{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px;align-items:start}
@media(max-width:800px){.cbox,.fr,.faq{grid-template-columns:1fr}.cinfo,.form{padding:30px 22px}}
/* footer */
footer{background:#06111f;color:#cdd9ec;padding:60px 0 24px}
 
@media(max-width:560px){footer .logo img{height:44px}}
footer h4{color:#fff;margin:0 0 14px}footer a{display:block;margin:8px 0;font-size:14px}footer a:hover{color:var(--gold)}
footer .logo{display:flex}
footer .grid{grid-template-columns:1.6fr 1fr 1fr 1.2fr}@media(max-width:800px){footer .grid{grid-template-columns:1fr 1fr}}
.copy{border-top:1px solid #2a4673;margin-top:34px;padding-top:20px;font-size:13px;text-align:center}
/* integrations hub */
.ig{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}
.hub{position:relative;width:380px;height:380px;max-width:100%;margin:auto}
.hub .ring{aspect-ratio:1}
.hub .r1{width:270px;height:270px;left:calc(50% - 135px);top:calc(50% - 135px)}
.hub .r2{width:350px;height:350px;left:calc(50% - 175px);top:calc(50% - 175px)}
.hub .core{position:absolute;left:calc(50% - 65px);top:calc(50% - 65px)}
.orbit{position:absolute;inset:0;animation:spin 40s linear infinite}
.hub .core{animation:pop .55s cubic-bezier(.2,1.4,.4,1),rip 2.6s ease-out .6s infinite}
.sp{position:absolute;left:50%;top:50%;width:135px;height:2px;margin-top:-1px;transform-origin:0 50%;background-color:rgba(253,182,28,.18);background-image:linear-gradient(90deg,transparent,var(--gold),transparent);background-size:60px 100%;background-repeat:no-repeat;animation:flow 2.4s linear infinite}
.sp:nth-child(2n){animation-delay:-.8s}.sp:nth-child(3n){animation-delay:-1.6s}
.nd{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px}
.ni{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:50%;background:var(--navy);border:2px solid #27456f;box-shadow:inset 0 -3px 0 var(--gold),0 10px 24px rgba(0,0,0,.35);animation:spinr 40s linear infinite;cursor:pointer;transition:background .3s,border-color .3s}
.ni .i{width:24px;height:24px;color:var(--gold);transition:.3s}
.ni:after{content:attr(data-l);position:absolute;bottom:62px;left:50%;transform:translateX(-50%);white-space:nowrap;background:#fff;color:var(--navy);font-size:12px;font-weight:600;padding:5px 12px;border-radius:50px;box-shadow:0 8px 20px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:.25s}
.ni.hl{background:var(--gold);border-color:#fff}.ni.hl .i{color:var(--navy)}.ni.hl:after{opacity:1}
.hub.pause .orbit,.hub.pause .ni,.hub.pause .sp{animation-play-state:paused}
@keyframes spinr{to{transform:rotate(-360deg)}}
@keyframes flow{from{background-position:135px 0}to{background-position:-60px 0}}
@keyframes rip{0%{box-shadow:0 0 0 0 rgba(253,182,28,.55),0 20px 50px rgba(0,0,0,.35)}100%{box-shadow:0 0 0 46px rgba(253,182,28,0),0 20px 50px rgba(0,0,0,.35)}}
.irow{position:relative;overflow:hidden}
.irow:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--gold);transform:scaleY(0);transition:.3s}
.irow:hover:before,.irow.hl:before{transform:none}
.irow.hl{transform:translateX(8px);border-color:var(--gold);background:linear-gradient(90deg,rgba(253,182,28,.14),var(--card))}
.istrip{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:48px}
.istrip span{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:50px;background:rgba(253,182,28,.1);border:1px solid rgba(253,182,28,.35);color:#fff;font-size:14px;font-weight:600}
.istrip .i{color:var(--gold);width:18px;height:18px}
@media(prefers-reduced-motion:reduce){.orbit,.ni,.sp,.hub .core{animation:none}}
.irow{display:flex;align-items:center;gap:14px;padding:12px 18px;background:var(--card);border:1px solid var(--line);border-radius:16px;margin-bottom:12px;transition:.3s}
.irow:hover{transform:translateX(8px);border-color:var(--gold)}
.irow .ico{margin:0;flex:none;width:46px;height:46px}
.irow h3{font-size:16px;margin:0 0 2px}.irow p{margin:0;font-size:13px}
.irow .live{margin-left:auto;font-size:11px;font-weight:600;color:#2ee08a;white-space:nowrap}
@media(max-width:900px){.ig{grid-template-columns:1fr}}

/* icons */
.i{width:1em;height:1em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.14em}
.links .i,footer a .i{width:18px;height:18px;color:var(--gold)}
.ico .i{width:26px;height:26px;color:var(--gold)}.dev .ico .i{width:32px;height:32px}
.wa .i{width:28px;height:28px;color:#fff}
.hero .i{color:var(--gold)}.chat .i{width:14px;height:14px;color:#53bdeb}
.wide{border-radius:22px;overflow:hidden;margin-top:34px;box-shadow:0 25px 60px rgba(0,0,0,.35)}.wide svg{display:block;width:100%;height:auto}
.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:50px;background:var(--card);border:1px solid var(--line);font-weight:600;font-size:14px;margin:4px 6px 4px 0}.pill .i{color:#e0a000;width:18px;height:18px}

/* ===== inner pages ===== */
.rv{opacity:1;transform:none}
.js .rv{opacity:0;transform:translateY(26px)}.js .rv.in{opacity:1;transform:none}
.links .navlink{font-weight:500}.links .navlink.on{color:var(--gold)}
.phero{background:radial-gradient(circle at 85% 0,#1e4a87 0,var(--navy) 60%);color:#fff;padding:64px 0 70px;position:relative;overflow:hidden}
.phero:after{content:"";position:absolute;right:-90px;bottom:-110px;width:300px;height:300px;border-radius:50%;background:var(--gold);opacity:.12}
.phero h1{color:#fff;font-size:clamp(30px,4.6vw,48px);font-weight:800;max-width:780px}
.phero h1 em{color:var(--gold);font-style:normal}
.phero p{color:#cdd9ec;font-size:17px;max-width:640px;margin:0}
.phero .tag{color:var(--gold)}
.crumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:#a9b8d0;margin-bottom:18px}
.crumb a:hover{color:var(--gold)}.crumb b{color:var(--gold);font-weight:500}
.pmeta{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px;font-size:13.5px;color:#cdd9ec}
.pmeta span{display:inline-flex;align-items:center;gap:7px}.pmeta .i{color:var(--gold);width:16px;height:16px}
.sect-sm{padding:56px 0}
/* blog */
.bfilter{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:34px}
.bsearch{position:relative;flex:1;min-width:230px;max-width:340px}
.bsearch input{width:100%;padding:13px 18px 13px 46px;border:1.5px solid var(--line);border-radius:50px;font:inherit;font-size:14px;background:var(--bg);color:var(--text)}
.bsearch input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(253,182,28,.25)}
.bsearch .i{position:absolute;left:17px;top:50%;margin-top:-9px;width:18px;height:18px;color:#e0a000}
.chips.left{justify-content:flex-start;margin:0}
.feat{display:grid;grid-template-columns:1.1fr .9fr;border-radius:26px;overflow:hidden;background:linear-gradient(135deg,var(--navy),#1e4a87);color:#fff;margin-bottom:40px;box-shadow:0 26px 60px rgba(18,47,87,.22)}
.feat .fb{padding:44px 40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.feat h2{color:#fff;font-size:clamp(24px,3vw,32px)}.feat p{color:#cdd9ec}
.feat .art{min-height:300px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 70% 30%,rgba(253,182,28,.3),transparent 60%)}
.feat .art .core{width:120px;height:120px;animation:none}
.feat .art .ring{left:50%;top:50%}
.feat .art .r1{width:200px;height:200px;margin:-100px 0 0 -100px}.feat .art .r2{width:280px;height:280px;margin:-140px 0 0 -140px}
.bcat{display:inline-block;background:rgba(253,182,28,.18);color:#a86f00;font-size:12px;font-weight:600;padding:5px 14px;border-radius:50px;letter-spacing:.04em}
.feat .bcat,.dk .bcat{background:rgba(253,182,28,.18);color:var(--gold)}
.bmeta{display:flex;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--muted);margin:12px 0}
.feat .bmeta{color:#cdd9ec}
.bmeta span{display:inline-flex;align-items:center;gap:6px}.bmeta .i{width:15px;height:15px;color:#e0a000}.feat .bmeta .i{color:var(--gold)}
.post{padding:0;overflow:hidden;display:flex;flex-direction:column}
.post .thumb{height:170px;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,var(--navy),#1e4a87);overflow:hidden}
.post .thumb:before{content:"";position:absolute;right:-40px;bottom:-60px;width:170px;height:170px;border-radius:50%;background:var(--gold);opacity:.18}
.post .thumb .circ{width:74px;height:74px;border-radius:50%;background:var(--gold);display:grid;place-items:center;position:relative;box-shadow:0 0 0 8px rgba(253,182,28,.18)}
.post .thumb .circ .i{width:34px;height:34px;color:var(--navy)}
.post .pb{padding:24px 26px 26px;display:flex;flex-direction:column;flex:1}
.post h3{font-size:19px;margin:12px 0 8px}.post h3 a:hover{color:#a86f00}
.post p{margin:0 0 14px;font-size:14.5px}
.more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:var(--navy)}
.more .i{width:16px;height:16px;color:#e0a000;transition:.25s}.post:hover .more .i,.more:hover .i{transform:translateX(5px)}
.empty{display:none;text-align:center;padding:40px;color:var(--muted)}
.pager{display:flex;justify-content:center;gap:10px;margin-top:44px}
.pager a{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line);font-weight:600;transition:.25s;background:var(--card)}
.pager a:hover{border-color:var(--gold)}.pager a.on{background:var(--navy);border-color:var(--navy);color:#fff}
.news{background:linear-gradient(120deg,var(--navy),#1e4a87);border-radius:28px;color:#fff;padding:48px 44px;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;position:relative;overflow:hidden}
.news h2{color:#fff}.news h2 em{color:var(--gold);background:none}.news p{color:#cdd9ec;margin:0}
.nform{display:flex;gap:10px;background:#fff;padding:6px;border-radius:50px}
.nform input{flex:1;min-width:0;border:0;padding:0 16px;font:inherit;font-size:14px;background:transparent;color:#1b2433}.nform input:focus{outline:none}
.nform .btn{padding:11px 22px}
/* article */
.alay{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:44px;align-items:start}
.cover{border-radius:24px;overflow:hidden;margin-bottom:34px;box-shadow:0 24px 56px rgba(18,47,87,.18);height:320px;display:grid;place-items:center;background:radial-gradient(circle at 80% 20%,#1e4a87,var(--navy) 60%);position:relative}
.cover:before{content:"";position:absolute;left:-60px;bottom:-80px;width:260px;height:260px;border-radius:50%;background:var(--gold);opacity:.16}
.cover .core{animation:none}.cover .ring{left:50%;top:50%}.cover .r1{width:210px;height:210px;margin:-105px 0 0 -105px}.cover .r2{width:290px;height:290px;margin:-145px 0 0 -145px}
.art-body{font-size:16.5px}
.art-body h2{font-size:26px;margin:38px 0 14px;position:relative;padding-left:18px}
.art-body h2:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:5px;border-radius:5px;background:var(--gold)}
.art-body h3{font-size:19px;margin:26px 0 10px}
.art-body p{margin:0 0 18px}
.art-body ul{padding:0;list-style:none;margin:0 0 22px}
.art-body li{padding:6px 0 6px 34px;position:relative}
.art-body li:before{content:"✓";position:absolute;left:0;top:7px;background:var(--gold);color:var(--navy);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700}
.callout{background:var(--soft);border:1px solid var(--line);border-left:5px solid var(--gold);border-radius:16px;padding:22px 26px;margin:28px 0;font-size:18px;font-weight:500;color:var(--navy);font-style:italic}
.callout small{display:block;margin-top:10px;font-style:normal;font-size:13px;color:var(--muted);font-weight:600}
.tags{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}
.tags a{padding:7px 16px;border:1.5px solid var(--line);border-radius:50px;font-size:13px;font-weight:500;transition:.25s}.tags a:hover{border-color:var(--gold);background:rgba(253,182,28,.12)}
.share{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:600}
.share a{width:42px;height:42px;border-radius:50%;background:var(--navy);display:grid;place-items:center;box-shadow:inset 0 -3px 0 var(--gold);transition:.25s}
.share a:hover{transform:translateY(-3px)}.share .i{width:19px;height:19px;color:var(--gold)}
.author{display:flex;gap:18px;align-items:center;padding:24px;margin-top:30px}
.author .av{width:64px;height:64px;flex:none;font-size:20px}
.author h4{margin:0 0 4px;color:var(--navy);font-size:17px}.author p{margin:0;font-size:14px}
.side{position:sticky;top:96px;display:grid;gap:22px}
.side .card{padding:24px}.side .card:hover{transform:none}
.side h3{font-size:18px;margin-bottom:14px}
.toc a{display:block;padding:9px 0 9px 16px;border-left:3px solid var(--line);font-size:14px;color:var(--muted);transition:.2s}
.toc a:hover,.toc a.on{border-color:var(--gold);color:var(--navy);font-weight:600}
.rel a{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line);font-size:14px;font-weight:500}
.rel a:last-child{border:0}.rel a:hover{color:#a86f00}
.rel .ico{margin:0;width:42px;height:42px;flex:none;border-radius:12px}.rel .ico .i{width:20px;height:20px}
.side .cta2{background:linear-gradient(135deg,var(--navy),#1e4a87);border:0;color:#fff}
.side .cta2 h3{color:#fff}.side .cta2 p{color:#cdd9ec;font-size:14px}
.nav2{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:40px}
.nav2 a{padding:20px 24px;border:1px solid var(--line);border-radius:18px;transition:.3s;background:var(--card)}
.nav2 a:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 14px 30px rgba(18,47,87,.12)}
.nav2 small{display:block;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.nav2 b{color:var(--navy)}.nav2 .nx{text-align:right}
.progress{position:fixed;left:0;top:0;height:4px;width:0;background:var(--gold);z-index:70}
/* privacy */
.playout{display:grid;grid-template-columns:290px minmax(0,1fr);gap:44px;align-items:start}
.pnav{position:sticky;top:96px;padding:24px}.pnav:hover{transform:none}
.pnav h3{font-size:17px;margin-bottom:12px}
.pnav a{display:flex;gap:10px;padding:9px 0 9px 14px;border-left:3px solid var(--line);font-size:14px;color:var(--muted);transition:.2s}
.pnav a:hover,.pnav a.on{border-color:var(--gold);color:var(--navy);font-weight:600}
.pbox{margin-bottom:22px;scroll-margin-top:100px}
.pbox:hover{transform:none}
.pbox .ph{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.pbox .ph .ico{margin:0;flex:none}.pbox h2{font-size:22px;margin:0}
.pbox p,.pbox li{font-size:15.5px}
.pbox ul{padding:0;list-style:none;margin:8px 0}
.pbox li{padding:5px 0 5px 30px;position:relative}
.pbox li:before{content:"✓";position:absolute;left:0;top:7px;background:var(--gold);color:var(--navy);width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700}
.upd{display:inline-flex;align-items:center;gap:8px;background:rgba(253,182,28,.15);color:var(--gold);padding:7px 16px;border-radius:50px;font-weight:600;font-size:13px;margin-top:20px}.upd .i{width:15px;height:15px}
.hl{background:linear-gradient(120deg,var(--navy),#1e4a87);color:#fff;border-radius:22px;padding:28px 32px;margin:26px 0}
.hl h3{color:#fff}.hl p{color:#cdd9ec;margin:0}
/* contact page */
.cstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:-46px;position:relative;z-index:2}
.cstrip .card{text-align:center;padding:26px 20px}
.cstrip .ico{margin:0 auto 14px}.cstrip h3{font-size:16px;margin-bottom:4px}.cstrip p{margin:0;font-size:14px}.cstrip a:hover{color:#a86f00}
.mapbox{border-radius:24px;overflow:hidden;height:100%;min-height:300px;background:linear-gradient(135deg,#0a1b35,#143a6b);position:relative;display:grid;place-items:center;border:1px solid var(--line)}
.mapbox svg.bg{position:absolute;inset:0;width:100%;height:100%;opacity:.35}
.pin{position:relative;text-align:center;color:#fff}
.pin .core{width:80px;height:80px;margin:0 auto 16px;animation:rip 2.6s ease-out infinite}.pin .core .i{width:36px;height:36px}
.pin b{display:block;font-size:18px}.pin span{color:#cdd9ec;font-size:14px}
.ff .err{display:none;color:#c0392b;font-size:12px;margin:4px 0 0 4px}
.ff.bad input,.ff.bad select,.ff.bad textarea{border-color:#c0392b}.ff.bad .err{display:block}
.chk{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--muted);margin:0 0 18px}
.chk input{margin-top:4px;accent-color:#122F57;width:16px;height:16px}.chk a{color:#a86f00;font-weight:600}
.sending{opacity:.7;pointer-events:none}
/* thank you */
.ty{min-height:calc(100vh - 72px);display:grid;align-items:center;padding:60px 0}
.tybox{max-width:760px;margin:auto;text-align:center}
.tick{width:120px;height:120px;border-radius:50%;background:var(--gold);display:grid;place-items:center;margin:0 auto 28px;box-shadow:0 0 0 14px rgba(253,182,28,.18),0 20px 50px rgba(0,0,0,.35);animation:pop .6s cubic-bezier(.2,1.4,.4,1)}
.tick svg{width:62px;height:62px}
.tick path{stroke:#122F57;stroke-width:3.2;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:30;stroke-dashoffset:30;animation:draw .6s .45s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
.ty h1{color:#fff;font-size:clamp(32px,5vw,50px);font-weight:800}.ty h1 em{color:var(--gold);font-style:normal}
.ty .lead{color:#cdd9ec;font-size:18px;max-width:560px;margin:0 auto 12px}
.ref{display:inline-flex;align-items:center;gap:10px;background:rgba(253,182,28,.12);border:1px dashed rgba(253,182,28,.6);padding:9px 20px;border-radius:50px;color:#fff;font-size:14px;margin:8px 0 34px}.ref b{color:var(--gold);letter-spacing:.08em}
.steps3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;text-align:left;margin:0 0 36px}
.steps3 .card{padding:22px}.steps3 .card:hover{transform:none}.steps3 h3{font-size:16px;margin-bottom:6px}.steps3 p{margin:0;font-size:13.5px}
.steps3 .num{width:40px;height:40px;font-size:16px}
.ty .acts{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.ty .cd{margin-top:26px;font-size:13px;color:#a9b8d0}.ty .cd b{color:var(--gold)}
@media(max-width:980px){.alay,.playout{grid-template-columns:1fr}.side,.pnav{position:static}.cstrip{grid-template-columns:repeat(2,1fr)}.feat,.news{grid-template-columns:1fr}.feat .art{min-height:220px}}
@media(max-width:600px){.cstrip{grid-template-columns:1fr}.steps3,.nav2{grid-template-columns:1fr}.feat .fb,.news{padding:30px 22px}.cover{height:230px}.nform{flex-direction:column;border-radius:20px}.nform input{padding:12px}.nav2 .nx{text-align:left}}

/* ===== PREMIUM v2 (blog, blog-detail, contact) ===== */
.grid-bg{background:radial-gradient(circle at 85% 0,#1e4a87 0,var(--navy) 55%);position:relative;overflow:hidden;color:#fff}
.grid-bg:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1.4px,transparent 1.4px);background-size:30px 30px;-webkit-mask:linear-gradient(180deg,#000,transparent 90%);mask:linear-gradient(180deg,#000,transparent 90%);pointer-events:none}
.grid-bg>.container{position:relative}
.grid-bg .crumb{margin-bottom:22px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;background:rgba(253,182,28,.14);border:1px solid rgba(253,182,28,.4);color:var(--gold);padding:7px 16px;border-radius:50px;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:20px}
.eyebrow .i{width:15px;height:15px}
.xh1{font-size:clamp(34px,5.2vw,60px);font-weight:800;line-height:1.1;color:#fff;margin:0 0 18px;letter-spacing:-.01em}
.xh1 em{font-style:normal;color:var(--gold);position:relative;white-space:nowrap}
.xh1 em:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;border-radius:6px;background:linear-gradient(90deg,var(--gold),rgba(253,182,28,0))}
.xlead{color:#cdd9ec;font-size:18px;max-width:560px;margin:0 0 28px}
.av{flex:none}
.avs{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#f5a800);color:var(--navy);font-weight:700;font-size:12px;font-style:normal}
.avs.n{background:var(--navy);color:var(--gold)}
/* ---- BLOG HERO ---- */
.bh{padding:76px 0 130px}
.bh .hg{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center}
.sbox{display:flex;background:#fff;border-radius:60px;padding:7px;box-shadow:0 20px 50px rgba(0,0,0,.3);max-width:540px}
.sbox .i{width:20px;height:20px;color:#e0a000;margin:16px 4px 0 18px;flex:none}
.sbox input{flex:1;min-width:0;border:0;font:inherit;font-size:15px;padding:0 12px;background:transparent;color:#1b2433}
.sbox input:focus{outline:none}
.sbox .btn{padding:12px 30px}
.pop{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px;font-size:13.5px;color:#a9b8d0}
.pop a{padding:6px 15px;border:1px solid rgba(255,255,255,.22);border-radius:50px;color:#fff;font-weight:500;transition:.25s}
.pop a:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.collage{position:relative;height:440px}
.collage img{position:absolute;display:block;border-radius:20px;border:5px solid rgba(255,255,255,.95);box-shadow:0 30px 60px rgba(0,0,0,.4);object-fit:cover}
.collage .c1{width:62%;aspect-ratio:16/10;left:0;top:0;transform:rotate(-4deg)}
.collage .c2{width:58%;aspect-ratio:16/10;right:0;top:120px;transform:rotate(3.5deg);z-index:2}
.collage .c3{width:50%;aspect-ratio:16/10;left:14%;bottom:0;transform:rotate(-2deg);z-index:3}
.fbadge{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;background:#fff;color:var(--navy);padding:10px 18px 10px 10px;border-radius:50px;font-weight:700;font-size:13px;box-shadow:0 14px 34px rgba(0,0,0,.3);animation:fl2 4s ease-in-out infinite}
.fbadge .ico{margin:0;width:36px;height:36px;border-radius:50%;box-shadow:inset 0 -2px 0 var(--gold)}.fbadge .ico .i{width:18px;height:18px}
.fbadge small{display:block;font-weight:500;color:var(--muted);font-size:11px}
/* featured */
.fx{position:relative;z-index:3;margin-top:-80px}
.featured2{display:grid;grid-template-columns:1.1fr .9fr;background:var(--card);border:1px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:0 40px 90px rgba(18,47,87,.22)}
.featured2 .im{position:relative;min-height:380px;overflow:hidden;display:block}
.featured2 .im img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s}
.featured2:hover .im img{transform:scale(1.05)}
.featured2 .im:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,rgba(255,255,255,.08))}
.featured2 .fb2{padding:46px 44px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.featured2 h2{font-size:clamp(24px,2.8vw,34px);margin:14px 0 12px}
.featured2 h2 a:hover{color:#a86f00}
.star{display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--navy);font-size:12px;font-weight:700;padding:6px 14px;border-radius:50px;letter-spacing:.05em;text-transform:uppercase}
.star .i{width:14px;height:14px;color:var(--navy)}
.auth{display:flex;align-items:center;gap:12px;margin:6px 0 22px}
.auth b{display:block;color:var(--navy);font-size:14px;line-height:1.2}.auth small{color:var(--muted);font-size:12.5px}
/* cards */
.cardx{background:var(--card);border:1px solid var(--line);border-radius:24px;overflow:hidden;display:flex;flex-direction:column;transition:.35s;position:relative}
.cardx:hover{transform:translateY(-8px);box-shadow:0 30px 60px rgba(18,47,87,.18);border-color:rgba(253,182,28,.7)}
.cardx .im{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--navy)}
.cardx .im img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s}
.cardx:hover .im img{transform:scale(1.08)}
.cardx .im:after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(0deg,rgba(10,27,53,.55),transparent)}
.badge{position:absolute;left:16px;top:16px;z-index:2;background:rgba(255,255,255,.95);color:var(--navy);font-size:12px;font-weight:700;padding:6px 14px;border-radius:50px;backdrop-filter:blur(6px);box-shadow:0 6px 16px rgba(0,0,0,.18)}
.badge:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);margin-right:7px}
.rt{position:absolute;right:14px;bottom:12px;z-index:2;color:#fff;font-size:12px;font-weight:600;display:inline-flex;gap:6px;align-items:center}.rt .i{width:14px;height:14px;color:var(--gold)}
.cardx .cb{padding:24px 26px 22px;display:flex;flex-direction:column;flex:1}
.cardx .dt{font-size:12.5px;color:var(--muted);font-weight:500;display:flex;align-items:center;gap:6px}.cardx .dt .i{width:14px;height:14px;color:#e0a000}
.cardx h3{font-size:19px;line-height:1.35;margin:10px 0 10px}.cardx h3 a:hover{color:#a86f00}
.cardx p{margin:0 0 18px;font-size:14.5px;color:var(--muted)}
.cardx .cf{margin-top:auto;display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px dashed var(--line)}
.cardx .au{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;color:var(--navy)}
.cardx .more{margin:0;font-size:13px}
.cardx .more .i{width:15px;height:15px}
.cardx:hover .more .i{transform:translateX(5px)}
.sec-h{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:18px;margin-bottom:34px}
.sec-h h2{margin:0;font-size:clamp(26px,3vw,36px)}.sec-h p{margin:6px 0 0}
.loadmore{text-align:center;margin-top:46px}
.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(18,47,87,.35)}
.btn-out{border-color:var(--navy);color:var(--navy)}.btn-out:hover{background:var(--navy);color:#fff}
.btn .i{width:17px;height:17px;margin-right:6px}
/* topics */
.topic{display:flex;align-items:center;gap:16px;padding:20px 22px;background:var(--card);border:1px solid var(--line);border-radius:20px;transition:.3s}
.topic:hover{transform:translateY(-5px);border-color:var(--gold);box-shadow:0 18px 40px rgba(0,0,0,.3)}
.topic .ico{margin:0;flex:none}.topic h3{font-size:17px;margin:0 0 2px;color:#fff}.topic p{margin:0;font-size:13px}
.topic .go{margin-left:auto;color:var(--gold)}.topic .go .i{width:20px;height:20px;transition:.25s}.topic:hover .go .i{transform:translateX(5px)}
/* newsletter */
.nl{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;background:linear-gradient(120deg,var(--navy),#1e4a87);border-radius:32px;overflow:hidden;padding:54px 54px}
.nl:before{content:"";position:absolute;right:-80px;top:-80px;width:300px;height:300px;border-radius:50%;background:var(--gold);opacity:.14}
.nl h2{color:#fff}.nl h2 em{color:var(--gold);background:none}.nl p{color:#cdd9ec}
.nl img{position:relative;width:100%;border-radius:20px;border:4px solid rgba(255,255,255,.9);box-shadow:0 24px 50px rgba(0,0,0,.4);transform:rotate(3deg)}
.nl .nform{max-width:480px;margin-top:20px}
/* ---- DETAIL ---- */
.dh{padding:64px 0 150px;background:linear-gradient(180deg,rgba(10,27,53,.9),rgba(14,38,72,.96)),var(--cv) center/cover;position:relative;overflow:hidden;color:#fff}
.dh:after{content:"";position:absolute;right:-100px;bottom:-140px;width:360px;height:360px;border-radius:50%;background:var(--gold);opacity:.1}
.dh .container{position:relative;z-index:1}
.dh h1{font-size:clamp(30px,4.6vw,52px);font-weight:800;color:#fff;max-width:900px;line-height:1.15;margin:0 0 26px}
.dh h1 em{font-style:normal;color:var(--gold)}
.dmeta{display:flex;flex-wrap:wrap;gap:22px;align-items:center}
.dmeta .by{display:flex;align-items:center;gap:12px}.dmeta .avs{width:48px;height:48px;font-size:15px}
.dmeta b{display:block;color:#fff;line-height:1.2}.dmeta small{color:#a9b8d0}
.dmeta .sep{width:1px;height:34px;background:rgba(255,255,255,.2)}
.dmeta .it{display:flex;align-items:center;gap:8px;color:#cdd9ec;font-size:14px}.dmeta .it .i{color:var(--gold);width:18px;height:18px}
.dcover{position:relative;z-index:3;margin-top:-100px}
.dcover figure{margin:0;border-radius:28px;overflow:hidden;box-shadow:0 40px 90px rgba(18,47,87,.35);border:6px solid #fff;background:#fff}
.dcover img{display:block;width:100%;height:auto;max-height:520px;object-fit:cover}
.dwrap{display:grid;grid-template-columns:56px minmax(0,1fr) 330px;gap:40px;align-items:start;padding-top:56px}
.rail{position:sticky;top:110px;display:grid;gap:12px;justify-items:center}
.rail span{font-size:11px;color:var(--muted);font-weight:600;letter-spacing:.1em;writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:6px}
.rail a{width:46px;height:46px;border-radius:50%;background:var(--card);border:1px solid var(--line);display:grid;place-items:center;transition:.25s;box-shadow:0 6px 14px rgba(18,47,87,.08)}
.rail a:hover{background:var(--navy);border-color:var(--navy);transform:translateY(-3px)}.rail a .i{width:19px;height:19px;color:#e0a000}.rail a:hover .i{color:var(--gold)}
.pb2{font-size:17px;line-height:1.85;color:#2b3547}
.pb2 .lead{font-size:20px;line-height:1.7;color:var(--navy);font-weight:500;margin:0 0 26px}
.pb2 .lead:first-letter{float:left;font-size:72px;line-height:.85;font-weight:800;color:var(--gold);margin:8px 12px 0 0;text-shadow:3px 3px 0 var(--navy)}
.pb2 p{margin:0 0 22px}
.pb2 h2{font-size:28px;margin:46px 0 16px;scroll-margin-top:100px}
.pb2 h2 span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--gold);color:var(--navy);font-size:16px;margin-right:12px;vertical-align:3px}
.kp{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}
.kp div{background:linear-gradient(135deg,var(--navy),#1e4a87);border-radius:20px;padding:24px 20px;text-align:center;color:#cdd9ec;font-size:13px;box-shadow:0 18px 36px rgba(18,47,87,.2)}
.kp b{display:block;font-size:36px;font-weight:800;color:var(--gold);line-height:1.1}
.fig{margin:34px 0}
.fig img{width:100%;display:block;border-radius:22px;box-shadow:0 24px 54px rgba(18,47,87,.2)}
.fig figcaption{text-align:center;font-size:13px;color:var(--muted);margin-top:12px;font-style:italic}
.pq{position:relative;margin:40px 0;padding:34px 38px 30px 38px;background:var(--soft);border-radius:24px;border:1px solid var(--line)}
.pq:before{content:"“";position:absolute;left:24px;top:-6px;font:110px/1 Georgia,serif;color:var(--gold)}
.pq p{margin:0 0 16px;padding-top:38px;font-size:21px;line-height:1.6;color:var(--navy);font-weight:600}
.pq .who{margin:0}.pq .avs{width:44px;height:44px}
.take{background:linear-gradient(135deg,var(--navy),#1e4a87);border-radius:26px;padding:34px 36px;margin:38px 0;color:#fff;position:relative;overflow:hidden}
.take:after{content:"";position:absolute;right:-50px;top:-50px;width:170px;height:170px;border-radius:50%;background:var(--gold);opacity:.16}
.take h3{color:#fff;font-size:20px;display:flex;gap:10px;align-items:center;margin-bottom:16px}.take h3 .i{color:var(--gold);width:24px;height:24px}
.take ul{list-style:none;padding:0;margin:0}.take li{padding:7px 0 7px 36px;position:relative;color:#e8eef8;font-size:16px;line-height:1.6}
.take li:before{content:"✓";position:absolute;left:0;top:9px;width:24px;height:24px;border-radius:50%;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-size:12px;font-weight:700}
.tl{position:relative;margin:26px 0}
.tl:before{content:"";position:absolute;left:19px;top:10px;bottom:10px;width:3px;border-radius:3px;background:linear-gradient(var(--gold),rgba(253,182,28,.15))}
.tl .st{position:relative;padding:0 0 26px 62px}
.tl .st .num{position:absolute;left:0;top:0;margin:0;width:40px;height:40px;font-size:16px;box-shadow:0 0 0 6px #fff}
.tl .st h3{font-size:19px;margin:2px 0 6px}.tl .st p{margin:0 0 10px;font-size:16px}
.tl .st ul{list-style:none;padding:0;margin:0}.tl .st li{padding:3px 0 3px 26px;position:relative;font-size:15px}
.tl .st li:before{content:"";position:absolute;left:4px;top:11px;width:8px;height:8px;border-radius:50%;background:var(--gold)}
.warn{display:flex;gap:16px;background:#fff8e6;border:1px solid #ffe2a0;border-radius:20px;padding:22px 24px;margin:30px 0}
.warn .ico{margin:0;flex:none;width:46px;height:46px}.warn h3{font-size:17px;margin:0 0 6px}.warn ul{margin:0;padding-left:18px;font-size:15px}
.tags2{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:34px 0 20px}
.tags2 a{padding:7px 16px;border:1.5px solid var(--line);border-radius:50px;font-size:13px;font-weight:600;color:var(--navy);transition:.25s}.tags2 a:hover{background:var(--gold);border-color:var(--gold)}
.authx{display:flex;gap:22px;align-items:center;padding:28px;border-radius:24px;background:var(--soft);border:1px solid var(--line);margin:24px 0}
.authx .avs{width:76px;height:76px;font-size:24px}.authx h4{margin:0 0 4px;color:var(--navy);font-size:18px}.authx small{color:#a86f00;font-weight:600}.authx p{margin:6px 0 0;font-size:14.5px;color:var(--muted)}
.pn{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.pn a{display:flex;gap:14px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:20px;background:var(--card);transition:.3s}
.pn a:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 16px 34px rgba(18,47,87,.14)}
.pn img{width:92px;height:68px;border-radius:12px;object-fit:cover;flex:none}
.pn small{display:block;color:var(--muted);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase}.pn b{color:var(--navy);font-size:14.5px;line-height:1.35;display:block}
.pn .nx{flex-direction:row-reverse;text-align:right}
.sd{position:sticky;top:96px;display:grid;gap:22px}
.sbx{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:26px}
.sbx h3{font-size:17px;margin-bottom:14px;display:flex;align-items:center;gap:8px}.sbx h3:before{content:"";width:5px;height:20px;border-radius:5px;background:var(--gold)}
.sbx .toc a{display:block;padding:9px 0 9px 16px;border-left:3px solid var(--line);font-size:14px;color:var(--muted);transition:.2s;margin:0}
.sbx .toc a:hover,.sbx .toc a.on{border-color:var(--gold);color:var(--navy);font-weight:600}
.rl{display:flex;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.rl:last-child{border:0;padding-bottom:0}
.rl img{width:76px;height:58px;border-radius:12px;object-fit:cover;flex:none;transition:.3s}.rl:hover img{transform:scale(1.06)}
.rl b{font-size:14px;line-height:1.35;color:var(--navy);display:block}.rl small{color:var(--muted);font-size:12px}.rl:hover b{color:#a86f00}
.sdc{background:linear-gradient(150deg,var(--navy),#1e4a87);border-radius:24px;padding:0;overflow:hidden;color:#fff;box-shadow:0 24px 50px rgba(18,47,87,.3)}
.sdc img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.sdc div{padding:22px 24px 26px}.sdc h3{color:#fff;font-size:19px;margin-bottom:6px}.sdc p{color:#cdd9ec;font-size:14px;margin:0 0 16px}
.cband{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:30px;align-items:center;background:linear-gradient(120deg,var(--navy),#1e4a87);border-radius:32px;padding:54px;overflow:hidden;color:#fff}
.cband:before{content:"";position:absolute;left:-90px;bottom:-110px;width:300px;height:300px;border-radius:50%;background:var(--gold);opacity:.13}
.cband h2{color:#fff}.cband h2 em{color:var(--gold);background:none}.cband p{color:#cdd9ec}.cband img{width:100%;border-radius:20px;border:4px solid rgba(255,255,255,.9);box-shadow:0 26px 54px rgba(0,0,0,.4);transform:rotate(2.5deg);position:relative}
/* ---- CONTACT ---- */
.ch{padding:70px 0 140px}
.ch .hg{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.cbtns{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:34px}
.trust{display:flex;gap:34px;flex-wrap:wrap;padding-top:26px;border-top:1px solid rgba(255,255,255,.16)}
.trust b{display:block;font-size:28px;color:var(--gold);line-height:1.1}.trust span{font-size:13px;color:#cdd9ec}
.cimg{position:relative}
.cimg>img{display:block;width:100%;border-radius:30px;border:6px solid rgba(255,255,255,.95);box-shadow:0 40px 80px rgba(0,0,0,.45)}
.cimg .fbadge.b1{left:-24px;bottom:34px}.cimg .fbadge.b2{right:-14px;top:28px;animation-delay:-2s}
.chan{position:relative;z-index:3;margin-top:-76px;display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.chan a{display:block;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:28px 24px;transition:.35s;box-shadow:0 24px 50px rgba(18,47,87,.14);position:relative;overflow:hidden}
.chan a:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:.4s}
.chan a:hover{transform:translateY(-8px);border-color:var(--gold)}.chan a:hover:before{transform:none}
.chan .ico{margin-bottom:18px}.chan small{display:block;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase;font-weight:600}
.chan b{display:block;color:var(--navy);font-size:17px;margin:4px 0 12px;word-break:break-word}
.chan em{font-style:normal;color:#a86f00;font-weight:600;font-size:13.5px;display:inline-flex;align-items:center;gap:6px}.chan em .i{width:15px;height:15px;transition:.25s}.chan a:hover em .i{transform:translateX(5px)}
.cw{display:grid;grid-template-columns:1.2fr .8fr;gap:30px;align-items:start}
.fcard{background:var(--card);border:1px solid var(--line);border-radius:32px;padding:46px 44px;box-shadow:0 36px 80px rgba(18,47,87,.16);position:relative;overflow:hidden}
.fcard:before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:linear-gradient(90deg,var(--gold),var(--navy))}
.fcard h2{font-size:30px;margin-bottom:6px}.fcard .sub{margin:0 0 24px}
.fcard .badges{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:26px}
.fcard .badges span{display:inline-flex;align-items:center;gap:7px;background:#e7f7ec;color:#1a7a43;font-size:12.5px;font-weight:600;padding:6px 14px;border-radius:50px}.fcard .badges .i{width:14px;height:14px}
.fcard .ff input,.fcard .ff select,.fcard .ff textarea{border-radius:14px;background:var(--soft);border-color:transparent;padding-top:26px;padding-bottom:10px;transition:.25s}
.fcard .ff input:focus,.fcard .ff select:focus,.fcard .ff textarea:focus{background:#fff;border-color:var(--gold)}
.fcard .btn{padding:16px 28px;font-size:16px;box-shadow:0 14px 30px rgba(253,182,28,.4)}
.fcard .priv{display:flex;gap:8px;align-items:center;justify-content:center;margin:16px 0 0;font-size:12.5px;color:var(--muted)}.fcard .priv .i{width:15px;height:15px;color:#1a8a4a}
.cs{display:grid;gap:22px}
.cdark{background:radial-gradient(circle at 0 0,#1e4a87,var(--navy) 65%);border-radius:28px;padding:34px 32px;color:#fff;position:relative;overflow:hidden}
.cdark:after{content:"";position:absolute;right:-60px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:var(--gold);opacity:.13}
.cdark h3{color:#fff;font-size:21px;margin-bottom:20px}
.nx3{position:relative;padding-left:52px;margin-bottom:22px}.nx3:last-child{margin-bottom:0}
.nx3 .num{position:absolute;left:0;top:0;margin:0;width:38px;height:38px;font-size:15px}
.nx3:not(:last-child):before{content:"";position:absolute;left:18px;top:42px;bottom:-20px;width:2px;background:rgba(253,182,28,.35)}
.nx3 b{display:block;color:#fff;font-size:15.5px}.nx3 span{font-size:13.5px;color:#cdd9ec}
.hrs{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:28px 30px}
.hrs h3{font-size:18px;display:flex;align-items:center;gap:10px;margin-bottom:14px}.hrs h3 .i{color:#e0a000;width:22px;height:22px}
.hrs div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--line);font-size:14.5px}.hrs div:last-of-type{border:0}
.hrs b{color:var(--navy)}.hrs .on2{color:#1a8a4a;font-weight:600}
.wcard{display:flex;gap:16px;align-items:center;background:linear-gradient(135deg,#128c7e,#25D366);border-radius:28px;padding:26px 28px;color:#fff;transition:.3s;box-shadow:0 22px 44px rgba(37,211,102,.3)}
.wcard:hover{transform:translateY(-5px)}.wcard .ico{margin:0;flex:none;background:#fff;box-shadow:none}.wcard .ico .i{color:#128c7e}
.wcard b{display:block;font-size:17px}.wcard span{font-size:13.5px;opacity:.9}.wcard .go{margin-left:auto}.wcard .go .i{color:#fff;width:22px;height:22px}
.office{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:stretch}
.oinfo{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:36px}
.oinfo .ci{margin:22px 0}.oinfo .ci small{color:var(--muted)}.oinfo .ci b{color:var(--navy)}.oinfo .ci .ico{background:var(--navy);box-shadow:inset 0 -3px 0 var(--gold)}.oinfo .ci .ico .i{color:var(--gold)}
.maps{position:relative;min-height:380px;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:#eaf0f8;box-shadow:0 26px 60px rgba(18,47,87,.14)}
.maps svg{position:absolute;inset:0;width:100%;height:100%}
.mpin{position:absolute;left:52%;top:46%;transform:translate(-50%,-100%);text-align:center}
.mpin .pb3{width:64px;height:64px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:linear-gradient(135deg,#FFD76A,#F5A800);display:grid;place-items:center;box-shadow:0 14px 28px rgba(18,47,87,.35);margin:0 auto;animation:bob 2.2s ease-in-out infinite}
.mpin .pb3 .i{width:28px;height:28px;color:var(--navy);transform:rotate(45deg)}
.mpin:after{content:"";display:block;width:34px;height:10px;border-radius:50%;background:rgba(18,47,87,.25);margin:10px auto 0;filter:blur(2px)}
@keyframes bob{50%{transform:rotate(-45deg) translate(-5px,5px)}}
.mlab{position:absolute;left:24px;bottom:24px;background:#fff;border-radius:18px;padding:14px 20px;box-shadow:0 16px 36px rgba(18,47,87,.22);display:flex;gap:12px;align-items:center}
.mlab .ico{margin:0;width:40px;height:40px;border-radius:12px}.mlab .ico .i{width:20px;height:20px}.mlab b{display:block;color:var(--navy);font-size:14.5px;line-height:1.2}.mlab small{color:var(--muted);font-size:12px}
.fq{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.fq details{border-radius:18px;padding:20px 24px;transition:.25s}
.fq details[open]{border-color:var(--gold);box-shadow:0 14px 34px rgba(18,47,87,.1)}
.fq summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:14px;color:var(--navy);font-size:15.5px}
.fq summary::-webkit-details-marker{display:none}
.fq summary:after{content:"+";flex:none;width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-size:20px;font-weight:600;line-height:1;transition:.3s}
.fq details[open] summary:after{transform:rotate(45deg)}
.fq p{font-size:14.5px}
@media(max-width:1060px){.dwrap{grid-template-columns:minmax(0,1fr) 320px}.rail{display:none}}
@media(max-width:940px){.bh .hg,.ch .hg,.featured2,.nl,.cband,.cw,.office,.fq{grid-template-columns:1fr}.collage{height:360px;max-width:520px}.chan{grid-template-columns:repeat(2,1fr)}.dwrap{grid-template-columns:1fr}.sd{position:static}.cimg .fbadge.b1{left:6px}.cimg .fbadge.b2{right:6px}}
@media(max-width:600px){.bh{padding:56px 0 110px}.chan,.kp,.pn{grid-template-columns:1fr}.fcard{padding:32px 22px}.nl,.cband{padding:34px 24px}.featured2 .fb2{padding:30px 24px}.featured2 .im{min-height:240px}.dh{padding:48px 0 120px}.sbox{flex-wrap:wrap;border-radius:26px}.sbox .btn{width:100%}.sbox input{padding:12px}.collage{height:300px}.pn .nx{flex-direction:row;text-align:left}.authx{flex-direction:column;text-align:center}.tl .st{padding-left:54px}}
.dk .oinfo .ci b{color:#fff}.dk .oinfo .ci small{color:#a9b8d0}.dk .oinfo .ci .ico{background:rgba(253,182,28,.15);box-shadow:none}
@media(max-width:600px){.cimg .fbadge.b2{display:none}.pb2 .lead:first-letter{font-size:54px}}


/* ===== SIMPLE v3 (blog, blog-detail) ===== */
.sx-head{background:var(--navy);color:#fff;padding:52px 0 56px}
.sx-head .crumb{margin-bottom:14px}
.sx-head h1{color:#fff;font-size:clamp(30px,4vw,42px);font-weight:700;margin:0 0 10px}
.sx-head p{color:#cdd9ec;margin:0;max-width:620px;font-size:16.5px}
.bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:26px 0;border-bottom:1px solid var(--line);margin-bottom:36px}
.bar .chips{margin:0;justify-content:flex-start;gap:8px}
.bar .chip{padding:8px 18px;font-size:13.5px;border-width:1.5px}
.find{position:relative;width:260px;max-width:100%}
.find .i{position:absolute;left:14px;top:50%;margin-top:-8px;width:16px;height:16px;color:var(--muted)}
.find input{width:100%;padding:10px 14px 10px 38px;border:1.5px solid var(--line);border-radius:10px;font:inherit;font-size:14px;background:#fff;color:var(--text)}
.find input:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(253,182,28,.2)}
.fpost{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;margin-bottom:48px;padding-bottom:48px;border-bottom:1px solid var(--line)}
.fpost .im{display:block;border-radius:14px;overflow:hidden;aspect-ratio:16/10;background:var(--navy)}
.fpost img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.fpost:hover img{transform:scale(1.03)}
.fpost h2{font-size:clamp(24px,2.6vw,30px);margin:10px 0 12px}.fpost h2 a:hover{color:#a86f00}
.fpost p{color:var(--muted);margin:0 0 16px}
.kick{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#a86f00}
.pmeta2{font-size:13.5px;color:var(--muted)}
.pmeta2 i{font-style:normal;margin:0 6px;opacity:.5}
.rlink{display:inline-flex;align-items:center;gap:8px;margin-top:16px;font-weight:600;font-size:14.5px;color:var(--navy)}
.rlink .i{width:16px;height:16px;color:#e0a000;transition:.25s}.rlink:hover .i{transform:translateX(4px)}
.pc{background:transparent;border:0;padding:0;border-radius:0}
.pc .im{display:block;border-radius:12px;overflow:hidden;aspect-ratio:16/10;background:var(--navy);margin-bottom:16px}
.pc img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.pc:hover img{transform:scale(1.04)}
.pc h3{font-size:18.5px;line-height:1.4;margin:8px 0 8px;font-weight:600}
.pc h3 a{background:linear-gradient(var(--gold),var(--gold)) 0 100%/0 2px no-repeat;transition:background-size .3s}
.pc:hover h3 a{background-size:100% 2px}
.pc p{margin:0 0 10px;color:var(--muted);font-size:14.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.gr3{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 28px; margin-top: 25px;}
.pager2{display:flex;justify-content:center;gap:8px;margin-top:56px}
.pager2 a{min-width:42px;height:42px;padding:0 12px;border-radius:10px;display:grid;place-items:center;border:1.5px solid var(--line);font-weight:600;font-size:14px;transition:.2s}
.pager2 a:hover{border-color:var(--gold)}.pager2 a.on{background:var(--navy);border-color:var(--navy);color:#fff}
.subs{background:var(--soft);border:1px solid var(--line);border-radius:16px;padding:36px 40px;display:flex;flex-wrap:wrap;gap:20px 40px;align-items:center;justify-content:space-between}
.subs h3{margin:0 0 4px;font-size:21px}.subs p{margin:0;color:var(--muted);font-size:15px}
.subs .nform{background:#fff;border:1px solid var(--line);min-width:min(100%,380px)}
/* detail */
.dtop{padding:44px 0 0}
.bcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:22px}
.bcrumb a:hover{color:#a86f00}.bcrumb .i{width:13px;height:13px}
.dtop h1{font-size:clamp(28px,4vw,42px);line-height:1.2;max-width:820px;margin:10px 0 18px;font-weight:700}
.dby{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;font-size:14px;color:var(--muted);padding-bottom:26px}
.dby .who2{display:flex;align-items:center;gap:10px;color:var(--navy);font-weight:600}
.dby i.dot{width:4px;height:4px;border-radius:50%;background:#b8c2d3;display:inline-block}
.dcov{margin:0 0 44px}.dcov img{width:100%;max-height:480px;object-fit:cover;display:block;border-radius:16px}
.dgrid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:start}
.art2{max-width:720px;font-size:17px;line-height:1.85;color:#2b3547}
.art2 p{margin:0 0 20px}
.art2 .intro{font-size:19px;color:var(--navy);line-height:1.75}
.art2 h2{font-size:25px;margin:40px 0 14px;scroll-margin-top:96px}
.art2 h3{font-size:19px;margin:26px 0 8px}
.art2 ul{margin:0 0 22px;padding-left:22px}.art2 li{margin:6px 0}.art2 li::marker{color:var(--gold)}
.art2 figure{margin:30px 0}.art2 figure img{width:100%;display:block;border-radius:12px;border:1px solid var(--line)}
.art2 figcaption{font-size:13px;color:var(--muted);margin-top:10px;text-align:center}
.art2 blockquote{margin:30px 0;padding:6px 0 6px 24px;border-left:4px solid var(--gold);font-size:20px;line-height:1.6;color:var(--navy);font-weight:500}
.art2 blockquote small{display:block;margin-top:8px;font-size:14px;color:var(--muted);font-weight:400}
.note{background:var(--soft);border:1px solid var(--line);border-left:4px solid var(--gold);border-radius:10px;padding:18px 22px;margin:28px 0;font-size:16px;line-height:1.7}
.note b{color:var(--navy)}
.endtags{display:flex;flex-wrap:wrap;gap:8px;margin:36px 0 0;padding-top:26px;border-top:1px solid var(--line)}
.endtags a{padding:5px 14px;border:1px solid var(--line);border-radius:50px;font-size:13px;color:var(--muted);transition:.2s}.endtags a:hover{border-color:var(--gold);color:var(--navy)}
.shr{display:flex;align-items:center;gap:10px;margin:22px 0;font-size:14px;font-weight:600;color:var(--navy)}
.shr a{width:38px;height:38px;border-radius:50%;border:1.5px solid var(--line);display:grid;place-items:center;transition:.2s}.shr a:hover{background:var(--navy);border-color:var(--navy)}.shr .i{width:17px;height:17px;color:var(--navy)}.shr a:hover .i{color:var(--gold)}
.abox{display:flex;gap:16px;align-items:center;padding:22px;border:1px solid var(--line);border-radius:14px;margin:8px 0 34px}
.abox .avs{width:56px;height:56px;font-size:18px}.abox b{color:var(--navy)}.abox p{margin:2px 0 0;font-size:14px;color:var(--muted);line-height:1.6}
.side2{position:sticky;top:96px;display:grid;gap:30px}
.side2 h4{margin:0 0 12px;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.side2 .toc a{display:block;padding:7px 0 7px 14px;border-left:2px solid var(--line);font-size:14.5px;color:var(--muted);transition:.2s;margin:0}
.side2 .toc a:hover,.side2 .toc a.on{border-color:var(--gold);color:var(--navy);font-weight:600}
.side2 .rl{padding:10px 0}.side2 .rl img{width:64px;height:50px;border-radius:8px}
.side2 .rl b{font-size:14px;font-weight:600}
.dcta{background:var(--navy);border-radius:14px;padding:24px;color:#fff}
.dcta h4{color:var(--gold);margin-bottom:8px}.dcta p{color:#cdd9ec;font-size:14.5px;margin:0 0 16px;line-height:1.6}
.dcta .btn{padding:11px 22px;font-size:14px}
.pn3{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 6px}
.pn3 a{padding:16px 20px;border:1px solid var(--line);border-radius:12px;transition:.2s}.pn3 a:hover{border-color:var(--gold)}
.pn3 small{display:block;color:var(--muted);font-size:12px;margin-bottom:2px}.pn3 b{color:var(--navy);font-size:14.5px;line-height:1.4;display:block}.pn3 .nx{text-align:right}
.endcta{background:var(--navy);border-radius:16px;padding:40px 44px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;color:#fff}
.endcta h3{color:#fff;margin:0 0 4px;font-size:24px}.endcta p{margin:0;color:#cdd9ec}
@media(max-width:940px){.fpost{grid-template-columns:1fr;gap:20px}.gr3{grid-template-columns:repeat(2,1fr)}.dgrid{grid-template-columns:1fr}.side2{position:static}}
@media(max-width:600px){.gr3,.pn3{grid-template-columns:1fr}.subs,.endcta{padding:26px 22px}.find{width:100%}.pn3 .nx{text-align:left}.sx-head{padding:40px 0 42px}}
/* buttons on cards */
.btn-sm{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;font-size:13.5px;border-radius:50px;border:2px solid var(--navy);color:var(--navy);font-weight:600;transition:.25s;margin-top:6px}
.btn-sm .i{width:15px;height:15px;color:#e0a000;transition:.25s}
.btn-sm:hover{background:var(--navy);color:#fff;transform:translateY(-2px)}.btn-sm:hover .i{color:var(--gold);transform:translateX(3px)}
.pc .pmeta2{margin-bottom:10px}
.pc{display:flex;flex-direction:column;align-items:flex-start}
.pc .im{width:100%}
.fpost .btn{margin-top:18px}
/* contact (simple) */
.cx-info{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding:44px 0 10px}
.cx-i{display:flex;gap:14px;align-items:center;padding:20px;border:1px solid var(--line);border-radius:14px;transition:.25s;background:#fff}
.cx-i:hover{border-color:var(--gold);box-shadow:0 12px 28px rgba(18,47,87,.1);transform:translateY(-3px)}
.cx-i .ico{margin:0;flex:none;width:48px;height:48px}
.cx-i small{display:block;color:var(--muted);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.cx-i b{display:block;color:var(--navy);font-size:15px;line-height:1.35;word-break:break-word}
.cx-main{display:grid;grid-template-columns:1.15fr .85fr;gap:32px;align-items:start;padding:34px 0 70px}
.cform{border:1px solid var(--line);border-radius:18px;padding:38px 36px;background:#fff;box-shadow:0 18px 44px rgba(18,47,87,.08)}
.cform h2{font-size:26px;margin-bottom:6px}.cform .sub{margin:0 0 24px;font-size:15px}
.cform .ff input,.cform .ff select,.cform .ff textarea{border-radius:10px;background:#fff}
.cform .btn{width:100%;padding:15px 24px;font-size:15.5px}
.cform .priv{display:flex;gap:8px;align-items:center;justify-content:center;margin:14px 0 0;font-size:12.5px;color:var(--muted)}.cform .priv .i{width:15px;height:15px;color:#1a8a4a}
.cx-side{display:grid;gap:22px}
.cx-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}
.cx-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.cx-card .pad{padding:24px 26px}
.cx-card h3{font-size:19px;margin-bottom:12px}
.cx-card .row{display:flex;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px dashed var(--line);font-size:14.5px}.cx-card .row:last-child{border:0}
.cx-card .row b{color:var(--navy)}.cx-card .ok2{color:#1a8a4a;font-weight:600}
.cx-steps{list-style:none;margin:0;padding:0}
.cx-steps li{display:flex;gap:14px;padding:10px 0;font-size:14.5px;color:var(--muted)}
.cx-steps b{display:block;color:var(--navy);font-size:15px}
.cx-steps .n{flex:none;width:30px;height:30px;border-radius:50%;background:var(--gold);color:var(--navy);display:grid;place-items:center;font-weight:700;font-size:14px}
.cx-wa{display:flex;align-items:center;gap:14px;padding:20px 24px;border-radius:16px;background:var(--navy);color:#fff;transition:.25s}
.cx-wa:hover{transform:translateY(-3px);box-shadow:0 16px 34px rgba(18,47,87,.3)}
.cx-wa .ico{margin:0;flex:none;background:#25D366;box-shadow:none}.cx-wa .ico .i{color:#fff}
.cx-wa b{display:block}.cx-wa span{font-size:13.5px;color:#cdd9ec}.cx-wa .go{margin-left:auto}.cx-wa .go .i{color:var(--gold);width:20px;height:20px}
.cx-loc{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:stretch;padding:0 0 70px}
.cx-loc .box{border:1px solid var(--line);border-radius:18px;padding:32px;background:var(--soft)}
.cx-loc .box h3{font-size:22px;margin-bottom:8px}
.cx-loc .ci b{color:var(--navy)}.cx-loc .ci small{color:var(--muted)}.cx-loc .ci .ico{background:var(--navy);box-shadow:inset 0 -3px 0 var(--gold)}.cx-loc .ci .ico .i{color:var(--gold)}
.cx-loc .maps{min-height:320px;border-radius:18px;box-shadow:none}
.cx-faq{padding:0 0 80px}.cx-faq h2{font-size:28px;margin-bottom:24px}
@media(max-width:940px){.cx-info{grid-template-columns:repeat(2,1fr)}.cx-main,.cx-loc{grid-template-columns:1fr}}
@media(max-width:600px){.cx-info{grid-template-columns:1fr}.cform{padding:28px 20px}}
.cx-i{padding:18px 16px;gap:12px}.cx-i b{font-size:14px;word-break:normal;overflow-wrap:anywhere}.cx-i .ico{width:44px;height:44px}


/* ===== RESPONSIVE LAYER: tablet + mobile ===== */
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:hidden}
img,svg,video{max-width:100%}
.ig>*,.grid>*,.cbox>*,.tw>*,.spec>*{min-width:0}
.hub{zoom:1}
.wide{max-width:560px;margin-left:auto;margin-right:auto}
.links>a{white-space:nowrap}

/* laptop / small desktop */
@media(max-width:1100px){
 .container{padding:0 24px}
 .links{gap:20px}
}

/* tablet landscape + portrait */
@media(max-width:900px){
 section{padding:64px 0}
 .nav{min-height:68px}
 .logo img{width:190px}
 .hero{padding:56px 0 72px}
 .hero p{max-width:none}
 .hero .grid{gap:36px}
 .center{margin-bottom:36px}
 .ig{gap:30px}
 .hub{margin:0 auto}
 .ilist{max-width:620px;margin:0 auto;width:100%}
 .cta{padding:52px 36px}
 .cta>*:not(.ctaimg){max-width:none}
 .tw{gap:22px}
 .score{padding:28px}
 .phone{margin:10px auto}
 .chat{margin:0 auto}
 footer .grid{gap:28px}
 .wide{max-width:520px}
}

/* large phones */
@media(max-width:700px){
 .links{gap:16px}
 .nav{gap:10px}
 .chips{gap:10px}
 .chip{padding:10px 16px;font-size:13px}
 .stats{gap:22px}
 .stats b{font-size:24px}
 .trail{gap:10px}
 .faq{margin-top:26px}
}

/* phones */
@media(max-width:560px){
 .container{padding:0 18px}
 section{padding:52px 0}
 h2{font-size:clamp(24px,7vw,30px)}
 .center{margin-bottom:30px}
 .center>p.muted{font-size:15.5px}
 .tag{font-size:11px;letter-spacing:.12em;gap:8px}
 .tag:before,.tag:after{width:16px}
 .logo img{width:auto;height:auto;max-height:48px;max-width:185px}
 .hero{padding:44px 0 56px}
 .hero h1{font-size:clamp(30px,9vw,38px)}
 .hero p{font-size:15.5px}
 .hero .btn{width:100%;text-align:center;margin-bottom:10px}
 .hero p[style*="margin-top:26px"]{display:flex;flex-direction:column;gap:0}
 .hero p[style*="font-size:13px"]{line-height:2}
 .btn{padding:12px 24px}
 .card{padding:22px}
 .spec{padding:24px 20px;border-radius:20px;gap:18px}
 .spec h3{font-size:22px}
 .stage{height:230px}
 .stage .r2{width:230px;height:230px}
 .stage .r1{width:176px;height:176px}
 .stage .core{width:108px;height:108px}
 .stage .core .i{width:52px;height:52px}
 .fl{font-size:11px;padding:6px 10px;max-width:70%}
 .phone{width:230px;height:450px}
 .chat{padding:14px}
 .list li{padding:6px 0}
 /* integrations */
 .hub{zoom:.82;margin:-8px auto -12px}
 .irow{padding:12px 14px;gap:12px;flex-wrap:wrap}
 .irow .ico{width:42px;height:42px}
 .irow>div:nth-child(2){flex:1;min-width:0}
 .irow .live{font-size:10px}
 .istrip{gap:10px;margin-top:34px}
 .istrip span{padding:8px 14px;font-size:13px}
 .wide{border-radius:18px;margin-top:24px}
 /* cta banner: drop decorative art behind text */
 .cta{padding:38px 22px;border-radius:22px}
 .ctaimg{display:none}
 .cta .btn{width:100%;text-align:center}
 /* testimonials */
 .score>b{font-size:60px}
 .mini{gap:16px;flex-wrap:wrap}
 .tq{padding:26px 20px;min-height:0}
 .tq .big{font-size:90px;right:16px}
 .tb{font-size:12px;padding:5px 12px 5px 5px}
 .mq{margin-top:34px}
 /* contact */
 .cbox{border-radius:22px}
 .cinfo,.form{padding:28px 20px}
 .cinfo h3{font-size:22px}
 .ci b{font-size:14px;word-break:break-word}
 .fr{gap:0}
 .cinfo .btn{width:100%;text-align:center}
 details{padding:12px 14px}
 /* footer */
 footer{padding:44px 0 20px}
 footer .grid{grid-template-columns:1fr 1fr;gap:26px 18px}
 footer .grid>div:first-child{grid-column:1/-1}
 footer .grid>div:last-child{grid-column:1/-1}
 .wa{width:50px;height:50px;right:14px}
}

/* small phones (320-380) */
@media(max-width:380px){
 .container{padding:0 14px}
 .logo img{max-height:42px;max-width:150px}
 .links{gap:10px}
 .login .av2{width:32px;height:32px}
 .hero h1{font-size:28px}
 .stats{gap:16px}
 .stats b{font-size:21px}
 .hub{zoom:.7;margin:-26px auto -30px}
 .irow .live{display:none}
 .chip{padding:9px 13px}
 .tb{font-size:11.5px}
 .phone{width:210px;height:420px}
 footer .grid{grid-template-columns:1fr}
}

/* touch devices: no sticky hover lift */
@media(hover:none){
 .card:hover{transform:none;box-shadow:none}
 .irow:hover{transform:none}
}

/* tablet fixes */
@media(max-width:900px){
 .wide{margin-left:auto!important;margin-right:auto!important}
 .ctaimg{display:none}
 .cta{text-align:center}
 .cta>*:not(.ctaimg){margin-left:auto;margin-right:auto}
}