#primary.yuki-features{width:100%;max-width:1200px;margin:0 auto;padding:48px 24px 96px;color:#f5f5f5}
.yuki-features *{box-sizing:border-box;font-style:normal}
.yuki-features-hero{padding:28px 24px;margin-bottom:24px;border:1px solid #ffffff24;border-left:4px solid #ff174f;border-radius:4px 12px 4px 4px;background:#161619;box-shadow:5px 5px 0 #0005}
.yuki-features-eyebrow{margin:0 0 10px;color:#ff174f;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.yuki-features-hero h1{margin:0 0 16px;font-size:clamp(26px,4vw,44px);font-weight:900;line-height:1.15;letter-spacing:-.025em}
.yuki-features-hero>p:last-child{max-width:800px;margin:0;font-size:15px;line-height:1.7;color:#b0b0bb}
.yuki-features-nav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}
.yuki-features-nav a{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border:1px solid #ffffff24;border-bottom:2px solid var(--feature-accent);border-radius:4px;background:#161619;color:#e4e4e7;font-size:11px;font-weight:800;text-decoration:none}
.yuki-features-nav i{color:var(--feature-accent)}
.yuki-features-section{margin-bottom:48px;scroll-margin-top:180px}
.yuki-features-section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px;padding-left:16px;border-left:4px solid var(--feature-accent)}
.yuki-features-section-heading h2{display:flex;align-items:center;gap:12px;margin:0;color:var(--feature-accent);font-size:clamp(18px,2.2vw,24px);font-weight:900;line-height:1.3}
.yuki-features-section-heading h2 i{font-size:19px;flex:none}
.yuki-features-section-heading p{margin:8px 0 0;font-size:13px;line-height:1.6;color:#a1a1aa}
.yuki-features-section-heading>a,.yuki-features-outro>a{display:inline-flex;align-items:center;justify-content:center;gap:10px;flex:none;padding:11px 14px;border:1px solid var(--feature-accent,#ff174f);border-radius:4px;background:#ffffff04;color:var(--feature-accent,#ff174f);font-size:11px;font-weight:900;text-decoration:none}
.yuki-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.yuki-feature-card{padding:22px;border:1px solid #ffffff24;border-radius:6px;background:#161619;box-shadow:4px 4px 0 #0005}
.yuki-feature-card h3{margin:0 0 10px;font-size:14px;font-weight:800;line-height:1.4}
.yuki-feature-card p{margin:0;color:#b0b0bb;font-size:13px;line-height:1.7}
.yuki-features-outro{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px;border:1px solid #ffffff24;border-radius:6px;background:#161619}
.yuki-features-outro h2{margin:0 0 8px;font-size:20px;font-weight:800}
.yuki-features-outro p{margin:0;color:#b0b0bb;font-size:13px;line-height:1.6}
.yuki-features a:hover{border-color:var(--feature-accent,#ff174f);color:var(--feature-accent,#ff174f)}
.yuki-features a:focus-visible{outline:2px solid var(--feature-accent,#ff174f);outline-offset:4px}
@media(max-width:850px){.yuki-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yuki-features-section-heading{align-items:flex-start;flex-direction:column;gap:14px}}
@media(max-width:540px){#primary.yuki-features{padding:28px 16px 64px}.yuki-features-hero{padding:22px 18px}.yuki-features-grid{grid-template-columns:minmax(0,1fr)}.yuki-feature-card{padding:20px}.yuki-features-outro{align-items:flex-start;flex-direction:column}.yuki-features-nav{gap:7px}.yuki-features-nav a{font-size:10px;padding:9px 10px}.yuki-features-section{scroll-margin-top:120px}}