:root{
  --navy:#071b46;
  --navy2:#03102b;
  --blue:#0e3f89;
  --cyan:#19d3c5;
  --green:#35d679;
  --ink:#17191d;
  --muted:#777c85;
  --paper:#fff;
  --soft:#f3f4f6;
  --line:#dedfe3;
  --shell:1220px;
}
*{box-sizing:border-box}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;line-height:1.62}
body.admin-bar .floating-header{top:32px}
body.admin-bar .hero{height:calc(100svh - 32px)}
a{color:inherit;text-decoration:none}
button{font:inherit}
.shell{width:min(calc(100% - 56px),var(--shell));margin-inline:auto}
.section{padding:104px 0}
.section-light{background:#fff}
.section-soft{background:#f5f6f8}
.kicker{display:block;margin-bottom:26px;text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:800;color:#777c85}
.kicker-light{color:rgba(255,255,255,.62)}
h1,h2,h3,p,blockquote{margin-top:0}
h1,h2,h3{letter-spacing:-.04em}
h2{font-size:clamp(40px,5vw,70px);line-height:1.04;margin-bottom:28px}
h3{font-size:24px;line-height:1.12}
.lead{font-size:20px;color:var(--muted)}
.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;gap:13px;padding:0 24px;border-radius:2px;font-size:13px;font-weight:800;letter-spacing:.01em;transition:.22s ease}
.button:hover{transform:translateY(-2px)}
.button-dark{background:var(--ink);color:#fff}
.button-light{background:#fff;color:var(--navy)}
.button-outline{border:1px solid #b8bbc1;background:transparent;color:var(--ink)}
.underlink{font-weight:800;font-size:13px;border-bottom:1px solid currentColor;padding-bottom:3px}

/* HERO */
.hero{
  min-height:680px;
  height:100svh;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 36%,rgba(29,92,179,.28),transparent 31%),
    radial-gradient(circle at 15% 12%,rgba(32,118,210,.20),transparent 24%),
    linear-gradient(180deg,var(--navy) 0%,#06183c 58%,var(--navy2) 100%);
  color:#fff;
}
.hero:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,.015),transparent 25%,rgba(0,0,0,.14));
  pointer-events:none;
}
.hero-center{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);text-align:center;z-index:3;width:min(820px,90%)}
.hero-logo{
  display:block;
  width:min(500px,72vw);
  height:auto;
  margin:0 auto 18px;
  border-radius:0;
}
.hero-center p{font-size:21px;letter-spacing:-.01em;color:rgba(255,255,255,.91)}
.hero-bottom{position:absolute;left:50%;transform:translateX(-50%);bottom:30px;display:flex;justify-content:center;align-items:center;z-index:5}
.hero-nav{display:flex;gap:34px;align-items:center}
.hero-nav a{font-size:12px;color:rgba(255,255,255,.72);padding-bottom:6px;position:relative}
.hero-nav a:hover,.hero-nav .active{color:#fff}
.hero-nav .active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--cyan)}
.hero-contact{position:absolute;right:0;font-size:12px;color:#fff}
.hero-contact span{color:var(--cyan)}
.network{position:absolute;z-index:1;opacity:.52;pointer-events:none}
.network-a{left:-40px;top:-20px;width:480px;height:270px;background-image:url('../img/network.svg');background-size:100% 100%;background-repeat:no-repeat}
.network-b{right:-70px;top:0;width:520px;height:300px;background-image:url('../img/network.svg');background-size:100% 100%;background-repeat:no-repeat;transform:scaleX(-1)}
.hero-glow{position:absolute;border-radius:50%;filter:blur(65px);opacity:.2}
.hero-glow-a{width:300px;height:300px;background:#1ca6ff;left:10%;bottom:16%}
.hero-glow-b{width:280px;height:280px;background:#00d3ab;right:10%;top:18%}

/* FLOATING HEADER */
.floating-header{position:fixed;top:0;left:0;right:0;z-index:80;background:rgba(22,34,72,.97);backdrop-filter:blur(15px);border-bottom:1px solid rgba(255,255,255,.12);transform:translateY(-105%);transition:.28s ease}
.floating-header.visible{transform:none}
.floating-inner{height:74px;display:flex;justify-content:space-between;align-items:center}
.mini-brand-logo{display:flex;align-items:center}
.mini-brand-logo img{display:block;width:154px;height:auto}
.floating-nav{display:flex;align-items:center;gap:24px}
.floating-nav a{font-size:12px;font-weight:700;color:#fff}
.floating-nav .pill{padding:11px 18px;border-radius:2px;background:#fff;color:var(--navy)}
.mobile-toggle{display:none;border:0;background:transparent;width:42px;height:42px}
.mobile-toggle span{display:block;height:2px;background:#fff;margin:7px}

/* ABOUT */
.about-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:end;margin-bottom:72px}
.about-heading h2{margin-bottom:0}
.about-heading p{margin-bottom:5px}
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:12px}
.about-copy h3{font-size:29px}
.about-copy p{color:var(--muted);max-width:600px}
.about-actions{display:flex;gap:26px;align-items:center;margin-top:34px}
.principles{border-top:1px solid var(--line)}
.principles div{display:grid;grid-template-columns:62px 1fr;gap:18px;padding:19px 0;border-bottom:1px solid var(--line)}
.principles span{font-size:11px;color:#9a9da3}
.principles strong{font-size:17px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:90px;border-top:1px solid var(--line)}
.stat{padding:34px 20px 10px 0}
.stat strong{display:block;font-size:52px;line-height:1;letter-spacing:-.06em;font-weight:500}
.stat span{display:block;margin-top:10px;font-size:12px;color:var(--muted)}

/* SECTION HEADS */
.section-title-row{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:end;margin-bottom:60px}
.section-title-row h2,.section-title-row p{margin-bottom:0}
.section-title-row p{color:var(--muted)}

/* SERVICES */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #d8d9dd;border-left:1px solid #d8d9dd}
.service{min-height:278px;padding:34px;border-right:1px solid #d8d9dd;border-bottom:1px solid #d8d9dd;position:relative;background:rgba(255,255,255,.48);transition:.25s}
.service:hover{background:#fff;transform:translateY(-3px);box-shadow:0 16px 45px rgba(19,24,36,.06)}
.service-no{font-size:10px;color:#999ea7;letter-spacing:.14em}
.service h3{margin:42px 0 16px;font-size:25px}
.service p{font-size:15px;color:#747982;max-width:310px}
.service a{position:absolute;left:34px;bottom:28px;font-size:12px;font-weight:800}

/* FEEDBACK / CLIENT-VALUE TRANSITION */
.feedback-section{padding:98px 0;background:#fff;border-top:1px solid var(--line)}
.feedback-head{display:grid;grid-template-columns:210px 1fr;gap:68px;align-items:start;margin-bottom:56px}
.feedback-head .kicker{margin-top:11px}
.feedback-head h2{font-size:clamp(34px,4vw,58px);max-width:920px;margin-bottom:0}
.feedback-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.feedback-card{min-height:310px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;flex-direction:column}
.feedback-card p{font-size:22px;line-height:1.35;letter-spacing:-.025em;margin:50px 0 auto}
.feedback-index{font-size:10px;color:#9a9da5;letter-spacing:.14em}
.feedback-card strong{font-size:13px;margin-top:34px}
.feedback-card small{font-size:10px;color:var(--muted);margin-top:3px}
.feedback-dark{background:var(--navy);color:#fff}
.feedback-dark small,.feedback-dark .feedback-index{color:rgba(255,255,255,.48)}

/* PORTFOLIO */
.filters{display:flex;gap:10px;margin-bottom:34px}
.filter{border:0;background:transparent;padding:9px 12px;font-size:12px;font-weight:700;cursor:pointer;border-bottom:2px solid transparent}
.filter.active{border-color:var(--cyan)}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 22px}
.project.hidden{display:none}
.project-art{height:310px;position:relative;overflow:hidden;display:grid;place-items:center}
.art-a{background:linear-gradient(145deg,#dee6ea,#9eaeb7)}
.art-b{background:linear-gradient(150deg,#1e2b50,#08112d)}
.art-c{background:linear-gradient(135deg,#e6e8ec,#b6bac2)}
.art-d{background:linear-gradient(145deg,#f1ebe0,#c9b99e)}
.art-e{background:linear-gradient(145deg,#151c2b,#456595)}
.art-f{background:linear-gradient(145deg,#dbf6f0,#9bd8d2)}
.project-info{display:flex;justify-content:space-between;align-items:flex-end;padding-top:14px}
.project-info h3{font-size:18px;margin:0}
.project-info span{font-size:11px;color:var(--muted)}
.mock-window{width:72%;height:62%;background:rgba(255,255,255,.92);box-shadow:0 22px 50px rgba(31,45,58,.18);padding:0 24px 24px}
.mock-top{height:30px;border-bottom:1px solid #ddd}
.mock-kpi{display:flex;flex-direction:column;justify-content:center;height:calc(100% - 30px)}
.mock-kpi b{font-size:38px;letter-spacing:-.06em}
.mock-kpi span{font-size:12px;letter-spacing:.16em}
.bars{display:flex;align-items:flex-end;height:210px;width:72%;gap:14px}
.bars i{display:block;flex:1;background:linear-gradient(180deg,var(--cyan),#2d7de7)}
.bars i:nth-child(1){height:28%}.bars i:nth-child(2){height:53%}.bars i:nth-child(3){height:41%}.bars i:nth-child(4){height:74%}.bars i:nth-child(5){height:61%}.bars i:nth-child(6){height:92%}
.art-label{position:absolute;left:28px;bottom:22px;color:#fff;font-size:11px;letter-spacing:.18em}
.screen-card{width:70%;height:60%;background:#fff;padding:34px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 24px 54px rgba(0,0,0,.12)}
.screen-card b{font-size:34px;letter-spacing:.08em}
.screen-card span{font-size:12px;letter-spacing:.17em;color:#777}
.package-cube{width:160px;height:160px;background:#fff;box-shadow:28px 28px 0 rgba(111,85,50,.20);display:grid;place-items:center;font-weight:900;font-size:52px;transform:rotate(-7deg)}
.keyword-cloud{display:flex;flex-direction:column;align-items:center}
.keyword-cloud span{font-weight:900;color:#fff;letter-spacing:-.04em}
.keyword-cloud span:nth-child(1){font-size:54px}.keyword-cloud span:nth-child(2){font-size:36px;color:var(--cyan)}.keyword-cloud span:nth-child(3){font-size:22px;opacity:.68}
.brand-circle{width:190px;height:190px;border:22px solid var(--navy);border-radius:50%;display:grid;place-items:center;font-size:72px;font-weight:900;color:var(--navy)}

.portfolio-more{display:flex;justify-content:space-between;align-items:center;margin-top:42px;padding-top:22px;border-top:1px solid var(--line);font-size:12px}
.portfolio-more>span{color:var(--muted);text-transform:uppercase;letter-spacing:.13em}
.portfolio-more a{font-weight:800}

/* CTA */
.project-cta{background:linear-gradient(120deg,#08265b,#071a43);color:#fff;padding:72px 0}
.project-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}
.project-cta h2{margin:0;font-size:clamp(38px,4vw,58px)}

/* PRICING */
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.price-card{padding:38px 34px;border:1px solid #d5d7dc;background:#fff;position:relative}
.price-card h3{margin:12px 0 8px}
.price-type{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:#8b9099}
.price-value{font-size:48px;font-weight:500;letter-spacing:-.06em;margin-bottom:18px}
.price-card p{color:var(--muted);min-height:78px}
.price-card ul{list-style:none;margin:28px 0;padding:0}
.price-card li{padding:11px 0;border-top:1px solid #e0e1e4;font-size:14px}
.price-card .button{width:100%}
.price-featured{border-color:var(--navy);box-shadow:0 22px 50px rgba(11,31,71,.10)}
.popular{position:absolute;right:26px;top:26px;background:var(--navy);color:#fff;padding:7px 11px;font-size:9px;letter-spacing:.13em;text-transform:uppercase}

/* FOUNDER */
.founder-section{background:#fff}
.founder-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:82px;align-items:center}
.founder-visual{height:520px;background:linear-gradient(150deg,#061a45,#123a78);position:relative;overflow:hidden;display:grid;place-items:center}
.founder-network{position:absolute;inset:-20px;background:url('../img/network.svg') center/cover no-repeat;opacity:.45}
.founder-symbol{position:relative;z-index:2;width:220px;height:220px;border:34px solid var(--cyan);border-right-color:#2c79ed;border-bottom-color:#26ca89;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:76px;font-weight:800;box-shadow:0 0 80px rgba(32,204,189,.22)}
.founder-copy blockquote{font-size:26px;line-height:1.45;letter-spacing:-.02em;color:#4a4e55;margin-bottom:30px}
.founder-copy strong,.founder-copy>span:last-child{display:block}
.founder-copy>span:last-child{font-size:12px;color:var(--muted);margin-top:3px}

/* PROCESS */
.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.process-card{min-height:245px;padding:32px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}
.process-card>span{font-size:12px;color:#9a9da4}
.process-card h3{margin-top:44px}
.process-card p{color:var(--muted);font-size:14px}

/* FOOTER */
.site-footer{background:#07162f;color:#fff;padding:92px 0 28px}
.footer-top{display:grid;grid-template-columns:1.45fr .55fr;gap:90px}
.footer-logo{display:block;width:230px;height:auto;margin-bottom:34px}
.footer-cta h2{font-size:clamp(42px,5vw,70px);max-width:780px;margin-bottom:40px}
.footer-details{display:grid;align-content:start;gap:34px;padding-top:10px}
.detail-label{display:block;text-transform:uppercase;letter-spacing:.18em;font-size:9px;color:rgba(255,255,255,.42);margin-bottom:7px}
.footer-details a,.footer-details p{font-size:17px;margin:0}
.footer-bottom{margin-top:76px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;gap:20px;font-size:10px;color:rgba(255,255,255,.48)}

/* REVEAL */
.reveal{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.reveal.in-view{opacity:1;transform:none}

/* RESPONSIVE */
@media(max-width:980px){
  .section{padding:88px 0}
  .about-heading,.section-title-row,.about-grid,.founder-grid,.footer-top{grid-template-columns:1fr;gap:32px}
  .services-grid,.process-grid{grid-template-columns:repeat(2,1fr)}

  .feedback-head{grid-template-columns:1fr;gap:16px}
  .feedback-grid{grid-template-columns:1fr}

  .pricing-grid{grid-template-columns:1fr}
  .floating-nav{display:none;position:absolute;right:28px;top:70px;width:240px;background:#fff;padding:18px;border:1px solid var(--line);box-shadow:0 18px 40px rgba(0,0,0,.12)}
  .floating-nav.open{display:grid}
  .mobile-toggle{display:block}
  .portfolio-grid{grid-template-columns:repeat(2,1fr)}
  .project-art{height:300px}
}
@media(max-width:720px){
  body.admin-bar .floating-header{top:46px}
  body.admin-bar .hero{height:calc(100svh - 46px)}
  .shell{width:min(calc(100% - 32px),var(--shell))}
  .hero{height:680px;min-height:100svh}
  .hero-logo{width:min(390px,84vw)}
  .hero-center p{font-size:17px}
  .omvix-symbol{width:78px;height:78px}
  .hero-bottom{bottom:28px;justify-content:flex-start}
  .hero-nav{gap:14px;overflow:auto;width:100%;padding-right:90px}
  .hero-nav a{white-space:nowrap;font-size:10px}
  .hero-contact{right:0;background:rgba(3,16,43,.88);padding:8px}
  .network-a,.network-b{width:330px;height:190px}
  .services-grid,.portfolio-grid,.process-grid{grid-template-columns:1fr}
  .stats{grid-template-columns:repeat(2,1fr)}
  .project-art{height:310px}
  .project-cta-inner{align-items:flex-start;flex-direction:column}
  .founder-visual{height:380px}
  .founder-symbol{width:160px;height:160px;border-width:25px;font-size:56px}
  .footer-bottom{flex-direction:column}
}