/* v3 homepage top (hero + services), scoped to .v3top. Generated from theme 3.0.3 CSS. */
.v3top{--navy:#0B1E3B;
  --navy-2:#112C54;
  --navy-3:#16385F;
  --ink:#101B2D;
  --ink-soft:#55637A;
  --ink-mute:#8A94A6;
  --blue:#1B5FD9;
  --blue-dark:#1449AC;
  --blue-tint:#EAF1FE;
  --cyan:#12C2D6;
  --cyan-tint:#E4F8FB;
  --green:#12A87C;
  --amber:#C9860E;
  --bg:#FFFFFF;
  --bg-alt:#F5F7FB;
  --bg-alt-2:#EEF2F8;
  --line:#E2E8F1;
  --line-soft:#EDF1F7;
  --radius:16px;
  --radius-sm:10px;
  --radius-lg:24px;
  --shadow-sm:0 1px 2px rgba(16,27,45,.05), 0 2px 8px rgba(16,27,45,.04);
  --shadow:0 4px 12px rgba(16,27,45,.06), 0 18px 40px -20px rgba(16,27,45,.22);
  --shadow-lg:0 10px 24px rgba(11,30,59,.10), 0 30px 60px -28px rgba(11,30,59,.35);
  --font-en:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  --font-ar:"IBM Plex Sans Arabic", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --maxw:1220px;
  --nav-h:76px;}
.v3top *, .v3top, .v3top *::before, .v3top *::after{box-sizing:border-box;}
.v3top{-webkit-text-size-adjust:100%; scroll-behavior:smooth;}
.v3top{margin:0; background:var(--bg); color:var(--ink);
  font-family:var(--font-en); font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased; overflow-x:hidden;}
html[dir="rtl"] .v3top{font-family:var(--font-ar); line-height:1.85;}
.v3top img{max-width:100%; height:auto; display:block;}
.v3top svg{display:block;}
.v3top a{color:var(--blue); text-decoration:none;}
.v3top a:hover{color:var(--blue-dark);}
.v3top :focus-visible{outline:3px solid var(--cyan); outline-offset:2px; border-radius:4px;}
.v3top h1, .v3top h2, .v3top h3, .v3top h4, .v3top h5{margin:0 0 .5em; line-height:1.2; font-weight:700; color:var(--ink); letter-spacing:-.02em; text-wrap:balance;}
html[dir="rtl"] .v3top h1, html[dir="rtl"] .v3top h2, html[dir="rtl"] .v3top h3, html[dir="rtl"] .v3top h4{letter-spacing:0; line-height:1.4;}
.v3top h1{font-size:clamp(34px,4.6vw,56px); font-weight:800;}
.v3top h2{font-size:clamp(27px,3.2vw,40px);}
.v3top h3{font-size:clamp(20px,2vw,25px);}
.v3top h4{font-size:18px;}
.v3top p{margin:0 0 1.1em;}
.v3top ul, .v3top ol{margin:0 0 1.1em; padding-inline-start:1.25em;}
.v3top .mdr-plain{list-style:none; margin:0; padding:0;}
.v3top hr{border:none; border-top:1px solid var(--line); margin:40px 0;}
.v3top .screen-reader-text{position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(1px,1px,1px,1px); white-space:nowrap;}
.v3top .skip-link{position:absolute; inset-inline-start:0; top:0; transform:translateY(-200%); background:var(--navy); color:#fff; padding:12px 18px; z-index:200;}
.v3top .skip-link:focus{transform:translateY(0); color:#fff;}
.v3top .container{width:100%; max-width:var(--maxw); margin-inline:auto; padding-inline:22px;}
.v3top .section{padding-block:clamp(56px,7vw,96px);}
.v3top .section-sm{padding-block:clamp(40px,5vw,64px);}
.v3top .section-alt{background:var(--bg-alt);}
.v3top .section-navy{background:var(--navy); color:#D9E3F2;}
.v3top .section-navy h2, .v3top .section-navy h3, .v3top .section-navy h4{color:#fff;}
.v3top .section-navy p{color:#B7C6DC;}
.v3top .eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:var(--blue); margin-bottom:14px;}
html[dir="rtl"] .v3top .eyebrow{letter-spacing:.02em;}
.v3top .eyebrow::before{content:""; width:22px; height:2px; background:var(--cyan); border-radius:2px;}
.v3top .section-navy .eyebrow{color:var(--cyan);}
.v3top .sect-head{max-width:720px; margin-bottom:clamp(32px,4vw,52px);}
.v3top .sect-head.center{margin-inline:auto; text-align:center;}
.v3top .sect-head p{color:var(--ink-soft); font-size:17px; margin:0;}
.v3top .section-navy .sect-head p{color:#B7C6DC;}
.v3top .sect-head-row{display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; margin-bottom:clamp(30px,4vw,48px);}
.v3top .sect-head-row .sect-head{margin-bottom:0;}
.v3top .btn{display:inline-flex; align-items:center; justify-content:center; gap:9px;
  font-family:inherit; font-size:15px; font-weight:600; line-height:1;
  padding:15px 26px; border-radius:var(--radius-sm); border:1.5px solid transparent;
  cursor:pointer; transition:transform .16s ease, box-shadow .16s ease, background .16s ease, color .16s ease;
  text-align:center; white-space:nowrap; max-width:100%;}
@media (max-width:640px){.v3top .btn{white-space:normal; line-height:1.35;}}
.v3top .btn svg{width:17px; height:17px; flex:none;}
.v3top .btn:hover{transform:translateY(-2px);}
.v3top .btn-primary{background:var(--blue); color:#fff; box-shadow:0 8px 20px -8px rgba(27,95,217,.6);}
.v3top .btn-primary:hover{background:var(--blue-dark); color:#fff; box-shadow:0 12px 26px -8px rgba(27,95,217,.7);}
.v3top .btn-dark{background:var(--navy); color:#fff;}
.v3top .btn-dark:hover{background:var(--navy-2); color:#fff;}
.v3top .btn-outline{background:transparent; color:var(--ink); border-color:var(--line);}
.v3top .btn-outline:hover{border-color:var(--blue); color:var(--blue); background:var(--blue-tint);}
.v3top .btn-ghost-light{background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.28);}
.v3top .btn-ghost-light:hover{background:rgba(255,255,255,.16); color:#fff;}
.v3top .btn-white{background:#fff; color:var(--navy);}
.v3top .btn-white:hover{color:var(--blue); background:#fff;}
.v3top .btn-wa{background:#1FA855; color:#fff;}
.v3top .btn-wa:hover{background:#178643; color:#fff;}
.v3top .btn-sm{padding:11px 18px; font-size:13.5px;}
.v3top .btn-lg{padding:17px 32px; font-size:16px;}
.v3top .btn-block{width:100%;}
.v3top .btn-row{display:flex; gap:12px; flex-wrap:wrap;}
.v3top .link-arrow{display:inline-flex; align-items:center; gap:7px; font-weight:600; font-size:14.5px; color:var(--blue);}
.v3top .link-arrow svg{width:15px; height:15px; transition:transform .16s ease;}
html[dir="rtl"] .v3top .link-arrow svg{transform:scaleX(-1);}
.v3top .link-arrow:hover svg{transform:translateX(3px);}
html[dir="rtl"] .v3top .link-arrow:hover svg{transform:scaleX(-1) translateX(3px);}
.v3top .topbar{background:var(--navy); color:#AFC0D8; font-size:13px;}
.v3top .topbar .container{display:flex; justify-content:space-between; align-items:center; gap:16px; min-height:40px; flex-wrap:wrap;}
.v3top .topbar a{color:#D6E2F2;}
.v3top .topbar a:hover{color:#fff;}
.v3top .topbar-items{display:flex; gap:20px; align-items:center; flex-wrap:wrap;}
.v3top .topbar-items span{display:inline-flex; align-items:center; gap:7px;}
.v3top .topbar svg{width:14px; height:14px; opacity:.85;}
@media (max-width:820px){.v3top .topbar{display:none;}}
.v3top .site-header{position:sticky; top:0; z-index:90; background:rgba(255,255,255,.94); backdrop-filter:blur(12px); border-bottom:1px solid var(--line-soft); transition:box-shadow .2s ease;}
.v3top .site-header.is-stuck{box-shadow:0 6px 24px -12px rgba(16,27,45,.3);}
.v3top .nav-inner{display:flex; align-items:center; gap:22px; min-height:var(--nav-h);}
.v3top .brand{display:flex; align-items:center; gap:11px; flex:0 1 auto; min-width:0;}
.v3top .brand img{max-height:46px; width:auto;}
.v3top .brand-mark{width:40px; height:40px; flex:none;}
.v3top .brand-text{display:flex; flex-direction:column; line-height:1.15; min-width:0;}
.v3top .brand-name{font-size:19px; font-weight:800; color:var(--navy); letter-spacing:-.02em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:18ch;}
@media (max-width:1200px){.v3top .brand-name{max-width:26ch;}}
.v3top .brand-tag{font-size:10.5px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-mute);}
html[dir="rtl"] .v3top .brand-tag{letter-spacing:0; text-transform:none; font-size:11.5px;}
.v3top .main-nav{margin-inline-start:auto;}
.v3top .main-nav ul{display:flex; align-items:center; gap:4px; list-style:none; margin:0; padding:0;}
.v3top .main-nav li{position:relative;}
.v3top .main-nav a{display:block; padding:9px 11px; font-size:14px; font-weight:600; color:var(--ink); border-radius:8px; white-space:nowrap;}
.v3top .main-nav a:hover{color:var(--blue); background:var(--blue-tint);}
.v3top .main-nav .current-menu-item>a, .v3top .main-nav .current_page_item>a{color:var(--blue);}
.v3top .main-nav .sub-menu{position:absolute; top:calc(100% + 8px); inset-inline-start:0; min-width:250px; background:#fff;
  border:1px solid var(--line); border-radius:var(--radius-sm); box-shadow:var(--shadow); padding:8px;
  display:block; opacity:0; visibility:hidden; transform:translateY(-6px); transition:.18s ease; z-index:20;}
.v3top .main-nav li:hover>.sub-menu, .v3top .main-nav li:focus-within>.sub-menu{opacity:1; visibility:visible; transform:translateY(0);}
.v3top .main-nav .sub-menu a{font-size:14px; font-weight:500; padding:10px 12px;}
.v3top .menu-item-has-children>a::after{content:""; display:inline-block; width:6px; height:6px; margin-inline-start:7px; border-right:1.6px solid currentColor; border-bottom:1.6px solid currentColor; transform:rotate(45deg) translateY(-2px);}
.v3top .nav-actions{display:flex; align-items:center; gap:10px; flex:none;}
.v3top .lang-switch{display:flex; align-items:center; border:1px solid var(--line); border-radius:8px; overflow:hidden;}
.v3top .lang-switch-top{border-color:rgba(255,255,255,.22); border-radius:6px;}
.v3top .lang-switch-top a{background:transparent; color:#AFC0D8; padding:3px 9px; font-size:12px;}
.v3top .lang-switch-top a.is-active{background:rgba(255,255,255,.14); color:#fff;}
.v3top .lang-switch-top a:hover:not(.is-active){background:rgba(255,255,255,.07); color:#fff;}
.v3top .lang-switch a{padding:7px 11px; font-size:13px; font-weight:700; color:var(--ink-soft); background:#fff;}
.v3top .lang-switch a.is-active{background:var(--navy); color:#fff;}
.v3top .lang-switch a:hover:not(.is-active){background:var(--bg-alt); color:var(--blue);}
.v3top .nav-toggle{display:none; background:none; border:1px solid var(--line); border-radius:9px; width:44px; height:44px; align-items:center; justify-content:center; cursor:pointer; color:var(--navy);}
.v3top .nav-toggle svg{width:22px; height:22px;}
@media (max-width:1200px){.v3top .main-nav, .v3top .nav-actions .btn-quote-desktop{display:none;}
.v3top .nav-toggle{display:inline-flex;}
.v3top .nav-actions .wa-label{display:none;}
.v3top .nav-actions .btn-wa{padding:11px 13px;}}
@media (max-width:600px){.v3top .nav-actions .lang-switch{display:none;}
.v3top .nav-actions .wa-label{display:none;}
.v3top .nav-actions .btn-wa{padding:11px 12px;}
.v3top .brand-tag{display:none;}
.v3top .brand-name{font-size:17px; max-width:44vw;}
.v3top .brand img{max-height:38px;}
.v3top .nav-inner{gap:12px;}}
.v3top .mobile-nav{position:fixed; inset:0; z-index:120; background:rgba(11,30,59,.55); backdrop-filter:blur(3px); opacity:0; visibility:hidden; transition:.22s ease;}
.v3top .mobile-nav.open{opacity:1; visibility:visible;}
.v3top .mobile-nav .panel{position:absolute; inset-block:0; inset-inline-end:0; width:min(340px,88vw); background:#fff;
  padding:22px 20px 32px; overflow-y:auto; transform:translateX(100%); transition:transform .26s ease;}
html[dir="rtl"] .v3top .mobile-nav .panel{transform:translateX(-100%);}
.v3top .mobile-nav.open .panel{transform:translateX(0);}
.v3top .mobile-nav .panel-head{display:flex; justify-content:space-between; align-items:center; margin-bottom:18px;}
.v3top .mobile-nav ul{list-style:none; margin:0 0 18px; padding:0;}
.v3top .mobile-nav li{border-bottom:1px solid var(--line-soft);}
.v3top .mobile-nav a{display:block; padding:13px 2px; font-size:15.5px; font-weight:600; color:var(--ink);}
.v3top .mobile-nav .sub-menu{margin:0 0 8px; padding-inline-start:14px;}
.v3top .mobile-nav .sub-menu a{font-size:14px; font-weight:500; color:var(--ink-soft); padding:9px 2px;}
.v3top .icon-btn{width:42px; height:42px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:9px; background:#fff; cursor:pointer; color:var(--navy);}
.v3top .icon-btn svg{width:20px; height:20px;}
.v3top .hero{position:relative; background:var(--navy); color:#fff; overflow:hidden;}
.v3top .hero::before{content:""; position:absolute; inset:0;
  background:
    radial-gradient(760px 380px at 82% 12%, rgba(18,194,214,.20), transparent 62%),
    radial-gradient(620px 420px at 8% 92%, rgba(27,95,217,.30), transparent 65%);}
.v3top .hero-grid-lines{position:absolute; inset:0; opacity:.5;}
.v3top .hero .container{position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:52px; align-items:center; padding-block:clamp(56px,7vw,104px);}
.v3top .hero-badge{display:inline-flex; align-items:center; gap:9px; font-size:12.5px; font-weight:600; color:#CFF3F8;
  background:rgba(18,194,214,.13); border:1px solid rgba(18,194,214,.3); padding:7px 14px; border-radius:30px; margin-bottom:22px;}
.v3top .hero-badge svg{width:15px; height:15px;}
.v3top .hero h1{color:#fff; margin-bottom:20px;}
.v3top .hero h1 .hl{color:var(--cyan);}
.v3top .hero .lede{font-size:clamp(16px,1.35vw,18.5px); color:#BCCDE4; max-width:56ch; margin-bottom:30px;}
.v3top .hero .btn-row{margin-bottom:26px;}
.v3top .hero-note{display:flex; align-items:center; gap:9px; font-size:13.5px; color:#93A8C6;}
.v3top .hero-note svg{width:16px; height:16px; color:var(--cyan);}
.v3top .hero-art{position:relative;}
@media (max-width:920px){.v3top .hero .container{grid-template-columns:1fr; gap:38px;}
.v3top .hero-art{order:-1; max-width:460px; margin-inline:auto; width:100%;}}
.v3top .trust-strip{background:var(--bg-alt); border-bottom:1px solid var(--line-soft);}
.v3top .trust-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:14px;}
@media (max-width:980px){.v3top .trust-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.v3top .trust-grid{grid-template-columns:1fr;}}
.v3top .trust-item{display:flex; align-items:center; gap:11px; font-size:14.5px; font-weight:600; color:var(--ink); background:#fff; border:1px solid var(--line); border-radius:var(--radius-sm); padding:14px 16px;}
.v3top .trust-item svg{width:19px; height:19px; flex:none; color:var(--green);}
.v3top .grid{display:grid; gap:22px;}
.v3top .grid-2{grid-template-columns:repeat(2,1fr);}
.v3top .grid-3{grid-template-columns:repeat(3,1fr);}
.v3top .grid-4{grid-template-columns:repeat(4,1fr);}
@media (max-width:1000px){.v3top .grid-4{grid-template-columns:repeat(2,1fr);}
.v3top .grid-3{grid-template-columns:repeat(2,1fr);}}
@media (max-width:700px){.v3top .grid-2, .v3top .grid-3, .v3top .grid-4{grid-template-columns:1fr;}}
.v3top .card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:26px 24px;
  display:flex; flex-direction:column; transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;}
.v3top .card:hover{border-color:#C9D8EE; box-shadow:var(--shadow); transform:translateY(-3px);}
.v3top .card h3{font-size:19px; margin-bottom:9px;}
.v3top .card p{color:var(--ink-soft); font-size:14.8px; margin-bottom:16px;}
.v3top .card .link-arrow{margin-top:auto;}
.v3top .card-icon{width:50px; height:50px; border-radius:13px; background:var(--blue-tint); color:var(--blue);
  display:flex; align-items:center; justify-content:center; margin-bottom:18px;}
.v3top .card-icon svg{width:24px; height:24px;}
.v3top .card-icon.cyan{background:var(--cyan-tint); color:#0A93A3;}
.v3top .card-icon.green{background:#E6F7F1; color:var(--green);}
.v3top .card-icon.navy{background:#E9EEF6; color:var(--navy);}
.v3top .card-flat{border-color:var(--line-soft); background:var(--bg-alt); box-shadow:none;}
.v3top .card-flat:hover{background:#fff;}
.v3top .tick-list{list-style:none; margin:0; padding:0; display:grid; gap:11px;}
.v3top .tick-list li{display:flex; align-items:flex-start; gap:10px; font-size:14.8px; color:var(--ink-soft);}
.v3top .tick-list li svg{width:18px; height:18px; flex:none; margin-top:2px; color:var(--green);}
.v3top .section-navy .tick-list li{color:#C3D2E7;}
.v3top .section-navy .tick-list li svg{color:var(--cyan);}
.v3top .split{display:grid; grid-template-columns:1fr 1fr; gap:clamp(32px,5vw,64px); align-items:center;}
.v3top .split.narrow-art{grid-template-columns:1.1fr .9fr;}
@media (max-width:900px){.v3top .split, .v3top .split.narrow-art{grid-template-columns:1fr; gap:34px;}}
.v3top .split-art{position:relative;}
.v3top .industry-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:22px; transition:.18s ease;}
.v3top .industry-card:hover{border-color:var(--blue); box-shadow:var(--shadow); transform:translateY(-3px);}
.v3top .industry-card .ic{width:42px; height:42px; border-radius:11px; background:var(--navy); color:var(--cyan); display:flex; align-items:center; justify-content:center; margin-bottom:14px;}
.v3top .industry-card .ic svg{width:21px; height:21px;}
.v3top .industry-card h4{font-size:16.5px; margin-bottom:6px;}
.v3top .industry-card p{font-size:13.8px; color:var(--ink-soft); margin-bottom:10px;}
.v3top .tag-row{display:flex; flex-wrap:wrap; gap:6px;}
.v3top .tag{font-size:11.5px; font-weight:600; color:var(--ink-soft); background:var(--bg-alt-2); border-radius:20px; padding:4px 10px;}
.v3top .steps{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; counter-reset:step;}
@media (max-width:980px){.v3top .steps{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.v3top .steps{grid-template-columns:1fr;}}
.v3top .step{position:relative; padding-top:20px;}
.v3top .step::before{content:""; position:absolute; top:0; inset-inline:0; height:3px; background:var(--line); border-radius:3px;}
.v3top .step.is-first::before{background:linear-gradient(90deg,var(--blue),var(--cyan));}
.v3top .step .num{font-size:13px; font-weight:800; color:var(--blue); letter-spacing:.08em; display:block; margin-bottom:9px;}
.v3top .step h4{font-size:17px; margin-bottom:7px;}
.v3top .step p{font-size:14.3px; color:var(--ink-soft); margin:0;}
.v3top .section-navy .step::before{background:rgba(255,255,255,.16);}
.v3top .section-navy .step .num{color:var(--cyan);}
.v3top .chat-mock{background:#fff; border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-lg); overflow:hidden; max-width:400px;}
.v3top .chat-head{display:flex; align-items:center; gap:11px; padding:14px 16px; background:#0F6B3F; color:#fff;}
.v3top .chat-head .avatar{width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.2); display:flex; align-items:center; justify-content:center;}
.v3top .chat-head .avatar svg{width:20px; height:20px;}
.v3top .chat-head b{display:block; font-size:14.5px; line-height:1.3;}
.v3top .chat-head span{font-size:11.5px; opacity:.85;}
.v3top .chat-body{background:#ECE5DD; padding:16px; display:grid; gap:10px;}
.v3top .bubble{max-width:82%; padding:10px 13px; border-radius:12px; font-size:13.6px; line-height:1.55; box-shadow:0 1px 1px rgba(0,0,0,.08);}
.v3top .bubble.in{background:#fff; border-start-start-radius:3px; justify-self:start;}
.v3top .bubble.out{background:#DCF8C6; border-start-end-radius:3px; justify-self:end;}
.v3top .bubble .meta{display:block; font-size:10px; color:#7A8A99; margin-top:4px; text-align:end;}
.v3top .bubble .opt{display:block; margin-top:7px; padding:7px 10px; background:var(--bg-alt); border:1px solid var(--line); border-radius:8px; font-size:12.5px; font-weight:600; color:var(--ink);}
.v3top .typing{display:inline-flex; gap:4px; align-items:center;}
.v3top .typing i{width:6px; height:6px; border-radius:50%; background:#9CB0A6; display:block; animation:v3-blink 1.2s infinite;}
.v3top .typing i:nth-child(2){animation-delay:.2s;}
.v3top .typing i:nth-child(3){animation-delay:.4s;}
@keyframes v3-blink{0%,60%,100%{opacity:.3;} 30%{opacity:1;}}
.v3top .flow{display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; margin-top:30px;}
.v3top .flow-node{display:flex; flex-direction:column; align-items:center; gap:9px; text-align:center; min-width:96px;}
.v3top .flow-node .ic{width:56px; height:56px; border-radius:15px; display:flex; align-items:center; justify-content:center; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.16); color:var(--cyan);}
.v3top .flow-node .ic svg{width:25px; height:25px;}
.v3top .flow-node span{font-size:13px; font-weight:600; color:#C3D2E7;}
.v3top .flow-link{width:44px; height:2px; background:linear-gradient(90deg,rgba(18,194,214,.15),rgba(18,194,214,.9),rgba(18,194,214,.15)); position:relative; overflow:hidden;}
.v3top .flow-link::after{content:""; position:absolute; top:-2px; inset-inline-start:-20%; width:20%; height:6px; background:var(--cyan); border-radius:3px; filter:blur(2px); animation:v3-flowmove 2.4s linear infinite;}
@keyframes v3-flowmove{to{inset-inline-start:120%;}}
@media (max-width:640px){.v3top .flow-link{width:26px;}}
.v3top .shop-mock{background:#fff; border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow-lg); overflow:hidden;}
.v3top .shop-bar{display:flex; align-items:center; gap:8px; padding:11px 14px; background:var(--bg-alt); border-bottom:1px solid var(--line);}
.v3top .shop-bar .dots{display:flex; gap:5px;}
.v3top .shop-bar .dots i{width:9px; height:9px; border-radius:50%; background:#D3DBE6; display:block;}
.v3top .shop-bar .url{flex:1; background:#fff; border:1px solid var(--line); border-radius:6px; font-size:11px; color:var(--ink-mute); padding:4px 9px;}
.v3top .shop-body{padding:16px;}
.v3top .shop-row{display:grid; grid-template-columns:repeat(3,1fr); gap:11px;}
.v3top .shop-prod{border:1px solid var(--line-soft); border-radius:10px; overflow:hidden;}
.v3top .shop-prod .ph{aspect-ratio:1/1; background:linear-gradient(135deg,var(--bg-alt-2),var(--blue-tint)); display:flex; align-items:center; justify-content:center; color:#A9BBD4;}
.v3top .shop-prod .ph svg{width:28px; height:28px;}
.v3top .shop-prod .meta{padding:8px 9px;}
.v3top .shop-prod .meta b{display:block; height:7px; width:72%; background:var(--bg-alt-2); border-radius:4px; margin-bottom:6px;}
.v3top .shop-prod .meta span{display:block; height:7px; width:42%; background:var(--blue-tint); border-radius:4px;}
.v3top .doc-mock{position:relative; display:flex; justify-content:center; gap:16px; max-width:100%;}
.v3top .doc-page{width:210px; flex:0 1 210px; min-width:0; background:#fff; border:1px solid var(--line); border-radius:8px; box-shadow:var(--shadow); padding:18px;}
@media (max-width:560px){.v3top .doc-mock{gap:10px;}
.v3top .doc-page{flex:0 1 150px; width:150px; padding:12px;}
.v3top .doc-page .block{height:40px;}}
.v3top .doc-page.tilt-a{transform:rotate(-4deg) translateY(10px);}
.v3top .doc-page.tilt-b{transform:rotate(3deg);}
.v3top .doc-page .bar{height:8px; border-radius:4px; background:var(--bg-alt-2); margin-bottom:7px;}
.v3top .doc-page .bar.w60{width:60%;}
.v3top .doc-page .bar.w40{width:40%;}
.v3top .doc-page .bar.w80{width:80%;}
.v3top .doc-page .bar.accent{background:var(--blue); height:10px; width:46%; margin-bottom:12px;}
.v3top .doc-page .block{height:54px; border-radius:6px; background:linear-gradient(135deg,var(--blue-tint),var(--cyan-tint)); margin:12px 0;}
.v3top .filter-row{display:flex; gap:9px; flex-wrap:wrap; margin-bottom:28px;}
.v3top .filter-btn{font-family:inherit; font-size:13.5px; font-weight:600; padding:9px 17px; border-radius:30px; border:1px solid var(--line); background:#fff; color:var(--ink-soft); cursor:pointer; transition:.16s ease;}
.v3top .filter-btn:hover{border-color:var(--blue); color:var(--blue);}
.v3top .filter-btn.is-active{background:var(--navy); border-color:var(--navy); color:#fff;}
.v3top .pf-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; transition:.18s ease;}
.v3top .pf-card:hover{box-shadow:var(--shadow); transform:translateY(-3px);}
.v3top .pf-media{aspect-ratio:16/10; background:var(--navy); position:relative; overflow:hidden;}
.v3top .pf-media img{width:100%; height:100%; object-fit:cover;}
.v3top .pf-media .ph{position:absolute; inset:0; display:flex; align-items:center; justify-content:center;}
.v3top .pf-body{padding:18px 20px 22px;}
.v3top .pf-body .kicker{font-size:11.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--cyan-tint);}
.v3top .pf-ind{display:inline-block; font-size:11.5px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--blue); margin-bottom:8px;}
html[dir="rtl"] .v3top .pf-ind{letter-spacing:0; text-transform:none;}
.v3top .pf-body h4{font-size:17px; margin-bottom:7px;}
.v3top .pf-body p{font-size:14px; color:var(--ink-soft); margin:0;}
.v3top .pf-flag{position:absolute; top:12px; inset-inline-start:12px; background:rgba(255,255,255,.92); color:var(--navy); font-size:10.5px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; padding:4px 9px; border-radius:20px;}
html[dir="rtl"] .v3top .pf-flag{letter-spacing:0; text-transform:none;}
.v3top .price-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px; align-items:stretch;}
@media (max-width:1060px){.v3top .price-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:620px){.v3top .price-grid{grid-template-columns:1fr;}}
.v3top .price-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:28px 24px; display:flex; flex-direction:column; position:relative;}
.v3top .price-card.featured{border-color:var(--blue); box-shadow:var(--shadow-lg);}
.v3top .price-flag{position:absolute; top:-12px; inset-inline-start:24px; background:var(--blue); color:#fff; font-size:11.5px; font-weight:700; padding:5px 13px; border-radius:20px;}
.v3top .price-card .tier{font-size:12.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--blue); margin-bottom:8px;}
html[dir="rtl"] .v3top .price-card .tier{letter-spacing:0; text-transform:none; font-size:14px;}
.v3top .price-card .for{font-size:14px; color:var(--ink-soft); margin-bottom:18px;}
.v3top .price-card .quote-line{font-size:15px; font-weight:700; color:var(--ink); padding-bottom:18px; margin-bottom:18px; border-bottom:1px solid var(--line-soft);}
.v3top .price-card .tick-list{margin-bottom:24px;}
.v3top .price-card .btn{margin-top:auto;}
.v3top .price-note{margin-top:24px; text-align:center; font-size:14.5px; color:var(--ink-soft);}
.v3top .faq-list{display:grid; gap:12px; max-width:860px; margin-inline:auto;}
.v3top .faq-item{border:1px solid var(--line); border-radius:var(--radius-sm); background:#fff; overflow:hidden;}
.v3top .faq-q{width:100%; display:flex; justify-content:space-between; align-items:center; gap:16px; text-align:start;
  font-family:inherit; font-size:15.5px; font-weight:600; color:var(--ink); background:none; border:none;
  padding:18px 20px; cursor:pointer;}
.v3top .faq-q .chev{width:20px; height:20px; flex:none; color:var(--blue); transition:transform .2s ease;}
.v3top .faq-item.open .faq-q .chev{transform:rotate(180deg);}
.v3top .faq-a{display:none; padding:0 20px 20px; color:var(--ink-soft); font-size:14.8px;}
.v3top .faq-item.open .faq-a{display:block;}
.v3top .faq-a p:last-child{margin-bottom:0;}
.v3top .form-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg); box-shadow:var(--shadow); padding:clamp(24px,3.4vw,40px);}
.v3top .form-grid{display:grid; grid-template-columns:repeat(2,1fr); gap:18px;}
@media (max-width:700px){.v3top .form-grid{grid-template-columns:1fr;}}
.v3top .field{display:flex; flex-direction:column; gap:7px;}
.v3top .field.full{grid-column:1/-1;}
.v3top .field label{font-size:13.5px; font-weight:600; color:var(--ink);}
.v3top .field .req{color:#D33B3B;}
.v3top .field input, .v3top .field select, .v3top .field textarea{font-family:inherit; font-size:15px; color:var(--ink); background:#fff;
  border:1.5px solid var(--line); border-radius:var(--radius-sm); padding:13px 15px; width:100%;
  transition:border-color .16s ease, box-shadow .16s ease;}
.v3top .field textarea{min-height:130px; resize:vertical;}
.v3top .field input:focus, .v3top .field select:focus, .v3top .field textarea:focus{outline:none; border-color:var(--blue); box-shadow:0 0 0 4px var(--blue-tint);}
.v3top .field input::placeholder, .v3top .field textarea::placeholder{color:var(--ink-mute);}
.v3top .field .hint{font-size:12.5px; color:var(--ink-mute);}
.v3top .hp-field{position:absolute!important; width:1px; height:1px; margin:-1px; padding:0; border:0; overflow:hidden; clip:rect(0 0 0 0); clip-path:inset(50%); white-space:nowrap;}
.v3top .form-alert{border-radius:var(--radius-sm); padding:16px 18px; font-size:14.8px; margin-bottom:22px; border:1px solid;}
.v3top .form-alert.ok{background:#E9F8F2; border-color:#B7E5D3; color:#0B6A4C;}
.v3top .form-alert.err{background:#FDECEC; border-color:#F5C6C6; color:#9B2121;}
.v3top .form-alert ul{margin:8px 0 0; padding-inline-start:20px;}
.v3top .consent{display:flex; gap:10px; align-items:flex-start; font-size:13.5px; color:var(--ink-soft);}
.v3top .consent input{width:18px; height:18px; margin-top:2px; flex:none;}
.v3top .contact-grid{display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(28px,4vw,52px);}
@media (max-width:900px){.v3top .contact-grid{grid-template-columns:1fr;}}
.v3top .contact-item{display:flex; gap:14px; align-items:flex-start; padding:18px 0; border-bottom:1px solid var(--line-soft);}
.v3top .contact-item:last-child{border-bottom:none;}
.v3top .contact-item .ic{width:44px; height:44px; border-radius:12px; background:var(--blue-tint); color:var(--blue); display:flex; align-items:center; justify-content:center; flex:none;}
.v3top .contact-item .ic svg{width:21px; height:21px;}
.v3top .contact-item b{display:block; font-size:14px; margin-bottom:3px;}
.v3top .contact-item a, .v3top .contact-item span{font-size:15px; color:var(--ink-soft);}
.v3top .contact-item a:hover{color:var(--blue);}
.v3top .map-placeholder{border:1px dashed var(--line); border-radius:var(--radius); background:var(--bg-alt);
  min-height:260px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px;
  color:var(--ink-mute); font-size:14px; text-align:center; padding:24px;}
.v3top .map-placeholder svg{width:34px; height:34px; color:var(--blue);}
.v3top .map-embed iframe{width:100%; min-height:320px; border:0; border-radius:var(--radius); display:block;}
.v3top .cta-band{position:relative; background:var(--navy); color:#fff; border-radius:var(--radius-lg); padding:clamp(32px,4.5vw,56px); overflow:hidden;}
.v3top .cta-band::before{content:""; position:absolute; inset:0; background:radial-gradient(600px 300px at 88% 10%, rgba(18,194,214,.22), transparent 60%);}
.v3top .cta-band>*{position:relative;}
.v3top .cta-band h2{color:#fff; margin-bottom:12px;}
.v3top .cta-band p{color:#B7C6DC; max-width:60ch; margin-bottom:26px;}
.v3top .page-hero{background:var(--navy); color:#fff; position:relative; overflow:hidden;}
.v3top .page-hero::before{content:""; position:absolute; inset:0; background:radial-gradient(700px 320px at 85% 0%, rgba(18,194,214,.18), transparent 62%);}
.v3top .page-hero .container{position:relative; padding-block:clamp(44px,5.5vw,76px);}
.v3top .page-hero h1{color:#fff; margin-bottom:14px;}
.v3top .page-hero p{color:#B7C6DC; font-size:17px; max-width:66ch; margin:0;}
.v3top .breadcrumb{font-size:13px; color:#8FA4C2; margin-bottom:16px;}
.v3top .breadcrumb a{color:#C6D6EC;}
.v3top .breadcrumb a:hover{color:#fff;}
.v3top .breadcrumb .sep{opacity:.5; margin-inline:7px;}
.v3top .entry-content{max-width:820px;}
.v3top .entry-content h2{margin-top:40px;}
.v3top .entry-content h3{margin-top:30px;}
.v3top .entry-content img{border-radius:var(--radius); margin-block:20px;}
.v3top .entry-content blockquote{margin:26px 0; padding:18px 22px; border-inline-start:3px solid var(--blue); background:var(--bg-alt); border-radius:0 var(--radius-sm) var(--radius-sm) 0; color:var(--ink);}
html[dir="rtl"] .v3top .entry-content blockquote{border-radius:var(--radius-sm) 0 0 var(--radius-sm);}
.v3top .entry-content table{width:100%; border-collapse:collapse; margin-block:22px; font-size:14.5px;}
.v3top .entry-content th, .v3top .entry-content td{border:1px solid var(--line); padding:11px 13px; text-align:start;}
.v3top .entry-content th{background:var(--bg-alt); font-weight:700;}
.v3top .page-body{padding-block:clamp(44px,5vw,72px);}
.v3top .post-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; display:flex; flex-direction:column; transition:.18s ease;}
.v3top .post-card:hover{box-shadow:var(--shadow); transform:translateY(-3px);}
.v3top .post-media{aspect-ratio:16/9; background:var(--bg-alt-2); overflow:hidden;}
.v3top .post-media img{width:100%; height:100%; object-fit:cover;}
.v3top .post-body{padding:18px 20px 22px;}
.v3top .post-meta{font-size:12.5px; color:var(--ink-mute); margin-bottom:8px;}
.v3top .post-body h3{font-size:18px; margin-bottom:8px;}
.v3top .post-body p{font-size:14.3px; color:var(--ink-soft); margin:0;}
.v3top .pagination{display:flex; gap:7px; justify-content:center; margin-top:38px; flex-wrap:wrap;}
.v3top .pagination .page-numbers{display:inline-flex; align-items:center; justify-content:center; min-width:42px; height:42px; padding:0 12px; border:1px solid var(--line); border-radius:9px; color:var(--ink); font-weight:600; font-size:14px; background:#fff;}
.v3top .pagination .page-numbers.current{background:var(--navy); border-color:var(--navy); color:#fff;}
.v3top .pagination .page-numbers:hover:not(.current){border-color:var(--blue); color:var(--blue);}
.v3top .site-footer{background:var(--navy); color:#A8BAD3; padding-block:clamp(48px,6vw,72px) 0; margin-top:0;}
.v3top .foot-grid{display:grid; grid-template-columns:1.6fr 1fr 1fr 1.3fr; gap:38px;}
@media (max-width:940px){.v3top .foot-grid{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.v3top .foot-grid{grid-template-columns:1fr;}}
.v3top .site-footer h4{font-size:12.5px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:#fff; margin-bottom:18px;}
html[dir="rtl"] .v3top .site-footer h4{letter-spacing:0; text-transform:none; font-size:15px;}
.v3top .site-footer ul{list-style:none; margin:0; padding:0;}
.v3top .site-footer li a{display:block; padding:6px 0; font-size:14.3px; color:#A8BAD3;}
.v3top .site-footer li a:hover{color:#fff;}
.v3top .foot-brand{align-items:flex-start;}
.v3top .foot-brand .brand-name{color:#fff; white-space:normal; overflow:visible; text-overflow:clip; max-width:24ch; line-height:1.3;}
.v3top .foot-brand .brand-tag{color:#7C90AE; display:block;}
.v3top .foot-desc{font-size:14.3px; line-height:1.8; max-width:36ch; margin:16px 0 20px;}
.v3top .foot-contact{display:grid; gap:12px; font-size:14.3px;}
.v3top .foot-contact div{display:flex; gap:10px; align-items:flex-start;}
.v3top .foot-contact svg{width:17px; height:17px; color:var(--cyan); flex:none; margin-top:3px;}
.v3top .foot-contact a{color:#C6D6EC;}
.v3top .foot-contact a:hover{color:#fff;}
.v3top .foot-social{display:flex; gap:10px; margin-top:18px;}
.v3top .foot-social a{width:40px; height:40px; border:1px solid rgba(255,255,255,.18); border-radius:10px; display:flex; align-items:center; justify-content:center; color:#C6D6EC;}
.v3top .foot-social a:hover{background:rgba(255,255,255,.1); color:#fff; border-color:rgba(255,255,255,.35);}
.v3top .foot-social svg{width:18px; height:18px;}
.v3top .foot-bottom{margin-top:46px; border-top:1px solid rgba(255,255,255,.12); padding-block:20px 24px; display:flex; justify-content:space-between; gap:14px; flex-wrap:wrap; font-size:13px; color:#8298B7;}
.v3top .foot-bottom a{color:#A8BAD3;}
.v3top .foot-bottom a:hover{color:#fff;}
.v3top .foot-lang{display:flex; gap:8px; align-items:center;}
.v3top .foot-lang a.is-active{color:#fff; font-weight:700;}
.v3top .wa-float{position:fixed; bottom:22px; inset-inline-end:22px; z-index:80; display:inline-flex; align-items:center; gap:10px;
  background:#1FA855; color:#fff; padding:13px 20px; border-radius:36px; font-size:14.5px; font-weight:600;
  box-shadow:0 12px 28px -10px rgba(31,168,85,.8);}
.v3top .wa-float:hover{background:#178643; color:#fff;}
.v3top .wa-float svg{width:23px; height:23px;}
@media (max-width:640px){.v3top .wa-float span{display:none;}
.v3top .wa-float{padding:15px; bottom:18px; inset-inline-end:18px;}}
.v3top .woocommerce .woocommerce-message, .v3top .woocommerce .woocommerce-info{border-top-color:var(--blue); background:var(--bg-alt);}
.v3top .woocommerce ul.products{display:grid!important; grid-template-columns:repeat(4,1fr); gap:22px; list-style:none; margin:0; padding:0;}
@media (max-width:1000px){.v3top .woocommerce ul.products{grid-template-columns:repeat(2,1fr)!important;}}
@media (max-width:620px){.v3top .woocommerce ul.products{grid-template-columns:1fr!important;}}
.v3top .woocommerce ul.products li.product{background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; padding:0!important; margin:0!important; width:auto!important; float:none!important;}
.v3top .woocommerce ul.products li.product img{border-radius:0; margin:0;}
.v3top .woocommerce ul.products li.product .woocommerce-loop-product__title{font-size:16px!important; font-weight:600; padding:14px 16px 4px!important;}
.v3top .woocommerce ul.products li.product .price{display:block; padding:0 16px 12px; color:var(--ink); font-weight:700;}
.v3top .woocommerce ul.products li.product .button{margin:0 16px 18px!important; background:var(--blue)!important; color:#fff!important; border-radius:var(--radius-sm)!important; padding:12px 18px!important; font-weight:600!important;}
.v3top .woocommerce div.product .single_add_to_cart_button, .v3top .woocommerce #respond input#submit, .v3top .woocommerce button.button, .v3top .woocommerce input.button, .v3top .woocommerce a.button.alt{background:var(--blue)!important; color:#fff!important; border-radius:var(--radius-sm)!important; font-weight:600!important; padding:14px 26px!important;}
.v3top .woocommerce div.product .single_add_to_cart_button:hover, .v3top .woocommerce a.button.alt:hover{background:var(--blue-dark)!important;}
.v3top .woocommerce table.shop_table{border-radius:var(--radius); border-color:var(--line);}
.v3top .woocommerce-cart table.cart img{width:64px; border-radius:8px;}
.v3top .reveal{opacity:1; transform:none;}
@media (prefers-reduced-motion: no-preference){.v3top .js .reveal{opacity:0; transform:translateY(16px); transition:opacity .5s ease, transform .5s ease;}
.v3top .js .reveal.in{opacity:1; transform:none;}}
@media (prefers-reduced-motion: reduce){.v3top *, .v3top{animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important;}}
.v3top .text-center{text-align:center;}
.v3top .mt-0{margin-top:0;}
.v3top .mb-0{margin-bottom:0;}
.v3top .mt-24{margin-top:24px;}
.v3top .mt-32{margin-top:32px;}
.v3top .mt-40{margin-top:40px;}
.v3top .mw-720{max-width:720px;}
.v3top .mw-820{max-width:820px;}
.v3top .mx-auto{margin-inline:auto;}
.v3top .muted{color:var(--ink-soft);}
.v3top .small{font-size:13.5px;}
.v3top .placeholder-note{display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:600; color:var(--amber);
  background:#FDF6E7; border:1px solid #F2E0B6; border-radius:8px; padding:7px 12px;}
.v3top .placeholder-note svg{width:15px; height:15px;}
.v3top{--violet:#7C5CFF;
  --aurora:linear-gradient(100deg,#12C2D6 0%,#3B82F6 52%,#7C5CFF 100%);}
.v3top .brand-mark{border-radius:11px;}
.v3top .brand-name b{font-weight:800; background:var(--aurora); -webkit-background-clip:text; background-clip:text; color:transparent;}
.v3top .foot-brand .brand-name b{color:transparent;}
.v3top .topbar-msg{display:inline-flex; align-items:center; gap:10px; color:#AFC0D8;}
.v3top .topbar-msg i{width:4px; height:4px; border-radius:50%; background:var(--cyan); display:inline-block;}
.v3top .hero2{position:relative; background:var(--navy); color:#fff; overflow:hidden;}
.v3top .hero2::before{content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(700px 360px at 85% 8%, rgba(124,92,255,.22), transparent 62%),
    radial-gradient(640px 420px at 70% 100%, rgba(18,194,214,.18), transparent 65%),
    radial-gradient(560px 380px at 0% 90%, rgba(27,95,217,.28), transparent 65%);}
.v3top .hero2 .container{position:relative; display:grid; grid-template-columns:1fr 1.08fr; gap:clamp(32px,4vw,64px); align-items:center; padding-block:clamp(48px,6.5vw,96px);}
.v3top .hero2 h1{color:#fff; font-size:clamp(34px,4.4vw,58px); margin-bottom:20px;}
.v3top .hero2 h1 .hl{background:var(--aurora); -webkit-background-clip:text; background-clip:text; color:transparent;}
.v3top .hero2 .lede{font-size:clamp(16px,1.3vw,18.5px); color:#BCCDE4; max-width:54ch; margin-bottom:24px;}
.v3top .hero-pills{display:flex; flex-wrap:wrap; gap:8px; margin:0 0 30px; padding:0; list-style:none;}
.v3top .hero-pills li{display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:600; color:#D7E3F4; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.14); border-radius:30px; padding:7px 13px;}
.v3top .hero-pills svg{width:14px; height:14px; color:var(--cyan);}
.v3top .hero2 .btn-row{margin-bottom:0;}
.v3top .hero-stage{position:relative;}
.v3top .hero-stage .aud-slider .aud-dots{margin-top:18px;}
.v3top .hero-stage .aud-dots button{background:rgba(255,255,255,.28);}
.v3top .hero-stage .aud-dots button.is-active{background:var(--cyan);}
.v3top .hero-stage .aud-arrow{display:none;}
.v3top .scene{position:relative; aspect-ratio:1.18/1; container-type:size;}
.v3top .scene .sc-main{position:absolute; top:4cqh; inset-inline-start:0; width:88cqw; filter:drop-shadow(0 24px 40px rgba(0,0,0,.45));}
.v3top .scene .sc-side{position:absolute; bottom:0; inset-inline-end:0; width:29cqw; filter:drop-shadow(0 20px 30px rgba(0,0,0,.5));}
.v3top .scene .sc-side.post{width:44cqw;}
.v3top .scene .sc-a{position:absolute; top:2cqh; inset-inline-start:2cqw; width:56cqw; transform:rotate(-4deg); filter:drop-shadow(0 24px 40px rgba(0,0,0,.45));}
.v3top .scene .sc-b{position:absolute; bottom:2cqh; inset-inline-end:2cqw; width:52cqw; transform:rotate(3deg); filter:drop-shadow(0 24px 40px rgba(0,0,0,.45));}
html[dir="rtl"] .v3top .scene .sc-a{transform:rotate(4deg);}
html[dir="rtl"] .v3top .scene .sc-b{transform:rotate(-3deg);}
.v3top .scene-label{position:absolute; top:0; inset-inline-end:0; z-index:3; display:inline-flex; align-items:center; gap:8px; font-size:12.5px; font-weight:700; color:#fff; background:rgba(11,30,59,.72); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(8px); padding:7px 13px; border-radius:30px;}
.v3top .scene-label i{width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 0 4px rgba(18,194,214,.18);}
@media (max-width:960px){.v3top .hero2 .container{grid-template-columns:1fr;}
.v3top .hero-stage{max-width:620px; width:100%; margin-inline:auto;}}
.v3top .svc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px;}
@media (max-width:1080px){.v3top .svc-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.v3top .svc-grid{grid-template-columns:1fr;}}
.v3top .svc{position:relative; background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:24px 22px 22px; display:flex; flex-direction:column; transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease; overflow:hidden;}
.v3top .svc::after{content:""; position:absolute; inset-inline:0; top:0; height:3px; background:var(--aurora); opacity:0; transition:opacity .18s ease;}
.v3top .svc:hover{border-color:#C9D8EE; box-shadow:var(--shadow); transform:translateY(-3px);}
.v3top .svc:hover::after{opacity:1;}
.v3top .svc .card-icon{margin-bottom:16px;}
.v3top .svc h3{font-size:17.5px; margin-bottom:8px;}
.v3top .svc p{font-size:14.3px; color:var(--ink-soft); margin-bottom:14px;}
.v3top .svc .link-arrow{margin-top:auto; font-size:14px;}
.v3top .why-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); border-radius:var(--radius-lg); overflow:hidden;}
@media (max-width:900px){.v3top .why-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:580px){.v3top .why-grid{grid-template-columns:1fr;}}
.v3top .why-item{background:#fff; padding:28px 26px;}
.v3top .why-item .ic{width:44px; height:44px; border-radius:12px; display:flex; align-items:center; justify-content:center; background:var(--navy); color:var(--cyan); margin-bottom:16px;}
.v3top .why-item .ic svg{width:21px; height:21px;}
.v3top .why-item h3{font-size:17px; margin-bottom:6px;}
.v3top .why-item p{font-size:14.3px; color:var(--ink-soft); margin:0;}
.v3top .aud-slider{position:relative; --per:1; --gap:22px;}
.v3top .aud-viewport{overflow:hidden; border-radius:var(--radius-lg);}
.v3top .aud-slider[data-per="3"] .aud-viewport, .v3top .aud-slider[data-per="2"] .aud-viewport{margin-inline:calc(var(--gap) / -2); border-radius:0; padding-block:6px 18px;}
.v3top .aud-track{display:flex; transition:transform .75s cubic-bezier(.22,.61,.36,1); will-change:transform;}
.v3top .aud-slide{flex:0 0 calc(100% / var(--per)); min-width:0;}
.v3top .aud-slider[data-per="3"] .aud-slide, .v3top .aud-slider[data-per="2"] .aud-slide{padding-inline:calc(var(--gap) / 2);}
.v3top .aud-slider.is-fade .aud-track{display:grid; transform:none!important;}
.v3top .aud-slider.is-fade .aud-slide{grid-area:1/1; opacity:0; visibility:hidden; transition:opacity .8s ease, visibility 0s linear .8s;}
.v3top .aud-slider.is-fade .aud-slide.is-active{opacity:1; visibility:visible; transition:opacity .8s ease;}
.v3top .aud-slider.is-fade .aud-viewport{overflow:visible; border-radius:0;}
.v3top .aud-dots{display:flex; justify-content:center; gap:8px; margin-top:22px; flex-wrap:wrap;}
.v3top .aud-dots button{width:8px; height:8px; padding:0; border:0; border-radius:8px; background:#C9D3E2; cursor:pointer; transition:width .3s ease, background .3s ease;}
.v3top .aud-dots button.is-active{width:26px; background:var(--blue);}
.v3top .section-navy .aud-dots button{background:rgba(255,255,255,.25);}
.v3top .section-navy .aud-dots button.is-active{background:var(--cyan);}
.v3top .aud-arrow{position:absolute; top:calc(50% - 40px); z-index:4; width:44px; height:44px; border-radius:50%; border:1px solid var(--line); background:#fff; color:var(--navy); display:flex; align-items:center; justify-content:center; cursor:pointer; box-shadow:var(--shadow); transition:background .16s ease, transform .16s ease;}
.v3top .aud-arrow:hover{background:var(--blue-tint); transform:scale(1.05);}
.v3top .aud-arrow svg{width:20px; height:20px; fill:none; stroke:currentColor; stroke-width:2.2; stroke-linecap:round; stroke-linejoin:round;}
.v3top .aud-arrow.prev{inset-inline-start:-18px;}
.v3top .aud-arrow.next{inset-inline-end:-18px;}
html[dir="rtl"] .v3top .aud-arrow svg{transform:scaleX(-1);}
@media (max-width:1280px){.v3top .aud-arrow.prev{inset-inline-start:6px;}
.v3top .aud-arrow.next{inset-inline-end:6px;}}
@media (max-width:700px){.v3top .aud-arrow{display:none;}}
.v3top .aud-slider:focus-within .aud-arrow{opacity:1;}
.v3top .aud-show{display:grid; grid-template-columns:1.55fr 1fr; gap:clamp(24px,3.5vw,48px); align-items:center; padding:clamp(16px,2.4vw,28px); background:#fff; border:1px solid var(--line); border-radius:var(--radius-lg);}
.v3top .section-alt .aud-show{background:#fff;}
.v3top .section-navy .aud-show{background:rgba(255,255,255,.04); border-color:rgba(255,255,255,.12);}
@media (max-width:860px){.v3top .aud-show{grid-template-columns:1fr;}}
.v3top .aud-show-media, .v3top .aud-card-media{position:relative;}
.v3top .stage{position:relative; aspect-ratio:16/10.6; container-type:size; border-radius:calc(var(--radius) + 2px); background:var(--stage-bg,#EEF2F8); overflow:hidden; display:flex; align-items:center; justify-content:center;}
.v3top .stage::before{content:""; position:absolute; inset:0; background:radial-gradient(60% 70% at 85% 10%, rgba(255,255,255,.55), transparent 60%), radial-gradient(50% 60% at 10% 100%, rgba(255,255,255,.35), transparent 60%); pointer-events:none;}
.v3top .stage > .mk{position:relative;}
.v3top .stage > .mk-browser{width:min(94cqw,136cqh); box-shadow:0 18px 40px -18px rgba(11,30,59,.45);}
.v3top .stage > .mk-phone{width:44cqh;}
.v3top .stage > .mk-post{width:min(64cqh,80cqw);}
.v3top .stage > .mk-banner{width:92cqw;}
.v3top .stage > .mk-story{width:min(92cqw,150cqh);}
.v3top .stage > .mk-doc{width:min(92cqw,128cqh);}
.v3top .aud-card-media .stage{aspect-ratio:1/1.02;}
.v3top .aud-card-media .stage > .mk-browser{width:94cqw;}
.v3top .aud-card-media .stage > .mk-phone{width:45cqh;}
.v3top .aud-card-media .stage > .mk-post{width:min(70cqh,84cqw);}
.v3top .stage > .mk-l-fb{width:min(60cqh,80cqw)!important;}
.v3top .aud-card-media .stage > .mk-banner{width:94cqw;}
.v3top .aud-card-media .stage > .mk-story{width:94cqw;}
.v3top .aud-card-media .stage > .mk-doc{width:94cqw;}
.v3top .mk-cap{display:flex; flex-direction:column; align-items:flex-start;}
.v3top .mk-cap-flag{display:inline-flex; align-items:center; gap:6px; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:#8A5A00; background:#FFF4DB; border:1px solid #F5DFA8; border-radius:20px; padding:3px 10px; margin-bottom:12px;}
html[dir="rtl"] .v3top .mk-cap-flag{letter-spacing:0; text-transform:none; font-size:12px;}
.v3top .mk-cap-cat{font-size:12px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; color:var(--blue); margin-bottom:6px;}
html[dir="rtl"] .v3top .mk-cap-cat{letter-spacing:0; text-transform:none; font-size:13px;}
.v3top .mk-cap-title{font-size:clamp(20px,2vw,26px); margin-bottom:8px;}
.v3top .mk-cap p{color:var(--ink-soft); font-size:15px; margin:0;}
.v3top .section-navy .mk-cap p{color:#B7C6DC;}
.v3top .section-navy .mk-cap-cat{color:var(--cyan);}
.v3top .aud-card{background:#fff; border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; height:100%; display:flex; flex-direction:column; transition:box-shadow .2s ease, transform .2s ease;}
.v3top .aud-card:hover{box-shadow:var(--shadow); transform:translateY(-3px);}
.v3top .aud-card-media{padding:12px 12px 0;}
.v3top .aud-card .mk-cap{padding:16px 18px 20px;}
.v3top .aud-card .mk-cap-flag{margin-bottom:9px;}
.v3top .aud-card .mk-cap-title{font-size:17px; margin-bottom:5px;}
.v3top .aud-card .mk-cap p{font-size:13.8px;}
.v3top .show-head{display:flex; justify-content:space-between; align-items:flex-end; gap:20px; flex-wrap:wrap; margin-bottom:clamp(26px,3.4vw,40px);}
.v3top .show-head .sect-head{margin-bottom:0;}
.v3top .chip-row{display:flex; flex-wrap:wrap; gap:8px; margin:0; padding:0; list-style:none;}
.v3top .chip-row li{font-size:12.5px; font-weight:600; color:var(--ink-soft); background:#fff; border:1px solid var(--line); border-radius:30px; padding:6px 12px;}
.v3top .section-alt .chip-row li{background:#fff;}
.v3top .section-navy .chip-row li{background:rgba(255,255,255,.06); border-color:rgba(255,255,255,.16); color:#C3D2E7;}
.v3top .sol-split{display:grid; grid-template-columns:.8fr 1.4fr; gap:clamp(28px,4vw,56px); align-items:center;}
@media (max-width:980px){.v3top .sol-split{grid-template-columns:1fr;}}
.v3top .sol-list{display:grid; gap:10px; margin:22px 0 28px; padding:0; list-style:none;}
.v3top .sol-list li{display:flex; gap:12px; align-items:flex-start; font-size:15px; color:#C3D2E7;}
.v3top .sol-list li svg{width:20px; height:20px; flex:none; color:var(--cyan); margin-top:3px;}
.v3top .sol-list li b{color:#fff; display:block; font-size:15px;}
.v3top .sol-list li span{font-size:13.8px; color:#9FB3CF;}
.v3top .gal-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
@media (max-width:1000px){.v3top .gal-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:620px){.v3top .gal-grid{grid-template-columns:1fr;}}
.v3top .gal-grid .aud-card[hidden]{display:none;}
.v3top .gal-note{display:flex; gap:10px; align-items:flex-start; font-size:13.8px; color:var(--ink-soft); background:var(--bg-alt); border:1px solid var(--line-soft); border-radius:var(--radius-sm); padding:12px 14px; margin-bottom:24px;}
.v3top .gal-note svg{width:18px; height:18px; flex:none; color:var(--blue); margin-top:2px;}
.v3top .contact-soon{background:var(--bg-alt); border:1px solid var(--line-soft); border-radius:var(--radius); padding:22px; margin-top:20px;}
.v3top .contact-soon b{display:block; font-size:15px; margin-bottom:6px; color:var(--ink);}
.v3top .contact-soon p{font-size:14.3px; color:var(--ink-soft); margin:0;}
.v3top .admin-note{display:block; margin-top:6px; font-size:12px; font-weight:600; color:var(--amber);}
.v3top .price-grid.five{grid-template-columns:repeat(5,minmax(0,1fr)); gap:16px;}
.v3top .price-grid.five .price-card{padding:26px 18px;}
.v3top .price-grid.five .price-card .btn{padding-inline:12px; white-space:normal;}
.v3top .price-grid.five .for{min-height:2.9em;}
@media (max-width:1200px){.v3top .price-grid.five{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:820px){.v3top .price-grid.five{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:560px){.v3top .price-grid.five{grid-template-columns:1fr;}}
.v3top .price-card .amount{font-size:26px; font-weight:800; color:var(--ink); line-height:1.2;}
.v3top .price-card .amount small{display:block; font-size:12.5px; font-weight:600; color:var(--ink-mute); margin-top:4px;}
.v3top .price-card .soon{display:inline-flex; font-size:12.5px; font-weight:700; color:var(--blue); background:var(--blue-tint); border-radius:20px; padding:4px 11px;}
.v3top .mk{container-type:inline-size; position:relative; --c1:#1B5FD9; --c2:#0B1E3B; --bg:#F4F7FC; color:#1A2333; text-align:start; line-height:1.35; user-select:none;}
.v3top .mk *{box-sizing:border-box;}
.v3top .mk-in{position:relative; width:100%; height:100%;}
.v3top .mk b, .v3top .mk strong{font-weight:700;}
.v3top .mk p{margin:0;}
.v3top .mk ul{list-style:none; margin:0; padding:0;}
.v3top .mk svg{display:block; width:100%; height:auto;}
.v3top .mk-btn{display:inline-flex; align-items:center; justify-content:center; background:var(--c1); color:#fff; border:.1em solid var(--c1); padding:.62em 1.2em; border-radius:.5em; font-size:.78em; font-weight:700; white-space:nowrap; line-height:1.2;}
.v3top .mk-btn.ghost{background:transparent; color:var(--c2); border-color:color-mix(in srgb, var(--c2) 30%, transparent);}
.v3top .mk-btn.sm{font-size:.68em; padding:.5em 1em;}
.v3top .mk-btn.block{display:flex; width:100%;}
.v3top .mk-logo{display:inline-flex; align-items:center; gap:.45em; font-weight:800; color:var(--c2); white-space:nowrap;}
.v3top .mk-logo b{width:1.35em; height:1.35em; border-radius:.35em; background:linear-gradient(135deg,var(--c1),var(--c2)); flex:none;}
.v3top .mk-line{display:block; height:.42em; border-radius:.3em; background:color-mix(in srgb, var(--c2) 12%, transparent); margin-top:.45em; width:90%;}
.v3top .mk-line.s{width:60%;}
.v3top .mk-h{display:block; color:var(--c2); font-weight:800; letter-spacing:-.02em; line-height:1.12;}
html[dir="rtl"] .v3top .mk-h{letter-spacing:0; line-height:1.3;}
.v3top .mk-eyebrow{display:block; font-size:.7em; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--c1); margin-bottom:.5em;}
html[dir="rtl"] .v3top .mk-eyebrow{letter-spacing:0; text-transform:none; font-size:.8em;}
.v3top .mk-browser{aspect-ratio:16/10.4; background:#fff; border-radius:1.1cqw; overflow:hidden; border:1px solid rgba(11,30,59,.10);}
.v3top .mk-browser .mk-in{font-size:1.6cqw; display:flex; flex-direction:column;}
.v3top .mk-bar{flex:none; height:2.5em; display:flex; align-items:center; gap:.45em; padding:0 1em; background:#EDF1F6; border-bottom:1px solid #E1E7EF;}
.v3top .mk-bar i{width:.68em; height:.68em; border-radius:50%; background:#F26B5B; display:block;}
.v3top .mk-bar i:nth-child(2){background:#F5BE4F;}
.v3top .mk-bar i:nth-child(3){background:#5BC46B;}
.v3top .mk-url{margin-inline-start:1.2em; flex:0 1 46%; height:1.5em; border-radius:.75em; background:#fff; font-size:.72em; color:#7A8597; display:flex; align-items:center; padding:0 1em; direction:ltr; justify-content:flex-start; overflow:hidden; white-space:nowrap;}
.v3top .mk-site{flex:1; position:relative; background:var(--bg); overflow:hidden; display:flex; flex-direction:column;}
.v3top .mk-nav{display:flex; align-items:center; gap:1.6em; padding:1.15em 2.2em;}
.v3top .mk-nav .mk-logo{font-size:1.02em;}
.v3top .mk-nav ul{display:flex; gap:1.5em; margin-inline-start:auto; font-size:.76em; font-weight:600; color:color-mix(in srgb, var(--c2) 70%, #fff);}
.v3top .mk-nav ul li.on{color:var(--c1);}
.v3top .mk-icons{display:flex; gap:.6em; margin-inline-start:.4em;}
.v3top .mk-icons i{width:1.5em; height:1.5em; border-radius:50%; background:color-mix(in srgb, var(--c2) 10%, transparent); display:block;}
.v3top .mk-icons i.cart{background:var(--c1);}
.v3top .mk-hero{display:grid; grid-template-columns:1.12fr .88fr; gap:1.6em; align-items:center; padding:1.2em 2.2em 1.4em;}
.v3top .mk-hero .mk-h{font-size:2.2em; margin-bottom:.35em;}
.v3top .mk-hero p{font-size:.88em; color:#5B6678; margin-bottom:1.1em; max-width:30em;}
.v3top .mk-btns{display:flex; gap:.6em; flex-wrap:wrap;}
.v3top .mk-art{align-self:end;}
.v3top .mk-cards{display:grid; grid-template-columns:repeat(3,1fr); gap:1em; padding:0 2.2em 1.4em; margin-top:auto;}
.v3top .mk-cards > div{background:#fff; border-radius:.75em; padding:.95em 1em; box-shadow:0 .2em .8em rgba(11,30,59,.07);}
.v3top .mk-cards b{display:block; font-size:.82em; color:var(--c2); margin-top:.55em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.v3top .mk-ic{display:block; width:1.9em; height:1.9em; border-radius:.5em; background:color-mix(in srgb, var(--c1) 16%, transparent); position:relative;}
.v3top .mk-ic::after{content:""; position:absolute; inset:.55em; border-radius:.2em; background:var(--c1);}
.v3top .mk-photo{position:relative; flex:1; display:flex; flex-direction:column; background:linear-gradient(120deg, var(--c2) 0%, color-mix(in srgb, var(--c2) 80%, var(--c1)) 100%); overflow:hidden;}
.v3top .mk-photo .mk-logo{color:#fff;}
.v3top .mk-photo .mk-nav ul{color:rgba(255,255,255,.75);}
.v3top .mk-photo .mk-btn.ghost, .v3top .mk-l-photo .mk-btn.ghost{color:#fff; border-color:rgba(255,255,255,.45);}
.v3top .mk-photo .mk-btn.sm{background:var(--c1);}
.v3top .mk-photo-art{position:absolute; inset-block:2.5em 0; inset-inline-end:-2%; width:52%; display:flex; align-items:flex-end; opacity:.95;}
.v3top .mk-photo .mk-copy{position:relative; z-index:1; padding:1.6em 2.2em 1.8em; max-width:58%;}
.v3top .mk-photo .mk-h{color:#fff; font-size:2.35em; margin-bottom:.35em;}
.v3top .mk-photo p{color:rgba(255,255,255,.75); font-size:.88em; margin-bottom:1.1em;}
.v3top .mk-l-photo .mk-site{background:var(--c2);}
.v3top .mk-l-photo .mk-cards{padding-top:1.2em; background:var(--c2);}
.v3top .mk-l-photo .mk-cards > div{background:rgba(255,255,255,.07); box-shadow:none;}
.v3top .mk-l-photo .mk-cards b{color:#fff;}
.v3top .mk-l-photo .mk-line{background:rgba(255,255,255,.14);}
.v3top .mk-estate{position:relative; margin:0 2.2em; border-radius:1em; overflow:hidden; background:linear-gradient(120deg, var(--c2), color-mix(in srgb, var(--c2) 60%, var(--c1))); padding:1.8em 2em 2em; min-height:15em;}
.v3top .mk-estate .mk-photo-art{inset-block:1em -1em; width:44%; opacity:.9;}
.v3top .mk-estate .mk-copy{position:relative; max-width:62%;}
.v3top .mk-estate .mk-eyebrow{color:color-mix(in srgb, var(--c1) 50%, #fff);}
.v3top .mk-estate .mk-h{color:#fff; font-size:2.1em; margin-bottom:.3em;}
.v3top .mk-estate p{color:rgba(255,255,255,.78); font-size:.86em; margin-bottom:1em;}
.v3top .mk-search{display:flex; gap:.4em; background:#fff; border-radius:.7em; padding:.45em; width:max-content; max-width:100%;}
.v3top .mk-search span:not(.mk-btn){font-size:.7em; color:#6B7686; padding:.55em .9em; border-inline-end:1px solid #E5EAF0; white-space:nowrap;}
.v3top .mk-listings{display:grid; grid-template-columns:repeat(3,1fr); gap:1em; padding:1.2em 2.2em 1.4em;}
.v3top .mk-listings > div{background:#fff; border-radius:.75em; padding:.6em; box-shadow:0 .2em .8em rgba(11,30,59,.07);}
.v3top .mk-listings b{display:block; font-size:.78em; color:var(--c2); margin-top:.5em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.v3top .mk-thumb{display:block; aspect-ratio:16/8; border-radius:.5em; background:color-mix(in srgb, var(--c1) 18%, #fff); overflow:hidden; padding:.3em 1em 0;}
.v3top .mk-thumb.t1{background:color-mix(in srgb, var(--c2) 14%, #fff);}
.v3top .mk-thumb.t2{background:#EFE7DA;}
.v3top .mk-promo{display:grid; grid-template-columns:1fr auto; align-items:center; gap:1em; margin:0 2.2em; padding:1.6em 2em; border-radius:1em; background:linear-gradient(120deg, var(--c2), color-mix(in srgb, var(--c2) 55%, var(--c1)));}
.v3top .mk-promo .mk-h{color:#fff; font-size:2em; margin-bottom:.25em;}
.v3top .mk-promo p{color:rgba(255,255,255,.8); font-size:.84em; margin-bottom:.9em;}
.v3top .mk-promo .mk-btn{background:#fff; color:var(--c2); border-color:#fff;}
.v3top .mk-promo-art{width:9em;}
.v3top .mk-products{display:grid; grid-template-columns:repeat(4,1fr); gap:1em; padding:1.2em 2.2em 1.4em;}
.v3top .mk-prod{background:#fff; border-radius:.75em; padding:.55em; box-shadow:0 .2em .8em rgba(11,30,59,.07); min-width:0;}
.v3top .mk-prod-ph{display:flex; align-items:center; justify-content:center; aspect-ratio:1/.82; border-radius:.55em; background:#EEF1F6; padding:12%;}
.v3top .mk-prod-ph svg{max-height:100%; width:auto; max-width:100%;}
.v3top .mk-prod b{display:block; font-size:.74em; color:var(--c2); margin-top:.55em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.v3top .mk-prod em{display:block; font-style:normal; font-size:.72em; font-weight:800; color:var(--c1); margin-top:.15em;}
.v3top .mk-hero.dim{opacity:.5;}
.v3top .mk-widget{position:absolute; bottom:4.6em; inset-inline-end:2em; width:22em; background:#fff; border-radius:1em; box-shadow:0 1em 3em rgba(11,30,59,.25); overflow:hidden; z-index:2;}
.v3top .mk-w-head{display:flex; align-items:center; gap:.6em; padding:.8em 1em; background:linear-gradient(120deg, var(--c2), color-mix(in srgb, var(--c2) 50%, var(--c1))); color:#fff;}
.v3top .mk-w-head i{width:2em; height:2em; border-radius:50%; background:var(--c1); box-shadow:0 0 0 .2em rgba(255,255,255,.25); flex:none;}
.v3top .mk-w-head b{display:block; font-size:.8em;}
.v3top .mk-w-head span{display:block; font-size:.62em; opacity:.8;}
.v3top .mk-w-body{padding:.9em; display:flex; flex-direction:column; gap:.5em; background:#F7F8FC;}
.v3top .mk-msg{max-width:84%; font-size:.68em; line-height:1.45; padding:.6em .8em; border-radius:.8em;}
.v3top .mk-msg.bot{background:#fff; align-self:flex-start; border-start-start-radius:.2em; box-shadow:0 .1em .3em rgba(0,0,0,.06);}
.v3top .mk-msg.user{background:var(--c1); color:#fff; align-self:flex-end; border-start-end-radius:.2em;}
.v3top .mk-chips{display:flex; gap:.35em; flex-wrap:wrap;}
.v3top .mk-chips span{font-size:.62em; font-weight:700; color:var(--c1); border:1px solid color-mix(in srgb, var(--c1) 40%, transparent); background:#fff; border-radius:1em; padding:.35em .8em;}
.v3top .mk-w-input{display:flex; align-items:center; justify-content:space-between; padding:.7em 1em; border-top:1px solid #EEF1F6; font-size:.68em; color:#9AA3B2;}
.v3top .mk-w-input i{width:1.8em; height:1.8em; border-radius:50%; background:var(--c1);}
.v3top .mk-launcher{position:absolute; bottom:1.2em; inset-inline-end:2em; width:2.8em; height:2.8em; border-radius:50%; background:var(--c1); box-shadow:0 .5em 1.2em rgba(0,0,0,.25);}
.v3top .mk-book{display:grid; grid-template-columns:1.35fr 1fr; gap:1.2em; padding:.6em 2.2em 1.6em; flex:1;}
.v3top .mk-cal, .v3top .mk-slots{background:#fff; border-radius:1em; padding:1.2em 1.3em; box-shadow:0 .2em .8em rgba(11,30,59,.07);}
.v3top .mk-h.sm{font-size:1.45em; margin-bottom:.2em;}
.v3top .mk-svc{display:inline-block; font-size:.68em; font-weight:700; color:var(--c1); background:color-mix(in srgb, var(--c1) 12%, transparent); padding:.3em .8em; border-radius:1em; margin-bottom:.9em;}
.v3top .mk-cal-head{display:flex; justify-content:space-between; font-size:.78em; margin-bottom:.6em; color:var(--c2);}
.v3top .mk-cal-grid{display:grid; grid-template-columns:repeat(7,1fr); gap:.3em; text-align:center;}
.v3top .mk-cal-grid em{font-style:normal; font-size:.6em; font-weight:700; color:#9AA3B2;}
.v3top .mk-cal-grid span{font-size:.66em; padding:.42em 0; border-radius:.45em; color:#3B4558;}
.v3top .mk-cal-grid span.on{background:var(--c1); color:#fff; font-weight:800;}
.v3top .mk-cal-grid span.off{color:#C6CDD8; text-decoration:line-through;}
.v3top .mk-slots{display:flex; flex-direction:column; gap:.5em;}
.v3top .mk-slots b{font-size:.8em; color:var(--c2); margin-bottom:.2em;}
.v3top .mk-slots span:not(.mk-btn){font-size:.74em; font-weight:600; text-align:center; padding:.65em; border:1px solid #E3E8EF; border-radius:.55em; color:#3B4558;}
.v3top .mk-slots span.on{border-color:var(--c1); background:color-mix(in srgb, var(--c1) 10%, #fff); color:var(--c1);}
.v3top .mk-slots .mk-btn{margin-top:auto;}
.v3top .mk-formwrap{display:grid; grid-template-columns:.85fr 1.15fr; gap:1.6em; padding:.8em 2.2em 1.6em; flex:1; align-items:start;}
.v3top .mk-form-intro .mk-h{font-size:2em; margin-bottom:.35em;}
.v3top .mk-form-intro p{font-size:.84em; color:#5B6678; margin-bottom:1em;}
.v3top .mk-check{display:block; height:.5em; width:70%; border-radius:.3em; background:color-mix(in srgb, var(--c1) 22%, transparent); margin-bottom:.6em;}
.v3top .mk-form{display:grid; grid-template-columns:1fr 1fr; gap:.8em; background:#fff; border-radius:1em; padding:1.3em; box-shadow:0 .3em 1.2em rgba(11,30,59,.08);}
.v3top .mk-form label{display:flex; flex-direction:column; gap:.35em;}
.v3top .mk-form label.full{grid-column:1/-1;}
.v3top .mk-form label b{font-size:.66em; color:#3B4558;}
.v3top .mk-form label span{height:2.1em; border:1px solid #DFE5EE; border-radius:.45em; background:#FAFBFD;}
.v3top .mk-form label span.ta{height:4.4em;}
.v3top .mk-form .mk-btn{grid-column:1/-1; justify-self:start;}
.v3top .mk-dash{display:grid; grid-template-columns:12.5em 1fr; flex:1; min-height:0;}
.v3top .mk-dash aside{background:var(--c2); padding:1.2em 1em; display:flex; flex-direction:column; gap:.35em;}
.v3top .mk-dash aside .mk-logo{color:#fff; font-size:.9em; margin-bottom:1em;}
.v3top .mk-dash aside > span:not(.mk-logo){display:flex; align-items:center; gap:.6em; font-size:.72em; color:rgba(255,255,255,.65); padding:.6em .7em; border-radius:.5em;}
.v3top .mk-dash aside > span i{width:1em; height:1em; border-radius:.25em; background:rgba(255,255,255,.25);}
.v3top .mk-dash aside > span.on{background:rgba(255,255,255,.1); color:#fff;}
.v3top .mk-dash aside > span.on i{background:var(--c1);}
.v3top .mk-dash-main{padding:1.3em 1.6em; display:flex; flex-direction:column; gap:1em; min-width:0;}
.v3top .mk-kpis{display:grid; grid-template-columns:repeat(3,1fr); gap:.9em;}
.v3top .mk-kpis div{background:#fff; border-radius:.8em; padding:.9em 1em; box-shadow:0 .2em .8em rgba(11,30,59,.06); position:relative; overflow:hidden;}
.v3top .mk-kpis span{display:block; font-size:.66em; color:#7A8597;}
.v3top .mk-kpis b{display:block; font-size:1.2em; color:var(--c2); margin-top:.15em; white-space:nowrap;}
.v3top .mk-kpis i{position:absolute; inset-inline-end:.8em; top:.9em; width:2.2em; height:1em; border-radius:.3em; background:color-mix(in srgb, #12A87C 18%, transparent);}
.v3top .mk-chart{background:#fff; border-radius:.8em; padding:.9em 1em; box-shadow:0 .2em .8em rgba(11,30,59,.06); flex:1; display:flex; flex-direction:column; min-height:9em;}
.v3top .mk-chart > span{font-size:.7em; font-weight:700; color:var(--c2); margin-bottom:.6em;}
.v3top .mk-chart .bars{flex:1; display:flex; align-items:flex-end; gap:.7em; border-bottom:1px solid #EEF1F6;}
.v3top .mk-chart .bars i{flex:1; border-radius:.3em .3em 0 0; background:linear-gradient(180deg, var(--c1), color-mix(in srgb, var(--c1) 35%, #fff));}
.v3top .mk-rows{display:grid; gap:.4em;}
.v3top .mk-rows span{display:flex; align-items:center; gap:.6em; font-size:.68em; color:#3B4558; background:#fff; border-radius:.5em; padding:.55em .8em;}
.v3top .mk-rows i{width:.7em; height:.7em; border-radius:50%; background:#12A87C;}
.v3top .mk-rows i.d1{background:#F5A524;}
.v3top .mk-rows i.d2{background:var(--c1);}
.v3top .mk-nav ul li{position:relative;}
.v3top .mk-l-order .mk-nav ul li.on::after{content:""; position:absolute; inset-inline:0; bottom:-.5em; height:.18em; border-radius:.2em; background:var(--c1);}
.v3top .mk-order{display:grid; grid-template-columns:1.5fr 1fr; gap:1.2em; padding:.6em 2.2em 1.6em; flex:1;}
.v3top .mk-menu{display:grid; grid-template-columns:1fr 1fr; gap:.9em;}
.v3top .mk-menu > div{background:#fff; border-radius:.8em; padding:.6em; box-shadow:0 .2em .8em rgba(11,30,59,.07); position:relative;}
.v3top .mk-menu .mk-prod-ph{aspect-ratio:16/9; background:color-mix(in srgb, var(--c1) 10%, #fff);}
.v3top .mk-menu b{display:block; font-size:.74em; color:var(--c2); margin-top:.45em;}
.v3top .mk-menu em{display:block; font-style:normal; font-size:.7em; font-weight:800; color:var(--c1);}
.v3top .mk-add{position:absolute; inset-inline-end:.7em; bottom:.7em; font-size:.6em; font-weight:800; color:#fff; background:var(--c1); border-radius:1em; padding:.3em .8em;}
.v3top .mk-cart{background:#fff; border-radius:1em; padding:1.1em 1.2em; box-shadow:0 .3em 1.2em rgba(11,30,59,.08); display:flex; flex-direction:column; gap:.55em;}
.v3top .mk-cart > b{font-size:.95em; color:var(--c2); margin-bottom:.3em;}
.v3top .mk-cart > span{font-size:.72em; color:#3B4558; display:flex; gap:.5em; padding-bottom:.5em; border-bottom:1px dashed #E3E8EF;}
.v3top .mk-cart > span em{font-style:normal; font-weight:800; color:var(--c1);}
.v3top .mk-total{display:flex; justify-content:space-between; font-size:.8em; margin-top:auto; padding-top:.4em;}
.v3top .mk-total b{color:var(--c2);}
.v3top .mk-phone{aspect-ratio:9/18.6;}
.v3top .mk-phone .mk-in{font-size:4.6cqw;}
.v3top .mk-phone-frame{position:absolute; inset:0; background:#0E1116; border-radius:3.2em; padding:.7em; box-shadow:inset 0 0 0 .15em #2A2F38;}
.v3top .mk-notch{position:absolute; top:1.1em; left:50%; transform:translateX(-50%); width:5.5em; height:1.5em; border-radius:1em; background:#0E1116; z-index:3;}
.v3top .mk-screen{position:relative; height:100%; border-radius:2.6em; overflow:hidden; background:var(--bg); display:flex; flex-direction:column;}
.v3top .mk-app-head{display:flex; justify-content:space-between; align-items:center; padding:3.3em 1.3em .8em;}
.v3top .mk-app-head .mk-logo{font-size:1.05em;}
.v3top .mk-app-search{margin:0 1.3em; padding:.7em 1em; border-radius:2em; background:#fff; font-size:.72em; color:#9AA3B2; box-shadow:0 .2em .6em rgba(0,0,0,.05);}
.v3top .mk-app-banner{margin:1em 1.3em .4em; border-radius:1.2em; padding:1.1em 1.1em; background:linear-gradient(120deg, var(--c2), color-mix(in srgb, var(--c2) 45%, var(--c1))); display:grid; grid-template-columns:1fr 5em; align-items:center; gap:.4em;}
.v3top .mk-app-banner strong{display:block; color:#fff; font-size:1.05em; line-height:1.25; margin-bottom:.7em;}
.v3top .mk-app-banner .mk-btn{background:#fff; color:var(--c2); border-color:#fff;}
.v3top .mk-phone .mk-products{grid-template-columns:1fr 1fr; padding:.8em 1.3em; gap:.75em;}
.v3top .mk-phone .mk-prod b{font-size:.68em;}
.v3top .mk-phone .mk-prod em{font-size:.66em;}
.v3top .mk-tabbar{margin-top:auto; display:flex; justify-content:space-around; padding:1em 1em 1.6em; background:#fff; border-top:1px solid #EEF1F6;}
.v3top .mk-tabbar i{width:1.3em; height:1.3em; border-radius:.4em; background:#D7DCE4;}
.v3top .mk-tabbar i.on{background:var(--c1);}
.v3top .mk-wa-head{display:flex; align-items:center; gap:.7em; padding:3em 1.2em .9em; background:var(--c2); color:#fff;}
.v3top .mk-wa-head i{width:2.3em; height:2.3em; border-radius:50%; background:linear-gradient(135deg,#7C5CFF,#12C2D6); flex:none;}
.v3top .mk-wa-head b{display:block; font-size:.86em;}
.v3top .mk-wa-head span{display:block; font-size:.62em; opacity:.8;}
.v3top .mk-wa-body{flex:1; background:var(--bg); padding:1em .9em; display:flex; flex-direction:column; gap:.55em; background-image:radial-gradient(rgba(0,0,0,.035) 1px, transparent 1px); background-size:1.2em 1.2em;}
.v3top .mk-bub{max-width:84%; font-size:.7em; line-height:1.45; padding:.6em .75em .45em; border-radius:.8em; box-shadow:0 .1em .15em rgba(0,0,0,.08);}
.v3top .mk-bub em{display:block; font-style:normal; font-size:.78em; color:#7A8A99; text-align:end; margin-top:.15em;}
.v3top .mk-bub.in{background:#fff; align-self:flex-start; border-start-start-radius:.15em;}
.v3top .mk-bub.out{background:#DCF8C6; align-self:flex-end; border-start-end-radius:.15em;}
.v3top .mk-wa-opts{display:flex; flex-direction:column; gap:.35em; align-self:flex-end; width:84%;}
.v3top .mk-wa-opts span{font-size:.68em; font-weight:700; text-align:center; color:#0B7A5A; background:#fff; border-radius:.7em; padding:.6em;}
.v3top .mk-wa-input{display:flex; align-items:center; gap:.6em; padding:.8em 1em 1.6em; background:#F0F0F0;}
.v3top .mk-wa-input span{flex:1; background:#fff; border-radius:2em; padding:.6em 1em; font-size:.7em; color:#9AA3B2;}
.v3top .mk-wa-input i{width:2.2em; height:2.2em; border-radius:50%; background:var(--c1); flex:none;}
.v3top .mk-post{background:#fff; border-radius:3cqw; overflow:hidden; border:1px solid rgba(11,30,59,.08);}
.v3top .mk-post .mk-in{font-size:3.3cqw;}
.v3top .mk-post-head{display:flex; align-items:center; gap:.6em; padding:.8em 1em;}
.v3top .mk-post-head i{width:2.2em; height:2.2em; border-radius:50%; background:linear-gradient(135deg, var(--c1), var(--bg)); box-shadow:0 0 0 .15em #fff, 0 0 0 .28em color-mix(in srgb, var(--c1) 60%, #F5BE4F);}
.v3top .mk-post-head b{display:block; font-size:.82em; color:#141A26;}
.v3top .mk-post-head span{display:block; font-size:.66em; color:#8A94A6;}
.v3top .mk-post-head em{margin-inline-start:auto; font-style:normal; color:#8A94A6; letter-spacing:.1em;}
.v3top .mk-creative{position:relative; aspect-ratio:1/1; overflow:hidden; padding:2em 1.8em; display:flex; flex-direction:column; align-items:flex-start; background:radial-gradient(90% 80% at 85% 90%, color-mix(in srgb, var(--c1) 55%, var(--bg)), var(--bg) 70%);}
.v3top .mk-creative .mk-tag{position:relative; z-index:1; font-size:.72em; font-weight:800; letter-spacing:.08em; text-transform:uppercase; background:var(--c1); color:#fff; padding:.4em .9em; border-radius:2em; margin-bottom:1em;}
html[dir="rtl"] .v3top .mk-creative .mk-tag{letter-spacing:0; text-transform:none; font-size:.8em;}
.v3top .mk-creative strong{position:relative; z-index:1; font-size:2.5em; line-height:1.08; color:#fff; font-weight:800; max-width:62%; letter-spacing:-.02em;}
html[dir="rtl"] .v3top .mk-creative strong{letter-spacing:0; line-height:1.3;}
.v3top .mk-creative p{position:relative; z-index:1; color:var(--c2); font-size:.9em; margin:.7em 0 1.1em; max-width:58%;}
.v3top .mk-creative .mk-btn{position:relative; z-index:1; background:#fff; color:var(--bg); border-color:#fff; margin-top:auto;}
.v3top .mk-creative-art{position:absolute; inset-inline-end:-4%; bottom:-4%; width:58%;}
.v3top .mk-creative.wide{aspect-ratio:1.4/1;}
.v3top .mk-creative.wide strong{font-size:2.2em;}
.v3top .mk-creative.announce{align-items:center; text-align:center; justify-content:center; background:linear-gradient(160deg, var(--bg), color-mix(in srgb, var(--bg) 70%, var(--c1)));}
.v3top .mk-creative.announce strong{max-width:90%; font-size:2.3em;}
.v3top .mk-creative.announce p{max-width:80%; color:color-mix(in srgb, var(--c2) 85%, transparent);}
.v3top .mk-creative.announce .mk-btn{margin-top:.4em;}
.v3top .mk-creative.announce .mk-creative-art{inset-inline:0; margin:auto; width:46%; bottom:-6%; opacity:.12;}
.v3top .mk-creative.announce::before{content:""; position:absolute; inset:1.2em; border:1px solid rgba(255,255,255,.2); border-radius:.8em;}
.v3top .mk-caption{font-size:.78em; color:#141A26; padding:0 1em .8em; line-height:1.5;}
.v3top .mk-post-actions{display:flex; gap:.9em; padding:.8em 1em;}
.v3top .mk-post-actions svg{width:1.45em; height:1.45em; fill:none; stroke:#141A26; stroke-width:1.8; stroke-linejoin:round;}
.v3top .mk-post-actions svg.end{margin-inline-start:auto;}
.v3top .mk-fb-actions{display:flex; justify-content:space-around; padding:.75em 1em; border-top:1px solid #EEF1F6; font-size:.74em; font-weight:700; color:#65676B;}
.v3top .mk-banner{border-radius:1.6cqw; overflow:hidden;}
.v3top .mk-banner .mk-in{font-size:1.9cqw;}
.v3top .mk-creative.banner{aspect-ratio:16/7; padding:2.6em 3em; justify-content:center; background:linear-gradient(110deg, var(--bg) 38%, color-mix(in srgb, var(--bg) 55%, var(--c1)) 100%);}
.v3top .mk-creative.banner strong{max-width:56%; font-size:2.8em;}
.v3top .mk-creative.banner p{max-width:50%;}
.v3top .mk-creative.banner .mk-btn{margin-top:.2em;}
.v3top .mk-creative.banner .mk-creative-art{width:44%; bottom:-6%; inset-inline-end:2%;}
.v3top .mk-story .mk-in{font-size:1.5cqw;}
.v3top .mk-stories{display:grid; grid-template-columns:repeat(3,1fr); gap:1.6em;}
.v3top .mk-sframe{position:relative; aspect-ratio:9/16; border-radius:1.4em; overflow:hidden; padding:2.4em 1.4em 2em; display:flex; flex-direction:column; justify-content:flex-end; background:linear-gradient(170deg, color-mix(in srgb, var(--bg) 80%, var(--c1)), var(--bg) 70%); box-shadow:0 1em 2em -1em rgba(0,0,0,.4);}
.v3top .mk-sframe.s1{background:linear-gradient(170deg, #5A3A1E, #2A1A10 70%);}
.v3top .mk-sframe.s2{background:linear-gradient(170deg, #1F5130, #10291A 70%);}
.v3top .mk-story-bar{position:absolute; top:.9em; inset-inline:1em; display:flex; gap:.3em;}
.v3top .mk-story-bar i{flex:1; height:.22em; border-radius:.2em; background:rgba(255,255,255,.35);}
.v3top .mk-sframe.s0 .mk-story-bar i:first-child, .v3top .mk-sframe.s1 .mk-story-bar i:nth-child(-n/**/+2), .v3top .mk-sframe.s2 .mk-story-bar i{background:#fff;}
.v3top .mk-story-brand{position:absolute; top:1.9em; inset-inline-start:1.1em; display:flex; align-items:center; gap:.5em; font-size:.82em; font-weight:700; color:#fff;}
.v3top .mk-story-brand i{width:1.8em; height:1.8em; border-radius:50%; background:var(--c1);}
.v3top .mk-story-art{position:absolute; top:22%; inset-inline:18%;}
.v3top .mk-sframe .mk-tag{align-self:flex-start; position:relative; font-size:.8em; font-weight:800; color:var(--bg); background:var(--c1); padding:.35em .9em; border-radius:2em; margin-bottom:.7em;}
.v3top .mk-sframe strong{position:relative; color:#fff; font-size:1.7em; line-height:1.15; font-weight:800;}
html[dir="rtl"] .v3top .mk-sframe strong{line-height:1.35;}
.v3top .mk-doc .mk-in{font-size:1.5cqw;}
.v3top .mk-doc-spread{display:grid; grid-template-columns:1fr 1fr; gap:1.6em;}
.v3top .mk-page{aspect-ratio:210/297; border-radius:.6em; overflow:hidden; position:relative; box-shadow:0 1.2em 2.4em -1em rgba(11,30,59,.45);}
.v3top .mk-page.cover{background:linear-gradient(165deg, var(--c2) 55%, color-mix(in srgb, var(--c2) 55%, var(--c1))); padding:2.4em 2.2em; display:flex; flex-direction:column; color:#fff;}
.v3top .mk-page.cover .mk-logo{color:#fff; font-size:1em;}
.v3top .mk-cover-art{margin-top:auto; width:80%; opacity:.9; --c2:#fff;}
.v3top .mk-page.cover strong{font-size:2.6em; line-height:1.1; margin-top:.6em;}
.v3top .mk-page.cover em{font-style:normal; font-size:.9em; opacity:.8; margin-top:.4em;}
.v3top .mk-year{position:absolute; top:2.2em; inset-inline-end:2.2em; font-size:.9em; font-weight:800; color:var(--c1); background:#fff; border-radius:2em; padding:.2em .8em;}
.v3top .mk-page.inner{background:#fff; padding:2.4em 2.2em; display:flex; flex-direction:column; gap:1.3em;}
.v3top .mk-sec b{display:flex; align-items:center; gap:.5em; font-size:1.05em; color:var(--c2);}
.v3top .mk-sec b i{font-style:normal; font-size:.75em; color:#fff; background:var(--c1); border-radius:.3em; padding:.15em .4em;}
.v3top .mk-doc-img{margin-top:auto; height:7em; border-radius:.6em; background:linear-gradient(120deg, color-mix(in srgb, var(--c1) 30%, #fff), color-mix(in srgb, var(--c2) 20%, #fff));}
@media (max-width:560px){.v3top .aud-show{padding:12px;}
.v3top .scene-label{font-size:11.5px; padding:6px 11px;}}
.v3top .mk-art{position:relative;}
.v3top .mk-art::before{content:""; position:absolute; inset:8% 4% 0; border-radius:50%; background:radial-gradient(closest-side, color-mix(in srgb, var(--c1) 22%, transparent), transparent); z-index:0;}
.v3top .mk-art svg{position:relative; z-index:1;}
.v3top .site-footer .brand-mark{box-shadow:0 0 0 1px rgba(255,255,255,.2);}
@media (max-width:620px){.v3top .gal-grid.teaser .aud-card:nth-child(n/**/+4){display:none;}}
@media (min-width:1001px){.v3top .main-nav .sub-menu:has(> li:nth-child(10)){columns:2; column-gap:4px; min-width:500px;}
.v3top .main-nav .sub-menu:has(> li:nth-child(10)) > li{break-inside:avoid;}}
.v3top .foot-social .soc{width:40px; height:40px; border:1px solid rgba(255,255,255,.18); border-radius:10px; display:flex; align-items:center; justify-content:center; color:#C6D6EC; transition:background .2s,color .2s,border-color .2s;}
.v3top .foot-social a.soc:hover{background:rgba(255,255,255,.1); color:#fff; border-color:rgba(255,255,255,.35);}
.v3top .foot-social .soc.is-soon{opacity:.6; cursor:default;}
.v3top .foot-social svg{width:18px; height:18px;}
.v3top .top-social{display:inline-flex; gap:4px; align-items:center;}
.v3top .top-social .soc{display:inline-flex; width:26px; height:26px; align-items:center; justify-content:center; border-radius:6px; color:inherit; opacity:.85;}
.v3top .top-social a.soc:hover{opacity:1; background:rgba(255,255,255,.12);}
.v3top .top-social .soc.is-soon{opacity:.5;}
.v3top .top-social svg{width:14px; height:14px;}
@media (max-width:900px){.v3top .top-social{display:none;}}
.v3top .industry-card{scroll-margin-top:calc(var(--nav-h) + 24px);}
.v3top .industry-card:target{outline:2px solid var(--blue); outline-offset:3px;}
.v3top .svc-price-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:16px;}
@media (max-width:900px){.v3top .svc-price-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.v3top .svc-price-grid{grid-template-columns:1fr;}}
.v3top .svc-price{background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:20px 22px; display:flex; flex-direction:column; gap:6px;}
.v3top .svc-price h4{margin:0; font-size:16px;}
.v3top .svc-price .amt{font-weight:800; font-size:18px; color:var(--blue);}
.v3top .svc-price .amt.soon{color:var(--ink-mute); font-weight:600; font-size:15px;}
.v3top .aud-chat{position:fixed; z-index:90; bottom:22px; inset-inline-end:22px; font-family:inherit;}
.v3top .aud-chat-launch{width:60px; height:60px; border-radius:50%; border:0; cursor:pointer; color:#fff; background:var(--aurora); box-shadow:0 10px 26px -6px rgba(59,130,246,.55), 0 4px 10px rgba(11,30,59,.18); display:flex; align-items:center; justify-content:center; position:relative; transition:transform .2s;}
.v3top .aud-chat-launch:hover{transform:translateY(-2px) scale(1.03);}
.v3top .aud-chat-launch svg{width:27px; height:27px;}
.v3top .aud-chat-launch .ic-open, .v3top .aud-chat-launch .ic-close{display:flex;}
.v3top .aud-chat-launch .ic-close{display:none;}
.v3top .aud-chat[data-open="true"] .aud-chat-launch .ic-open{display:none;}
.v3top .aud-chat[data-open="true"] .aud-chat-launch .ic-close{display:flex;}
.v3top .aud-chat-launch .dot{position:absolute; top:5px; inset-inline-end:5px; width:13px; height:13px; border-radius:50%; background:#22C55E; border:2px solid #fff;}
.v3top .aud-chat[data-open="true"] .aud-chat-launch .dot{display:none;}
.v3top .aud-chat-teaser{position:absolute; bottom:72px; inset-inline-end:0; background:#fff; color:var(--ink); border:1px solid var(--line); box-shadow:var(--shadow); border-radius:14px; padding:10px 14px; font-size:14px; font-weight:600; white-space:nowrap; cursor:pointer; animation:v3-audPop .3s ease;}
.v3top .aud-chat-panel{position:absolute; bottom:74px; inset-inline-end:0; width:370px; max-width:calc(100vw - 32px); height:560px; max-height:calc(100vh - 120px); background:#fff; border-radius:20px; box-shadow:var(--shadow-lg); border:1px solid var(--line); display:flex; flex-direction:column; overflow:hidden; opacity:0; transform:translateY(10px) scale(.98); transform-origin:bottom right; transition:opacity .2s, transform .2s;}
.rtl .v3top .aud-chat-panel{transform-origin:bottom left;}
.v3top .aud-chat[data-open="true"] .aud-chat-panel{opacity:1; transform:none;}
.v3top .aud-chat-head{display:flex; align-items:center; gap:10px; padding:14px 14px 14px 16px; background:var(--navy); color:#fff;}
.v3top .aud-chat-head .brand-mark{width:36px; height:36px; flex:none;}
.v3top .aud-chat-head .who{flex:1; min-width:0; display:flex; flex-direction:column; line-height:1.25;}
.v3top .aud-chat-head .who b{font-size:15px;}
.v3top .aud-chat-head .who span{font-size:12px; color:#B9C8E0; display:flex; align-items:center; gap:6px;}
.v3top .aud-chat-head .who i{width:7px; height:7px; border-radius:50%; background:#22C55E; display:inline-block;}
.v3top .aud-chat-x{background:transparent; border:0; color:#C6D6EC; width:32px; height:32px; border-radius:8px; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.v3top .aud-chat-x:hover{background:rgba(255,255,255,.1); color:#fff;}
.v3top .aud-chat-x svg{width:17px; height:17px;}
.v3top .aud-chat-log{flex:1; overflow-y:auto; position:relative; padding:16px 14px 8px; background:var(--bg-alt); display:flex; flex-direction:column; gap:10px;}
.v3top .aud-msg{display:flex; flex-direction:column; align-items:flex-start; max-width:88%;}
.v3top .aud-msg.me{align-self:flex-end; align-items:flex-end;}
.v3top .aud-msg .bub{padding:10px 13px; border-radius:16px; font-size:14px; line-height:1.55; white-space:pre-line; word-wrap:break-word; background:#fff; color:var(--ink); border:1px solid var(--line-soft); border-end-start-radius:5px;}
.v3top .aud-msg.me .bub{background:var(--blue); color:#fff; border-color:var(--blue); border-end-start-radius:16px; border-end-end-radius:5px;}
.v3top .aud-link{font-weight:700; color:var(--blue); font-size:13.5px; display:inline-block; margin-top:6px;}
.v3top .aud-cta{margin-top:8px; display:inline-flex; align-items:center; gap:8px; padding:9px 16px; border-radius:999px; font-weight:700; font-size:14px; background:var(--blue); color:#fff;}
.v3top .aud-cta.wa{background:#1FAF55;}
.v3top .aud-cta:hover{color:#fff; filter:brightness(1.05);}
.v3top .bub.typing{display:flex; gap:4px; padding:13px 14px;}
.v3top .bub.typing i{width:7px; height:7px; border-radius:50%; background:var(--ink-mute); animation:v3-audDot 1s infinite ease-in-out;}
.v3top .bub.typing i:nth-child(2){animation-delay:.15s;}
.v3top .bub.typing i:nth-child(3){animation-delay:.3s;}
.v3top .aud-chat-chips{display:flex; flex-wrap:wrap; gap:6px; padding:8px 12px; background:var(--bg-alt);}
.v3top .aud-chat-chips:empty{display:none;}
.v3top .aud-chip{border:1px solid #C9D8F3; background:#fff; color:var(--blue-dark); border-radius:999px; padding:6px 12px; font-size:13px; font-weight:600; cursor:pointer; font-family:inherit;}
.v3top .aud-chip:hover{background:var(--blue-tint);}
.v3top .aud-chat-form{display:flex; gap:8px; padding:10px 12px; border-top:1px solid var(--line); background:#fff;}
.v3top .aud-chat-form input{flex:1; min-width:0; border:1px solid var(--line); border-radius:999px; padding:10px 14px; font:inherit; font-size:14px; background:var(--bg-alt);}
.v3top .aud-chat-form input:focus{outline:2px solid var(--blue-tint); border-color:var(--blue);}
.v3top .aud-chat-form button{width:42px; height:42px; flex:none; border:0; border-radius:50%; background:var(--blue); color:#fff; display:flex; align-items:center; justify-content:center; cursor:pointer;}
.v3top .aud-chat-form button svg{width:18px; height:18px;}
.rtl .v3top .aud-chat-form button svg{transform:scaleX(-1);}
.v3top .aud-chat-foot{font-size:11px; color:var(--ink-mute); text-align:center; padding:0 12px 9px; background:#fff;}
@keyframes v3-audDot{0%,80%,100%{opacity:.3; transform:translateY(0);} 40%{opacity:1; transform:translateY(-3px);}}
@keyframes v3-audPop{from{opacity:0; transform:translateY(6px);} to{opacity:1; transform:none;}}
@media (max-width:600px){.v3top .aud-chat{bottom:16px; inset-inline-end:16px;}
.v3top .aud-chat-panel{position:fixed; inset:auto 8px 86px 8px; width:auto; max-width:none; height:calc(100vh - 110px); height:calc(100dvh - 110px);}}
@media (prefers-reduced-motion: reduce){.v3top .aud-chat-panel, .v3top .aud-chat-launch{transition:none;}
.v3top .bub.typing i{animation:none;}}
.v3top .aud-legal .aud-ar-title{display:none}
.v3top .aud-ph{display:block;width:100%;height:100%;object-fit:cover;}
.v3top .mk-art:has(.aud-ph)::before{display:none;}
.v3top .mk-art .aud-ph{aspect-ratio:4/3;height:auto;border-radius:.7em;box-shadow:0 .6em 1.6em rgba(11,30,59,.18);}
.v3top .mk-photo-art:has(.aud-ph){inset-block:0;inset-inline-end:0;width:62%;opacity:1;align-items:stretch;}
.v3top .mk-estate .mk-photo-art:has(.aud-ph){inset-block:0;width:58%;}
.v3top .mk-photo-art .aud-ph, .v3top .mk-creative-art .aud-ph{-webkit-mask-image:linear-gradient(to left,#000 50%,transparent);mask-image:linear-gradient(to left,#000 50%,transparent);}
html[dir="rtl"] .v3top .mk-photo-art .aud-ph, html[dir="rtl"] .v3top .mk-creative-art .aud-ph{-webkit-mask-image:linear-gradient(to right,#000 50%,transparent);mask-image:linear-gradient(to right,#000 50%,transparent);}
.v3top .mk-thumb:has(.aud-ph), .v3top .mk-prod-ph:has(.aud-ph){padding:0;overflow:hidden;}
.v3top .mk-promo-art .aud-ph, .v3top .mk-app-banner .aud-ph, .v3top .mk-cover-art .aud-ph{aspect-ratio:1/1;height:auto;border-radius:.8em;}
.v3top .mk-cover-art:has(.aud-ph){opacity:1;}
.v3top .mk-cover-art .aud-ph{aspect-ratio:4/3;border-radius:.4em;}
.v3top .mk-creative-art:has(.aud-ph){top:0;bottom:0;inset-inline-end:0;width:58%;}
.v3top .mk-creative.banner .mk-creative-art:has(.aud-ph){bottom:0;inset-inline-end:0;width:50%;}
.v3top .mk-creative.announce .mk-creative-art:has(.aud-ph){inset:0;width:100%;bottom:0;opacity:.22;}
.v3top .mk-creative.announce .mk-creative-art .aud-ph{-webkit-mask-image:none;mask-image:none;}
.v3top .mk-story-art:has(.aud-ph){inset:0;top:0;}
.v3top .mk-story-art:has(.aud-ph)::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 30%,rgba(0,0,0,.65));}
.v3top .split-photo{display:block;width:100%;height:auto;aspect-ratio:46/42;object-fit:cover;border-radius:20px;box-shadow:0 20px 50px rgba(11,30,59,.22);}
.v3top .page-hero.has-photo .page-hero-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.v3top .page-hero.has-photo::before{z-index:1;background:linear-gradient(90deg,rgba(11,30,59,.94) 0%,rgba(11,30,59,.82) 45%,rgba(11,30,59,.45) 100%);}
html[dir="rtl"] .v3top .page-hero.has-photo::before{background:linear-gradient(270deg,rgba(11,30,59,.94) 0%,rgba(11,30,59,.82) 45%,rgba(11,30,59,.45) 100%);}
.v3top .page-hero.has-photo .container{z-index:2;}
@media (max-width:700px){.v3top .page-hero.has-photo::before{background:rgba(11,30,59,.82);}}

/* v4 global rules that must not reach the v3 top */
.v3top .eyebrow{display:inline-flex!important;}
.v3top .card-icon{display:flex!important;}
.v3top .svc .card-icon{margin-bottom:16px;}
.v3top + .duo{padding-top:var(--sect);}

/* 4.0.2: a photo across the top of each service card */
.v3top .svc::before{display:none;}
.v3top .svc{overflow:hidden;}
.v3top .svc-ph{margin:-24px -22px 0; aspect-ratio:16/9; overflow:hidden; background:var(--bg-alt-2);}
.v3top .svc-ph img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
.v3top .svc:hover .svc-ph img{transform:scale(1.05);}
.v3top .svc .card-icon{margin-top:-25px; position:relative; z-index:1; background:#fff; box-shadow:0 0 0 4px #fff; margin-bottom:14px;}
.v3top .section{padding-block:clamp(44px,5vw,72px);}
@media (prefers-reduced-motion: reduce){ .v3top .svc-ph img{transition:none;} }