@font-face{font-family:Montserrat;src:url("Montserrat.ttf") format("truetype");font-weight:100 900;font-style:normal;font-display:swap}


:root{
  --bg:#05080d;--bg2:#080d15;--surface:#0c121c;--surface2:#101827;
  --text:#f7f9fc;--muted:#96a2b3;--line:rgba(255,255,255,.10);
  --blue:#5e8fff;--blue2:#8eb2ff;--blue3:#d5e3ff;
  --glass:rgba(15,23,35,.58);--glass2:rgba(8,13,21,.78);
  --shadow:0 34px 90px rgba(0,0,0,.48);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--text);font-family:Montserrat,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  background:
    radial-gradient(circle at 77% 9%,rgba(63,124,255,.13),transparent 25%),
    radial-gradient(circle at 20% 18%,rgba(255,255,255,.032),transparent 18%),
    linear-gradient(180deg,#05080c 0%,#070b12 50%,#05080d 100%);
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}.wrap{max-width:1240px;margin:auto;padding:0 28px}
.nav-shell{position:sticky;top:16px;z-index:60;padding-top:16px}.nav-glass{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 20px;border:1px solid rgba(224,235,255,.20);border-radius:22px;background:linear-gradient(180deg,rgba(18,28,44,.62),rgba(8,13,22,.48));backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),inset 0 -1px 0 rgba(255,255,255,.04),0 18px 44px rgba(0,0,0,.28),0 0 0 1px rgba(98,145,255,.05);position:relative;overflow:hidden;transform:translateZ(0)}.nav-glass:before{content:"";position:absolute;left:8%;right:8%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);opacity:.68}.nav-glass:after{content:"";position:absolute;width:220px;height:90px;right:10%;top:-52px;background:radial-gradient(circle,rgba(128,171,255,.25),transparent 68%);filter:blur(12px);pointer-events:none}.brand{display:flex;align-items:center;gap:14px;font-size:13px;letter-spacing:.16em;position:relative;z-index:2}.brand img{width:38px;height:38px}.links{display:flex;gap:28px;align-items:center;font-size:13px;color:#bcc6d5;position:relative;z-index:2}.links>a:not(.btn){padding:10px 0;transition:color .25s ease}.links>a:not(.btn):hover{color:#fff}.btn,.ghost{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:12px;font-weight:700;transform-style:preserve-3d;transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;isolation:isolate;overflow:visible}.btn:before,.ghost:before{content:"";position:absolute;left:-14px;right:9px;top:7px;bottom:-10px;border-radius:15px;z-index:-2;transform:translate3d(-7px,7px,-30px);background:linear-gradient(135deg,rgba(150,190,255,.13),rgba(66,103,170,.07) 55%,rgba(10,18,31,.05));border:1px solid rgba(165,195,245,.14);box-shadow:-14px 18px 30px rgba(16,32,62,.18),inset 0 1px 0 rgba(255,255,255,.08);filter:blur(.15px);opacity:.72;pointer-events:none}.btn:after,.ghost:after{content:"";position:absolute;left:-22px;right:18px;top:13px;bottom:-16px;border-radius:16px;z-index:-3;transform:translate3d(-8px,8px,-44px);background:rgba(92,132,205,.055);border:1px solid rgba(132,168,225,.07);filter:blur(1.6px);opacity:.56;pointer-events:none}.btn{color:white;border:1px solid rgba(181,203,245,.30);background:linear-gradient(180deg,#6288e6 0%,#446dc8 58%,#355aa9 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(4,15,42,.42),0 9px 20px rgba(27,55,118,.16)}.ghost{border:1px solid rgba(190,206,235,.20);color:#e8eef8;background:linear-gradient(180deg,#172235,#0d1522);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),inset 0 -1px 0 rgba(0,0,0,.25),0 9px 18px rgba(0,0,0,.16)}.ghost:before{background:linear-gradient(135deg,rgba(132,170,235,.09),rgba(41,67,110,.05) 60%,rgba(8,14,24,.03));border-color:rgba(150,179,225,.10)}.ghost:after{background:rgba(67,94,139,.04);border-color:rgba(122,151,194,.055)}.btn:hover,.ghost:hover{transform:translateY(-3px) translateZ(10px)}.btn:hover:before,.ghost:hover:before{transform:translate3d(-10px,10px,-34px);opacity:.82}.btn:hover:after,.ghost:hover:after{transform:translate3d(-12px,11px,-48px);opacity:.64}
.hero{min-height:790px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:64px;padding:86px 0 104px}.eyebrow{color:#7ea5ff;font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:24px}.hero h1{font-size:68px;line-height:.98;letter-spacing:-.055em;margin:0 0 28px;max-width:670px}.hero p{font-size:18px;line-height:1.65;color:#aeb7c5;max-width:580px}.actions{display:flex;gap:12px;margin-top:36px}

/* SPATIAL HERO */
.visual-wrap{position:relative;height:585px;perspective:1500px;perspective-origin:50% 46%;transform-style:preserve-3d}
.visual-stage{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .18s ease-out}
.glow{position:absolute;width:380px;height:380px;border-radius:50%;right:30px;top:70px;background:radial-gradient(circle,rgba(63,124,255,.20),rgba(63,124,255,.05) 42%,transparent 72%);filter:blur(26px);transform:translateZ(-180px)}
.frame{position:absolute;border:1px solid rgba(255,255,255,.10);border-radius:34px;pointer-events:none;transform-style:preserve-3d;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(65,121,255,.015));box-shadow:inset 0 1px 0 rgba(255,255,255,.09)}
.frame.f1{inset:42px 14px 44px 48px;transform:rotateY(-11deg) rotateX(4deg) translateZ(-88px)}
.frame.f2{inset:74px -14px 10px 88px;transform:rotateY(-13deg) rotateX(6deg) translateZ(-155px);opacity:.72}
.frame.f3{inset:8px 70px 96px 18px;transform:rotateY(-7deg) rotateX(2deg) translateZ(-215px);opacity:.48}

.screen-shell{position:absolute;inset:48px 28px 46px 36px;transform-style:preserve-3d;transform:rotateY(-7deg) rotateX(3deg) translateZ(26px)}
.screen-back{position:absolute;inset:0;border-radius:28px;background:linear-gradient(145deg,rgba(132,166,255,.14),rgba(255,255,255,.025));border:1px solid rgba(153,184,255,.16);transform:translate3d(16px,18px,-34px);box-shadow:0 56px 110px rgba(0,0,0,.48)}
.screen-side{position:absolute;top:14px;right:-18px;width:22px;height:calc(100% - 22px);transform-origin:left center;transform:rotateY(76deg) translateZ(-1px);border-radius:0 18px 18px 0;background:linear-gradient(90deg,rgba(181,203,255,.18),rgba(73,107,160,.055));border:1px solid rgba(178,202,255,.16);backdrop-filter:blur(12px)}
.screen-bottom{position:absolute;left:14px;bottom:-17px;width:calc(100% - 25px);height:20px;transform-origin:center top;transform:rotateX(-78deg);border-radius:0 0 18px 18px;background:linear-gradient(180deg,rgba(146,178,248,.14),rgba(55,76,111,.04));border:1px solid rgba(167,195,255,.14)}
.market{position:absolute;inset:0;border-radius:28px;overflow:hidden;background:linear-gradient(180deg,rgba(18,27,41,.76),rgba(7,12,20,.82));border:1px solid rgba(255,255,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -1px 0 rgba(255,255,255,.025),0 24px 64px rgba(0,0,0,.26),0 0 70px rgba(63,124,255,.055);backdrop-filter:blur(24px) saturate(130%);-webkit-backdrop-filter:blur(24px) saturate(130%);transform:translateZ(1px)}
.market:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 19%,transparent 67%,rgba(87,135,255,.045)),radial-gradient(circle at 72% 0%,rgba(94,143,255,.16),transparent 34%),linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:auto,auto,52px 52px,52px 52px;pointer-events:none}.market:after{content:"";position:absolute;left:9%;right:9%;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);opacity:.68}.topbar{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;font-size:11px;color:#8e9bad;letter-spacing:.08em}.chart{position:absolute;inset:90px 34px 58px}.chart svg{width:100%;height:100%;filter:drop-shadow(0 14px 20px rgba(57,119,255,.16))}.quote{position:absolute;right:26px;bottom:22px;background:linear-gradient(180deg,rgba(20,31,47,.78),rgba(11,18,29,.88));border:1px solid rgba(139,174,255,.26);padding:14px 16px;border-radius:12px;font-size:11px;backdrop-filter:blur(14px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 15px 36px rgba(0,0,0,.30);transform:translateZ(26px)}.quote b{display:block;color:#7ba3ff;font-size:18px;margin-top:5px}


/* INVESTMENT-SPECIFIC SPATIAL GLASS OBJECTS */
.metric-visual{position:absolute;right:18px;bottom:14px;width:96px;height:68px;perspective:700px;pointer-events:none}.metric-visual .mv-back,.concept-visual .cv-back{position:absolute;inset:8px 0 0 10px;border-radius:12px;border:1px solid rgba(145,183,255,.14);background:linear-gradient(145deg,rgba(120,160,235,.11),rgba(10,18,31,.20));transform:translateZ(-18px)}.metric-visual .mv-front{position:absolute;inset:0;border-radius:12px;border:1px solid rgba(220,235,255,.16);background:linear-gradient(180deg,rgba(30,43,65,.46),rgba(9,16,28,.34));backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 13px 24px rgba(0,0,0,.18);transform:rotateX(5deg) rotateY(-8deg) translateZ(8px);overflow:hidden}.metric-visual svg,.concept-visual svg{width:100%;height:100%;display:block}.metric-visual path,.metric-visual line,.metric-visual circle,.concept-visual path,.concept-visual line,.concept-visual rect,.concept-visual circle,.concept-visual polyline{vector-effect:non-scaling-stroke}.stat{overflow:visible}.stat span,.stat b{position:relative;z-index:3}.stat b{padding-right:92px}
.concept-visual{position:absolute;right:24px;top:24px;width:128px;height:92px;perspective:800px;transform-style:preserve-3d}.concept-visual .cv-back{inset:10px -6px -8px 12px;border-radius:16px;transform:translateZ(-24px)}.concept-visual .cv-side{position:absolute;top:12px;right:-9px;width:12px;height:65px;transform-origin:left center;transform:rotateY(74deg);border:1px solid rgba(172,202,255,.13);background:linear-gradient(90deg,rgba(168,197,255,.16),rgba(48,66,97,.03));border-radius:0 10px 10px 0}.concept-visual .cv-front{position:absolute;inset:0;border-radius:16px;border:1px solid rgba(227,239,255,.16);background:linear-gradient(180deg,rgba(27,39,58,.54),rgba(9,15,25,.48));backdrop-filter:blur(15px) saturate(125%);box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 18px 30px rgba(0,0,0,.22);overflow:hidden;transform:rotateX(6deg) rotateY(-10deg) translateZ(10px)}.tile-wrap:nth-child(2) .concept-visual .cv-front{transform:rotateX(4deg) rotateY(9deg) translateZ(12px)}.tile-wrap:nth-child(3) .concept-visual .cv-front{transform:rotateX(7deg) rotateY(-7deg) translateZ(12px)}.tile-face .num{margin-bottom:82px}.tile-face h3,.tile-face p{position:relative;z-index:3}.concept-visual .pulse{filter:drop-shadow(0 0 6px rgba(111,156,255,.30))}
/* floating extruded mini tiles */
.float-tile{position:absolute;width:164px;height:94px;transform-style:preserve-3d;z-index:8;transition:transform .18s ease-out}
.float-tile .back{position:absolute;inset:0;border-radius:17px;background:rgba(76,111,171,.10);border:1px solid rgba(143,176,243,.14);transform:translate3d(10px,12px,-25px)}
.float-tile .face{position:absolute;inset:0;border-radius:17px;background:linear-gradient(180deg,rgba(19,29,45,.82),rgba(8,14,22,.88));border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 22px 40px rgba(0,0,0,.27);padding:15px}
.float-tile .face:after{content:"";position:absolute;left:12px;right:12px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.70),transparent);opacity:.6}.float-tile small{display:block;color:#748198;font-size:9px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px}.float-tile b{font-size:15px}.float-tile i{display:block;margin-top:8px;color:#6f9dff;font-size:11px;font-style:normal}.t1{left:-6px;top:98px;transform:rotateY(-12deg) rotateX(7deg) translateZ(92px)}.t2{right:-18px;top:78px;transform:rotateY(-15deg) rotateX(5deg) translateZ(74px)}.t3{right:4px;bottom:30px;transform:rotateY(-9deg) rotateX(4deg) translateZ(106px)}
.depth-label{position:absolute;left:-7px;bottom:52px;transform:rotate(-90deg);transform-origin:left bottom;color:#64738b;font-size:9px;letter-spacing:.20em;text-transform:uppercase}

.strip{position:relative;padding:26px 0 34px;background:linear-gradient(180deg,rgba(5,8,13,0) 0%,rgba(8,14,23,.72) 42%,rgba(12,22,38,.78) 100%);border:0;overflow:visible}.strip:before{content:"";position:absolute;inset:-90px 0 auto;height:170px;background:radial-gradient(ellipse at 50% 100%,rgba(77,125,224,.20),transparent 68%);filter:blur(22px);pointer-events:none}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;perspective:1300px}.stat{min-height:118px;padding:24px 24px 22px;position:relative;border:1px solid rgba(215,229,255,.14);border-radius:18px;background:linear-gradient(180deg,rgba(24,36,54,.66),rgba(9,15,25,.70));backdrop-filter:blur(18px) saturate(135%);-webkit-backdrop-filter:blur(18px) saturate(135%);box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 18px 36px rgba(0,0,0,.20);transform-style:preserve-3d;transform:rotateX(2deg) translateZ(18px)}.stat:nth-child(2){transform:translateY(8px) rotateX(1deg) rotateY(-2deg) translateZ(10px)}.stat:nth-child(3){transform:translateY(-4px) rotateX(2deg) rotateY(2deg) translateZ(22px)}.stat:nth-child(4){transform:translateY(6px) rotateX(1deg) rotateY(-1deg) translateZ(14px)}.stat:before{content:"";position:absolute;inset:8px -10px -12px 10px;border-radius:18px;background:linear-gradient(145deg,rgba(84,125,198,.16),rgba(10,16,28,.36));border:1px solid rgba(140,173,235,.10);transform:translateZ(-24px);z-index:-1}.stat:after{content:"";position:absolute;left:16px;right:16px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.85),transparent);opacity:.6}.stat span{font-size:10px;color:#8d9ab0;text-transform:uppercase;letter-spacing:.15em}.stat b{display:block;margin-top:13px;font-size:17px}
.section{padding:120px 0}.sectionHead{display:grid;grid-template-columns:.45fr 1fr;gap:60px;margin-bottom:66px}.sectionHead small{color:#6d95ff;letter-spacing:.16em;text-transform:uppercase}.sectionHead h2{font-size:48px;line-height:1.05;letter-spacing:-.04em;margin:0}

/* TRUE 3D TILES */
.tile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;perspective:1300px}.tile-wrap{min-height:300px;perspective:1200px}.tile3d{height:100%;position:relative;transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.tile-wrap:nth-child(1) .tile3d{transform:rotateX(2deg) rotateY(4deg)}.tile-wrap:nth-child(2) .tile3d{transform:translateY(18px) rotateX(1deg) rotateY(-3deg)}.tile-wrap:nth-child(3) .tile3d{transform:translateY(-4px) rotateX(3deg) rotateY(-4deg)}
.tile3d .plate{position:absolute;inset:0;border-radius:20px;background:linear-gradient(145deg,rgba(100,143,230,.11),rgba(255,255,255,.018));border:1px solid rgba(145,178,240,.13);transform:translate3d(13px,14px,-26px);box-shadow:0 30px 56px rgba(0,0,0,.24)}
.tile3d .side{position:absolute;top:11px;right:-16px;width:18px;height:calc(100% - 17px);transform-origin:left center;transform:rotateY(78deg);border-radius:0 14px 14px 0;background:linear-gradient(90deg,rgba(157,186,247,.16),rgba(68,91,132,.04));border:1px solid rgba(165,192,246,.13)}
.tile3d .bottom{position:absolute;left:10px;bottom:-15px;width:calc(100% - 16px);height:17px;transform-origin:center top;transform:rotateX(-78deg);border-radius:0 0 14px 14px;background:linear-gradient(180deg,rgba(144,175,236,.13),rgba(62,83,120,.04));border:1px solid rgba(163,190,244,.12)}
.tile-face{position:absolute;inset:0;padding:34px;border:1px solid rgba(255,255,255,.095);border-radius:20px;background:linear-gradient(180deg,rgba(15,23,35,.78),rgba(7,12,20,.88));backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 18px 48px rgba(0,0,0,.25);overflow:hidden}.tile-face:before{content:"";position:absolute;left:18px;right:18px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.56),transparent);opacity:.66}.tile-face:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-70px;top:-72px;background:radial-gradient(circle,rgba(63,124,255,.15),transparent 68%)}.num{font-size:11px;color:#667388;margin-bottom:60px}.tile-face h3{font-size:22px;margin:0 0 14px}.tile-face p{color:#909cad;line-height:1.62;font-size:14px;max-width:320px}
.tile-wrap:hover .tile3d{transform:translateY(-8px) rotateX(5deg) rotateY(-6deg) translateZ(18px)}

.blue{position:relative;margin:0;padding:126px 0 170px;background:linear-gradient(180deg,#0b1423 0%,#12233d 15%,#1a3868 34%,#28549a 55%,#315fae 67%,#274a84 77%,#172a49 86%,#0b1422 94%,#05080d 100%);overflow:hidden}.blue:before{content:"";position:absolute;left:0;right:0;top:-120px;height:180px;background:linear-gradient(180deg,rgba(11,20,35,0),#0b1423 78%);pointer-events:none}.blue:after{content:"";position:absolute;left:0;right:0;bottom:0;height:190px;background:linear-gradient(180deg,rgba(5,8,13,0),rgba(5,8,13,.34) 42%,#05080d 100%);pointer-events:none}.blue .sectionHead small,.blue p{color:#d7e3ff}.blue h2{max-width:800px}.blue .spatial-rings{position:absolute;right:-40px;top:30px;width:520px;height:300px;perspective:900px}.blue .spatial-rings i{position:absolute;inset:0;border:1px solid rgba(255,255,255,.16);border-radius:36px;transform:rotateY(-18deg) rotateX(8deg);background:linear-gradient(145deg,rgba(255,255,255,.055),transparent 60%)}.blue .spatial-rings i:nth-child(2){transform:translate3d(34px,28px,-70px) rotateY(-18deg) rotateX(8deg);opacity:.55}.blue .spatial-rings i:nth-child(3){transform:translate3d(70px,52px,-140px) rotateY(-18deg) rotateX(8deg);opacity:.30}

.platform-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:26px;perspective:1400px}.platform-card{position:relative;min-height:330px;transform-style:preserve-3d;transform:rotateY(3.5deg) rotateX(1.7deg)}.platform-card .pback{position:absolute;inset:0;border-radius:22px;background:rgba(75,112,174,.10);border:1px solid rgba(143,176,243,.13);transform:translate3d(14px,15px,-28px)}.platform-card .pface{position:absolute;inset:0;padding:40px;border-radius:22px;background:linear-gradient(180deg,rgba(15,23,35,.80),rgba(7,12,20,.90));border:1px solid rgba(255,255,255,.09);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 24px 52px rgba(0,0,0,.24);backdrop-filter:blur(18px)}.platform-side{display:grid;gap:18px;perspective:1200px}.mini3d{position:relative;min-height:98px;transform-style:preserve-3d}.mini3d:nth-child(1){transform:rotateY(-4deg) translateZ(18px)}.mini3d:nth-child(2){transform:translateX(-10px) rotateY(-2deg) translateZ(6px)}.mini3d:nth-child(3){transform:translateX(8px) rotateY(-5deg) translateZ(26px)}.mini3d .mback{position:absolute;inset:0;border-radius:16px;background:rgba(92,126,183,.09);border:1px solid rgba(139,172,231,.12);transform:translate3d(9px,10px,-20px)}.mini3d .mface{position:absolute;inset:0;border-radius:16px;padding:22px;background:linear-gradient(180deg,rgba(16,24,36,.80),rgba(8,13,21,.88));border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 16px 34px rgba(0,0,0,.20)}.mini3d span{display:block;color:#69778d;font-size:10px;letter-spacing:.14em;margin-bottom:12px}.mini3d b{font-size:18px}
.footer{padding:65px 0;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;color:#778398;font-size:12px}

@media(max-width:900px){.links a:not(.btn){display:none}.hero{grid-template-columns:1fr;padding:68px 0}.hero h1{font-size:50px}.visual-wrap{height:520px}.float-tile{transform:scale(.86)!important}.tile-grid,.platform-grid{grid-template-columns:1fr}.tile-wrap:nth-child(n) .tile3d{transform:none}.platform-card{transform:none}.sectionHead{grid-template-columns:1fr}.sectionHead h2{font-size:40px}.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}}
@media(max-width:620px){.wrap{padding:0 18px}.hero h1{font-size:43px}.hero p{font-size:16px}.visual-wrap{height:430px}.frame,.float-tile,.screen-side,.screen-bottom,.depth-label{display:none}.screen-shell{inset:18px 4px 20px 4px;transform:none}.screen-back{transform:translate3d(8px,10px,-20px)}.tile3d .side,.tile3d .bottom{display:none}.tile3d .plate{transform:translate3d(8px,9px,-18px)}.section{padding:88px 0}.sectionHead h2{font-size:34px}.blue .spatial-rings{opacity:.45;right:-260px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}


/* V8 — Blackceron soft cast-glass material. One body only; no duplicate/back plate. */
.btn, .button, a[class*="btn"], button[class*="btn"] {
  isolation: isolate;
}

/* Remove all prior separate glass/backplate layers from buttons */
.btn::before, .btn::after,
.button::before, .button::after,
a[class*="btn"]::before, a[class*="btn"]::after,
button[class*="btn"]::before, button[class*="btn"]::after {
  content: none !important;
  display: none !important;
}

.btn-primary, .btn-secondary,
.button-primary, .button-secondary,
a[class*="btn-primary"], a[class*="btn-secondary"] {
  position: relative !important;
  overflow: hidden !important;
  transform: translateZ(0);
  border: 1px solid rgba(174, 211, 255, .48) !important;
  border-radius: 24px !important;
  background:
    linear-gradient(180deg, rgba(126,177,255,.72) 0%, rgba(62,120,222,.76) 28%, rgba(24,67,147,.88) 100%) !important;
  color: #f7fbff !important;
  box-shadow:
    inset 0 2px 2px rgba(238,248,255,.76),
    inset 2px 0 4px rgba(196,226,255,.30),
    inset -2px 0 5px rgba(7,31,79,.28),
    inset 0 -8px 14px rgba(7,28,72,.32),
    0 3px 4px rgba(122,182,255,.16),
    0 12px 18px rgba(6,21,49,.30),
    0 20px 34px rgba(3,12,30,.34) !important;
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
  transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .28s ease, filter .28s ease !important;
}

/* Secondary: same physical material, darker navy glass */
.btn-secondary, .button-secondary, a[class*="btn-secondary"] {
  background:
    linear-gradient(180deg, rgba(54,80,119,.58) 0%, rgba(20,38,68,.74) 34%, rgba(9,20,39,.90) 100%) !important;
  border-color: rgba(143,185,239,.30) !important;
  box-shadow:
    inset 0 2px 2px rgba(211,233,255,.34),
    inset 2px 0 4px rgba(151,197,248,.16),
    inset -2px 0 5px rgba(0,8,23,.38),
    inset 0 -8px 14px rgba(0,8,22,.34),
    0 12px 18px rgba(2,11,28,.28),
    0 20px 34px rgba(1,7,18,.32) !important;
}

.btn-primary:hover, .btn-secondary:hover,
.button-primary:hover, .button-secondary:hover,
a[class*="btn-primary"]:hover, a[class*="btn-secondary"]:hover {
  transform: translateY(-2px) !important;
  filter: brightness(1.06);
  box-shadow:
    inset 0 2px 3px rgba(244,250,255,.82),
    inset 2px 0 5px rgba(196,226,255,.34),
    inset -2px 0 6px rgba(7,31,79,.28),
    inset 0 -9px 16px rgba(7,28,72,.34),
    0 5px 7px rgba(120,181,255,.18),
    0 16px 24px rgba(5,19,47,.34),
    0 26px 44px rgba(2,10,26,.36) !important;
}

/* Apply the same cast-glass language to investment visual objects without adding duplicate plates. */
.glass-visual, .visual-glass, .glass-object, .investment-visual,
.focus-visual, .method-visual, .market-visual, .trade-visual, .exposure-visual {
  border-color: rgba(160,203,255,.32) !important;
  background: linear-gradient(145deg, rgba(104,160,237,.23), rgba(20,54,108,.19) 48%, rgba(5,17,37,.36)) !important;
  box-shadow:
    inset 0 1px 2px rgba(230,245,255,.42),
    inset 1px 0 3px rgba(161,207,255,.18),
    inset 0 -8px 16px rgba(3,18,48,.22),
    0 14px 28px rgba(0,9,25,.25) !important;
  backdrop-filter: blur(18px) saturate(125%);
  -webkit-backdrop-filter: blur(18px) saturate(125%);
}


.btn-secondary, .button-secondary, a[class*="btn-secondary"] {
  box-shadow:
    inset 0 2px 2px rgba(211,233,255,.34),
    inset 2px 0 4px rgba(151,197,248,.16),
    inset -2px 0 5px rgba(0,8,23,.38),
    inset 0 -8px 14px rgba(0,8,22,.34),
    0 7px 14px rgba(2,11,28,.22) !important;
}
.btn-secondary:hover, .button-secondary:hover, a[class*="btn-secondary"]:hover {
  box-shadow:
    inset 0 2px 3px rgba(225,240,255,.40),
    inset 2px 0 5px rgba(151,197,248,.18),
    inset -2px 0 5px rgba(0,8,23,.38),
    inset 0 -8px 14px rgba(0,8,22,.34),
    0 9px 17px rgba(2,11,28,.24) !important;
}


/* ONLY remove the displaced left/back glass plate from "The firm". */
.btn-secondary::before,
.btn-secondary::after,
.button-secondary::before,
.button-secondary::after,
a[class*="btn-secondary"]::before,
a[class*="btn-secondary"]::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
  transform: none !important;
}


/* Replace the echoed rectangles in section 02 with one single glass market object. */
.blue .spatial-rings { display:none !important; }

.firm-glass-chart{
  position:absolute;
  right:clamp(-42px,2vw,22px);
  top:54px;
  width:min(47vw,650px);
  height:auto;
  z-index:1;
  pointer-events:none;
  filter:drop-shadow(0 24px 34px rgba(3,14,36,.26));
  opacity:.96;
}

.firm-glass-chart svg{
  display:block;
  width:100%;
  height:auto;
  overflow:visible;
}

.firm-glass-chart .chart-area{
  fill:url(#chartFill);
  stroke:none;
}

.firm-glass-chart .chart-line{
  fill:none;
  stroke:url(#chartStroke);
  stroke-width:5;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:url(#softGlassGlow);
}

.firm-glass-chart .chart-bars line{
  stroke:rgba(214,234,255,.42);
  stroke-width:3;
  stroke-linecap:round;
}

.firm-glass-chart .chart-bars rect{
  fill:rgba(181,215,255,.16);
  stroke:rgba(222,239,255,.52);
  stroke-width:2;
  filter:url(#softGlassGlow);
}

.firm-glass-chart .chart-point{
  fill:rgba(219,237,255,.90);
  stroke:rgba(136,187,255,.72);
  stroke-width:5;
  filter:url(#softGlassGlow);
}

.blue > .wrap{
  position:relative;
  z-index:2;
}

@media(max-width:900px){
  .firm-glass-chart{
    right:-150px;
    top:84px;
    width:620px;
    opacity:.52;
  }
}


/* V13 — single-layer glass everywhere: no echo, no backplates, no shadows. */

*, *::before, *::after {
  box-shadow: none !important;
  text-shadow: none !important;
  filter: none !important;
}

/* Remove common displaced/duplicated depth layers while preserving the actual front objects. */
.btn::before, .btn::after,
.button::before, .button::after,
a[class*="btn"]::before, a[class*="btn"]::after,

.approach-card::before, .approach-card::after,
.info-card::before, .info-card::after,
.stat-card::before, .stat-card::after,
.tile::before, .tile::after,
.glass-card::before, .glass-card::after,
.glass-tile::before, .glass-tile::after,

.glass-object::before, .glass-object::after,
.glass-visual::before, .glass-visual::after,
.visual-glass::before, .visual-glass::after,
.investment-visual::before, .investment-visual::after,
.focus-visual::before, .focus-visual::after,
.method-visual::before, .method-visual::after,
.market-visual::before, .market-visual::after,
.trade-visual::before, .trade-visual::after,
.exposure-visual::before, .exposure-visual::after,

.hero-panel::before, .hero-panel::after,
.market-panel::before, .market-panel::after,
.panel::before, .panel::after {
  content: none !important;
  display: none !important;
  opacity: 0 !important;
  transform: none !important;
}

/* Hide known separate depth/backplate helper elements if present. */
.backplate,
.glass-backplate,
.depth-layer,
.echo-layer,
.echo,
.shadow-layer,
.card-back,
.tile-back,
.panel-back,
.glass-shadow,
.spatial-layer {
  display: none !important;
}

/* Keep glass itself, just as one layer. */
.btn-primary, .btn-secondary,
.button-primary, .button-secondary,
a[class*="btn-primary"], a[class*="btn-secondary"],
.approach-card, .info-card, .stat-card, .tile,
.glass-card, .glass-tile,
.glass-object, .glass-visual, .visual-glass, .investment-visual,
.focus-visual, .method-visual, .market-visual, .trade-visual, .exposure-visual,
.hero-panel, .market-panel, .panel {
  transform: none !important;
}

/* Keep the single glass chart clean too. */
.firm-glass-chart,
.firm-glass-chart *,
.firm-glass-chart svg * {
  filter: none !important;
  box-shadow: none !important;
}


/* V14: exactly one visible glass plane per component. No backplate, echo, side extrusion or outer shadow. */
.stat::before,
.tile3d::before,
.tile3d::after,
.platform-card::before,
.platform-card::after,
.mini3d::before,
.mini3d::after,
.metric-visual::before,
.metric-visual::after,
.concept-visual::before,
.concept-visual::after,
.float-tile::before,
.float-tile::after,
.screen-shell::before,
.screen-shell::after {
  content: none !important;
  display: none !important;
}

/* One glass pane only; preserve transparency / blur / border but no duplicate depth. */
.stat,
.tile-face,
.platform-card .pface,
.mini3d .mface,
.metric-visual .mv-front,
.concept-visual .cv-front,
.float-tile .face,
.market,
.nav-glass,
.btn,
.ghost {
  box-shadow: none !important;
}

/* Remove offsets that can visually imply a second layer while keeping the glass panel itself. */
.stat,
.tile3d,
.platform-card,
.mini3d,
.metric-visual .mv-front,
.concept-visual .cv-front,
.float-tile,
.screen-shell,
.market {
  transform: none !important;
}

.tile-wrap:hover .tile3d,
.btn:hover,
.ghost:hover {
  transform: none !important;
}




/* --- 02: Single-layer Liquid Glass buttons. No echo/backplate/outer shadow. --- */
.btn,.ghost{
  border-radius:20px !important;
  overflow:hidden !important;
  transform:none !important;
  border:1px solid rgba(224,238,255,.13) !important;
  -webkit-backdrop-filter:blur(22px) saturate(135%) !important;
  backdrop-filter:blur(22px) saturate(135%) !important;
  box-shadow:
    inset 0 1px 1px rgba(255,255,255,.12),
    0 8px 22px rgba(0,0,0,.16) !important;
}
.btn{
  background:
    radial-gradient(120% 170% at 18% -22%, rgba(255,255,255,.19) 0%, rgba(255,255,255,.04) 26%, transparent 49%),
    radial-gradient(95% 120% at 86% 120%, rgba(84,138,255,.12), transparent 54%),
    linear-gradient(180deg, rgba(111,163,255,.24) 0%, rgba(61,112,211,.16) 52%, rgba(31,73,151,.20) 100%) !important;
}
.ghost{
  color:#f3f7ff !important;
  border-color:rgba(201,222,255,.27) !important;
  background:
    radial-gradient(120% 170% at 18% -22%, rgba(255,255,255,.23) 0%, rgba(255,255,255,.06) 28%, transparent 52%),
    radial-gradient(100% 120% at 82% 120%, rgba(72,119,205,.18), transparent 54%),
    linear-gradient(180deg, rgba(31,46,69,.61) 0%, rgba(13,25,43,.56) 58%, rgba(7,16,29,.66) 100%) !important;
}
.btn::before,.btn::after,.ghost::before,.ghost::after{
  content:none !important;
  display:none !important;
}
.btn:hover,.ghost:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(235,246,255,.22) !important;
}

/* --- 03: Clean, intentional placement of the hero market windows --- */
.visual-wrap{
  height:600px !important;
}
.visual-stage{
  transform:none !important;
}
.glow{
  opacity:.55;
}
.frame,.screen-back,.screen-side,.screen-bottom{
  display:none !important;
}
.screen-shell{
  inset:90px 54px 76px 54px !important;
  transform:none !important;
}
.market{
  border-radius:30px !important;
  background:
    radial-gradient(110% 95% at 18% 0%, rgba(108,156,239,.12), transparent 46%),
    linear-gradient(180deg,rgba(17,28,44,.72),rgba(7,14,25,.74)) !important;
  border:1px solid rgba(202,222,255,.20) !important;
  -webkit-backdrop-filter:blur(24px) saturate(150%) !important;
  backdrop-filter:blur(24px) saturate(150%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18) !important;
}
.market::after{
  opacity:.42 !important;
}
.quote{
  left:24px !important;
  right:auto !important;
  bottom:22px !important;
  border-radius:16px !important;
  background:rgba(12,24,42,.52) !important;
  border:1px solid rgba(170,202,255,.23) !important;
  -webkit-backdrop-filter:blur(22px) saturate(155%) !important;
  backdrop-filter:blur(22px) saturate(155%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.13) !important;
}
.float-tile{
  width:178px !important;
  height:108px !important;
  transform:none !important;
}
.float-tile .face{
  border-radius:22px !important;
  padding:18px !important;
  background:
    radial-gradient(120% 160% at 18% -18%, rgba(255,255,255,.18), transparent 42%),
    linear-gradient(180deg,rgba(24,39,61,.65),rgba(7,16,29,.65)) !important;
  border:1px solid rgba(195,217,255,.21) !important;
  -webkit-backdrop-filter:blur(24px) saturate(155%) !important;
  backdrop-filter:blur(24px) saturate(155%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.15) !important;
}
.float-tile .face::after{
  opacity:.34 !important;
}
.float-tile b{font-size:16px !important;line-height:1.15}
.float-tile small{margin-bottom:13px !important}
.t1{left:-8px !important;top:150px !important}
.t2{right:-8px !important;top:42px !important}
.t3{right:14px !important;bottom:26px !important}
.depth-label{display:none !important}

/* --- 04: Market-specific icon panes, one glass layer only --- */
.metric-visual{
  width:102px !important;
  height:72px !important;
  right:18px !important;
  bottom:18px !important;
}
.metric-visual .mv-front,
.concept-visual .cv-front{
  transform:none !important;
  border-radius:18px !important;
  border:1px solid rgba(200,221,255,.20) !important;
  background:
    radial-gradient(120% 160% at 14% -22%, rgba(255,255,255,.16), transparent 43%),
    linear-gradient(180deg,rgba(28,44,68,.55),rgba(8,17,31,.50)) !important;
  -webkit-backdrop-filter:blur(22px) saturate(150%) !important;
  backdrop-filter:blur(22px) saturate(150%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14) !important;
}
.metric-visual .mv-back,
.concept-visual .cv-back,
.concept-visual .cv-side{
  display:none !important;
}
.concept-visual{
  width:136px !important;
  height:96px !important;
}
.concept-visual svg,
.metric-visual svg{
  overflow:visible;
}

/* Keep stat / approach panes flat and clean, but glass. */
.stat{
  transform:none !important;
  background:
    radial-gradient(120% 150% at 12% -24%,rgba(255,255,255,.12),transparent 42%),
    linear-gradient(180deg,rgba(25,39,60,.61),rgba(8,17,30,.62)) !important;
  border-color:rgba(195,216,255,.17) !important;
  -webkit-backdrop-filter:blur(22px) saturate(145%) !important;
  backdrop-filter:blur(22px) saturate(145%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12) !important;
}
.tile-face{
  background:
    radial-gradient(100% 120% at 8% -18%,rgba(255,255,255,.08),transparent 40%),
    linear-gradient(180deg,rgba(14,25,41,.74),rgba(6,13,23,.78)) !important;
  border-color:rgba(200,219,255,.12) !important;
  -webkit-backdrop-filter:blur(20px) saturate(140%) !important;
  backdrop-filter:blur(20px) saturate(140%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09) !important;
}
.tile3d,.tile-wrap:nth-child(n) .tile3d{
  transform:none !important;
}

/* Responsive cleanup */
@media(max-width:900px){
  .screen-shell{inset:72px 22px 72px 22px !important}
  .t1{left:0 !important;top:125px !important}
  .t2{right:0 !important;top:28px !important}
  .t3{right:8px !important;bottom:18px !important}
}
@media(max-width:620px){
  .float-tile{display:none !important}
  .screen-shell{inset:22px 0 24px 0 !important}
}


:root{
  --bc-black:#05080d;
  --bc-ink:#07101b;
  --bc-navy:#0d1c31;
  --bc-blue-deep:#173562;
  --bc-blue:#28579f;
  --bc-blue-soft:#315fa9;
  --bc-line:rgba(203,222,255,.16);
}

/* --- Continuous color transition: no visible start/end line --- */
.blue{
  position:relative !important;
  isolation:isolate;
  margin-top:-150px !important;
  padding-top:300px !important;
  padding-bottom:220px !important;
  overflow:hidden;
  background:
    radial-gradient(90% 72% at 84% 48%,
      rgba(77,130,226,.22) 0%,
      rgba(57,101,180,.15) 26%,
      rgba(34,67,119,.08) 51%,
      rgba(5,8,13,0) 76%),
    radial-gradient(120% 74% at 52% 58%,
      rgba(50,99,182,.22) 0%,
      rgba(28,58,108,.13) 37%,
      rgba(8,18,32,.04) 65%,
      rgba(5,8,13,0) 84%),
    linear-gradient(180deg,
      rgba(5,8,13,0) 0%,
      rgba(5,8,13,.18) 5%,
      #070d16 13%,
      #0a1626 22%,
      #102541 32%,
      #17355f 43%,
      #20457d 54%,
      #28559a 64%,
      #2e5da8 72%,
      #2d59a0 78%,
      #264b87 84%,
      #1b375f 89%,
      #11233c 93%,
      #0a1423 96%,
      #060b12 98.5%,
      #05080d 100%) !important;
}

/* extremely soft overlap veil above the section: eliminates a hard horizontal seam */
.blue::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  z-index:-1;
  pointer-events:none;
  left:-8%;
  right:-8%;
  top:-180px;
  height:440px;
  background:
    radial-gradient(80% 100% at 70% 100%,
      rgba(33,67,118,.18) 0%,
      rgba(13,29,50,.09) 45%,
      rgba(5,8,13,0) 78%),
    linear-gradient(180deg,
      rgba(5,8,13,0) 0%,
      rgba(5,8,13,.34) 32%,
      rgba(7,13,22,.72) 64%,
      rgba(10,22,38,.94) 100%);
  filter:blur(28px);
  transform:scale(1.04);
}
.blue::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  z-index:-1;
  pointer-events:none;
  left:-7%;
  right:-7%;
  bottom:-145px;
  height:360px;
  background:linear-gradient(180deg,
    rgba(5,8,13,0) 0%,
    rgba(7,13,22,.48) 45%,
    rgba(5,8,13,.92) 82%,
    #05080d 100%);
  filter:blur(26px);
  transform:scale(1.04);
}

/* remove accidental section-edge backgrounds that can create bands */
.blue + section{
  position:relative;
  z-index:2;
  border-top:0 !important;
}

/* --- Footer --- */
.bc-footer{
  position:relative;
  margin:0;
  padding:90px 32px 32px;
  background:
    radial-gradient(85% 115% at 76% -22%, rgba(47,94,171,.15), transparent 58%),
    linear-gradient(180deg,#05080d 0%,#060b12 46%,#05080d 100%);
  overflow:hidden;
}
.bc-footer::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(170,202,255,.22),transparent);
}
.bc-footer-glass{
  width:min(1440px,100%);
  margin:0 auto;
  border:1px solid rgba(194,216,255,.15);
  border-radius:34px;
  padding:46px 50px 28px;
  background:
    radial-gradient(110% 150% at 8% -38%,rgba(255,255,255,.08),transparent 45%),
    radial-gradient(80% 120% at 94% 124%,rgba(55,103,188,.12),transparent 55%),
    linear-gradient(180deg,rgba(19,31,49,.54),rgba(8,16,28,.58));
  -webkit-backdrop-filter:blur(32px) saturate(150%);
  backdrop-filter:blur(32px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10) !important;
}
.bc-footer-main{
  display:grid;
  grid-template-columns:minmax(280px,1.4fr) minmax(340px,.8fr);
  gap:90px;
  align-items:start;
  padding-bottom:56px;
}
.bc-footer-brand{
  max-width:520px;
}
.bc-footer-logo-wrap{
  display:flex;
  align-items:center;
  min-height:52px;
  margin-bottom:22px;
}
.bc-footer-logo{
  display:block;
  width:210px;
  max-height:46px;
  object-fit:contain;
  object-position:left center;
}
.bc-footer-brand p{
  margin:0;
  color:rgba(223,232,246,.62);
  font-size:15px;
  line-height:1.65;
  max-width:470px;
}
.bc-footer-nav{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
}
.bc-footer-col{
  display:flex;
  flex-direction:column;
  gap:13px;
}
.bc-footer-col span{
  color:rgba(183,203,234,.48);
  font-size:11px;
  font-weight:650;
  letter-spacing:.18em;
  text-transform:uppercase;
  margin-bottom:7px;
}
.bc-footer-col a{
  width:max-content;
  color:rgba(242,247,255,.80);
  text-decoration:none;
  font-size:14px;
  line-height:1.3;
  transition:color .2s ease, opacity .2s ease;
}
.bc-footer-col a:hover{
  color:#fff;
}
.bc-footer-bottom{
  border-top:1px solid rgba(185,209,245,.10);
  padding-top:24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  color:rgba(183,201,226,.44);
  font-size:11px;
  letter-spacing:.04em;
}
.bc-footer-status{
  display:flex;
  align-items:center;
  gap:8px;
}
.bc-footer-status i{
  display:block;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#7faaff;
  box-shadow:0 0 0 4px rgba(127,170,255,.08) !important;
}

@media(max-width:900px){
  .blue{
    margin-top:-90px !important;
    padding-top:220px !important;
  }
  .bc-footer{
    padding:64px 18px 18px;
  }
  .bc-footer-glass{
    padding:32px 28px 24px;
    border-radius:28px;
  }
  .bc-footer-main{
    grid-template-columns:1fr;
    gap:48px;
  }
  .bc-footer-nav{
    gap:36px;
  }
}
@media(max-width:620px){
  .bc-footer-glass{padding:28px 22px 22px}
  .bc-footer-nav{grid-template-columns:1fr 1fr;gap:24px}
  .bc-footer-bottom{
    align-items:flex-start;
    flex-direction:column;
    gap:10px;
  }
}


:root{
  --bc-black:#05080d;
  --bc-navy-1:#0b1423;
  --bc-navy-2:#12233d;
  --bc-blue-1:#1a3868;
  --bc-blue-2:#28549a;
  --bc-blue-3:#315fae;
  --bc-blue-4:#274a84;
}

/* Blackceron color field: same blue family as the earlier versions,
   but painted as a large atmospheric field instead of a rectangular section. */
.blue{
  position:relative !important;
  isolation:isolate !important;
  overflow:visible !important;
  margin:0 !important;
  padding:170px 0 190px !important;
  background:transparent !important;
}
.blue::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:-1 !important;
  pointer-events:none !important;
  left:-7vw !important;
  right:-7vw !important;
  top:-290px !important;
  bottom:-280px !important;
  background:
    radial-gradient(ellipse 104% 66% at 51% 50%,
      rgba(49,95,174,.98) 0%,
      rgba(40,84,154,.95) 24%,
      rgba(26,56,104,.83) 46%,
      rgba(18,35,61,.64) 63%,
      rgba(11,20,35,.40) 76%,
      rgba(7,12,21,.17) 88%,
      rgba(5,8,13,0) 100%),
    radial-gradient(ellipse 62% 34% at 77% 44%,
      rgba(112,157,226,.12) 0%,
      rgba(68,116,190,.07) 38%,
      rgba(5,8,13,0) 78%),
    radial-gradient(ellipse 58% 30% at 22% 64%,
      rgba(43,87,153,.12) 0%,
      rgba(5,8,13,0) 76%);
  filter:blur(42px) saturate(104%) !important;
  transform:scale(1.035) translateZ(0) !important;
}
.blue::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  z-index:-1 !important;
  pointer-events:none !important;
  left:8% !important;
  right:8% !important;
  top:18% !important;
  bottom:15% !important;
  background:radial-gradient(ellipse at 50% 46%,rgba(113,160,229,.075),rgba(49,95,174,.025) 42%,rgba(5,8,13,0) 78%) !important;
  filter:blur(58px) !important;
}
.blue > .wrap,
.blue > .firm-glass-chart{
  position:relative !important;
  z-index:1 !important;
}

/* Remove hard edges around the neighbouring sections so the field can breathe. */
.blue + .wrap,
.blue + section,
.strip,
.section{
  border-top-color:transparent !important;
  border-bottom-color:transparent !important;
}

/* Preserve the earlier premium blue feel on the chart. */
.firm-glass-chart{
  opacity:.88 !important;
}
.firm-glass-chart .chart-line{
  stroke:url(#chartStroke) !important;
}

/* Footer refined to match the same material language. */
.bc-footer{
  padding:104px 32px 30px !important;
  background:
    radial-gradient(ellipse 72% 60% at 72% -18%,rgba(40,84,154,.11),rgba(5,8,13,0) 64%),
    linear-gradient(180deg,#05080d 0%,#060a11 48%,#05080d 100%) !important;
}
.bc-footer::before{
  content:"" !important;
  position:absolute !important;
  left:8% !important;
  right:8% !important;
  top:-96px !important;
  height:190px !important;
  background:radial-gradient(ellipse at 50% 50%,rgba(49,95,174,.09) 0%,rgba(17,35,61,.04) 44%,rgba(5,8,13,0) 78%) !important;
  filter:blur(38px) !important;
  pointer-events:none !important;
}
.bc-footer-glass{
  border-color:rgba(194,216,255,.14) !important;
  background:
    radial-gradient(110% 150% at 8% -38%,rgba(255,255,255,.075),transparent 45%),
    radial-gradient(78% 120% at 94% 124%,rgba(49,95,174,.09),transparent 56%),
    linear-gradient(180deg,rgba(18,29,46,.54),rgba(7,14,25,.60)) !important;
  -webkit-backdrop-filter:blur(34px) saturate(148%) !important;
  backdrop-filter:blur(34px) saturate(148%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.09) !important;
}
.bc-footer-col a{color:rgba(242,247,255,.80) !important}
.bc-footer-col a:hover{color:#fff !important}
.bc-footer-status i{background:#7ea5ff !important;box-shadow:none !important}

@media(max-width:900px){
  .blue{padding:140px 0 160px !important}
  .blue::before{left:-18vw !important;right:-18vw !important;top:-240px !important;bottom:-230px !important;filter:blur(34px) saturate(104%) !important}
  .bc-footer{padding:78px 18px 18px !important}
}


/* Browser QA fix: keep the decorative market chart out of document flow. */
.blue > .wrap{position:relative !important;z-index:2 !important}
.blue > .firm-glass-chart{
  position:absolute !important;
  z-index:1 !important;
  right:clamp(-42px,2vw,22px) !important;
  top:54px !important;
  width:min(47vw,650px) !important;
}


/* Shift the atmospheric blue field onto the Blackceron content itself. */
.blue::before{
  transform:translateY(215px) scale(1.035) translateZ(0) !important;
}
.blue::after{
  transform:translateY(120px) !important;
}


/* Keep V20's palette and visual character. Only move the fade boundaries farther away. */
.blue::before{
  left:-12vw !important;
  right:-12vw !important;
  top:-470px !important;
  bottom:-455px !important;
  background:
    radial-gradient(ellipse 104% 66% at 51% 50%,
      rgba(49,95,174,.98) 0%,
      rgba(40,84,154,.95) 24%,
      rgba(26,56,104,.83) 46%,
      rgba(18,35,61,.64) 63%,
      rgba(11,20,35,.40) 76%,
      rgba(7,12,21,.17) 88%,
      rgba(5,8,13,.055) 95%,
      rgba(5,8,13,0) 100%),
    radial-gradient(ellipse 62% 34% at 77% 44%,
      rgba(112,157,226,.12) 0%,
      rgba(68,116,190,.07) 38%,
      rgba(5,8,13,0) 78%),
    radial-gradient(ellipse 58% 30% at 22% 64%,
      rgba(43,87,153,.12) 0%,
      rgba(5,8,13,0) 76%) !important;
  filter:blur(50px) saturate(104%) !important;
  transform:translateY(215px) scale(1.04) translateZ(0) !important;
}
.blue::after{
  left:2% !important;
  right:2% !important;
  top:-8% !important;
  bottom:-6% !important;
  background:radial-gradient(ellipse 72% 50% at 50% 47%,
    rgba(113,160,229,.072) 0%,
    rgba(49,95,174,.028) 46%,
    rgba(5,8,13,0) 82%) !important;
  filter:blur(64px) !important;
  transform:translateY(120px) !important;
}
@media(max-width:900px){
  .blue::before{
    left:-28vw !important;
    right:-28vw !important;
    top:-400px !important;
    bottom:-390px !important;
    filter:blur(42px) saturate(104%) !important;
  }
}

/* V23 — interactions and accessible responsive refinements */
:root{--ease-out:cubic-bezier(.23,1,.32,1);--focus:var(--blue2);--reading:var(--blue3)}
html{scroll-padding-top:120px;color-scheme:dark;scrollbar-color:var(--muted) var(--bg)}
::selection{background:var(--blue);color:var(--bg)}
:focus-visible{outline:2px solid var(--focus);outline-offset:5px}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
.hero h1{letter-spacing:-.04em}
.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--surface2);padding:16px;border-radius:8px}
.skip-link:focus{top:12px}
.nav-glass{overflow:visible}
.menu-toggle{display:none;font:inherit;color:var(--text);background:var(--surface2);border:1px solid var(--line);border-radius:10px;min-height:44px;padding:10px 12px;align-items:center;gap:10px;cursor:pointer}
.btn,.ghost,.menu-toggle{transition:transform 160ms var(--ease-out),border-color 160ms ease,background-color 160ms ease}
.btn:active,.ghost:active,.menu-toggle:active{transform:scale(.97)}
.contact-section{display:grid;grid-template-columns:1.15fr 1fr;gap:96px;border-top:1px solid var(--line);position:relative;z-index:2}
.contact-copy h2{font-size:clamp(36px,4.5vw,60px);line-height:1.06;letter-spacing:-.04em;margin:0 0 24px}
.contact-copy p{color:var(--muted);line-height:1.7;max-width:430px;margin-bottom:30px}
.contact-email{gap:16px}.company-details h3{font-size:19px;margin:0 0 22px}.company-details address,.company-details p{font-style:normal;color:var(--muted);line-height:1.7}
.company-details dl{margin:28px 0 0;font-size:13px}.company-details dl div{display:flex;justify-content:space-between;gap:24px;padding:12px 0;border-top:1px solid var(--line)}
.company-details dt{color:var(--muted)}.company-details dd{margin:0;text-align:right}
.decision-example{margin-top:84px;padding-top:40px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:64px}
.decision-example h3{font-size:26px;line-height:1.2;margin:0 0 20px}.decision-example p{color:var(--muted);line-height:1.7;font-size:15px;max-width:65ch}
.decision-steps{list-style:none;margin:0;padding:0}.decision-steps li{display:grid;grid-template-columns:130px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line)}.decision-steps li:first-child{padding-top:0}.decision-steps span{color:var(--blue2);font-size:12px;padding-top:5px}.decision-steps p{margin:0}
.topbar{gap:12px;line-height:1.5}.topbar span:first-child{font-size:10px;letter-spacing:.08em}
.tile-face p,.pface p{color:var(--muted)}
.tile-wrap{min-height:340px}.tile-face{position:relative;min-height:340px;height:100%}
.platform-card .pface{position:relative;min-height:330px}.platform-card{height:auto}
.hero .actions{flex-wrap:wrap}
@keyframes enter{from{opacity:.2;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes settle{from{opacity:.3}to{opacity:1}}
.motion-enter{animation:enter 600ms var(--ease-out) both;animation-delay:var(--delay,0ms)}
.chart-draw{stroke-dasharray:1;animation:draw 1100ms var(--ease-out) both}
.info-enter{animation:settle 550ms ease-out both;animation-delay:350ms}
@media(hover:hover) and (pointer:fine){.tile-wrap:hover .tile3d{transform:translateY(-4px)}.btn:hover,.ghost:hover{transform:translateY(-2px)}}
@media(max-width:900px){
 .nav-shell{top:8px}.nav-glass{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 16px;gap:16px}
 .links{width:100%;flex-wrap:wrap;gap:12px 24px}.links a:not(.btn){display:inline-flex;min-height:44px;align-items:center}
 .nav-ready .menu-toggle{display:inline-flex}.nav-ready .links{display:none}.nav-ready .links.is-open{display:flex;padding:12px 0 4px;border-top:1px solid var(--line)}
 .brand{font-size:11px;letter-spacing:.1em;gap:10px}.brand img{width:32px;height:32px}
 .contact-section{gap:48px}.decision-example{grid-template-columns:1fr;gap:28px}
}
@media(max-width:620px){
 .nav-shell{padding:8px 12px 0}.nav-glass{gap:12px;padding:10px 12px}.brand{font-size:10px;letter-spacing:.065em;gap:8px}.brand img{width:28px;height:28px}.menu-toggle{font-size:12px;gap:8px}
 .hero{gap:24px;min-height:0;padding:58px 0 44px}.hero h1{font-size:clamp(38px,10.6vw,54px);line-height:1.05}.hero p{line-height:1.7}
 .actions .btn,.actions .ghost{font-size:13px;padding:14px 16px;min-height:48px}.visual-wrap{height:350px}
 .contact-section{grid-template-columns:1fr;gap:52px}.contact-email{font-size:14px}.decision-example{margin-top:54px}
 .decision-steps li{grid-template-columns:1fr;gap:8px}.decision-steps span{padding-top:0}
 .tile-face{padding:28px}.sectionHead{gap:20px}.stats{gap:16px}.stat{min-width:0}.stat b{font-size:14px;line-height:1.4}
 .company-details dl div{flex-wrap:wrap;gap:8px}.topbar span:first-child{font-size:8px;letter-spacing:.03em}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.visual-stage{transform:none!important}.btn:hover,.ghost:hover,.btn:active,.ghost:active{transform:none}}


.legal-documents{padding-bottom:48px;color:var(--muted);font-size:13px;position:relative;z-index:2}.legal-documents details{border-top:1px solid var(--line);padding:8px 0;scroll-margin-top:120px}.legal-documents summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:12px}.legal-documents summary::before{content:"+";font-size:18px;color:var(--blue2)}.legal-documents details[open] summary::before{content:"−"}.legal-documents p{line-height:1.7;max-width:65ch}
.tile3d{transition:translate 180ms var(--ease-out)}
@media(hover:hover) and (pointer:fine){.tile-wrap:hover .tile3d{translate:0 -4px}}
@media(max-width:620px){.stat b{padding-right:0}.metric-visual{display:none}.stat{padding:22px 18px;min-height:110px}.stat span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.tile-wrap:hover .tile3d{translate:none}}

/* V24 — shared multipage composition */
.links{gap:18px;font-size:12px}.brand{font-size:11px;letter-spacing:.11em;flex-shrink:0}.brand img{width:34px;height:34px}.links a[aria-current="page"]{color:var(--text);text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--blue)}
.page-hero{padding:110px 0 85px;display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end}.page-hero h1{font-size:clamp(38px,4.8vw,64px);letter-spacing:-.04em;line-height:1.07;margin:0;max-width:850px}.page-hero>p{font-size:18px;line-height:1.75;color:var(--muted);margin:0}.eyebrow{line-height:1.7}.page-hero .eyebrow{margin-bottom:24px}
.section-head{display:grid;grid-template-columns:.45fr 1fr;gap:60px;margin-bottom:56px}.section-head h2{font-size:clamp(32px,3.6vw,48px);letter-spacing:-.035em;line-height:1.1;margin:0 0 24px}.section-head p{color:var(--muted);line-height:1.75;font-size:17px;max-width:70ch}.kicker,.feature small{font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--blue2);line-height:1.7}
.pillar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.pillar{position:relative;display:flex;flex-direction:column;gap:30px;padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,var(--surface2),var(--bg2));transition:translate 220ms var(--ease-out),border-color 220ms ease}.pillar .num{margin:0;color:var(--blue2);font-size:10px;letter-spacing:.08em}.pillar svg{width:92px;height:70px}.pillar h3{font-size:21px;margin:0 0 16px}.pillar p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.pillar::after{content:'↗';position:absolute;right:22px;top:22px;color:var(--blue2)}
.band{position:relative;padding:60px 0;background:linear-gradient(180deg,transparent,rgba(40,84,154,.14),transparent)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:30px}.content-card{padding:40px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(150deg,var(--surface2),var(--bg2))}.content-card h3{font-size:30px;letter-spacing:-.025em;line-height:1.2;margin:22px 0}.content-card p{font-size:16px;line-height:1.8;color:var(--muted);max-width:70ch}.content-card ul{list-style:none;padding:0;margin:32px 0 0}.content-card li{padding:15px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:14px}.content-card li span{color:var(--muted);text-align:right}.coverage{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.chip{padding:10px 14px;border:1px solid var(--line);border-radius:8px;color:var(--blue3);font-size:13px}
.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.feature{border-top:1px solid var(--line);padding-top:28px}.feature h3{font-size:24px;margin:18px 0}.feature p{color:var(--muted);line-height:1.8;font-size:16px}.cta-panel{display:flex;justify-content:space-between;align-items:center;gap:40px;border-top:1px solid var(--line);padding:45px 0 0;margin-top:70px}.cta-panel h3{font-size:28px;letter-spacing:-.025em;margin:0 0 16px}.cta-panel p{color:var(--muted);line-height:1.7;max-width:65ch}.cta-panel .btn{flex-shrink:0}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:30px}.btn-ghost{display:inline-flex;align-items:center;padding:14px 22px;border:1px solid var(--line);border-radius:12px;min-height:48px}.quote-block{font-size:clamp(34px,4.8vw,62px);letter-spacing:-.035em;line-height:1.12;max-width:950px;margin:32px 0 56px;text-wrap:balance}.principle-section{position:relative;background:radial-gradient(ellipse at 70% 50%,rgba(49,95,174,.36),transparent 70%)}
.defondo-mark{font-family:Georgia,serif;font-size:clamp(64px,9vw,108px)!important;color:var(--text)!important;margin:28px 0!important;letter-spacing:-.06em;line-height:1.05!important}.defondo-sub{font-size:14px;color:var(--blue3);line-height:1.7}.code-panel,pre{padding:26px;background:var(--bg);border:1px solid var(--line);border-radius:12px;color:var(--blue2);overflow:auto;font-size:14px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.site-footer{padding:65px 28px 24px;background:linear-gradient(180deg,transparent,rgba(49,95,174,.15));color:var(--muted)}.site-footer>.wrap{padding:0}.footer-glass{padding:46px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(140deg,rgba(25,39,60,.7),rgba(8,17,30,.65))}.footer-main{display:grid;grid-template-columns:1fr 1fr;gap:70px}.footer-brand img{width:64px;height:64px}.footer-brand h4{color:var(--text);letter-spacing:.12em;font-size:12px;margin:22px 0}.footer-brand p{max-width:380px;line-height:1.8;font-size:14px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:35px}.footer-links small{display:block;margin:0 0 18px;color:var(--blue2)}.footer-links a{display:block;font-size:13px;padding:10px 0;min-height:40px}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);margin-top:40px;padding-top:25px;font-size:12px;flex-wrap:wrap}.motion-toggle,.replay-motion{color:var(--blue3);background:var(--bg2);border:1px solid var(--line);font:inherit;font-size:12px;padding:12px 16px;border-radius:8px;cursor:pointer;min-height:44px}.replay-motion{position:absolute;bottom:2px;right:20px;z-index:9;display:flex;gap:12px;align-items:center}.motion-toggle{margin-top:20px}.motion-toggle[hidden]{display:none}
/* CSS entrance works even when scripts are disabled in a preview. */
@keyframes bc-rise{from{opacity:.15;translate:0 24px}to{opacity:1;translate:0 0}}
@keyframes bc-chart{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes bc-panel{from{opacity:.3;translate:0 14px}to{opacity:1;translate:0 0}}
.hero h1,.page-hero h1{animation:bc-rise 900ms var(--ease-out) both}.hero>div:first-child>p,.page-hero>p{animation:bc-rise 900ms 120ms var(--ease-out) both}.hero .actions{animation:bc-rise 800ms 220ms var(--ease-out) both}.chart path[stroke]{stroke-dasharray:1;animation:bc-chart 2000ms 250ms cubic-bezier(.22,.61,.36,1) both}.float-tile .face{animation:bc-panel 950ms 550ms var(--ease-out) both}.float-tile.t2 .face{animation-delay:700ms}.float-tile.t3 .face{animation-delay:850ms}
.motion-off *, .motion-off *::before,.motion-off *::after{animation:none!important;transition:none!important;translate:none!important}.motion-off .chart path[stroke]{stroke-dashoffset:0!important}.motion-off .visual-stage{transform:none!important}
@media(hover:hover) and (pointer:fine){.pillar:hover{translate:0 -5px;border-color:var(--blue)}.btn-ghost:hover{border-color:var(--blue2)}.footer-links a:hover{color:var(--text)}}
@media(max-width:1120px){.links{gap:12px;font-size:11px}.brand{font-size:10px}.nav-glass{padding-left:14px;padding-right:14px}.pillar-grid{grid-template-columns:1fr 1fr}.page-hero{gap:40px}.links .btn{padding:12px}}
@media(max-width:1000px){.nav-glass{height:auto;min-height:70px;flex-wrap:wrap;padding:12px 16px;gap:16px}.links{width:100%;flex-wrap:wrap;gap:12px 24px}.links a:not(.btn){display:inline-flex;min-height:44px;align-items:center}.nav-ready .menu-toggle{display:inline-flex}.nav-ready .links{display:none}.nav-ready .links.is-open{display:flex;padding:12px 0;border-top:1px solid var(--line)}.page-hero{grid-template-columns:1fr;padding:75px 0 60px;gap:32px}.page-hero>p{max-width:70ch}.section-head{grid-template-columns:1fr;gap:22px}.feature-list{gap:24px}.footer-main{gap:40px}}
@media(max-width:650px){.page-hero h1{font-size:40px}.page-hero>p{font-size:16px}.two-col,.pillar-grid,.feature-list{grid-template-columns:1fr}.content-card{padding:28px!important}.content-card li{flex-wrap:wrap;gap:8px}.content-card li span{text-align:left}.section{padding:70px 0}.section-head{margin-bottom:36px}.cta-panel{align-items:flex-start;flex-direction:column;margin-top:45px;gap:20px}.footer-main{grid-template-columns:1fr}.footer-glass{padding:28px 22px}.site-footer{padding:40px 16px 16px}.footer-links{gap:20px}.pillar{gap:24px}.replay-motion{bottom:-10px;right:4px}.hero{padding-bottom:60px}.hero h1{font-size:43px}.section-head h2{font-size:34px}.company-details{margin-top:40px}.nav-glass{padding:10px 12px}.hero .eyebrow{font-size:10px;letter-spacing:.1em}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.chart path[stroke]{stroke-dashoffset:0!important}.pillar:hover{translate:none}}

.legal-shell{padding:90px 0 65px;min-height:55vh}.legal-shell h1{font-size:clamp(38px,5vw,60px);letter-spacing:-.035em;line-height:1.1;margin:20px 0 30px}.legal-shell p{font-size:17px;line-height:1.8;color:var(--muted);max-width:70ch}.legal-shell .company-details{margin-top:55px;max-width:600px}.replay-motion:disabled{opacity:.55;cursor:default}

/* V25: text and illustration have independent layout tracks. */
.brand-story{position:relative;padding:112px 0;background:radial-gradient(ellipse at 76% 48%,rgba(49,95,174,.27),transparent 68%)}
.brand-story-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px;align-items:center}
.brand-story-copy{min-width:0}
.brand-story-copy h2{font-size:clamp(36px,4.1vw,54px);line-height:1.09;letter-spacing:-.035em;margin:0 0 28px}
.brand-story-copy p{font-size:16px;line-height:1.8;color:var(--blue3);max-width:65ch;margin:0 0 28px}
.brand-story-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;color:var(--blue2);font-size:14px}
.brand-story-link:hover{text-decoration:underline;text-underline-offset:5px}
.brand-story-chart{position:relative;min-width:0;width:100%;margin:0;align-self:center}
.brand-story-chart svg{display:block;width:100%;height:auto;overflow:hidden}
.brand-story-chart .chart-line{fill:none;stroke:url(#chartStroke);stroke-width:4;stroke-linecap:round}
.brand-story-chart .chart-area{fill:url(#chartFill)}
.brand-story-chart .chart-bars line{stroke:var(--blue3);stroke-opacity:.45;stroke-width:3;stroke-linecap:round}
.brand-story-chart .chart-bars rect{fill:rgba(213,227,255,.12);stroke:var(--blue3);stroke-opacity:.65;stroke-width:2}
.brand-story-chart .chart-point{fill:var(--blue3);stroke:var(--blue);stroke-width:5}
.brand-story-chart figcaption{font-size:11px;line-height:1.6;color:var(--muted);margin-top:20px;text-align:center;letter-spacing:.035em}
.system-mapping{margin-top:28px;border-top:1px solid var(--line)}
.system-mapping-row{display:grid;grid-template-columns:minmax(0,1.15fr) 18px minmax(0,1fr);gap:12px;align-items:center;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px;line-height:1.6}
.mapping-input,.mapping-output{min-width:0;overflow-wrap:anywhere}
.mapping-input{color:var(--blue3)}.mapping-output{color:var(--muted)}.mapping-arrow{color:var(--blue2);text-align:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.ambient{background:radial-gradient(ellipse at 80% 45%,rgba(49,95,174,.07),transparent 70%)}
.float-tile{width:204px!important;height:auto!important;min-height:126px}
.float-tile .face{position:relative;inset:auto;min-height:126px;line-height:1.4}
.float-tile b{display:block}
.replay-motion[hidden]{display:none}
.motion-toggle:disabled{opacity:.65;cursor:default}
.hero>div,.page-hero>*,.two-col>*,.pillar-grid>*,.feature-list>*,.footer-main>*{min-width:0}
@media(max-width:1000px){
 .hero{grid-template-columns:1fr;gap:36px;min-height:0;padding:68px 0}
 .hero h1{font-size:clamp(43px,6vw,60px);max-width:740px}
 .hero p{max-width:680px}.visual-wrap{max-width:620px;width:100%;justify-self:center}
 .brand-story-grid{grid-template-columns:1fr;gap:40px}.brand-story-copy{max-width:760px}
 .brand-story-chart{max-width:600px;justify-self:center}.brand-story{padding:80px 0}
}
@media(max-width:650px){
 .brand-story{padding:64px 0}.brand-story-grid{gap:28px}.brand-story-copy h2{font-size:36px}
 .system-mapping-row{font-size:13px;grid-template-columns:minmax(0,1.15fr) 16px minmax(0,1fr);gap:8px}
 .hero{padding:54px 0 60px;gap:28px}.hero h1{font-size:43px}
 .nav-shell{top:0}.nav-glass{max-height:calc(100dvh - 24px);overflow-y:auto}
}

/* V26: authored five-wave impulse, kept separate from the slogan. */
.impulse-grid path{fill:none;stroke:var(--blue3);stroke-opacity:.09;stroke-width:1}
.impulse-area{fill:url(#impulseFill)}
.impulse-line{fill:none;stroke:var(--blue2);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}
.impulse-label circle{fill:var(--blue3);stroke:var(--blue);stroke-width:2}
.impulse-label text{fill:var(--blue3);font-family:inherit;font-size:18px;font-weight:600}
.impulse-replay{display:block;margin:12px auto 0;padding:10px 16px;min-height:44px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--blue2);font:inherit;font-size:13px;cursor:pointer}
.impulse-replay[hidden]{display:none}.impulse-replay:disabled{opacity:.5;cursor:default}
.impulse-replay:focus-visible{outline:2px solid var(--blue2);outline-offset:4px}
@media(hover:hover){.impulse-replay:not(:disabled):hover{background:rgba(142,188,255,.08)}}

/* V27: glass candlesticks, readable Montserrat and quiet button edges. */
.impulse-candle line{stroke:var(--blue3);stroke-width:1.2;stroke-opacity:.6}
.impulse-candle rect{stroke:var(--blue2);stroke-width:1.1;fill:rgba(142,188,255,.34)}
.impulse-candle.candle-down rect{fill:rgba(142,188,255,.045);stroke:var(--blue3);stroke-opacity:.65}
button,input,textarea,select{font-family:inherit}
h1,h2,h3{text-wrap:balance}
.brand-story-copy h2{font-weight:650;font-size:clamp(32px,3.7vw,49px);line-height:1.16;letter-spacing:-.035em}
.hero h1{letter-spacing:-.04em}
.links{gap:18px}
@media(max-width:1120px){.links{gap:9px}}
@media(max-width:650px){.brand-story-copy h2{font-size:32px}.hero h1{font-size:38px}.brand{letter-spacing:.09em}}

/* V28: original DEFONDO artwork on a light, legible brand surface. */
.defondo-logo-panel{max-width:390px;width:100%;margin:28px 0;background:#f5f3ef;border-radius:12px;overflow:hidden}
.defondo-logo-panel img{display:block;width:100%;height:auto}
.legal-copy{max-width:920px}.legal-copy section{margin-top:40px}.legal-copy h2{font-size:clamp(22px,3vw,28px);line-height:1.3;margin:0 0 16px}.legal-copy p{max-width:72ch;overflow-wrap:anywhere}.legal-copy a{color:var(--blue2);text-decoration:underline;text-underline-offset:4px}.legal-draft{padding:18px 22px;background:var(--bg2);border:1px solid var(--line);border-radius:10px}
.btn:focus-visible,.btn-ghost:focus-visible,.ghost:focus-visible{outline:2px solid var(--blue2);outline-offset:5px}
@media(max-width:650px){.defondo-logo-panel{max-width:310px}.legal-shell{padding-top:60px}.legal-copy section{margin-top:32px}}

/* V30: supplied Blackceron emblem, original proportions and colours. */
.brand img{width:34px;height:44px;object-fit:contain;flex-shrink:0}
.footer-brand img{width:56px;height:72px;object-fit:contain}
@media(max-width:650px){.brand img{width:28px;height:36px}}