:root{
  --bg:#031521;--bg2:#061d2d;--panel:#072438;--panel2:#0a2b41;--line:#174a63;
  --cyan:#18e5ed;--cyan2:#09c7d5;--mint:#63f8dc;--text:#f5fbff;--muted:#a9c2d1;
  --shadow:0 22px 70px rgba(0,0,0,.35);--radius:22px;--max:1320px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth;background:#020b12} body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;background:radial-gradient(circle at 85% 8%,#0d3953 0,#061b2a 26%,#02121d 60%,#020b12 100%);color:var(--text)}
a{color:inherit;text-decoration:none} button{font:inherit} .svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.page-shell{width:min(calc(100% - 42px),1420px);margin:18px auto;border:1px solid #1a4054;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,rgba(4,24,38,.98),rgba(2,15,24,.99));box-shadow:0 35px 120px rgba(0,0,0,.5)}
.site-header{height:78px;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;gap:42px;border-bottom:1px solid rgba(103,228,238,.12);background:rgba(3,20,32,.86);backdrop-filter:blur(14px);position:sticky;top:0;z-index:30}
.brand{display:inline-flex;align-items:center;gap:12px;font-weight:800;font-size:25px;letter-spacing:-.6px}.brand-mark{position:relative;width:28px;height:30px;display:inline-block}.brand-mark i{position:absolute;width:10px;height:19px;border-radius:9px;background:linear-gradient(180deg,#20eef0,#0aa6d7);transform:rotate(-42deg);box-shadow:0 0 20px rgba(24,229,237,.38)}.brand-mark i:nth-child(1){left:3px;top:1px}.brand-mark i:nth-child(2){left:11px;top:8px}.brand-mark i:nth-child(3){left:4px;top:12px;opacity:.8}
.desktop-nav{display:flex;gap:34px;margin-left:34px;font-size:14px;font-weight:650}.desktop-nav a{padding:30px 0 24px;color:#dbeaf2;position:relative}.desktop-nav a:hover,.desktop-nav a.active{color:var(--cyan)}.desktop-nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:17px;height:2px;background:var(--cyan)}
.header-actions{margin-left:auto;display:flex;gap:12px;align-items:center}.link-btn{color:#d8f9fd;background:transparent;border:1px solid transparent;padding:10px 14px;cursor:pointer}.link-btn:hover{color:var(--cyan)}
.primary-btn,.outline-btn{border-radius:999px;min-height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;cursor:pointer;transition:.22s;border:none}.primary-btn{background:linear-gradient(110deg,#18e6eb,#18d6e1);color:#00141b;box-shadow:0 0 28px rgba(24,229,237,.22)}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 10px 35px rgba(24,229,237,.28)}.primary-btn.compact{min-height:42px;padding:0 19px;font-size:13px}.outline-btn{background:rgba(3,19,31,.45);border:1px solid var(--cyan);color:var(--text)}.outline-btn:hover{background:rgba(24,229,237,.1);transform:translateY(-2px)}.primary-btn svg,.outline-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.outline-btn.full,.primary-btn.full{width:100%;min-height:42px}.chat-icon{stroke-width:1.8}.menu-btn,.mobile-menu{display:none}
.section-pad{padding:clamp(58px,6.5vw,92px) clamp(22px,4vw,64px)}
.hero{min-height:640px;display:grid;grid-template-columns:.84fr 1.34fr;gap:30px;align-items:center;position:relative;overflow:hidden;border-bottom:1px solid rgba(103,228,238,.14);background:linear-gradient(90deg,rgba(2,18,29,.95),rgba(4,29,45,.78) 52%,rgba(4,23,37,.98)),radial-gradient(circle at 65% 40%,rgba(12,117,166,.27),transparent 34%)}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(57,151,189,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(57,151,189,.06) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,transparent 5%,#000 55%,transparent 100%)}.hero-glow{position:absolute;border-radius:50%;filter:blur(2px);border:1px solid rgba(13,225,240,.18)}.glow-a{width:460px;height:460px;right:24%;top:4%}.glow-b{width:320px;height:320px;right:7%;bottom:-9%}
.hero-copy{position:relative;z-index:3;max-width:500px}.eyebrow,.kicker{display:inline-block;color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:1.7px;text-transform:uppercase}.eyebrow{border:1px solid rgba(24,229,237,.65);padding:7px 13px;border-radius:999px;background:rgba(0,229,237,.05);margin-bottom:18px}.hero h1{font-size:clamp(44px,4.7vw,70px);line-height:.99;letter-spacing:-2.8px;margin:0 0 24px;max-width:650px}.hero h1 span{color:var(--cyan)}.hero-copy>p{color:#bed2de;line-height:1.65;font-size:16px;max-width:560px}.hero-actions{display:flex;gap:14px;margin:28px 0 25px}.trust-row{display:flex;gap:24px;flex-wrap:wrap;color:#b9ceda;font-size:12px}.trust-row b{color:var(--cyan);margin-right:6px}
.hero-visual{height:520px;position:relative;z-index:2;align-self:end}.orbit{position:absolute;border:2px solid rgba(22,223,235,.45);border-radius:50%;filter:drop-shadow(0 0 12px rgba(24,229,237,.23))}.orbit-a{width:560px;height:310px;right:19%;top:10%;transform:rotate(11deg)}.orbit-b{width:300px;height:160px;right:37%;top:22%;transform:rotate(-18deg)}
.dashboard-device{position:absolute;left:3%;top:11%;width:74%;height:365px;border:2px solid #1c78a5;border-radius:24px 24px 14px 14px;background:#061726;box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 35px rgba(13,194,217,.12);transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);overflow:hidden}.device-top{height:42px;background:#0a2234;border-bottom:1px solid #123d56;display:flex;align-items:center;padding:0 16px;gap:12px;font-size:11px}.mini-brand{font-weight:800}.mini-brand b{color:var(--cyan)}.search-pill{background:#102c42;border:1px solid #173e56;border-radius:8px;padding:6px 12px;color:#688da2;flex:1}.mini-user{font-size:9px;color:#93acbb}.dashboard-body{display:grid;grid-template-columns:120px 1fr;height:calc(100% - 42px)}.dashboard-body aside{display:flex;flex-direction:column;gap:15px;padding:18px 10px;border-right:1px solid #13384e;color:#7f9bac;font-size:9px}.dashboard-body aside b{color:#c9eff8;padding:8px;border-radius:7px}.dash-active{background:#0b5476!important;color:#39f3f6!important}.dash-main{padding:16px}.dash-main h3{margin:0 0 13px;font-size:20px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.metric-grid>div{background:#0b2639;border:1px solid #163a51;border-radius:9px;padding:10px}.metric-grid small{display:block;color:#7e9dad;font-size:7.5px}.metric-grid strong{display:block;font-size:20px;margin:4px 0 2px}.metric-grid em{color:#3beaa6;font-size:7px;font-style:normal}.chart-row{display:grid;grid-template-columns:1.35fr .9fr;gap:10px;margin-top:10px}.chart-card,.schedule-card{height:151px;background:#0a2436;border:1px solid #153a50;border-radius:10px;padding:10px}.chart-head{display:flex;justify-content:space-between;font-size:8px;color:#c7dce7}.chart-head small{color:#3de9f0}.bars{height:84px;display:flex;align-items:end;gap:7px;padding:9px 9px 0;border-bottom:1px solid #163d55}.bars i{flex:1;background:linear-gradient(#38d8ff,#097ad5);border-radius:4px 4px 0 0;box-shadow:0 0 10px rgba(36,210,255,.25)}.days{display:flex;justify-content:space-around;color:#698b9d;font-size:6px;padding-top:5px}.schedule-card p{margin:9px 0;color:#9fb9c7;font-size:7px}.schedule-card b{display:inline-block;color:#d9f6fc;width:33px}
.phone-device{position:absolute;right:4%;top:18%;width:190px;height:380px;background:#07131c;border:5px solid #18242b;border-radius:31px;box-shadow:0 28px 60px rgba(0,0,0,.6),0 0 30px rgba(21,235,227,.08);transform:rotate(2deg);overflow:hidden}.phone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:74px;height:15px;background:#030609;border-radius:10px;z-index:2}.phone-head{height:70px;padding:28px 13px 8px;background:#0b443f;display:grid;grid-template-columns:26px 1fr;align-items:center;font-size:10px}.phone-head .wa-dot{grid-row:span 2;width:23px;height:23px;background:#38d87d;border-radius:50%;display:flex;align-items:center;justify-content:center}.phone-head small{font-size:7px;color:#b9ded0}.phone-chat{background:linear-gradient(rgba(240,237,225,.97),rgba(238,236,225,.97));height:calc(100% - 70px);padding:14px 9px;color:#17242b;font-size:9.5px}.bubble{padding:10px;border-radius:9px;margin-bottom:10px;line-height:1.38;box-shadow:0 1px 2px rgba(0,0,0,.14)}.bubble.in{background:white}.bubble.out{background:#d6ffca;margin-left:22px}.wa-float{position:absolute;right:3%;top:12%;width:45px;height:45px;border-radius:50%;background:#2be871;border:4px solid #dcfff0;color:white;display:flex;align-items:center;justify-content:center;font-size:23px;box-shadow:0 0 24px rgba(32,231,114,.5)}.hero-caption{position:absolute;right:0;top:3%;font-size:12px;letter-spacing:2px;line-height:1.5;color:#9cc3d6}.hero-caption:after{content:"";display:block;width:50px;height:2px;background:var(--cyan);margin-top:9px}
.features{background:linear-gradient(180deg,#082438,#061d2e 70%,#082638);position:relative}.section-heading.split{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.section-heading h2,.price-intro h2,.testimonial-intro h2,.faq h2,.cta h2,.detail-intro h2{font-size:clamp(30px,3vw,45px);line-height:1.05;letter-spacing:-1.4px;margin:8px 0 12px}.section-heading h2 span,.detail-intro h2 span{color:var(--cyan)}.section-heading p,.price-intro p,.testimonial-intro p,.faq p,.cta p,.detail-intro p{color:var(--muted);line-height:1.6;max-width:680px}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:34px}.feature-grid article{min-height:145px;padding:20px;border:1px solid #17435b;border-radius:16px;background:linear-gradient(180deg,#0a2940,#082238);box-shadow:inset 0 1px rgba(255,255,255,.02);transition:.22s}.feature-grid article:hover{transform:translateY(-4px);border-color:#1ed8e4}.feature-grid article.featured{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(24,229,237,.22),0 0 24px rgba(24,229,237,.12)}.feature-grid .icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;color:var(--cyan);background:#07354a;margin-bottom:15px}.feature-grid svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7}.feature-grid h3{margin:0 0 8px;font-size:17px}.feature-grid p{margin:0;color:#93afc0;font-size:13px;line-height:1.55}
.feature-details{margin-top:55px;border-top:1px solid #164055;padding-top:55px}.detail-intro{text-align:center;max-width:840px;margin:auto}.detail-list{margin-top:38px;display:grid;gap:24px}.detail-list article{display:grid;grid-template-columns:.55fr 1.45fr;gap:28px;align-items:center;padding:24px;border-radius:22px;background:#061a29;border:1px solid #173d52}.detail-list article:nth-child(even){grid-template-columns:1.45fr .55fr}.detail-list article:nth-child(even) img{order:-1}.detail-copy b{color:var(--cyan);font-size:12px;letter-spacing:2px}.detail-copy h3{font-size:28px;margin:7px 0}.detail-copy p{color:#aac2d0;line-height:1.7}.detail-list img{width:100%;border-radius:14px;border:1px solid #1f4c63;box-shadow:var(--shadow)}
.value-price{display:grid;grid-template-columns:1.15fr .7fr .78fr .84fr 1fr;gap:18px;align-items:stretch;background:linear-gradient(180deg,#061b2a,#041521);border-top:1px solid #143e53;border-bottom:1px solid #12394c}.value-card,.clinic-card{border-radius:18px;overflow:hidden;border:1px solid #153f54;background:#09273a}.value-card{display:grid;grid-template-columns:1.05fr .95fr;min-height:300px}.value-photo{background:radial-gradient(circle at 45% 24%,rgba(23,190,213,.34),transparent 35%),linear-gradient(145deg,#0a3b50,#061d2e);position:relative}.person-illustration{position:absolute;inset:0}.person-illustration .head{position:absolute;width:76px;height:89px;border-radius:50%;background:linear-gradient(145deg,#f0b89b,#c78570);left:42%;top:16%;box-shadow:0 -15px 0 4px #14212b inset}.person-illustration .body{position:absolute;width:180px;height:145px;border-radius:95px 95px 15px 15px;background:linear-gradient(145deg,#0f7497,#0b465d);left:23%;bottom:0}.person-illustration .tablet{position:absolute;width:120px;height:78px;border-radius:12px;background:#152b38;border:5px solid #294653;left:45%;bottom:10%;transform:rotate(-11deg)}.value-card>div:last-child{padding:55px 22px 24px;display:flex;flex-direction:column;justify-content:center}.check-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:13px}.check-list li:before,.price-card li:before{content:"✓";color:var(--cyan);font-weight:900;margin-right:9px}.price-intro{padding:18px 4px;align-self:center}.price-card{position:relative;border:1px solid #1b5068;border-radius:18px;background:linear-gradient(180deg,#0a2a40,#061d2e);padding:25px 19px;min-height:300px}.price-card.premium{border-color:var(--cyan);box-shadow:0 0 0 1px rgba(24,229,237,.18),0 0 25px rgba(24,229,237,.1)}.price-card>span{font-size:20px;font-weight:900}.price-card small{display:block;color:#91acbc;margin-top:5px;min-height:34px}.price-card h3{font-size:31px;margin:16px 0 0}.price-card em{font-style:normal;color:#adc3d0;font-size:12px}.price-card ul{list-style:none;padding:0;margin:18px 0;display:grid;gap:8px;color:#bed1db;font-size:12px}.popular{position:absolute;right:14px;top:-11px;background:var(--cyan);color:#00202a;border-radius:999px;padding:6px 12px;font-weight:900;font-size:9px;letter-spacing:1px}.clinic-card{padding:0 22px 24px;display:flex;flex-direction:column;justify-content:flex-end}.clinic-scene{height:150px;margin:0 -22px 18px;background:linear-gradient(rgba(3,18,28,.3),rgba(3,18,28,.9)),radial-gradient(circle at 70% 40%,#366f81 0,#12394b 20%,#071d2d 65%);position:relative}.clinic-scene i{position:absolute;width:54px;height:80px;border-radius:50% 50% 22% 22%;background:#648799;bottom:20px;filter:blur(1px);opacity:.75}.clinic-scene i:nth-child(1){left:15%}.clinic-scene i:nth-child(2){left:43%;height:95px}.clinic-scene i:nth-child(3){left:70%}.clinic-card h3{font-size:18px;line-height:1.2;margin:0 0 9px}.clinic-card p{color:#9eb6c4;font-size:12px;line-height:1.55;margin:0}
.testimonials{display:grid;grid-template-columns:1.15fr repeat(3,1fr);gap:16px;background:#051a28}.testimonial-intro{padding-right:28px}.testimonial-card{background:linear-gradient(180deg,#0b2a3f,#082337);border:1px solid #17465d;border-radius:16px;padding:20px;min-height:180px}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#13d9df,#0a769b);font-weight:900}.testimonial-card p{color:#d9e8ef;line-height:1.55;font-size:13px}.testimonial-card small{color:#7fa1b2}
.faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px;background:linear-gradient(180deg,#061a29,#04131e)}.faq-list{display:grid;gap:10px}.faq details{border:1px solid #18485f;background:#082235;border-radius:12px;overflow:hidden}.faq summary{cursor:pointer;list-style:none;padding:17px 18px;font-weight:700;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:18px;color:var(--cyan);font-size:22px;top:10px}.faq details[open] summary:after{content:"−"}.faq details p{padding:0 18px 18px;margin:0;font-size:13px}
.cta{display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(90deg,#082738,#0b3147 50%,#071f31);border-top:1px solid #16485f}.cta h2{max-width:760px}.cta-actions{display:flex;gap:12px;flex-shrink:0}
footer{padding:34px clamp(22px,4vw,64px);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:22px;background:#020f18;border-top:1px solid #15384a;color:#9cb5c2}footer .footer-brand{color:white}footer p{margin:0;font-size:12px}.footer-links{display:flex;gap:22px;font-size:12px;color:#b8cbd5}footer small{grid-column:1/-1;border-top:1px solid #102d3c;padding-top:16px;font-size:10px}
#contactDialog{max-width:540px;border:none;border-radius:22px;padding:32px;background:#082438;color:white;box-shadow:0 35px 120px rgba(0,0,0,.6);border:1px solid #1a5269}#contactDialog::backdrop{background:rgba(0,8,13,.78);backdrop-filter:blur(8px)}#contactDialog h2{font-size:30px;margin:8px 0 12px;line-height:1.05}#contactDialog p{color:#abc2cf;line-height:1.65}.dialog-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#a9c7d4;font-size:30px;cursor:pointer}
@media(max-width:1180px){.hero{grid-template-columns:.8fr 1.2fr}.hero-visual{transform:scale(.9);transform-origin:right center}.value-price{grid-template-columns:1.1fr .8fr 1fr 1fr}.clinic-card{display:none}.testimonials{grid-template-columns:1fr 1fr}.testimonial-intro{grid-column:1/-1}.desktop-nav{gap:18px;margin-left:0}.header-actions .link-btn{display:none}}
@media(max-width:860px){body{background:#020c13}.page-shell{width:100%;margin:0;border-radius:0;border-left:0;border-right:0}.site-header{height:66px;padding:0 19px}.desktop-nav,.header-actions{display:none}.menu-btn{margin-left:auto;width:42px;height:42px;border:1px solid #19485e;border-radius:12px;background:#072136;color:white;display:grid;place-items:center}.menu-btn svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2}.menu-btn .close{display:none}.menu-btn[aria-expanded="true"] .open{display:none}.menu-btn[aria-expanded="true"] .close{display:block}.mobile-menu{position:fixed;left:0;right:0;top:66px;z-index:29;background:rgba(3,20,32,.97);border-bottom:1px solid #16485f;padding:18px 20px 24px;display:none;flex-direction:column;gap:4px;backdrop-filter:blur(16px)}.mobile-menu.open{display:flex}.mobile-menu a{padding:13px 4px;border-bottom:1px solid rgba(255,255,255,.05)}.mobile-menu .primary-btn{margin-top:12px;border:0}.section-pad{padding:48px 20px}.hero{display:flex;flex-direction:column;min-height:auto;padding-top:48px;gap:24px;background:linear-gradient(180deg,#031724,#061d2c 58%,#061a28)}.hero-copy{max-width:none}.hero h1{font-size:46px;line-height:1.02;letter-spacing:-2px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.hero-actions>*{width:100%}.trust-row{display:grid;gap:9px}.hero-visual{width:100%;height:480px;transform:none;align-self:auto}.dashboard-device{left:-16%;top:40px;width:100%;height:315px;transform:perspective(1000px) rotateY(-7deg) rotateX(2deg);opacity:.94}.dashboard-body{grid-template-columns:91px 1fr}.dashboard-body aside{font-size:7px;gap:11px}.dash-main{padding:12px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid>div:nth-child(n+3){display:none}.chart-row{grid-template-columns:1fr}.schedule-card{display:none}.phone-device{right:-2%;top:110px;width:160px;height:330px}.wa-float{right:-2%;top:75px}.hero-caption{display:none}.orbit-a{width:360px;height:250px;right:-17%;top:8%}.orbit-b{display:none}.section-heading.split{display:block}.section-heading .outline-btn{width:100%;margin-top:20px}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-grid article{min-height:160px;padding:17px}.feature-grid h3{font-size:16px}.feature-grid p{font-size:12px}.detail-list article,.detail-list article:nth-child(even){grid-template-columns:1fr}.detail-list article:nth-child(even) img{order:initial}.detail-copy h3{font-size:24px}.value-price{grid-template-columns:1fr}.value-card{min-height:280px}.price-intro{text-align:center}.price-card{min-height:auto}.clinic-card{display:flex;min-height:260px}.testimonials{grid-template-columns:1fr}.testimonial-intro{grid-column:auto}.faq{grid-template-columns:1fr;gap:24px}.cta{display:block}.cta-actions{flex-direction:column;margin-top:24px}.cta-actions>*{width:100%}footer{grid-template-columns:1fr;text-align:left}.footer-links{flex-wrap:wrap}}
@media(max-width:480px){.brand{font-size:21px}.brand-mark{transform:scale(.86);transform-origin:left center}.eyebrow{font-size:10px}.hero h1{font-size:39px}.hero-visual{height:430px}.dashboard-device{width:115%;left:-30%;height:280px}.phone-device{width:149px;height:305px;right:-3%;top:100px}.phone-chat{font-size:8.5px}.feature-grid{gap:10px}.feature-grid article{min-height:150px}.value-card{grid-template-columns:1fr}.value-photo{min-height:210px}.value-card>div:last-child{padding:24px}.price-card h3{font-size:28px}.section-heading h2,.price-intro h2,.testimonial-intro h2,.faq h2,.cta h2,.detail-intro h2{font-size:31px}}


/* SOVELO_STAGEFIX_V2_START */
.hero{min-height:560px;gap:20px;align-items:center}
.hero-copy{max-width:540px}
.hero h1{font-size:clamp(42px,4.3vw,64px);margin-bottom:18px;max-width:560px}
.hero-copy>p{font-size:15px;max-width:520px}
.hero-actions{margin:24px 0 18px}
.hero-visual{height:500px}
.dashboard-device{left:2%;top:11%;width:76%;height:376px}
.phone-device{right:3%;top:17%;width:192px;height:386px}
.wa-float{right:3%;top:12%}
.section-pad{padding:clamp(52px,5.3vw,78px) clamp(22px,4vw,64px)}
.section-heading.split{align-items:center}
.feature-grid{margin-top:28px;gap:14px}
.feature-grid article{min-height:136px;padding:18px}
.feature-details{margin-top:42px;padding-top:42px}
.detail-list{margin-top:28px;gap:20px}
.detail-list article{gap:22px;padding:20px}
.value-price{grid-template-columns:1.15fr .72fr .8fr .86fr 1.02fr;gap:16px}
.showcase-card{border-radius:18px;overflow:hidden;border:1px solid #153f54;background:linear-gradient(180deg,#09273a,#071f31);display:flex;flex-direction:column;min-height:320px}
.showcase-card.secondary{justify-content:space-between}
.showcase-media{position:relative;padding:14px 14px 0}
.showcase-media.tight{padding-bottom:0}
.showcase-media img{display:block;width:100%;border-radius:14px;border:1px solid #1c4c61;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.showcase-copy{padding:18px 20px 22px}
.showcase-copy h3{margin:8px 0 12px;font-size:28px;line-height:1.08;letter-spacing:-1px}
.showcase-copy p{margin:0;color:#a8c0cd;line-height:1.62}
.showcase-copy.compact h3{font-size:25px}
.showcase-badge{position:absolute;right:22px;bottom:16px;background:rgba(8,36,56,.92);border:1px solid rgba(24,229,237,.45);box-shadow:0 10px 30px rgba(0,0,0,.35);padding:12px 14px;border-radius:14px;max-width:180px}
.showcase-badge strong{display:block;font-size:26px;line-height:1;color:var(--cyan)}
.showcase-badge span{display:block;margin-top:5px;font-size:11px;line-height:1.4;color:#d5edf7}
.price-intro{padding:12px 2px;display:flex;flex-direction:column;justify-content:center}
.price-card{padding:23px 18px;min-height:320px}
.price-card h3{font-size:30px}
.testimonials{grid-template-columns:1.12fr repeat(3,1fr);gap:14px}
.testimonial-intro{padding-right:18px}
.trust-card{display:flex;flex-direction:column;justify-content:space-between;min-height:215px}
.trust-top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.trust-label{font-weight:800;font-size:15px}
.testimonial-card p{margin:0 0 16px}
.faq{gap:42px}
.faq-list{gap:12px}
.faq summary{padding:18px 20px}
.cta{padding-top:56px;padding-bottom:56px}
footer{padding-top:28px;padding-bottom:28px}
@media(max-width:1180px){
  .hero{grid-template-columns:.9fr 1.1fr;min-height:520px}
  .hero-visual{transform:scale(.93);transform-origin:right center}
  .value-price{grid-template-columns:1fr 1fr}
  .showcase-card,.price-intro,.price-card{min-height:auto}
  .showcase-card:first-child{grid-column:1/-1}
  .showcase-card.secondary{grid-column:1/-1}
  .testimonials{grid-template-columns:1fr 1fr}
}
@media(max-width:860px){
  .section-pad{padding:44px 20px}
  .hero{padding-top:44px;gap:18px}
  .hero h1{font-size:42px;line-height:1.02}
  .hero-copy>p{font-size:14px}
  .hero-visual{height:450px}
  .dashboard-device{left:-12%;top:30px;width:100%;height:300px}
  .phone-device{right:0;top:92px;width:156px;height:318px}
  .feature-grid article{min-height:150px}
  .value-price{grid-template-columns:1fr;gap:14px}
  .showcase-card{min-height:auto}
  .showcase-media{padding:12px 12px 0}
  .showcase-copy{padding:16px 16px 18px}
  .showcase-copy h3{font-size:24px}
  .showcase-badge{right:18px;bottom:16px;max-width:160px;padding:10px 12px}
  .testimonials{grid-template-columns:1fr}
}
@media(max-width:480px){
  .hero h1{font-size:38px}
  .hero-visual{height:410px}
  .dashboard-device{width:114%;left:-28%;height:272px}
  .phone-device{width:146px;height:300px;top:96px}
  .showcase-badge strong{font-size:22px}
}
/* SOVELO_STAGEFIX_V2_END */


/* SOVELO_CSP_BAR_HEIGHTS */
.bars i:nth-child(1){height:42%}
.bars i:nth-child(2){height:65%}
.bars i:nth-child(3){height:56%}
.bars i:nth-child(4){height:78%}
.bars i:nth-child(5){height:51%}
.bars i:nth-child(6){height:70%}
.bars i:nth-child(7){height:84%}

/* SOVELO_CONTACT_V1_START */
.contact-list{
  display:grid;
  gap:10px;
  margin-top:22px;
}
.contact-method{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding:14px 16px;
  border:1px solid #1b5068;
  border-radius:13px;
  background:#061d2e;
  color:#fff;
  text-decoration:none;
  transition:border-color .18s ease,background .18s ease,transform .18s ease;
}
.contact-method:hover{
  border-color:var(--cyan);
  background:#082b3e;
  transform:translateY(-1px);
}
.contact-method strong{
  display:block;
  font-size:14px;
}
.contact-method small{
  display:block;
  margin-top:3px;
  color:#9fc0ce;
  font-size:12px;
}
.contact-method b{
  flex-shrink:0;
  color:var(--cyan);
  font-size:12px;
}
.contact-close-btn{
  width:100%;
  margin-top:16px;
}
@media(max-width:480px){
  #contactDialog{
    width:calc(100% - 28px);
    padding:26px 20px;
  }
  #contactDialog h2{
    font-size:27px;
  }
}
/* SOVELO_CONTACT_V1_END */

/* SOVELO_PRICING_V2_START */

.value-price{
  grid-template-columns:1.15fr .9fr .9fr .9fr 1.15fr;
  gap:16px;
}

.value-price .price-intro{
  grid-column:1/-1;
  width:min(850px,100%);
  margin:0 auto 14px;
  padding:0;
  text-align:center;
}

.value-price .price-intro p{
  margin-left:auto;
  margin-right:auto;
}

.value-price .price-card{
  min-height:340px;
  display:flex;
  flex-direction:column;
}

.value-price .price-card ul{
  margin-top:22px;
}

.value-price .price-card li{
  line-height:1.5;
}

.value-price .price-card.premium{
  transform:translateY(-4px);
}

.value-price .annual-card{
  border-color:#28718b;
}

.value-price .annual-label{
  background:#0e7795;
  color:#eaffff;
}

.price-explainer{
  grid-column:1/-1;
  margin-top:12px;
  padding:28px;
  border:1px solid #174b61;
  border-radius:20px;
  background:linear-gradient(135deg,#08283a,#061d2d);
}

.price-explainer-head{
  max-width:760px;
}

.price-explainer-head h3{
  margin:7px 0 8px;
  font-size:28px;
}

.price-explainer-head p{
  margin:0;
  color:#9eb9c7;
  line-height:1.6;
}

.price-flow{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:12px;
  margin-top:24px;
}

.price-flow>div{
  padding:18px;
  border-radius:14px;
  border:1px solid #17465d;
  background:#071f31;
}

.price-flow b{
  display:block;
  color:var(--cyan);
  font-size:11px;
  letter-spacing:1.5px;
  margin-bottom:10px;
}

.price-flow strong{
  display:block;
  font-size:14px;
  margin-bottom:7px;
}

.price-flow span{
  display:block;
  color:#96b1c0;
  font-size:12px;
  line-height:1.55;
}

.price-contact{
  margin-top:18px;
  padding-top:20px;
  border-top:1px solid #17465d;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.price-contact strong{
  display:block;
  font-size:15px;
}

.price-contact span{
  display:block;
  margin-top:5px;
  color:#9eb9c7;
  font-size:12px;
}

.price-whatsapp{
  flex-shrink:0;
  text-decoration:none;
}

@media(max-width:1180px){
  .value-price{
    grid-template-columns:1fr 1fr;
  }

  .value-price .price-intro,
  .price-explainer{
    grid-column:1/-1;
  }

  .value-price .showcase-card{
    min-height:auto;
  }

  .price-flow{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:860px){
  .value-price{
    grid-template-columns:1fr;
  }

  .value-price .price-intro,
  .price-explainer{
    grid-column:auto;
  }

  .value-price .price-card.premium{
    transform:none;
  }

  .price-flow{
    grid-template-columns:1fr;
  }

  .price-contact{
    flex-direction:column;
    align-items:stretch;
  }

  .price-whatsapp{
    width:100%;
  }
}

@media(max-width:480px){
  .price-explainer{
    padding:21px 17px;
  }

  .price-explainer-head h3{
    font-size:25px;
  }
}

/* SOVELO_PRICING_V2_END */


/* SOVELO_TRUST_NETWORK_V3_START */

.trust-network{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,48%) minmax(0,52%);
  gap:44px;
  align-items:center;
  padding-top:56px;
  padding-bottom:56px;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 46%,rgba(12,157,195,.12),transparent 34%),
    linear-gradient(180deg,#041827 0%,#031521 100%);
  border-top:1px solid #12384b;
  border-bottom:1px solid #12384b;
}

.trust-grid-dots{
  position:absolute;
  width:92px;
  height:92px;
  opacity:.38;
  background-image:radial-gradient(circle,#1ddcea 1.4px,transparent 1.4px);
  background-size:16px 16px;
  pointer-events:none;
}

.trust-dots-left{
  left:38px;
  bottom:86px;
}

.trust-dots-right{
  left:50%;
  top:62px;
  transform:translateX(-50%);
}

.trust-map-panel{
  position:relative;
  min-width:0;
  height:520px;
}

.trust-map-rings{
  position:absolute;
  width:520px;
  height:520px;
  left:47%;
  top:50%;
  transform:translate(-50%,-50%);
  border:1px solid rgba(14,160,199,.16);
  border-radius:50%;
}

.trust-map-rings:before,
.trust-map-rings:after{
  content:"";
  position:absolute;
  border:1px solid rgba(14,160,199,.12);
  border-radius:50%;
}

.trust-map-rings:before{ inset:78px; }
.trust-map-rings:after{ inset:152px; }

.trust-map-svg{
  position:absolute;
  left:0;
  top:36px;
  width:100%;
  height:448px;
  overflow:visible;
  filter:drop-shadow(0 0 16px rgba(0,199,235,.06));
}

.trust-island{
  fill:rgba(3,43,62,.82);
  stroke:#08a4d1;
  stroke-width:2;
  stroke-linejoin:round;
}

.trust-small-island{
  fill:rgba(3,43,62,.72);
  stroke-width:1.5;
}

.trust-network-line{
  fill:none;
  stroke:#1ce2ee;
  stroke-width:2.5;
  stroke-dasharray:5 8;
  opacity:.95;
  filter:drop-shadow(0 0 5px rgba(28,226,238,.55));
}

.trust-city-dot{
  fill:#2ce8f2;
  filter:drop-shadow(0 0 8px rgba(44,232,242,.9));
}

.trust-hub-glow{
  fill:rgba(21,226,238,.11);
  stroke:rgba(21,226,238,.26);
  stroke-width:4;
}

.trust-hub-ring{
  fill:#0a89ad;
  stroke:#25edf4;
  stroke-width:4;
  filter:drop-shadow(0 0 12px rgba(33,237,244,.72));
}

.trust-hub-core{ fill:#ebffff; }

.trust-city{
  position:absolute;
  z-index:5;
  min-width:162px;
  height:56px;
  padding:0 18px 0 14px;
  display:flex;
  align-items:center;
  gap:11px;
  border:1px solid #2d6a83;
  border-radius:999px;
  background:linear-gradient(180deg,rgba(8,41,60,.98),rgba(5,28,43,.98));
  box-shadow:0 14px 30px rgba(0,0,0,.22),0 0 18px rgba(15,198,225,.07);
  color:#fff;
  font-size:15px;
}

.trust-city strong{ white-space:nowrap; }

.trust-pin{
  position:relative;
  width:18px;
  height:23px;
  flex:0 0 auto;
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
  background:linear-gradient(145deg,#1aeff3,#07abd3);
  box-shadow:0 0 13px rgba(25,237,242,.42);
}

.trust-pin:after{
  content:"";
  position:absolute;
  width:6px;
  height:6px;
  left:6px;
  top:6px;
  border-radius:50%;
  background:#07384b;
}

.city-magetan{ left:23%; top:74px; }
.city-madiun{ left:5%; top:212px; }
.city-ponorogo{ left:2%; top:355px; }
.city-surabaya{ right:2%; top:238px; }
.city-yogyakarta{ left:39%; bottom:8px; }

.trust-network-copy{
  position:relative;
  z-index:3;
  min-width:0;
}

.trust-network-copy>.kicker{
  margin-bottom:10px;
}

.trust-network-copy h2{
  margin:0;
  max-width:760px;
  font-size:clamp(42px,3.45vw,54px);
  line-height:1.02;
  letter-spacing:-2px;
}

.trust-title-white,
.trust-title-cyan{
  display:block;
}

.trust-title-white{
  color:#fff;
  white-space:nowrap;
}

.trust-title-cyan{
  color:var(--cyan);
  margin-top:2px;
}

.trust-network-lead{
  max-width:720px;
  margin:22px 0 0;
  color:#b8cbd7;
  font-size:16px;
  line-height:1.6;
}

.trust-stat-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
  margin-top:34px;
}

.trust-stat-card{
  min-width:0;
  min-height:250px;
  padding:28px 24px 22px;
  border:1px solid #17516a;
  border-radius:20px;
  background:linear-gradient(180deg,#08283c,#061d2e);
  box-shadow:inset 0 1px rgba(255,255,255,.02);
}

.trust-stat-icon{
  position:relative;
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#22ddea,#0d88b4);
  box-shadow:0 0 22px rgba(24,221,232,.12);
}

.trust-stat-card strong{
  display:block;
  margin-top:19px;
  color:#fff;
  font-size:20px;
  line-height:1.18;
}

.trust-stat-heading{
  display:flex!important;
  align-items:baseline;
  flex-wrap:wrap;
  gap:8px;
}

.trust-stat-heading b{
  color:var(--cyan);
  font-size:34px;
  line-height:1;
}

.trust-stat-heading span{
  font-size:18px;
}

.trust-stat-card p{
  margin:16px 0 0;
  color:#9bb6c5;
  font-size:13px;
  line-height:1.6;
}

.trust-people-icon span{
  position:absolute;
  border-radius:50%;
  background:#fff;
}

.trust-people-icon span:nth-child(1){ width:10px; height:10px; left:24px; top:14px; }
.trust-people-icon span:nth-child(2){ width:8px; height:8px; left:14px; top:20px; }
.trust-people-icon span:nth-child(3){ width:8px; height:8px; right:14px; top:20px; }

.trust-people-icon:after{
  content:"";
  position:absolute;
  left:13px;
  bottom:11px;
  width:32px;
  height:14px;
  border:4px solid #fff;
  border-bottom:0;
  border-radius:16px 16px 0 0;
}

.trust-location-icon i{
  position:relative;
  width:19px;
  height:25px;
  border-radius:50% 50% 50% 0;
  transform:rotate(-45deg);
  background:#fff;
}

.trust-location-icon i:after{
  content:"";
  position:absolute;
  width:7px;
  height:7px;
  left:6px;
  top:6px;
  border-radius:50%;
  background:#0b9eba;
}

.trust-check-icon{
  color:#fff;
  font-size:37px;
  font-weight:400;
}

.trust-demo-row{
  min-height:112px;
  margin-top:22px;
  padding:18px 22px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:18px;
  align-items:center;
  border:1px solid #16718d;
  border-radius:22px;
  background:linear-gradient(90deg,#073149,#06263b);
}

.trust-demo-icon{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(145deg,#20dfea,#0e86b1);
}

.trust-demo-icon span{
  position:relative;
  width:25px;
  height:22px;
  border:3px solid #fff;
  border-radius:4px;
}

.trust-demo-icon span:before,
.trust-demo-icon span:after{
  content:"";
  position:absolute;
  top:-7px;
  width:3px;
  height:8px;
  border-radius:2px;
  background:#fff;
}

.trust-demo-icon span:before{ left:4px; }
.trust-demo-icon span:after{ right:4px; }

.trust-demo-copy strong{
  display:block;
  color:#fff;
  font-size:18px;
}

.trust-demo-copy span{
  display:block;
  margin-top:5px;
  color:#c1d4df;
  font-size:14px;
}

.trust-demo-btn{
  min-width:260px;
  justify-content:center;
  text-decoration:none;
}

.trust-demo-btn b{
  margin-left:10px;
  font-size:21px;
}

@media(max-width:1250px){
  .trust-network{
    grid-template-columns:1fr;
    gap:28px;
  }

  .trust-title-white{
    white-space:normal;
  }

  .trust-grid-dots{
    display:none;
  }
}

@media(max-width:700px){
  .trust-network{
    padding-top:48px;
    padding-bottom:48px;
  }

  .trust-map-panel{
    height:390px;
  }

  .trust-map-rings{
    width:350px;
    height:350px;
  }

  .trust-map-svg{
    top:18px;
    height:330px;
  }

  .trust-city{
    min-width:auto;
    height:42px;
    padding:0 10px;
    gap:7px;
    font-size:11px;
  }

  .trust-pin{
    width:14px;
    height:18px;
  }

  .trust-pin:after{
    width:5px;
    height:5px;
    left:5px;
    top:5px;
  }

  .city-magetan{ left:20%; top:46px; }
  .city-madiun{ left:0; top:145px; }
  .city-ponorogo{ left:0; top:254px; }
  .city-surabaya{ right:0; top:164px; }
  .city-yogyakarta{ left:36%; bottom:6px; }

  .trust-network-copy h2{
    font-size:36px;
    letter-spacing:-1.4px;
  }

  .trust-title-white{
    white-space:normal;
  }

  .trust-network-lead{
    font-size:15px;
    margin-top:17px;
  }

  .trust-stat-grid{
    grid-template-columns:1fr;
  }

  .trust-stat-card{
    min-height:auto;
  }

  .trust-demo-row{
    grid-template-columns:auto 1fr;
  }

  .trust-demo-btn{
    grid-column:1/-1;
    width:100%;
    min-width:0;
  }
}

@media(max-width:430px){
  .trust-map-panel{ height:340px; }
  .trust-map-rings{ width:300px; height:300px; }
  .trust-map-svg{ height:300px; }
  .trust-network-copy h2{ font-size:32px; }
}

/* SOVELO_TRUST_NETWORK_V3_END */


/* SOVELO_TRUST_NETWORK_V4_START */

/* ============================================================
   SOVELO PUBLIC TRUST 14E-R1
   Acuan: referensi desktop 3 kartu
   ============================================================ */

.trust-network{
  scroll-margin-top:86px;
}

/* DESKTOP BESAR */
@media (min-width:1251px){

  .trust-network.section-pad{
    min-height:748px;
    display:grid;
    grid-template-columns:minmax(0,49.5%) minmax(0,50.5%);
    gap:32px;
    align-items:center;
    padding:55px 34px 60px;
    overflow:hidden;

    background:
      radial-gradient(circle at 20% 46%,rgba(7,150,194,.14),transparent 35%),
      radial-gradient(circle at 76% 42%,rgba(8,100,142,.07),transparent 37%),
      linear-gradient(180deg,#041827 0%,#031521 100%);
  }

  /* ----------------------------------------------------------
     MAP AREA
     ---------------------------------------------------------- */

  .trust-map-panel{
    position:relative;
    height:600px;
    min-width:0;
  }

  .trust-map-rings{
    width:590px;
    height:590px;
    left:47%;
    top:50%;
    transform:translate(-50%,-50%);
    border:1px solid rgba(14,160,199,.17);
  }

  .trust-map-rings:before{
    inset:82px;
  }

  .trust-map-rings:after{
    inset:164px;
  }

  .trust-map-svg{
    left:-7%;
    top:31px;
    width:115%;
    height:535px;
    overflow:visible;
    filter:drop-shadow(0 0 15px rgba(0,199,235,.08));
  }

  .trust-island{
    fill:rgba(3,43,62,.84);
    stroke:#08a9d4;
    stroke-width:1.8;
    stroke-linejoin:round;
  }

  .trust-small-island{
    fill:rgba(3,43,62,.76);
    stroke-width:1.4;
  }

  .trust-network-line{
    stroke:#1be7ef;
    stroke-width:2.25;
    stroke-dasharray:5 8;
    opacity:.98;
    filter:drop-shadow(0 0 5px rgba(28,226,238,.55));
  }

  .trust-city-dot{
    fill:#2beaf2;
    filter:drop-shadow(0 0 8px rgba(44,232,242,.92));
  }

  .trust-hub-glow{
    fill:rgba(21,226,238,.13);
    stroke:rgba(21,226,238,.29);
  }

  .trust-hub-ring{
    fill:#0a8ead;
    stroke:#28eef4;
    filter:drop-shadow(0 0 13px rgba(33,237,244,.74));
  }

  .trust-hub-core{
    fill:#f4ffff;
  }

  /* CITY PILLS */

  .trust-city{
    min-width:154px;
    height:53px;
    padding:0 17px 0 14px;
    gap:10px;
    border:1px solid rgba(59,127,153,.86);
    border-radius:999px;
    background:
      linear-gradient(
        180deg,
        rgba(8,42,62,.99),
        rgba(5,28,43,.99)
      );
    box-shadow:
      0 13px 28px rgba(0,0,0,.25),
      0 0 17px rgba(15,198,225,.07);
    font-size:15px;
  }

  .trust-pin{
    width:18px;
    height:23px;
  }

  .city-magetan{
    left:25%;
    top:104px;
  }

  .city-madiun{
    left:7%;
    top:229px;
  }

  .city-ponorogo{
    left:3%;
    top:352px;
  }

  .city-surabaya{
    right:1%;
    top:254px;
  }

  .city-yogyakarta{
    left:41%;
    bottom:26px;
  }

  /* ----------------------------------------------------------
     RIGHT COLUMN
     ---------------------------------------------------------- */

  .trust-network-copy{
    position:relative;
    z-index:3;
    min-width:0;
    align-self:center;
  }

  .trust-network-copy>.kicker{
    display:block;
    margin:0 0 12px;
    color:#18e5ed;
    font-size:12px;
    font-weight:900;
    letter-spacing:1.7px;
  }

  .trust-network-copy h2{
    margin:0;
    max-width:none;
    font-size:clamp(44px,3.12vw,51px);
    line-height:1.015;
    letter-spacing:-1.9px;
  }

  .trust-title-white{
    display:block;
    white-space:nowrap;
  }

  .trust-title-cyan{
    display:block;
    margin-top:2px;
    color:#18e5ed;
  }

  .trust-network-lead{
    max-width:700px;
    margin:21px 0 0;
    color:#b8cbd7;
    font-size:15.8px;
    line-height:1.6;
  }

  /* ----------------------------------------------------------
     3 CARDS
     ---------------------------------------------------------- */

  .trust-stat-grid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px;
    margin-top:25px;
  }

  .trust-stat-card{
    min-width:0;
    min-height:0;
    height:258px;
    padding:21px 18px 18px;
    border:1px solid #17516a;
    border-radius:17px;
    background:
      linear-gradient(
        180deg,
        #08283c 0%,
        #061d2e 100%
      );
    box-shadow:
      inset 0 1px rgba(255,255,255,.025);
  }

  .trust-stat-icon{
    width:54px;
    height:54px;
    border-radius:50%;
    background:
      linear-gradient(
        145deg,
        #22ddea,
        #0d88b4
      );
    box-shadow:
      0 0 21px rgba(24,221,232,.13);
  }

  .trust-stat-card strong{
    display:block;
    margin-top:12px;
    color:#fff;
    font-size:19px;
    line-height:1.17;
    letter-spacing:-.3px;
  }

  .trust-stat-heading{
    display:block!important;
  }

  .trust-stat-heading b{
    display:block;
    margin-bottom:4px;
    color:#18e5ed;
    font-size:32px;
    line-height:1;
  }

  .trust-stat-heading span{
    display:block;
    font-size:18px;
    line-height:1.15;
  }

  .trust-stat-card p{
    margin:13px 0 0;
    color:#a1bbc9;
    font-size:12.5px;
    line-height:1.57;
  }

  /* people icon */
  .trust-people-icon span:nth-child(1){
    width:10px;
    height:10px;
    left:22px;
    top:13px;
  }

  .trust-people-icon span:nth-child(2){
    width:8px;
    height:8px;
    left:13px;
    top:19px;
  }

  .trust-people-icon span:nth-child(3){
    width:8px;
    height:8px;
    right:13px;
    top:19px;
  }

  .trust-people-icon:after{
    left:12px;
    bottom:10px;
    width:30px;
    height:14px;
  }

  /* document icon */
  .trust-file-icon svg{
    width:27px;
    height:27px;
    fill:none;
    stroke:#fff;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
  }

  /* ----------------------------------------------------------
     CTA
     ---------------------------------------------------------- */

  .trust-demo-row{
    min-height:104px;
    margin-top:18px;
    padding:17px 20px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:17px;
    align-items:center;
    border:1px solid #16718d;
    border-radius:18px;
    background:
      linear-gradient(
        90deg,
        #073149 0%,
        #06263b 100%
      );
  }

  .trust-demo-icon{
    width:56px;
    height:56px;
  }

  .trust-demo-copy strong{
    display:block;
    font-size:17px;
    line-height:1.25;
  }

  .trust-demo-copy span{
    display:block;
    margin-top:4px;
    font-size:14px;
  }

  .trust-demo-btn{
    min-width:202px;
    min-height:52px;
    padding:0 23px;
    border-radius:16px;
    font-size:14px;
    box-shadow:
      0 8px 26px rgba(24,229,237,.18);
  }

  .trust-demo-btn b{
    margin-left:8px;
    font-size:20px;
  }

  /* DECORATIVE DOTS */

  .trust-dots-left{
    left:40px;
    bottom:72px;
  }

  .trust-dots-right{
    left:47.5%;
    top:72px;
  }

}


/* LAPTOP MENENGAH */
@media (min-width:1181px) and (max-width:1250px){

  .trust-network.section-pad{
    grid-template-columns:47% 53%;
    gap:26px;
  }

  .trust-map-panel{
    height:560px;
  }

  .trust-map-svg{
    width:108%;
    left:-5%;
  }

  .trust-stat-card{
    padding-left:16px;
    padding-right:16px;
  }

}


/* TABLET */
@media (min-width:701px) and (max-width:1180px){

  .trust-network{
    grid-template-columns:1fr;
    gap:26px;
  }

  .trust-map-panel{
    width:min(760px,100%);
    margin:0 auto;
  }

  .trust-network-copy{
    width:min(850px,100%);
    margin:0 auto;
  }

  .trust-title-white{
    white-space:normal;
  }

}


/* MOBILE SAFETY */
@media (max-width:700px){

  .trust-file-icon svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:#fff;
    stroke-width:2;
  }

}

/* SOVELO_TRUST_NETWORK_V4_END */



/* SOVELO_BRANDING_V1 */
.brand-logo-img{
  width:34px;
  height:34px;
  display:block;
  flex:0 0 auto;
  object-fit:contain;
}
.footer-brand .brand-logo-img{
  width:32px;
  height:32px;
}
@media(max-width:480px){
  .brand-logo-img{
    width:30px;
    height:30px;
  }
}

/* ========================================================================== */
/* SOVELO_VIDEO_DEMO_V1_START                                                 */
/* Hanya untuk popup pilihan video + player video.                            */
/* ========================================================================== */

.video-demo-dialog{
  width:min(920px,calc(100vw - 32px));
  max-width:none;
  border:0;
  border-radius:24px;
  padding:34px;
  background:#ffffff;
  color:#082438;
  box-shadow:0 34px 110px rgba(0,0,0,.55);
  overflow:visible;
}

.video-demo-dialog::backdrop{
  background:rgba(0,10,17,.78);
  backdrop-filter:blur(7px);
}

.video-dialog-close{
  position:absolute;
  right:18px;
  top:14px;
  width:38px;
  height:38px;
  display:grid;
  place-items:center;
  border:0;
  border-radius:50%;
  background:#eef5f7;
  color:#536c78;
  font-size:27px;
  line-height:1;
  cursor:pointer;
}

.video-dialog-close:hover{
  background:#e2eef1;
  color:#082438;
}

.video-demo-kicker{
  display:block;
  margin-bottom:7px;
  color:#0699a8;
  font-size:12px;
  font-weight:900;
  letter-spacing:1.5px;
}

.video-demo-dialog h2{
  margin:0;
  padding-right:42px;
  font-size:clamp(27px,3vw,38px);
  line-height:1.08;
  letter-spacing:-1px;
  color:#082438;
}

.video-demo-intro{
  margin:11px 0 27px;
  color:#617785;
  line-height:1.6;
}

.video-demo-options{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.video-demo-option{
  min-width:0;
  padding:0;
  overflow:hidden;
  text-align:left;
  border:1px solid #d7e5e9;
  border-radius:18px;
  background:#f7fbfc;
  color:#082438;
  cursor:pointer;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease;
}

.video-demo-option:hover{
  transform:translateY(-3px);
  border-color:#13cbd4;
  box-shadow:0 14px 34px rgba(4,56,74,.12);
}

.video-demo-play{
  min-height:170px;
  display:grid;
  place-items:center;
  background:
    radial-gradient(circle at 50% 45%,rgba(19,203,212,.18),transparent 34%),
    linear-gradient(135deg,#062337,#0a4052);
  color:white;
  font-size:31px;
}

.video-demo-play::before{
  content:"";
  position:absolute;
}

.video-demo-option-copy{
  display:block;
  padding:20px;
}

.video-demo-option-copy strong{
  display:block;
  margin-bottom:8px;
  font-size:21px;
  line-height:1.2;
}

.video-demo-option-copy small{
  display:block;
  min-height:60px;
  color:#657b86;
  font-size:13px;
  line-height:1.55;
}

.video-demo-option-copy b{
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-top:15px;
  color:#087f8c;
  font-size:13px;
}

.video-demo-option-copy b span{
  color:#7b8d96;
  font-weight:700;
}

.video-player-dialog{
  width:min(1000px,calc(100vw - 32px));
}

.video-player-frame{
  margin-top:22px;
  overflow:hidden;
  border-radius:16px;
  background:#000;
  box-shadow:0 13px 34px rgba(0,0,0,.18);
}

.video-player-frame video{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  background:#000;
}

.video-back-btn{
  margin-top:18px;
  padding:0;
  border:0;
  background:transparent;
  color:#087f8c;
  font-weight:800;
  cursor:pointer;
}

.video-back-btn:hover{
  text-decoration:underline;
}

@media(max-width:700px){
  .video-demo-dialog{
    width:calc(100vw - 24px);
    padding:28px 18px 20px;
    border-radius:19px;
  }

  .video-demo-dialog h2{
    font-size:27px;
  }

  .video-demo-options{
    grid-template-columns:1fr;
    gap:13px;
  }

  .video-demo-play{
    min-height:118px;
  }

  .video-demo-option-copy{
    padding:17px;
  }

  .video-demo-option-copy small{
    min-height:0;
  }
}

/* SOVELO_VIDEO_DEMO_V1_END */