/* L19: page-local composition. Shared navigation, consent and lead behavior remain native. */
.selektor-page { --selektor-ink:#242333; --selektor-muted:#626170; --selektor-purple:#5942bd; --selektor-soft:#f3f1fa; --selektor-line:#dedbe9; }
.selektor-main { color:var(--selektor-ink); overflow-x:visible; }
.selektor-main h1,.selektor-main h2,.selektor-main h3,.selektor-main p,.selektor-main figure { margin:0; }
.selektor-main h2 { font-size:clamp(30px,3.6vw,48px); line-height:1.14; letter-spacing:-.035em; font-weight:650; }
.selektor-main h3 { font-size:23px; line-height:1.25; letter-spacing:-.025em; font-weight:650; }
.selektor-main p { line-height:1.65; }
.selektor-main a { text-underline-offset:4px; }
.selektor-main a:focus-visible,.selektor-main button:focus-visible { outline:3px solid #8b70ef; outline-offset:5px; }
.selektor-main [id] { scroll-margin-top:30px; }
.selektor-main .selektor-kicker { margin-bottom:20px; color:var(--selektor-purple); font-size:12px; font-weight:750; letter-spacing:.08em; text-transform:uppercase; line-height:1.45; }
.selektor-breadcrumb { padding-top:18px; font-size:12px; }
.selektor-hero { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:46px; align-items:center; padding:50px 0 48px; }
.selektor-hero h1 { font-size:clamp(38px,4.2vw,60px); font-weight:650; letter-spacing:-.045em; line-height:1.04; }
.selektor-hero h1 em { display:block; color:var(--selektor-purple); font-style:normal; }
.selektor-main .selektor-lead { margin-top:26px; font-size:19px; color:var(--selektor-muted); line-height:1.58; max-width:570px; }
.selektor-actions { display:flex; align-items:center; gap:24px; flex-wrap:wrap; margin-top:30px; }
.selektor-button { display:inline-flex; justify-content:space-between; align-items:center; gap:30px; min-height:54px; padding:16px 24px; border-radius:12px; font-size:15px; font-weight:700; line-height:1.3; text-decoration:none; max-width:100%; }
.selektor-button--primary { color:#fff; background:var(--selektor-purple); box-shadow:0 8px 20px #5942bd20; }
.selektor-button--primary:hover { background:#49339f; }
.selektor-button--light { background:#fff; color:#423183; }
.selektor-button span { font-size:23px; line-height:1; }
.selektor-link { display:inline-flex; min-height:44px; gap:14px; align-items:center; color:var(--selektor-purple); font-size:14px; font-weight:700; text-decoration:none; }
.selektor-link:hover { text-decoration:underline; }
.selektor-main .selektor-hero__input { margin-top:14px; color:var(--selektor-muted); font-size:14px; }
.selektor-main .selektor-hero__proof { margin-top:26px; border-top:1px solid var(--selektor-line); padding-top:20px; color:var(--selektor-muted); font-size:14px; max-width:500px; }
.selektor-hero__proof a { color:var(--selektor-purple); font-weight:650; }
.selektor-hero__visual { position:relative; min-width:0; border-radius:24px; background:#eeedf9; overflow:hidden; }
.selektor-hero__visual img { width:100%; height:480px; object-fit:cover; object-position:62% center; }
.selektor-hero__visual figcaption { padding:14px 20px; font-size:12px; color:#626071; }
.selektor-hero__stamp { position:absolute; bottom:65px; left:22px; padding:18px 22px; border:1px solid #ffffffa0; border-radius:14px; background:#ffffffeb; box-shadow:0 12px 40px #2d254816; }
.selektor-hero__stamp span { display:block; font-size:12px; letter-spacing:.06em; color:var(--selektor-purple); margin-bottom:8px; }
.selektor-hero__stamp strong { font-size:18px; line-height:1.25; font-weight:650; }
.selektor-nav { display:flex; flex-wrap:wrap; gap:8px 30px; padding:16px 0; border-block:1px solid var(--selektor-line); }
.selektor-nav a { display:inline-flex; min-height:34px; align-items:center; font-size:14px; color:var(--selektor-muted); text-decoration:none; }
.selektor-nav a:hover { color:var(--selektor-purple); }
.selektor-section { padding:85px 0; }
.selektor-section__heading { max-width:810px; margin-bottom:38px; }
.selektor-section__heading>p:last-child:not(.selektor-kicker) { margin-top:20px; color:var(--selektor-muted); max-width:750px; font-size:17px; }
.selektor-intro { display:grid; grid-template-columns:1fr 1fr; gap:90px; }
.selektor-prose p { margin-bottom:18px; color:var(--selektor-muted); }
.selektor-prose p:last-child { margin-bottom:0; }
.selektor-demo { padding:50px; border-radius:26px; background:linear-gradient(135deg,#292342,#413469); color:#fff; }
.selektor-demo__intro { display:grid; grid-template-columns:1fr 1fr; gap:16px 70px; margin-bottom:32px; }
.selektor-demo__intro .selektor-kicker { color:#cfc2ff; grid-column:1/-1; margin-bottom:0; }
.selektor-demo__intro h2 { grid-row:2/4; font-size:clamp(28px,3vw,41px); }
.selektor-demo__intro>p:not(.selektor-kicker) { color:#e2dbee; font-size:15px; }
.selektor-demo__intro .selektor-demo__disclaimer { color:#c9c0da; font-size:14px; line-height:1.6; }
.selektor-console { color:var(--selektor-ink); border-radius:16px; background:#fff; overflow:hidden; }
.selektor-console__bar { display:flex; justify-content:space-between; gap:14px; padding:18px 24px; background:#f4f2f8; border-bottom:1px solid var(--selektor-line); font-size:12px; font-weight:650; }
.selektor-console__bar span:last-child { color:var(--selektor-muted); font-size:12px; letter-spacing:.08em; align-self:center; }
.selektor-console__bar i { display:inline-block; width:7px; height:7px; border-radius:50%; background:#7d66c8; margin-right:8px; }
.selektor-scenarios { display:flex; gap:8px; padding:22px 24px 0; flex-wrap:wrap; }
.selektor-scenarios button { font:inherit; font-size:12px; font-weight:600; min-height:44px; border:1px solid var(--selektor-line); padding:10px 14px; border-radius:8px; color:var(--selektor-muted); background:#fff; cursor:pointer; }
.selektor-scenarios button[aria-pressed=true] { color:#fff; background:var(--selektor-purple); border-color:var(--selektor-purple); }
.selektor-console__body { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1fr); gap:32px; padding:28px 24px; }
.selektor-console__body h3 { font-size:19px; }
.selektor-inputs { border-right:1px solid var(--selektor-line); padding-right:32px; }
.selektor-inputs dl { margin:18px 0; }
.selektor-inputs dl>div { display:flex; justify-content:space-between; gap:16px; padding:12px 0; border-bottom:1px solid #eeedf3; font-size:13px; }
.selektor-inputs dt { color:var(--selektor-muted); }
.selektor-inputs dt span { color:var(--selektor-purple); font-size:12px; margin-left:6px; white-space:nowrap; }
.selektor-inputs dd { margin:0; text-align:right; font-weight:600; }
.selektor-inputs>p { font-size:14px; color:var(--selektor-muted); }
.selektor-result__status { display:inline-block; border-radius:6px; background:#eee9fb; color:var(--selektor-purple); padding:5px 9px; font-size:12px; font-weight:700; }
.selektor-result h3 { margin-top:14px; }
.selektor-result>p:not(.selektor-result__status):not(.selektor-result__next) { color:var(--selektor-muted); margin-top:12px; font-size:14px; }
.selektor-result ul { margin:18px 0; padding-left:18px; color:var(--selektor-muted); font-size:12px; line-height:1.6; }
.selektor-result ul li { margin-bottom:5px; }
.selektor-result ul li::marker { color:#8e73d4; }
.selektor-result .selektor-result__next { background:var(--selektor-soft); padding:13px 14px; border-left:3px solid #8f76d5; border-radius:0 6px 6px 0; font-size:14px; color:#473b65; font-weight:650; }
.selektor-noscript { padding:0 24px 20px; font-size:14px; }
.selektor-flow { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; list-style:none; margin:35px 0 0; padding:0; }
.selektor-flow span { display:block; color:#bba7f3; font-size:12px; margin-bottom:10px; }
.selektor-flow strong { font-size:14px; line-height:1.4; display:block; font-weight:650; }
.selektor-flow p { color:#c9bfdc; font-size:14px; margin-top:5px; }
.selektor-method-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:34px; }
.selektor-method-grid article { border-top:1px solid var(--selektor-line); padding-top:24px; }
.selektor-number { color:var(--selektor-purple); font-size:12px; display:block; margin-bottom:20px; }
.selektor-method-grid p { font-size:15px; color:var(--selektor-muted); margin-top:14px; }
.selektor-method-note { background:var(--selektor-soft); border-radius:14px; padding:25px 30px; margin-top:35px; display:grid; grid-template-columns:1fr 1.2fr; gap:50px; }
.selektor-method-note strong { font-size:18px; line-height:1.5; font-weight:650; }
.selektor-method-note p { font-size:14px; color:var(--selektor-muted); }
.selektor-scope { border-block:1px solid var(--selektor-line); }
.selektor-scope__grid { display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.selektor-checks { margin:22px 0 0; padding:0; list-style:none; display:grid; gap:16px; }
.selektor-checks li { position:relative; padding-left:25px; color:var(--selektor-muted); font-size:15px; }
.selektor-checks li:before { content:'✓'; position:absolute; left:0; color:var(--selektor-purple); }
.selektor-scope__boundary { background:var(--selektor-soft); border-radius:18px; padding:30px; }
.selektor-scope__boundary p { color:var(--selektor-muted); font-size:15px; margin-top:18px; }
.selektor-scope__boundary a { margin-top:16px; }
.selektor-integration { display:grid; grid-template-columns:1fr 1fr; gap:80px; padding-bottom:0; }
.selektor-integration>div>p:last-child { margin-top:22px; color:var(--selektor-muted); }
.selektor-data-path article { padding:0 0 24px 28px; border-left:2px solid #c9bde8; position:relative; }
.selektor-data-path article:before { content:''; position:absolute; left:-5px; top:7px; height:8px; width:8px; border-radius:50%; background:var(--selektor-purple); }
.selektor-data-path article:last-child { padding-bottom:0; }
.selektor-data-path h3 { font-size:20px; }
.selektor-data-path p { font-size:14px; margin-top:10px; color:var(--selektor-muted); }
.selektor-acceptance { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.selektor-acceptance article { border-top:2px solid #a692d3; padding-top:22px; }
.selektor-acceptance h3 { font-size:20px; }
.selektor-acceptance p { font-size:14px; margin-top:12px; color:var(--selektor-muted); }
.selektor-main .selektor-acceptance__finish { border-top:1px solid var(--selektor-line); margin-top:35px; padding-top:24px; font-size:14px; color:var(--selektor-muted); max-width:920px; }
.selektor-main #experience { padding-top:0; }
.selektor-cases { display:grid; gap:36px; }
.selektor-case { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; padding:30px; border-radius:20px; background:#f7f6fa; }
.selektor-case>div { min-width:0; }
.selektor-case .selektor-kicker { margin-bottom:14px; }
.selektor-case h3 { font-size:28px; }
.selektor-case p:not(.selektor-kicker) { font-size:14px; color:var(--selektor-muted); margin-top:16px; }
.selektor-case__image { overflow:hidden; border-radius:12px; display:block; }
.selektor-case__image img { width:100%; height:auto; }
.selektor-case .selektor-link { margin-top:16px; }
.selektor-estimate { padding-top:0; }
.selektor-estimate__rows { display:grid; grid-template-columns:1fr; }
.selektor-estimate__rows article { display:grid; grid-template-columns:70px 1fr; gap:24px; border-top:1px solid var(--selektor-line); padding:25px 0; }
.selektor-estimate__rows span { font-size:30px; color:#aea0cc; line-height:1.2; }
.selektor-estimate__rows h3 { font-size:23px; }
.selektor-estimate__rows p { max-width:850px; font-size:15px; color:var(--selektor-muted); margin-top:10px; }
.selektor-choice { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; background:var(--selektor-line); border:1px solid var(--selektor-line); border-radius:14px; overflow:hidden; margin-top:22px; }
.selektor-choice article { padding:28px; background:#fff; }
.selektor-choice h3 { font-size:20px; }
.selektor-choice p { font-size:14px; color:var(--selektor-muted); margin-top:13px; }
.selektor-article { padding:28px 32px; background:var(--selektor-soft); border-radius:14px; margin-top:28px; display:grid; grid-template-columns:1fr auto; gap:35px; align-items:center; }
.selektor-article .selektor-kicker { margin-bottom:10px; }
.selektor-article h3 { font-size:22px; }
.selektor-article p:not(.selektor-kicker) { color:var(--selektor-muted); font-size:14px; margin-top:8px; }
.selektor-faq { padding-top:0; }
.selektor-faq .commercial-faq { max-width:none; margin-top:32px; }
.selektor-faq .commercial-faq>details { border-radius:12px; box-shadow:none; border-color:var(--selektor-line); }
.selektor-faq .commercial-faq>details>summary { font-size:17px; }
.selektor-faq .commercial-faq>details .commercial-faq__answer { max-width:850px; font-size:15px; }
.selektor-contact { background:#302648; border-radius:24px; padding:50px; color:#fff; display:grid; grid-template-columns:1fr .55fr; gap:70px; align-items:center; }
.selektor-contact .selektor-kicker { color:#cfc2ff; }
.selektor-contact h2 { font-size:clamp(30px,3.2vw,44px); }
.selektor-contact p:not(.selektor-kicker) { margin-top:20px; font-size:16px; color:#ded6ed; }
.selektor-contact .selektor-contact__small { font-size:14px; color:#c6badb; }
.selektor-contact__actions { display:flex; flex-direction:column; align-items:flex-start; gap:20px; }
.selektor-contact__actions>a:not(.selektor-button) { color:#eee7ff; font-size:15px; min-height:30px; display:inline-flex; align-items:center; }
.selektor-related { display:flex; flex-wrap:wrap; gap:14px 30px; padding:35px 0 60px; align-items:center; font-size:14px; }
.selektor-related span { color:var(--selektor-muted); }
.selektor-related a { color:var(--selektor-purple); min-height:30px; display:inline-flex; align-items:center; }
.selektor-page .modal__block { max-height:100dvh; overflow-y:auto; overscroll-behavior:contain; }
@media (max-width:1100px) {
 .selektor-hero { gap:26px; }
 .selektor-hero h1 { font-size:43px; }
 .selektor-hero__visual img { height:465px; }
 .selektor-intro,.selektor-integration { gap:45px; }
 .selektor-demo { padding:35px; }
 .selektor-demo__intro { gap:15px 35px; }
 .selektor-acceptance { grid-template-columns:repeat(2,minmax(0,1fr)); gap:30px; }
 .selektor-scope__grid { gap:30px; }
 .selektor-contact { gap:35px; padding:40px; }
}
@media (max-width:800px) {
 .selektor-hero { grid-template-columns:1fr; padding-top:34px; }
 .selektor-hero__copy { max-width:630px; }
 .selektor-hero h1 { font-size:clamp(34px,6vw,48px); }
 .selektor-hero__visual img { height:auto; aspect-ratio:3/2; }
 .selektor-hero__stamp { display:none; }
 .selektor-intro,.selektor-integration,.selektor-scope__grid { grid-template-columns:1fr; gap:30px; }
 .selektor-section { padding:60px 0; }
 .selektor-demo__intro { grid-template-columns:1fr; }
 .selektor-demo__intro h2 { grid-row:auto; }
 .selektor-demo__intro h2 br { display:none; }
 .selektor-demo__intro .selektor-kicker { grid-column:auto; }
 .selektor-method-grid { gap:24px; }
 .selektor-method-grid h3 { font-size:20px; }
 .selektor-method-grid p { font-size:14px; }
 .selektor-method-note { grid-template-columns:1fr; gap:12px; }
 .selektor-case { grid-template-columns:1fr; gap:25px; padding:24px; }
 .selektor-case--compact .selektor-case__image { order:-1; }
 .selektor-choice { grid-template-columns:1fr; }
 .selektor-choice article { padding:25px; }
 .selektor-article { grid-template-columns:1fr; gap:12px; }
 .selektor-contact { grid-template-columns:1fr; gap:30px; }
 .selektor-main .selektor-integration { padding-bottom:0; }
 .selektor-flow { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
 .selektor-main h2 { font-size:30px; }
 .selektor-hero { gap:24px; padding-bottom:30px; }
 .selektor-hero h1 { font-size:36px; }
 .selektor-main .selektor-lead { font-size:17px; margin-top:20px; }
 .selektor-actions { gap:12px; margin-top:24px; }
 .selektor-main .selektor-hero__proof { margin-top:18px; padding-top:16px; }
 .selektor-hero__visual { border-radius:16px; }
 .selektor-hero__visual figcaption { padding:10px 14px; font-size:12px; }
 .selektor-nav { gap:6px 18px; padding:12px 0; }
 .selektor-nav a { font-size:14px; }
 .selektor-section { padding:48px 0; }
 .selektor-section__heading { margin-bottom:28px; }
 .selektor-section__heading>p:last-child:not(.selektor-kicker) { font-size:16px; }
 .selektor-intro { gap:25px; }
 .selektor-intro br { display:none; }
 .selektor-demo { padding:26px 16px; border-radius:18px; }
 .selektor-demo__intro h2 { font-size:28px; }
 .selektor-console__bar { padding:14px; font-size:12px; }
 .selektor-console__bar span:first-child { max-width:190px; }
 .selektor-scenarios { padding:16px 14px 0; gap:6px; }
 .selektor-scenarios button { flex:1 1 100%; text-align:left; }
 .selektor-console__body { grid-template-columns:1fr; padding:24px 14px; gap:24px; }
 .selektor-inputs { border-right:0; padding-right:0; border-bottom:1px solid var(--selektor-line); padding-bottom:20px; }
 .selektor-flow { gap:24px 16px; margin-top:28px; }
 .selektor-flow strong { font-size:13px; }
 .selektor-flow p { font-size:14px; }
 .selektor-method-grid { grid-template-columns:1fr; gap:28px; }
 .selektor-method-grid h3 { font-size:23px; }
 .selektor-method-grid p { font-size:15px; }
 .selektor-number { margin-bottom:12px; }
 .selektor-method-note { padding:22px; margin-top:28px; }
 .selektor-scope__boundary { padding:24px; }
 .selektor-acceptance { grid-template-columns:1fr; gap:26px; }
 .selektor-case { padding:18px; gap:22px; border-radius:16px; }
 .selektor-case h3 { font-size:25px; }
 .selektor-estimate__rows article { grid-template-columns:34px 1fr; gap:14px; }
 .selektor-estimate__rows span { font-size:24px; }
 .selektor-estimate__rows h3 { font-size:21px; }
 .selektor-article { padding:24px; }
 .selektor-contact { padding:28px 22px; border-radius:18px; }
 .selektor-contact h2 br { display:none; }
 .selektor-contact__actions { gap:16px; width:100%; }
 .selektor-contact__actions .selektor-button { width:100%; }
 .selektor-related { gap:8px; flex-direction:column; align-items:flex-start; padding:26px 0 40px; }
 .selektor-faq .commercial-faq>details>summary { font-size:15px; }
}
@media (max-width:374px) {
 .selektor-hero h1 { font-size:31px; }
 .selektor-main h2 { font-size:28px; }
 .selektor-button { padding:15px 20px; gap:18px; }
 .selektor-hero .selektor-actions { align-items:flex-start; flex-direction:column; }
 .selektor-hero .selektor-button { width:100%; }
 .selektor-demo { padding-inline:12px; }
}
@media (prefers-reduced-motion:reduce) { .selektor-page * { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
@media (forced-colors:active) { .selektor-scenarios button,.selektor-console,.selektor-button { border:1px solid ButtonText; } }


/* 2026-10-03: shared 13FOX spacing and readable UI refinement. */
.selektor-page .selektor-main > .commercial-container { box-sizing:border-box; width:100%; max-width:1320px; margin-inline:auto; padding-inline:15px; }
.commercial-page .selektor-breadcrumb { gap:8px; font-size:16px; line-height:1.5; }
.commercial-page .selektor-faq .commercial-faq > details { border:1px solid var(--commercial-border); border-radius:18px; background:#fff; padding:0; }
.commercial-page .selektor-faq .commercial-faq > details > summary { font-size:17px; line-height:1.5; padding:20px 58px 20px 22px; }
.commercial-page .selektor-faq .commercial-faq > details > :not(summary) { padding-left:22px; padding-right:22px; }
@media(max-width:600px) {
 .commercial-page .selektor-breadcrumb { font-size:15px; }
 .commercial-page .selektor-faq .commercial-faq > details > summary { font-size:16px; padding:18px 52px 18px 18px; }
 .commercial-page .selektor-faq .commercial-faq > details > :not(summary) { padding-left:18px; padding-right:18px; }
}
.commercial-page .selektor-result .selektor-result__next { border-radius:14px; }
.commercial-page.selektor-page main .selektor-button { border-radius:14px; }