.feature-page-shell{min-height:100vh}.inner-header{position:sticky;top:0;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff10}.nav-active{background:#ffffff0b}.feature-main,.detail-page{width:min(1180px,92%);margin:0 auto;padding:70px 0 90px}.feature-hero{text-align:center;max-width:850px;margin:0 auto 55px}.feature-kicker,.detail-kicker{display:inline-block;color:#ff7d34;font-size:11px;letter-spacing:1.6px;font-weight:700}.feature-hero h1,.detail-top h1{font-size:56px;line-height:1.03;letter-spacing:-2.8px;margin:14px 0 18px}.feature-hero p,.detail-top p{color:#bcb4ab;line-height:1.75;font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.feature-card,.detail-feature{border:1px solid #353b3e;border-radius:14px;background:linear-gradient(180deg,#151b1fdd,#0d1215dd);padding:24px;color:#f3eee8;text-decoration:none}.feature-card:hover{border-color:#825a40;transform:translateY(-2px)}.feature-card span{color:#ff8b4c;font-size:11px}.feature-card h2{font-size:24px;margin:10px 0 8px}.feature-card p,.detail-feature p{color:#aaa39b;line-height:1.65;font-size:13px}.detail-top{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;margin-bottom:42px}.detail-visual,.mock-stack{border:1px solid #373d40;border-radius:16px;background:#101619cc;padding:16px}.mock-row{display:grid;grid-template-columns:14px 1fr auto;gap:12px;align-items:center;padding:14px 10px;border-bottom:1px solid #ffffff0d;font-size:12px}.mock-row:last-child{border-bottom:0}.mock-row span{color:#ff8b4c}.mock-dot{width:8px;height:8px;border-radius:50%;background:#ff5a00;box-shadow:0 0 12px #ff5a00}.category-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}.category-badges span{border:1px solid #4e4944;border-radius:999px;padding:7px 10px;color:#d6cec5;font-size:11px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.detail-feature h3{margin:0 0 8px;font-size:17px}.detail-note{margin-top:18px;border:1px solid #4b433b;border-radius:12px;background:#1a1511b5;padding:17px;color:#c8b9ab;font-size:12px;line-height:1.6}.detail-nav{display:flex;justify-content:space-between;margin-top:28px}.detail-nav a{color:#ff8b4c;text-decoration:none;font-size:13px}@media(max-width:800px){.feature-grid,.detail-top,.detail-grid{grid-template-columns:1fr}.feature-hero h1,.detail-top h1{font-size:40px}.detail-top{gap:25px}.detail-nav{gap:15px;flex-direction:column}}