.examples-body{background:#f4f8fc}.examples-main{max-width:1160px;margin:auto;padding:65px 24px 100px}.examples-head{max-width:820px}.examples-head h1{font-size:clamp(40px,5vw,67px);line-height:1.03;letter-spacing:-3px;color:var(--navy);margin:17px 0}.examples-head p{font-size:18px;color:var(--muted)}.demo-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:40px 0 16px}.demo-tab{border:1px solid var(--line);background:#fff;padding:12px 18px;border-radius:12px;font:700 14px Manrope;cursor:pointer}.demo-tab.active{background:var(--blue);border-color:var(--blue);color:#fff}.demo-shell{background:#fff;border:1px solid var(--line);border-radius:25px;overflow:hidden;box-shadow:0 25px 65px #071d3815}.demo-brand{min-height:82px;padding:18px 25px;display:flex;align-items:center;gap:14px;border-bottom:1px solid var(--line)}.demo-brand>span{width:46px;height:46px;border-radius:14px;background:#e8f2ff;color:var(--blue);display:grid;place-items:center;font-size:22px;font-weight:800}.demo-brand small{color:var(--muted);font-size:10px;letter-spacing:1px;font-weight:800}.demo-brand h2{margin:2px 0;font-size:18px}.demo-brand>i{margin-left:auto;font-style:normal;font-size:12px;font-weight:800;color:#168c54}.demo-brand>i:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#22c878;margin-right:6px}.demo-content{display:grid;grid-template-columns:1.3fr .7fr;min-height:460px}.demo-copy{padding:50px}.demo-label{color:var(--blue);font-size:12px;font-weight:800;letter-spacing:1px}.demo-copy h3{font-size:36px;line-height:1.1;margin:13px 0;color:var(--navy)}.demo-copy>p{color:var(--muted);line-height:1.6}.demo-options{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:27px}.demo-option{border:1px solid var(--line);border-radius:14px;padding:16px;text-align:left;background:#fff;font:700 14px Manrope;color:var(--ink);cursor:pointer}.demo-option:hover,.demo-option.chosen{border-color:var(--blue);background:#eef5ff;color:var(--blue)}.demo-answer{margin-top:20px;padding:18px;border-left:4px solid var(--yellow);background:#fff9df;border-radius:0 12px 12px 0;line-height:1.55}.demo-summary{background:var(--navy);color:#fff;padding:38px 30px}.demo-summary small{color:#78d8ea;font-weight:800;letter-spacing:1px}.demo-summary ul{padding:10px 0 20px;list-style:none;line-height:2}.demo-summary li:before{content:"✓";color:var(--yellow);margin-right:9px;font-weight:800}@media(max-width:760px){.demo-content{grid-template-columns:1fr}.demo-copy{padding:32px 23px}.demo-options{grid-template-columns:1fr}.examples-head h1{letter-spacing:-2px}.demo-brand{padding:14px 18px}.demo-brand>i{display:none}}@media(max-width:500px){.examples-main{padding:45px 18px 70px}.demo-tabs{display:grid;grid-template-columns:1fr 1fr}.demo-tab{padding:11px}.demo-copy h3{font-size:30px}}