:root { --primary: #1a1a1a; --accent: #0071e3; --gray: #f5f5f7; --border: #d2d2d7; }
        body { font-family: "SF Pro Display", -apple-system, sans-serif; line-height: 1.8; color: #333; margin: 0; background: #fff; }
        .container { max-width: 850px; margin: 0 auto; padding: 60px 20px; }
        h1 { font-size: 3rem; line-height: 1.1; margin-bottom: 30px; color: var(--primary); letter-spacing: -0.02em; }
        h2 { font-size: 2rem; margin-top: 50px; color: var(--primary); border-bottom: 1px solid var(--border); padding-bottom: 10px; }
        h3 { font-size: 1.5rem; color: var(--accent); margin-top: 30px; }
        p { font-size: 1.15rem; margin-bottom: 25px; color: #424245; }
        .feature-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin: 40px 0; }
        .feature-item { background: var(--gray); padding: 25px; border-radius: 15px; border: 1px solid var(--border); }
        .highlight-card { background: linear-gradient(145deg, #f0f0f0, #ffffff); padding: 35px; border-radius: 20px; border-left: 6px solid var(--accent); margin: 40px 0; box-shadow: 0 4px 20px rgba(0,0,0,0.05); }
        table { width: 100%; border-collapse: collapse; margin: 30px 0; font-size: 1rem; }
        th { background: var(--primary); color: white; padding: 15px; text-align: left; }
        td { padding: 15px; border-bottom: 1px solid var(--border); }
        .backlink-box { text-align: center; margin: 50px 0; padding: 40px; background: var(--gray); border-radius: 20px; }
        .cta-btn { background: var(--accent); color: white; padding: 18px 40px; border-radius: 30px; text-decoration: none; font-weight: 600; display: inline-block; transition: transform 0.2s; }
        .cta-btn:hover { transform: scale(1.05); }
        .pro-tip { font-style: italic; color: #666; border-left: 3px solid #ccc; padding-left: 15px; }