@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@10..48,400;10..48,500;10..48,600;10..48,700;10..48,800&display=swap');
:root{--bg:#050505;--panel:#0b0b0b;--panel2:#101010;--text:#f4f1ea;--muted:#a7a29a;--gold:#d7b56a;--line:rgba(255,255,255,.13);--soft:rgba(255,255,255,.06);--max:1360px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{width:min(var(--max),calc(100% - 48px));margin-inline:auto}h1,h2,h3{font-family:"Bricolage Grotesque",Arial,sans-serif}h1,h2,h3,p{margin-top:0}.eyebrow{font:600 12px/1 "Bricolage Grotesque",Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}h1{font-size:clamp(55px,7vw,108px);line-height:.91;letter-spacing:-.065em;margin:20px 0 24px;font-weight:700}h2{font-size:clamp(40px,5vw,76px);line-height:.94;letter-spacing:-.055em;margin:0 0 18px}h3{font-size:22px;line-height:1.05;letter-spacing:-.025em}.lead{font-size:clamp(18px,1.65vw,23px);line-height:1.42;color:#d2cec5;max-width:760px}.muted{color:var(--muted)}
.outline{color:transparent!important;-webkit-text-fill-color:transparent!important;-webkit-text-stroke:1.25px rgba(255,255,255,.72);font-family:Arial,Helvetica,sans-serif!important;font-weight:700!important;text-shadow:none!important;letter-spacing:-.045em}
.section{padding:78px 0;border-top:1px solid var(--line)}.hero{padding:56px 0 66px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:68px;align-items:center}.hero-copy{position:relative;z-index:2}.hero-kicker{display:flex;gap:12px;align-items:center;color:#aaa59c;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.hero-kicker i{width:28px;height:1px;background:var(--gold);display:block}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:0 19px;border:1px solid var(--line);font:600 13px "Bricolage Grotesque",Arial,sans-serif;transition:.25s ease;background:transparent;color:var(--text)!important}.btn.primary{background:var(--gold);border-color:var(--gold);color:#090909!important}.btn:hover,.btn:focus-visible{transform:translateY(-3px);border-color:rgba(215,181,106,.62);background:#111;color:var(--text)!important}.btn.primary:hover,.btn.primary:focus-visible{background:#ead39a;border-color:#ead39a;color:#080808!important}.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:32px}.tag{border:1px solid var(--line);padding:9px 11px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#bbb6ad}
/* Distinct performance visual */
.perf-art{min-height:500px;display:grid;place-items:center;position:relative}.perf-stage{width:min(590px,100%);height:470px;position:relative;border:1px solid rgba(255,255,255,.1);background:#080808;overflow:hidden;isolation:isolate}.perf-stage:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.055) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.055) 50%,transparent 50.2%);background-size:84px 84px;opacity:.55}.perf-stage:after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(215,181,106,.22);border-radius:50%;right:-190px;top:-170px;box-shadow:0 0 0 36px rgba(215,181,106,.025),0 0 0 72px rgba(215,181,106,.014)}.perf-browser{position:absolute;left:48px;right:48px;top:68px;height:278px;border:1px solid rgba(215,181,106,.4);background:#0b0b0b;box-shadow:0 28px 80px rgba(0,0,0,.5);transform:perspective(900px) rotateY(-7deg) rotateX(3deg);transition:.5s}.perf-stage:hover .perf-browser{transform:perspective(900px) rotateY(-2deg) rotateX(1deg) translateY(-5px)}.browser-bar{height:31px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 12px;gap:6px}.browser-bar i{width:6px;height:6px;border-radius:50%;border:1px solid rgba(255,255,255,.35)}.browser-url{margin-left:12px;font-size:8px;letter-spacing:.08em;color:#77736c}.perf-content{padding:28px 28px;display:grid;grid-template-columns:1.3fr .7fr;gap:18px}.perf-title{font:700 43px/.88 "Bricolage Grotesque",Arial,sans-serif;letter-spacing:-.06em}.perf-title span{display:block;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.65)}.perf-bars{display:flex;align-items:end;gap:7px;height:112px}.perf-bars i{display:block;width:12px;background:var(--gold);opacity:.75;animation:bar 2.8s ease-in-out infinite}.perf-bars i:nth-child(1){height:28%}.perf-bars i:nth-child(2){height:44%;animation-delay:.1s}.perf-bars i:nth-child(3){height:61%;animation-delay:.2s}.perf-bars i:nth-child(4){height:76%;animation-delay:.3s}.perf-bars i:nth-child(5){height:92%;animation-delay:.4s}.perf-score{position:absolute;right:26px;bottom:25px;font:700 12px "Bricolage Grotesque",Arial,sans-serif;letter-spacing:.12em;color:#aaa59c}.perf-score strong{font-size:28px;color:var(--text)}.perf-signal{position:absolute;left:28px;bottom:28px;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#8e8981}.perf-pulse{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--gold);left:35px;top:36px;box-shadow:0 0 0 10px rgba(215,181,106,.08),0 0 28px rgba(215,181,106,.22);animation:pulse 2.5s infinite}
.rail{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.rail-item{padding:20px 22px;border-right:1px solid var(--line)}.rail-item:last-child{border-right:0}.rail-item strong{display:block;font:700 21px "Bricolage Grotesque",Arial,sans-serif;margin-bottom:5px}.rail-item span{font-size:13px;color:var(--muted)}
.section-head{display:grid;grid-template-columns:.48fr 1.52fr;gap:45px;align-items:end;margin-bottom:38px}.section-head .note{font-size:15px;color:var(--muted);max-width:560px}
/* performance stack */
.stack{display:grid;grid-template-columns:1.25fr .75fr;border:1px solid var(--line)}.stack-main{padding:32px;border-right:1px solid var(--line);min-height:390px;background:linear-gradient(145deg,#0d0d0d,#070707);transition:.3s}.stack-main:hover{background:#101010}.stack-main h3{font-size:34px;margin-bottom:12px}.metric-row{display:grid;grid-template-columns:150px 1fr 90px;gap:18px;align-items:center;padding:19px 0;border-top:1px solid var(--line)}.metric-row:first-of-type{margin-top:30px}.metric-name{font:600 13px "Bricolage Grotesque",Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}.metric-bar{height:5px;background:#1b1b1b;overflow:hidden}.metric-bar i{display:block;height:100%;background:var(--gold);transform-origin:left;animation:grow 2.2s ease both}.metric-row:nth-child(3) .metric-bar i{animation-delay:.12s;width:88%}.metric-row:nth-child(4) .metric-bar i{animation-delay:.24s;width:94%}.metric-row:nth-child(5) .metric-bar i{animation-delay:.36s;width:82%}.metric-row:nth-child(6) .metric-bar i{animation-delay:.48s;width:91%}.metric-value{text-align:right;font:700 12px "Bricolage Grotesque",Arial,sans-serif;color:var(--gold)}.stack-side{display:grid}.stack-side article{padding:27px;border-bottom:1px solid var(--line);transition:.25s}.stack-side article:last-child{border-bottom:0}.stack-side article:hover{background:#101010}.stack-side h4{font:700 21px "Bricolage Grotesque",Arial,sans-serif;margin:0 0 7px;color:var(--text)!important}.stack-side p{font-size:13px;color:var(--muted);margin:0}
/* speed journey */
.journey{display:grid;grid-template-columns:repeat(5,1fr);border-left:1px solid var(--line)}.journey-card{min-height:245px;padding:25px;border-right:1px solid var(--line);position:relative;transition:.28s;background:#080808}.journey-card:hover{background:#101010;transform:translateY(-5px);box-shadow:inset 0 3px 0 var(--gold)}.journey-no{font:700 12px "Bricolage Grotesque",Arial,sans-serif;color:var(--gold);letter-spacing:.12em}.journey-card h3{margin:48px 0 10px;color:var(--text)!important}.journey-card p{font-size:13px;color:var(--muted)}.journey-arrow{position:absolute;right:20px;top:22px;color:var(--gold);font-size:18px}
/* technical anatomy */
.anatomy{display:grid;grid-template-columns:.72fr 1.28fr;gap:0;border:1px solid var(--line)}.anatomy-visual{min-height:470px;border-right:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(circle at 50% 48%,rgba(215,181,106,.1),transparent 32%),#080808}.anatomy-visual:before{content:"";position:absolute;inset:44px;border:1px solid rgba(255,255,255,.08);transform:rotate(45deg)}.core{position:absolute;left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%) rotate(45deg);border:1px solid rgba(215,181,106,.55);background:#0a0a0a;box-shadow:0 0 0 18px rgba(215,181,106,.025)}.core span{position:absolute;inset:0;display:grid;place-items:center;transform:rotate(-45deg);font:700 11px "Bricolage Grotesque",Arial,sans-serif;letter-spacing:.12em;color:var(--gold)}.orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:translate(-50%,-50%)}.orbit.one{width:250px;height:250px}.orbit.two{width:360px;height:360px}.sat{position:absolute;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#9d9890;padding:7px 9px;border:1px solid rgba(255,255,255,.1);background:#0b0b0b}.sat.a{left:16%;top:20%}.sat.b{right:12%;top:30%}.sat.c{left:20%;bottom:18%}.sat.d{right:13%;bottom:20%}.anatomy-list{display:grid;grid-template-columns:1fr 1fr}.anatomy-item{padding:28px;border-bottom:1px solid var(--line);transition:.25s}.anatomy-item:nth-child(odd){border-right:1px solid var(--line)}.anatomy-item:hover{background:#101010}.anatomy-item h3{margin-bottom:8px;color:var(--text)!important}.anatomy-item p{font-size:13px;color:var(--muted);margin:0}
/* search */
.search-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.search-card{border:1px solid var(--line);padding:26px;min-height:215px;background:#090909;transition:.25s}.search-card:hover{background:#101010;border-color:rgba(215,181,106,.42);transform:translateY(-4px)}.search-card h3,.search-card:hover h3{color:var(--text)!important;margin:34px 0 9px}.search-card p{font-size:13px;color:var(--muted)}.search-index{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line)}.index-cell{background:#090909;padding:24px;min-height:145px;transition:.25s}.index-cell:hover{background:#111}.index-cell strong{display:block;font:700 14px "Bricolage Grotesque",Arial,sans-serif;margin-bottom:8px}.index-cell span{font-size:12px;color:var(--muted)}
/* fit + links */
.fit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.fit-card{background:#090909;padding:25px;min-height:190px;transition:.25s}.fit-card:hover{background:#101010;transform:translateY(-4px);box-shadow:inset 0 2px 0 var(--gold)}.fit-card h3,.fit-card:hover h3{color:var(--text)!important;margin:32px 0 8px}.fit-card p{font-size:13px;color:var(--muted);margin:0}
.links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.link-card{display:block;border:1px solid var(--line);padding:22px;background:#090909;color:var(--text)!important;transition:.25s}.link-card:hover{background:#101010;border-color:rgba(215,181,106,.45);transform:translateY(-4px);color:var(--text)!important}.link-card h3,.link-card:hover h3{color:var(--text)!important;margin:28px 0 8px}.link-card span,.link-card:hover span{color:var(--gold)!important;font-size:12px}
.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0 0}summary{list-style:none;cursor:pointer;padding:22px 4px;font:600 20px "Bricolage Grotesque",Arial,sans-serif;color:var(--text)!important;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--gold);font-size:22px}details[open] summary:after{content:'−'}details p{max-width:850px;color:var(--muted);font-size:14px;padding:0 4px 23px;margin:0}
.cta{padding:84px 0 70px;border-top:1px solid var(--line)}.cta-box{border:1px solid rgba(215,181,106,.3);padding:44px;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;background:linear-gradient(120deg,#0c0c0c,#070707)}.cta-box h2{margin-bottom:0}.cta-box p{color:var(--muted);max-width:620px;margin-bottom:0}.cta-side{display:flex;justify-content:flex-end}
@keyframes bar{0%,100%{transform:scaleY(.78);opacity:.55}50%{transform:scaleY(1);opacity:.95}}@keyframes pulse{0%,100%{transform:scale(.9);opacity:.75}50%{transform:scale(1.15);opacity:1}}@keyframes grow{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(max-width:980px){.hero-grid,.anatomy,.search-grid,.cta-box{grid-template-columns:1fr}.hero-art{min-height:420px}.stack{grid-template-columns:1fr}.stack-main{border-right:0;border-bottom:1px solid var(--line)}.journey{grid-template-columns:repeat(2,1fr)}.journey-card:nth-child(2){border-bottom:1px solid var(--line)}.fit-grid{grid-template-columns:repeat(2,1fr)}.links-grid{grid-template-columns:repeat(2,1fr)}.section-head{grid-template-columns:1fr;gap:12px}.anatomy-visual{border-right:0;border-bottom:1px solid var(--line)}}
@media(max-width:640px){.wrap{width:min(var(--max),calc(100% - 30px))}.hero{padding-top:34px}.hero-grid{gap:35px}h1{font-size:clamp(48px,15vw,76px)}h2{font-size:clamp(38px,12vw,56px)}.perf-stage{height:390px}.perf-browser{left:20px;right:20px;top:55px}.perf-content{padding:20px;grid-template-columns:1fr}.perf-title{font-size:34px}.perf-bars{height:65px}.rail{grid-template-columns:1fr 1fr}.rail-item:nth-child(2){border-right:0}.rail-item:nth-child(-n+2){border-bottom:1px solid var(--line)}.metric-row{grid-template-columns:1fr 70px;gap:10px}.metric-bar{grid-column:1/-1}.journey{grid-template-columns:1fr}.journey-card{border-bottom:1px solid var(--line)}.anatomy-list{grid-template-columns:1fr}.anatomy-item:nth-child(odd){border-right:0}.search-index,.fit-grid,.links-grid{grid-template-columns:1fr}.cta-box{padding:28px}.cta-side{justify-content:flex-start}.actions .btn{width:100%}}