.feature-hero{padding:112px 0 68px;text-align:left;}
.feature-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--text-3);margin-bottom:40px;}
.feature-breadcrumb a{color:var(--text-2);}
.feature-intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:52px;}
.feature-intro h1{font-size:clamp(34px,4.1vw,58px);line-height:1.08;letter-spacing:-.045em;max-width:650px;}
.feature-intro .sub{font-size:18px;line-height:1.65;margin:24px 0;max-width:650px;}
.feature-intro .cta-row{justify-content:flex-start;gap:18px;}
.feature-intro .meta{margin-top:16px;}
.feature-window{min-width:0;scroll-margin-top:100px;transform:rotate(-1deg);}
.feature-window .app{padding:24px 20px 20px;}
.feature-window .bar-row{flex-wrap:wrap;gap:10px;margin-bottom:22px;}
.feature-window .bar-title{font-size:18px;}
.feature-live{font-size:12px;color:var(--accent);background:var(--surface-2);padding:6px 10px;border-radius:20px;}
.feature-table-wrap{overflow-x:auto;}
.feature-table{width:100%;border-collapse:collapse;font-size:14px;font-variant-numeric:tabular-nums;}
.feature-table caption{caption-side:bottom;text-align:left;padding:20px 0 0;color:var(--text-3);font-size:12px;}
.feature-table th,.feature-table td{padding:17px 8px;border-bottom:1px solid var(--hairline);text-align:right;white-space:nowrap;}
.feature-table th:first-child,.feature-table td:first-child{text-align:left;padding-left:0;}
.feature-table th{font-size:12px;color:var(--text-3);font-weight:500;}
.feature-table td{color:var(--text-1);}
.feature-table tbody tr:first-child td{color:var(--accent);font-weight:600;}
.feature-screen-foot{display:flex;align-items:center;gap:8px;color:var(--text-2);font-size:12px;margin-top:26px;}
.feature-dot{height:6px;width:6px;border-radius:50%;background:var(--green);flex-shrink:0;}
.feature-section{padding:64px 0;}
.feature-section h2{font-size:clamp(28px,3.2vw,40px);line-height:1.2;letter-spacing:-.03em;}
.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
.feature-card{border:1px solid var(--hairline);border-radius:var(--radius-modal);padding:30px;background:var(--surface-1);}
.feature-number{display:block;color:var(--accent);font-size:14px;font-weight:600;margin-bottom:24px;}
.feature-card h3{font-size:21px;line-height:1.3;margin:0 0 14px;letter-spacing:-.02em;}
.feature-card p,.feature-reading>p,.feature-faq p{font-size:16px;line-height:1.75;color:var(--text-2);margin:0;}
.feature-scenario{background:var(--bg-alt);}
.feature-reading{max-width:800px;}
.feature-reading h2{margin-bottom:24px;}
.feature-reading>.kicker{font-size:13px;color:var(--accent);margin-bottom:12px;}
.feature-steps{list-style:none;padding:0;margin:0;}
.feature-terms{color:var(--text-2);font-size:14px;line-height:1.6;margin:24px 0 0;}
.feature-terms a{color:var(--accent);}
.feature-faq details{border-bottom:1px solid var(--hairline);padding:22px 0;}
.feature-faq summary{cursor:pointer;font-size:18px;font-weight:600;line-height:1.5;}
.feature-faq p{padding-top:16px;}
.feature-bottom{text-align:center;background:var(--bg-alt);}
.feature-bottom h2{margin:12px 0 20px;}
.feature-bottom p{color:var(--text-2);line-height:1.6;}
.feature-bottom .btn{margin-top:22px;}
.feature-related{display:flex;justify-content:center;flex-wrap:wrap;gap:16px 30px;margin-top:42px;font-size:14px;color:var(--accent);}
.nav .links a[aria-current="page"]{color:var(--text-1);}
@media(max-width:1050px){.feature-intro{grid-template-columns:1fr;gap:40px;}.feature-intro h1{max-width:800px;}.feature-window{max-width:680px;transform:none;}.feature-grid{gap:14px;}.feature-card{padding:24px;}}
@media(max-width:760px){.feature-hero{padding:94px 0 36px;}.feature-breadcrumb{margin-bottom:28px;}.feature-intro{gap:32px;}.feature-intro .sub{font-size:16px;}.feature-grid{grid-template-columns:1fr;}.feature-section{padding:44px 0;}.feature-card{padding:26px;}.feature-number{margin-bottom:14px;}.feature-window .app{padding:20px 14px;}.feature-table{font-size:13px;}.feature-table th,.feature-table td{padding:15px 6px;}.feature-faq summary{font-size:16px;}.feature-related{flex-direction:column;}}
@media(max-width:480px){.nav .row{gap:10px;}.nav .logo{font-size:15px;gap:6px;}.nav .btn-sm{padding:9px 12px;font-size:12px;}.feature-intro .btn-lg,.feature-bottom .btn-lg{max-width:100%;white-space:normal;text-align:center;}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}