/* Approved experience-first homepage layout. */
:root { --text-secondary:#b8b8c1; --text-muted:#a3a3ae; --border:#303039; --radius:8px; --gradient-accent:#00c2ff; }
* { letter-spacing:0 !important; }
html { scroll-padding-top:90px; }
body { overflow-x:visible; }
nav { background:#0a0a0f; backdrop-filter:none; }
nav.scrolled { background:#0a0a0f; }
.nav-inner { max-width:1320px; }
.nav-links { gap:26px; }
.nav-links a { text-transform:none; font-size:14px; }
.nav-cta,.btn-primary { background:#00c2ff; box-shadow:none; }
.nav-cta:hover,.btn-primary:hover { box-shadow:none; background:#49d3ff; transform:none; }
.skip-link { position:fixed; top:-80px; left:20px; z-index:2000; padding:12px 20px; background:white; color:black; }
.skip-link:focus { top:10px; }
:focus-visible { outline:2px solid #00c2ff; outline-offset:5px; }
.hero { height:calc(100svh - 70px); min-height:500px; max-height:820px; text-align:left; justify-content:flex-start; align-items:flex-end; padding:110px max(32px,calc((100% - 1200px)/2)) 42px; }
.hero::before { display:none; }
.hero-media { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center 42%; filter:brightness(.72); }
.hero-content { max-width:850px; }
.hero-brand { font-size:22px; font-weight:600; margin-bottom:16px; text-shadow:0 2px 9px #000; }
.hero h1 { color:white; font-size:64px; line-height:1.02; font-weight:600; margin-bottom:20px; text-shadow:0 2px 16px #000; }
.hero p { margin:0 0 24px; font-size:18px; max-width:630px; color:white; text-shadow:0 2px 8px #000; }
.hero-buttons { justify-content:flex-start; gap:14px; }
.hero .btn-secondary { background:#101014; border-color:#777; }
.btn { border-radius:4px; min-height:46px; padding:12px 22px; font-size:14px; }
section { padding:76px 32px; }
.section-inner { max-width:1200px; }
.section-title { font-size:38px; font-weight:500; max-width:700px; }
.section-label { font-size:12px; font-weight:600; margin-bottom:16px; }
.section-label::before { display:none; }
.section-subtitle { font-size:16px; max-width:650px; }
.experience { background:#f1f2f3; color:#161619; padding-top:40px; }
.experience-intro { display:grid; grid-template-columns:1fr 1fr; gap:14px 64px; }
.experience-intro .section-label { grid-column:1/-1; color:#3c3c43; margin:0; }
.experience-intro h2 { font:500 38px/1.16 'Space Grotesk',sans-serif; }
.experience-intro > p:last-child { align-self:end; font-size:17px; line-height:1.75; color:#4d4d55; max-width:520px; }
.experience-links { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; margin-top:42px; }
.experience-links a { border-top:1px solid #c9cbd0; padding-top:20px; color:#161619; text-decoration:none; }
.experience-links span,.experience-links strong { display:block; }
.experience-links span { font-size:12px; color:#5c5c63; }
.experience-links strong { font:500 21px/1.35 'Space Grotesk',sans-serif; margin:10px 0 20px; }
.experience-links .text-link { color:#006180; font-size:14px; }
.series-grid { display:block; margin-top:42px; }
.series-card,.series-grid .series-card:last-child:nth-child(odd) { display:grid; grid-template-columns:1fr 1fr; gap:64px; width:100%; max-width:none; padding:40px 0; background:none; border:0; border-top:1px solid #363640; border-radius:0; overflow:visible; }
.series-card::before { display:none; }
.series-card:hover { background:none; transform:none; border-color:#363640; }
.series-name { font-size:32px; font-weight:500; line-height:1.2; margin-bottom:14px; }
.series-tagline { font-size:12px; text-transform:none; margin-bottom:10px; }
.model-tech { margin:0 0 18px; }
.series-desc { font-size:15px; max-width:450px; margin:0; }
.model-intro,.model-facts { min-width:0; }
.model-primary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; padding:6px 0 22px; }
.model-primary strong { display:block; font:500 19px/1.3 'Space Grotesk',sans-serif; }
.model-primary span { display:block; font-size:12px; color:#a3a3ae; margin-top:7px; }
.model-details { border-top:1px solid #303039; }
.model-details summary { cursor:pointer; padding:13px 0; font-size:14px; color:#c7c7cf; }
.series-specs { margin:0 0 10px; }
.series-specs li { gap:20px; }
.series-download { margin:9px 0 0; color:#00c2ff; font-size:13px; }
.series-sizes-note { display:flex; flex-wrap:wrap; align-items:center; gap:16px 32px; padding:26px 0 0; border-top:1px solid #363640; font-size:14px; }
.series-sizes-note span { color:#b8b8c1; }
.series-sizes-note a { color:#00c2ff; }
.blackfire,.silkstream,.nanopix { border:0; }
.blackfire-grid { gap:72px; align-items:center; }
.blackfire-content .section-label { color:#9d9da8; }
.blackfire-content p { font-size:16px; line-height:1.75; margin-bottom:20px; }
.blackfire-title,.silkstream-title { font-size:36px; font-weight:600; }
.blackfire-title span { background:none; -webkit-text-fill-color:#ff764e; }
.silkstream-title span { background:none; -webkit-text-fill-color:#22d3ee; }
.blackfire-tagline { text-transform:none; font-size:19px; font-weight:500; color:#ededf1; margin:18px 0; }
.blackfire-stats { gap:16px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.stat { padding:18px 0 0; border:0; border-top:1px solid #363640; border-radius:0; background:none; text-align:left; }
.stat-value { font-size:24px; font-weight:500; }
.stat-label { font-size:11px; text-transform:none; }
.blackfire-visual { border-radius:4px; border:0; }
.nanopix-demo { border:1px solid #303039; }
.features { background:#101014; }
.features-grid { gap:0 40px; }
.feature-card { padding:28px 0; border:0; border-top:1px solid #303039; border-radius:0; background:none; }
.feature-card:hover { background:none; transform:none; }
.feature-card h3 { font-size:19px; font-weight:500; }
.feature-card p { font-size:15px; }
.custom { background:#f1f2f3; color:#161619; }
.custom .section-label { color:#006180; }
.custom .section-subtitle,.custom-features { color:#50505a; }
.custom-features li { color:#414149; }
.custom-visual { border:0; background:none; }
.aspect-box { background:#dce3e7; border-color:#b8c5cf; color:#162e3b; border-radius:3px; box-shadow:none; }
.aspect-box span { color:#162e3b; }
.environments-grid { gap:56px; }
.env-card { padding:28px 0; background:none !important; border:0; border-top:1px solid #363640; border-radius:0; }
.env-card:hover { transform:none; }
.env-card h3 { font-size:24px; }
.text-link { display:block; color:#00c2ff; margin-top:16px; text-decoration:none; font-size:14px; }
.faq-list { max-width:none; }
.faq-item { border-radius:0; background:none; border:0; border-bottom:1px solid #303039; margin:0; }
.faq-question { padding:22px 0; }
.faq-answer { padding-left:0; padding-right:0; }
.faq-answer p { max-width:850px; }
.faq-item.open .faq-answer { max-height:650px; padding-bottom:22px; }
.reading-links { display:flex; flex-wrap:wrap; gap:16px 32px; margin-top:28px; }
.reading-links a { color:#00c2ff; font-size:14px; }
.dealer-cta { padding-top:24px; padding-bottom:24px; background:#101014; }
.cta-box { padding:40px 0; border:0; border-radius:0; background:none; text-align:left; }
.cta-box::before { display:none; }
.cta-box .section-subtitle { margin:0 0 26px; }
.contact { padding-top:52px; }
.contact-form { background:none; border:0; padding:0; }
.contact-item-icon { background:none; border-radius:0; }
.contact-form input,.contact-form textarea,.contact-form select { border-radius:4px; }
.footer-links { flex-wrap:wrap; }
@media(max-width:1024px) {
 .nav-links { gap:18px; }
 .series-card,.series-grid .series-card:last-child:nth-child(odd) { gap:32px; }
 .blackfire-grid { gap:36px; }
 .hero h1 { font-size:56px; }
}
@media(max-width:768px) {
 nav,nav.scrolled { padding:16px 22px; }
 .logo-img { height:34px; }
 .nav-links.active { background:#101014; }
 .hero { min-height:490px; max-height:780px; padding:110px 24px 30px; height:calc(100svh - 66px); }
 .hero-media { object-position:47% center; }
 .hero h1 { font-size:42px; }
 .hero-brand { font-size:19px; margin-bottom:14px; }
 .hero p { font-size:16px; max-width:480px; line-height:1.6; margin-bottom:22px; }
 .hero-buttons { gap:10px; }
 section { padding:48px 24px; }
 .section-title,.experience-intro h2 { font-size:30px; }
 .experience-intro { grid-template-columns:1fr; gap:14px; }
 .experience-intro > p:last-child { font-size:16px; }
 .experience-links { gap:22px; margin-top:28px; }
 .experience-links strong { font-size:18px; }
 .experience-links .text-link { font-size:12px; }
 .series-grid { margin-top:28px; }
 .series-card,.series-grid .series-card:last-child:nth-child(odd) { grid-template-columns:1fr; gap:25px; padding:30px 0; }
 .series-name { font-size:29px; }
 .series-desc { max-width:580px; }
 .model-primary { gap:14px; padding-top:0; }
 .model-primary strong { font-size:18px; }
 .model-primary span { font-size:11px; }
 .blackfire-grid { gap:28px; }
 .blackfire-title,.silkstream-title { font-size:30px; }
 .stat-value { font-size:20px; }
 .blackfire-grid { direction:ltr !important; }
 .environments-grid { gap:12px; }
 .features-grid { grid-template-columns:1fr 1fr; gap:0 26px; }
 .custom-visual { padding:20px 0; }
 .cta-box { padding:25px 0; }
 .contact-grid { gap:32px; }
}
@media(max-width:480px) {
 .hero h1 { font-size:36px; }
 .hero .btn { padding:12px 16px; font-size:13px; }
 .experience-links { grid-template-columns:1fr; gap:20px; }
 .experience-links a { display:grid; grid-template-columns:1fr auto; gap:0 14px; padding-top:15px; }
 .experience-links strong { grid-column:1; margin:5px 0 0; }
 .experience-links .text-link { grid-column:2; grid-row:1/3; align-self:center; max-width:100px; }
 .features-grid { grid-template-columns:1fr; }
 .model-primary { grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
 .model-primary strong { font-size:15px; overflow-wrap:anywhere; }
 .model-primary span { font-size:11px; }
 .stat-value { font-size:18px; }
 .series-sizes-note { gap:12px; }
}
@media(max-width:360px) {
 .hero { padding-left:20px; padding-right:20px; min-height:480px; }
 .hero h1 { font-size:32px; }
 .hero p { font-size:15px; }
 .hero .btn { padding:12px; }
 section { padding-left:20px; padding-right:20px; }
 .model-primary strong { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }