.features-hero{overflow:hidden;padding:104px 0 126px;background:radial-gradient(circle at 18% 10%,rgba(124,60,255,.10),transparent 27%),radial-gradient(circle at 88% 32%,rgba(75,168,238,.11),transparent 24%),linear-gradient(180deg,#fff,#f7f6fb)}.features-hero-copy{max-width:950px;margin:0 auto 68px;text-align:center}.kicker{margin:0 0 15px;color:#7C4DE9;font-size:14px;font-weight:700;letter-spacing:.09em}.kicker-light{color:#B79DF3}.features-hero h1{margin:0 0 25px;color:var(--ink);font-size:clamp(48px,6vw,78px);line-height:1.01}.features-hero h1 span{background:linear-gradient(100deg,#6447ff,#c82cff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;padding-right:.08em}.features-hero-lead{max-width:760px;margin:0 auto;color:#5f6070;font-size:18px;line-height:1.75}.hero-actions{display:flex;justify-content:center;align-items:flex-start;gap:13px;flex-wrap:wrap;margin-top:31px}.button-outline{border:1px solid #d9d9e4;background:#fff;color:#161621}.hero-library{position:relative;max-width:1040px;margin:auto;padding:0 65px}.hero-library-main{position:relative;padding:9px;border:1px solid #dfdde7;border-radius:22px;background:#fff;box-shadow:0 28px 70px rgba(31,22,52,.14)}.hero-library-main img{width:100%;border-radius:14px}.ui-label{position:absolute;z-index:2;top:-19px;left:28px;padding:8px 12px;border:1px solid #e2dfeb;border-radius:999px;background:#fff;color:#7C4DE9;font-size:14px;font-weight:700;letter-spacing:.1em}.hero-library-stat{position:absolute;z-index:3;min-width:150px;padding:15px 17px;border:1px solid #e5e2eb;border-radius:15px;background:rgba(255,255,255,.94);box-shadow:0 13px 34px rgba(35,26,52,.09);backdrop-filter:blur(12px)}.hero-library-stat b,.hero-library-stat span{display:block}.hero-library-stat b{color:#20202a;font-size:14px}.hero-library-stat span{margin-top:2px;color:#7b7b88;font-size:16px}.stat-one{left:0;top:17%}.stat-two{right:0;top:39%}.stat-three{left:4%;bottom:9%}.feature-jump{position:sticky;top:78px;z-index:30;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(14px)}.feature-jump-inner{display:flex;justify-content:center;gap:42px;overflow:auto}.feature-jump a{padding:17px 0;color:#555663;font-size:18px;font-weight:700;white-space:nowrap}.feature-jump a:hover{color:#7C4DE9}.section-light,.section-light-alt,.section-dark,.section-dark-soft{padding:112px 0}.section-light{background:#fff}.section-light-alt{background:#f7f7fb}.section-dark{color:#fff;background:radial-gradient(circle at 82% 25%,rgba(126,46,255,.17),transparent 30%),#0d0e14}.section-dark-soft{color:#fff;background:linear-gradient(135deg,#11111a,#191323)}.story-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:76px;align-items:center}.story-grid.reverse{grid-template-columns:1.15fr .85fr}.story-copy h2,.story-heading h2,.access-intro h2,.all-features-heading h2,.why-copy h2,.faq-heading h2,.final-panel h2{margin:0 0 18px;color:var(--ink);font-size:clamp(31px,3.1vw,44px);line-height:1.12;letter-spacing:-.04em}.story-copy>p{font-size:17px;line-height:1.75}.feature-checks{display:grid;gap:17px;margin:28px 0 31px;padding:0;list-style:none}.feature-checks li{position:relative;padding-left:31px}.feature-checks li:before{position:absolute;left:0;top:1px;content:"✓";color:#7C4DE9;font-weight:700}.feature-checks b,.feature-checks span{display:block}.feature-checks b{color:#292a34;font-size:15px}.feature-checks span{margin-top:3px;color:#737480;font-size:15px}.story-media{position:relative}.light-frame{padding:10px;border:1px solid #e2e0e8;border-radius:20px;background:#fff;box-shadow:0 25px 65px rgba(32,24,49,.12)}.story-media img{width:100%;border-radius:12px}.screen-tag{position:absolute;z-index:2;top:25px;left:25px;padding:7px 10px;border-radius:8px;background:rgba(15,15,20,.82);color:#fff;font-size:14px;font-weight:700}.story-heading{display:grid;grid-template-columns:1fr .72fr;gap:80px;align-items:end;margin-bottom:50px}.story-heading h2{color:#fff}.story-heading>p{margin:0 0 4px;color:#aaa7b4;line-height:1.75}.showcase-tabs{display:grid;grid-template-columns:220px minmax(0,1fr) 250px;gap:18px;padding:18px;border:1px solid #2c2937;border-radius:26px;background:rgba(255,255,255,.025)}.showcase-nav{display:flex;flex-direction:column;gap:7px}.showcase-tab{appearance:none;padding:16px;text-align:left;border:1px solid transparent;border-radius:13px;background:transparent;color:#fff;cursor:pointer}.showcase-tab b,.showcase-tab span{display:block}.showcase-tab b{font-size:14px}.showcase-tab span{margin-top:4px;color:#888593;font-size:14px}.showcase-tab.is-active{border-color:rgba(170,91,255,.3);background:linear-gradient(105deg,rgba(128,52,255,.35),rgba(199,44,255,.15))}.showcase-tab.is-active span{color:#cec7d8}.showcase-screen{align-self:center;padding:8px;border:1px solid #34313c;border-radius:16px;background:#17171d}.showcase-screen img{width:100%;border-radius:9px;transition:opacity .16s}.showcase-copy{display:flex;flex-direction:column;justify-content:center;padding:24px 9px}.showcase-copy>span{color:#7C4DE9;font-size:14px;font-weight:700;letter-spacing:.1em}.showcase-copy h3{margin:9px 0 11px;color:#fff;font-size:24px}.showcase-copy p{margin:0 0 27px;color:#aaa7b4;font-size:17px;line-height:1.7}.showcase-copy .button{width:100%}.search-visual{padding:38px}.search-visual:before{position:absolute;inset:3%;content:"";background:radial-gradient(circle,#ded0ff,transparent 67%)}.search-window{position:relative;z-index:1;padding:23px;border:1px solid #e1dfe8;border-radius:20px;background:#fff;box-shadow:0 24px 60px rgba(29,22,45,.1)}.fake-search{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #dddbe4;border-radius:11px;color:#383944;background:#fafafd}.fake-search span{font-size:20px}.fake-search b{font-size:15px}.fake-search kbd{margin-left:auto;padding:4px 7px;border:1px solid #dddbe4;border-radius:6px;background:#fff;color:#8b8b96;font-size:14px}.result-line{display:grid;grid-template-columns:42px 1fr auto;gap:13px;align-items:center;padding:15px 7px;border-bottom:1px solid #efedf2}.result-line i{width:42px;height:42px;border-radius:8px;background:linear-gradient(135deg,#6b49ff,#d12cff)}.result-line:nth-child(3) i{background:linear-gradient(135deg,#19304c,#4daee5)}.result-line:nth-child(4) i{background:linear-gradient(135deg,#40264a,#e05692)}.result-line b,.result-line span{display:block}.result-line b{font-size:14px}.result-line span,.result-line em{color:#8a8b96;font-size:14px;font-style:normal}.capability-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:27px 0 31px;border-top:1px solid #e4e3e9}.capability-grid div{padding:17px 17px 17px 0;border-bottom:1px solid #e4e3e9}.capability-grid div:nth-child(odd){border-right:1px solid #e4e3e9}.capability-grid div:nth-child(even){padding-left:17px}.capability-grid b,.capability-grid span{display:block}.capability-grid b{font-size:14px}.capability-grid span{margin-top:4px;color:#757681;font-size:14px;line-height:1.55}.access-intro{max-width:760px;margin-bottom:48px}.access-intro h2{color:#fff}.access-intro>p:last-child{max-width:680px;color:#b0adba;line-height:1.75}.access-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #35303f;border-bottom:1px solid #35303f}.access-feature{position:relative;min-height:330px;padding:33px 34px;border-right:1px solid #35303f}.access-feature:last-child{border-right:0}.feature-no{position:absolute;right:27px;top:31px;color:#77717f;font-size:14px;font-weight:700}.access-icon{display:grid;width:47px;height:47px;place-items:center;margin-bottom:55px;border-radius:14px;background:linear-gradient(135deg,#6c48ff,#c92cff);font-size:20px;box-shadow:0 12px 26px rgba(124,72,255,.35)}.access-feature h3{margin-bottom:11px;color:#fff;font-size:20px}.access-feature p{color:#aaa7b4;font-size:17px;line-height:1.7}.access-feature a{display:inline-block;margin-top:13px;color:#B79DF3;font-size:15px;font-weight:750}.all-features-heading{display:grid;grid-template-columns:1fr .7fr;gap:80px;align-items:end;margin-bottom:46px}.all-features-heading>p{margin-bottom:6px;line-height:1.7}.feature-matrix{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e3e2e8;border-left:1px solid #e3e2e8}.feature-matrix a{display:block;min-height:190px;padding:24px;border-right:1px solid #e3e2e8;border-bottom:1px solid #e3e2e8;color:inherit;transition:background .2s}.feature-matrix a:hover{background:#f7f6fb}.feature-matrix a:hover h3{color:#7C4DE9}.feature-matrix span{color:#7C4DE9;font-size:14px;font-weight:700;letter-spacing:.1em}.feature-matrix h3{margin:34px 0 8px;font-size:20px;transition:color .2s}.feature-matrix p{margin:0;font-size:17px;line-height:1.6}.matrix-action{text-align:center;margin-top:36px}.why-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:start}.why-copy>p:last-child{line-height:1.75}.why-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.why-cards article{min-height:220px;padding:26px;border:1px solid #e4e2ea;border-radius:18px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.why-cards article:hover{transform:translateY(-3px);box-shadow:0 20px 44px rgba(23,14,46,.11)}.why-cards b{display:block;margin-top:54px;font-size:17px}.why-cards p{font-size:17px;line-height:1.65}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.faq-list{display:grid;gap:10px}.faq-list details{padding:0 20px;border:1px solid #e2e1e8;border-radius:13px;background:#fff;box-shadow:var(--shadow-sm)}.faq-list summary{padding:18px 0;color:#2d2e38;font-size:14px;font-weight:750;cursor:pointer}.faq-list p{margin:0;padding:0 0 19px;font-size:17px;line-height:1.7}.features-final{padding:0 0 112px;background:#fff}.final-panel{display:flex;align-items:center;justify-content:space-between;gap:45px;padding:58px 64px;border-radius:28px;background:radial-gradient(circle at 75% 20%,rgba(145,62,255,.27),transparent 30%),#101017;color:#fff}.final-panel h2{margin-bottom:11px;color:#fff}.final-panel p:last-child{margin:0;color:#aaa7b4}@media(max-width:1000px){.story-grid,.story-grid.reverse,.story-heading,.all-features-heading,.why-grid,.faq-layout{grid-template-columns:1fr}.showcase-tabs{grid-template-columns:210px 1fr}.showcase-copy{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;gap:5px 25px}.showcase-copy>span,.showcase-copy h3,.showcase-copy p{grid-column:1}.showcase-copy .button{grid-column:2;grid-row:1/4;align-self:center}.feature-matrix{grid-template-columns:repeat(3,1fr)}.why-cards{grid-template-columns:repeat(3,1fr)}.hero-library{padding:0 35px}.access-grid{grid-template-columns:1fr}.access-feature{min-height:auto;border-right:0;border-bottom:1px solid #35303f}.access-feature:last-child{border-bottom:0}.feature-jump{top:0}}@media(max-width:700px){.features-hero{padding:76px 0 92px}.features-hero h1{font-size:46px}.hero-library{padding:0}.hero-library-stat{display:none}.feature-jump-inner{justify-content:flex-start}.section-light,.section-light-alt,.section-dark,.section-dark-soft{padding:78px 0}.story-grid,.story-grid.reverse{gap:45px}.showcase-tabs{grid-template-columns:1fr}.showcase-nav{display:grid;grid-template-columns:1fr 1fr}.showcase-copy{display:block}.showcase-copy .button{width:100%}.search-visual{padding:10px}.capability-grid,.feature-matrix,.why-cards{grid-template-columns:1fr}.capability-grid div:nth-child(odd){border-right:0}.capability-grid div:nth-child(even){padding-left:0}.feature-matrix{border-left:0}.feature-matrix a{min-height:auto;border-left:1px solid #e3e2e8}.feature-matrix h3{margin-top:20px}.all-features-heading,.story-heading,.why-grid,.faq-layout{gap:25px}.why-cards{gap:10px}.why-cards article{min-height:auto}.why-cards b{margin-top:25px}.final-panel{align-items:flex-start;flex-direction:column;padding:42px 28px}.final-panel .button{width:100%}}

/* Typography normalization — match existing Sonikr homepage/product page */
.features-hero,
.feature-story,
.access-share,
.all-features,
.why-section,
.faq-section,
.features-final {
  font-size: 17px;
}

.kicker,
.kicker-light {
  font-size: 14px;
  line-height: 1.5;
}

.feature-jump a {
  font-size: 18px;
}

.features-hero-lead,
.story-copy > p,
.story-heading > p,
.access-intro > p:last-child,
.all-features-heading > p,
.why-copy > p:last-child,
.final-panel p:last-child {
  font-size: 17px;
  line-height: 1.7;
}

.story-copy h2,
.story-heading h2,
.access-intro h2,
.all-features-heading h2,
.why-copy h2,
.faq-heading h2,
.final-panel h2 {
  font-size: clamp(30px, 2.6vw, 38px);
  line-height: 1.14;
}

.feature-checks b,
.showcase-tab b,
.capability-grid b,
.access-feature p,
.feature-matrix p,
.why-cards p,
.faq-list p {
  font-size:17px;
}

.feature-checks span,
.showcase-tab span,
.showcase-copy p,
.capability-grid span,
.access-feature a,
.feature-matrix span,
.result-line b,
.result-line span,
.result-line em,
.fake-search b,
.fake-search kbd,
.hero-library-stat span,
.ui-label,
.feature-no {
  font-size: 16px;
  line-height: 1.55;
}

.hero-library-stat b,
.showcase-copy > span {
  font-size: 18px;
}

.showcase-copy h3 {
  font-size: 22px;
}

.feature-matrix h3,
.why-cards b {
  font-size: 18px;
}

.faq-list summary {
  font-size: 16px;
}

@media (max-width: 700px) {
  .features-hero h1 { font-size: clamp(42px, 12vw, 48px); }
  .story-copy h2,
  .story-heading h2,
  .access-intro h2,
  .all-features-heading h2,
  .why-copy h2,
  .faq-heading h2,
  .final-panel h2 {
    font-size: 30px;
  }
}

.download-auto {
  border: 1px solid #B79DF3;
  border-radius: 8px;
  padding: 10px;
}