.feature-landing { color: #173345; }
.feature-topbar { border-bottom: 1px solid #dfd7ca; background: #fffdf8; }
.feature-topbar .inner { display:flex; align-items:center; justify-content:space-between; gap:1rem; max-width:82rem; min-height:4.7rem; margin:auto; padding:.6rem clamp(1rem,2.5vw,2rem); }
.feature-wordmark { display:flex; align-items:center; gap:.65rem; color:#102b43; font-weight:700; font-size:1.14rem; }
.feature-wordmark img { width:40px; height:40px; }
.feature-wordmark small { display:block; color:#c8102e; font-size:.55rem; letter-spacing:.12em; }
.feature-links { display:flex; align-items:center; gap:clamp(.7rem,2vw,1.7rem); color:#365462; font-size:.9rem; font-weight:650; }
.feature-links a:hover,.feature-links a:focus-visible { color:#087b82; text-decoration:underline; text-underline-offset:.2em; }
.feature-landing main { max-width:82rem; margin:auto; padding:clamp(2rem,5vw,4.5rem) clamp(1rem,2.5vw,2rem) 3rem; }
.feature-crumbs { color:#667985; font-size:.88rem; }
.feature-crumbs a { text-decoration:underline; text-underline-offset:.15em; }
.feature-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(18rem,.82fr); align-items:center; gap:clamp(2rem,5vw,5rem); padding:2.4rem 0 3rem; }
.feature-kicker { color:#bf243b; font-size:.76rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.feature-hero h1 { max-width:14ch; margin:.55rem 0 0; color:#102b43; font-family:var(--display); font-size:clamp(2.5rem,5vw,4.5rem); line-height:1.05; letter-spacing:-.04em; }
.feature-lede { max-width:42rem; margin:1rem 0 0; color:#516371; font-size:clamp(1.05rem,1.5vw,1.25rem); line-height:1.65; }
.feature-actions { display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.5rem; }
.feature-preview { min-height:17rem; padding:1.2rem; border:1px solid #d9e4e3; border-radius:20px; background:linear-gradient(145deg,#f9fcfb,#e8f2f0); box-shadow:0 18px 42px rgba(16,43,67,.09); }
.feature-preview-bar { display:flex; gap:.35rem; padding-bottom:.8rem; border-bottom:1px solid #d6e2df; }
.feature-preview-bar i { width:9px; height:9px; border-radius:50%; background:#d7a35d; }
.feature-preview-bar i:first-child { background:#ca6b63; }.feature-preview-bar i:last-child { background:#65a98b; }
.feature-preview-title { margin:.85rem 0; color:#28495a; font-weight:700; }
.feature-preview-row { display:flex; align-items:center; justify-content:space-between; gap:.7rem; margin:.55rem 0; padding:.72rem .8rem; border:1px solid #d9e3df; border-radius:10px; background:rgba(255,253,248,.92); color:#526675; font-size:.86rem; }
.feature-preview-row strong { color:#153c55; }
.feature-preview-chip { color:#087b82; font-size:.73rem; font-weight:700; }
.feature-section { padding:2.5rem 0; border-top:1px solid #e0d9ce; }
.feature-section h2 { color:#102b43; font-family:var(--display); font-size:clamp(1.8rem,3vw,2.5rem); }
.feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; margin-top:1.25rem; }
.feature-card { padding:1.2rem; border:1px solid #e2d9cc; border-radius:15px; background:#fffdf8; }
.feature-card h3 { margin:0; color:#173c54; font-size:1.05rem; }
.feature-card p { margin:.45rem 0 0; color:#586a76; line-height:1.6; }
.feature-note { margin-top:1.25rem; padding:1rem 1.15rem; border-left:3px solid #c4a35a; border-radius:0 10px 10px 0; background:#f8f1e3; color:#5d5549; }
.feature-footer { padding:1.5rem clamp(1rem,2.5vw,2rem); border-top:1px solid #dfd7ca; color:#5d6d77; font-size:.9rem; }
.feature-footer .inner { display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; max-width:82rem; margin:auto; }
.feature-footer a { color:#173c54; text-decoration:underline; text-underline-offset:.15em; }
.profession-hero { padding-bottom:2rem; }
.profession-note { padding:1.35rem; border:1px solid #e4d9c6; border-radius:16px; background:#fffdf8; color:#536471; line-height:1.65; box-shadow:0 12px 28px rgba(16,43,67,.06); }
.profession-note strong { color:#102b43; font-size:1.05rem; }
.profession-note p { margin:.45rem 0 0; }
.profession-sections { display:grid; gap:.85rem; padding:1rem 0 2.5rem; }
.profession-card { display:grid; grid-template-columns:3.5rem minmax(0,1fr); gap:1.1rem; padding:clamp(1.1rem,2vw,1.7rem); border:1px solid #e2d9cc; border-radius:16px; background:#fffdf8; }
.profession-number { display:grid; place-items:center; width:2.75rem; height:2.75rem; border-radius:50%; background:#e6f1ef; color:#087b82; font-weight:700; }
.profession-card h2 { margin:0; color:#102b43; font-family:var(--display); font-size:clamp(1.35rem,2.3vw,1.8rem); }
.profession-card p { max-width:68rem; color:#536471; line-height:1.65; }
.profession-card .profession-example { margin:.8rem 0; padding:.7rem .85rem; border-left:3px solid #c4a35a; border-radius:0 8px 8px 0; background:#f8f1e3; }
.profession-card a { color:#08727a; font-weight:700; text-underline-offset:.2em; }
.profession-next { margin-top:.25rem; }
@media(max-width:760px){.feature-links a:nth-child(2),.feature-links a:nth-child(3){display:none}.feature-hero{grid-template-columns:1fr;padding:1.5rem 0 2rem}.feature-preview{min-height:14rem}.feature-grid{grid-template-columns:1fr}.feature-landing main{padding-top:1.4rem}.feature-hero h1{max-width:16ch}}
@media(max-width:540px){.profession-card{grid-template-columns:2.4rem minmax(0,1fr);gap:.7rem}.profession-number{width:2.2rem;height:2.2rem}.profession-card p{margin:.55rem 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}