/* Original tool presentation, scoped to this detail page. */

        /* Hero */
        #yk-portal-v2 .yk-legacy-tool .hero-section {
            background: radial-gradient(1200px 600px at 10% 10%, rgba(59,130,246,.25), transparent 60%),
                        radial-gradient(1000px 500px at 90% 20%, rgba(37,99,235,.25), transparent 55%),
                        linear-gradient(135deg, #0f172a 0%, #1e293b 40%, #0b1220 100%);
            position: relative;
            overflow: hidden;
            padding-top: 90px;
            min-height: 64vh;
            display: flex;
            align-items: center;
        }
        #yk-portal-v2 .yk-legacy-tool .hero-section:before {
            content: "";
            position: absolute;
            inset: 0;
            background: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 100 100\"><defs><pattern id=\"p\" width=\"12\" height=\"12\" patternUnits=\"userSpaceOnUse\"><circle cx=\"1\" cy=\"1\" r=\"1\" fill=\"%23ffffff\" opacity=\"0.06\"/></pattern></defs><rect width=\"100\" height=\"100\" fill=\"url(%23p)\"/></svg>');
            opacity: .7;
        }
        #yk-portal-v2 .yk-legacy-tool .hero-content { position: relative; z-index: 2; color: #fff; text-align: center; width: 100%; }
        /* Override global .hero-content alignment to ensure centering on this page */
        #yk-portal-v2 .yk-legacy-tool .hero-section .hero-content { display:flex; flex-direction:column; align-items:center !important; justify-content:center; }
        #yk-portal-v2 .yk-legacy-tool .hero-title { font-size: 3.2rem; font-weight: 800; line-height: 1.2; margin-bottom: 1rem; letter-spacing: .5px; }
        #yk-portal-v2 .yk-legacy-tool .hero-subtitle { font-size: 1.25rem; opacity: .95; max-width: 780px; margin: 0 auto 1.75rem; line-height: 1.8; }
        #yk-portal-v2 .yk-legacy-tool .hero-cta { gap: 12px; display: inline-flex; align-items: center; }
        #yk-portal-v2 .yk-legacy-tool .btn-primary-gradient {
            background: linear-gradient(135deg, #2563EB, #3B82F6);
            border: none; color: #fff; padding: 12px 22px; border-radius: 10px; font-weight: 700;
            box-shadow: 0 10px 30px rgba(37,99,235,.35);
        }
        #yk-portal-v2 .yk-legacy-tool .btn-outline-light { border: 2px solid rgba(255,255,255,.25); color: #fff; padding: 10px 20px; border-radius: 10px; font-weight: 700; }

        /* Sections */
        #yk-portal-v2 .yk-legacy-tool .content-section { padding: 80px 0; }
        #yk-portal-v2 .yk-legacy-tool .section-header { text-align: center; margin-bottom: 54px; }
        #yk-portal-v2 .yk-legacy-tool .section-title { font-size: 2.2rem; font-weight: 800; color: #0f172a; margin-bottom: 12px; }
        #yk-portal-v2 .yk-legacy-tool .section-title:after{ content:""; display:block; width:64px; height:4px; margin:14px auto 0; background: linear-gradient(135deg, #1e3a8a, #3b82f6); border-radius: 2px; }
        #yk-portal-v2 .yk-legacy-tool .section-desc { color: #64748b; max-width: 860px; margin: 0 auto; line-height: 1.8; font-size: 1.05rem; }

        /* Pain Points */
        #yk-portal-v2 .yk-legacy-tool .pain-card { background:#fff; border-radius:14px; padding:28px; box-shadow:0 8px 24px rgba(2,6,23,.06); height:100%; border:1px solid rgba(2,6,23,.06); transition:transform .25s ease, box-shadow .25s ease; }
        #yk-portal-v2 .yk-legacy-tool .pain-card:hover{ transform:translateY(-6px); box-shadow:0 16px 36px rgba(2,6,23,.12); }
        #yk-portal-v2 .yk-legacy-tool .pain-icon{ width:64px; height:64px; border-radius:50%; display:flex; align-items:center; justify-content:center; background:rgba(239,68,68,.1); color:#ef4444; font-size:1.6rem; margin-bottom:14px; }
        #yk-portal-v2 .yk-legacy-tool .pain-title{ font-weight:700; color:#0f172a; margin-bottom:8px; }
        #yk-portal-v2 .yk-legacy-tool .pain-text{ color:#475569; }

        /* Features */
        #yk-portal-v2 .yk-legacy-tool .feature-card { background:#fff; border-radius:16px; padding:30px; border:2px solid transparent; box-shadow:0 6px 22px rgba(2,6,23,.06); height:100%; transition: all .25s ease; }
        #yk-portal-v2 .yk-legacy-tool .feature-card:hover { transform: translateY(-6px); border-color:#2563EB; box-shadow:0 16px 36px rgba(37,99,235,.15); }
        #yk-portal-v2 .yk-legacy-tool .feature-icon { width:72px; height:72px; border-radius:50%; display:flex; align-items:center; justify-content:center; margin-bottom:14px; background:linear-gradient(135deg,#1e3a8a,#2563eb); color:#fff; font-size:1.6rem; }
        /* Improve feature icon contrast on blue background */
        #yk-portal-v2 .yk-legacy-tool .feature-card .feature-icon i { color:#ffffff !important; text-shadow:0 2px 6px rgba(0,0,0,0.35); }
        #yk-portal-v2 .yk-legacy-tool .feature-title { font-weight:800; color:#0f172a; margin-bottom:8px; }
        #yk-portal-v2 .yk-legacy-tool .feature-text { color:#475569; margin-bottom:8px; }
        #yk-portal-v2 .yk-legacy-tool .feature-benefit { color:#16a34a; font-weight:700; font-style:italic; }

        /* Scenarios */
        #yk-portal-v2 .yk-legacy-tool .scenario-card { background:#fff; border-radius:14px; padding:26px; border:1px solid rgba(2,6,23,.06); box-shadow:0 6px 22px rgba(2,6,23,.06); height:100%; transition: all .25s ease; }
        #yk-portal-v2 .yk-legacy-tool .scenario-card:hover{ transform: translateY(-6px); box-shadow:0 16px 36px rgba(2,6,23,.12); }
        #yk-portal-v2 .yk-legacy-tool .scenario-icon { color:#2563EB; font-size:1.8rem; margin-bottom:10px; }
        #yk-portal-v2 .yk-legacy-tool .scenario-title { font-weight:800; color:#0f172a; margin-bottom:6px; }
        #yk-portal-v2 .yk-legacy-tool .scenario-text { color:#475569; }

        /* Steps */
        #yk-portal-v2 .yk-legacy-tool .step-card { background:#fff; border-radius:14px; padding:26px; border:1px solid rgba(2,6,23,.08); box-shadow:0 6px 22px rgba(2,6,23,.06); position:relative; height:100%; }
        #yk-portal-v2 .yk-legacy-tool .step-number { position:absolute; right:18px; top:18px; width:38px; height:38px; border-radius:50%; display:flex; align-items:center; justify-content:center; color:#fff; font-weight:800; background:linear-gradient(135deg,#1e3a8a,#2563eb); }

        /* FAQ */
        #yk-portal-v2 .yk-legacy-tool .faq-item { background:#fff; border-radius:12px; border:1px solid rgba(2,6,23,.08); overflow:hidden; box-shadow:0 4px 16px rgba(2,6,23,.05); margin-bottom:14px; }
        #yk-portal-v2 .yk-legacy-tool .faq-question { width:100%; background:#fff; border:none; text-align:left; padding:20px 24px; font-weight:700; color:#0f172a; position:relative; }
        #yk-portal-v2 .yk-legacy-tool .faq-question:after { content:'+'; position:absolute; right:22px; top:50%; transform:translateY(-50%); font-size:1.5rem; transition:transform .25s ease; }
        #yk-portal-v2 .yk-legacy-tool .faq-question.active:after { transform:translateY(-50%) rotate(45deg); }
        #yk-portal-v2 .yk-legacy-tool .faq-answer { max-height:0; overflow:hidden; transition:max-height .25s ease, padding .25s ease; padding:0 24px; color:#475569; }
        #yk-portal-v2 .yk-legacy-tool .faq-answer.open { padding:0 24px 18px; }

        /* CTA */
        #yk-portal-v2 .yk-legacy-tool .cta-section { background: linear-gradient(135deg, #0f172a 0%, #111827 100%); color:#fff; padding:70px 0; position:relative; overflow:hidden; }
        #yk-portal-v2 .yk-legacy-tool .cta-section:before { content:""; position:absolute; inset:0; background: radial-gradient(600px 300px at 20% 20%, rgba(59,130,246,.25), transparent 60%), radial-gradient(500px 250px at 80% 30%, rgba(37,99,235,.25), transparent 60%); opacity:.8; }
        #yk-portal-v2 .yk-legacy-tool .cta-inner { position:relative; z-index:2; text-align:center; }
        #yk-portal-v2 .yk-legacy-tool .cta-title { font-weight:800; font-size:2rem; margin-bottom:10px; }
        #yk-portal-v2 .yk-legacy-tool .cta-sub { opacity:.9; margin-bottom:22px; }

        #yk-portal-v2 .yk-legacy-tool .soft-screenshot { border-radius:14px; box-shadow:0 18px 48px rgba(2,6,23,.18); border:1px solid rgba(2,6,23,.12); }

        @media (max-width: 767px) {
            #yk-portal-v2 .yk-legacy-tool .hero-title { font-size: 2.2rem; }
            #yk-portal-v2 .yk-legacy-tool .hero-subtitle { font-size: 1rem; }
        }