.sec-head{border-bottom:3px solid var(--ink)}
.sec-head h2{font-family:'Chau Philomene One',sans-serif;font-weight:400;font-size:clamp(26px,3.9vw,40px);line-height:1.06}
.dark .sec-head{border-bottom-color:var(--cream-10)}

.hero-inner{grid-template-columns:.92fr 1.08fr}
.hero .lede{font-size:17px;color:var(--ink-72);max-width:440px;margin-bottom:14px}
@media(max-width:900px){
.hero-inner{grid-template-columns:1fr;gap:40px;padding-bottom:44px}
.hero .lede,.hero p{max-width:none}
.hero h1{margin:16px 0 18px}
}
@media(max-width:760px){
.hero{padding:40px 22px 0}
.sep{padding:40px 22px 32px}
}

.demo{position:relative;max-width:440px}
.switcher{background:#fff;border:1.5px solid var(--ink-15);border-radius:14px;padding:14px 18px 16px;box-shadow:0 16px 38px rgba(43,37,64,.09)}
.sw-tabs{display:flex;flex-wrap:wrap;gap:2px 18px;margin-bottom:14px;padding-bottom:11px;border-bottom:1px solid var(--ink-15)}
.sw-tab{font-family:'JetBrains Mono',monospace;font-size:10.5px;letter-spacing:.05em;color:var(--ink-45);background:none;border:none;padding:2px 0 4px;cursor:pointer;position:relative;transition:color .3s var(--ease)}
.sw-tab::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1.5px;background:var(--terra);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease)}
.sw-tab[aria-selected="true"]{color:var(--terra)}
.sw-tab[aria-selected="true"]::after{transform:scaleX(1)}
.sw-stack{display:grid}
.sw-line{grid-area:1/1;opacity:0;transform:translateY(5px);transition:opacity .45s var(--ease),transform .45s var(--ease);pointer-events:none}
.sw-line.on{opacity:1;transform:none;pointer-events:auto}
.sw-line .q{font-size:14.5px;line-height:1.55;color:var(--ink)}
.sw-note{display:block;margin-top:11px;padding-top:10px;border-top:1px solid var(--ink-15)}
.sw-note .t{font-size:12.5px;line-height:1.5;color:var(--ink-72)}
.verdict{margin-top:16px;opacity:0;transform:translateY(8px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.verdict.in{opacity:1;transform:none}
.verdict p{font-family:'Chau Philomene One',sans-serif;font-size:17px;line-height:1.3;border-left:3px solid var(--terra);padding-left:15px}
@media(max-width:900px){.demo{max-width:none}}