.feature-header,.feature-footer { max-width:1440px; margin:auto; padding:32px 5%; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.feature-header nav { display:flex; gap:30px; align-items:center; font-size:15px; }
.feature-header a,.feature-footer a,.feature-closing a { text-decoration:none; }
.feature-header nav a:last-child,.feature-closing a { color:var(--tgc-purple); font-weight:600; }
.feature-page a:focus-visible { outline:3px solid var(--tgc-purple); outline-offset:6px; }
.feature-hero,.feature-section { max-width:1440px; margin:auto; padding:80px 5% 100px; display:grid; gap:6%; align-items:center; }
.feature-hero { grid-template-columns:1.2fr 1fr; align-items:start; }
.feature-hero h1 { font:clamp(36px,4.1vw,59px)/1.12 'Bowlby One SC',sans-serif; letter-spacing:-1.5px; margin:0 0 30px; max-width:14ch; }
.feature-hero>div>p { max-width:42ch; font:20px/1.6 Arial,sans-serif; margin:0; }
.welcome-reference { margin-top:95px; padding:0; overflow:hidden; border:1px solid var(--line); border-radius:12px; background:var(--canvas); }
.welcome-reference img { display:block; width:100%; height:auto; margin-top:-13%; }
.feature-section { grid-template-columns:1fr 1fr; padding-block:90px; }
.communal-section .feature-copy { grid-column:2; grid-row:1; }
.communal-section .feature-visual { grid-column:1; grid-row:1; }
.feature-label { color:var(--tgc-purple); font:700 13px/1.5 Arial,sans-serif; letter-spacing:2px; margin:0 0 22px; }
.feature-copy h2 { font:clamp(32px,3.2vw,46px)/1.15 Georgia,serif; margin:0 0 24px; }
.feature-copy>p:not(.feature-label) { font:18px/1.6 Arial,sans-serif; }
.feature-copy dl { margin:30px 0 0; }
.feature-copy dt { font:700 18px/1.4 Arial,sans-serif; margin:24px 0 7px; }
.feature-copy dd { font:16px/1.6 Arial,sans-serif; margin:0; max-width:48ch; }
.feature-visual { min-width:0; }
.feature-visual .product-preview { padding:26px 20px; border:1px solid var(--line); border-radius:12px; background:var(--paper); }
.feature-visual .preview-brand { font-size:25px; margin-bottom:30px; }
.feature-visual .preview-experience h3 { font-size:27px; }
.feature-visual .preview-bubble p { font-size:16px; }
.feature-visual .preview-bubble { padding:14px 16px; }
.personal-visual .preview-columns { display:flex; flex-direction:column; gap:22px; }
.personal-visual .preview-conversation { padding:0; }
.personal-visual .preview-messages { padding:0; }
.personal-visual .preview-messages>.preview-bubble:nth-child(n+3),.personal-visual .preview-conversation>.preview-composer { display:none; }
.personal-visual .preview-private { min-height:310px; }
.personal-visual .preview-private-body { min-height:210px; }
.feature-page .explorer { margin-top:100px; }
.feature-closing { text-align:center; padding:80px 24px 60px; }
.feature-closing p { font:28px/1.4 Kalam,cursive; margin:0 0 20px; }
.feature-closing a { font-size:22px; }
.feature-closing>span { display:block; font-size:14px; color:var(--muted); margin-top:16px; }
.feature-footer { font-size:14px; padding-block:30px 50px; }
@media(max-width:850px) {
 .feature-header,.feature-footer { padding:24px 6%; }
 .feature-header .wordmark,.feature-footer .wordmark { font-size:15px; max-width:135px; }
 .feature-header nav { gap:18px; font-size:14px; }
 .feature-header nav>a:first-child { display:none; }
 .feature-hero,.feature-section { display:flex; flex-direction:column; padding:45px 6% 55px; gap:36px; align-items:stretch; }
 .feature-hero h1 { font-size:clamp(33px,7vw,49px); letter-spacing:-1px; max-width:19ch; }
 .feature-hero>div>p { font-size:18px; }
 .welcome-reference { margin:0; padding:0; }
 .feature-copy h2 { font-size:36px; }
 .feature-visual .product-preview { margin:0; padding:24px 14px; }
 .feature-visual .preview-private-header { padding:16px 12px; }
 .feature-page .explorer { margin-top:55px; }
}