.feature-page{background:radial-gradient(ellipse at 100% 10%,#17634777,transparent 55%),#051810}.feature-main{padding-top:70px;padding-bottom:70px}.feature-main h1{font-size:clamp(42px,6vw,86px);line-height:1.02;max-width:950px;margin:22px 0;letter-spacing:-.055em}.feature-lead{font-size:clamp(17px,2vw,22px);max-width:740px;color:#c1cec2;line-height:1.65}.feature-image{margin:48px 0;border:1px solid #b8a45b66;border-radius:16px;overflow:hidden;background:#06170f;box-shadow:0 30px 80px #0007}.feature-image img{display:block;width:100%;height:auto}.feature-image figcaption{padding:14px 20px;font-size:12px;color:#b4c6ba}.feature-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.feature-cards article{border-top:1px solid #d3b76477;padding-top:22px}.feature-cards h2{font-size:28px;letter-spacing:-.025em;margin:18px 0}.feature-cards p,.feature-note{color:#b7c6bc;line-height:1.7}.feature-note{margin-top:35px;font-size:13px}.feature-cta{margin:65px 0;padding:40px;border:1px solid #d3b76455;border-radius:18px;background:linear-gradient(120deg,#163d2c,#071b12)}.feature-cta h2{font-size:42px;margin:12px 0}.feature-cta p{margin-bottom:20px}.feature-links{display:flex;flex-wrap:wrap;gap:10px}.feature-links a{padding:13px 18px;border:1px solid #bba75b44;border-radius:24px;font-size:13px}.feature-links a:hover,.feature-links a[aria-current]{color:#081e13;background:#dfc279}@media(max-width:650px){.feature-cards{grid-template-columns:1fr;gap:28px}.feature-main{padding-top:40px}.feature-image{margin:30px 0}.feature-cta{padding:24px}.feature-cta h2{font-size:32px}.feature-page .header .button{font-size:9px}}/* Screenshot tours keep the real interface prominent. */
.feature-main{padding-top:38px}.feature-main h1{font-size:clamp(36px,4.5vw,64px);max-width:1100px;margin:16px 0}.feature-lead{font-size:18px;max-width:1000px}.screen-tour{margin:30px 0 40px;background:#061910;border:1px solid #baa36366;border-radius:18px;overflow:hidden;box-shadow:0 25px 65px #0005}.tour-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 20px;border-bottom:1px solid #baa36333}.tour-bar span{font-size:10px;letter-spacing:.15em;color:#e3c982}.tour-bar button,.tour-tabs button,.tour-actions button{border:1px solid #baa36355;border-radius:24px;padding:12px 17px;background:#0c2d20;color:#eee4c6;cursor:pointer;font-size:13px;min-height:44px}.tour-tabs{display:flex;flex-wrap:wrap;gap:8px;padding:15px 20px}.tour-tabs button[aria-pressed=true]{background:#dfc378;color:#082117;border-color:#dfc378}.tour-stage{position:relative;aspect-ratio:16/9;background:#020e08}.tour-stage>img{display:block;width:100%;height:100%;object-fit:contain}.tour-spot{position:absolute;cursor:pointer;border:2px solid #e8c77699;background:#ebcc6d08;border-radius:5px;transition:background .2s,border-color .2s}.tour-spot:hover,.tour-spot:focus-visible{background:#d9b74935;border-color:#ffe7a4;box-shadow:0 0 18px #edc67366}.tour-spot>span{position:absolute;right:3px;top:3px;border-radius:50%;width:23px;height:23px;display:grid;place-items:center;background:#e4c575;color:#04190e;font-size:12px;font-weight:800}.screen-tour #tour-caption{font-size:13px;line-height:1.6;color:#c1cec3;padding:16px 20px 0;margin:0}.tour-actions{display:flex;flex-wrap:wrap;gap:8px;padding:15px 20px 0}#tour-note{font-size:13px;line-height:1.6;color:#adbfb2;padding:16px 20px;margin:0}#tour-note.has-note{color:#f5e5ba;background:#1b3d2e;margin-top:15px}#tour-dialog{width:min(96vw,1700px);max-width:none}#tour-dialog img{display:block;width:100%;max-height:82dvh;object-fit:contain;margin-top:12px}#tour-close{display:block;margin-left:auto;padding:10px 20px;border:1px solid #cbb271;border-radius:25px;background:#133a27;color:#f2e2b6}.feature-cards h2{font-size:23px}.feature-cards p{font-size:14px}@media(max-width:650px){.feature-main h1{font-size:38px}.feature-lead{font-size:15px}.tour-bar{padding:10px 12px}.tour-bar span{font-size:8px}.tour-tabs,.tour-actions{padding:12px;gap:7px}.tour-tabs button,.tour-actions button,.tour-bar button{font-size:11px;padding:10px 12px}.tour-spot>span{height:16px;width:16px;font-size:9px;right:0;top:0}.tour-spot{border-width:1px}.screen-tour #tour-caption,#tour-note{font-size:12px;padding:12px}.feature-page .header>.button{white-space:normal;max-width:145px;text-align:center}}