/* Product editorial layout. Existing Quark palette and system fonts. */
html {scroll-behavior:smooth;scroll-padding-top:85px}
 .product-page{--sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,serif}
 .product-page .shell{max-width:1320px}
 .product-page a:focus-visible,.product-page button:focus-visible,.product-page input:focus-visible,.product-page select:focus-visible{outline:3px solid var(--quark-deep);outline-offset:5px}
 .skip-link{position:absolute;top:-80px;left:20px;z-index:100}
.skip-link:focus{top:10px;background:var(--paper);padding:15px}
.product-kicker{font:11px/1.5 var(--mono);letter-spacing:.1em;display:block}
.product-hero{padding-top:48px}
.product-hero>.product-kicker{display:flex;justify-content:space-between;border-bottom:1px solid var(--line-2);padding-bottom:18px}
.product-kicker span{color:var(--mute)}
.product-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding:64px 0 54px}
.product-intro h1{font-size:clamp(40px,5.6vw,76px);letter-spacing:-.055em;line-height:1.06;font-weight:500}
.product-page em{font-family:var(--serif);font-weight:400;letter-spacing:-.04em}
.product-lead{padding-top:6px;font-size:23px;line-height:1.45}
.product-lead .secondary{font-size:16px;color:var(--mute);margin-top:20px}
.product-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px;font-size:14px}
.product-page .btn-primary{background:var(--quark);color:#09241e;border:1px solid var(--quark);font-weight:650;border-radius:2px;padding:16px 22px}
.product-shot{background:#202124;padding:12px;border:1px solid var(--line-2)}
.shot-label{color:#cfddd7;display:flex;justify-content:space-between;padding:5px 8px 14px;font:10px var(--mono);letter-spacing:.08em}
.product-shot img{width:100%;height:auto;display:block}
.product-shot figcaption{color:#c3c9c6;font-size:12px;padding:14px 8px 5px;line-height:1.5}
.product-section{padding-top:90px;padding-bottom:85px}
.product-section-head{display:grid;grid-template-columns:.65fr 1.4fr 1fr;gap:35px;align-items:start}
.product-page h2{font-size:clamp(34px,4vw,52px);font-weight:500;letter-spacing:-.045em;line-height:1.13}
.product-section-head>p{color:var(--mute);font-size:16px;line-height:1.65}
.product-features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:54px}
.product-features article{border-top:1px solid var(--line-2);padding-top:18px}
.feature-no{font:11px var(--mono);color:var(--mute)}
.product-page h3{font-size:24px;font-weight:500;letter-spacing:-.03em;margin:20px 0 14px}
.product-features p,.product-editorial p,.evaluation-steps p,.product-status p{color:var(--mute);font-size:16px;line-height:1.7}
.product-features a,.product-editorial a,.product-status a{display:inline-block;margin-top:23px;font-size:14px;border-bottom:1px solid var(--line-2);padding-bottom:4px}
.product-pair{display:grid;grid-template-columns:1.5fr 1fr;gap:56px;margin-top:70px;align-items:center}
.product-pair img{width:100%;height:auto;display:block;border:1px solid var(--line)}
.product-pair figcaption{font:11px var(--mono);color:var(--mute);padding:15px 0}
.product-editorial h3{font-size:42px;line-height:1.15}
.product-evaluation{background:var(--paper-2);padding:70px 0}
.evaluation-steps{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;gap:45px;margin-top:50px}
.evaluation-steps li{border-top:1px solid var(--line-2);padding-top:18px}
.evaluation-steps li>span{font:11px var(--mono)}
.product-status{display:grid;grid-template-columns:1fr 1fr;gap:90px}
.product-status h2{margin-top:22px}
.product-status p+p{margin-top:17px}
.product-contact{background:var(--abs-dark);color:var(--abs-light);padding:75px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}
.product-contact h2{font-size:clamp(44px,5vw,68px);margin:25px 0}
.product-contact p{color:#c6c4cf;line-height:1.65;max-width:400px}
.product-contact a{display:inline-block;margin-top:20px}
.product-contact form>label{display:block;font-size:13px;margin-bottom:9px}
.product-contact form>input,.product-contact select{width:100%;display:block;background:transparent;color:var(--abs-light);border:1px solid #777784;border-radius:2px;padding:15px;font:16px var(--sans);margin-bottom:24px}
.product-contact select option{background:#1a1a3a;color:#f5f3ee}
.product-contact .consent{display:flex;gap:12px;align-items:flex-start;line-height:1.55;margin:8px 0 25px;color:#d4d3df}
.consent input{width:18px;height:18px;flex-shrink:0;margin-top:2px}
.product-contact .consent a{margin:0;text-decoration:underline}
.product-contact button{width:100%;justify-content:center}
.product-contact .lead-status{margin-top:16px;font-size:14px;min-height:24px}
.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.product-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-top:32px;padding-bottom:32px;font-size:12px}
.product-footer>div{display:flex;gap:24px}
.product-footer p{color:var(--mute)}
.vision-notice{background:#d9f4eb;color:#102b23;padding:22px 0;border-bottom:2px solid #1c6e57}
.vision-notice p{margin-top:8px;line-height:1.6;font-size:15px;max-width:1000px}
.vision-notice a{text-decoration:underline}
.concept-contact h2{margin-bottom:20px}
.concept-contact p{margin-bottom:25px}
.product-page button:disabled{opacity:.65;cursor:wait}

@media(max-width:900px){.product-intro{gap:30px}
.product-section-head{grid-template-columns:1fr 2fr}
.product-section-head>p{grid-column:2}
.product-status,.contact-grid{gap:45px}
.product-pair{gap:30px}
.product-footer{flex-wrap:wrap}
.product-hero>.product-kicker{gap:20px}
.product-hero>.product-kicker span{text-align:right}
}

@media(max-width:640px){.product-page .nav-mid{display:none}
.product-page .nav-right{gap:12px}
.product-page .nav .btn{font-size:11px;padding:10px}
.product-hero{padding-top:28px}
.product-hero>.product-kicker{font-size:9px}
.product-intro{grid-template-columns:1fr;gap:28px;padding:38px 0}
.product-lead{font-size:21px}
.product-section{padding-top:55px;padding-bottom:55px}
.product-section-head,.product-status,.product-pair,.contact-grid{grid-template-columns:1fr;gap:28px}
.product-section-head>p{grid-column:auto}
.product-features,.evaluation-steps{grid-template-columns:1fr;gap:30px;margin-top:35px}
.product-pair{margin-top:40px}
.product-status h2{margin-top:16px}
.product-contact{padding:50px 0}
.product-footer>div{gap:18px}
.product-footer{gap:22px}
.shot-label{font-size:8px}
.product-shot{padding:6px}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*{animation:none!important;transition:none!important}
}