:root { --ink:#e9e9df; --muted:#b8b9ad; --paper:#f3f1e9; --dark:#111510; --deep:#090c09; --green:#29342a; --brass:#d3ad6c; --brass-bright:#eac888; --line:rgba(230,221,194,.2); --serif:Georgia, 'Times New Roman', serif; --sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; }

/* Cookie consent */
.cookie-banner { position:fixed; z-index:100; right:1.25rem; bottom:1.25rem; width:min(34rem,calc(100% - 2.5rem)); padding:1.3rem; display:flex; gap:1.25rem; align-items:flex-end; background:#121710; border:1px solid rgba(234,200,136,.5); box-shadow:0 18px 48px rgba(0,0,0,.38); border-radius:.35rem; }
.cookie-banner[hidden] { display:none; }
.cookie-banner__content { flex:1 1 auto; }
.cookie-banner__title { margin:0 0 .3rem; color:var(--brass-bright); font-weight:700; }
.cookie-banner p:not(.cookie-banner__title) { margin:0; color:var(--muted); font-size:.86rem; line-height:1.5; }
.cookie-banner a { color:var(--brass-bright); }
.cookie-banner__actions { flex:0 0 auto; display:flex; flex-wrap:wrap; gap:.6rem; justify-content:flex-end; }
.cookie-banner .button { white-space:nowrap; padding:.62rem .85rem; }
.footer-link-button { appearance:none; border:0; padding:0; background:transparent; color:var(--muted); font:inherit; font-size:.88rem; text-decoration:none; cursor:pointer; }
.footer-link-button:hover { color:var(--brass-bright); }
@media (max-width:600px) { .cookie-banner { left:1rem; right:1rem; bottom:1rem; width:auto; display:block; }.cookie-banner__actions { margin-top:1rem; justify-content:stretch; }.cookie-banner .button { flex:1; } }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:5rem; }
body { margin:0; background:var(--dark); color:var(--ink); font:16px/1.55 var(--sans); }
img { display:block; max-width:100%; }
a { color:inherit; }
.container { width:min(1160px, calc(100% - 3rem)); margin:auto; }
.skip-link { position:fixed; z-index:20; left:1rem; top:-4rem; padding:.7rem 1rem; background:var(--paper); color:#111; border-radius:.25rem; }.skip-link:focus { top:1rem; }
.site-header { position:sticky; top:0; z-index:10; backdrop-filter:blur(16px); background:rgba(9,12,9,.87); border-bottom:1px solid var(--line); }.header-inner { min-height:74px; display:flex; align-items:center; gap:2rem; }.brand { display:block; line-height:0; }.brand img { width:184px; height:auto; }.header-inner nav { display:flex; gap:1.5rem; margin-left:auto; }.header-inner nav a, .footer-links a { color:var(--muted); text-decoration:none; font-size:.88rem; }.header-inner nav a:hover, .footer-links a:hover { color:var(--brass-bright); }.login-link { border:1px solid rgba(234,200,136,.65); color:var(--brass-bright); padding:.55rem .85rem; text-decoration:none; font-size:.88rem; font-weight:700; border-radius:.2rem; }
.hero { overflow:hidden; padding:clamp(4rem, 8vw, 8rem) 0 5rem; background:radial-gradient(circle at 80% 30%,rgba(117,93,45,.2),transparent 26%),linear-gradient(135deg,#10150f 0%,#151b14 57%,#10140f); }.hero-grid { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:clamp(2rem,6vw,6rem); }.eyebrow { margin:0 0 1rem; color:var(--brass-bright); font-size:.72rem; font-weight:750; letter-spacing:.15em; text-transform:uppercase; }.hero h1, h2, h3 { font-family:var(--serif); font-weight:400; }.hero h1 { margin:.1em 0 .42em; font-size:clamp(3rem,6vw,5.5rem); line-height:.98; letter-spacing:-.055em; }.hero h1 em { color:var(--brass-bright); }.hero-summary { max-width:36rem; color:var(--muted); font-size:1.12rem; }.actions { display:flex; flex-wrap:wrap; gap:1rem; margin-top:2rem; }.button { display:inline-flex; align-items:center; justify-content:center; gap:.6rem; min-height:48px; padding:.7rem 1.1rem; border:1px solid transparent; font:700 .9rem var(--sans); text-decoration:none; cursor:pointer; border-radius:.2rem; }.button-primary { color:#171208; background:var(--brass-bright); }.button-primary:hover { background:#f5d69b; }.button-primary:disabled { cursor:wait; opacity:.7; }.button-secondary { border-color:var(--line); color:var(--ink); }.button-secondary:hover { border-color:var(--brass-bright); color:var(--brass-bright); }.hero-visual { position:relative; min-height:440px; border:1px solid var(--line); background:#090b09; }.hero-visual::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(9,12,9,.3),transparent 55%),linear-gradient(0deg,rgba(9,12,9,.35),transparent 60%); }.hero-visual img { width:100%; height:100%; min-height:440px; object-fit:cover; }.metric { position:absolute; z-index:1; padding:.8rem 1rem; border:1px solid rgba(234,200,136,.55); background:rgba(10,13,10,.8); backdrop-filter:blur(8px); }.metric strong,.metric span { display:block; }.metric strong { font-family:var(--serif); font-size:1.08rem; }.metric span { color:var(--muted); font-size:.72rem; }.metric-one { top:10%; left:-8%; }.metric-two { bottom:9%; right:-6%; }
.brand { color:var(--ink); font-family:var(--serif); font-size:1.15rem; font-weight:600; letter-spacing:.01em; line-height:1; text-decoration:none; white-space:nowrap; }.brand img { width:205px; height:44px; object-fit:contain; }.hero-visual { display:grid; place-items:center; overflow:hidden; background:radial-gradient(circle at 50% 42%,rgba(160,124,57,.16),transparent 42%),#090b09; }.hero-visual::after { background:linear-gradient(135deg,transparent 49.8%,rgba(234,200,136,.15) 50%,transparent 50.2%),linear-gradient(45deg,transparent 49.8%,rgba(234,200,136,.08) 50%,transparent 50.2%); background-size:42px 42px; opacity:.35; }.session-visual { position:relative; z-index:1; width:min(76%,360px); padding:1.5rem; border:1px solid rgba(234,200,136,.45); background:rgba(14,19,14,.88); box-shadow:0 20px 45px rgba(0,0,0,.35); }.session-visual__eyebrow { margin:0 0 1rem; color:var(--brass-bright); font-size:.68rem; font-weight:750; letter-spacing:.14em; text-transform:uppercase; }.session-visual__row { display:flex; justify-content:space-between; gap:1rem; padding:.82rem 0; border-top:1px solid rgba(234,200,136,.16); color:var(--muted); font-size:.83rem; }.session-visual__row strong { color:var(--ink); font-family:var(--serif); font-size:1.18rem; font-weight:500; }.session-visual__row small { color:var(--brass-bright); font-family:var(--sans); font-size:.65rem; letter-spacing:.05em; }.session-visual__chart { display:flex; align-items:end; gap:.42rem; height:82px; margin-top:1.2rem; padding-top:.6rem; border-top:1px solid rgba(234,200,136,.16); }.session-visual__chart span { flex:1; background:linear-gradient(180deg,var(--brass-bright),rgba(160,124,57,.34)); }.session-visual__chart span:nth-child(1) { height:38%; }.session-visual__chart span:nth-child(2) { height:63%; }.session-visual__chart span:nth-child(3) { height:47%; }.session-visual__chart span:nth-child(4) { height:84%; }.session-visual__chart span:nth-child(5) { height:59%; }.session-visual__chart span:nth-child(6) { height:72%; }.session-visual__chart span:nth-child(7) { height:48%; }.metric { z-index:2; }.metric-one { top:1rem; left:1rem; }.metric-two { right:1rem; bottom:1rem; }
.intro { background:var(--paper); color:#20241f; padding:5.4rem 0; }.intro .eyebrow { color:#7d6339; }.intro-statement { max-width:850px; margin:0; font:clamp(2rem,4vw,3.6rem)/1.1 var(--serif); letter-spacing:-.035em; }
.product-experience { padding:clamp(5rem,9vw,8rem) 0; background:#10150f; color:var(--ink); }.experience-intro { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(2rem,7vw,6rem); align-items:end; margin-bottom:2.25rem; }.experience-intro h2,.walkthrough-callout h2 { max-width:12ch; margin:.1em 0 .55rem; font:clamp(2.35rem,4vw,3.7rem)/1.03 var(--serif); letter-spacing:-.045em; }.experience-intro p:not(.eyebrow),.walkthrough-callout p { max-width:37rem; margin:0; color:var(--muted); }.workflow-rail { display:grid; grid-template-columns:repeat(4,1fr); gap:.75rem; margin:0; padding:0; list-style:none; }.workflow-rail li { min-height:88px; padding:1rem .9rem; border-top:1px solid rgba(234,200,136,.48); background:linear-gradient(180deg,rgba(234,200,136,.07),transparent); }.workflow-rail span { display:block; margin-bottom:.4rem; color:var(--brass-bright); font-size:.7rem; font-weight:800; letter-spacing:.13em; }.workflow-rail strong { display:block; font-size:.82rem; line-height:1.25; }.experience-demo-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }.demo-card { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:1.1rem; min-height:294px; padding:1.1rem; border:1px solid var(--line); background:linear-gradient(145deg,#1a211a,#111610); }.demo-card__copy { align-self:center; }.demo-card h3 { margin:.2rem 0 .65rem; font:1.7rem/1.06 var(--serif); letter-spacing:-.025em; }.demo-card__copy p:not(.feature-number) { margin:0; color:var(--muted); font-size:.88rem; }.demo-frame { display:grid; grid-template-rows:auto auto 1fr auto; min-width:0; margin:0; padding:.85rem; border:1px solid rgba(234,200,136,.2); border-radius:.3rem; background:linear-gradient(145deg,#090d09,#181f18); box-shadow:inset 0 1px 0 rgba(255,255,255,.035); }.demo-frame__topline,.demo-report-actions { display:flex; justify-content:space-between; gap:.5rem; color:#939b90; font-size:.59rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.demo-frame__topline span:last-child { color:var(--brass-bright); }.demo-tabs { display:flex; gap:.3rem; padding:.65rem 0 .55rem; }.demo-tabs i { display:block; width:22%; height:4px; background:#3e463e; }.demo-tabs i.is-active { background:var(--brass-bright); }.demo-table { display:grid; align-content:start; border-top:1px solid rgba(234,200,136,.16); }.demo-table__row { display:grid; grid-template-columns:1.25fr .8fr .6fr; gap:.35rem; padding:.44rem .1rem; border-bottom:1px solid rgba(234,200,136,.1); color:#d4d7d0; font-size:.61rem; }.demo-table__row--head { color:#8d958b; font-size:.51rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.demo-table__row span:last-child { color:#9ed29e; }.demo-frame figcaption { padding-top:.7rem; color:#9da59a; font-size:.64rem; line-height:1.35; }.demo-load-grid { display:grid; grid-template-columns:1fr 1fr; gap:.5rem; padding:.25rem 0 .65rem; }.demo-load-grid div,.demo-session-stats div { padding:.56rem; border:1px solid rgba(234,200,136,.13); background:rgba(255,255,255,.018); }.demo-load-grid span,.demo-session-stats span { display:block; color:#929a90; font-size:.52rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.demo-load-grid strong,.demo-session-stats strong { display:block; margin-top:.17rem; color:#f0f1eb; font-size:.69rem; }.demo-barcode { display:grid; grid-template-columns:38px 1fr auto; gap:.55rem; align-items:center; padding:.55rem 0; border-top:1px solid rgba(234,200,136,.13); color:#c5cbc1; font-size:.59rem; }.demo-barcode span { display:block; height:26px; background:repeating-linear-gradient(90deg,#ddd9c8 0 2px,transparent 2px 4px,#ddd9c8 4px 5px,transparent 5px 8px); }.demo-barcode i { color:var(--brass-bright); font-style:normal; font-size:.52rem; }.demo-session-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:.65rem; align-items:center; padding:.45rem 0 .6rem; }.demo-target { position:relative; width:min(100%,105px); aspect-ratio:1; margin:auto; border:1px solid rgba(234,200,136,.36); border-radius:50%; background:repeating-radial-gradient(circle,transparent 0 13px,rgba(234,200,136,.14) 14px 15px); }.demo-target::before,.demo-target::after { position:absolute; content:""; background:rgba(234,200,136,.24); }.demo-target::before { top:50%; left:0; width:100%; height:1px; }.demo-target::after { top:0; left:50%; width:1px; height:100%; }.demo-target i,.demo-target b { position:absolute; z-index:1; width:6px; height:6px; border-radius:50%; background:#eac888; box-shadow:0 0 0 2px rgba(234,200,136,.12); }.demo-target i { left:46%; top:42%; }.demo-target b:nth-of-type(1) { left:55%; top:49%; }.demo-target b:nth-of-type(2) { left:49%; top:55%; }.demo-target b:nth-of-type(3) { left:58%; top:58%; }.demo-target b:nth-of-type(4) { left:43%; top:50%; }.demo-target b:nth-of-type(5) { left:52%; top:40%; }.demo-session-stats { display:grid; gap:.4rem; }.demo-chart { display:grid; align-items:center; min-height:138px; padding:.45rem 0; }.demo-chart svg { width:100%; overflow:visible; }.demo-chart__grid { fill:none; stroke:rgba(234,200,136,.14); stroke-width:1; }.demo-chart__line { fill:none; stroke:#eac888; stroke-width:2.5; }.demo-chart circle { fill:#111610; stroke:#eac888; stroke-width:2.5; }.demo-report-actions { align-items:center; padding-top:.15rem; }.demo-report-actions b { padding:.45rem .55rem; color:#171208; background:var(--brass-bright); border-radius:.15rem; font-size:.52rem; }.walkthrough-callout { display:flex; justify-content:space-between; align-items:end; gap:2rem; margin-top:1rem; padding:clamp(2rem,5vw,3.5rem); background:linear-gradient(115deg,#29342a,#172017); border:1px solid rgba(234,200,136,.24); }.walkthrough-callout .button { flex:none; }.walkthrough-placeholder { position:relative; margin:1rem 0 0; overflow:hidden; border:1px solid rgba(234,200,136,.24); background:#080b08; }.walkthrough-placeholder img { width:100%; aspect-ratio:16/9; object-fit:cover; opacity:.78; }.walkthrough-placeholder::after { position:absolute; inset:0; content:""; background:linear-gradient(90deg,rgba(8,11,8,.55),transparent 55%); pointer-events:none; }.walkthrough-placeholder__overlay { position:absolute; z-index:1; top:50%; left:50%; display:grid; place-items:center; gap:.35rem; width:92px; height:92px; transform:translate(-50%,-50%); border:1px solid rgba(234,200,136,.75); border-radius:50%; background:rgba(9,12,9,.72); color:var(--brass-bright); backdrop-filter:blur(8px); }.walkthrough-placeholder__overlay span { margin-left:.2rem; font-size:1.6rem; }.walkthrough-placeholder__overlay small { color:#e9e9df; font-size:.57rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.walkthrough-placeholder figcaption { position:absolute; z-index:1; right:0; bottom:0; left:0; padding:1rem 1.2rem; background:linear-gradient(transparent,rgba(8,11,8,.92)); color:#d3d8ce; font-size:.77rem; }.walkthrough-placeholder figcaption strong { color:#f4e8c8; }
.product-section { padding:clamp(5rem,9vw,8rem) 0; background:#181d18; }.section-heading { max-width:650px; margin-bottom:3rem; }.section-heading h2,.contact-section h2 { margin:0 0 1rem; font-size:clamp(2.35rem,4vw,3.7rem); line-height:1.04; letter-spacing:-.045em; }.section-heading > p:last-child { color:var(--muted); max-width:34rem; }.feature-grid { display:grid; grid-template-columns:1fr 1fr; gap:1.2rem; }.feature-card { display:flex; flex-direction:column; min-height:425px; padding:1.7rem; overflow:hidden; background:#222920; border:1px solid var(--line); }.feature-card--wide { grid-column:1/-1; flex-direction:row; align-items:center; gap:2rem; min-height:330px; }.feature-card > div { position:relative; z-index:1; max-width:450px; }.feature-number { color:var(--brass-bright); font-size:.75rem; font-weight:800; letter-spacing:.14em; }.feature-card h3 { margin:.25rem 0 .55rem; font-size:2rem; }.feature-card p:not(.feature-number) { color:var(--muted); }.feature-card img { width:100%; height:190px; margin-top:auto; object-fit:cover; opacity:.78; }.feature-card--wide img { width:50%; height:300px; margin:0 -1.7rem 0 auto; }
.audience-section { padding:clamp(5rem,9vw,8rem) 0; background:linear-gradient(115deg,#28342b,#162019); }.audience-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:4rem; }.section-heading--inverse h2 { color:#fff; }.audience-list { margin:0; padding:0; list-style:none; border-top:1px solid var(--line); }.audience-list li { display:flex; gap:1.3rem; padding:1.4rem 0; border-bottom:1px solid var(--line); }.audience-list li>span { color:var(--brass-bright); font-size:.75rem; font-weight:800; }.audience-list strong { font:1.45rem var(--serif); }.audience-list p { margin:.25rem 0 0; color:#cbd0c8; font-size:.92rem; }
.contact-section { padding:clamp(5rem,9vw,8rem) 0; background:var(--paper); color:#1b201a; }.contact-section .eyebrow { color:#81653a; }.contact-section > .container { align-items:start; }.contact-grid { display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(2rem,8vw,7rem); }.contact-grid > div > p:last-child { color:#576057; max-width:28rem; }.contact-expectation { margin-top:1.5rem; color:#3c443b!important; font-size:.9rem; }.contact-expectation strong { color:#1b201a; }.contact-form { display:grid; gap:1rem; }.form-row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }.contact-form label { display:grid; gap:.4rem; color:#3c443b; font-size:.85rem; font-weight:700; }.contact-form input,.contact-form select,.contact-form textarea { width:100%; border:1px solid #b7b4a8; border-radius:.15rem; background:#fffefa; color:#192018; padding:.75rem; font:inherit; }.contact-form textarea { resize:vertical; }.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus,.button:focus-visible,.login-link:focus-visible,a:focus-visible { outline:3px solid #a27832; outline-offset:3px; }.optional { font-weight:400; }.honeypot { position:absolute; left:-9999px; }.form-help,.selected-plan-summary,.form-status { min-height:1.5em; margin:0; color:#344435; font-size:.9rem; }.selected-plan-summary { padding:.65rem .75rem; border-left:3px solid #a27832; background:#e9e4d7; font-weight:700; }
.site-footer { padding:2.75rem 0; background:#090c09; }.footer-inner { display:grid; grid-template-columns:1.2fr 1fr auto; gap:1.25rem; align-items:center; }.footer-brand img { width:172px; }.site-footer p { margin:0; color:#8f978c; font-size:.82rem; }.footer-links { display:flex; flex-wrap:wrap; gap:1rem; }.copyright { grid-column:1/-1; padding-top:1rem; border-top:1px solid var(--line); }
.footer-brand { font-size:1rem; }
@media (max-width:760px) { .container { width:min(100% - 2rem,1160px); }.header-inner { min-height:64px; gap:.8rem; }.brand img { width:145px; }.header-inner nav { display:none; }.login-link { margin-left:auto; }.hero { padding-top:4rem; }.hero-grid,.audience-grid,.contact-grid,.experience-intro { grid-template-columns:1fr; }.hero-visual { min-height:300px; }.hero-visual img { min-height:300px; }.metric-one { left:0; }.metric-two { right:0; }.feature-grid,.experience-demo-grid { grid-template-columns:1fr; }.feature-card--wide { grid-column:auto; flex-direction:column; align-items:stretch; min-height:425px; }.feature-card--wide img { width:calc(100% + 3.4rem); height:190px; margin:auto -1.7rem -1.7rem; }.workflow-rail { grid-template-columns:1fr 1fr; }.demo-card { grid-template-columns:1fr; }.demo-card__copy { max-width:31rem; }.walkthrough-callout { display:grid; align-items:start; }.walkthrough-callout .button { width:100%; }.walkthrough-placeholder figcaption { position:relative; background:#080b08; }.form-row { grid-template-columns:1fr; }.footer-inner { grid-template-columns:1fr; }.copyright { grid-column:auto; }.section-heading { margin-bottom:2rem; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }

/* Hero performance panel */
.hero-visual { padding:1.4rem; background:radial-gradient(circle at 72% 22%,rgba(211,173,108,.13),transparent 25%),#090d09; }
.session-visual { width:min(100%,470px); padding:1.1rem 1.25rem 1.25rem; border-color:rgba(234,200,136,.42); background:linear-gradient(145deg,rgba(17,24,17,.98),rgba(8,13,9,.96)); box-shadow:0 32px 65px rgba(0,0,0,.42), inset 0 1px 0 rgba(255,255,255,.025); }
.session-visual__topline,.session-visual__heading,.session-visual__main,.session-visual__stats,.session-visual__trend>div { display:flex; justify-content:space-between; gap:1rem; }.session-visual__topline { padding-bottom:.7rem; border-bottom:1px solid rgba(234,200,136,.18); color:#899185; font-size:.62rem; font-weight:700; letter-spacing:.09em; text-transform:uppercase; }.session-visual__heading { align-items:end; padding:1.1rem 0 .9rem; }.session-visual__heading strong { font:1.35rem var(--serif); color:#f1eee2; }.session-visual__eyebrow { margin:0 0 .12rem; font-size:.58rem; }.session-visual__delta { color:#eac888; font-size:.62rem; font-weight:800; letter-spacing:.05em; }.session-visual__main { align-items:center; padding:.5rem 0 1rem; border-bottom:1px solid rgba(234,200,136,.18); }.session-visual__target { position:relative; flex:0 0 150px; width:150px; height:150px; border:1px solid rgba(234,200,136,.25); border-radius:50%; background:repeating-radial-gradient(circle,transparent 0 18px,rgba(234,200,136,.1) 19px 20px),linear-gradient(90deg,transparent 49.5%,rgba(234,200,136,.2) 50%,transparent 50.5%),linear-gradient(transparent 49.5%,rgba(234,200,136,.2) 50%,transparent 50.5%); }.target-ring { position:absolute; inset:22px; border:1px solid rgba(234,200,136,.18); border-radius:50%; }.target-ring--two { inset:45px; }.target-ring--three { inset:67px; background:rgba(234,200,136,.18); }.session-visual__target i { position:absolute; left:50%; top:50%; width:4px; height:4px; transform:translate(-50%,-50%); border-radius:50%; background:#eac888; }.shot { position:absolute; width:7px; height:7px; border:1px solid #111; border-radius:50%; background:#f1e7ca; box-shadow:0 0 0 2px rgba(234,200,136,.25); }.shot--one { left:70px; top:66px; }.shot--two { left:81px; top:70px; }.shot--three { left:76px; top:80px; }.shot--four { left:66px; top:78px; }.shot--five { left:85px; top:80px; }.session-visual__score { flex:1; text-align:right; }.session-visual__score>span,.session-visual__score p { margin:0; color:#aab0a6; font-size:.68rem; }.session-visual__score strong { display:block; margin:.25rem 0; font:2.15rem var(--serif); color:#f3f0e6; }.session-visual__score small,.session-visual__stats small { color:#eac888; font:700 .58rem var(--sans); letter-spacing:.06em; }.session-visual__stats { padding:1rem 0; border-bottom:1px solid rgba(234,200,136,.18); }.session-visual__stats div { display:grid; gap:.15rem; }.session-visual__stats div:not(:last-child) { padding-right:.8rem; border-right:1px solid rgba(234,200,136,.16); }.session-visual__stats span,.session-visual__trend span { color:#8f978c; font-size:.6rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }.session-visual__stats strong { color:#f3f0e6; font:1.2rem var(--serif); }.session-visual__trend { padding-top:1rem; color:#eac888; }.session-visual__trend>div { align-items:center; }.session-visual__trend strong { color:#c2c7bd; font-size:.65rem; font-weight:700; }.session-visual__trend svg { display:block; width:100%; height:58px; margin-top:.45rem; overflow:visible; }
@media (max-width:760px) { .hero-visual { padding:1rem; }.session-visual { padding:1rem; }.session-visual__target { flex-basis:128px; width:128px; height:128px; }.target-ring { inset:18px; }.target-ring--two { inset:38px; }.target-ring--three { inset:57px; }.shot--one { left:59px; top:55px; }.shot--two { left:70px; top:59px; }.shot--three { left:65px; top:69px; }.shot--four { left:55px; top:67px; }.shot--five { left:74px; top:69px; } }

/* Hero refinement */
.header-inner { min-height:82px; }.brand img { width:260px; height:56px; object-fit:contain; }.hero { background:radial-gradient(circle at 76% 24%,rgba(179,136,62,.22),transparent 22%),radial-gradient(circle at 42% 62%,rgba(54,75,52,.12),transparent 32%),linear-gradient(135deg,#10150f 0%,#151b14 57%,#10140f); }.hero-copy { position:relative; }.hero-copy::after { content:""; display:block; width:58px; height:1px; margin-top:2.25rem; background:linear-gradient(90deg,var(--brass-bright),transparent); }.session-visual { isolation:isolate; }.session-visual::before { content:""; position:absolute; z-index:-1; inset:10px -10px -10px 10px; border:1px solid rgba(234,200,136,.11); transform:translate(7px,7px); }.session-visual__topline i { display:inline-block; width:6px; height:6px; margin:0 .45rem .05rem 0; border-radius:50%; background:#d8c079; box-shadow:0 0 0 3px rgba(216,192,121,.12); }.session-visual__load { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:.65rem; padding:.55rem 0 .75rem; border-bottom:1px solid rgba(234,200,136,.18); font-size:.62rem; }.session-visual__load span { color:#939b90; font-weight:750; letter-spacing:.07em; text-transform:uppercase; }.session-visual__load strong { color:#daddd5; font-size:.68rem; font-weight:650; letter-spacing:.02em; }.session-visual__load span:last-child { color:#d9c68b; text-align:right; font-size:.56rem; }
@media (max-width:760px) { .header-inner { min-height:68px; }.brand img { width:190px; height:40px; }.session-visual__load { grid-template-columns:auto 1fr; }.session-visual__load span:last-child { display:none; } }

/* Technical readout mode */
.session-visual { font-variant-numeric:tabular-nums; }.session-visual__topline,.session-visual__load,.session-visual__stats span,.session-visual__trend span,.session-visual__delta { font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace; }.session-visual__topline { font-size:.57rem; }.session-visual__target { background-color:#0b100c; background-image:linear-gradient(90deg,transparent 49.75%,rgba(234,200,136,.34) 50%,transparent 50.25%),linear-gradient(transparent 49.75%,rgba(234,200,136,.34) 50%,transparent 50.25%),linear-gradient(rgba(234,200,136,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(234,200,136,.05) 1px,transparent 1px); background-size:100% 100%,100% 100%,15px 15px,15px 15px; }.target-axis { position:absolute; z-index:2; color:#7e887b; font:600 .42rem "SFMono-Regular",Consolas,monospace; letter-spacing:.04em; }.target-axis--x { left:50%; bottom:-13px; transform:translateX(-50%); white-space:nowrap; }.target-axis--y { left:-21px; top:50%; transform:rotate(-90deg) translateX(50%); transform-origin:left top; }.shot::after { content:attr(data-shot); position:absolute; top:-11px; left:7px; color:#b9c0b4; font:500 .4rem "SFMono-Regular",Consolas,monospace; }.session-visual__score code { display:block; margin-top:.55rem; color:#999f95; font:.52rem "SFMono-Regular",Consolas,monospace; white-space:nowrap; }.session-visual__stats strong { font-family:"SFMono-Regular",Consolas,"Liberation Mono",monospace; font-size:1rem; }.session-visual__trend svg { filter:drop-shadow(0 0 4px rgba(234,200,136,.16)); }.session-visual__trend circle { fill:#eac888; stroke:#10150f; stroke-width:1.5; }