.features-overview{padding-top:30px}.features-intro{padding:12px 0 52px;max-width:1050px}.features-intro .breadcrumb{margin-bottom:38px}.features-intro h1{font-size:clamp(35px,4vw,58px);letter-spacing:-.035em;line-height:1.35}.features-intro>p:last-child{font-size:18px;line-height:2;color:var(--muted);max-width:850px;margin-top:24px}.features-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;padding:30px 0 45px;border-block:1px solid #40516a;scroll-margin-top:120px}.features-index-group{min-width:0}.features-index-group h2{font-size:20px;line-height:1.6}.features-index-group>p{font-size:13px;color:var(--muted);margin-top:9px}.features-index ul{list-style:none;padding:0;margin:24px 0 0}.features-index li+li{border-top:1px solid var(--line)}.features-index a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding-block:12px;font-size:15px;font-weight:700;line-height:1.6}.features-index a:hover{color:#adcaff}.features-jump{font-size:19px;color:#9bbaf0;flex:none}.features-index .beta-label{font-size:10px;padding:2px 5px}.features-family{padding-top:74px}.features-family-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid #40516a}.features-family-heading h2{font-size:24px;line-height:1.5}.features-family-heading>a{font-size:13px;color:#afc9f1;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}.features-detail{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:56px;padding:70px 0;border-bottom:1px solid var(--line);scroll-margin-top:115px}.features-detail-copy{min-width:0}.features-name{font-size:13px;color:#9db9e5;margin-bottom:16px;font-weight:700}.features-detail h3{font-size:clamp(25px,2.4vw,35px);line-height:1.55;letter-spacing:-.025em}.features-studio{font-size:13px;color:#b6c6db;margin-top:12px}.features-description{font-size:15px;color:#bdcce0;line-height:2;margin-top:22px}.features-capabilities{padding:0 0 0 19px;margin:20px 0;color:#d2deed;font-size:14px;line-height:2}.features-capabilities li::marker{color:#719fea}.features-detail-link{display:inline-flex;gap:18px;align-items:center;min-height:44px;font-size:14px;color:#b7d2ff;border-bottom:1px solid #5979a7;margin-top:12px}.features-detail-link:hover{color:#fff;border-color:#a3c4ff}.features-detail .identity-review-note{margin-top:16px;font-size:11px}.features-detail .feature-availability{margin-top:16px}.features-screen{min-width:0;margin:0;align-self:center}.features-screen>button{display:block;width:100%;position:relative;padding:0;border:1px solid #40516a;border-radius:10px;background:#080f19;overflow:hidden;box-shadow:0 18px 45px #0002}.features-screen img{width:100%;height:auto;max-height:450px;object-fit:contain}.features-expand{display:flex;justify-content:center;align-items:center;gap:12px;min-height:38px;border-top:1px solid #28374b;background:#142035;color:#c8d9ef;font-size:11px}.features-screen figcaption,.features-ratios figcaption{font-size:11px;line-height:1.85;color:var(--muted);margin-top:14px}.features-ratios{margin:0}.features-ratio-stage{min-height:300px;display:flex;align-items:center;justify-content:center;gap:16px;padding:30px 16px;background:#0c1727;border:1px solid var(--line);border-radius:10px}.features-ratio-stage>div{display:grid;place-items:center;border:1px solid #6996d2;background:#152b48;color:#bed9ff;border-radius:4px;font-size:16px}.features-ratio-landscape{width:44%;aspect-ratio:16/9}.features-ratio-portrait{width:18%;aspect-ratio:9/16}.features-ratio-square{width:25%;aspect-ratio:1}.features-technology{border-left:2px solid #658ed0;padding:26px 0 26px 32px}.features-technology>p:first-child{font-size:14px;color:#9db9e5}.features-technology ul{list-style:none;padding:0;margin:24px 0}.features-technology li{font-size:23px;padding-block:16px;border-bottom:1px solid var(--line)}.features-technology-note{font-size:14px;color:var(--muted);max-width:420px}.features-next{display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:70px;border-bottom:1px solid var(--line)}.features-next h2{font-size:26px;margin-bottom:15px}.features-next p{font-size:15px;color:var(--muted)}.features-next .button{flex:none}.features-overview .closing{padding-block:80px}.site-header .nav-features-link[aria-current=page]{color:#b9d3ff}
@media(max-width:1050px){.features-index{gap:26px}.features-index-group h2{font-size:18px}.features-index a{font-size:14px}.features-detail{gap:34px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.features-detail h3{font-size:28px}.features-ratio-stage{min-height:230px}.features-next{align-items:flex-start;flex-direction:column;gap:24px}}
@media(max-width:760px){.features-intro{padding-bottom:35px}.features-intro .breadcrumb{margin-bottom:26px}.features-intro>p:last-child{font-size:16px}.features-index{grid-template-columns:1fr;gap:28px;padding:24px 0 30px}.features-index-group h2{font-size:20px}.features-index ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;margin-top:16px}.features-index li{border-top:1px solid var(--line)}.features-index a{font-size:14px;min-height:60px}.features-family{padding-top:50px}.features-family-heading h2{font-size:22px}.features-detail{grid-template-columns:1fr;gap:30px;padding:44px 0;scroll-margin-top:95px}.features-detail h3{font-size:28px}.features-screen img{max-height:480px}.features-ratio-stage{min-height:250px}.features-next{padding-block:45px}.features-overview .closing{padding-block:50px}.features-index{scroll-margin-top:95px}.features-technology{padding:12px 0 12px 24px}}
@media(max-width:440px){.features-intro h1{font-size:33px}.features-index ul{grid-template-columns:1fr;gap:0}.features-index a{font-size:15px;min-height:52px}.features-index-group>p{font-size:13px}.features-family-heading{align-items:flex-start}.features-family-heading h2{font-size:20px}.features-family-heading>a{font-size:11px;padding-top:6px}.features-detail h3{font-size:26px}.features-description{font-size:15px}.features-ratio-stage{min-height:205px;padding:20px 12px;gap:10px}.features-ratio-stage>div{font-size:14px}.features-technology li{font-size:20px}.features-next h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}