/* FightNodePad product page and home-page feature. */
.pad-page { margin:0; color:#f5f7fb; background:#06080d; font-family:Arial,Helvetica,sans-serif; line-height:1.6; color-scheme:dark; }
.pad-page *, .pad-spotlight * { box-sizing:border-box; }
.pad-page a { color:inherit; text-decoration:none; }
.pad-page .brand { display:flex; align-items:center; gap:12px; font-weight:800; font-size:19px; }
.pad-page .brand-logo { width:46px; height:46px; object-fit:cover; border:1px solid #2f8cff; border-radius:8px; }
.pad-page .site-header nav a[aria-current] { color:#49e3d0; }
.pad-page main, .pad-page footer { width:min(1200px,calc(100% - 64px)); margin:auto; }
.pad-page p { margin:0 0 20px; }
.pad-page h1, .pad-page h2, .pad-page h3 { line-height:1.04; letter-spacing:-.045em; }
.pad-page h2 { font-size:clamp(38px,4.7vw,64px); margin:0 0 24px; }
.pad-page h3 { font-size:25px; margin:0 0 16px; letter-spacing:-.025em; }
.pad-page h2 span, .pad-spotlight-slogan span { color:#49e3d0; }
.pad-eyebrow { font-size:11px!important; line-height:1.5; letter-spacing:.16em; font-weight:800; color:#49e3d0!important; margin:0 0 26px!important; }
.pad-dot { display:inline-block; width:6px; height:6px; border-radius:50%; background:#49e3d0; flex-shrink:0; }
.pad-eyebrow .pad-dot { margin-right:8px; box-shadow:0 0 12px #49e3d088; }
.pad-hero { display:grid; grid-template-columns:1.13fr 1fr; align-items:center; gap:60px; padding:88px 0 90px; position:relative; }
.pad-hero h1 { font-size:clamp(30px,3.4vw,47px); font-weight:900; margin:0 0 30px; letter-spacing:-.055em; white-space:nowrap; }
.pad-hero h1 span { font-weight:400; color:#49e3d0; }
.pad-hero h2 { font-size:clamp(42px,4.4vw,61px); }
.pad-lead { color:#afbdcc; font-size:17px; max-width:510px; }
.pad-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.pad-button { display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:14px 19px; min-height:50px; border:1px solid #344052; border-radius:6px; font-size:13px; font-weight:700; color:#f5f7fb; text-decoration:none; transition:background .15s, border-color .15s; }
.pad-button:hover { background:#17222d; border-color:#7d91a8; }
.pad-button.pad-primary { background:#49e3d0; border-color:#49e3d0; color:#05221e; }
.pad-button.pad-primary:hover { background:#83f0e3; border-color:#83f0e3; }
.pad-page a:focus-visible, .pad-spotlight a:focus-visible { outline:2px solid #49e3d0; outline-offset:5px; }
.pad-specs { display:flex; gap:0; flex-wrap:wrap; margin-top:28px; font-size:9px; color:#8c9aaa; letter-spacing:.13em; font-weight:700; }
.pad-specs span+span::before { content:' / '; color:#42515e; padding:0 13px; }
.pad-visual { position:relative; min-width:0; padding:20px 0; }
.pad-orbit { position:absolute; inset:-30px -14px; background:radial-gradient(ellipse at center,#164f5266,transparent 67%); pointer-events:none; }
.pad-dashboard { position:relative; padding:28px; border:1px solid #335453; border-radius:18px; background:linear-gradient(135deg,#101e27,#080d15 60%); box-shadow:0 30px 65px #0007; transform:rotate(-2deg); }
.pad-dashboard-top { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:45px; }
.pad-wordmark { font-size:17px; font-weight:800; letter-spacing:-.03em; }
.pad-ready { display:flex; gap:7px; align-items:center; color:#49e3d0; font-size:9px; letter-spacing:.12em; border:1px solid #254a45; background:#122922; padding:5px 8px; border-radius:4px; }
.pad-small-label { color:#8c9aaa; font-size:10px; letter-spacing:.13em; font-weight:700; margin-bottom:6px!important; }
.pad-power { font-size:94px; font-weight:800; letter-spacing:-.07em; line-height:1; margin:0 0 35px; }
.pad-power>span { font-size:21px; letter-spacing:0; color:#49e3d0; padding-left:12px; }
.pad-chart-title { display:flex; justify-content:space-between; gap:10px; font-size:8px; letter-spacing:.1em; color:#97a9b8; margin-bottom:16px; }
.pad-dashboard svg { display:block; width:100%; overflow:visible; }
.graph-grid { fill:none; stroke:#263139; stroke-width:.7; }
.graph-line { fill:none; stroke:#49e3d0; stroke-width:2.5; stroke-linejoin:round; }
.pad-axis { display:flex; justify-content:space-between; color:#768d9b; font-size:9px; margin-top:3px; }
.pad-dashboard-stats { display:grid; grid-template-columns:.7fr 1fr 1.1fr; gap:12px; margin-top:27px; padding-top:20px; border-top:1px solid #26343e; }
.pad-dashboard-stats>div>span { display:block; font-size:8px; letter-spacing:.12em; color:#8da2b2; }
.pad-dashboard-stats strong { font-size:25px; letter-spacing:-.04em; font-weight:700; }
.pad-dashboard-stats small { font-size:10px; font-weight:400; color:#8da2b2; letter-spacing:0; }
.pad-dashboard-foot { margin-top:26px; padding-top:18px; border-top:1px solid #26343e; color:#91a7b1; font-size:8px; letter-spacing:.12em; display:flex; align-items:center; gap:8px; }
.pad-preview-note { position:relative; color:#80949f; font-size:10px; margin:26px 0 0!important; text-align:center; }
.pad-sports { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:16px; padding:27px 0; border-top:1px solid #26343e; border-bottom:1px solid #26343e; color:#aab8c6; font-size:12px; letter-spacing:.17em; font-weight:700; }
.pad-sports i { color:#49e3d0; font-style:normal; font-size:16px; }
.pad-section { padding:96px 0; border-bottom:1px solid #1d2935; scroll-margin-top:24px; }
.pad-section-heading { max-width:580px; }
.pad-section-heading>p:not(.pad-eyebrow) { color:#aab8c6; font-size:17px; max-width:520px; }
.pad-mode-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:42px; }
.pad-mode { position:relative; overflow:hidden; border:1px solid #2b3b4c; border-top:2px solid #459aff; background:linear-gradient(145deg,#111e2d,#0b121c); border-radius:8px; padding:32px; }
.pad-mode-wall { border-top-color:#49e3d0; background:linear-gradient(145deg,#102723,#0b1519); }
.pad-mode-top { display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:40px; color:#87b9fc; font-size:10px; letter-spacing:.14em; }
.pad-mode-wall .pad-mode-top { color:#49e3d0; }
.pad-mode-number { font-size:66px; font-weight:800; line-height:.8; letter-spacing:-.07em; opacity:.42; }
.pad-mode h3 { font-size:36px; }
.pad-mode p { font-size:16px; color:#aebdca; max-width:450px; }
.pad-mode-tags { display:flex; gap:8px; flex-wrap:wrap; margin-top:32px; }
.pad-mode-tags span { border:1px solid #33434c; padding:5px 9px; border-radius:4px; font-size:10px; color:#c1ccd8; }
.pad-data-grid { display:grid; grid-template-columns:repeat(3,1fr); margin-top:46px; border-top:1px solid #26343e; border-left:1px solid #26343e; }
.pad-data-grid article { padding:32px; border-bottom:1px solid #26343e; border-right:1px solid #26343e; }
.pad-feature-mark { display:block; font-size:31px; height:55px; color:#49e3d0; }
.pad-data-grid h3 { font-size:21px; }
.pad-data-grid p { color:#aab8c6; font-size:15px; margin:0; }
.pad-session-section { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
.pad-text-link { color:#49e3d0!important; font-size:14px; font-weight:700; border-bottom:1px solid #49e3d066; padding-bottom:7px; display:inline-block; margin-top:12px; }
.pad-session-list article { display:flex; gap:24px; padding:26px 0; border-top:1px solid #26343e; }
.pad-session-list article>span { color:#49e3d0; font-size:11px; }
.pad-session-list h3 { font-size:24px; }
.pad-session-list p { color:#aab8c6; font-size:15px; margin:0; }
.pad-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:40px; list-style:none; padding:0; margin:44px 0 0; }
.pad-steps li { border-top:1px solid #3b5c5b; padding-top:22px; }
.pad-steps li>span { display:block; color:#49e3d0; font-size:12px; margin-bottom:20px; }
.pad-steps p { color:#aab8c6; font-size:15px; margin:0; }
.pad-finale { text-align:center; padding:100px 20px 90px; background:radial-gradient(ellipse at center,#122c2988,transparent 66%); }
.pad-finale h2 { font-size:clamp(55px,8vw,110px); }
.pad-finale>p:not(.pad-eyebrow) { color:#aab8c6; }
.pad-finale .pad-actions { justify-content:center; }
.pad-version-note { font-size:11px; margin-top:24px!important; }
.pad-page footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:20px; border-top:1px solid #26343e; padding:30px 0; font-size:12px; color:#8da2b2; }
.pad-page footer a:hover { color:white; }
.pad-skip { position:absolute; top:-80px; left:20px; z-index:100; padding:10px; background:#49e3d0; color:#05221e!important; }
.pad-skip:focus { top:10px; }
/* Home feature uses the established page width and type. */
.pad-spotlight { display:grid; grid-template-columns:1.1fr 1fr; gap:64px; align-items:center; margin:28px 0; padding:52px!important; border:1px solid #2d5653!important; border-radius:8px; background:linear-gradient(120deg,#0e1c29,#0b201e); }
.pad-spotlight h2 { font-size:clamp(33px,4vw,53px); line-height:1.06; letter-spacing:-.035em; }
.pad-spotlight p { max-width:540px; }
.pad-spotlight-side { padding-left:42px; border-left:1px solid #30544c; }
.pad-spotlight-slogan { font-size:clamp(42px,5vw,66px); font-weight:800; line-height:1; letter-spacing:-.04em; margin:24px 0; }
@media(max-width:1050px) {
 .pad-hero { gap:32px; }
 .pad-hero h1 { font-size:34px; }
 .pad-dashboard { padding:22px; }
 .pad-dashboard-stats strong { font-size:21px; }
 .pad-session-section { gap:40px; }
 .pad-spotlight { gap:35px; padding:32px!important; }
}
@media(max-width:760px) {
 .pad-page main,.pad-page footer { width:calc(100% - 36px); }
 .pad-hero { grid-template-columns:1fr; padding:44px 0 48px; gap:32px; }
 .pad-hero h1 { font-size:clamp(29px,7vw,43px); margin-bottom:24px; }
 .pad-hero h2 { font-size:clamp(41px,8vw,59px); }
 .pad-lead { font-size:16px; }
 .pad-eyebrow { font-size:9px!important; letter-spacing:.12em; margin-bottom:20px!important; }
 .pad-visual { max-width:490px; width:100%; margin:auto; padding:15px 7px 0; }
 .pad-dashboard { transform:none; }
 .pad-orbit { inset:0; }
 .pad-dashboard-top { margin-bottom:28px; }
 .pad-power { font-size:84px; margin-bottom:27px; }
 .pad-sports { gap:14px 10px; font-size:9px; letter-spacing:.08em; justify-content:center; }
 .pad-sports i { font-size:10px; }
 .pad-section { padding:58px 0; }
 .pad-mode-grid,.pad-session-section { grid-template-columns:1fr; }
 .pad-mode-grid { gap:16px; margin-top:30px; }
 .pad-mode { padding:26px; }
 .pad-mode h3 { font-size:32px; }
 .pad-data-grid { grid-template-columns:repeat(2,1fr); }
 .pad-data-grid article { padding:22px 18px; }
 .pad-data-grid h3 { font-size:20px; }
 .pad-data-grid p { font-size:14px; }
 .pad-steps { grid-template-columns:1fr; gap:28px; margin-top:30px; }
 .pad-steps li>span { margin-bottom:13px; }
 .pad-finale { padding:62px 0; }
 .pad-button { font-size:12px; padding:13px 15px; gap:10px; }
 .pad-spotlight { grid-template-columns:1fr; padding:26px!important; gap:34px; }
 .pad-spotlight-side { padding:28px 0 0; border-left:0; border-top:1px solid #30544c; }
 .pad-spotlight-slogan { font-size:52px; }
}
@media(prefers-reduced-motion:reduce) { .pad-button { transition:none; } }