.features-page{min-height:100vh;background:var(--ctx-light-bg);color:var(--color-text-primary);font-family:var(--font-body)}.features-hero{max-width:1120px;margin:0 auto;padding:120px 24px 40px}.features-eyebrow{margin:0;font:600 12px var(--font-body);letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-subtle)}.features-h1{margin:10px 0 16px;font-family:var(--font-accent);font-weight:400;font-size:64px;line-height:1.05;color:var(--color-text-primary)}.features-lead{max-width:56ch;margin:0;font-size:20px;line-height:1.55;color:var(--color-text-body)}.features-hero-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:28px}.features-ghost{display:inline-flex;align-items:center;gap:8px;min-height:48px;padding:0 20px;border-radius:var(--radius-full);border:1.5px solid var(--color-midnight);color:var(--color-midnight);font:600 15px var(--font-body)}.features-note{margin:0;font-size:14px;color:var(--color-text-subtle)}.features-steps{margin-top:36px}.features-steps-lead{max-width:60ch;margin:0 0 12px;font-size:15px;line-height:1.55;color:var(--color-text-body)}.features-steps-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.features-steps-list a{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:var(--radius-full);background:var(--color-surface-clean);border:1px solid var(--color-sand-200);color:var(--color-text-primary);font:600 15px var(--font-body)}.features-steps-list a span{font-size:12px;letter-spacing:.12em;color:var(--color-ocean-primary)}.features-group{padding:72px 24px 24px;scroll-margin-top:80px}.features-group>*{max-width:1120px;margin-left:auto;margin-right:auto}.features-group[data-band=true]{background:var(--color-sand-50);border-top:1px solid var(--color-sand-200);border-bottom:1px solid var(--color-sand-200)}.features-group-head{margin-bottom:28px}.features-group-head>*{max-width:680px}.features-kicker{font:700 13px var(--font-body);letter-spacing:.14em;color:var(--color-ocean-primary)}.features-h2{margin:8px 0 10px;font-family:var(--font-accent);font-weight:400;font-size:40px;line-height:1.12;color:var(--color-text-primary)}.features-group-lead{margin:0;font-size:17px;line-height:1.6;color:var(--color-text-body)}.features-item{--panel-accent:var(--accent-nuda-dark);display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center;padding:28px 0 44px;border-bottom:1px solid var(--color-sand-200)}.features-group .features-item:last-child{border-bottom:0}.features-item[data-flip=true] .features-item-text{order:2}.features-item h3{margin:8px 0 12px;scroll-margin-top:96px;color:var(--color-text-primary);font-family:var(--font-accent);font-weight:400;font-size:36px;line-height:1.15}.features-item-text p{margin:0;font-size:17px;line-height:1.6;color:var(--color-text-body)}.features-verb{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.features-item-text .features-verb,.features-verb{font-size:12px;color:var(--color-ocean-primary)}.features-step{margin-left:4px;padding:3px 8px;border-radius:var(--radius-full);background:var(--color-sand-100);color:var(--color-text-subtle);font-size:12px;letter-spacing:.08em}.features-item-text .features-where{margin-top:18px}.features-demo-link{min-height:44px;color:var(--color-ocean-primary);text-decoration:underline;text-underline-offset:4px}.features-badge,.features-demo-link{display:inline-flex;align-items:center;gap:6px;font-weight:600}.features-badge{min-height:32px;padding:0 12px;border-radius:var(--radius-full);border:1px solid var(--color-sand-300);background:var(--color-surface-clean);color:var(--color-text-body);font-size:13px}.features-compare{max-width:1120px;margin:0 auto;padding:56px 24px}.features-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.features-compare-grid>div{padding:24px;border-radius:var(--radius-xl);background:var(--color-surface-clean);border:1px solid var(--color-sand-200)}.features-compare ul{list-style:none;margin:12px 0;padding:0;display:flex;flex-direction:column;gap:10px}.features-compare li{display:flex;gap:10px;align-items:flex-start;font-size:16px;line-height:1.45;color:var(--color-text-body)}.features-compare li svg{flex-shrink:0;margin-top:2px;color:var(--color-ocean-primary)}.features-scene{position:relative;display:flex;align-items:center;justify-content:center;min-height:440px;padding:36px;overflow:hidden;isolation:isolate;border-radius:var(--radius-2xl)}.features-scene-wash{position:absolute;inset:0;z-index:-1;background-size:cover;background-position:50%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.features-scene[data-tone=ocean] .features-scene-wash{background-image:url(/img/wash/scene-ocean.webp)}.features-scene[data-tone=sage] .features-scene-wash{background-image:url(/img/wash/scene-sage.webp)}.features-scene[data-tone=sand] .features-scene-wash{background-image:url(/img/wash/scene-sand.webp)}.features-scene[data-tone=coral] .features-scene-wash{background-image:url(/img/wash/scene-coral.webp)}.features-scene[data-tone=midnight] .features-scene-wash{background-image:url(/img/wash/scene-midnight.webp)}.features-scene-bare,.features-scene-card{transition:opacity .7s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.features-scene-card{width:100%;max-width:440px;padding:20px;border-radius:var(--radius-2xl);background:var(--color-surface-clean);color:var(--color-text-primary);box-shadow:var(--shadow-xl)}.features-scene-card .paper-card{box-shadow:var(--shadow-md)!important;outline:1px solid var(--color-sand-200)}.features-scene[data-state=waiting] .features-scene-bare,.features-scene[data-state=waiting] .features-scene-card{opacity:0;transform:translateY(28px)}.features-scene[data-state=waiting] .features-scene-wash{transform:scale(1.08)}.features-scene[data-state=in] .features-scene-wash{transform:scale(1)}.feature-phone .pf[data-size=sm]{--pf-zoom:0.55}.feature-stack{display:flex;flex-direction:column;gap:10px;width:100%;max-width:380px}.feature-label{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--color-text-body)}.feature-chips{display:flex;flex-wrap:wrap;gap:8px}.feature-chip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 10px;border-radius:var(--radius-full);border:1px solid var(--color-sand-300);background:var(--color-sand-50);color:var(--color-text-primary);font:600 14px var(--font-body)}.feature-chip[data-on=true]{background:var(--color-midnight);color:var(--color-surface-clean);border-color:var(--color-midnight)}.feature-chip-avatar{width:26px;height:26px;border-radius:var(--radius-full);background:var(--color-surface-clean)}.feature-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%;max-width:420px}.feature-mode{display:flex;align-items:center;gap:10px;min-height:56px;padding:0 14px;text-align:left;border-radius:var(--radius-lg);border:1px solid var(--color-sand-300);background:var(--color-sand-50);color:var(--color-text-primary);font:600 14px var(--font-body)}.feature-mode[data-on=true]{border-color:var(--color-nuda);background:color-mix(in srgb,var(--color-nuda) 16%,var(--color-surface-clean))}.feature-mode-more{justify-content:center;border-style:dashed;background:transparent;cursor:pointer}.feature-checkin{padding:14px;border-radius:var(--radius-lg);background:var(--color-sand-50);border:1px solid var(--color-sand-300)}.feature-checkin-q{margin:0 0 2px;font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle)}.feature-checkin-title{margin:0 0 12px;font-family:var(--font-accent);font-size:20px;line-height:1.2;color:var(--color-text-primary)}.feature-checkin-row{display:flex;gap:8px}.feature-outcome{flex:1;display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:var(--radius-full);border:1px solid var(--color-sand-300);color:var(--color-text-primary);font:600 13px var(--font-body);white-space:nowrap}.feature-outcome[data-on=true]{background:var(--color-midnight);color:var(--color-surface-clean);border-color:var(--color-midnight)}.feature-switch{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:3px;border-radius:var(--radius-full);border:1px solid var(--color-sand-300);font:600 13px var(--font-body)}.feature-switch span{padding:8px 14px;border-radius:var(--radius-full);color:var(--color-midnight)}.feature-switch span[data-on]{background:var(--color-midnight);color:var(--color-surface-clean)}.feature-boards{display:grid;gap:10px;width:100%;max-width:380px}.feature-board{display:flex;flex-direction:column;gap:4px;padding:16px 18px 14px;border-radius:var(--radius-xl);border:1px solid var(--color-sand-200);background:var(--color-surface-clean)}.feature-board-title{margin:0;color:var(--color-midnight);font-family:var(--font-accent);font-weight:400;font-size:20px;line-height:1.2}.feature-board-kind{margin:0;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-subtle)}@media (prefers-reduced-motion:reduce){.features-scene-bare,.features-scene-card,.features-scene-wash{transition:none}}@media (max-width:1023px){.features-hero{padding:96px 16px 24px}.features-h1{font-size:44px}.features-lead{font-size:18px}.features-group{padding:48px 16px 16px}.features-h2{font-size:30px}.features-item{grid-template-columns:1fr;gap:20px;padding:20px 0 32px}.features-item[data-flip=true] .features-item-text{order:0}.features-item h3{font-size:28px}.features-scene{min-height:0;padding:22px 14px}.features-compare{padding:40px 16px}.features-compare-grid{grid-template-columns:1fr}}