:root{
  --navy:#22344B;
  --navy-deep:#101d2b;
  --orange:#d35400;
  --orange-bright:#ef7620;
  --ink:#172638;
  --muted:#647182;
  --line:#dfe5ea;
  --paper:#f7f8fa;
  --white:#fff;
  --green:#2C9210;
  --berry:#A83250;
  --container:1240px;
  --radius:24px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;line-height:1.6}
body.nav-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(calc(100% - 64px),var(--container));margin:0 auto}
.topbar{position:fixed;z-index:1000;top:0;left:0;right:0;height:86px;display:flex;align-items:center;transition:.35s ease;background:transparent}
.topbar.scrolled{height:72px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(16,29,43,.07)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between}
.brand img{width:190px;height:auto}
.nav{display:flex;align-items:center;gap:31px;font-size:14px;font-weight:600;color:#415063}
.nav>a:not(.nav-cta){position:relative;padding:8px 0}
.nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--orange);transition:.25s}
.nav>a:not(.nav-cta):hover:after{width:100%}
.nav-cta{background:var(--navy);color:#fff;padding:12px 18px;border-radius:999px}
.nav-cta span,.btn span,.text-link span{margin-left:8px}
.menu-toggle{display:none;border:0;background:none;width:44px;height:44px;padding:8px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:var(--navy);margin:6px 0;transition:.25s}

.hero{min-height:100vh;position:relative;overflow:hidden;background:linear-gradient(135deg,#f8fafc 0%,#fff 48%,#f6f7f8 100%);display:flex;align-items:center;padding:130px 0 90px}
.hero-grid,.cta-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(34,52,75,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,52,75,.045) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to bottom,black,transparent 90%)}
.orb{position:absolute;border-radius:50%;filter:blur(2px);opacity:.8}
.orb-one{width:520px;height:520px;right:-180px;top:-160px;background:radial-gradient(circle,rgba(211,84,0,.16),transparent 65%)}
.orb-two{width:420px;height:420px;left:-180px;bottom:-180px;background:radial-gradient(circle,rgba(34,52,75,.14),transparent 65%)}
.hero-inner{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:70px;position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:800;color:var(--orange)}
.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(211,84,0,.1)}
.hero h1,.section h2,.cta-section h2{font-family:"Manrope",sans-serif;letter-spacing:-.055em;line-height:.99;margin:23px 0 24px;font-size:clamp(54px,7vw,96px);font-weight:800}
.hero h1 em,.section h2 span,.cta-section h2 em{font-style:normal;background:linear-gradient(100deg,var(--navy),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-lead{font-size:19px;color:var(--muted);max-width:630px}
.hero-actions{display:flex;gap:13px;margin:34px 0 36px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:15px 22px;font-weight:700;font-size:14px;transition:.25s ease}
.btn-primary{background:var(--navy);color:#fff;box-shadow:0 14px 30px rgba(34,52,75,.18)}
.btn-primary:hover{transform:translateY(-2px);background:#17283b}
.btn-ghost{border:1px solid #cfd7df;background:rgba(255,255,255,.65)}
.btn-ghost:hover{border-color:var(--navy);transform:translateY(-2px)}
.hero-trust{display:flex;gap:14px;align-items:center;color:#7a8794;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}
.hero-trust i{width:3px;height:3px;background:#b5bec7;border-radius:50%}
.visual-frame{position:relative;min-height:570px;border:1px solid rgba(34,52,75,.12);border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.88),rgba(236,241,245,.78));box-shadow:0 30px 90px rgba(34,52,75,.14);overflow:hidden}
.frame-glow{position:absolute;width:480px;height:480px;left:50%;top:48%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(211,84,0,.18),rgba(34,52,75,.07) 35%,transparent 70%);filter:blur(8px)}
.visual-top,.visual-bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;color:#788694;text-transform:uppercase;font-weight:800}
.visual-top{top:24px}.visual-bottom{bottom:22px}
.status{display:flex;align-items:center;gap:7px}.status b{width:6px;height:6px;border-radius:50%;background:#4ea13b}
.visual-core{position:absolute;inset:80px 0 70px;display:grid;place-items:center;isolation:isolate}
.tech-circuit{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:visible}
.circuit-path{fill:none;stroke:rgba(34,52,75,.17);stroke-width:1;stroke-dasharray:7 9;animation:circuitFlow 9s linear infinite}
.circuit-soft{stroke:rgba(211,84,0,.14);stroke-dasharray:3 11;animation-duration:13s}
.circuit-node{fill:#d35400;opacity:.7;filter:drop-shadow(0 0 4px rgba(211,84,0,.5));animation:nodePulse 2.2s ease-in-out infinite}
.circuit-node:nth-of-type(2){animation-delay:.5s}.circuit-node:nth-of-type(3){animation-delay:1s}.circuit-node:nth-of-type(4){animation-delay:1.5s}.circuit-node:nth-of-type(5){animation-delay:2s}
.tech-scan{position:absolute;left:9%;right:9%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(211,84,0,.55),transparent);z-index:2;opacity:.55;animation:scanSweep 4.5s ease-in-out infinite}
.tech-scan:before{content:"";position:absolute;left:50%;top:-16px;width:32px;height:32px;transform:translateX(-50%);border:1px solid rgba(211,84,0,.2);border-radius:50%;box-shadow:0 0 30px rgba(211,84,0,.12)}
.tech-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#d35400;z-index:3;box-shadow:0 0 0 4px rgba(211,84,0,.06),0 0 12px rgba(211,84,0,.5);animation:floatParticle 6s ease-in-out infinite}
.p1{left:18%;top:28%;animation-delay:-1s}.p2{right:19%;top:31%;animation-delay:-3s}.p3{left:23%;bottom:25%;animation-delay:-4.2s}.p4{right:27%;bottom:21%;animation-delay:-2.4s}.p5{left:50%;top:13%;animation-delay:-5s}
.telemetry{position:absolute;z-index:7;min-width:98px;padding:9px 11px;border:1px solid rgba(34,52,75,.12);border-radius:10px;background:rgba(255,255,255,.72);backdrop-filter:blur(10px);box-shadow:0 10px 24px rgba(34,52,75,.08);font-size:8px;letter-spacing:.08em;color:#748290;text-transform:uppercase;animation:telemetryFloat 4s ease-in-out infinite}
.telemetry b{display:block;font-size:7px;color:#9aa5af;margin-bottom:2px}.telemetry span{font-family:"Manrope";font-size:14px;color:#22344b;font-weight:800;letter-spacing:-.03em}.telemetry i{display:block;height:2px;background:#e7ebee;margin-top:6px;overflow:hidden}.telemetry i em{display:block;width:72%;height:100%;background:#d35400;animation:meter 2.8s ease-in-out infinite}.telemetry-a{left:8%;top:22%}.telemetry-b{right:7%;top:51%;animation-delay:-1.2s}.telemetry-c{left:12%;bottom:16%;animation-delay:-2.1s}.telemetry-b i em{width:54%;animation-delay:.4s}.telemetry-c i em{width:91%;animation-delay:.8s}
.orbit-dot{position:absolute;width:8px;height:8px;border-radius:50%;z-index:6;background:#d35400;box-shadow:0 0 0 5px rgba(211,84,0,.08),0 0 18px rgba(211,84,0,.45)}
.orbit-dot-a{animation:orbitA 7s linear infinite}.orbit-dot-b{animation:orbitB 10s linear infinite;background:#22344b}.orbit-dot-c{animation:orbitC 13s linear infinite;width:5px;height:5px}
.cube{position:relative;width:128px;height:128px;transform:rotate(-14deg) skewY(7deg);z-index:5;filter:drop-shadow(0 25px 25px rgba(34,52,75,.2))}
.cube-face{position:absolute;inset:0;display:grid;place-items:center;font-family:"Manrope";font-weight:800;font-size:65px;color:white;border-radius:20px}
.cube-front{background:linear-gradient(145deg,#22344b,#4e6276)}
.cube-side{background:linear-gradient(145deg,#d35400,#f37b25);transform:translate(20px,20px);z-index:-1;opacity:.95}
.ring{position:absolute;border:1px solid rgba(34,52,75,.16);border-radius:50%;transform:rotateX(65deg)}
.ring-1{width:280px;height:280px}.ring-2{width:400px;height:400px;border-style:dashed}.ring-3{width:520px;height:520px;opacity:.55}
.data-line{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--orange),transparent);opacity:.7}
.line-a{width:70%;top:32%;transform:rotate(18deg)}.line-b{width:58%;bottom:34%;transform:rotate(-22deg)}.line-c{width:44%;top:54%;transform:rotate(75deg)}
.scroll-cue{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8b96a1;display:flex;gap:9px;align-items:center}.scroll-cue span{width:22px;height:34px;border:1px solid #adb7c1;border-radius:99px;position:relative}.scroll-cue span:after{content:"";position:absolute;width:3px;height:7px;border-radius:5px;background:var(--orange);left:50%;top:7px;transform:translateX(-50%);animation:scroll 1.5s infinite}
@keyframes scroll{50%{top:16px;opacity:.2}100%{top:7px;opacity:1}}
@keyframes circuitFlow{to{stroke-dashoffset:-160}}
@keyframes nodePulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.35)}}
@keyframes scanSweep{0%,100%{transform:translateY(-125px);opacity:0}20%,80%{opacity:.65}50%{transform:translateY(125px);opacity:.25}}
@keyframes floatParticle{0%,100%{transform:translate3d(0,0,0);opacity:.35}35%{transform:translate3d(18px,-16px,0);opacity:1}70%{transform:translate3d(-12px,13px,0);opacity:.55}}
@keyframes telemetryFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes meter{0%{transform:translateX(-100%)}45%,70%{transform:translateX(0)}100%{transform:translateX(120%)}}
@keyframes orbitA{from{transform:rotate(0deg) translateX(178px) rotate(0deg)}to{transform:rotate(360deg) translateX(178px) rotate(-360deg)}}
@keyframes orbitB{from{transform:rotate(180deg) translateX(132px) rotate(-180deg)}to{transform:rotate(540deg) translateX(132px) rotate(-540deg)}}
@keyframes orbitC{from{transform:rotate(80deg) translateX(225px)}to{transform:rotate(440deg) translateX(225px)}}

.section{padding:130px 0}
.intro{background:#fff}
.two-col{display:grid;grid-template-columns:.42fr 1fr;gap:60px}
.section-kicker{text-transform:uppercase;letter-spacing:.14em;color:#84909d;font-size:11px;font-weight:800;padding-top:10px}
.intro-copy{max-width:850px}
.intro h2,.about h2{font-size:clamp(42px,5vw,70px)}
.intro-copy p,.about-copy>p{font-size:20px;color:var(--muted);max-width:780px}
.text-link{display:inline-flex;margin-top:20px;font-size:14px;font-weight:800;color:var(--navy);border-bottom:1px solid #cbd3da;padding-bottom:7px}
.capabilities{background:var(--paper)}
.section-heading{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:55px}
.section-heading h2{font-size:clamp(42px,5vw,68px);margin-bottom:0}
.section-heading>p{max-width:400px;color:var(--muted);margin:0 0 8px}
.cap-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.cap-card{position:relative;min-height:330px;padding:30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:#fff;transition:.35s ease}
.cap-card:hover{transform:translateY(-7px);box-shadow:0 25px 50px rgba(34,52,75,.09);z-index:2}
.card-number{font-size:10px;color:#9aa5af;font-weight:800;letter-spacing:.1em}
.card-icon{font-size:27px;color:var(--orange);margin:28px 0 25px}
.cap-card h3{font-family:"Manrope";font-size:22px;letter-spacing:-.035em;margin:0 0 12px}
.cap-card p{color:var(--muted);font-size:14px}
.cap-card>a{position:absolute;left:30px;bottom:28px;font-size:12px;font-weight:800;color:var(--navy)}
.products{background:#fff}
.product-stack{display:grid;gap:16px}
.product-card{min-height:320px;border-radius:28px;padding:28px 32px;color:#fff;position:relative;overflow:hidden;transition:.35s}
.product-card:hover{transform:translateX(7px)}
.product-orange{background:linear-gradient(120deg,#18283a,#304a62 55%,#a7440a)}
.product-green{background:linear-gradient(120deg,#182b36,#284d42 55%,#2c9210)}
.product-berry{background:linear-gradient(120deg,#231e31,#4d2e43 55%,#a83250)}
.product-card:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.12);border-radius:50%;right:-130px;bottom:-180px}
.product-meta{display:flex;justify-content:space-between;color:rgba(255,255,255,.62);font-size:10px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.product-body{display:grid;grid-template-columns:1.15fr .8fr;align-items:end;gap:50px;min-height:240px;position:relative;z-index:1}
.product-mark{font-family:"Manrope";font-size:30px;font-weight:800;margin-bottom:20px}
.product-mark span{color:#f27b29}
.product-body h3{font-family:"Manrope";font-size:34px;line-height:1.08;letter-spacing:-.045em;max-width:600px;margin:0}
.product-body p{color:rgba(255,255,255,.72);font-size:15px;max-width:420px}
.round-link{width:54px;height:54px;border:1px solid rgba(255,255,255,.3);border-radius:50%;display:grid;place-items:center;position:absolute;right:0;bottom:0;transition:.25s}.round-link:hover{background:#fff;color:var(--navy)}
.approach{background:var(--paper)}
.approach-panel{background:var(--navy);border-radius:34px;color:#fff;padding:55px;position:relative;overflow:hidden}
.approach-panel:after{content:"";position:absolute;width:500px;height:500px;right:-170px;top:-220px;border-radius:50%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 70px rgba(255,255,255,.025),0 0 0 140px rgba(255,255,255,.02)}
.approach .section-kicker{color:#aeb9c4}
.approach-main{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center;margin:45px 0 55px}
.approach-main h2{font-size:clamp(72px,10vw,130px);margin:0;color:#fff}
.approach-main h2 span{font-size:20px;vertical-align:top;color:var(--orange)}
.approach-main h3{font-family:"Manrope";font-size:30px;letter-spacing:-.04em;margin:0 0 15px}
.approach-main p{color:#b8c2cb;max-width:560px}
.stls-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid rgba(255,255,255,.14)}
.stls-grid>div{padding:28px 20px 10px 0;border-right:1px solid rgba(255,255,255,.14);margin-right:20px}.stls-grid>div:last-child{border:0}
.stls-grid b{font-family:"Manrope";font-size:36px;color:var(--orange);display:block}.stls-grid span{font-weight:800;display:block}.stls-grid small{color:#9daab5}
.about{background:#fff}.about-copy{max-width:850px}.stats{display:flex;gap:55px;margin-top:50px;padding-top:24px;border-top:1px solid var(--line)}.stats strong{font-family:"Manrope";font-size:30px;display:block}.stats span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#8995a1;font-weight:800}
.cta-section{position:relative;overflow:hidden;background:var(--orange);color:#fff;text-align:center;padding:140px 0}.cta-grid{opacity:.18;background-image:linear-gradient(rgba(255,255,255,.4) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.4) 1px,transparent 1px)}.cta-inner{position:relative;z-index:1;max-width:850px}.eyebrow.light{color:#ffd0b4}.eyebrow.light .eyebrow-dot{background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.16)}.cta-section h2{font-size:clamp(55px,7vw,94px);margin:22px 0}.cta-section h2 em{color:#fff;background:none}.cta-section p{font-size:18px;color:rgba(255,255,255,.82);max-width:600px;margin:0 auto 32px}.btn-light{background:#fff;color:var(--navy)}.btn-light:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(71,26,3,.18)}
.footer{background:var(--navy-deep);color:#fff;padding:78px 0 25px}.footer-main{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.footer-brand img{width:205px}.footer-brand p{color:#9ba8b4;max-width:410px;font-size:14px;margin-top:24px}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.footer-links h4{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#788896;margin:0 0 20px}.footer-links a,.footer-links p{display:block;color:#d0d7dd;font-size:13px;margin:0 0 10px}.footer-links a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.1);margin-top:65px;padding-top:20px;color:#71808d;font-size:10px;text-transform:uppercase;letter-spacing:.1em}

.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
@media(max-width:1050px){
  .nav{gap:20px}.nav>a:not(.nav-cta){display:none}.nav-cta{display:block}
  .hero-inner{grid-template-columns:1fr}.hero-copy{max-width:760px}.hero-visual{max-width:680px;width:100%;margin:0 auto}
  .cap-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .container{width:min(calc(100% - 38px),var(--container))}
  .topbar{height:72px}.brand img{width:155px}
  .menu-toggle{display:block;position:relative;z-index:1002}
  .nav{position:fixed;inset:0;background:rgba(255,255,255,.97);backdrop-filter:blur(20px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;transform:translateX(100%);transition:.35s ease}
  .nav.open{transform:none}.nav>a:not(.nav-cta){display:block;font-size:20px}.nav-cta{margin-top:10px}
  .menu-toggle.active span:nth-child(1){transform:translateY(8px) rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  .hero{padding:110px 0 75px}.hero h1{font-size:55px}.hero-lead{font-size:17px}.hero-trust{flex-wrap:wrap}.visual-frame{min-height:430px;border-radius:24px}.telemetry{transform:scale(.82);transform-origin:center}.telemetry-a{left:2%;top:18%}.telemetry-b{right:1%;top:54%}.telemetry-c{left:5%;bottom:12%}.ring-3{width:380px;height:380px}.ring-2{width:290px;height:290px}.ring-1{width:205px;height:205px}.cube{width:95px;height:95px}.cube-face{font-size:48px}
  .scroll-cue{display:none}
  .section{padding:88px 0}.two-col{grid-template-columns:1fr;gap:25px}.section-kicker{padding:0}
  .section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:22px}
  .cap-grid{grid-template-columns:1fr}.cap-card{min-height:290px}
  .product-card{min-height:410px;padding:23px}.product-body{display:block;min-height:330px}.product-body h3{font-size:27px}.product-body p{margin-top:20px}.round-link{bottom:0}
  .approach-panel{padding:35px 25px;border-radius:25px}.approach-main{grid-template-columns:1fr;gap:15px;margin:35px 0}.approach-main h2{font-size:85px}.stls-grid{grid-template-columns:1fr 1fr}.stls-grid>div{padding-bottom:25px;border-bottom:1px solid rgba(255,255,255,.14)}
  .stats{gap:22px;flex-wrap:wrap}.cta-section{padding:95px 0}.footer-main{grid-template-columns:1fr;gap:50px}.footer-links{grid-template-columns:1fr 1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:9px}
}
@media(max-width:420px){.hero h1{font-size:48px}.hero-actions .btn{width:100%}.footer-links{grid-template-columns:1fr}.product-body h3{font-size:24px}}

/* Multi-page navigation + premium inner pages */
.nav-group{position:relative;display:flex;align-items:center}.nav-parent{border:0;background:none;font:inherit;font-weight:600;color:#415063;cursor:pointer;padding:8px 0;display:flex;align-items:center;gap:6px}.nav-parent span{font-size:13px;transition:.2s}.nav-group:hover .nav-parent span{transform:rotate(180deg)}
.dropdown{position:absolute;top:calc(100% + 18px);left:50%;transform:translate(-50%,8px);width:275px;background:rgba(255,255,255,.97);backdrop-filter:blur(18px);border:1px solid #e4e8ec;border-radius:18px;padding:9px;box-shadow:0 25px 60px rgba(20,35,50,.16);opacity:0;visibility:hidden;transition:.22s;z-index:1200}.nav-group:hover .dropdown,.nav-group.open .dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}.dropdown a{display:block;padding:13px 14px;border-radius:12px}.dropdown a:hover{background:#f3f6f8}.dropdown b{display:block;font-size:13px;color:var(--navy)}.dropdown small{display:block;color:#8a96a1;font-size:10px;margin-top:3px}.dropdown.wide{width:310px}
.page-hero{position:relative;overflow:hidden;padding:180px 0 100px;background:linear-gradient(135deg,#f7f9fb,#fff 55%,#f3f6f8);border-bottom:1px solid var(--line)}.page-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(34,52,75,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(34,52,75,.045) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,black,transparent 85%)}.page-hero-inner{position:relative;z-index:1;max-width:900px}.page-hero h1{font-family:Manrope,sans-serif;font-size:clamp(52px,7vw,90px);line-height:.98;letter-spacing:-.055em;margin:22px 0}.page-hero h1 span{background:linear-gradient(100deg,var(--navy),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.page-hero p{max-width:720px;color:var(--muted);font-size:19px}.page-section{padding:110px 0}.page-section.alt{background:var(--paper)}.prose-grid{display:grid;grid-template-columns:.42fr 1fr;gap:60px}.prose h2{font-family:Manrope;font-size:clamp(38px,5vw,64px);line-height:1;letter-spacing:-.05em;margin:0 0 25px}.prose h2 span{color:var(--orange)}.prose p{font-size:18px;color:var(--muted);max-width:800px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;min-height:220px}.feature-card .mini{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#87939e;font-weight:800}.feature-card h3{font-family:Manrope;font-size:22px;margin:35px 0 10px}.feature-card p{font-size:14px;color:var(--muted)}
.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.team-card{border:1px solid var(--line);background:#fff;border-radius:24px;padding:28px;min-height:260px;position:relative;overflow:hidden}.team-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-70px;bottom:-70px;border:1px solid #dbe2e7}.role-mark{width:52px;height:52px;border-radius:16px;background:var(--navy);color:#fff;display:grid;place-items:center;font-family:Manrope;font-weight:800}.team-card h3{font-family:Manrope;font-size:20px;margin:35px 0 5px}.team-card p{font-size:13px;color:var(--muted)}
.owner-hero{display:grid;grid-template-columns:.72fr 1.28fr;gap:70px;align-items:center}.owner-avatar{aspect-ratio:1;border-radius:34px;background:linear-gradient(145deg,#22344b,#d35400);display:grid;place-items:center;color:#fff;font-family:Manrope;font-size:110px;font-weight:800;box-shadow:0 30px 70px rgba(34,52,75,.18);position:relative;overflow:hidden}.owner-avatar:after{content:"RP";position:absolute;opacity:.1;font-size:260px;right:-40px;bottom:-110px}.owner-copy h2{font-family:Manrope;font-size:clamp(45px,5vw,72px);line-height:1;letter-spacing:-.055em;margin:0 0 15px}.owner-copy .role{color:var(--orange);font-weight:800;text-transform:uppercase;font-size:11px;letter-spacing:.12em}.owner-copy p{color:var(--muted);font-size:17px}.owner-meta{display:flex;gap:12px;flex-wrap:wrap;margin:25px 0}.pill{border:1px solid var(--line);padding:9px 13px;border-radius:99px;font-size:11px;font-weight:700;color:#536170;background:#fff}.linkedin-btn{display:inline-flex;background:#0a66c2;color:#fff;padding:12px 17px;border-radius:99px;font-size:13px;font-weight:800}.timeline{border-left:1px solid #ccd5dd;margin-top:30px}.timeline-item{padding:0 0 35px 30px;position:relative}.timeline-item:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--orange);left:-5px;top:8px}.timeline-item b{font-family:Manrope}.timeline-item span{display:block;color:#8b96a1;font-size:12px;margin-top:4px}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px;min-height:285px}.service-card .num{font:800 11px Manrope;color:var(--orange);letter-spacing:.1em}.service-card h3{font:800 24px Manrope;letter-spacing:-.035em;margin:55px 0 10px}.service-card p{font-size:14px;color:var(--muted)}.service-card a{display:inline-block;margin-top:20px;font-size:12px;font-weight:800}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.price-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;min-height:330px;position:relative}.price-card.featured{background:var(--navy);color:#fff;border-color:var(--navy);transform:translateY(-10px);box-shadow:0 25px 55px rgba(34,52,75,.18)}.price-card .tag{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#8c98a4;font-weight:800}.price-card.featured .tag{color:#b8c4ce}.price-card h3{font:800 20px Manrope;margin:40px 0 10px}.price{font:800 38px Manrope;letter-spacing:-.04em}.price small{font:500 12px DM Sans;color:#8995a1}.featured .price small{color:#aeb9c4}.price-card p{font-size:13px;color:var(--muted)}.featured p{color:#bac4cc}.price-card ul{padding:0;margin:20px 0 0;list-style:none}.price-card li{font-size:12px;margin:8px 0;color:#596675}.featured li{color:#d5dde3}.price-card li:before{content:"✓";color:var(--orange);margin-right:7px;font-weight:800}.global-note{margin-top:28px;color:#7d8994;font-size:12px}
.product-detail{display:grid;grid-template-columns:.5fr 1fr;gap:60px;align-items:center;padding:80px 0;border-bottom:1px solid var(--line)}.product-detail:last-child{border-bottom:0}.product-detail.reverse{grid-template-columns:1fr .5fr}.product-visual{min-height:330px;border-radius:28px;display:grid;place-items:center;color:#fff;font:800 50px Manrope;position:relative;overflow:hidden}.pv-orange{background:linear-gradient(135deg,#22344b,#d35400)}.pv-green{background:linear-gradient(135deg,#22344b,#2c9210)}.pv-berry{background:linear-gradient(135deg,#22344b,#a83250)}.product-detail h2{font:800 clamp(38px,5vw,62px) Manrope;letter-spacing:-.05em;line-height:1;margin:0 0 15px}.product-detail p{font-size:17px;color:var(--muted)}.product-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:25px}.product-points div{border:1px solid var(--line);border-radius:14px;padding:12px;font-size:12px;font-weight:700}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-card{border:1px solid var(--line);border-radius:24px;padding:35px;background:#fff}.contact-card h3{font:800 24px Manrope;margin:0 0 15px}.contact-card p,.contact-card a{color:var(--muted);font-size:15px}.contact-card a{display:block;margin:8px 0}.contact-form{display:grid;gap:13px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:15px 16px;border:1px solid #d6dee5;border-radius:12px;font:inherit;background:#fbfcfd}.contact-form textarea{min-height:130px;resize:vertical}.contact-form button{border:0;cursor:pointer;width:max-content}
.footer-badge{display:inline-flex;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:8px 11px;color:#83929f;font-size:9px;letter-spacing:.08em;margin-top:10px}.footer-brand img{width:240px;height:auto}
@media(max-width:1050px){.team-grid{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:repeat(2,1fr)}.owner-hero{grid-template-columns:1fr}.owner-avatar{max-width:420px}.product-detail,.product-detail.reverse{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.nav-group{width:100%;display:block;text-align:center}.nav-parent{font-size:20px;margin:auto}.dropdown{position:static;transform:none!important;opacity:1;visibility:visible;display:none;box-shadow:none;border:0;background:transparent;width:100%!important;padding:0}.nav-group.open .dropdown{display:block}.dropdown a{padding:8px}.dropdown small{display:none}.page-hero{padding:140px 0 80px}.page-hero h1{font-size:55px}.page-section{padding:80px 0}.prose-grid{grid-template-columns:1fr;gap:25px}.feature-grid,.service-grid,.team-grid,.pricing-grid{grid-template-columns:1fr}.price-card.featured{transform:none}.product-detail{padding:55px 0}.product-points{grid-template-columns:1fr}.contact-grid{grid-template-columns:1fr}.owner-avatar{max-width:none}.footer-brand img{width:210px}}

/* Component architecture / premium UI layer */
site-loader,site-header,site-footer,floating-actions{display:block}
.site-loader{position:fixed;inset:0;z-index:9999;background:#0f1b29;color:#fff;display:grid;place-items:center;overflow:hidden;transition:opacity .7s ease,visibility .7s ease}.site-ready .site-loader{opacity:0;visibility:hidden;pointer-events:none}.loader-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:50px 50px}.loader-core{width:88px;height:88px;border:1px solid rgba(255,255,255,.2);border-radius:24px;display:grid;place-items:center;position:relative;z-index:2;box-shadow:0 0 70px rgba(211,84,0,.2)}.loader-core img{width:52px}.loader-ring{position:absolute;border:1px solid rgba(211,84,0,.3);border-radius:50%;animation:loaderSpin 6s linear infinite}.lr1{width:220px;height:220px}.lr2{width:360px;height:360px;animation-duration:10s;animation-direction:reverse}.loader-copy{position:absolute;bottom:17%;display:flex;flex-direction:column;align-items:center;gap:5px;letter-spacing:.16em}.loader-copy strong{font:800 14px Manrope}.loader-copy span{font-size:8px;color:#91a0ad}.loader-progress{position:absolute;bottom:11%;width:180px;height:2px;background:rgba(255,255,255,.12);overflow:hidden}.loader-progress i{display:block;height:100%;width:0;background:#d35400;animation:loaderProgress 1.4s ease forwards}@keyframes loaderProgress{to{width:100%}}@keyframes loaderSpin{to{transform:rotate(360deg)}}
.topbar{z-index:2000}.topbar:not(.scrolled){background:rgba(255,255,255,.72);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(34,52,75,.05)}.nav-link.active,.nav-group.current .nav-parent{color:var(--orange)}.nav-link.active:after{width:100%!important}.nav-parent{position:relative}.nav-parent:after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--orange);transition:.25s}.nav-group.current .nav-parent:after{width:100%}
.floating-actions{position:fixed;right:24px;bottom:24px;z-index:1500;display:flex;align-items:center;gap:9px}.float-inquiry{display:flex;align-items:center;gap:9px;background:var(--navy);color:#fff;border-radius:999px;padding:8px 13px 8px 8px;font-size:11px;font-weight:800;box-shadow:0 15px 35px rgba(16,29,43,.2);transition:.25s}.float-inquiry:hover{transform:translateY(-3px)}.float-icon{width:30px;height:30px;border-radius:50%;background:var(--orange);display:grid;place-items:center}.float-whatsapp,.back-top{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:0;cursor:pointer;box-shadow:0 15px 35px rgba(16,29,43,.18);transition:.25s}.float-whatsapp{background:#20b75b;color:#fff}.wa-symbol{font-size:17px;border:2px solid #fff;border-radius:50%;width:20px;height:20px;line-height:15px;text-align:center}.back-top{background:#fff;color:var(--navy);opacity:0;visibility:hidden;transform:translateY(8px)}.back-top.show{opacity:1;visibility:visible;transform:none}.back-top:hover,.float-whatsapp:hover{transform:translateY(-3px)}
.signal-strip{overflow:hidden;background:#0f1b29;color:#b8c4ce;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}.signal-track{display:flex;align-items:center;gap:28px;width:max-content;padding:17px 0;animation:marquee 32s linear infinite;font-size:9px;font-weight:800;letter-spacing:.14em}.signal-track i{width:5px;height:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 12px rgba(211,84,0,.7)}@keyframes marquee{to{transform:translateX(-50%)}}
.page-hero{padding-top:190px}.page-hero:after{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-180px;top:-160px;border:1px solid rgba(211,84,0,.1);box-shadow:0 0 0 70px rgba(211,84,0,.025),0 0 0 140px rgba(34,52,75,.025)}
@media(max-width:760px){.topbar:not(.scrolled){background:rgba(255,255,255,.94)}.floating-actions{right:13px;bottom:13px}.float-inquiry span:last-child{display:none}.float-inquiry{padding:8px}.page-hero{padding-top:145px}.signal-track{animation-duration:24s}.nav{z-index:2001}}

/* SPA + responsive hardening */
#spa-main{min-height:60vh;transition:opacity .17s ease,transform .17s ease}#spa-main.spa-leaving{opacity:0;transform:translateY(10px)}.spa-enter{opacity:0;transform:translateY(18px)}.spa-enter.spa-visible{opacity:1;transform:none;transition:opacity .55s ease var(--spa-delay),transform .55s ease var(--spa-delay)}body{overflow-x:hidden}
@media(max-width:1120px) and (min-width:901px){.nav{gap:14px;font-size:12px}.nav-parent{font-size:12px}.nav-cta{padding:10px 13px}.brand img{width:170px}}
@media(max-width:900px){.container{width:min(calc(100% - 36px),var(--container))}.topbar{height:72px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)}.brand img{width:165px}.menu-toggle{display:block;position:relative;z-index:2100}.nav{position:fixed;z-index:2050;inset:72px 0 0;width:100%;height:calc(100dvh - 72px);overflow-y:auto;padding:24px 20px 45px;background:rgba(248,250,252,.99);display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:3px;transform:translateX(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.nav.open{transform:translateX(0)}.nav>a:not(.nav-cta){display:block}.nav-link,.nav-parent{width:100%;padding:16px 12px!important;font-size:16px!important;text-align:left;border-bottom:1px solid #e4e9ed}.nav-parent{justify-content:space-between}.nav-group{display:block;width:100%;text-align:left}.dropdown{position:static!important;width:100%!important;display:none;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important;border:0!important;background:transparent!important;padding:4px 0 8px 12px!important}.nav-group.open .dropdown{display:block}.dropdown a{padding:11px 12px!important}.dropdown small{display:block}.nav-cta{width:100%;margin-top:14px;padding:15px 18px;text-align:center}.hero{padding:108px 0 70px;min-height:auto}.hero-inner{grid-template-columns:1fr;gap:42px}.hero h1{font-size:clamp(48px,12vw,72px)}.hero-visual{width:100%}.section,.page-section{padding:82px 0}.two-col,.prose-grid{grid-template-columns:1fr;gap:28px}.section-heading{display:block}.section-heading>p{margin-top:20px}.cap-grid,.service-grid,.team-grid,.pricing-grid{grid-template-columns:1fr 1fr}.product-body{grid-template-columns:1fr}.footer-main{grid-template-columns:1fr;gap:50px}}
@media(max-width:600px){.container{width:calc(100% - 30px)}.brand img{width:150px}.hero{padding-top:100px}.hero h1{font-size:clamp(44px,13vw,58px)}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%}.hero-trust{flex-wrap:wrap;gap:9px;font-size:9px}.hero-trust i{display:none}.visual-frame{min-height:365px;border-radius:22px}.ring-3{width:330px;height:330px}.ring-2{width:245px;height:245px}.ring-1{width:175px;height:175px}.cube{width:88px;height:88px}.cube-face{font-size:44px}.section,.page-section{padding:72px 0}.section h2,.intro h2,.about h2,.prose h2{font-size:clamp(38px,10vw,52px)}.intro-copy p,.about-copy>p,.prose p{font-size:16px}.cap-grid,.service-grid,.team-grid,.pricing-grid,.feature-grid{grid-template-columns:1fr}.cap-card{min-height:270px}.product-card{min-height:390px;padding:22px}.product-body h3{font-size:25px}.approach-panel{padding:30px 20px;border-radius:24px}.approach-main{grid-template-columns:1fr;gap:20px}.approach-main h2{font-size:72px}.stls-grid{grid-template-columns:1fr}.stls-grid>div{border-right:0!important;border-bottom:1px solid rgba(255,255,255,.14);margin-right:0}.stls-grid>div:last-child{border-bottom:0}.page-hero{padding:128px 0 70px}.page-hero h1{font-size:clamp(44px,12vw,60px)}.page-hero p{font-size:16px}.feature-card,.service-card,.team-card,.price-card{min-height:auto;padding:25px}.service-card h3{margin-top:36px;font-size:21px}.price-card.featured{transform:none}.price{font-size:34px}.product-detail,.product-detail.reverse{grid-template-columns:1fr;padding:42px 0;gap:28px}.product-visual{min-height:260px!important}.contact-grid{grid-template-columns:1fr}.footer{padding:58px 0 22px}.footer-brand img{width:190px}.footer-links{grid-template-columns:1fr 1fr;gap:28px}.footer-bottom{display:block;margin-top:45px}.footer-bottom span{display:block;margin-top:9px}.float-inquiry span:last-child{display:none}.float-inquiry{padding:8px}.float-whatsapp,.back-top{width:44px;height:44px}}
@media(max-width:380px){.brand img{width:140px}.hero h1{font-size:42px}.visual-frame{min-height:330px}.footer-links{grid-template-columns:1fr}}
.owner-vision-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.owner-visual{min-height:520px;display:grid;place-items:center;background:linear-gradient(145deg,#f7f9fb,#fff);border:1px solid var(--line);border-radius:32px;overflow:hidden;position:relative}.owner-orbit{width:350px;height:350px;border:1px solid rgba(34,52,75,.15);border-radius:50%;display:grid;place-items:center;position:relative;box-shadow:0 0 0 45px rgba(34,52,75,.025),0 0 0 100px rgba(211,84,0,.018)}.owner-orbit:before,.owner-orbit:after{content:"";position:absolute;border:1px dashed rgba(211,84,0,.2);border-radius:50%;inset:35px;animation:owner-spin 16s linear infinite}.owner-orbit:after{inset:75px;border-color:rgba(34,52,75,.16);animation-direction:reverse;animation-duration:12s}.owner-core{width:100px;height:100px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,#22344b,#50657a);color:#fff;font:800 50px Manrope;box-shadow:20px 25px 50px rgba(34,52,75,.2);z-index:2}.owner-node{position:absolute;font:800 9px DM Sans;letter-spacing:.12em;color:#7f8c98;background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 11px;box-shadow:0 8px 20px rgba(34,52,75,.08)}.n1{top:32px;right:8px}.n2{left:0;bottom:70px}.n3{right:18px;bottom:35px}@keyframes owner-spin{to{transform:rotate(360deg)}}.owner-copy h2{font:800 clamp(42px,5vw,65px)/1 Manrope;letter-spacing:-.05em;margin:20px 0}.owner-copy h2 span{color:var(--orange)}.owner-copy p{font-size:18px;color:var(--muted);max-width:760px}.owner-values{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:40px}.owner-values>div{padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff}.owner-values b{font:800 11px Manrope;color:var(--orange);display:block}.owner-values strong{display:block;font:800 17px Manrope;margin:24px 0 5px}.owner-values span{font-size:12px;color:var(--muted)}@media(max-width:900px){.owner-vision-grid{grid-template-columns:1fr;gap:35px}.owner-visual{min-height:420px}}@media(max-width:600px){.owner-visual{min-height:300px}.owner-orbit{width:245px;height:245px}.owner-core{width:78px;height:78px;font-size:40px}.owner-values{grid-template-columns:1fr}.owner-copy p{font-size:16px}}

/* Leadership */
.leadership-section{padding:125px 0;background:#f7f8fa}
.leadership-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.leader-card{border:1px solid #dfe5ea;border-radius:28px;overflow:hidden;background:#fff;transition:.35s ease;position:relative}
.leader-card:hover{transform:translateY(-7px);box-shadow:0 28px 60px rgba(34,52,75,.11)}
.leader-founder{display:grid;grid-template-columns:.9fr 1.1fr}
.leader-photo-wrap{min-height:510px;background:#e9edf2;position:relative;overflow:hidden}
.leader-photo-wrap img{width:100%;height:100%;object-fit:cover;object-position:center top}
.leader-signal{position:absolute;left:18px;bottom:18px;padding:9px 12px;border-radius:999px;background:rgba(16,29,43,.82);backdrop-filter:blur(10px);color:#fff;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:800}
.leader-signal span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#58b342;margin-right:7px;box-shadow:0 0 0 4px rgba(88,179,66,.12)}
.leader-info{padding:38px;display:flex;flex-direction:column;justify-content:center}
.leader-index{font-size:9px;letter-spacing:.14em;color:#8b97a3;font-weight:800}
.leader-info h3{font:800 clamp(30px,4vw,48px)/1 "Manrope";letter-spacing:-.045em;margin:28px 0 8px;color:#172638}
.leader-role{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--orange);font-weight:800}
.leader-info p{font-size:15px;color:var(--muted);max-width:460px;margin:22px 0}
.leader-info .text-link{align-self:flex-start}
.cofounder-visual{min-height:285px;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(145deg,#152538,#314a61)}
.cofounder-visual:before{content:"";position:absolute;width:370px;height:370px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 95px rgba(211,84,0,.025)}
.cofounder-orbit{width:210px;height:210px;border:1px solid rgba(255,255,255,.18);border-radius:50%;display:grid;place-items:center;position:relative;animation:leaderOrbit 18s linear infinite}
.cofounder-orbit i{position:absolute;width:8px;height:8px;background:var(--orange);border-radius:50%;top:4px;left:50%;box-shadow:0 0 18px rgba(211,84,0,.75)}
.cofounder-orbit i:nth-child(2){top:auto;left:auto;right:12px;bottom:28px;background:#fff}
.cofounder-orbit i:nth-child(3){top:50%;left:4px;background:#89a0b6}
.cofounder-core{width:88px;height:88px;border-radius:23px;background:linear-gradient(145deg,#fff,#dfe7ed);display:grid;place-items:center;color:var(--navy);font:800 40px "Manrope";box-shadow:0 18px 40px rgba(0,0,0,.18);animation:leaderOrbitReverse 18s linear infinite}
.cofounder-label{position:absolute;left:20px;top:20px;color:rgba(255,255,255,.55);font-size:9px;letter-spacing:.13em;font-weight:800}
@keyframes leaderOrbit{to{transform:rotate(360deg)}}@keyframes leaderOrbitReverse{to{transform:rotate(-360deg)}}
.team-leadership-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:30px}
.team-person{border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#fff}
.team-photo{height:420px;background:#e9edf2;overflow:hidden}.team-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.team-person-copy{padding:32px}.team-person-copy>span{font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--orange);font-weight:800}.team-person-copy h2{font:800 38px "Manrope";letter-spacing:-.045em;margin:14px 0 8px}.team-person-copy p{color:var(--muted);font-size:15px}.team-person-graphic{height:420px;background:linear-gradient(145deg,#17283b,#3d566d);display:grid;place-items:center;position:relative;overflow:hidden}.team-person-graphic:before{content:"";width:310px;height:310px;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(211,84,0,.025)}.team-person-graphic span{position:absolute;width:100px;height:100px;border-radius:25px;background:#fff;color:var(--navy);display:grid;place-items:center;font:800 48px "Manrope";box-shadow:0 25px 50px rgba(0,0,0,.2)}
.owner-founder-photo{position:absolute;width:150px;height:190px;object-fit:cover;object-position:center top;right:18px;bottom:18px;border-radius:18px;border:5px solid rgba(255,255,255,.85);box-shadow:0 15px 35px rgba(34,52,75,.18)}
@media(max-width:900px){.leadership-grid,.leader-founder,.team-leadership-grid{grid-template-columns:1fr}.leader-photo-wrap{min-height:460px}.cofounder-visual,.team-person-graphic,.team-photo{height:350px;min-height:350px}.owner-founder-photo{width:110px;height:145px}}
@media(max-width:600px){.leadership-section{padding:78px 0}.leader-info{padding:28px 24px}.leader-info h3{font-size:34px}.leader-photo-wrap{min-height:430px}.cofounder-visual{min-height:270px}.team-person-copy{padding:25px}.team-person-copy h2{font-size:32px}.owner-founder-photo{width:90px;height:120px;right:12px;bottom:12px}}

/* Static home fallback: home content is present in #spa-main before JS boot. */
#spa-main>.hero{display:flex}

/* OWNERS PAGE */
.owners-hero{padding:135px 0 80px;background:#fff}.owners-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.owners-hero-copy h1{font:800 clamp(52px,6vw,78px)/.98 Manrope;letter-spacing:-.065em;color:#172638;margin:22px 0}.owners-hero-copy h1 span{color:var(--orange)}.owners-hero-copy p{font-size:17px;line-height:1.75;color:var(--muted);max-width:650px}.owners-pillars{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid #dfe5ea;padding-left:38px;gap:22px}.owners-pillar{text-align:center}.owners-pillar-icon{width:54px;height:54px;border-radius:16px;margin:0 auto 18px;display:grid;place-items:center;background:#fafbfc;border:1px solid #e2e7eb;color:var(--orange);font-size:27px}.owners-pillar h3{font:800 15px Manrope;color:#172638;margin:0 0 9px}.owners-pillar p{font-size:12px;line-height:1.65;color:var(--muted);margin:0}.owners-cards-section{padding:30px 0 95px}.owners-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.owner-profile-card{border:1px solid #d9e0e6;border-radius:26px;background:#fff;overflow:hidden;box-shadow:0 12px 30px rgba(34,52,75,.05);transition:transform .35s ease,box-shadow .35s ease}.owner-profile-card:hover{transform:translateY(-7px);box-shadow:0 28px 65px rgba(34,52,75,.13)}.owner-profile-media{height:400px;position:relative;overflow:hidden}.rakesh-media{background:#edf0f4}.rakesh-media img{width:100%;height:100%;object-fit:cover;object-position:center 16%}.owner-card-number{position:absolute;z-index:4;top:20px;left:22px;color:var(--orange);font:800 11px Manrope}.owner-profile-status{position:absolute;z-index:5;left:20px;bottom:20px;padding:10px 14px;border-radius:999px;background:rgba(18,31,45,.9);color:#fff;font:800 9px Manrope;letter-spacing:.08em;text-transform:uppercase}.owner-profile-status span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#55b447;margin-right:7px}.owner-circuit{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 25%,transparent 0 90px,rgba(211,84,0,.14) 91px 92px,transparent 93px),radial-gradient(circle at 75% 25%,transparent 0 145px,rgba(34,52,75,.08) 146px 147px,transparent 148px)}.vedant-media{background:linear-gradient(145deg,#142538,#3c566c)}.vedant-tech-art{position:absolute;width:270px;height:270px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center}.vedant-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.17)}.vedant-ring-one{inset:0}.vedant-ring-two{inset:33px;border-style:dashed;border-color:rgba(255,255,255,.13)}.vedant-ring-three{inset:70px;border-color:rgba(211,84,0,.3);border-style:dashed}.vedant-core{width:90px;height:90px;border-radius:23px;background:linear-gradient(145deg,#fff,#dce5eb);display:grid;place-items:center;color:#22344b;font:800 42px Manrope;box-shadow:0 22px 45px rgba(0,0,0,.22);z-index:3}.vedant-node{position:absolute;padding:7px 10px;background:rgba(255,255,255,.94);border-radius:999px;color:#60717f;font:800 7px Manrope;letter-spacing:.09em;z-index:4}.vedant-process{top:14px;right:12px}.vedant-quality{left:-8px;top:50%}.vedant-growth{right:15px;bottom:13px}.owner-profile-content{padding:34px 36px 38px}.owner-position{display:inline-block;padding:7px 10px;border:1px solid #f1b58d;border-radius:6px;color:var(--orange);font:800 9px Manrope;letter-spacing:.06em;text-transform:uppercase}.owner-profile-content h2{font:800 clamp(34px,3vw,46px)/1 Manrope;letter-spacing:-.045em;color:#172638;margin:15px 0 7px}.owner-profile-content h2 em{font-style:normal;color:var(--orange)}.owner-speciality{font:800 11px Manrope;color:var(--orange);letter-spacing:.08em}.owner-divider{width:31px;height:2px;background:var(--orange);margin:18px 0}.owner-intro{font-size:14px;line-height:1.7;color:#33495c;margin:0 0 18px}.owner-points{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:9px}.owner-points li{font-size:12px;line-height:1.5;color:#4c6071;position:relative;padding-left:22px}.owner-points li:before{content:"✓";position:absolute;left:0;top:0;color:var(--orange);font-weight:800}.owner-tags{display:flex;flex-wrap:wrap;gap:7px}.owner-tags span{padding:8px 10px;border:1px solid #e0e6eb;border-radius:999px;background:#fafbfc;color:#556675;font:700 9px Manrope}.owners-philosophy-section{padding:0 0 55px;background:#f7f9fb}.owners-philosophy{border:1px solid #dce3e8;background:#fff;border-radius:27px;display:grid;grid-template-columns:.9fr 1.4fr;overflow:hidden}.owners-philosophy-intro{padding:42px;border-right:1px solid #e1e6ea;display:flex;gap:22px}.owners-philosophy-icon{flex:0 0 54px;width:54px;height:54px;border-radius:50%;background:#fff2e8;color:var(--orange);display:grid;place-items:center;font-size:27px}.owners-philosophy-intro h2{font:800 clamp(32px,3.4vw,48px)/1.04 Manrope;color:#172638;letter-spacing:-.05em;margin:15px 0}.owners-philosophy-intro h2 span{color:var(--orange)}.owners-philosophy-intro p{font-size:13px;line-height:1.7;color:var(--muted)}.owners-philosophy-intro strong{display:block;color:var(--orange);font:800 13px Manrope;margin-top:20px}.owners-philosophy-items{display:grid;grid-template-columns:repeat(2,1fr)}.owners-philosophy-items>div{padding:32px;border-bottom:1px solid #e4e8ec}.owners-philosophy-items>div:nth-child(odd){border-right:1px solid #e4e8ec}.owners-philosophy-items>div:nth-child(3),.owners-philosophy-items>div:nth-child(4){border-bottom:0}.owners-philosophy-items span{font:800 10px Manrope;color:var(--orange)}.owners-philosophy-items h3{font:800 16px Manrope;color:#172638;margin:18px 0 8px}.owners-philosophy-items p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.owners-quote-section{padding:0 0 95px;background:#f7f9fb}.owners-quote{max-width:1130px;margin:auto;border-radius:10px;background:#172d45;color:#fff;padding:20px 40px;display:flex;align-items:center;gap:18px;box-shadow:0 20px 45px rgba(34,52,75,.12)}.owners-quote-mark{font:800 58px Georgia;color:var(--orange);line-height:.7}.owners-quote p{font:700 17px Manrope;margin:0}.owners-quote-tail{font-size:13px;color:#bcc8d3;border-left:1px solid rgba(255,255,255,.25);padding-left:18px}@media(max-width:900px){.owners-hero{padding-top:115px}.owners-hero-grid{grid-template-columns:1fr;gap:45px}.owners-pillars{border-left:0;border-top:1px solid #dfe5ea;padding:30px 0 0}.owners-cards-grid{grid-template-columns:1fr}.owners-philosophy{grid-template-columns:1fr}.owners-philosophy-intro{border-right:0;border-bottom:1px solid #e1e6ea}.owners-quote{margin:0 18px}}@media(max-width:600px){.owners-hero{padding:105px 0 55px}.owners-hero-copy h1{font-size:46px}.owners-hero-copy p{font-size:16px}.owners-pillars{grid-template-columns:1fr;gap:24px}.owners-pillar{text-align:left;display:grid;grid-template-columns:50px 1fr;column-gap:14px}.owners-pillar-icon{grid-row:span 2;margin:0}.owner-profile-media{height:340px}.owner-profile-content{padding:27px 23px 32px}.owner-profile-content h2{font-size:34px}.owners-philosophy-intro{padding:30px 24px}.owners-philosophy-items{grid-template-columns:1fr}.owners-philosophy-items>div,.owners-philosophy-items>div:nth-child(odd){border-right:0;border-bottom:1px solid #e4e8ec}.owners-philosophy-items>div:last-child{border-bottom:0}.owners-quote{display:block;padding:25px 22px}.owners-quote-mark{display:block;margin-bottom:13px}.owners-quote-tail{display:block;border-left:0;border-top:1px solid rgba(255,255,255,.22);padding:10px 0 0;margin-top:9px}}

/* =========================================================
   PRODUCT CARD LOGO
   ========================================================= */

.product-logo {
    width: 72px;
    height: 72px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 22px;

    position: relative;
    z-index: 5;

    flex-shrink: 0;
}

.product-logo img {
    display: block !important;

    width: 64px !important;
    height: 64px !important;

    max-width: 64px !important;
    max-height: 64px !important;

    min-width: 0 !important;
    min-height: 0 !important;

    object-fit: contain !important;

    position: relative !important;
    inset: auto !important;

    opacity: 1;

    filter: drop-shadow(0 8px 18px rgba(0, 0, 0, 0.18));
}

@media (max-width: 600px) {

    .product-logo {
        width: 58px !important;
        height: 58px !important;
        margin-bottom: 16px;
    }

    .product-logo img {
        width: 52px !important;
        height: 52px !important;
        max-width: 52px !important;
        max-height: 52px !important;
    }

}

.product-card {
    position: relative;
    overflow: hidden;
}

.product-logo-bookmark {
    position: absolute;
    top: 0;
    left: 28px;

    width: 72px;
    height: 88px;

    display: flex;
    align-items: flex-start;
    justify-content: center;

    padding-top: 14px;

    background: rgba(255, 255, 255, 0.10);
    border-left: 1px solid rgba(255, 255, 255, 0.20);
    border-right: 1px solid rgba(255, 255, 255, 0.20);
    border-bottom: 1px solid rgba(255, 255, 255, 0.20);

    backdrop-filter: blur(12px);

    z-index: 5;

    clip-path: polygon(
        0 0,
        100% 0,
        100% 82%,
        50% 100%,
        0 82%
    );

    box-shadow:
        0 12px 30px rgba(0, 0, 0, 0.12);
}

.product-logo-bookmark img {
    width: 46px;
    height: 46px;

    object-fit: contain;

    display: block;
}.product-detail-db{align-items:center}.product-visual-db{min-height:330px!important;border-radius:26px;position:relative;display:flex!important;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:30px;color:#fff;overflow:hidden;text-decoration:none}.product-visual-db img{position:absolute;left:28px;top:26px;width:84px;height:84px;object-fit:contain;filter:drop-shadow(0 9px 22px rgba(0,0,0,.2));z-index:2}.product-visual-db>span{font:800 30px/1 Manrope;letter-spacing:-.04em;position:relative;z-index:2}.product-visual-db>b{font:800 10px Manrope;letter-spacing:.07em;text-transform:uppercase;margin-top:12px;position:relative;z-index:2}.product-visual-db:after{content:"";position:absolute;width:360px;height:360px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-130px;bottom:-170px}.product-detail-db>div:last-child{padding:10px 10px 10px 20px}.product-detail-db.reverse>div:last-child{padding-left:10px;padding-right:20px}@media(max-width:600px){.product-detail-db>div:last-child,.product-detail-db.reverse>div:last-child{padding:0}.product-visual-db{min-height:280px!important}.product-visual-db img{width:70px;height:70px;left:22px;top:22px}.product-visual-db>span{font-size:25px}}
