/* Features page — mock layout */
.features-hero{padding:72px 0 48px;background:var(--paper)}
.features-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:56px}
.features-hero-copy .eyebrow{margin:0 0 16px;color:var(--orange-600);font-size:.72rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.features-hero-copy h1{margin:0;color:var(--purple-950);font-size:clamp(2.1rem,4.2vw,3.15rem);font-weight:850;line-height:1.12;letter-spacing:-.03em}
.features-hero-copy .lead{margin:18px 0 0;max-width:55ch;color:var(--muted);font-size:1.05rem;line-height:1.65}
.features-hero-copy .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.features-hero-copy .button.primary{border-radius:14px;padding:0 24px;box-shadow:0 12px 28px rgba(216,95,23,.28)}
.features-hero-copy .button.secondary{border-radius:14px;border-width:1.5px;background:#fff}
.features-hero-visual{min-width:0}
.features-hero-visual img{display:block;width:100%;height:auto;filter:drop-shadow(0 28px 50px rgba(53,22,79,.16))}

.features-icon-nav{padding:8px 0 40px}
.features-icon-nav-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.features-icon-card{display:flex;align-items:center;border-radius:18px;background:#fff;text-align:center;text-decoration:none;box-shadow:0 8px 24px rgba(53,22,79,.05);transition:border-color .15s,box-shadow .15s,transform .15s}
.features-icon-card:hover{border-color:#d5c8e0;box-shadow:0 12px 28px rgba(53,22,79,.1);transform:translateY(-2px)}
.features-icon{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--purple-50);color:var(--purple-800)}
.features-icon svg{width:40px;height:36px}
.features-icon-card>span:last-child{color:var(--purple-950);font-size:.82rem;font-weight:750;line-height:1.3}

.feature-block{padding:56px 0}
.feature-block:nth-of-type(odd){background:#fff}
.feature-block:nth-of-type(even),.feature-block.is-flip{background:var(--purple-50)}
.feature-block-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px}
.feature-copy .eyebrow{margin:0 0 12px;    color: var(--orange-600);} 
.feature-copy h2{margin:0;color:var(--purple-950);font-size:clamp(1.55rem,2.4vw,2.05rem);font-weight:800;line-height:1.2;letter-spacing:-.02em}
.feature-copy>p{margin:14px 0 0;color:var(--muted);font-size:1rem;line-height:1.65}
.feature-copy .check-list{margin-top:22px}
.feature-media{position:relative;min-width:0;border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#f4eef9,#ebe3f4);box-shadow:var(--shadow);aspect-ratio:16/10;cursor:pointer}
.feature-media img{display:block;width:100%;height:100%;object-fit:cover}
.feature-media .feature-poster{position:relative;z-index:0}
.feature-media .feature-demo{position:absolute;inset:0;z-index:1;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .15s ease}
.feature-media.is-playing .feature-demo[src]{opacity:1}
.feature-play{position:absolute;inset:0;z-index:2;margin:auto;width:68px;height:68px;border-radius:50%;background:rgba(255,255,255,.94);box-shadow:0 10px 28px rgba(38,18,56,.22);pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.feature-play:before{content:"";position:absolute;top:50%;left:54%;width:0;height:0;border-style:solid;border-width:12px 0 12px 18px;border-color:transparent transparent transparent var(--purple-900);transform:translate(-50%,-50%)}
.feature-media.is-playing .feature-play{opacity:0;transform:scale(.92)}
.feature-media:focus-visible{outline:3px solid var(--orange-600);outline-offset:3px}

.features-flow{background:#fff;padding:72px 0}
.features-flow-heading{max-width:40rem;margin-bottom:40px}
.features-flow-heading .eyebrow{margin:0 0 12px;color:var(--orange-600)}
.features-flow-heading h2{margin:0;color:var(--purple-950);font-size:clamp(1.7rem,2.8vw,2.35rem);font-weight:850;line-height:1.2;letter-spacing:-.02em}
.features-flow-list{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0;padding:0}
.features-flow-step{position:relative;display:flex;flex-direction:row;align-items:center;gap:14px;min-width:0;padding:18px 16px;border-radius:16px;background:var(--purple-50)}
.features-flow-step:not(:last-child):after{content:"";position:absolute;top:50%;right:-8px;z-index:1;width:8px;height:2px;background:var(--orange-500);transform:translateY(-50%)}
.features-flow-icon{flex-shrink:0;display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;color:var(--orange-600);box-shadow:0 4px 12px rgba(53,22,79,.08)}
.features-flow-icon svg{width:28px;height:35px}
.features-flow-copy{display:flex;flex-direction:column;gap:4px;min-width:0}
.features-flow-copy strong{color:var(--purple-950);font-size:.95rem;font-weight:800;line-height:1.25}
.features-flow-copy p{margin:0;color:var(--muted);font-size:.82rem;line-height:1.4}

.features-faq{background:var(--purple-50)}
.features-faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}
.features-faq-intro h2{margin:0;color:var(--purple-950);font-size:clamp(1.6rem,2.5vw,2.2rem);font-weight:800;line-height:1.2}
.features-faq .faq-list{display:grid;gap:10px}
.features-faq details{border:1px solid var(--line);border-radius:16px;background:#fff;padding:4px 18px}
.features-faq summary{cursor:pointer;padding:14px 0;color:var(--purple-950);font-weight:750}
.features-faq details p{margin:0 0 14px;color:var(--muted)}

@media(max-width:1000px){
  .features-icon-nav-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .features-flow-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .features-flow-step:nth-child(3):after{display:none}
}
@media(max-width:800px){
  .features-hero{padding:48px 0 32px}
  .features-hero-grid,.feature-block-grid,.features-faq-grid{grid-template-columns:1fr;gap:32px}
  .feature-block.is-flip .feature-copy{order:1}
  .feature-block.is-flip .feature-media{order:2}
  .features-icon-nav-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .features-flow-list{grid-template-columns:1fr}
  .features-flow-step:after{display:none!important}
  .feature-block{padding:40px 0}
}
@media(max-width:520px){
  .features-hero-copy .actions{flex-direction:column}
  .features-hero-copy .actions .button{width:100%;justify-content:center}
  .features-icon-card{padding:14px 10px}
}