/* SMT-03 extends the accepted v4. Layers: content 0–5, menu 20, skip 100. */
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
.skip { opacity:0;pointer-events:none; }
.skip:focus { opacity:1;pointer-events:auto; }
.header { position:relative; z-index:20; }
.header nav { gap:32px; }
.menu-toggle { display:none; align-items:center;gap:12px;min-height:44px; }
.primary,.outline { white-space:nowrap; }
.rail { height:649px;max-width:1720px;margin-inline:auto;cursor:default; }
.rail.is-interactive .product-card { height:625px; }
.product-card { height:625px;cursor:pointer; }
.card-task { color:#e7eff8; min-height:44px; margin-bottom:14px; }
.card-difference { color:#aebdce;font-size:14px;line-height:1.55; }
.card-art-po>img { width:100%;height:100%;padding:4px 10px; }
.card-art-basilisk>img { width:100%;height:100%;padding:10px 30px; }
.card-art-tools>img { width:100%;height:100%;padding:8px 35px; }
.product-select { border-top:1px solid #7a99b331;margin-top:auto;padding:17px 0 0;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;font-size:13px;line-height:1.5;text-align:left; }
.product-select svg { width:20px;height:20px; }
.product-select:focus-visible { outline-offset:4px;outline:2px solid var(--ice); }
.detail-wrap:has(>.product-detail:not([hidden])) { margin-top:28px; }
.detail-wrap:not(:has(>.product-detail:not([hidden]))) { margin-top:0; }
.product-detail { margin-bottom:20px; }
.detail-grid { align-items:start; }
.detail-content .risk-note { color:#eaf3fc; }
.detail-visual .card-art-po>img,.detail-visual .card-art-basilisk>img,.detail-visual .card-art-tools>img { width:100%;height:100%;top:0;left:0;padding:10px; }
.execution-note { padding-block:65px 85px; }
.faq { display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;padding-block:90px 110px;border-top:1px solid #a9c9e726;background:radial-gradient(ellipse at 10% 30%,#17202b70,transparent 58%); }
.faq-heading h2 { font-size:clamp(38px,4.35vw,68px);line-height:1.05; }
.faq-heading p { color:var(--muted);max-width:31ch;margin-top:26px;font-size:16px; }
.faq-list { border-top:1px solid #607085; }
.faq details { border-bottom:1px solid #a9c9e726; }
.faq summary { display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;cursor:pointer;font-size:17px;font-weight:550;line-height:1.4;padding-block:24px;min-height:64px; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary svg { width:20px;height:20px;color:var(--ice);transition:transform .22s; }
.faq details[open] summary svg { transform:rotate(45deg); }
.faq summary:hover { color:var(--ice); }
.faq summary:focus-visible { outline:2px solid var(--ice);outline-offset:5px; }
.faq-answer { padding:0 36px 26px 0;max-width:65ch;font-size:15px;color:#b6c7d9;line-height:1.7; }
.final-cta { position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#15212f,#0a0e14 64%);border-top:1px solid #9cb8d538; }
.final-cta .wrap { position:relative;z-index:1;padding-block:95px 105px; }
.final-cta h2 { max-width:13ch;font-size:clamp(45px,6vw,88px);line-height:1.02;text-transform:uppercase;text-wrap:balance; }
.final-cta p { max-width:44ch;color:#c0cedd;margin:28px 0 30px; }
.final-monogram { position:absolute;right:-.08em;top:50%;transform:translateY(-50%);font-variation-settings:'wdth' 125,'wght' 900;font-size:clamp(240px,34vw,570px);letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px #a0bed427;line-height:1;z-index:0;pointer-events:none; }
.footer { gap:35px; }
.footer .back-top { display:flex;align-items:center;gap:12px;min-height:44px;white-space:nowrap;font-size:13px;color:#c0cedd; }
.footer nav { display:flex;gap:18px;font-size:14px; }
.real-media { margin:26px 0; }
.real-media img,.real-media video { width:100%;height:auto;border-radius:8px; }
.real-media video { background:#050608;aspect-ratio:16/9; }
.real-media figcaption { font-size:13px;color:var(--muted);margin-top:10px; }
.materials { padding-block:70px; }
.materials h2 { font-size:clamp(32px,4vw,58px);line-height:1.1;text-transform:uppercase;margin-bottom:22px; }
.materials>p { max-width:60ch;color:var(--muted); }
.testimonials { display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:40px;margin-top:35px; }
.testimonials figure { margin:0; }
.testimonials blockquote { margin:0 0 20px;font-size:22px;line-height:1.5; }
.testimonials figcaption span { display:block;color:var(--muted);font-size:14px; }
.guides-heading { display:grid;grid-template-columns:.9fr 1.1fr;gap:8%;align-items:start; }
.guides-heading h2 { margin:0; }
.guides-heading p { max-width:48ch;color:var(--muted); }
.pdf-list { display:grid;gap:24px;margin-top:42px; }
.guide-card { display:grid;grid-template-columns:1fr auto;align-items:center;gap:48px;padding:clamp(28px,3.8vw,56px);border:1px solid #758ba34d;border-radius:14px;background:linear-gradient(120deg,#1a2633,#0c1118 60%,#111c28); }
.guide-content { min-width:0; }
.guide-content h3 { max-width:15ch;font-size:clamp(32px,4vw,58px);font-weight:900;font-variation-settings:'wdth' 125,'wght' 900;line-height:1.04;letter-spacing:-.03em;text-transform:uppercase;text-wrap:balance; }
.guide-content p { max-width:55ch;color:#c0cedd;margin-top:24px; }
.guide-download { display:flex;flex-direction:column;gap:28px; }
.guide-meta { display:flex;gap:32px;margin:0; }
.guide-meta dt { color:var(--muted);font-size:13px;margin-bottom:6px; }
.guide-meta dd { margin:0;font-size:15px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums; }
.guide-link { display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:58px;position:relative;isolation:isolate;overflow:hidden;border-radius:8px;font-weight:650;transition:box-shadow .25s,transform .25s; }
.no-js-note { padding-block:24px;color:var(--muted); }
/* Progressive enhancement: the unenhanced collection is native horizontal scrolling. */
.rail:not(.is-interactive) { height:auto;overflow:auto;padding-block:8px 24px;touch-action:auto; }
.rail:not(.is-interactive) .rail-stage { display:flex;gap:var(--gap);padding-right:var(--gutter); }
.rail:not(.is-interactive) .product-card { position:relative;flex-shrink:0; }
html:not(.products-ready) .close-details { display:none; }
html:not(.products-ready) .product-detail { margin-block:24px; }
@media(max-width:1100px) {
  .header nav { gap:22px;margin-right:25px; }
  .faq { gap:6%; }
  .faq summary { font-size:16px; }
  .footer { flex-wrap:wrap; }
  .footer .back-top { margin-left:auto; }
}
@media(max-width:850px) {
  .guides-heading { grid-template-columns:1fr;gap:22px; }
  .guide-card { grid-template-columns:1fr;gap:30px; }
  .guide-download { flex-direction:row;justify-content:space-between;align-items:end;gap:24px; }
  .header { min-height:80px;height:auto;flex-wrap:wrap;row-gap:18px;padding-block:20px; }
  .header>.telegram { display:none; }
  .header nav { display:flex;margin:0;width:100%;order:3;flex-wrap:wrap; }
  .navigation-ready .header { height:80px;padding-block:0; }
  .navigation-ready .menu-toggle { display:flex;margin-left:auto; }
  .navigation-ready .header nav { display:none;position:absolute;top:80px;left:0;width:100%;margin:0;padding:22px var(--gutter) 30px;background:#0b1119;border-bottom:1px solid #687e95;box-shadow:0 24px 38px #0008; }
  .navigation-ready .menu-open .header nav { display:flex;flex-direction:column;align-items:stretch;gap:6px; }
  .navigation-ready .header nav a { min-height:48px;display:flex;align-items:center;font-size:20px; }
  .faq { grid-template-columns:1fr;gap:38px;padding-block:65px; }
  .faq-heading p { max-width:48ch; }
  .faq-heading h2 br { display:none; }
  .faq-heading h2 br::after { content:' '; }
  .faq-heading h2 { max-width:600px;font-size:40px; }
  .final-cta .wrap { padding-block:70px; }
  .final-cta h2 { font-size:clamp(45px,7vw,65px); }
  .final-monogram { right:-20%; }
}
@media(max-width:600px) {
  .guide-card { padding:28px 24px;gap:28px; }
  .guide-content h3 { font-size:clamp(29px,8.5vw,42px); }
  .guide-content p { font-size:14px;margin-top:20px; }
  .guide-download { flex-direction:column;align-items:stretch;gap:26px; }
  .guide-meta { gap:28px; }
  .guide-meta dd { font-size:14px; }
  .guide-link { min-width:0;padding-inline:22px;min-height:54px;font-size:14px; }
  .guides-heading p { font-size:14px; }
  .pdf-list { margin-top:28px; }
  .header { min-height:80px; }
  .rail { height:655px; }
  .rail.is-interactive .product-card,.product-card { height:630px; }
  .card-task { font-size:14px;line-height:1.5;min-height:42px;margin-bottom:14px; }
  .card-difference { font-size:13px;line-height:1.55; }
  .product-select { font-size:13px;padding-top:15px; }
  .card-art-basilisk>img { padding:14px 28px; }
  .card-art-tools>img { padding:12px 28px; }
  .execution-note { padding-block:44px 55px; }
  .faq { padding-block:55px;gap:30px; }
  .faq-heading h2 { font-size:clamp(29px,8vw,43px);line-height:1.08; }
  .faq-heading h2 br { display:block; }
  .faq-heading p { font-size:14px;margin-top:20px; }
  .faq summary { font-size:15px;padding-block:20px;gap:20px; }
  .faq-answer { font-size:14px;padding:0 24px 22px 0; }
  .final-cta .wrap { padding-block:55px 60px; }
  .final-cta h2 { font-size:clamp(34px,9.6vw,50px);max-width:13ch; }
  .final-cta p { font-size:14px;margin:24px 0;max-width:30ch; }
  .final-monogram { font-size:210px;top:68%;right:-45%;opacity:.7; }
  .final-cta .primary { min-height:54px;min-width:178px; }
  .footer { display:flex;align-items:flex-start;gap:16px 22px; }
  .footer-brand { max-width:175px; }
  .footer p { order:3;margin:0;max-width:100%; }
  .footer .back-top { font-size:11px;gap:7px; }
  .footer .back-top svg { width:18px; }
  .footer nav { order:4;width:100%; }
  .materials { padding-block:50px; }
}
@media(prefers-reduced-motion:reduce) {
  .product-card:hover .card-art>img { transform:none; }
  .product-card { will-change:auto; }
}