.feature-page{background:#fff}.feature-hero{padding:96px 0 72px}.feature-hero-inner{grid-template-columns:minmax(0,.9fr) minmax(420px,1fr);grid-template-areas:"eyebrow media""copy media""actions media";align-items:center;gap:18px 56px;display:grid}.feature-hero-copy{grid-area:copy;max-width:720px}.feature-eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;grid-area:eyebrow;margin:0;font-size:14px;font-weight:800}.feature-title{letter-spacing:0;margin:0;font-size:clamp(22px,2.6vw,32px);font-weight:800;line-height:1.35}.feature-lead{color:var(--muted);margin:26px 0 0;font-size:clamp(17px,1.8vw,21px);font-weight:500;line-height:1.75}.feature-actions{flex-wrap:wrap;grid-area:actions;gap:12px;display:flex}.feature-download-btn{border-radius:14px;justify-content:center;min-width:min(100%,260px);min-height:58px;padding:15px 28px;font-size:18px;font-weight:800}.feature-hero-media{background:#0f172a;border-radius:24px;grid-area:media;position:relative;overflow:hidden;box-shadow:0 16px 40px #ff4d6d14,0 6px 20px #d946ef0f}.feature-hero-image{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.feature-hero-media[data-feature=ai-notetaker] .feature-hero-image{aspect-ratio:1080/590;object-fit:contain}.feature-title,.feature-workflows .section-title,.feature-day .section-title,.feature-map .section-title,.feature-faq .section-title{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.feature-pains .section-title{color:var(--text);-webkit-text-fill-color:var(--text)}.feature-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.feature-pain-card,.feature-workflow,.feature-timeline-item,.feature-map-row,.feature-faq-item{background:var(--card-bg);border-radius:18px}.feature-pain-card{padding:28px}.feature-pain-title{align-items:flex-start;gap:10px;display:flex}.feature-pain-icon{flex-shrink:0;width:48px;height:auto;margin-top:-4px;display:block}.feature-pain-card h3,.feature-workflow h3,.feature-timeline-item h3,.feature-map-row h3,.feature-faq-item h3{color:var(--text);letter-spacing:0;margin:0;font-size:20px;font-weight:800;line-height:1.35}.feature-pain-card p,.feature-workflow p,.feature-timeline-item p,.feature-map-row p,.feature-faq-item p{color:var(--muted);margin:12px 0 0;font-size:15px;line-height:1.75}.feature-workflow-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.feature-workflow{grid-template-columns:auto 1fr;gap:20px;padding:28px;display:grid}.feature-workflow-index{flex-shrink:0;width:64px;height:auto;display:block}.feature-workflow-feature{letter-spacing:.08em;text-transform:uppercase;font-weight:800;color:var(--primary)!important;margin:0 0 8px!important;font-size:12px!important}.feature-timeline{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.feature-timeline-item{padding:26px;position:relative}.feature-map{grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);align-items:start;gap:48px;display:grid}.feature-map-copy{top:calc(var(--nav-height) + 32px);position:sticky}.feature-map-copy .section-title,.feature-map-copy .section-sub{text-align:left}.feature-map-list{gap:14px;display:grid}.feature-map-row{padding:24px 26px}.feature-faq-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feature-faq-item{background:#fff;padding:24px 26px}@media (max-width:1024px){.feature-hero-inner{grid-template-columns:1fr;grid-template-areas:"eyebrow""media""copy""actions"}.feature-map{grid-template-columns:1fr}.feature-hero-media{max-width:760px}.feature-card-grid,.feature-faq-list,.feature-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-map-copy{position:static}}@media (max-width:720px){.feature-hero{padding:56px 0 44px}.feature-hero-inner{gap:32px}.feature-title{font-size:clamp(18px,5.4vw,24px)}.feature-actions{flex-direction:column;align-items:stretch}.feature-actions .btn{justify-content:center;width:100%}.feature-card-grid,.feature-faq-list,.feature-workflow-list,.feature-timeline{grid-template-columns:1fr}.feature-pain-card,.feature-workflow,.feature-timeline-item,.feature-map-row,.feature-faq-item{border-radius:14px}.feature-pain-card,.feature-workflow,.feature-timeline-item{padding:22px}.feature-workflow{grid-template-columns:1fr}}