
.novin-why-page{box-sizing:border-box;direction:rtl;font-family:inherit;line-height:1.85;background:var(--page);color:var(--ink);width:100%;overflow:hidden}.novin-why-page *,.novin-why-page *::before,.novin-why-page *::after{box-sizing:border-box}.novin-why-page h1,.novin-why-page h2,.novin-why-page h3,.novin-why-page p{font-family:inherit}.novin-why-page .hero .wrap{max-width:1180px}.novin-why-page .step .st{height:auto}
.novin-why-page{
  box-sizing:border-box;
  padding-top:env(safe-area-inset-top,0px);
  padding-bottom:env(safe-area-inset-bottom,0px);
  --navy:#124a77; --blue:#1e4f9f; --deep:#0b2f55; --aqua:#5cc3ee; --foam:#e8edf5;
  --page:#f4f7fb; --card:#ffffff; --ink:#0f2a44; --muted:#52687e; --line:rgba(18,74,119,.14);
  --font:inherit;
}
@media  (prefers-color-scheme:dark){.novin-why-page:not([data-theme="light"]){--page:#07172a;--card:#0e2640;--ink:#e8f0f8;--muted:#9fb5ca;--line:rgba(255,255,255,.12)}}
.novin-why-page[data-theme="dark"]{--page:#07172a;--card:#0e2640;--ink:#e8f0f8;--muted:#9fb5ca;--line:rgba(255,255,255,.12)}
.novin-why-page *,.novin-why-page *::before,.novin-why-page *::after{box-sizing:inherit}
.novin-why-page{margin:0;font-family:var(--font);background:var(--page);color:var(--ink);line-height:1.85;-webkit-font-smoothing:antialiased}
.novin-why-page .wrap{max-width:1180px;margin:auto;padding-inline:28px}
.novin-why-page .hero{position:relative;overflow:hidden;color:#fff;padding:96px 0 84px;
  background:linear-gradient(125deg,#08284a 0%,var(--deep) 45%,var(--blue) 100%)}
.novin-why-page .hero::before{content:"";position:absolute;inset:-20%;
  background:radial-gradient(38% 50% at 22% 55%,rgba(92,195,238,.35),transparent 70%),radial-gradient(30% 40% at 90% 0%,rgba(255,255,255,.10),transparent 70%);
  animation:shimmer 18s ease-in-out infinite alternate}
.novin-why-page .hero .wrap{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:56px;align-items:center}
.novin-why-page .brand{display:inline-flex;align-items:center;gap:12px;margin-bottom:26px;font-weight:700;font-size:15px;color:#d8e8f8}
.novin-why-page .brand::before{content:"";width:38px;height:2px;background:var(--aqua)}
.novin-why-page .hero h1{margin:0 0 22px;font-size:clamp(30px,4.6vw,56px);line-height:1.35;font-weight:800;letter-spacing:-.015em}
.novin-why-page .hero .tag{margin:0 0 18px;font-size:clamp(17px,1.8vw,21px);font-weight:500;color:var(--aqua)}
.novin-why-page .hero .body p{margin:0 0 14px;color:#cfe0f5;font-weight:300;font-size:16px;max-width:62ch}
.novin-why-page .btns{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.novin-why-page .btn{display:inline-block;text-decoration:none;font-weight:700;font-size:15px;padding:14px 30px;border-radius:999px;transition:background .2s,border-color .2s}
.novin-why-page .btn.p{background:var(--foam);color:var(--navy)}
.novin-why-page .btn.p:hover{background:var(--aqua)}
.novin-why-page .btn.g{color:#fff;border:1px solid rgba(255,255,255,.4)}
.novin-why-page .btn.g:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.novin-why-page .closing{position:relative;margin-top:56px;padding-top:22px;border-top:1px solid rgba(255,255,255,.18);
  font-weight:700;font-size:16px;color:#e8f0f8}
.novin-why-page .rip{position:relative;aspect-ratio:1;width:100%;max-width:420px;margin-inline:auto;container-type:inline-size}
.novin-why-page .rip i{position:absolute;inset:0;margin:auto;border-radius:50%;border:1px solid rgba(255,255,255,.22)}
.novin-why-page .rip i:nth-child(1){width:100%;height:100%}
.novin-why-page .rip i:nth-child(2){width:74%;height:74%}
.novin-why-page .rip i:nth-child(3){width:48%;height:48%;background:rgba(255,255,255,.07)}
.novin-why-page .core{position:absolute;inset:0;margin:auto;width:34%;aspect-ratio:1;border-radius:50%;background:var(--foam);color:var(--navy);
  display:grid;place-content:center;text-align:center;box-shadow:0 0 0 8px rgba(255,255,255,.12),0 20px 40px -14px rgba(0,0,0,.5)}
.novin-why-page .core b{font-size:clamp(15px,2vw,20px);font-weight:800;line-height:1.2;direction:ltr}
.novin-why-page .core span{font-size:11px;font-weight:500;line-height:1.5;padding-inline:8px}
.novin-why-page .viz{width:100%;min-width:0;max-width:540px;margin-inline:auto;padding:12%}
.novin-why-page .rip::before{content:"";position:absolute;inset:0;border-radius:50%;
  background:conic-gradient(from 0deg,rgba(92,195,238,0) 0 290deg,rgba(92,195,238,.22) 360deg);
  -webkit-mask:radial-gradient(circle,transparent 17%,#000 17.5%);mask:radial-gradient(circle,transparent 17%,#000 17.5%);
  animation:spin 12s linear infinite}
@keyframes  spin{to{transform:rotate(360deg)}}
.novin-why-page .orbit{position:absolute;inset:0;animation:spin 60s linear infinite}
.novin-why-page .arm{position:absolute;inset:0;transform:rotate(var(--a))}
.novin-why-page .pt,.novin-why-page .fix,.novin-why-page .cnt{position:absolute;width:0;height:0}
.novin-why-page .pt{top:0;left:50%}
.novin-why-page .fix{left:0;top:0;transform:rotate(calc(var(--a) * -1))}
.novin-why-page .cnt{left:0;top:0;animation:spin 60s linear infinite reverse}
.novin-why-page .nd{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:30cqw;display:flex;flex-direction:column;align-items:center;gap:2cqw;text-align:center}
.novin-why-page .nd em{width:13cqw;height:13cqw;border-radius:50%;background:var(--foam);display:grid;place-items:center;
  box-shadow:0 0 0 6px rgba(255,255,255,.10),0 10px 24px -10px rgba(0,0,0,.55)}
.novin-why-page .nd svg{width:50%;height:50%;stroke:var(--navy);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.novin-why-page .nd span{font-size:clamp(9.5px,3.4cqw,13px);font-weight:500;line-height:1.55;color:#fff;text-shadow:0 1px 10px rgba(8,40,74,.8)}
@media  (max-width:980px){.novin-why-page .hero{padding:64px 0 56px}
.novin-why-page .hero .wrap{grid-template-columns:1fr;gap:44px}
.novin-why-page .rip{max-width:340px}
.novin-why-page .core{width:38%}
.novin-why-page .core b{font-size:clamp(13px,5cqw,20px)}
.novin-why-page .core span{font-size:clamp(8.5px,2.8cqw,11px)}}
@media  (prefers-reduced-motion:reduce){.novin-why-page .hero::before,.novin-why-page .rip i,.novin-why-page .rip::before,.novin-why-page .orbit,.novin-why-page .cnt{animation:none}}
.novin-why-page .band{position:relative;overflow:hidden;color:#fff;padding:92px 0 120px;
  background:linear-gradient(120deg,var(--deep) 0%,var(--blue) 55%,#2a6cc0 100%)}
.novin-why-page .band::before{ 
  content:"";position:absolute;inset:-20%;
  background:
    radial-gradient(40% 50% at 18% 85%,rgba(92,195,238,.40),transparent 70%),
    radial-gradient(35% 45% at 80% 15%,rgba(255,255,255,.12),transparent 70%);
  animation:shimmer 18s ease-in-out infinite alternate}
@keyframes  shimmer{to{transform:translate3d(4%,-3%,0) scale(1.08)}}
.novin-why-page .band svg.lines{position:absolute;inset:0;width:100%;height:100%;opacity:.10;pointer-events:none}
.novin-why-page .band .wrap{position:relative}
.novin-why-page .head{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:end;margin-bottom:64px}
.novin-why-page .head h2{margin:0;font-size:clamp(28px,4vw,46px);line-height:1.35;font-weight:800;letter-spacing:-.01em}
.novin-why-page .head p{margin:0;color:#cfe0f5;font-weight:300;font-size:16px;max-width:46ch;
  padding-inline-start:22px;border-inline-start:2px solid var(--aqua)}
.novin-why-page .steps{list-style:none;margin:0;padding:0 0 6px;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;align-items:stretch}
.novin-why-page .step{display:flex;flex-direction:column;align-items:center;padding-top:calc(var(--i) * 30px)}
.novin-why-page .st{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center;padding:26px 16px 24px;border-radius:20px;
  background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:background .3s}
.novin-why-page .st:hover{background:rgba(255,255,255,.14)}
.novin-why-page .disc{width:76px;height:76px;border-radius:50%;background:var(--foam);display:grid;place-items:center;
  box-shadow:0 0 0 6px rgba(255,255,255,.10),0 14px 28px -12px rgba(0,0,0,.5);transition:box-shadow .35s}
.novin-why-page .st:hover .disc{box-shadow:0 0 0 10px rgba(92,195,238,.30),0 14px 28px -12px rgba(0,0,0,.5)}
.novin-why-page .disc svg{width:36px;height:36px;stroke:var(--navy);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.novin-why-page .num{font-size:28px;font-weight:800;color:var(--navy);line-height:1}
.novin-why-page .num small{font-size:15px;margin-inline-start:1px}
.novin-why-page .st b{font-size:14px;font-weight:500;line-height:1.7}
.novin-why-page .plumb{flex:1;min-height:44px;width:1px;position:relative;background:linear-gradient(rgba(255,255,255,.6),rgba(92,195,238,.2))}
.novin-why-page .plumb::after{content:"";position:absolute;bottom:-4px;left:50%;width:9px;height:9px;margin-left:-4.5px;border-radius:50%;
  background:var(--aqua);box-shadow:0 0 0 5px rgba(92,195,238,.25)}
@media  (max-width:980px){.novin-why-page .steps{grid-template-columns:1fr;gap:12px}
.novin-why-page .step{padding-top:0;padding-inline-start:calc(var(--i) * 14px);align-items:stretch}
.novin-why-page .st{flex-direction:row;text-align:start;padding:16px 18px;gap:16px}
.novin-why-page .disc{width:60px;height:60px;flex:none}
.novin-why-page .disc svg{width:30px;height:30px}
.novin-why-page .num{font-size:22px}
.novin-why-page .plumb{display:none}}
.novin-why-page .wave{position:absolute;left:0;right:0;bottom:-1px;width:100%;height:56px;display:block}
.novin-why-page .wave path{fill:var(--page)}
.novin-why-page .svc{padding:84px 0 40px}
.novin-why-page .svc-head{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:36px}
.novin-why-page .svc-head h2{margin:0;font-size:clamp(24px,3vw,34px);font-weight:800;color:var(--navy)}
@media  (prefers-color-scheme:dark){.novin-why-page:not([data-theme="light"]) .svc-head h2{color:var(--aqua)}}
.novin-why-page[data-theme="dark"] .svc-head h2{color:var(--aqua)}
.novin-why-page .svc-head p{margin:0;color:var(--muted);max-width:44ch;font-size:15px}
.novin-why-page .grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:minmax(150px,auto);gap:20px}
.novin-why-page .tile{position:relative;overflow:hidden;border-radius:22px;padding:32px;background:var(--card);border:1px solid var(--line);
  display:flex;flex-direction:column;justify-content:space-between;gap:20px;transition:transform .3s,box-shadow .3s}
.novin-why-page .tile:hover{transform:translateY(-3px);box-shadow:0 22px 40px -26px rgba(18,74,119,.55)}
.novin-why-page .tile .ic{width:52px;height:52px;border-radius:50%;background:var(--foam);display:grid;place-items:center}
.novin-why-page .tile .ic svg{width:26px;height:26px;stroke:var(--navy);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.novin-why-page .tile h3{margin:0 0 6px;font-size:20px;font-weight:700}
.novin-why-page .tile p{margin:0;color:var(--muted);font-size:14.5px;max-width:48ch}
.novin-why-page .tile a{align-self:flex-start;color:var(--navy);font-weight:700;font-size:14px;text-decoration:none;
  border-bottom:2px solid var(--aqua);padding-bottom:2px}
@media  (prefers-color-scheme:dark){.novin-why-page:not([data-theme="light"]) .tile a{color:var(--aqua)}}
.novin-why-page[data-theme="dark"] .tile a{color:var(--aqua)}
.novin-why-page .big{grid-column:span 7;grid-row:span 2;color:#fff;border:0;
  background:linear-gradient(150deg,var(--navy),var(--blue) 60%,#2a6cc0)}
.novin-why-page .big::after{content:"";position:absolute;inset:auto -10% -30% -10%;height:70%;opacity:.18;
  background:repeating-radial-gradient(ellipse at 50% 120%,transparent 0 22px,#fff 22px 23px)}
.novin-why-page .big .ic{background:var(--foam)}
.novin-why-page .big h3{font-size:28px;font-weight:800}
.novin-why-page .big p{color:#d6e5f7;font-size:16px}
.novin-why-page .big a{color:#fff;position:relative;z-index:1}
.novin-why-page .big>*{position:relative;z-index:1}
.novin-why-page .s{grid-column:span 5}
.novin-why-page .cta{padding:30px 0 80px}
.novin-why-page .cta-box{display:flex;flex-wrap:wrap;gap:24px;align-items:center;justify-content:space-between;
  padding:38px 44px;border-radius:22px;color:#fff;background:linear-gradient(120deg,var(--deep),var(--blue))}
.novin-why-page .cta-box h3{margin:0;font-size:24px;font-weight:800}
.novin-why-page .cta-box p{margin:4px 0 0;color:#cfe0f5;font-size:15px;font-weight:300}
.novin-why-page .cta-box a{background:var(--foam);color:var(--navy);text-decoration:none;font-weight:700;padding:14px 32px;border-radius:999px;transition:background .2s}
.novin-why-page .cta-box a:hover{background:var(--aqua)}
.novin-why-page a:focus-visible{outline:3px solid var(--aqua);outline-offset:4px}
@media  (max-width:980px){.novin-why-page .head{grid-template-columns:1fr;gap:22px;margin-bottom:44px}
.novin-why-page .big,.novin-why-page .s{grid-column:1/-1;grid-row:auto}
.novin-why-page .cta-box{padding:30px 26px}}
@media  (prefers-reduced-motion:reduce){.novin-why-page .band::before{animation:none}
.novin-why-page .tile,.novin-why-page .disc{transition:none}}

/* Elementor host isolation and responsive refinements */
.novin-why-page .hero .wrap,.novin-why-page .band .wrap,.novin-why-page .svc .wrap,.novin-why-page .cta .wrap{width:100%;}
.novin-why-page .step .st{min-height:170px;}
.novin-why-page .step .st .num{direction:ltr;display:flex;align-items:baseline;justify-content:center;}
.novin-why-page .tile{min-height:230px;}
.novin-why-page .rip i{pointer-events:none;}
.novin-why-page .hero .wrap > div:first-child{min-width:0;}
@media(max-width:767px){.novin-why-page .wrap{padding-inline:20px}.novin-why-page .hero{padding:54px 0 48px}.novin-why-page .hero h1{font-size:clamp(29px,8vw,40px)}.novin-why-page .band{padding:65px 0 85px}.novin-why-page .step{padding-inline-start:0}.novin-why-page .st{min-height:0!important}.novin-why-page .svc{padding:58px 0 24px}.novin-why-page .tile{padding:24px;min-height:210px}.novin-why-page .cta-box{padding:26px 22px}.novin-why-page .cta-box a{width:100%;text-align:center}}
.novin-why-page .wrap{max-width:var(--novin-width,1180px)}
.novin-why-page .hero h1{font-size:clamp(30px,4.6vw,var(--novin-title,56px))}
.novin-why-page .orbit,.novin-why-page .cnt{animation-duration:var(--novin-orbit,60s)}
.novin-why-page.novin-no-motion .hero::before,.novin-why-page.novin-no-motion .band::before,.novin-why-page.novin-no-motion .orbit,.novin-why-page.novin-no-motion .cnt,.novin-why-page.novin-no-motion .rip::before{animation:none!important}
.novin-why-page[data-theme="light"]{--card:#ffffff;--ink:#0f2a44;--muted:#52687e;--line:rgba(18,74,119,.14)}
.novin-why-page[data-theme="dark"] .svc-head h2,.novin-why-page[data-theme="dark"] .tile a{color:var(--aqua)}
.novin-why-page .hero .wrap,.novin-why-page .head{direction:rtl}
.novin-why-page .hero .tag,.novin-why-page .hero h1{overflow-wrap:break-word}

.novin-why-page .hero .wrap{max-width:var(--novin-width,1180px)}
.novin-why-page .wrap{max-width:var(--novin-width,1180px)}

/* Advanced Elementor styling controls – defaults preserve v1 appearance */
.novin-why-page{font-family:inherit}
.novin-why-page [hidden]{display:none!important}
.novin-why-page .hero{padding-top:var(--nw-hero-pad,96px);background:linear-gradient(125deg,var(--nw-hero-start,#08284a),var(--deep) 45%,var(--nw-hero-end,#1e4f9f))}
.novin-why-page .hero .wrap{gap:var(--nw-hero-gap,56px)}
.novin-why-page .hero .tag{color:var(--nw-tag-color,var(--aqua))}
.novin-why-page .hero .body p{color:var(--nw-hero-text,#cfe0f5)}
.novin-why-page .btns{gap:var(--nw-btn-gap,14px)}
.novin-why-page .btn{border-radius:var(--nw-btn-radius,99px);padding-block:var(--nw-btn-pad,14px)}
.novin-why-page .btn.p{background:var(--nw-primary-bg,var(--foam));color:var(--nw-primary-ink,var(--navy))}
.novin-why-page .rip{max-width:var(--nw-orbit-size,420px)}
.novin-why-page .core{width:var(--nw-core-size,34%);background:var(--nw-core-bg,var(--foam));color:var(--nw-core-color,var(--navy))}
.novin-why-page .nd em{width:var(--nw-node-size,13cqw);height:var(--nw-node-size,13cqw)}
.novin-why-page .nd span{font-size:var(--nw-node-font,13px);color:var(--nw-node-color,#fff)}
.novin-why-page .rip::before{animation-duration:var(--nw-ripple-speed,12s)}
.novin-why-page .band{padding-top:var(--nw-trust-pad,92px);background:linear-gradient(120deg,var(--nw-trust-start,var(--deep)),var(--blue) 55%,var(--nw-trust-end,#2a6cc0))}
.novin-why-page .steps{gap:var(--nw-trust-gap,18px)}
.novin-why-page .step{padding-top:calc(var(--i) * var(--nw-step-offset,30px))}
.novin-why-page .st{border-radius:var(--nw-trust-radius,20px);background:color-mix(in srgb,var(--nw-trust-card,#234e78) 20%,transparent)}
.novin-why-page .disc{width:var(--nw-trust-icon,76px);height:var(--nw-trust-icon,76px)}
.novin-why-page .svc{padding-top:var(--nw-services-pad,84px)}
.novin-why-page .grid{gap:var(--nw-services-gap,20px)}
.novin-why-page .tile{border-radius:var(--nw-services-radius,22px);padding:var(--nw-services-inset,32px);background:var(--nw-card-bg,var(--card));color:var(--nw-card-ink,var(--ink))}
.novin-why-page .tile h3{font-size:var(--nw-services-title,20px)}
.novin-why-page .tile p{font-size:var(--nw-services-text,14.5px)}
.novin-why-page .tile.big{background:linear-gradient(150deg,var(--nw-feature-start,var(--navy)),var(--blue) 60%,var(--nw-feature-end,#2a6cc0));color:#fff}
.novin-why-page .tile.big h3{font-size:calc(var(--nw-services-title,20px) * 1.4)}
.novin-why-page .cta-box{border-radius:var(--nw-cta-radius,22px);padding:var(--nw-cta-pad,38px) 44px;background:linear-gradient(120deg,var(--nw-cta-start,var(--deep)),var(--nw-cta-end,var(--blue)))}
.novin-why-page .cta-box h3{font-size:var(--nw-cta-title,24px)}
.novin-why-page .cta-box a{background:var(--nw-cta-button,var(--foam))}
@media(max-width:980px){.novin-why-page .step{padding-top:0}.novin-why-page .hero{padding-top:min(var(--nw-hero-pad,96px),64px)}}

/* v1.2: Scoped colors, explicit inheritance and unified visual surface */
.novin-why-page{--page:var(--nw-unified-bg,#e7f8fc);background:var(--page);font-family:inherit;isolation:isolate}
.novin-why-page .hero h1{color:var(--nw-hero-heading,#fff)!important}
.novin-why-page .hero .brand{color:var(--nw-hero-brand,#d8e8f8)}
.novin-why-page .hero .closing{color:var(--nw-hero-closing,#e8f0f8)}
.novin-why-page .band .head h2{color:var(--nw-trust-heading,#fff)}
.novin-why-page .band .head p{color:var(--nw-trust-body,#cfe0f5)}
.novin-why-page .band .st b{color:var(--nw-trust-label,#fff)}
.novin-why-page .svc-head h2{color:var(--nw-services-heading,#124a77)}
.novin-why-page .svc-head p{color:var(--nw-services-desc,#52687e)}
.novin-why-page .tile:not(.big) p{color:var(--nw-card-desc,#52687e)}
.novin-why-page .tile:not(.big) a{color:var(--nw-services-link,#124a77)}
.novin-why-page .cta-box h3{color:var(--nw-cta-heading,#fff)}
.novin-why-page .cta-box p{color:var(--nw-cta-desc,#cfe0f5)}
.novin-why-page .cta-box a{color:var(--nw-cta-btn-ink,#124a77)}
.novin-why-page .svc,.novin-why-page .cta{background:var(--page)}
.novin-why-page .wave path{fill:var(--page)}
.novin-why-page .hero h1,.novin-why-page .hero .tag,.novin-why-page .hero p,.novin-why-page .brand,.novin-why-page .closing,.novin-why-page .core,.novin-why-page .nd span,.novin-why-page .st b,.novin-why-page .num,.novin-why-page .tile h3,.novin-why-page .tile p,.novin-why-page .tile a,.novin-why-page .cta-box h3,.novin-why-page .cta-box p,.novin-why-page .cta-box a{font-family:inherit}
.novin-why-page .hero h1{font-family:inherit}
.novin-why-page[data-theme="light"]{--card:#fff;--ink:#0f2a44;--muted:#52687e}
@media(max-width:767px){.novin-why-page .hero h1{font-size:clamp(28px,7vw,var(--novin-title,56px))}}

/* v1.3: explicit secondary CTA and uninterrupted visual surface */
.novin-why-page .hero .btns .btn.g{background:var(--nw-second-bg,#174c7b);color:var(--nw-second-text,#fff);border:var(--nw-second-border-width,1px) solid var(--nw-second-border,#9ddcf2);}
.novin-why-page .hero .btns .btn.g:hover,.novin-why-page .hero .btns .btn.g:focus-visible{background:var(--nw-second-hover-bg,#5cc3ee);color:var(--nw-second-hover-text,#08284a);border-color:var(--nw-second-hover-border,#5cc3ee)}
.novin-surface-continuous .novin-why-page{background:var(--nw-surface-lower,#e7f8fc)}
.novin-surface-continuous .novin-why-page .hero,.novin-surface-continuous .novin-why-page .band{background:linear-gradient(125deg,var(--nw-surface-start,#0b2f55),var(--nw-surface-end,#1e4f9f))}
.novin-surface-continuous .novin-why-page .svc,.novin-surface-continuous .novin-why-page .cta{background:var(--nw-surface-lower,#e7f8fc)}
.novin-surface-continuous .novin-why-page .wave path{fill:var(--nw-surface-lower,#e7f8fc)}
.novin-why-page .hero .btns .btn.g,.novin-why-page .hero .btns .btn.p{opacity:1;visibility:visible}

/* v1.4: a SINGLE rendering surface shared by hero and trust band */
.novin-why-page .nw-water-surface{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,var(--nw-surface-start,#08284a),var(--deep,#0b2f55) 45%,var(--nw-surface-end,#1e4f9f));}
.novin-why-page .nw-water-surface>.hero,.novin-why-page .nw-water-surface>.band{background:transparent!important;position:relative;z-index:2;}
.novin-why-page .nw-water-surface>.hero::before,.novin-why-page .nw-water-surface>.band::before,.novin-why-page .nw-water-surface .band svg.lines{display:none!important;}
.novin-why-page .nw-water-surface .nw-water-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block;pointer-events:none;}
.novin-why-page .nw-water-surface .nw-water-bubbles{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1;}
.novin-why-page .nw-water-bubbles i{position:absolute;bottom:-40px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;opacity:0;background:radial-gradient(circle at 30% 28%,rgba(255,255,255,.8),rgba(255,255,255,.14) 38%,rgba(92,195,238,.06) 70%);border:1px solid rgba(255,255,255,.3);box-shadow:inset 0 0 6px rgba(255,255,255,.25);animation:nwRise var(--d) linear var(--dl) infinite;}
@keyframes nwRise{0%{transform:translate3d(0,0,0) scale(.6);opacity:0}8%{opacity:.9}35%{transform:translate3d(var(--sw),calc(var(--h) * -.35),0) scale(.95)}65%{transform:translate3d(calc(var(--sw) * -.6),calc(var(--h) * -.65),0) scale(1)}92%{opacity:.7}100%{transform:translate3d(var(--sw),calc(var(--h) * -1 - 60px),0) scale(1.08);opacity:0}}
@media(prefers-reduced-motion:reduce){.novin-why-page .nw-water-bubbles{display:none!important}}
.novin-why-page .nw-water-surface .hero h1{color:var(--nw-hero-heading,#fff)}
