@view-transition{navigation:auto}header.site{view-transition-name:site-header}.feat-nav{view-transition-name:feat-nav}::view-transition-old(root){animation:.14s ease-in both feat-out}::view-transition-new(root){animation:.32s cubic-bezier(.2,.7,.2,1) 60ms both feat-in}@keyframes feat-out{to{opacity:0}}@keyframes feat-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}.feat-head{padding:72px 0 40px;background:radial-gradient(55% 80% at 85% 10%,var(--glow-1),transparent 70%),var(--bg)}.feat-head h1{margin:10px 0 14px}.feat-head .lead{max-width:60ch}.feat-body{display:grid;grid-template-columns:250px minmax(0,1fr)}.feat-nav{position:sticky;top:69px;align-self:start;z-index:2;height:calc(100svh - 69px);padding:32px 18px 32px 20px;background:var(--bg);border-right:1px solid var(--border);box-shadow:14px 0 32px -26px var(--shadow)}.feat-main{max-width:1560px;padding:40px 56px 100px}.feat-nav ul{list-style:none;margin:0;padding:0;display:grid;gap:2px}.feat-nav a{display:block;padding:10px 14px;color:var(--muted);text-decoration:none;border-left:3px solid transparent}.feat-nav a:hover{color:var(--ink)}.feat-nav a[aria-current=page]{color:var(--ink);font-weight:600;background:linear-gradient(to right,color-mix(in srgb,var(--brand-2) 20%,transparent),transparent);border-left-color:var(--brand-2)}.feat-title{margin:8px 0 14px;font-size:clamp(2rem,3.6vw,3rem)}.feat-main .intro{font-size:1.1875rem;line-height:1.6;color:var(--muted);max-width:72ch}.fsec{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:start;padding:48px 0;border-top:1px solid var(--border)}.fsec:first-of-type{border-top:0}.fsec h3{font-size:1.5rem;margin:0 0 12px}.fsec p{max-width:68ch;color:var(--muted);font-size:1.0625rem;line-height:1.65}.fsec .shots{display:flex;gap:28px;align-items:flex-end}.feat-main:has(>.feat-cards){margin-inline:auto}.feat-card{text-align:center}.feat-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.feat-card{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:22px;padding:26px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:inherit;text-decoration:none;transition:border-color .2s}.feat-card:hover{border-color:var(--brand-2)}.feat-card h2{font-size:1.375rem;margin:0 0 8px}.feat-card p{margin:0 0 12px;color:var(--muted)}.feat-card .more{color:var(--brand-2);font-weight:600;font-size:.9375rem}.fshot.feat-render{display:flex;justify-content:center;height:320px;border-radius:12px;background:radial-gradient(55% 65% at 50% 55%,var(--glow-1),transparent 70%)}.feat-render img{height:100%;width:auto;max-width:100%;object-fit:contain}.fshot{display:block;flex:none}.fshot img{display:block;width:auto;max-width:100%}.fsec .fshot-phone img,.fsec .fshot-tablet img{height:480px}.fsec .fshot-laptop img{height:600px}.fsec:has(.shots>:nth-child(2)){grid-template-columns:1fr;gap:8px}.fsec:has(.shots>:nth-child(2)) .shots{justify-content:center}.fsec-text{grid-template-columns:minmax(0,60ch)}@media(max-width:1100px){.fsec{grid-template-columns:1fr;gap:28px}.fsec .shots{flex-wrap:wrap}}@media(max-width:900px){.feat-body{grid-template-columns:1fr}.feat-nav{height:auto;z-index:5;padding:10px 16px;border-right:0;border-bottom:1px solid var(--border);box-shadow:0 14px 28px -24px var(--shadow)}.feat-main{padding:24px 16px 80px}.feat-nav ul{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none}.feat-nav a{white-space:nowrap;border:1px solid var(--border);border-radius:20px;padding:7px 14px}.feat-nav a[aria-current=page]{border-color:var(--brand-2)}.feat-cards{grid-template-columns:1fr}.fsec .fshot img{height:auto;max-height:300px}}