/* Oxmara Ventures — premium dark/blue/white responsive website */
:root {
  --ink: #061020;
  --night: #050b17;
  --night-2: #08152a;
  --card: #0a1a32;
  --card-border: rgba(124,177,245,.18);
  --blue: #086bff;
  --bright-blue: #147cff;
  --cyan: #18d4ff;
  --ice: #eaf3ff;
  --white: #f8fbff;
  --muted: #93a4bd;
  --body: #46536a;
  --page: #f4f8fd;
  --line: #d9e2ec;
  --gutter: clamp(22px, 5.1vw, 76px);
  --radius: 17px;
  --ease: cubic-bezier(.19,1,.22,1);
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 96px; }
body { margin:0; background: var(--night); color:var(--white); font-family: Inter, "Aptos", "Segoe UI", Helvetica, Arial, sans-serif; font-size:16px; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility; }
body.menu-open { overflow:hidden; }
a { color:inherit; text-decoration:none; }
button, a { -webkit-tap-highlight-color:transparent; }
button { font:inherit; }
img, svg { display:block; max-width:100%; }
button:focus-visible,a:focus-visible { outline:2px solid var(--cyan); outline-offset:5px; }
::selection { background:rgba(24,212,255,.35); color:inherit; }
.container { width:min(100% - var(--gutter)*2, 1320px); margin-inline:auto; }
.visually-hidden { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden;clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.skip-link { position:fixed; z-index:1000; top:-100px; left:16px; padding:12px 18px; background:#fff; color:#061020; border-radius:8px; }
.skip-link:focus { top:12px; }
.scroll-progress { position:fixed; z-index:200; top:0; left:0; height:2px; width:100%; transform-origin:left; transform:scaleX(0); background:linear-gradient(90deg,var(--blue),var(--cyan)); pointer-events:none; }
/* navigation */
.site-header { position:fixed; z-index:100; top:0; left:0; right:0; height:100px; border-bottom:1px solid rgba(143,190,251,.09); transition:height .3s,border-color .3s,background .3s,box-shadow .3s; }
.site-header.is-scrolled { height:80px; background:rgba(3,9,20,.92); backdrop-filter:blur(22px); -webkit-backdrop-filter:blur(22px); border-color:rgba(143,190,251,.14); box-shadow:0 6px 30px rgba(0,0,0,.12); }
.nav-wrap { height:100%; display:flex; align-items:center; justify-content:space-between; gap:3vw; }
.brand { display:inline-flex; flex-direction:column; align-items:flex-end; flex:none; width:177px; transition:opacity .2s; }
.brand:hover { opacity:.84; }
.brand-logo { width:100%;height:auto; }
.brand-ventures { font-weight:800; letter-spacing:.38em; font-size:8px; line-height:1.2; margin-right:2px; margin-top:-7px; color:#c7e3ff; }
.main-nav { display:flex; align-items:center; gap:clamp(24px,3vw,48px); margin-left:auto; }
.main-nav a { position:relative; font-size:13px; font-weight:550; color:#bec9db; transition:color .25s; }
.main-nav a::after { content:""; position:absolute; left:0; bottom:-10px; width:0%; height:2px; background:var(--cyan); transition:width .28s; }
.main-nav a:hover, .main-nav a:focus-visible { color:#fff; }
.main-nav a:hover::after { width:100%; }
.nav-contact { display:flex; align-items:center; justify-content:space-between; gap:25px; border:1px solid rgba(119,166,246,.44); padding:15px 18px; font-size:12px; font-weight:750; letter-spacing:.015em; transition:.25s; margin-left:3vw; white-space:nowrap; }
.nav-contact:hover { background:#0d68ee; border-color:#0d68ee; }
.nav-contact span { font-size:18px; font-weight:350; }
.menu-toggle,.mobile-contact { display:none!important; }
/* shared */
.eyebrow { display:flex; align-items:center; gap:12px; color:#71baff; font-size:11px; letter-spacing:.19em; font-weight:800; white-space:nowrap; }
.eyebrow-line { display:inline-block; width:28px; height:1px; background:currentColor; opacity:.86; }
.eyebrow-blue { color:#005ee5; }
.section-number { margin-left:14px; opacity:.48; font-weight:650; }
.gradient-text { background:linear-gradient(98deg,#217bff 12%,#20d9ff 88%); -webkit-background-clip:text; background-clip:text; color:transparent; }
.section-light { background:var(--page); color:var(--ink); }
.section-dark { background:var(--night); color:var(--white); }
h1,h2,h3,p { margin-top:0; }
h1,h2,h3 { font-family:"Arial", "Helvetica Neue", sans-serif; letter-spacing:-.056em; }
p { line-height:1.72; }
.btn { min-height:55px; display:inline-flex; align-items:center; justify-content:center; gap:25px; border:1px solid transparent; padding:17px 22px; font-size:13px; font-weight:700; transition:transform .3s var(--ease),background .25s,border-color .25s,box-shadow .25s; white-space:nowrap; }
.btn svg { width:18px;height:18px; fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;transition:transform .25s; }
.btn:hover { transform:translateY(-3px); }
.btn:hover svg { transform:translateX(4px); }
.btn-primary { color:#fff; background:linear-gradient(110deg,#0766ec,#1586ff); box-shadow:0 10px 40px rgba(0,106,255,.25); }
.btn-primary:hover { background:linear-gradient(110deg,#147aff,#1593ff);box-shadow:0 15px 40px rgba(0,106,255,.35); }
.btn-text { color:#e1ecfa; padding-left:12px; background:transparent; }
.btn-text:hover { color:var(--cyan); }
.btn-text span { font-size:19px; }
/* hero */
.hero { position:relative; isolation:isolate; overflow:hidden; min-height:830px; height:min(960px, 100svh); max-height:1080px; padding-top:100px; display:flex; flex-direction:column; background:radial-gradient(ellipse 38% 55% at 83% 49%,#071c44 0%,transparent 85%),linear-gradient(115deg,#030914 0%,#061024 48%,#071328 100%); }
.hero-noise { pointer-events:none; z-index:-1; position:absolute;inset:0; opacity:.28; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.83' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.07'/%3E%3C/svg%3E"); }
.hero-grid { z-index:-1;position:absolute; inset:0; background-image:linear-gradient(rgba(133,186,255,.053) 1px,transparent 1px),linear-gradient(90deg,rgba(133,186,255,.053) 1px,transparent 1px);background-size:79px 79px; mask-image:linear-gradient(90deg,transparent 9%,#000 40%,#000 100%); }
.hero-glow { position:absolute; z-index:-1; border-radius:50%; filter:blur(82px); pointer-events:none; }
.hero-glow-one { width:460px;height:460px;background:rgba(0,96,255,.20);right:8%;top:22%; }
.hero-glow-two { width:220px;height:220px;background:rgba(22,199,255,.10);right:5%;bottom:7%; }
.hero-grid-layout { display:grid;grid-template-columns:minmax(0, .98fr) minmax(0,1.02fr);align-items:center; gap:20px; flex:1; padding-top:15px; }
.hero-content { position:relative; z-index:4; padding:20px 0 25px; }
.hero-eyebrow { margin-bottom:30px; }
.hero h1 { font-size:clamp(60px,5.75vw,91px);line-height:1.032;font-weight:850;margin-bottom:29px; color:#f8fbff; }
.outlined-text { color:transparent; -webkit-text-stroke:1.5px #c7d9ed; }
.hero-copy { font-size:16px; line-height:1.8;max-width:484px;color:#9babc4;margin-bottom:31px; }
.hero-actions { display:flex;align-items:center; gap:18px;flex-wrap:wrap; }
.hero-meta { margin-top:66px; display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8398b1;font-weight:650; }
.status-dot {width:7px;height:7px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(24,212,255,.13),0 0 14px rgba(24,212,255,.4); }
.hero-art { position:relative; isolation:isolate; height:660px; display:flex;align-items:center;justify-content:center; min-width:0; }
.hero-art::before { content:"";position:absolute; left:3%;top:8%; width:92%;height:86%; border-radius:50%; background:radial-gradient(ellipse,rgba(19,107,253,.14) 0%,rgba(2,9,25,0) 66%); }
.art-orbit { position:absolute; border:1px solid rgba(53,126,246,.23); border-radius:50%; width:81%; aspect-ratio:1;left:9.5%; top:50%;transform:translateY(-50%); }
.orbit-two { width:60%;left:20%; border-color:rgba(48,172,251,.20); }
.art-orbit::before, .art-orbit::after { content:""; position:absolute;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 14px 2px #0f9ffb; }
.orbit-one::before {top:18%;left:15%;} .orbit-one::after {bottom:15%;right:14%;}
.orbit-two::before {bottom:18%;left:11%;} .orbit-two::after {top:11%;right:23%;}
.hero-bull { position:relative; z-index:3; width:min(118%,770px);max-width:none;filter:drop-shadow(0 35px 25px rgba(0,0,0,.25)) drop-shadow(0 4px 39px rgba(0,106,255,.17)); transform:translate(-2%,5%); animation:bullFloat 7s ease-in-out infinite; }
.bull-plinth {position:absolute; bottom:24%;left:16%;right:6%; height:3px; background:linear-gradient(90deg,transparent,rgba(0,140,255,.8),transparent);filter:blur(1px); z-index:2; }
.art-cross { position:absolute;z-index:1;color:#3873b5;font-size:23px;font-weight:300; }
.art-cross-a {top:18%;right:16%;}.art-cross-b {bottom:19%;left:10%; }
.art-index {position:absolute;bottom:10%;left:11%;right:7%; display:flex;justify-content:space-between;color:#6382a5;font-size:10px;letter-spacing:.20em;font-weight:700; }
.art-chip { position:absolute; z-index:4;display:flex;align-items:center;gap:9px;padding:13px 16px;border:1px solid rgba(74,156,255,.27);background:rgba(7,24,50,.72);backdrop-filter:blur(14px);color:#a4c7e9;font-size:9px;letter-spacing:.12em;font-weight:750;box-shadow:0 12px 36px rgba(0,0,0,.15); }
.art-chip-top {top:18%;right:-1%;}.art-chip-top i {width:6px;height:6px;border-radius:50%;background:#18d4ff;box-shadow:0 0 10px #18d4ff;}
.art-chip-bottom {bottom:21%;left:-2%;}.art-chip-bottom b {font-size:15px;color:var(--cyan); }
.hero-bottom { position:relative; z-index:2;display:flex;justify-content:space-between; align-items:center; padding-bottom:39px; color:#6f829d; letter-spacing:.17em;font-size:10px;font-weight:700; }
.hero-scroll { display:flex;align-items:center;gap:22px;}.scroll-tick { display:block;width:55px;height:1px;background:#3d628e;position:relative; }.scroll-tick::after {content:"";position:absolute;right:-2px;top:-2px;border:3px solid transparent;border-left-color:#3d628e;}
@keyframes bullFloat {0%,100%{transform:translate(-2%,5%)}50%{transform:translate(-2%,3%)}}
/* separator */
.disciplines { background:#0a2044; border-top:1px solid #12305b; border-bottom:1px solid #1a3d65; }
.disciplines-inner { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:24px 0; font-size:11px; letter-spacing:.12em; color:#dceaff;font-weight:780; }
.disciplines-plus { color:#22aaff; font-size:16px; }
/* about */
.about { padding:clamp(90px,12vw,162px) 0; overflow:hidden; }
.about-grid { display:grid;grid-template-columns:1.08fr .92fr; gap:8.5vw; }
.about h2, .section-heading h2, .approach h2 { font-weight:850; font-size:clamp(55px,6vw,94px);line-height:1.01; margin:29px 0 0; letter-spacing:-.071em; }
.about h2 span,.approach h2 span { color:#0876fa; }
.about-title-block { position:relative; }
.about-symbol { display:flex; align-items:center; gap:0; margin-top:53px; font-size:138px; line-height:1; font-family:Arial,sans-serif; font-weight:900; letter-spacing:-.135em; color:transparent;-webkit-text-stroke:1px #cad7e8; opacity:.63;user-select:none; }
.about-symbol span:last-child { transform:translate(12px,9px);-webkit-text-stroke:1px #197af5; }
.about-copy-block {padding-top:63px;}
.about-copy-block .section-lead { color:#111d30; font-weight:660;font-size:clamp(22px,2.3vw,30px);line-height:1.42;letter-spacing:-.028em;margin-bottom:29px; }
.about-copy-block p:not(.section-lead) {color:#59657a; font-size:15px;line-height:1.85;max-width:490px;margin-bottom:18px; }
.inline-link { display:inline-flex; align-items:center;gap:20px;border-bottom:1px solid #aac4e7;font-weight:760;font-size:13px;color:#075fdd;padding:12px 0;margin-top:10px;transition:gap .2s; }
.inline-link:hover {gap:27px; }
.inline-link span { font-size:19px; }
.about-statements { border-top:1px solid #ccd8e5; margin-top:58px; }
.about-statements div {padding:20px 0;border-bottom:1px solid #d4e0eb;display:flex;gap:25px;align-items:center; }
.statement-index { font-size:11px;color:#0780ff;font-weight:800; }
.about-statements strong {font-size:14px;letter-spacing:-.014em;font-weight:700;color:#1f2b3d; }
/* focus */
.focus { background:linear-gradient(162deg,#050c19 0%,#07152b 70%,#061022 100%); padding:clamp(88px,10vw,142px) 0 clamp(95px,12vw,160px); }
.section-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:55px; }
.section-heading h2 {font-size:clamp(55px,6.1vw,91px);}
.section-heading p { max-width:300px;font-size:14px;color:#8da0bd;line-height:1.82;margin:0 0 5px; }
.focus-grid {display:grid;grid-template-columns:1fr 1fr;gap:19px; }
.focus-card { position:relative; isolation:isolate; overflow:hidden; min-height:510px;border:1px solid rgba(75,128,194,.27);background:linear-gradient(125deg,#0c1b33,#09182d); padding:28px 32px 34px;display:flex;flex-direction:column;justify-content:space-between;transition:border-color .35s,transform .5s var(--ease),box-shadow .35s; }
.focus-card:hover { border-color:rgba(51,149,255,.67);box-shadow:0 22px 50px rgba(0,0,0,.22);transform:translateY(-5px); }
.focus-card::before {content:"";z-index:-1;position:absolute;top:12%;right:-15%;width:80%;aspect-ratio:1;border-radius:50%;background:radial-gradient(ellipse,rgba(20,111,248,.16),transparent 68%); }
.focus-top { position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;color:#7292b9;font-size:10px;letter-spacing:.16em;font-weight:750; }
.card-symbol { font-size:23px;color:#5d88bf;font-weight:300; }
.focus-body {z-index:2;position:relative;max-width:465px; }
.focus-ico {display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(39,135,255,.38);background:rgba(2,92,218,.12);margin-bottom:17px; }
.focus-ico svg {width:20px;height:20px;fill:none;stroke:#5bbaff;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round; }
.focus-body h3 {font-size:34px;line-height:1.06;letter-spacing:-.05em;font-weight:800;margin:0 0 13px;color:#f7faff;}
.focus-body p {font-size:14px;color:#9daec5;line-height:1.75;max-width:440px;margin:0 0 20px; }
.focus-tag {color:#64adff; font-size:9px;letter-spacing:.13em;font-weight:800; }
.focus-art { position:absolute;top:58px;left:30px;right:26px;height:220px;opacity:.83;pointer-events:none; }
.commerce-art {display:flex;gap:14px;align-items:center;justify-content:center;transform:perspective(600px) rotateX(8deg); }
.commerce-box {width:27%;height:160px;border:1px solid rgba(87,156,247,.32);background:linear-gradient(135deg,rgba(21,83,162,.45),rgba(1,15,37,.9));box-shadow:12px 15px 18px rgba(0,0,0,.2);padding:12px;position:relative; }
.commerce-box::before {content:"";display:block;height:75px;background:linear-gradient(135deg,#0359cd,#17bafc);opacity:.65;margin-bottom:15px;}
.commerce-box.box-two {height:193px;transform:translateY(-8px);background:linear-gradient(130deg,#0b3b76,#061e40);}
.commerce-box.box-two::before {height:94px;background:linear-gradient(140deg,#19c9ff,#0352bb); }
.box-line {position:absolute;bottom:32px;left:12px;right:45px;height:5px;background:rgba(160,210,255,.45);}
.box-block {position:absolute;bottom:17px;left:12px;right:65px;height:4px;background:rgba(160,210,255,.20);}
.software-art {top:54px;left:14%;right:11%;transform:rotate(-4deg); }
.software-window {width:100%;height:185px;background:#07142b;border:1px solid #3068b1;box-shadow:0 12px 60px rgba(0,84,214,.22),12px 20px 0 -8px #0b294f; }
.window-top {height:29px;background:#13335f;border-bottom:1px solid #2c5491;display:flex;align-items:center;padding:0 12px;gap:5px; }
.window-top b {width:5px;height:5px;border-radius:50%;background:#6e9cdb;}
.window-top span {margin-left:20px;width:40%;height:5px;border-radius:3px;background:#245389;}
.window-body {display:flex;height:calc(100% - 29px); }
.side-rail {width:50px;border-right:1px solid #1d3e69;display:flex;flex-direction:column;gap:13px;padding:13px; }
.side-rail i {height:5px;background:#2f63a2;border-radius:5px;}
.side-rail i:nth-child(2) {background:#14a8fc;}
.ui-content {flex:1;padding:13px;}
.ui-header {height:7px;background:#366fa9;width:36%;border-radius:8px;margin-bottom:13px;}
.ui-cards {display:flex;gap:10px;}
.ui-cards span {height:40px;flex:1;background:linear-gradient(135deg,#0d4486,#176ad1);border:1px solid #287bc8;}
.ui-cards span:nth-child(2) {background:linear-gradient(135deg,#082e6a,#1250a0);}
.ui-chart {display:flex;align-items:flex-end;gap:9px;height:52px;margin-top:10px;border-bottom:1px solid #35619b;}
.ui-chart i {background:linear-gradient(#1dbbf5,#1246a5);width:11%;height:var(--h,60%);}
.ui-chart i:nth-child(1){--h:34%}.ui-chart i:nth-child(2){--h:54%}.ui-chart i:nth-child(3){--h:48%}.ui-chart i:nth-child(4){--h:71%}.ui-chart i:nth-child(5){--h:57%}.ui-chart i:nth-child(6){--h:82%}.ui-chart i:nth-child(7){--h:95%}
.investment-art {top:68px;left:10%;right:11%;height:190px;}
.chart-axis {position:absolute;inset:12% 0 0;background:repeating-linear-gradient(to bottom,rgba(66,123,197,.16),rgba(66,123,197,.16) 1px,transparent 1px,transparent 37px);border-bottom:1px solid rgba(91,164,255,.3);}
.chart-bars {position:absolute;inset:5% 0 0;display:flex;align-items:flex-end;gap:18px;padding:0 8%;}
.chart-bars span {width:10%;height:var(--bar);background:linear-gradient(to top,rgba(0,76,204,.22),rgba(28,150,255,.28));border-top:2px solid rgba(13,139,250,.65);}
.investment-art svg {position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 10px rgba(15,179,255,.45));}
.investment-art polyline {fill:none;stroke:#22baff;stroke-width:3;stroke-linejoin:round;stroke-linecap:round;}
.affiliate-art {top:53px;left:20%;right:20%;height:200px;}
.network-node {position:absolute;width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#1fb2fb,#063b9f);box-shadow:0 0 32px rgba(11,123,255,.25);border:1px solid #4ec6ff;z-index:2;}
.node-center {width:93px;height:93px;display:grid;place-items:center;top:52px;left:calc(50% - 46px);background:radial-gradient(circle at 36% 26%,#1066d7,#061f48);}
.node-center span {font-size:25px;font-weight:900;letter-spacing:-.08em;color:#9bdaff;}
.node-one {top:2px;left:4%;}.node-two {top:0;right:5%;}.node-three {bottom:0;left:6%;}.node-four {bottom:0;right:7%;}
.network-track {position:absolute;height:1px;background:linear-gradient(90deg,rgba(8,77,180,.9),rgba(25,188,255,.9));width:55%;left:22%;top:50%;}
.track-one {transform:rotate(28deg)}.track-two{transform:rotate(-28deg)}.track-three{width:70%;left:15%;transform:rotate(90deg);opacity:.5;}
/* manifesto */
.manifesto {background:linear-gradient(110deg,#0759d4,#087cff 48%,#0840af);padding:100px 0 92px;overflow:hidden; }
.manifesto-wrap {position:relative;}
.manifesto-label {display:flex;align-items:center;gap:13px;font-size:10px;line-height:1.45;letter-spacing:.13em;font-weight:800;color:#d2edff;margin-bottom:54px; }
.label-star {font-size:29px;color:white;}
.manifesto h2 {max-width:1050px;font-size:clamp(42px,5.8vw,82px);line-height:1.13;letter-spacing:-.058em;font-weight:810;color:#fff;}
.manifesto h2 em {font-weight:500;font-style:normal;color:#a3efff; }
.manifesto-bottom {border-top:1px solid rgba(219,244,255,.3);display:flex;justify-content:space-between;align-items:center;padding-top:24px;}
.manifesto-bottom p {font-size:14px;color:#d4e8ff;margin:0;}
.round-arrow {border:1px solid rgba(223,241,255,.5);height:48px;width:48px;display:grid;place-items:center;border-radius:50%;font-size:22px;}
/* approach */
.approach {padding:clamp(95px,11vw,152px) 0 clamp(100px,12vw,162px);}
.approach-header {display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:75px;}
.approach-header h2 {font-size:clamp(56px,6vw,92px);}
.approach-header>p {color:#5b6777;max-width:300px;font-size:15px;line-height:1.82;margin:0 0 7px;}
.approach-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}
.approach-step {padding-top:26px;border-top:2px solid #131f34;position:relative;}
.approach-step::before {content:"";position:absolute;left:0;top:-2px;width:50px;height:2px;background:#1688ff;}
.step-top {display:flex;justify-content:space-between;align-items:center;margin-bottom:70px;}
.step-num {font-family:Arial,sans-serif;font-size:40px;font-weight:800;letter-spacing:-.08em;color:#a8bacf;}
.step-icon {width:50px;height:50px;border:1px solid #c7d6e6;display:grid;place-items:center;}
.step-icon svg {width:22px;height:22px;fill:none;stroke:#0b79fb;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;}
.approach-step h3 {font-size:27px;letter-spacing:-.035em;margin:0 0 15px;font-weight:800;}
.approach-step p {font-size:14px;color:#5e6a78;max-width:315px;line-height:1.8;margin:0;}
/* contact */
.contact {position:relative;isolation:isolate;overflow:hidden;padding:clamp(105px,11vw,150px) 0; background:radial-gradient(ellipse at 80% 54%,#0b3069 0%,#081c39 24%,#050d1b 66%);}
.contact-glow {position:absolute;z-index:-1;top:4%;right:5%;width:50%;height:100%;background:radial-gradient(ellipse,rgba(0,105,255,.19),transparent 67%);}
.contact-layout {display:grid;grid-template-columns:1.1fr .9fr;gap:10vw;align-items:center;}
.contact h2 {font-size:clamp(66px,6.7vw,106px);font-weight:870;line-height:1.03;letter-spacing:-.072em;margin:28px 0 26px; }
.contact-main>p {max-width:470px;font-size:15px;line-height:1.85;color:#a3b4cc;margin:0 0 34px; }
.contact-btn {min-width:190px;}
.contact-panel {position:relative;background:linear-gradient(135deg,rgba(20,54,103,.68),rgba(4,22,50,.89));border:1px solid rgba(59,130,233,.35);min-height:355px;padding:34px;box-shadow:35px 40px 70px rgba(0,0,0,.18); }
.contact-panel::after {content:"";position:absolute;top:-18px;right:-18px;width:65px;height:65px;border-top:2px solid #0da2fb;border-right:2px solid #0da2fb;opacity:.65;}
.contact-panel-head {display:flex;justify-content:space-between;font-size:10px;letter-spacing:.16em;font-weight:750;color:#7899bd;}
.contact-live-dot {height:8px;width:8px;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px var(--cyan);}
.contact-panel img {width:96%;margin:60px auto 45px;}
.contact-panel-bottom {display:flex;flex-direction:column;gap:10px;border-top:1px solid rgba(101,146,195,.31);padding-top:18px;}
.contact-panel-bottom>span {color:#7197bc;font-size:10px;letter-spacing:.15em;font-weight:750;}
.contact-panel-bottom>a {display:flex;gap:14px;align-items:center;justify-content:space-between;font-size:20px;font-weight:650;color:#f1f7ff;letter-spacing:-.025em;transition:color .2s;}
.contact-panel-bottom>a:hover{color:#2cbfff;}
.contact-panel-bottom>a span {font-size:20px;font-weight:350;}
.copy-email {margin-top:20px;border:0;background:none;padding:0;display:flex;align-items:center;gap:9px;font-size:12px;color:#77b7ff;cursor:pointer;}
.copy-email svg {width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.copy-email:hover {color:#fff;}
/* footer */
.site-footer {background:#020712;border-top:1px solid rgba(99,141,194,.22);padding:58px 0 28px;}
.footer-top {display:flex;align-items:center;justify-content:space-between;padding-bottom:59px;gap:30px;}
.footer-brand {display:flex;flex-direction:column;align-items:flex-end;width:208px; }
.footer-brand img {width:100%;}.footer-brand span {color:#92bde6;font-weight:850;font-size:9px;letter-spacing:.37em;margin-top:-5px;}
.footer-links {display:flex;gap:clamp(20px,3.5vw,47px);flex-wrap:wrap;}
.footer-links a {color:#99abc2;font-size:13px;transition:color .2s;}.footer-links a:hover {color:#fff;}
.footer-bottom {border-top:1px solid rgba(99,141,194,.20);padding-top:25px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;color:#66809e;font-size:10px;letter-spacing:.075em;}
.footer-bottom a {color:#9fb8d4;}.footer-bottom a:hover {color:white;}
/* appear animation */
.reveal {opacity:0;transform:translateY(30px);transition:opacity .95s var(--ease),transform .95s var(--ease);}
.reveal.is-visible {opacity:1;transform:translateY(0);}
.reveal.delay-1 {transition-delay:.12s;}.reveal.delay-2 {transition-delay:.23s;}
/* responsive */
@media (max-width:1200px) {
 .hero h1 {font-size:clamp(62px,6vw,83px)}
 .hero-art {height:560px;}
 .hero-bull {width:120%;}
 .art-chip-top {right:-5%;}
 .art-chip-bottom {left:-5%;}
 .nav-contact {margin-left:0;}
 .focus-card {min-height:490px;}
}
@media (max-width:1000px) {
 .container {width:min(100% - 48px,1320px);}
 .hero {height:auto;min-height:800px;}
 .hero-grid-layout {grid-template-columns:1fr .95fr;gap:5px;}
 .hero h1 {font-size:clamp(53px,6.8vw,72px);}
 .hero-copy {font-size:14px;}
 .hero-art {height:530px;}
 .art-chip {display:none;}
 .about-grid {gap:7vw;}
 .about h2,.section-heading h2,.approach h2 {font-size:clamp(51px,6vw,74px);}
 .contact-layout {gap:6vw;}
 .contact h2 {font-size:clamp(60px,7vw,84px);}
}
@media (max-width:860px) {
 .site-header {height:79px;}
 .site-header.is-scrolled {height:70px;}
 .brand {width:160px;}
 .nav-contact {margin-left:auto;margin-right:10px; padding:11px 13px;}
 .menu-toggle {display:flex!important; flex-direction:column;align-items:center;justify-content:center; gap:6px;width:43px;height:43px;background:none;border:1px solid rgba(85,151,232,.5);cursor:pointer;flex:none; }
 .menu-toggle span {width:18px;height:2px;background:#edf6ff;display:block;transition:transform .25s,opacity .25s;}
 .menu-toggle[aria-expanded="true"] span:nth-child(1) {transform:translateY(8px) rotate(45deg);}
 .menu-toggle[aria-expanded="true"] span:nth-child(2) {opacity:0;}
 .menu-toggle[aria-expanded="true"] span:nth-child(3) {transform:translateY(-8px) rotate(-45deg);}
 .main-nav {position:absolute;display:flex;flex-direction:column;align-items:stretch;gap:0;top:100%;left:0;right:0;padding:18px 24px 29px;background:rgba(4,13,29,.98);border-bottom:1px solid #214b81;box-shadow:0 30px 40px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(-10px);transition:opacity .25s,visibility .25s,transform .25s;}
 .main-nav.is-open {opacity:1;visibility:visible;transform:translateY(0);}
 .main-nav a {font-size:18px;padding:17px 4px;border-bottom:1px solid rgba(122,168,227,.15);}
 .mobile-contact {display:block!important;}
 .main-nav a::after{display:none;}
 .hero {padding-top:80px;min-height:auto;}
 .hero-grid-layout {grid-template-columns:1fr;gap:0;padding-top:85px;}
 .hero-content {padding:0;}
 .hero h1 {font-size:clamp(67px,9vw,95px);}
 .hero-copy {font-size:16px;}
 .hero-meta {margin-top:40px;}
 .hero-art {height:500px;width:min(100%,650px);margin-inline:auto;}
 .hero-bull {width:108%;}
 .hero-bottom {padding-bottom:29px;}
 .disciplines-inner {font-size:10px;flex-wrap:wrap;justify-content:center;gap:17px;padding:21px 0;}
 .about-grid {grid-template-columns:1fr;gap:20px;}
 .about-copy-block {padding-top:20px;}
 .about-symbol {display:none;}
 .about h2 {font-size:clamp(60px,8vw,80px);}
 .section-heading,.approach-header {align-items:flex-start;flex-direction:column;gap:22px;}
 .section-heading p,.approach-header>p {max-width:600px;}
 .contact-layout {grid-template-columns:1fr;gap:60px;}
 .contact-panel {max-width:600px;}
}
@media (max-width:650px) {
 :root {--gutter:20px;}
 .container {width:calc(100% - 40px);}
 .nav-wrap {gap:10px;}
 .nav-contact {display:none;}
 .brand {width:155px;}
 .hero-grid-layout {padding-top:69px;}
 .hero-eyebrow {font-size:9px;letter-spacing:.13em;margin-bottom:24px;}
 .hero h1 {font-size:clamp(52px,12.8vw,76px);margin-bottom:24px;}
 .hero-copy {font-size:15px;line-height:1.77;}
 .hero-actions {gap:10px;}
 .hero-actions .btn {min-height:50px;font-size:12px;}
 .btn-text {padding-left:0;}
 .hero-meta {margin-top:36px;font-size:9px;letter-spacing:.06em;}
 .hero-art {height:380px;margin-top:15px;}
 .hero-bull {width:113%;}
 .art-index {bottom:9%;font-size:8px;}
 .hero-bottom {font-size:8px;}
 .hero-marker {display:none;}
 .disciplines-inner {gap:11px;font-size:9px;letter-spacing:.07em;}
 .disciplines-plus {font-size:12px;}
 .about,.focus,.approach,.contact {padding-top:78px;padding-bottom:89px;}
 .eyebrow {font-size:9px;letter-spacing:.12em;gap:9px;}
 .eyebrow-line {width:19px;}
 .section-number {margin-left:4px;}
 .about h2,.section-heading h2,.approach h2 {font-size:clamp(49px,11.2vw,70px);}
 .about-copy-block .section-lead {font-size:23px;}
 .about-statements {margin-top:37px;}
 .focus-grid {grid-template-columns:1fr;gap:15px;}
 .focus-card {min-height:465px;padding:23px 25px 29px;}
 .focus-art {height:210px;top:52px;}
 .focus-body h3 {font-size:31px;}
 .section-heading {margin-bottom:40px;}
 .manifesto {padding:80px 0 72px;}
 .manifesto-label {margin-bottom:34px;}
 .manifesto h2 {font-size:clamp(40px,9.1vw,60px);}
 .approach-header {margin-bottom:45px;}
 .approach-grid {grid-template-columns:1fr;gap:46px;}
 .step-top {margin-bottom:27px;}
 .approach-step h3 {font-size:26px;}
 .approach-step p {max-width:490px;}
 .contact h2 {font-size:clamp(62px,12vw,83px);}
 .contact-panel {padding:24px;min-height:330px;}
 .contact-panel img {margin:60px auto 50px;}
 .contact-panel-bottom>a {font-size:18px;}
 .footer-top {align-items:flex-start;flex-direction:column;gap:33px;padding-bottom:40px;}
 .footer-links {gap:15px 25px;}
 .footer-bottom {align-items:flex-start;flex-direction:column;gap:14px;line-height:1.6;}
}
@media (max-width:375px) {
 .hero h1{font-size:49px;}
 .hero-actions {align-items:flex-start;flex-direction:column;}
 .hero-art {height:335px;}
 .hero-meta {font-size:8px;}
 .disciplines-plus:nth-child(4){display:none;}
 .contact-panel-bottom>a {font-size:16px;}
}

/* Dedicated device tuning: phone portrait, tablet portrait, tablet landscape. */
@media (min-width: 861px) and (max-width: 1180px) {
  /* Tablet landscape: balanced two-column hero and compact navigation. */
  .hero { max-height: none; }
  .hero-art { height: min(56vw, 590px); }
  .hero-bull { width: min(114%, 720px); height: auto; max-height: 100%; object-fit: contain; transform: translate(-1%, 2%); }
  .hero-copy { max-width: 420px; }
  .focus-card { min-height: 470px; }
  .nav-contact { gap: 14px; }
}
@media (min-width: 651px) and (max-width: 860px) {
  /* Tablet portrait: editorial headline over centered full bull; 2-up venture cards. */
  .hero { height: auto; max-height: none; }
  .hero-grid-layout { padding-top: 66px; }
  .hero-content { max-width: 690px; }
  .hero-art { width: min(100%, 700px); height: clamp(370px, 54vw, 475px); margin: 24px auto 0; }
  .hero-bull { width: min(104%, 710px); height: auto; max-height: 100%; object-fit: contain; transform: none; }
  .hero-bottom { padding-bottom: 30px; }
  .focus-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .focus-card { min-height: 470px; }
  .footer-top { align-items: flex-start; }
}
@media (max-width: 650px) {
  /* Phone: clear vertical flow, larger tap targets and no clipped hero art. */
  .hero { height: auto; max-height: none; }
  .hero-grid-layout { padding-top: 59px; }
  .hero-content { min-width: 0; }
  .hero h1 { font-size: clamp(49px, 12.6vw, 76px); overflow-wrap: normal; }
  .hero-art { width: 100%; height: clamp(245px, 65vw, 365px); margin: 25px auto 0; }
  .hero-bull { width: 110%; height: auto; max-height: 100%; object-fit: contain; transform: none; }
  .hero-bottom { padding-bottom: 23px; }
  .hero-meta { line-height: 1.5; }
  .menu-toggle { width: 46px; height: 46px; }
  .main-nav a { min-height: 52px; display:flex; align-items:center; }
  .focus-grid { grid-template-columns: minmax(0, 1fr); }
  .contact-panel-bottom>a { overflow-wrap: anywhere; }
  .footer-links a { min-height: 44px; display: inline-flex; align-items:center; }
  .copy-email { min-height: 44px; }
}
@media (max-width: 375px) {
  .hero h1 { font-size: clamp(45px, 12.6vw, 49px); }
  .hero-art { height: 245px; }
  .art-index { display:none; }
}
@media (max-width: 860px) and (orientation: landscape) and (max-height: 550px) {
  /* Small landscape devices shouldn't have an oversized decorative bull section. */
  .hero-grid-layout { padding-top: 42px; }
  .hero-art { height: 350px; }
}

@media (prefers-reduced-motion:reduce) {
 html {scroll-behavior:auto;}
 *, *::before, *::after {animation-duration:.01ms!important;transition-duration:.01ms!important;}
 .reveal {opacity:1;transform:none;}
}