/* ==========================================================================
   OWDOZ 2026 — design system + component layer
   Loaded after the legacy custom.css: restyles every legacy class used by
   templates and stored page content, and adds the new ow-* components.
   ========================================================================== */

@font-face{font-family:"Sora Var";src:url("fonts/sora-var.woff2") format("woff2");font-weight:100 800;font-style:normal;font-display:swap}
@font-face{font-family:"Inter Var";src:url("fonts/inter-var.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}

:root{
	--bg:#05070b;
	--bg-2:#090d14;
	--bg-3:#0d131c;
	--card:rgba(var(--fg),.035);
	--card-2:rgba(var(--fg),.06);
	--line:rgba(var(--fg),.09);
	--line-2:rgba(var(--fg),.16);
	--ink:#f3f7fb;
	--ink-2:#c9d3dd;
	--muted:#94a3b3;
	--brand:#0C96E7;
	--brand-2:#00D1FF;
	--brand-ink:#5fd8ff;
	--grad:linear-gradient(100deg,#0C96E7 0%,#00D1FF 100%);
	--grad-soft:linear-gradient(100deg,rgba(12,150,231,.18),rgba(0,209,255,.08));
	--glow:0 0 0 1px rgba(0,209,255,.25),0 18px 50px -12px rgba(0,180,255,.45);
	--font-display:"Sora Var","Inter Var",system-ui,-apple-system,"Segoe UI",sans-serif;
	--font-body:"Inter Var",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
	--r-sm:10px;--r-md:16px;--r-lg:24px;--r-xl:32px;
	--gutter:20px;
	--wrap:1240px;
	--section:clamp(72px,9vw,128px);
	--ease:cubic-bezier(.22,1,.36,1);
	--header-h:76px;
	--fg:255,255,255;
	--bgc:8,12,18;
	--surface:#0a0f16;
	--surface-2:#0c1520;
	--card-shadow:0 18px 40px -24px rgba(0,0,0,.7);
}
:root[data-theme="light"]{
	--bg:#f5f8fc;--bg-2:#eaf0f7;--bg-3:#dfe8f2;
	--card:#ffffff;--card-2:#ffffff;
	--line:rgba(12,22,36,.08);--line-2:rgba(12,22,36,.16);
	--ink:#0b1524;--ink-2:#334155;--muted:#5a6b7e;--brand-ink:#0a78bb;
	--grad-soft:linear-gradient(100deg,rgba(12,150,231,.12),rgba(0,209,255,.06));
	--fg:12,22,36;--bgc:255,255,255;
	--surface:#ffffff;--surface-2:#f1f5fa;
	--card-shadow:0 1px 2px rgba(12,22,36,.05),0 16px 36px -20px rgba(12,40,80,.22);
	color-scheme:light;
}
@media (min-width:768px){:root{--gutter:32px}}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
body{margin:0}
h1,h2,h3,h4,h5,h6,p,ul,ol,figure{margin-top:0}
p{margin-bottom:1rem}
button,input,select,textarea{font:inherit;color:inherit}
img,svg,video,canvas{vertical-align:middle}
ol,ul{padding-left:1.5rem}
html{-webkit-text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body.ow{
	background:var(--bg);
	color:var(--ink-2);
	font-family:var(--font-body);
	font-size:16px;
	line-height:1.7;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-rendering:optimizeLegibility;
	overflow-x:clip;
}
body.ow ::selection{background:rgba(0,209,255,.3);color:var(--ink)}
body.ow h1,body.ow h2,body.ow h3,body.ow h4,body.ow h5,body.ow h6{
	font-family:var(--font-display);
	color:var(--ink);
	letter-spacing:-.02em;
	line-height:1.15;
	font-weight:600;
	background:none;
	-webkit-text-fill-color:currentColor;
}
body.ow h3{display:block;width:auto}
body.ow h2{font-size:clamp(1.85rem,3.6vw,3rem)}
body.ow h3{font-size:clamp(1.12rem,1.5vw,1.3rem)}
body.ow p{color:var(--ink-2)}
body.ow strong{color:var(--ink);font-weight:600}
body.ow a{color:var(--brand-ink);text-decoration-color:rgba(95,216,255,.35);text-underline-offset:3px;transition:color .2s}
body.ow a:hover{color:var(--ink)}
body.ow img{max-width:100%;height:auto}
body.ow :focus-visible{outline:2px solid var(--brand-2);outline-offset:3px;border-radius:6px}
.ow-wrap{width:min(var(--wrap),100% - var(--gutter)*2);margin-inline:auto}
body.ow .container{max-width:calc(var(--wrap) + 24px)}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.skip-link:focus{clip:auto;width:auto;height:auto;z-index:1000;top:10px;left:10px;padding:10px 16px;background:#fff;color:#000!important;border-radius:8px}
.ow-grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}

/* ---------- buttons (one pair, used everywhere) ---------- */
body.ow .btn,.ow-btn{
	--bx:0px;--by:0px;
	position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;
	padding:.85em 1.55em;border-radius:999px;
	font:600 15px/1.2 var(--font-body);letter-spacing:.01em;
	text-decoration:none;white-space:nowrap;cursor:pointer;
	border:1px solid transparent;
	transform:translate(var(--bx),var(--by));
	transition:transform .35s var(--ease),box-shadow .35s var(--ease),background-color .25s,border-color .25s,color .25s;
	-webkit-text-fill-color:currentColor;
}
body.ow .btn i,.ow-btn svg{transition:transform .35s var(--ease)}
body.ow .btn:hover i,.ow-btn:hover svg{transform:translateX(3px)}
body.ow .btn:active,.ow-btn:active{transform:translate(var(--bx),calc(var(--by) + 1px)) scale(.97)}
body.ow .btn-primary,.ow-btn--primary{
	background:var(--grad);color:#021018!important;border-color:transparent;
	box-shadow:0 10px 30px -10px rgba(0,190,255,.6),inset 0 1px 0 rgba(var(--fg),.35);
}
body.ow .btn-primary:hover,.ow-btn--primary:hover{
	background:var(--grad);color:#021018!important;border-color:transparent;
	box-shadow:0 16px 40px -10px rgba(0,200,255,.8),inset 0 1px 0 rgba(var(--fg),.45);
	transform:translate(var(--bx),calc(var(--by) - 2px));
}
body.ow .btn-white,body.ow .btn.text-white,.ow-btn--ghost{
	background:rgba(var(--fg),.04);color:var(--ink)!important;border-color:var(--line-2);
	backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
body.ow .btn-white:hover,body.ow .btn.text-white:hover,.ow-btn--ghost:hover{
	background:rgba(var(--fg),.09);border-color:rgba(0,209,255,.5);color:var(--ink)!important;
	transform:translate(var(--bx),calc(var(--by) - 2px));
}
body.ow .btn-lg{font-size:16px;padding:1em 1.8em}
.ow-btn--sm{font-size:14px;padding:.7em 1.2em}
body.ow .learmoreBtn,.ow-link{
	display:inline-flex;width:auto;align-items:center;gap:.5em;margin-top:14px;
	color:var(--ink)!important;font-weight:600;font-size:14px;text-decoration:none;
	background-image:linear-gradient(var(--brand-2),var(--brand-2));background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;
	transition:background-size .4s var(--ease),color .2s;padding-bottom:2px;
}
body.ow .learmoreBtn:hover,.ow-link:hover{background-size:100% 1px;color:var(--brand-ink)!important}
body.ow .learmoreBtn i,.ow-link svg{transition:transform .35s var(--ease)}
body.ow .learmoreBtn:hover i,.ow-link:hover svg{transform:translateX(4px)}

/* ---------- labels / heads ---------- */
.ow-eyebrow,body.ow .section-label,body.ow .hm_about_section span.section-label{
	display:inline-flex;align-items:center;gap:.6em;
	padding:.42em .95em;border-radius:999px;
	font:600 12px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;
	color:var(--brand-ink);background:rgba(0,209,255,.07);border:1px solid rgba(0,209,255,.22);
	margin-bottom:18px;
}
.ow-eyebrow::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 10px var(--brand-2);animation:ow-pulse 2.4s ease-in-out infinite}
@keyframes ow-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}
.ow-head{max-width:760px;margin-bottom:clamp(36px,5vw,64px)}
.ow-head--center{margin-inline:auto;text-align:center}
.ow-head p{font-size:clamp(1rem,1.2vw,1.1rem);color:var(--muted);margin:18px 0 0}
body.ow .homeHead{display:block;text-align:center;max-width:760px;margin:0 auto clamp(36px,5vw,64px)}
body.ow .homeHead h2{display:block;width:auto;margin-bottom:14px;background:none;-webkit-text-fill-color:currentColor}
body.ow .homeHead p{max-width:640px;margin:0 auto;color:var(--muted)}

/* ---------- header ---------- */
.ow-header{
	position:fixed;inset:0 0 auto 0;z-index:90;
	padding:14px 0;
	transition:transform .5s var(--ease),padding .4s var(--ease);
}
.ow-header__bar{
	display:flex;align-items:center;justify-content:space-between;gap:20px;
	height:60px;padding:0 10px 0 22px;border-radius:999px;
	border:1px solid transparent;
	transition:background-color .4s,border-color .4s,box-shadow .4s,backdrop-filter .4s;
}
.ow-header.is-scrolled .ow-header__bar{
	background:rgba(var(--bgc),.74);border-color:var(--line);
	backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
	box-shadow:0 20px 50px -20px rgba(0,0,0,.6);
}
.ow-header.is-hidden{transform:translateY(-110%)}
.ow-logo{display:flex;align-items:center;flex-shrink:0}
.ow-logo img,.ow-logo .custom-logo{height:30px;width:auto;max-width:150px;display:block}
.ow-logo .custom-logo-link{display:flex}
.ow-nav{flex:1;display:flex;justify-content:center}
.ow-menu{display:flex;align-items:center;gap:2px;list-style:none;margin:0;padding:0}
.ow-menu>li{position:relative}
.ow-menu>li>a{
	display:flex;align-items:center;gap:6px;padding:10px 15px;border-radius:999px;
	color:var(--ink-2)!important;font-size:14.5px;font-weight:500;text-decoration:none;
	transition:color .2s,background-color .2s;
}
.ow-menu>li>a:hover,.ow-menu>li:focus-within>a,.ow-menu>li.current-menu-item>a{color:var(--ink)!important;background:rgba(var(--fg),.06)}
.ow-menu>li.menu-item-has-children>a::after{
	content:"";width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;
	transform:translateY(-2px) rotate(45deg);opacity:.7;transition:transform .3s var(--ease)
}
.ow-menu>li:hover>a::after,.ow-menu>li:focus-within>a::after{transform:translateY(1px) rotate(225deg)}
.ow-menu .sub-menu{
	position:absolute;top:calc(100% + 12px);left:50%;
	list-style:none;margin:0;padding:10px;
	display:grid;grid-template-columns:repeat(var(--cols,1),minmax(230px,1fr));gap:2px;
	background:rgba(var(--bgc),.97);border:1px solid var(--line);border-radius:var(--r-lg);
	box-shadow:0 30px 80px -20px rgba(0,0,0,.8),0 0 0 1px rgba(0,209,255,.04);
	backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
	opacity:0;visibility:hidden;transform:translate(-50%,8px);
	transition:opacity .25s,transform .35s var(--ease),visibility .25s;
}
.ow-menu .sub-menu::before{content:"";position:absolute;inset:-14px 0 auto;height:14px}
.ow-menu>li:hover>.sub-menu,.ow-menu>li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translate(-50%,0)}
.ow-menu .sub-menu a{
	display:block;padding:10px 14px;border-radius:12px;color:var(--ink-2)!important;
	font-size:14px;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s,padding-left .3s var(--ease)
}
.ow-menu .sub-menu a:hover{background:rgba(0,209,255,.08);color:var(--ink)!important;padding-left:18px}
.ow-header__cta{display:flex;align-items:center;gap:10px}
.ow-burger{
	display:none;width:46px;height:46px;border-radius:50%;border:1px solid var(--line-2);
	background:rgba(var(--fg),.04);position:relative;cursor:pointer;color:var(--ink)
}
.ow-burger span{position:absolute;left:14px;right:14px;height:1.5px;background:currentColor;border-radius:2px;transition:transform .4s var(--ease),opacity .3s}
.ow-burger span:nth-child(1){top:17px}.ow-burger span:nth-child(2){top:22.5px}.ow-burger span:nth-child(3){top:28px}
.ow-menu-open .ow-burger span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
.ow-menu-open .ow-burger span:nth-child(2){opacity:0}
.ow-menu-open .ow-burger span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}

/* mobile drawer */
.ow-drawer{
	position:fixed;inset:0;z-index:85;background:rgba(var(--bgc),.98);
	backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
	padding:calc(var(--header-h) + 30px) var(--gutter) 40px;overflow-y:auto;
	opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s;
}
.ow-menu-open .ow-drawer{opacity:1;visibility:visible}
.ow-drawer .ow-mmenu{list-style:none;margin:0;padding:0}
.ow-drawer .ow-mmenu>li{border-bottom:1px solid var(--line);opacity:0;transform:translateY(14px);transition:opacity .45s var(--ease),transform .5s var(--ease)}
.ow-menu-open .ow-drawer .ow-mmenu>li{opacity:1;transform:none}
.ow-drawer .ow-mmenu>li>a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;font:600 22px/1.2 var(--font-display);color:var(--ink)!important;text-decoration:none}
.ow-drawer .menu-item-has-children{position:relative}
.ow-drawer .ow-sub-toggle{position:absolute;right:0;top:10px;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:none;color:var(--ink);cursor:pointer}
.ow-drawer .ow-sub-toggle::before{content:"";position:absolute;left:15px;top:13px;width:9px;height:9px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform .3s var(--ease)}
.ow-drawer .is-open>.ow-sub-toggle::before{transform:translateY(5px) rotate(225deg)}
.ow-drawer .sub-menu{list-style:none;margin:0;padding:0 0 14px 4px;display:none}
.ow-drawer .is-open>.sub-menu{display:block}
.ow-drawer .sub-menu a{display:block;padding:9px 0;color:var(--muted)!important;text-decoration:none;font-size:16px}
.ow-drawer__foot{margin-top:28px;display:grid;gap:12px}
.ow-drawer__foot .ow-btn{width:100%}
.ow-drawer__meta{margin-top:20px;color:var(--muted);font-size:14px}
.ow-drawer__meta a{color:var(--ink)!important}

@media (max-width:1100px){
	.ow-nav,.ow-header__cta .ow-btn{display:none}
	.ow-burger{display:block}
	.ow-header__bar{padding:0 8px 0 18px}
}
@media (min-width:1101px){.ow-drawer{display:none}}

/* ---------- progress + cursor ---------- */
.ow-progress{position:fixed;inset:0 0 auto 0;height:2px;z-index:95;transform-origin:0 50%;transform:scaleX(var(--p,0));background:var(--grad);box-shadow:0 0 12px rgba(0,209,255,.8);pointer-events:none}
.ow-cursor{
	position:fixed;left:0;top:0;z-index:99;pointer-events:none;
	width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;
	border:1px solid rgba(0,209,255,.6);
	transition:width .3s var(--ease),height .3s var(--ease),margin .3s var(--ease),background-color .3s,opacity .3s;
	opacity:0;mix-blend-mode:screen;
}
.ow-cursor.is-on{opacity:1}
.ow-cursor.is-link{width:64px;height:64px;margin:-32px 0 0 -32px;background:rgba(0,209,255,.12)}
@media (pointer:coarse),(prefers-reduced-motion:reduce){.ow-cursor{display:none}}

/* ---------- floating whatsapp ---------- */
.ow-wa{
	position:fixed;left:20px;bottom:20px;z-index:80;width:54px;height:54px;border-radius:50%;
	display:grid;place-items:center;background:#25D366;color:#fff!important;
	box-shadow:0 12px 30px -8px rgba(37,211,102,.6);transition:transform .35s var(--ease)
}
.ow-wa:hover{transform:translateY(-3px) scale(1.05)}
.ow-wa svg{width:28px;height:28px}
.ow-wa::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25D366;animation:ow-ring 2.8s ease-out infinite}
@keyframes ow-ring{0%{transform:scale(1);opacity:.7}100%{transform:scale(1.6);opacity:0}}

/* ---------- reveal (JS adds .ow-js on <html>) ---------- */
.ow-js [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform 1s var(--ease);transition-delay:var(--d,0s)}
.ow-js [data-reveal].is-in{opacity:1;transform:none}
.ow-js [data-reveal="scale"]{transform:scale(.96) translateY(18px)}
.ow-js [data-reveal="scale"].is-in{transform:none}

/* ==========================================================================
   HOME
   ========================================================================== */

/* ---------- hero ---------- */
.ow-hero{
	position:relative;min-height:100svh;display:flex;align-items:center;
	padding:calc(var(--header-h) + 28px) 0 96px;overflow:hidden;isolation:isolate;
	background:
		radial-gradient(60% 55% at 78% 45%,rgba(0,150,230,.20),transparent 70%),
		radial-gradient(40% 40% at 10% 90%,rgba(0,209,255,.08),transparent 70%),
		var(--bg);
}
.ow-hero__grid{
	position:absolute;inset:0;z-index:-2;pointer-events:none;
	background-image:linear-gradient(rgba(var(--fg),.035) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--fg),.035) 1px,transparent 1px);
	background-size:64px 64px;
	-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 80%);
	mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 30%,transparent 80%);
}
.ow-hero__gl{position:absolute;inset:0;z-index:-1;width:100%;height:100%;display:block;opacity:0;transition:opacity 1.6s ease}
.ow-hero__gl.is-ready{opacity:1}
.ow-hero__orb{
	position:absolute;z-index:-1;right:6%;top:50%;width:min(46vw,620px);aspect-ratio:1;transform:translateY(-50%);border-radius:50%;
	background:radial-gradient(circle at 35% 30%,rgba(0,209,255,.35),rgba(12,150,231,.12) 45%,transparent 70%);
	filter:blur(10px);transition:opacity 1.2s;
}
.ow-gl-on .ow-hero__orb{opacity:.35}
.ow-hero__fade{position:absolute;inset:auto 0 0 0;height:180px;z-index:-1;background:linear-gradient(transparent,var(--bg))}
.ow-hero__inner{position:relative}
.ow-hero__content{max-width:610px}
.ow-hero h1{
	font-size:clamp(2rem,3.25vw,3.2rem);line-height:1.1;letter-spacing:-.035em;font-weight:650;
	margin:0 0 22px;max-width:none;text-wrap:balance;
}
.ow-hero h1 .ow-w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.ow-hero h1 .ow-w>span{display:inline-block;animation:ow-rise 1s var(--ease) both;animation-delay:calc(var(--i) * 45ms + 80ms)}
.ow-hero h1 .ow-hl{background:var(--grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
@keyframes ow-rise{from{transform:translateY(105%)}to{transform:none}}
.ow-hero__sub{font-size:clamp(1rem,1.2vw,1.1rem);color:var(--muted);max-width:540px;margin:0 0 34px;animation:ow-fade 1s var(--ease) .8s both}
.ow-hero__sub strong{color:var(--ink-2);font-weight:500}
.ow-hero__actions{display:flex;flex-wrap:wrap;gap:12px;animation:ow-fade 1s var(--ease) .95s both}
.ow-hero .ow-eyebrow{animation:ow-fade .9s var(--ease) both}
@keyframes ow-fade{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.ow-hero__stats{
	display:grid;grid-template-columns:repeat(4,auto);justify-content:start;gap:clamp(20px,4vw,56px);
	margin-top:44px;padding-top:24px;border-top:1px solid var(--line);max-width:640px;
	animation:ow-fade 1s var(--ease) .9s both
}
.ow-stat b{display:block;font:650 clamp(1.6rem,2.6vw,2.2rem)/1 var(--font-display);color:var(--ink);letter-spacing:-.03em}
.ow-stat span{display:block;margin-top:8px;font-size:13px;color:var(--muted);line-height:1.35}
.ow-scroll-cue{
	position:absolute;left:50%;bottom:28px;transform:translateX(-50%);
	width:26px;height:42px;border:1.5px solid var(--line-2);border-radius:20px;
}
.ow-scroll-cue::after{content:"";position:absolute;left:50%;top:8px;width:3px;height:8px;margin-left:-1.5px;border-radius:2px;background:var(--brand-2);animation:ow-cue 1.8s var(--ease) infinite}
@keyframes ow-cue{0%{opacity:0;transform:translateY(0)}30%{opacity:1}100%{opacity:0;transform:translateY(14px)}}

@media (max-width:900px){
	.ow-hero{align-items:flex-end;padding-bottom:80px;background:radial-gradient(80% 50% at 50% 28%,rgba(0,150,230,.22),transparent 70%),var(--bg)}
	.ow-hero__orb{right:50%;top:30%;transform:translate(50%,-50%);width:90vw}
	.ow-hero__stats{grid-template-columns:repeat(2,1fr);gap:22px}
	.ow-scroll-cue{display:none}
}
@media (max-width:560px){
	.ow-hero__actions .ow-btn{flex:1 1 100%}
	.ow-hero__stats{display:none}
	.ow-hero{padding-bottom:56px}
}

/* ---------- ticker ---------- */
.ow-ticker{position:relative;padding:26px 0;border-block:1px solid var(--line);overflow:hidden;background:linear-gradient(90deg,var(--bg),rgba(12,150,231,.06),var(--bg))}
.ow-ticker__row{display:flex;width:max-content;animation:ow-marquee 38s linear infinite}
.ow-ticker__row--rev{animation-direction:reverse;margin-top:10px;animation-duration:44s}
.ow-ticker:hover .ow-ticker__row{animation-play-state:paused}
.ow-ticker__row span{
	display:inline-flex;align-items:center;gap:28px;padding-right:28px;white-space:nowrap;
	font:600 clamp(1.5rem,3.2vw,2.6rem)/1.1 var(--font-display);letter-spacing:-.02em;color:var(--ink)
}
.ow-ticker__row--rev span{color:var(--muted);opacity:.55}
.ow-ticker__row span::after{content:"";width:12px;height:12px;border-radius:3px;transform:rotate(45deg);background:var(--grad);box-shadow:0 0 16px rgba(0,209,255,.7)}
@keyframes ow-marquee{to{transform:translateX(-50%)}}

/* ---------- section shell ---------- */
.ow-section{position:relative;padding:var(--section) 0}
.ow-section--alt{background:linear-gradient(180deg,transparent,rgba(12,150,231,.04) 40%,transparent)}

/* ---------- intro ---------- */
.ow-intro__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.ow-intro h2{margin:0}
.ow-intro__text p{font-size:clamp(1.08rem,1.55vw,1.32rem);line-height:1.7;color:var(--ink-2);margin:0 0 8px}
.ow-js .ow-intro__text [data-words] .ow-wd{opacity:.22;transition:opacity .3s}
.ow-js .ow-intro__text [data-words] .ow-wd.is-lit{opacity:1}
.ow-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:clamp(48px,6vw,80px);background:var(--line);border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}
.ow-metric{background:var(--bg);padding:clamp(22px,3vw,36px)}
.ow-metric b{display:block;font:650 clamp(2rem,4vw,3.4rem)/1 var(--font-display);letter-spacing:-.04em;color:var(--ink)}
.ow-metric b em{font-style:normal;color:inherit}
.ow-metric>span{display:block;margin-top:10px;color:var(--muted);font-size:14px}
.ow-metric b span{display:inline}
@media (max-width:900px){.ow-intro__grid{grid-template-columns:1fr}.ow-metrics{grid-template-columns:repeat(2,1fr)}}

/* ---------- spotlight card (shared) ---------- */
.ow-card{
	--mx:50%;--my:50%;
	position:relative;border-radius:var(--r-lg);padding:clamp(24px,2.6vw,34px);
	background:linear-gradient(180deg,rgba(var(--fg),.045),rgba(var(--fg),.015));
	border:1px solid var(--line);overflow:hidden;isolation:isolate;
	transition:transform .45s var(--ease),border-color .35s,box-shadow .45s var(--ease);
}
.ow-card::before{
	content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;
	background:radial-gradient(420px circle at var(--mx) var(--my),rgba(0,209,255,.14),transparent 45%);
}
.ow-card:hover{transform:translateY(-4px);border-color:rgba(0,209,255,.32);box-shadow:0 30px 60px -30px rgba(0,160,255,.45)}
.ow-card:hover::before{opacity:1}

/* ---------- services (horizontal on desktop) ---------- */
.ow-services{overflow:hidden}
.ow-services__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ow-svc{display:flex;flex-direction:column;min-height:320px}
.ow-svc__top{display:flex;align-items:center;justify-content:space-between;margin-bottom:40px}
.ow-svc__icon{display:block;width:72px;height:52px;margin-left:-8px;transition:transform .5s var(--ease);filter:drop-shadow(0 10px 22px rgba(0,0,0,.45))}
.ow-svc:hover .ow-svc__icon{transform:rotate(-8deg) scale(1.06)}
.ow-svc__icon img{width:72px;height:52px}
.ow-svc__num{font:600 13px/1 var(--font-display);color:var(--muted);letter-spacing:.1em}
.ow-svc h3{margin:0 0 12px}
.ow-svc p{margin:0;color:var(--muted);font-size:15px;flex:1}
.ow-svc p a{color:var(--brand-ink)!important}
@media (min-width:1101px){
	.ow-services.is-pinned .ow-services__viewport{overflow:visible}
	.ow-services.is-pinned .ow-services__track{display:flex;width:max-content;gap:22px;padding-right:var(--gutter)}
	.ow-services.is-pinned .ow-svc{width:min(380px,30vw);min-height:400px}
}
@media (max-width:1100px){.ow-services__track{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.ow-services__track{grid-template-columns:1fr}.ow-svc{min-height:0}.ow-svc__top{margin-bottom:24px}}

/* ---------- partner (solutions) ---------- */
.ow-partner__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ow-partner__card{text-align:left}
.ow-partner__card img{width:64px;height:64px;object-fit:contain;margin-bottom:28px;filter:drop-shadow(0 8px 20px rgba(0,180,255,.35))}
.ow-partner__card h3{margin:0 0 10px}
.ow-partner__card p{margin:0;color:var(--muted)}
@media (max-width:900px){.ow-partner__grid{grid-template-columns:1fr}}

/* ---------- products: sticky stacking cards ---------- */
.ow-stack{display:grid;gap:28px}
.ow-product{
	position:sticky;top:calc(var(--header-h) + 24px + var(--i,0) * 16px);
	border-radius:var(--r-xl);border:1px solid var(--line-2);overflow:hidden;
	background:linear-gradient(140deg,var(--surface-2) 0%,var(--surface) 60%);
	box-shadow:0 -20px 60px -20px rgba(0,0,0,.7);
	transform-origin:50% 0;
	--dim:0;
}
.ow-product::after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--bg);opacity:calc(var(--dim) * .72);pointer-events:none;z-index:2}
.ow-product__inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center;padding:clamp(26px,4vw,52px)}
.ow-product__tag{font:600 12px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-ink)}
.ow-product h3{font-size:clamp(1.4rem,2.4vw,2rem);margin:14px 0 14px}
.ow-product p{color:var(--muted);margin:0 0 20px}
.ow-product ul{list-style:none;padding:0;margin:0 0 28px;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}
.ow-product li{display:flex;align-items:center;gap:10px;color:var(--ink-2);font-size:15px}
.ow-product li::before{content:"";flex:none;width:18px;height:18px;border-radius:50%;background:var(--grad) center/100%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='12'/%3E%3C/svg%3E");box-shadow:inset 0 0 0 5px var(--surface)}
.ow-product__actions{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:900px){
	.ow-product{position:relative;top:auto}
	.ow-product__inner{grid-template-columns:1fr}
	.ow-product ul{grid-template-columns:1fr}
}

/* app frame mock (live HTML UI) */
.ow-app{
	border-radius:18px;border:1px solid var(--line-2);background:var(--surface);overflow:hidden;
	box-shadow:0 40px 80px -30px rgba(0,0,0,.8),0 0 0 1px rgba(0,209,255,.06),0 0 80px -30px rgba(0,180,255,.35);
	font-size:12px;color:var(--ink-2);
	transition:transform .6s var(--ease)
}
.ow-product:hover .ow-app{transform:translateY(-4px)}
.ow-app__bar{display:flex;align-items:center;gap:6px;padding:11px 14px;border-bottom:1px solid var(--line);background:rgba(var(--fg),.02)}
.ow-app__bar i{width:9px;height:9px;border-radius:50%;background:rgba(var(--fg),.15)}
.ow-app__bar i:nth-child(1){background:#ff5f57}.ow-app__bar i:nth-child(2){background:#febc2e}.ow-app__bar i:nth-child(3){background:#28c840}
.ow-app__bar b{margin-left:10px;font-weight:500;color:var(--muted);font-size:11.5px}
.ow-app__body{display:grid;grid-template-columns:120px 1fr;min-height:260px}
.ow-app__side{border-right:1px solid var(--line);padding:14px 10px;display:grid;align-content:start;gap:4px}
.ow-app__side span{padding:7px 9px;border-radius:8px;color:var(--muted);font-size:11.5px}
.ow-app__side span.on{background:rgba(0,209,255,.1);color:var(--ink)}
.ow-app__main{padding:16px;display:grid;gap:12px;align-content:start}
.ow-app__row{display:flex;justify-content:space-between;align-items:center;gap:10px}
.ow-app__title{font:600 14px/1.2 var(--font-display);color:var(--ink)}
.ow-app__pill{padding:4px 9px;border-radius:999px;font-size:10.5px;font-weight:600;background:rgba(40,200,64,.14);color:#4ade80}
.ow-app__pill--b{background:rgba(0,209,255,.12);color:var(--brand-ink)}
.ow-app__pill--w{background:rgba(254,188,46,.13);color:#fbbf24}
.ow-app__kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ow-app__kpi{padding:10px;border-radius:10px;background:rgba(var(--fg),.03);border:1px solid var(--line)}
.ow-app__kpi small{display:block;color:var(--muted);font-size:10px}
.ow-app__kpi b{font:600 15px/1.3 var(--font-display);color:var(--ink)}
.ow-app__table{display:grid;gap:2px}
.ow-app__table div{display:grid;grid-template-columns:1.4fr 1fr .9fr;gap:8px;padding:8px 10px;border-radius:8px;background:rgba(var(--fg),.02);align-items:center}
.ow-app__table div:first-child{background:none;color:var(--muted);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em}
.ow-app__bars{display:flex;align-items:flex-end;gap:6px;height:70px;padding:6px 2px 0}
.ow-app__bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,var(--brand-2),rgba(12,150,231,.25));transform-origin:50% 100%;animation:ow-bar 3.2s var(--ease) infinite alternate;animation-delay:calc(var(--k) * 120ms)}
@keyframes ow-bar{from{transform:scaleY(.55)}to{transform:scaleY(1)}}
.ow-app__prog{display:grid;gap:10px}
.ow-app__prog div{display:grid;gap:6px}
.ow-app__prog em{font-style:normal;display:flex;justify-content:space-between;color:var(--ink-2)}
.ow-app__prog s{display:block;height:6px;border-radius:6px;background:rgba(var(--fg),.06);overflow:hidden;text-decoration:none}
.ow-app__prog s::after{content:"";display:block;height:100%;width:var(--v);border-radius:6px;background:var(--grad);animation:ow-grow 2.8s var(--ease) infinite alternate}
@keyframes ow-grow{from{width:calc(var(--v) * .6)}to{width:var(--v)}}
.ow-app__map{position:relative;height:150px;border-radius:12px;overflow:hidden;background:
	linear-gradient(rgba(var(--fg),.04) 1px,transparent 1px) 0 0/22px 22px,
	linear-gradient(90deg,rgba(var(--fg),.04) 1px,transparent 1px) 0 0/22px 22px,var(--surface-2)}
.ow-app__map svg{position:absolute;inset:0;width:100%;height:100%}
.ow-app__map .route{stroke-dasharray:6 6;animation:ow-dash 1.2s linear infinite}
@keyframes ow-dash{to{stroke-dashoffset:-12}}
.ow-app__car{offset-path:path("M20 120 C 80 120, 90 40, 160 50 S 260 110, 300 30");animation:ow-drive 4s var(--ease) infinite;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(0,209,255,.35),0 0 14px #00D1FF;position:absolute;left:0;top:0}
@keyframes ow-drive{from{offset-distance:0%}to{offset-distance:100%}}
@media (max-width:520px){.ow-app__body{grid-template-columns:1fr}.ow-app__side{display:none}}

/* ---------- process ---------- */
.ow-process__top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:center;margin-bottom:clamp(48px,6vw,80px)}
.ow-process__top h2{margin:0 0 18px}
.ow-process__top p{color:var(--muted);margin:0 0 28px}
.ow-process__img{border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line);background:radial-gradient(circle at 50% 40%,rgba(0,209,255,.14),transparent 70%)}
.ow-process__img img{display:block;width:100%;transition:transform 1.2s var(--ease);filter:hue-rotate(-75deg) saturate(1.15)}
.ow-process__img:hover img{transform:scale(1.03)}
.ow-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ow-steps__line{position:absolute;left:0;right:0;top:27px;height:2px;background:var(--line);overflow:hidden}
.ow-steps__line i{position:absolute;inset:0;background:var(--grad);transform-origin:0 50%;transform:scaleX(var(--lp,0));box-shadow:0 0 12px var(--brand-2)}
.ow-step{position:relative;padding-top:78px}
.ow-step__n{
	position:absolute;top:0;left:0;width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
	font:650 18px/1 var(--font-display);color:var(--ink);background:var(--bg);border:1px solid var(--line-2);
	transition:background .5s,border-color .5s,box-shadow .5s,color .5s
}
.ow-step.is-on .ow-step__n{background:var(--grad);border-color:transparent;color:#021018;box-shadow:0 0 30px -4px rgba(0,209,255,.8)}
.ow-step h3{margin:0 0 10px}
.ow-step p{margin:0;color:var(--muted);font-size:15px}
@media (max-width:900px){
	.ow-process__top{grid-template-columns:1fr}
	.ow-steps{grid-template-columns:1fr;gap:34px;padding-left:76px}
	.ow-steps__line{left:27px;right:auto;top:0;bottom:0;width:2px;height:auto}
	.ow-steps__line i{transform-origin:50% 0;transform:scaleY(var(--lp,0))}
	.ow-step{padding-top:0}
	.ow-step__n{left:-76px}
}

/* ---------- portfolio marquee ---------- */
.ow-work{overflow:hidden}
.ow-work__rows{display:grid;gap:18px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ow-work__row{display:flex;gap:18px;width:max-content;animation:ow-marquee 60s linear infinite}
.ow-work__row--rev{animation-direction:reverse;animation-duration:70s}
.ow-work__rows:hover .ow-work__row{animation-play-state:paused}
.ow-work__item{display:block;width:clamp(260px,28vw,420px);aspect-ratio:4/3;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);position:relative;flex:none}
.ow-work__item img,body.ow .ow-work__item img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .8s var(--ease),filter .5s;filter:saturate(.85)}
.ow-work__item:hover img{transform:scale(1.03);filter:saturate(1.1)}
.ow-work__item::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(var(--fg),.06);pointer-events:none}
.ow-work__cta{text-align:center;margin-top:44px}
.ow-pause{margin-top:22px;display:flex;justify-content:center}
.ow-pause button{font:500 13px/1 var(--font-body);color:var(--muted);background:none;border:1px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer}
.ow-pause button:hover{color:var(--ink);border-color:var(--line-2)}
.ow-paused .ow-work__row,.ow-paused .ow-ticker__row{animation-play-state:paused!important}

/* ---------- why ---------- */
.ow-why__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.ow-why__head{position:sticky;top:calc(var(--header-h) + 40px)}
.ow-why__head h2{margin:0 0 20px}
.ow-why__head p{color:var(--muted);font-size:1.08rem;margin:0 0 30px}
.ow-why__list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.ow-why__item{display:grid;grid-template-columns:56px 1fr;gap:10px 18px;padding:30px 0;border-bottom:1px solid var(--line);transition:padding-left .45s var(--ease)}
.ow-why__item:hover{padding-left:10px}
.ow-why__item span{font:600 14px/1.9 var(--font-display);color:var(--brand-ink)}
.ow-why__item h3{margin:0 0 8px;transition:color .3s}
.ow-why__item:hover h3{color:var(--brand-ink)}
.ow-why__item p{grid-column:2;margin:0;color:var(--muted)}
@media (max-width:900px){.ow-why__grid{grid-template-columns:1fr}.ow-why__head{position:static}.ow-why__item{grid-template-columns:40px 1fr}}

/* ---------- footer ---------- */
.ow-footer{position:relative;overflow:hidden;border-top:1px solid var(--line);background:linear-gradient(180deg,var(--bg),var(--bg-2))}
.ow-cta{position:relative;padding:clamp(80px,10vw,140px) 0;text-align:center;isolation:isolate}
.ow-cta::before{
	content:"";position:absolute;left:50%;top:50%;width:min(900px,120vw);aspect-ratio:2/1;transform:translate(-50%,-50%);z-index:-1;
	background:radial-gradient(ellipse at center,rgba(0,170,255,.28),rgba(12,150,231,.08) 40%,transparent 70%);
	animation:ow-breathe 7s ease-in-out infinite
}
@keyframes ow-breathe{50%{transform:translate(-50%,-50%) scale(1.12);opacity:.8}}
.ow-cta__ring{position:absolute;left:50%;top:50%;width:min(620px,90vw);aspect-ratio:1;transform:translate(-50%,-50%);z-index:-1;border-radius:50%;border:1px solid rgba(0,209,255,.12);animation:ow-spin 40s linear infinite}
.ow-cta__ring::before{content:"";position:absolute;top:-4px;left:50%;width:8px;height:8px;border-radius:50%;background:var(--brand-2);box-shadow:0 0 18px var(--brand-2)}
.ow-cta__ring--2{width:min(820px,120vw);animation-duration:60s;animation-direction:reverse;border-color:rgba(var(--fg),.05)}
@keyframes ow-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.ow-cta h2{font-size:clamp(2.2rem,5.4vw,4.4rem);letter-spacing:-.035em;max-width:14ch;margin:0 auto 20px}
.ow-cta p{max-width:560px;margin:0 auto 34px;color:var(--muted);font-size:1.08rem}
.ow-cta__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}
.ow-footer__main{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:40px;padding:64px 0 48px;border-top:1px solid var(--line)}
.ow-footer__brand img,.ow-footer__brand .custom-logo{height:32px;width:auto;margin-bottom:18px}
.ow-footer__brand p{color:var(--muted);font-size:14.5px;max-width:320px}
.ow-footer h2.ow-fh{font:600 13px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:6px 0 20px}
.ow-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.ow-footer ul a{color:var(--ink-2)!important;text-decoration:none;font-size:15px;transition:color .2s,padding-left .3s var(--ease)}
.ow-footer ul a:hover{color:var(--ink)!important;padding-left:4px}
.ow-contact li{display:flex;gap:12px;align-items:flex-start;color:var(--ink-2);font-size:15px}
.ow-contact svg{flex:none;width:18px;height:18px;margin-top:3px;color:var(--brand-ink)}
.ow-social{display:flex;gap:10px;margin-top:22px}
.ow-social a{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line-2);color:var(--ink)!important;transition:transform .35s var(--ease),background .3s,border-color .3s}
.ow-social a:hover{transform:translateY(-3px);background:rgba(0,209,255,.12);border-color:rgba(0,209,255,.5)}
.ow-social svg{width:18px;height:18px}
.ow-footer__quick{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.ow-footer__bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:24px 0 34px;border-top:1px solid var(--line);color:var(--muted);font-size:13.5px}
.ow-footer__bottom p{margin:0;color:var(--muted)}
.ow-footer__bottom a{color:var(--muted)!important}
.ow-footer__word,body.ow .ow-footer__word{-webkit-text-fill-color:transparent;font:700 clamp(4rem,17vw,15rem)/.8 var(--font-display);letter-spacing:-.06em;text-align:center;color:transparent;-webkit-text-stroke:1px rgba(var(--fg),.07);background:linear-gradient(180deg,rgba(0,209,255,.12),transparent 70%);-webkit-background-clip:text;background-clip:text;margin:0;padding:10px 0 0;user-select:none;pointer-events:none;white-space:nowrap;overflow:hidden}
@media (max-width:1000px){.ow-footer__main{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.ow-footer__main{grid-template-columns:1fr}.ow-cta__actions .ow-btn{flex:1 1 100%}}

/* ---------- dialog (enquiry + lightbox) ---------- */
.ow-dialog{
	width:min(560px,calc(100% - 32px));max-height:calc(100svh - 40px);padding:0;border:1px solid var(--line-2);border-radius:var(--r-lg);
	background:var(--surface);color:var(--ink-2);box-shadow:0 40px 120px -20px rgba(0,0,0,.9),0 0 80px -40px rgba(0,180,255,.5)
}
.ow-dialog::backdrop{background:rgba(2,4,8,.75);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.ow-dialog[open]{animation:ow-pop .45s var(--ease)}
@keyframes ow-pop{from{opacity:0;transform:translateY(16px) scale(.98)}}
.ow-dialog__head{display:flex;justify-content:space-between;align-items:center;padding:22px 24px;border-bottom:1px solid var(--line)}
.ow-dialog__head h2{font-size:1.35rem!important;margin:0}
.ow-dialog__body{padding:24px}
.ow-x{width:38px;height:38px;border-radius:50%;border:1px solid var(--line-2);background:none;color:var(--ink);cursor:pointer;font-size:20px;line-height:1;transition:transform .3s var(--ease),background .2s}
.ow-x:hover{transform:rotate(90deg);background:rgba(var(--fg),.06)}
.ow-lightbox{width:auto;max-width:min(1100px,94vw);background:transparent;border:0;box-shadow:none;padding:0;overflow:visible}
.ow-lightbox img{display:block;max-width:min(1100px,94vw);max-height:86svh;border-radius:var(--r-md);box-shadow:0 40px 100px -20px #000}
.ow-lightbox .ow-x{position:absolute;top:-50px;right:0;background:rgba(0,0,0,.5)}

/* ---------- forms (CF7 + generic) ---------- */
body.ow input[type=text],body.ow input[type=email],body.ow input[type=tel],body.ow input[type=number],body.ow input[type=url],body.ow input[type=search],body.ow select,body.ow textarea{
	width:100%;background:rgba(var(--fg),.04);border:1px solid var(--line-2);border-radius:12px;color:var(--ink);
	padding:13px 15px;font:400 15px/1.4 var(--font-body);transition:border-color .2s,box-shadow .2s,background .2s
}
body.ow input:focus,body.ow select:focus,body.ow textarea:focus{outline:none;border-color:var(--brand-2);box-shadow:0 0 0 4px rgba(0,209,255,.14);background:rgba(var(--fg),.06)}
body.ow ::placeholder{color:#6b7a8a}
body.ow .wpcf7 p{margin:0 0 14px}
body.ow .wpcf7 label{display:block;color:var(--ink-2);font-size:14px;font-weight:500}
body.ow .wpcf7-submit,body.ow input[type=submit]{
	width:auto;border:0;border-radius:999px;padding:14px 28px;background:var(--grad);color:#021018;font:600 15px/1 var(--font-body);cursor:pointer;
	box-shadow:0 10px 30px -10px rgba(0,190,255,.6);transition:transform .3s var(--ease),box-shadow .3s
}
body.ow .wpcf7-submit:hover,body.ow input[type=submit]:hover{transform:translateY(-2px);box-shadow:0 16px 40px -10px rgba(0,200,255,.8)}
body.ow .wpcf7-response-output{border-radius:12px;margin:10px 0 0!important}

/* ==========================================================================
   LEGACY CLASSES (inner templates + content stored in the database)
   ========================================================================== */
body.ow #main-container,body.ow #main-content{overflow:visible}
body.ow .innner_banner_section{
	position:relative;display:block;padding:calc(var(--header-h) + 90px) 0 clamp(56px,7vw,96px);overflow:hidden;isolation:isolate;
	background:
		radial-gradient(50% 80% at 85% 0%,rgba(0,150,230,.28),transparent 70%),
		radial-gradient(40% 60% at 0% 100%,rgba(0,209,255,.08),transparent 70%),
		var(--bg);
	border-bottom:1px solid var(--line);
}
body.ow .innner_banner_section::before{
	content:"";position:absolute;inset:0;z-index:-1;
	background-image:linear-gradient(rgba(var(--fg),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--fg),.04) 1px,transparent 1px);
	background-size:56px 56px;
	-webkit-mask-image:radial-gradient(ellipse 80% 90% at 70% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 80% 90% at 70% 0%,#000 20%,transparent 75%);
}
body.ow .innner_banner_section::after{content:"";position:absolute;right:-8%;top:-30%;width:min(560px,70vw);aspect-ratio:1;border-radius:50%;z-index:-1;border:1px solid rgba(0,209,255,.12);box-shadow:inset 0 0 120px rgba(0,180,255,.12);animation:ow-float 12s ease-in-out infinite}
@keyframes ow-float{50%{transform:translate(-20px,24px)}}
body.ow .inner_banner_txt_Sec{display:flex;flex-direction:column-reverse;align-items:flex-start;gap:20px}
body.ow .innner_banner_section h1,body.ow .blog_single_h1{color:var(--ink)!important;-webkit-text-fill-color:currentColor;font-size:clamp(2rem,4.6vw,3.8rem);letter-spacing:-.035em;line-height:1.08;max-width:22ch;margin:0;animation:ow-fade 1s var(--ease) both}
body.ow .innner_banner_section span,body.ow .innner_banner_section span a{font-size:13px;color:var(--muted)}
body.ow .innner_banner_section span a{text-decoration:none}
body.ow .breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;gap:8px;list-style:none;margin:0;padding:7px 14px;border-radius:999px;background:rgba(var(--fg),.04);border:1px solid var(--line);font-size:13px}
body.ow .breadcrumb-list li{display:flex;align-items:center;gap:8px;color:var(--muted)}
body.ow .breadcrumb-list li+li::before{content:"/";opacity:.4}
body.ow .breadcrumb-list a{color:var(--ink-2);text-decoration:none}
body.ow .breadcrumb-list a:hover{color:var(--ink)}
body.ow .inner_banner_txt_Sec>span{padding:7px 14px;border-radius:999px;background:rgba(var(--fg),.04);border:1px solid var(--line)}

body.ow .about_section,body.ow .services_section_page,body.ow .ai_feature_section,body.ow .why_choose_section,body.ow .section-contant,body.ow .solutions_section,body.ow .product_section,body.ow .portfolio_section,body.ow .services_section,body.ow .contactUs_sec,body.ow .blog_section,body.ow .blog_single_section{
	display:block;width:100%;padding:clamp(56px,7vw,104px) 0;background-image:none;background-color:transparent;color:var(--ink-2)
}
body.ow .ai_feature_section{background:linear-gradient(180deg,transparent,rgba(12,150,231,.05) 50%,transparent)}
body.ow .about_section h2,body.ow .services_section_page h2,body.ow .ai_feature_section h2,body.ow .why_choose_section h2,body.ow .section-contant h2{color:var(--ink);display:block;width:auto;margin-bottom:18px}
body.ow .services_section_page p,body.ow .ai_feature_section p,body.ow .why_choose_section p,body.ow .section-contant p,body.ow .about_section p{color:var(--ink-2)}
body.ow .services_section_page li,body.ow .section-contant li,body.ow .why_choose_section li{color:var(--ink-2);margin-bottom:8px}
body.ow .section-contant .row.py-3{border-top:1px solid var(--line);padding:28px 0!important;margin:0}
body.ow .section-contant .row.py-3:last-of-type{border-bottom:1px solid var(--line)}
body.ow .section-contant .row.py-3 h3{color:var(--ink);margin:0}
body.ow .section-contant .row.py-3 p{margin:0;color:var(--muted)}
body.ow .services_section_page img.img-fluid,body.ow .about_section video,body.ow .ai_feature_section>.container img.img-fluid{border-radius:var(--r-lg);border:1px solid var(--line)}
body.ow .services_section_page .row+.row{margin-top:clamp(36px,5vw,64px)!important}

body.ow .ourServices_box{min-width:0;border-radius:var(--r-lg);padding:0;overflow:visible}
body.ow .ourServices_box::before,body.ow .solutions_box_sc::before{display:none}
body.ow .ourServices_box_cc,body.ow .ai_feature_section .ourServices_box_cc,body.ow .solutions_box{
	--mx:50%;--my:50%;
	position:relative;height:calc(100% - 18px);min-height:0;margin-bottom:18px;
	padding:clamp(24px,2.4vw,32px);text-align:left;
	background:linear-gradient(180deg,rgba(var(--fg),.045),rgba(var(--fg),.015));
	border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;isolation:isolate;
	transition:transform .45s var(--ease),border-color .35s,box-shadow .45s var(--ease)
}
body.ow .ourServices_box_cc::before,body.ow .solutions_box::before{content:"";position:absolute;inset:0;z-index:-1;opacity:0;transition:opacity .4s;background:radial-gradient(380px circle at var(--mx) var(--my),rgba(0,209,255,.14),transparent 45%)}
body.ow .ourServices_box_cc:hover,body.ow .solutions_box:hover{transform:translateY(-4px);border-color:rgba(0,209,255,.32);box-shadow:0 30px 60px -30px rgba(0,160,255,.45)}
body.ow .ourServices_box_cc:hover::before,body.ow .solutions_box:hover::before{opacity:1}
body.ow .ourServices_box_head,body.ow .ai_feature_section .ourServices_box_head{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin:0 0 12px;justify-content:flex-start}
body.ow .ourServices_box_head h3,body.ow .ourServices_box_cc h3{margin:0}
body.ow .ourServices_box_cc p{color:var(--muted);font-size:15px;line-height:1.65;letter-spacing:0;font-weight:400}
body.ow .ourServices_box_cc a{color:var(--brand-ink)}
body.ow .count_inf,body.ow .ai_feature_section .count_inf{
	position:static;display:grid;place-items:center;width:48px;height:48px;margin:0;border-radius:14px;
	font:650 17px/1 var(--font-display);color:#021018;background:var(--grad);border:0;
	box-shadow:0 10px 26px -8px rgba(0,190,255,.7)
}
body.ow .solutions_box_sc{height:100%;padding:0}
body.ow .solutions_box h3,body.ow .solutions_box h6{margin-top:18px}
body.ow .solutions_box p{color:var(--muted)}

/* accordion (FAQ) */
body.ow .accordion{--bs-accordion-bg:transparent;display:grid;gap:12px}
body.ow .accordion-item,body.ow .accordion-dark .accordion-item{background:rgba(var(--fg),.025);border:1px solid var(--line)!important;border-radius:var(--r-md)!important;overflow:hidden;transition:border-color .3s}
body.ow .accordion-item:hover{border-color:var(--line-2)!important}
body.ow .accordion-button,body.ow .accordion-dark .accordion-button{background:transparent!important;color:var(--ink)!important;font:600 16.5px/1.4 var(--font-display);padding:20px 22px;box-shadow:none!important}
body.ow .accordion-button::after{filter:invert(1) brightness(1.4);transition:transform .35s var(--ease)}
body.ow .accordion-button:not(.collapsed){color:var(--brand-ink)!important}
body.ow .accordion-body{color:var(--muted)!important;padding:0 22px 22px}
body.ow .accordion-collapse{transition:height .35s var(--ease)}
body.ow .accordion-collapse.collapse:not(.show){display:none}
body.ow .accordion-collapse.collapsing{height:0;overflow:hidden;transition:height .35s var(--ease)}

/* product detail / generic content */
body.ow .product_section_cnt,body.ow .product_section_cnt_box{background:rgba(var(--fg),.025);border:1px solid var(--line);border-radius:var(--r-lg)}
body.ow .entry-content,body.ow .page_content{color:var(--ink-2)}
body.ow .wp-block-heading{color:var(--ink)}
body.ow table{color:var(--ink-2)}

/* portfolio page */
body.ow .portfolio_box{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--line);margin-bottom:24px;transition:transform .45s var(--ease),border-color .3s}
body.ow .portfolio_box:hover{transform:translateY(-4px);border-color:rgba(0,209,255,.35)}
body.ow .portfolio_box img{transition:transform .8s var(--ease)}
body.ow .portfolio_box:hover img{transform:scale(1.03)}

/* contact page */
body.ow .contactus_box,body.ow .contactFormBox{background:rgba(var(--fg),.03);border:1px solid var(--line);border-radius:var(--r-lg);padding:clamp(22px,3vw,34px)}
body.ow .contactus_box h3,body.ow .contactus_box h6{color:var(--ink)}

/* blog */
body.ow .blog_card{background:linear-gradient(180deg,rgba(var(--fg),.045),rgba(var(--fg),.015));border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;transition:transform .45s var(--ease),border-color .3s,box-shadow .45s var(--ease)}
body.ow .blog_card:hover{transform:translateY(-4px);border-color:rgba(0,209,255,.32);box-shadow:0 30px 60px -30px rgba(0,160,255,.45)}
body.ow .blog_card_img img{transition:transform .8s var(--ease)}
body.ow .blog_card:hover .blog_card_img img{transform:scale(1.03)}
body.ow .blog_card_title,body.ow .blog_card_title a{color:var(--ink)!important;font-family:var(--font-display);text-decoration:none}
body.ow .blog_card_title a:hover{color:var(--brand-ink)!important}
body.ow .blog_card_excerpt,body.ow .blog_card_meta,body.ow .blog_card_date{color:var(--muted)}
body.ow .blog_card_cat,body.ow .blog_single_cat,body.ow .blog_tag_pill{background:rgba(0,209,255,.08);color:var(--brand-ink)!important;border:1px solid rgba(0,209,255,.22);border-radius:999px}
body.ow .blog_sidebar_widget,body.ow .blog_author_box,body.ow .blog_author_bio{background:rgba(var(--fg),.03);border:1px solid var(--line);border-radius:var(--r-lg)}
body.ow .blog_sidebar_title{color:var(--ink)}
body.ow .blog_single_content{color:var(--ink-2);font-size:17px;line-height:1.8}
body.ow .blog_single_content h2,body.ow .blog_single_content h3{margin:1.8em 0 .6em}
body.ow .blog_single_content h2{font-size:clamp(1.45rem,2.2vw,1.95rem)}
body.ow .blog_single_content h3{font-size:clamp(1.15rem,1.6vw,1.35rem)}
body.ow .entry-content h2,body.ow .page_content h2{font-size:clamp(1.45rem,2.4vw,2.1rem)}
body.ow .blog_single_content img{border-radius:var(--r-md)}
body.ow .blog_single_content blockquote{border-left:3px solid var(--brand-2);padding:6px 0 6px 20px;color:var(--ink);font-size:1.1em}
body.ow .blog_single_banner{background:radial-gradient(50% 80% at 85% 0%,rgba(0,150,230,.22),transparent 70%),var(--bg)}
body.ow .blog_single_featured_img img{border-radius:var(--r-lg)}
body.ow .blog_pagination a,body.ow .blog_pagination span{border-radius:12px}
body.ow .blog_post_nav_item{background:rgba(var(--fg),.03);border:1px solid var(--line);border-radius:var(--r-md);transition:border-color .3s,transform .4s var(--ease)}
body.ow .blog_post_nav_item:hover{border-color:rgba(0,209,255,.35);transform:translateY(-2px)}

/* hide legacy chrome no longer used */
body.ow .follower,body.ow .banner_left_cnt_bx,body.ow .page-loader{display:none!important}

/* ---------- reduced motion ---------- */
@media (prefers-reduced-motion:reduce){
	*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
	.ow-js [data-reveal]{opacity:1!important;transform:none!important}
	.ow-js .ow-intro__text [data-words] .ow-wd{opacity:1!important}
	.ow-ticker__row,.ow-work__row{animation:none!important}
	.ow-work__rows{overflow-x:auto}
}

/* ==========================================================================
   v2.1: flat surfaces (no outline borders), mega menu, theme switch,
   services fit, hero spacing, light mode
   ========================================================================== */

/* ---------- flat surfaces: fills + soft shadows instead of outline borders ---------- */
:root{--card-fill:rgba(var(--fg),.045)}
:root[data-theme="light"]{--card-fill:#ffffff}
.ow-card,body.ow .ourServices_box_cc,body.ow .ai_feature_section .ourServices_box_cc,body.ow .solutions_box,
body.ow .blog_card,body.ow .accordion-item,body.ow .accordion-dark .accordion-item,body.ow .contactus_box,body.ow .contactFormBox,
body.ow .blog_sidebar_widget,body.ow .blog_author_box,body.ow .blog_post_nav_item,body.ow .portfolio_box,body.ow .product_section_cnt,body.ow .product_section_cnt_box{
	border-color:transparent!important;background:var(--card-fill);box-shadow:var(--card-shadow)
}
.ow-card:hover,body.ow .ourServices_box_cc:hover,body.ow .solutions_box:hover,body.ow .blog_card:hover{border-color:transparent!important}
.ow-product{border:0}
.ow-eyebrow,body.ow .section-label,body.ow .hm_about_section span.section-label{border:0;background:none;padding:0;border-radius:0}
.ow-ticker{border-block:0;background:var(--bg-2)}
.ow-metrics{border:0;background:none;gap:14px;overflow:visible}
.ow-metric{background:var(--card-fill);border-radius:var(--r-lg);box-shadow:var(--card-shadow)}
.ow-why__list{border-top:0}
.ow-why__item{border-bottom:0;padding:26px 24px;border-radius:var(--r-lg);transition:background-color .35s,padding-left .45s var(--ease)}
.ow-why__item:hover{background:var(--card-fill);padding-left:30px}
.ow-hero__stats{border-top:0;padding-top:0}
.ow-footer,.ow-footer__main{border-top:0}
.ow-footer__bottom{border-top:0;padding-top:8px}
/* CTA orbit rings kept (user request) */
.ow-footer__word,body.ow .ow-footer__word{-webkit-text-stroke:0;-webkit-text-fill-color:currentColor;color:rgba(var(--fg),.045);background:none}
body.ow .btn-white,body.ow .btn.text-white,.ow-btn--ghost{border-color:transparent;background:rgba(var(--fg),.07)}
body.ow .btn-white:hover,body.ow .btn.text-white:hover,.ow-btn--ghost:hover{border-color:transparent;background:rgba(var(--fg),.12)}
.ow-header.is-scrolled .ow-header__bar{border-color:transparent}
.ow-social a{border:0;background:rgba(var(--fg),.07)}
.ow-burger{border:0;background:rgba(var(--fg),.07);color:var(--ink)}
.ow-drawer .ow-mmenu>li{border-bottom:0}
.ow-drawer .ow-sub-toggle{border:0;background:rgba(var(--fg),.07);color:var(--ink)}
.ow-x{border:0;background:rgba(var(--fg),.08)}
.ow-pause button{border:0;background:rgba(var(--fg),.06)}
.ow-step__n{border:0;background:var(--bg-3)}
.ow-dialog{border:0}
.ow-process__img,.ow-work__item{border:0}
.ow-work__item::after{box-shadow:none}
body.ow .innner_banner_section{border-bottom:0}
body.ow .innner_banner_section::after{border:0;background:radial-gradient(circle,rgba(0,180,255,.16),transparent 65%);box-shadow:none}
body.ow .breadcrumb-list,body.ow .inner_banner_txt_Sec>span{border:0;background:rgba(var(--fg),.06)}
body.ow .services_section_page img.img-fluid,body.ow .about_section video,body.ow .ai_feature_section>.container img.img-fluid{border:0}
body.ow .section-contant .row.py-3,body.ow .section-contant .row.py-3:last-of-type{border:0}
body.ow .blog_card_cat,body.ow .blog_single_cat,body.ow .blog_tag_pill{border:0}
body.ow input[type=text],body.ow input[type=email],body.ow input[type=tel],body.ow input[type=number],body.ow input[type=url],body.ow input[type=search],body.ow select,body.ow textarea{border-color:transparent;background:rgba(var(--fg),.06)}

/* ---------- theme switch ---------- */
.ow-theme{width:42px;height:42px;border-radius:50%;border:0;background:rgba(var(--fg),.07);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:background-color .25s,transform .4s var(--ease)}
.ow-theme:hover{background:rgba(var(--fg),.13)}
.ow-theme:active{transform:scale(.92)}
.ow-theme svg{grid-area:1/1;transition:transform .5s var(--ease),opacity .3s}
.ow-theme__moon{opacity:0;transform:rotate(-90deg) scale(.6)}
[data-theme="light"] .ow-theme__sun{opacity:0;transform:rotate(90deg) scale(.6)}
[data-theme="light"] .ow-theme__moon{opacity:1;transform:none}
html.ow-theme-anim,html.ow-theme-anim *{transition:background-color .45s ease,color .45s ease,box-shadow .45s ease!important}

/* ---------- mega menu ---------- */
@media (min-width:1101px){
	.ow-header__bar{position:relative}
	.ow-menu>li.menu-item-has-children{position:static}
	.ow-menu .ow-mega{
		left:50%;top:calc(100% + 10px);width:min(1060px,calc(100vw - 40px));
		grid-template-columns:repeat(3,minmax(0,1fr)) minmax(250px,1.15fr);
		gap:4px;padding:14px;border:0;border-radius:24px;
		box-shadow:0 40px 90px -30px rgba(0,0,0,.55),0 0 0 1px rgba(var(--fg),.05)
	}
	.ow-menu .ow-mega--products{width:min(820px,calc(100vw - 40px));grid-template-columns:repeat(2,minmax(0,1fr)) minmax(250px,1.1fr)}
	.ow-mega .ow-mm__feature{grid-column:-2/-1;grid-row:1/span 6}
}
.ow-menu .ow-mega a,.ow-drawer .ow-mega a{display:flex;align-items:center;gap:12px;border-radius:14px}
.ow-menu .ow-mega a{padding:10px 12px}
.ow-menu .ow-mega a:hover{padding-left:12px;background:rgba(var(--fg),.06)}
.ow-mm__ico{flex:none;width:52px;height:46px;border-radius:12px;display:grid;place-items:center;overflow:hidden;
	color:var(--tone,#0C96E7);background:color-mix(in srgb,var(--tone,#0C96E7) 14%,transparent);transition:transform .45s var(--ease)}
.ow-mm__ico--img{background:none}
.ow-mm__ico--img img{width:74px;height:54px;max-width:none}
.ow-menu .ow-mega a:hover .ow-mm__ico{transform:scale(1.08) rotate(-4deg)}
.ow-mm__txt{display:grid;gap:2px;min-width:0}
.ow-mm__txt b{font:600 14px/1.25 var(--font-body);color:var(--ink)}
.ow-mm__txt small{font-size:12.5px;line-height:1.3;color:var(--muted)}
.ow-mm__feature{list-style:none}
.ow-menu .ow-mega .ow-mm__card{
	display:flex;flex-direction:column;align-items:flex-start;gap:6px;height:100%;padding:12px 12px 16px;border-radius:18px;
	background:linear-gradient(160deg,rgba(12,150,231,.16),rgba(0,209,255,.04));text-decoration:none
}
.ow-menu .ow-mega .ow-mm__card:hover{padding-left:12px;background:linear-gradient(160deg,rgba(12,150,231,.24),rgba(0,209,255,.08))}
.ow-mm__media{display:block;width:100%;aspect-ratio:16/9;border-radius:12px;overflow:hidden;margin-bottom:8px}
.ow-mm__media img,body.ow .ow-mm__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.ow-mm__card:hover .ow-mm__media img{transform:scale(1.03)}
.ow-mm__card b{font:650 16px/1.25 var(--font-display);color:var(--ink)}
.ow-mm__card small{font-size:13px;line-height:1.45;color:var(--muted)}
.ow-mm__cta{margin-top:auto;padding-top:8px;display:inline-flex;align-items:center;gap:6px;font:600 13px/1 var(--font-body);color:var(--brand-ink)}
.ow-mm__cta svg{width:15px;height:15px;transition:transform .35s var(--ease)}
.ow-mm__card:hover .ow-mm__cta svg{transform:translateX(4px)}
.ow-mm__ui{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:12px;margin-bottom:8px;background:var(--surface);box-shadow:inset 0 0 0 1px rgba(var(--fg),.06);overflow:hidden}
.ow-mm__ui i{position:absolute;left:10%;height:7px;border-radius:4px;background:rgba(var(--fg),.12)}
.ow-mm__ui i.a{top:14%;width:34%;background:var(--grad)}.ow-mm__ui i.b{top:28%;width:52%}.ow-mm__ui i.c{top:40%;width:24%}
.ow-mm__ui em{position:absolute;left:10%;right:10%;bottom:12%;height:38%;display:flex;align-items:flex-end;gap:6%}
.ow-mm__ui s{flex:1;height:var(--h);border-radius:4px 4px 0 0;background:linear-gradient(180deg,#00D1FF,rgba(12,150,231,.3));transform-origin:50% 100%;animation:ow-bar 3s var(--ease) infinite alternate}
.ow-mm__ui s:nth-child(2){animation-delay:.2s}.ow-mm__ui s:nth-child(3){animation-delay:.4s}.ow-mm__ui s:nth-child(4){animation-delay:.6s}.ow-mm__ui s:nth-child(5){animation-delay:.8s}
/* mobile drawer items with icons */
.ow-drawer .ow-mega{padding:4px 0 14px}
.ow-drawer .ow-mega a{padding:8px 0;color:var(--ink-2)!important;font-size:15px}
.ow-drawer .ow-mm__ico{width:40px;height:34px;border-radius:10px}
.ow-drawer .ow-mm__ico--img img{width:52px;height:38px}
.ow-drawer .ow-mm__txt b{font-weight:500;font-size:15px;color:var(--ink-2)}

/* ---------- hero: more room, globe yields on mid widths ---------- */
.ow-hero .ow-eyebrow{margin-bottom:22px}
@media (min-width:901px) and (max-width:1279px){
	.ow-hero__gl.is-ready{opacity:.42}
	.ow-hero__content{max-width:560px}
}
@media (min-width:1600px){.ow-hero__content{max-width:660px}}

/* ---------- services: pinned section fits one screen ---------- */
@media (min-width:1101px){
	.ow-services.is-pinned{min-height:100svh;display:flex;align-items:center;padding:calc(var(--header-h) + 12px) 0 28px}
	.ow-services.is-pinned .ow-head{display:grid;grid-template-columns:1.15fr 1fr;column-gap:48px;align-items:end;max-width:none;margin-bottom:clamp(20px,3.5svh,40px)}
	.ow-services.is-pinned .ow-head .ow-eyebrow{grid-column:1/-1;margin-bottom:12px}
	.ow-services.is-pinned .ow-head h2{font-size:clamp(1.8rem,2.8vw,2.6rem);margin:0}
	.ow-services.is-pinned .ow-head p{margin:0;font-size:15.5px}
	.ow-services.is-pinned .ow-svc{min-height:clamp(250px,calc(100svh - 430px),380px)}
	.ow-services.is-pinned .ow-svc__top{margin-bottom:clamp(14px,2.5svh,32px)}
}

/* ---------- light mode details ---------- */
[data-theme="light"] .ow-hero{background:radial-gradient(60% 55% at 78% 45%,rgba(0,150,230,.14),transparent 70%),radial-gradient(40% 40% at 10% 90%,rgba(0,209,255,.08),transparent 70%),var(--bg)}
[data-theme="light"] .ow-hero__orb{background:radial-gradient(circle at 35% 30%,rgba(0,170,255,.28),rgba(12,150,231,.08) 45%,transparent 70%)}
[data-theme="light"] .ow-product{background:linear-gradient(140deg,#ffffff 0%,#f1f6fb 70%);box-shadow:var(--card-shadow)}
[data-theme="light"] .ow-product li::before{box-shadow:inset 0 0 0 5px #fff}
[data-theme="light"] .ow-app{box-shadow:0 30px 60px -30px rgba(12,40,80,.35),0 0 0 1px rgba(12,22,36,.06)}
[data-theme="light"] .ow-product::after{background:var(--bg)}
[data-theme="light"] .ow-cursor{mix-blend-mode:normal;border-color:rgba(12,150,231,.5)}
[data-theme="light"] .ow-step.is-on .ow-step__n{color:#fff}
[data-theme="light"] .ow-dialog{box-shadow:0 40px 100px -30px rgba(12,40,80,.35)}
[data-theme="light"] .ow-cta::before{background:radial-gradient(ellipse at center,rgba(0,170,255,.18),rgba(12,150,231,.05) 40%,transparent 70%)}
[data-theme="light"] .ow-footer{background:linear-gradient(180deg,var(--bg),var(--bg-2))}
[data-theme="light"] .ow-header.is-scrolled .ow-header__bar{box-shadow:0 14px 40px -20px rgba(12,40,80,.25)}
[data-theme="light"] .ow-menu .sub-menu{box-shadow:0 40px 90px -30px rgba(12,40,80,.3),0 0 0 1px rgba(12,22,36,.06)}
[data-theme="light"] body.ow .innner_banner_section{background:radial-gradient(50% 80% at 85% 0%,rgba(0,150,230,.16),transparent 70%),radial-gradient(40% 60% at 0% 100%,rgba(0,209,255,.06),transparent 70%),var(--bg)}
[data-theme="light"] body.ow .accordion-button::after{filter:none}
[data-theme="light"] body.ow .ai_feature_section{background:linear-gradient(180deg,transparent,rgba(12,150,231,.06) 50%,transparent)}
[data-theme="light"] body.ow .blog_single_banner{background:radial-gradient(50% 80% at 85% 0%,rgba(0,150,230,.14),transparent 70%),var(--bg)}
[data-theme="light"] body.ow .accordion-body{color:var(--ink-2)!important}

/* blog sidebar: no rule lines, theme-aware count badges */
body.ow .blog_sidebar_title{border-bottom:0!important;padding-bottom:0}
body.ow .blog_cat_count{background:rgba(var(--fg),.08)!important;color:var(--muted)!important;border:0!important}

/* hero H1: two-level hierarchy (important = bold, supporting = smaller + light) */
.ow-hero h1.ow-h1{font-weight:700}
.ow-h1__main{display:block}
.ow-h1__sub{display:block;margin-top:.38em;font-size:.56em;line-height:1.25;font-weight:300;letter-spacing:-.015em;color:var(--ink-2);animation:ow-blurin 1.1s var(--ease) .55s both}
.ow-h1__sub b{font-weight:700;color:var(--ink)}
@keyframes ow-blurin{from{opacity:0;filter:blur(10px);transform:translateY(10px)}to{opacity:1;filter:none;transform:none}}
@media (max-width:560px){.ow-h1__sub{font-size:.62em}}
[data-theme="light"] .ow-cta__ring{border-color:rgba(12,150,231,.18)}
[data-theme="light"] .ow-cta__ring--2{border-color:rgba(12,22,36,.07)}
.ow-h1__line{display:block;white-space:nowrap}
@media (max-width:640px){.ow-hero h1.ow-h1{font-size:min(2.6rem,calc((100vw - 2 * var(--gutter)) / 11.2))}.ow-h1__sub{font-size:max(.62em,1.05rem)}}

/* ==========================================================================
   v2.2: calmer heading scale + button shine
   ========================================================================== */

/* ---------- smaller heading levels ---------- */
body.ow h2{font-size:clamp(1.55rem,2.5vw,2.3rem)}
body.ow h3{font-size:clamp(1.05rem,1.3vw,1.2rem)}
.ow-hero h1.ow-h1{font-size:clamp(1.9rem,2.85vw,2.75rem)}
.ow-cta h2{font-size:clamp(1.9rem,3.6vw,3rem)}
body.ow .innner_banner_section h1{font-size:clamp(1.75rem,3.2vw,2.8rem)}
.ow-product h3{font-size:clamp(1.25rem,1.9vw,1.6rem)}
.ow-services.is-pinned .ow-head h2{font-size:clamp(1.55rem,2.3vw,2.15rem)}
.ow-metric b{font-size:clamp(1.8rem,3.2vw,2.7rem)}
.ow-stat b{font-size:clamp(1.45rem,2.1vw,1.85rem)}
@media (max-width:640px){
	/* "Best Website & Software" always fits on one line */
	.ow-hero h1.ow-h1{font-size:min(2.1rem,calc((100vw - 2 * var(--gutter)) / 12.9))}
}

/* ---------- button shine ---------- */
.ow-btn,body.ow .btn{overflow:hidden;isolation:isolate}
.ow-btn::after,body.ow .btn::after{
	content:"";position:absolute;top:-10%;bottom:-10%;left:-75%;width:45%;z-index:1;pointer-events:none;
	background:linear-gradient(100deg,transparent 0%,rgba(255,255,255,.08) 30%,rgba(255,255,255,.55) 50%,rgba(255,255,255,.08) 70%,transparent 100%);
	transform:skewX(-22deg);transition:none
}
/* primary buttons: a light sweep every few seconds, plus on hover */
.ow-btn--primary::after,body.ow .btn-primary::after{animation:ow-shine 4.2s cubic-bezier(.4,0,.2,1) infinite}
.ow-btn--primary:nth-of-type(2n)::after{animation-delay:1.4s}
/* every button sweeps once on hover */
.ow-btn:hover::after,body.ow .btn:hover::after{animation:ow-shine-once .75s cubic-bezier(.4,0,.2,1) 1}
.ow-btn--ghost::after,body.ow .btn-white::after,body.ow .btn.text-white::after{background:linear-gradient(100deg,transparent,rgba(var(--fg),.16) 50%,transparent)}
@keyframes ow-shine{0%{left:-75%}28%,100%{left:135%}}
@keyframes ow-shine-once{from{left:-75%}to{left:135%}}
@media (prefers-reduced-motion:reduce){.ow-btn::after,body.ow .btn::after{display:none}}

/* ==========================================================================
   v2.3: cookie notice, footer legal links
   ========================================================================== */
.ow-cookie{
	position:fixed;z-index:88;left:88px;bottom:20px;width:min(440px,calc(100vw - 108px));
	display:grid;gap:14px;padding:18px 18px 16px;border-radius:20px;
	background:rgba(var(--bgc),.94);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);
	box-shadow:0 24px 60px -20px rgba(0,0,0,.55),0 0 0 1px rgba(var(--fg),.06);
	opacity:0;transform:translateY(16px);transition:opacity .4s var(--ease),transform .5s var(--ease)
}
.ow-cookie.is-in{opacity:1;transform:none}
.ow-cookie[hidden]{display:none}
.ow-cookie p{margin:0;font-size:13.5px;line-height:1.55;color:var(--ink-2)}
.ow-cookie p a{color:var(--brand-ink);white-space:nowrap}
.ow-cookie__actions{display:flex;gap:8px;justify-content:flex-end}
.ow-cookie__actions .ow-btn{min-width:96px}
[data-theme="light"] .ow-cookie{box-shadow:0 24px 60px -24px rgba(12,40,80,.3),0 0 0 1px rgba(12,22,36,.06)}
@media (max-width:560px){
	.ow-cookie{left:12px;right:12px;width:auto;bottom:86px}
	.ow-cookie__actions .ow-btn{flex:1}
}
.ow-footer__legal{display:flex;flex-wrap:wrap;gap:6px 18px}
@media (max-width:560px){.ow-btn,body.ow .btn{white-space:normal;text-align:center;line-height:1.3}.ow-why__grid>*,.ow-intro__grid>*,.ow-process__top>*{min-width:0}}

/* ==========================================================================
   v3: inner page redesign (service + product detail pages, shared sections)
   ========================================================================== */

/* ---------- split hero ---------- */
body.ow .ow-dhero{padding:calc(var(--header-h) + 64px) 0 clamp(64px,8vw,104px);min-height:min(92svh,900px);display:flex;align-items:center}
body.ow .ow-dhero>.container{width:100%}
.ow-dhero__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.85fr);gap:clamp(32px,5vw,72px);align-items:center}
body.ow .ow-dhero .inner_banner_txt_Sec{display:block}
body.ow .ow-dhero h1{font-size:clamp(1.9rem,3.3vw,3rem);line-height:1.1;max-width:none;margin:18px 0 0;text-wrap:balance}
body.ow .ow-dhero .breadcrumb-list,body.ow .ow-dhero .ow-crumb{display:inline-flex;flex-wrap:wrap;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(var(--fg),.06);font-size:13px;color:var(--muted)}
body.ow .ow-dhero .ow-crumb a{color:var(--ink-2);text-decoration:none}
.ow-answer{margin:20px 0 30px;max-width:640px;font-size:clamp(1rem,1.15vw,1.1rem);line-height:1.7;color:var(--ink-2);animation:ow-fade 1s var(--ease) .2s both}
.ow-dhero__actions{display:flex;flex-wrap:wrap;gap:12px;animation:ow-fade 1s var(--ease) .35s both}
.ow-dhero__card{
	position:relative;padding:clamp(22px,2.4vw,30px);border-radius:28px;isolation:isolate;
	background:var(--card-fill);box-shadow:var(--card-shadow);
	backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);animation:ow-fade 1s var(--ease) .25s both
}
.ow-dhero__card::before{content:"";position:absolute;inset:-30% -20% auto auto;width:70%;aspect-ratio:1;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(0,190,255,.28),transparent 65%);filter:blur(20px);animation:ow-float 10s ease-in-out infinite}
.ow-dhero__card .ow-eyebrow{margin-bottom:16px}
.ow-dhero__card ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.ow-dhero__card li{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:14px;background:rgba(var(--fg),.04);color:var(--ink);font-weight:500;font-size:15px;animation:ow-fade .8s var(--ease) var(--d,0s) both;transition:background-color .3s,transform .4s var(--ease)}
.ow-dhero__card li:hover{background:rgba(0,209,255,.09);transform:translateX(4px)}
.ow-dhero__card li span{flex:none;width:32px;height:32px;border-radius:10px;display:grid;place-items:center;font:650 12px/1 var(--font-display);color:#021018;background:var(--grad)}
.ow-dhero__facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.ow-dhero__facts div{padding:14px;border-radius:14px;background:rgba(var(--fg),.04)}
.ow-dhero__facts b{display:block;font:650 1.5rem/1 var(--font-display);color:var(--ink)}
.ow-dhero__facts span{display:block;margin-top:6px;font-size:12.5px;color:var(--muted)}
@media (max-width:960px){
	.ow-dhero__grid{grid-template-columns:1fr}
	body.ow .ow-dhero{min-height:0}
}
@media (max-width:560px){.ow-dhero__actions .ow-btn{flex:1 1 100%}}

/* ---------- intro split (first content row) ---------- */
body.ow .services_section_page .service_row_fst{align-items:center!important;row-gap:36px}
body.ow .services_section_page .service_row_fst h2{font-size:clamp(1.6rem,2.6vw,2.4rem)}
body.ow .services_section_page .service_row_fst p{font-size:1.04rem;line-height:1.75}
body.ow .services_section_page .service_row_fst .btn{margin:8px 8px 0 0}
body.ow .services_section_page .service_row_fst img.img-fluid{
	border-radius:28px;box-shadow:0 40px 80px -36px rgba(0,0,0,.65),0 0 0 1px rgba(var(--fg),.05);
	transition:transform 1s var(--ease);animation:ow-float 12s ease-in-out infinite
}
[data-theme="light"] body.ow .services_section_page .service_row_fst img.img-fluid{box-shadow:0 40px 80px -36px rgba(12,40,80,.35)}

/* statement panel (heading left, paragraph right) */
body.ow .services_section_page .row.mt-5.justify-content-between,
body.ow .services_section_page .container>.row.align-items-center.justify-content-between:not(.service_row_fst){
	margin:clamp(40px,6vw,72px) 0 0!important;padding:clamp(26px,4vw,48px);border-radius:28px;
	background:linear-gradient(135deg,rgba(12,150,231,.12),rgba(0,209,255,.03) 60%),var(--card-fill);box-shadow:var(--card-shadow)
}
body.ow .services_section_page .row.mt-5.justify-content-between h2,
body.ow .services_section_page .container>.row.align-items-center.justify-content-between:not(.service_row_fst) h2{margin:0;font-size:clamp(1.45rem,2.2vw,2rem)}
body.ow .services_section_page .row.mt-5.justify-content-between p,
body.ow .services_section_page .container>.row.align-items-center.justify-content-between:not(.service_row_fst) p{margin:0;font-size:1.04rem;line-height:1.75}

/* ---------- feature grids ---------- */
body.ow .ai_feature_section>.container>h2.text-center{max-width:780px;margin-inline:auto}
body.ow .ai_feature_section .row.mt-5{margin-top:24px!important;row-gap:4px}
body.ow .ai_feature_section .row.mt-5+.row.mt-5{margin-top:0!important}
body.ow .ai_feature_section .ourServices_box_cc{padding:26px}
body.ow .ai_feature_section .ourServices_box_cc h3{font-size:1.06rem}

/* ---------- "who it's for" style rows become a card grid ---------- */
body.ow .section-contant>.container{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
body.ow .section-contant>.container>:not(.row){grid-column:1/-1}
body.ow .section-contant>.container>.row.py-3{display:block;margin:0!important;padding:26px 28px!important;border-radius:22px;background:var(--card-fill);box-shadow:var(--card-shadow);transition:transform .45s var(--ease),background-color .3s}
body.ow .section-contant>.container>.row.py-3:hover{transform:translateY(-3px)}
body.ow .section-contant>.container>.row.py-3>[class*="col"]{width:100%;max-width:100%;padding:0;flex:none}
body.ow .section-contant>.container>.row.py-3 h3{margin:0 0 10px!important;font-size:1.1rem}
body.ow .section-contant>.container>.row.py-3 p{margin:0}
body.ow .section-contant>.container>.row.py-5{grid-column:1/-1}
body.ow .section-contant>.container>.row:not(.py-3){grid-column:1/-1;margin:0}
body.ow .section-contant ul{display:grid;gap:10px;padding:0;list-style:none}
body.ow .section-contant ul li{margin:0}
body.ow .section-contant ul li a{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:14px;background:var(--card-fill);color:var(--ink)!important;text-decoration:none;font-weight:500;transition:background-color .3s,transform .4s var(--ease)}
body.ow .section-contant ul li a::after{content:"→";margin-left:auto;color:var(--brand-ink);transition:transform .35s var(--ease)}
body.ow .section-contant ul li a:hover{transform:translateX(4px)}
body.ow .section-contant ul li a:hover::after{transform:translateX(4px)}
@media (max-width:760px){body.ow .section-contant>.container{grid-template-columns:1fr}}

/* ---------- FAQ: heading left, questions right ---------- */
@media (min-width:961px){
	body.ow .why_choose_section .row.justify-content-center{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:56px;align-items:start;margin:0}
	body.ow .why_choose_section .row.justify-content-center>[class*="col"]{width:auto;max-width:none;padding:0}
	body.ow .why_choose_section .row.justify-content-center>.text-center{text-align:left!important;position:sticky;top:calc(var(--header-h) + 32px)}
	body.ow .why_choose_section .row.justify-content-center>.text-center h2{font-size:clamp(1.6rem,2.4vw,2.2rem)}
}
body.ow .why_choose_section .row.justify-content-center>.text-center::after{content:"Still have a question? Call or WhatsApp +91 97462 79096 and our team will help.";display:block;margin-top:14px;color:var(--muted);font-size:15px;font-weight:400}

/* ---------- final CTA rows become a glowing panel ---------- */
body.ow .services_section_page .row.justify-content-center.text-center{
	position:relative;overflow:hidden;isolation:isolate;margin:0!important;padding:clamp(44px,6vw,80px) 24px;border-radius:32px;
	background:radial-gradient(70% 120% at 50% 0%,rgba(0,170,255,.28),transparent 60%),var(--card-fill);box-shadow:var(--card-shadow)
}
body.ow .services_section_page .row.justify-content-center.text-center::before{content:"";position:absolute;left:50%;top:50%;width:min(620px,90vw);aspect-ratio:1;transform:translate(-50%,-50%);z-index:-1;border-radius:50%;border:1px solid rgba(0,209,255,.14);animation:ow-spin 40s linear infinite}
body.ow .services_section_page .row.justify-content-center.text-center h2{font-size:clamp(1.7rem,3vw,2.6rem)}
body.ow .services_section_page .row.justify-content-center.text-center p{color:var(--muted)}

/* ---------- trust strip + related grid ---------- */
.ow-trust{padding:30px 0;background:var(--bg-2)}
.ow-trust__row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center}
.ow-trust__row b{display:block;font:650 clamp(1.5rem,2.6vw,2.2rem)/1 var(--font-display);color:var(--ink)}
.ow-trust__row span{display:block;margin-top:8px;font-size:13.5px;color:var(--muted)}
@media (max-width:640px){.ow-trust__row{grid-template-columns:repeat(2,1fr);row-gap:22px}}
.ow-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ow-related__item{display:flex;flex-direction:column;align-items:flex-start;gap:8px;text-decoration:none;color:inherit}
.ow-related__item .ow-mm__ico{margin-bottom:8px}
.ow-related__item b{font:600 1.1rem/1.3 var(--font-display);color:var(--ink)}
.ow-related__item small{font-size:14px;line-height:1.55;color:var(--muted);flex:1}
.ow-related__item .ow-link{margin-top:10px}
.ow-related__item:hover .ow-link{background-size:100% 1px;color:var(--brand-ink)!important}
@media (max-width:900px){.ow-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ow-related__grid{grid-template-columns:1fr}}
body.ow .ow-dhero .ow-dhero__card li span{color:#021018;font-size:12px}
body.ow .ow-dhero .ow-dhero__facts span{font-size:12.5px;color:var(--muted)}
body.ow .ow-dhero .ow-eyebrow{font-size:12px;color:var(--brand-ink)}

/* generic inner banners: breadcrumb on top, then H1, intro, actions */
body.ow .innner_banner_section:not(.ow-dhero) .inner_banner_txt_Sec{display:flex;flex-direction:column;align-items:flex-start;gap:0}
body.ow .innner_banner_section:not(.ow-dhero) .inner_banner_txt_Sec>nav,body.ow .innner_banner_section:not(.ow-dhero) .inner_banner_txt_Sec>span{order:-1;margin-bottom:18px}
body.ow .innner_banner_section:not(.ow-dhero) .ow-answer{max-width:720px}
body.ow .innner_banner_section:not(.ow-dhero){padding-bottom:clamp(64px,8vw,104px)}
/* services overview cards */
body.ow .services_section .ourServices_box_head h2{font-size:clamp(1.12rem,1.4vw,1.3rem);margin:0}
body.ow .services_section .ourServices_box_head img{width:65px;height:47px}
body.ow .services_section .ourServices_box_cc{display:flex;flex-direction:column}
body.ow .services_section .ourServices_box_cc p{flex:1}

/* long-form pages (privacy, cookie, plain pages) */
.ow-prose-wrap{padding-top:clamp(40px,5vw,64px)}
.ow-prose{max-width:780px;margin:0 auto;font-size:1.03rem;line-height:1.8;color:var(--ink-2)}
.ow-prose h2{font-size:clamp(1.3rem,1.9vw,1.6rem)!important;margin:2.2em 0 .6em;color:var(--ink)}
.ow-prose h3{font-size:1.12rem!important;margin:1.6em 0 .5em}
.ow-prose p,.ow-prose li{color:var(--ink-2)!important}
.ow-prose ul,.ow-prose ol{padding-left:1.3rem}
.ow-prose li{margin-bottom:.4em}
.ow-prose table{width:100%;border-collapse:collapse;margin:1.2em 0;font-size:.95rem}
.ow-prose th,.ow-prose td{padding:10px 12px;text-align:left;background:rgba(var(--fg),.035)}
.ow-prose tr:nth-child(2n) td{background:rgba(var(--fg),.06)}

/* local "near you" section */
.ow-local__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:start;padding:clamp(28px,4vw,48px);border-radius:28px;background:linear-gradient(135deg,rgba(12,150,231,.1),rgba(0,209,255,.02) 60%),var(--card-fill);box-shadow:var(--card-shadow)}
.ow-local h2{font-size:clamp(1.4rem,2.2vw,2rem);margin:0}
.ow-local p{color:var(--ink-2);margin:0 0 18px}
.ow-local__towns{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-wrap:wrap;gap:8px}
.ow-local__towns li{padding:7px 12px;border-radius:999px;background:rgba(var(--fg),.06);font-size:13.5px;color:var(--ink-2)}
@media (max-width:860px){.ow-local__grid{grid-template-columns:1fr}}

/* ==========================================================================
   About page (2026 redesign)
   ========================================================================== */
.ow-ahero .ow-hero__content{max-width:620px}
.ow-ahero__crumb{margin-bottom:22px;animation:ow-fade .8s var(--ease) both}
.ow-ahero__crumb .breadcrumb-list{display:inline-flex;gap:8px;list-style:none;margin:0;padding:7px 14px;border-radius:999px;background:rgba(var(--fg),.06);font-size:13px;color:var(--muted)}
.ow-ahero__crumb .breadcrumb-list li{display:flex;gap:8px}
.ow-ahero__crumb .breadcrumb-list li+li::before{content:"/";opacity:.4}
.ow-ahero__crumb .breadcrumb-list a{color:var(--ink-2);text-decoration:none}
.ow-ahero__title{font-size:clamp(1.9rem,3.2vw,3rem)!important;line-height:1.1!important;margin:0 0 6px!important;text-wrap:balance;animation:ow-fade 1s var(--ease) .1s both}
.ow-ahero .ow-answer{max-width:580px}
.ow-ahero__chips{position:absolute;inset:0;pointer-events:none;z-index:1}
.ow-chip{
	position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);
	display:inline-flex;align-items:baseline;gap:6px;padding:10px 16px;border-radius:999px;white-space:nowrap;
	background:rgba(var(--bgc),.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);
	box-shadow:0 14px 40px -16px rgba(0,0,0,.55),0 0 0 1px rgba(var(--fg),.06);
	font-size:13.5px;color:var(--ink-2);animation:ow-fade 1s var(--ease) calc(.6s + var(--d)) both,ow-bob 6s ease-in-out var(--d) infinite
}
.ow-chip b{font:650 1.15rem/1 var(--font-display);color:var(--ink)}
@keyframes ow-bob{50%{transform:translate(-50%,calc(-50% - 10px))}}
@media (max-width:900px){.ow-ahero__chips{display:none}}

/* story */
.ow-story__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,96px);align-items:start}
.ow-story__head{position:sticky;top:calc(var(--header-h) + 40px)}
.ow-story__head h2{margin:0 0 26px}
.ow-story__text p{font-size:1.05rem;line-height:1.8;color:var(--ink-2);margin:0 0 18px}
.ow-story__text .ow-story__lead{font:500 clamp(1.25rem,1.9vw,1.6rem)/1.5 var(--font-display);color:var(--ink);letter-spacing:-.01em}
@media (max-width:900px){.ow-story__grid{grid-template-columns:1fr}.ow-story__head{position:static}}

/* mission & vision */
.ow-mv{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.ow-mv__card{padding:clamp(28px,3.4vw,44px)}
.ow-mv__card h2{font-size:clamp(1.4rem,2vw,1.8rem);margin:18px 0 12px}
.ow-mv__card p{color:var(--ink-2);margin:0;line-height:1.75}
.ow-mv__icon{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;color:#021018;background:var(--grad);box-shadow:0 14px 30px -12px rgba(0,190,255,.7)}
@media (max-width:860px){.ow-mv{grid-template-columns:1fr}}

/* values */
.ow-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ow-value h3{margin:14px 0 8px}
.ow-value p{margin:0;color:var(--muted);font-size:15px}
.ow-value__n{font:650 13px/1 var(--font-display);letter-spacing:.12em;color:var(--brand-ink)}
@media (max-width:900px){.ow-values{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ow-values{grid-template-columns:1fr}}

/* process CTA */
.ow-process__cta{margin-top:40px}

/* products */
.ow-aprod{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ow-aprod__item{display:flex;flex-direction:column}
.ow-aprod__top{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.ow-aprod__top h3{margin:0}
.ow-aprod__item p{color:var(--muted);font-size:15px;margin:0 0 18px;flex:1}
.ow-aprod__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.ow-aprod__actions .ow-link{margin-top:0}
@media (max-width:900px){.ow-aprod{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ow-aprod{grid-template-columns:1fr}}

/* office card in the why column */
.ow-office{display:flex;gap:14px;margin-top:26px;padding:20px;border-radius:20px;background:var(--card-fill);box-shadow:var(--card-shadow)}
.ow-office__pin{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:#F43F5E;background:rgba(244,63,94,.12)}
.ow-office div{display:grid;gap:4px;font-size:14.5px;color:var(--ink-2)}
.ow-office b{color:var(--ink);font-size:15px}
.ow-office .ow-link{margin-top:6px}
body.ow .ow-why .accordion{align-self:start}
body.ow .ow-ahero__crumb .breadcrumb-list{display:inline-flex;width:auto}

/* ==========================================================================
   About v2: "wall of work" hero + zig-zag journey (distinct from homepage)
   ========================================================================== */
.ow-awall{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;isolation:isolate;padding:calc(var(--header-h) + 56px) 0 80px;background:var(--bg)}
.ow-awall__wall{position:absolute;z-index:-2;top:-12%;bottom:-12%;left:40%;right:-6%;perspective:1500px;pointer-events:none}
.ow-awall__plane{
	display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;height:100%;
	transform:rotateX(22deg) rotateY(-20deg) rotateZ(9deg) scale(1.05);transform-origin:50% 40%;transform-style:preserve-3d
}
.ow-awall__col{display:flex;flex-direction:column;gap:18px;animation:ow-wall 46s linear infinite;will-change:transform}
.ow-awall__col--1{animation-direction:reverse;animation-duration:54s;margin-top:-60px}
.ow-awall__col--2{animation-duration:40s;margin-top:-120px}
.ow-awall__col img{display:block;width:100%;height:auto;aspect-ratio:480/253;object-fit:cover;object-position:top;border-radius:14px;
	box-shadow:0 24px 50px -24px rgba(0,0,0,.8),0 0 0 1px rgba(var(--fg),.06);opacity:0;animation:ow-fade 1.2s var(--ease) .4s forwards}
@keyframes ow-wall{to{transform:translateY(-50%)}}
.ow-awall__shade{position:absolute;inset:0;z-index:-1;pointer-events:none;
	background:
		linear-gradient(90deg,var(--bg) 0%,var(--bg) 34%,rgba(var(--bgc),.82) 48%,rgba(var(--bgc),.15) 72%,rgba(var(--bgc),.35) 100%),
		linear-gradient(180deg,var(--bg) 0%,transparent 18%,transparent 82%,var(--bg) 100%),
		radial-gradient(40% 60% at 75% 50%,rgba(0,170,255,.18),transparent 70%)}
[data-theme="dark"] .ow-awall__shade,:root:not([data-theme="light"]) .ow-awall__shade{background:
		linear-gradient(90deg,#05070b 0%,#05070b 34%,rgba(5,7,11,.82) 48%,rgba(5,7,11,.12) 72%,rgba(5,7,11,.35) 100%),
		linear-gradient(180deg,#05070b 0%,transparent 18%,transparent 82%,#05070b 100%),
		radial-gradient(40% 60% at 75% 50%,rgba(0,170,255,.16),transparent 70%)}
[data-theme="light"] .ow-awall__shade{background:
		linear-gradient(90deg,#f5f8fc 0%,#f5f8fc 34%,rgba(245,248,252,.85) 48%,rgba(245,248,252,.1) 72%,rgba(245,248,252,.3) 100%),
		linear-gradient(180deg,#f5f8fc 0%,transparent 18%,transparent 82%,#f5f8fc 100%)}
.ow-awall__inner{position:relative;z-index:1}
.ow-awall__content{max-width:600px}
.ow-awall__content .ow-ahero__title{font-size:clamp(2rem,3.6vw,3.3rem)!important}
.ow-awall__facts{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:clamp(22px,4vw,48px);margin:40px 0 0;animation:ow-fade 1s var(--ease) .6s both}
.ow-awall__facts div{display:flex;flex-direction:column-reverse;gap:6px}
.ow-awall__facts dt{font-size:13px;font-weight:400;color:var(--muted)}
.ow-awall__facts dd{margin:0;font:650 clamp(1.4rem,2.2vw,1.9rem)/1 var(--font-display);color:var(--ink);letter-spacing:-.02em}
@media (max-width:900px){
	.ow-awall{align-items:flex-end;min-height:0;padding-top:calc(var(--header-h) + 40px)}
	.ow-awall__wall{left:-20%;right:-20%;top:-5%;bottom:auto;height:70%;opacity:.4}
	.ow-awall__shade,[data-theme="light"] .ow-awall__shade,[data-theme="dark"] .ow-awall__shade,:root:not([data-theme="light"]) .ow-awall__shade{background:linear-gradient(180deg,rgba(var(--bgc),.3) 0%,var(--bg) 55%)}
	.ow-awall__facts{grid-template-columns:repeat(3,1fr)}
}
@media (prefers-reduced-motion:reduce){.ow-awall__col{animation:none}}

/* ---------- zig-zag journey ---------- */
.ow-zig{list-style:none;margin:clamp(36px,5vw,64px) 0 0;padding:0;position:relative;display:grid;gap:clamp(18px,3vw,34px)}
.ow-zig::before{content:"";position:absolute;left:50%;top:10px;bottom:10px;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,rgba(0,209,255,.6) 12%,rgba(12,150,231,.6) 88%,transparent)}
.ow-zig__item{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 72px minmax(0,1fr);align-items:center}
.ow-zig__dot{grid-column:2;justify-self:center;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
	font:650 18px/1 var(--font-display);color:#021018;background:var(--grad);box-shadow:0 0 0 8px var(--bg),0 0 34px -4px rgba(0,209,255,.8);z-index:1}
.ow-zig__card{grid-column:1;grid-row:1;padding:clamp(22px,2.6vw,30px);border-radius:22px;background:var(--card-fill);box-shadow:var(--card-shadow);transition:transform .45s var(--ease)}
.ow-zig__item:nth-child(even) .ow-zig__card{grid-column:3}
.ow-zig__item:hover .ow-zig__card{transform:translateY(-3px)}
.ow-zig__tag{display:inline-block;margin-bottom:10px;font:600 12px/1 var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--brand-ink)}
.ow-zig__card h3{margin:0 0 8px}
.ow-zig__card p{margin:0;color:var(--muted);font-size:15px}
@media (max-width:760px){
	.ow-zig::before{left:26px}
	.ow-zig__item{grid-template-columns:52px minmax(0,1fr);gap:18px}
	.ow-zig__dot{grid-column:1}
	.ow-zig__card,.ow-zig__item:nth-child(even) .ow-zig__card{grid-column:2}
}

/* contact office cards: equal height, contact lines aligned at the bottom */
body.ow [class*="col"]:has(> .contactus_box){display:flex}
body.ow .contactus_box{display:flex;flex-direction:column;width:100%;height:100%}
body.ow .contactus_box h3{margin:0 0 12px}
body.ow .contactus_box p{flex:1;margin:0 0 18px;line-height:1.7}
body.ow .contactus_box>a{display:flex;align-items:center;gap:10px;margin-top:8px;width:fit-content;text-decoration:none}
body.ow .contactus_box>a i{width:18px;text-align:center;color:var(--brand-ink)}
body.ow .contactus_box>a:hover{color:var(--ink)!important}
body.ow .contact_trust_signals ul,body.ow .contactUs_sec ul:has(.fa-check){list-style:none;padding-left:0}
body.ow .contact_trust_signals li,body.ow .contactUs_sec li:has(.fa-check){display:flex;align-items:center;gap:10px;margin-bottom:8px}
body.ow .contactUs_sec li .fa-check{color:var(--brand-ink)}
body.ow textarea,body.ow .wpcf7 textarea{background:rgba(var(--fg),.06)!important;color:var(--ink)!important;min-height:150px}

/* ---------- Portfolio banner: simple tilted wall of work ---------- */
body.ow .ow-pwall{min-height:min(78svh,720px);display:flex;align-items:center}
body.ow .ow-pwall>.container{position:relative;z-index:2;width:100%}
body.ow .ow-pwall .inner_banner_txt_Sec{max-width:600px}
.ow-pwall__wall{
	position:absolute;z-index:0;top:50%;left:42%;right:-12%;
	display:grid;gap:16px;transform:translateY(-50%) perspective(1400px) rotateY(-16deg) rotateZ(-6deg);transform-origin:0 50%;
	pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 22%,#000 82%,transparent)
}
.ow-pwall__row{display:flex;gap:16px;width:max-content;animation:ow-marquee 70s linear infinite}
.ow-pwall__row--1{animation-direction:reverse;animation-duration:80s;margin-left:-140px}
.ow-pwall__row img{display:block;width:clamp(220px,20vw,300px);height:auto;aspect-ratio:480/253;object-fit:cover;object-position:top;border-radius:12px;
	box-shadow:0 20px 44px -22px rgba(0,0,0,.8),0 0 0 1px rgba(var(--fg),.06);opacity:0;animation:ow-fade 1.2s var(--ease) .3s forwards}
body.ow .ow-pwall::before{z-index:1}
body.ow .ow-pwall::after{display:none}
.ow-pwall .inner_banner_txt_Sec::before{
	content:"";position:absolute;z-index:-1;inset:-40px -60px -40px -40vw;pointer-events:none;
	background:linear-gradient(90deg,var(--bg) 55%,transparent)
}
.ow-pwall .inner_banner_txt_Sec{position:relative}
@media (max-width:900px){
	.ow-pwall__wall{left:-10%;right:-10%;top:auto;bottom:-8%;transform:perspective(1200px) rotateX(18deg) rotateZ(-4deg);opacity:.35}
	.ow-pwall .inner_banner_txt_Sec::before{display:none}
}
@media (prefers-reduced-motion:reduce){.ow-pwall__row{animation:none}}
/* portfolio wall: full-height shade + centred wall */
.ow-pwall .inner_banner_txt_Sec::before{display:none}
body.ow .ow-pwall::after{display:block;content:"";position:absolute;inset:0;width:auto;height:auto;aspect-ratio:auto;border-radius:0;border:0;box-shadow:none;animation:none;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 34%,rgba(var(--bgc),.55) 50%,transparent 68%)}
:root:not([data-theme="light"]) body.ow .ow-pwall::after{background:linear-gradient(90deg,#05070b 0%,#05070b 34%,rgba(5,7,11,.55) 50%,transparent 68%)}
.ow-pwall__wall{top:56%;transform:translateY(-50%) perspective(1400px) rotateY(-16deg) rotateZ(-4deg)}
@media (max-width:900px){body.ow .ow-pwall::after,:root:not([data-theme="light"]) body.ow .ow-pwall::after{background:linear-gradient(180deg,rgba(var(--bgc),.2),var(--bg) 70%)}.ow-pwall__wall{top:auto;transform:perspective(1200px) rotateX(18deg) rotateZ(-4deg);opacity:.3}}
/* portfolio wall: quieter, background texture only */
.ow-pwall__wall{opacity:.38;filter:saturate(.75)}
[data-theme="light"] .ow-pwall__wall{opacity:.5}
@media (max-width:900px){.ow-pwall__wall{opacity:.22}[data-theme="light"] .ow-pwall__wall{opacity:.3}}