z/* ==================== cyber-law.php ==================== */
            :root{
                --bg: #06090a;
                --green: #39ff6a;
                --green-dim: #1fae4b;
                --cyan: #22d3d3;
                --text-muted: #9aa5a3;
                --card-bg: #0e1412;
                --card-border: #1e2b26;
            }
            .prod-page *{ box-sizing:border-box; }
            .prod-page{
                background:var(--bg);
                font-family:'Segoe UI', Arial, sans-serif;
                color:#fff;
            }
            .prod-page .mono{ font-family:'Courier New', monospace; letter-spacing:1px; }
            .prod-page section{ padding:90px 0; }
            .prod-page .wrap{ max-width:1300px; margin:0 auto; padding:0 40px; }
            .prod-page .head{ max-width:720px; margin:0 auto 60px; text-align:center; }
            .prod-page .head.left{ text-align:left; margin:0 0 40px; max-width:640px; }

            .prod-page .badge-pill{
                display:inline-flex; align-items:center; gap:8px; padding:6px 16px;
                border:1px solid var(--green-dim); border-radius:999px; color:var(--green);
                font-size:12px; font-weight:700; text-transform:uppercase; letter-spacing:1px;
            }
            .prod-page .badge-pill .dot{ width:6px; height:6px; border-radius:50%; background:var(--green); box-shadow:0 0 6px var(--green); }
            .prod-page .badge-pill.cyan{ border-color:#0f5a5a; color:var(--cyan); }
            .prod-page .badge-pill.cyan .dot{ background:var(--cyan); box-shadow:0 0 6px var(--cyan); }

            .prod-page h2{ font-size:42px; font-weight:800; margin:20px 0 16px; line-height:1.2; }
            .prod-page p.sub{ color:var(--text-muted); font-size:16px; line-height:1.6; margin:0; }

            .prod-page .btn{
                padding:16px 28px; border-radius:8px; font-size:14px; font-weight:700;
                letter-spacing:1px; text-transform:uppercase; cursor:pointer;
                border:1px solid transparent; display:inline-flex; align-items:center; gap:8px;
                text-decoration:none;
            }
            .prod-page .btn-primary{ background:var(--cyan); color:#03181a; }
            .prod-page .btn-primary:hover{ filter:brightness(1.08); color:#03181a; }
            .prod-page .btn-outline{ background:transparent; color:#fff; border-color:#2a3530; }
            .prod-page .btn-outline:hover{ border-color:#4a5a52; color:#fff; }
            .prod-page .btn-sm{ padding:11px 20px; font-size:12px; }

            /* ================= HERO ================= */
            .prod-hero{
                position:relative; overflow:hidden; padding:80px 0 70px; border-bottom:1px solid #10201a;
                background:
                    radial-gradient(ellipse 900px 500px at 15% 0%, rgba(34,211,211,0.16), transparent 60%),
                    radial-gradient(ellipse 700px 500px at 100% 30%, rgba(57,255,106,0.10), transparent 60%);
            }
            .prod-hero::before{
                content:""; position:absolute; inset:0;
                background-image:
                    linear-gradient(rgba(34,211,211,0.05) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(34,211,211,0.05) 1px, transparent 1px);
                background-size:44px 44px;
                mask-image:radial-gradient(ellipse 800px 500px at 20% 10%, black, transparent 70%);
                pointer-events:none;
            }
            .prod-hero .wrap{ display:flex; align-items:center; gap:50px; flex-wrap:wrap; position:relative; z-index:1; }
            .prod-hero .hero-left{ flex:1 1 560px; }
            .prod-hero .hero-right{ flex:1 1 540px; text-align:center; position:relative; }
            .prod-hero .hero-right .glow{
                position:absolute; inset:10%;
                background:radial-gradient(circle, rgba(34,211,211,0.22), transparent 70%);
                filter:blur(10px); z-index:0;
            }
            .prod-hero .hero-right img{ width:100%; max-width:100%; height:auto; filter:drop-shadow(0 20px 40px rgba(0,0,0,0.5)); }
            .prod-hero .crumb{ color:var(--text-muted); font-size:13px; margin-bottom:18px; }
            .prod-hero .crumb a{ color:var(--text-muted); text-decoration:none; }
            .prod-hero .crumb a:hover{ color:var(--cyan); }
            .prod-hero h1{ font-size:58px; font-weight:800; line-height:1.12; margin:6px 0 20px; }
            .prod-hero h1 span{ color:var(--cyan); }
            .prod-hero p.lead{ color:var(--text-muted); font-size:17px; line-height:1.75; max-width:560px; margin:0 0 32px; }
            .prod-hero .hero-buttons{ display:flex; gap:16px; flex-wrap:wrap; margin-bottom:40px; }
            .prod-hero .deploy-pills{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:40px; }
            .prod-hero .deploy-pill{
                display:flex; align-items:center; gap:8px; border:1px solid var(--card-border);
                background:var(--card-bg); padding:9px 16px; border-radius:8px; font-size:13px; color:#d9dedb;
            }
            .prod-hero .deploy-pill i{ color:var(--cyan); }
            .prod-hero .hero-stats{ display:flex; gap:38px; flex-wrap:wrap; }
            .prod-hero .hstat h3{ font-size:26px; font-weight:800; color:var(--cyan); margin:0; }
            .prod-hero .hstat span{ font-size:12.5px; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.5px; }
            @media (max-width:640px){ .prod-hero h1{ font-size:36px; } }

            /* ================= TRAINED-ON MARQUEE ================= */
            .trained-section{
                border-top:1px solid #10201a; border-bottom:1px solid #10201a;
                background:#050706; padding:80px 0;
            }
            .marquee-row{
                overflow:hidden; position:relative; width:100%;
                -webkit-mask-image:linear-gradient(90deg, transparent, black 6%, black 94%, transparent);
                mask-image:linear-gradient(90deg, transparent, black 6%, black 94%, transparent);
            }
            .marquee-row + .marquee-row{ margin-top:16px; }
            .marquee-track{
                display:inline-flex; gap:14px; white-space:nowrap; width:max-content;
                animation:marquee-left 46s linear infinite;
            }
            .marquee-track.reverse{ animation-name:marquee-right; }
            .marquee-row:hover .marquee-track{ animation-play-state:paused; }
            @keyframes marquee-left{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
            @keyframes marquee-right{ from{ transform:translateX(-50%); } to{ transform:translateX(0); } }
            .source-chip{
                display:inline-flex; align-items:center; gap:8px;
                background:var(--card-bg); border:1px solid var(--card-border);
                padding:11px 20px; border-radius:999px; font-size:13.5px; color:#d9dedb;
                white-space:nowrap; flex-shrink:0;
            }
            .source-chip .sc-dot{ width:6px; height:6px; border-radius:50%; flex-shrink:0; }
            .source-chip.law .sc-dot{ background:var(--cyan); box-shadow:0 0 6px var(--cyan); }
            .source-chip.internal .sc-dot{ background:var(--green); box-shadow:0 0 6px var(--green); }
            .row-label{
                font-family:'Courier New', monospace; font-size:11px; letter-spacing:1px; text-transform:uppercase;
                color:var(--text-muted); margin-bottom:14px; display:flex; align-items:center; gap:8px;
            }
            .row-label.law{ color:var(--cyan); }
            .row-label.internal{ color:var(--green); }

            /* ================= WHAT-IS SPLIT CARDS ================= */
            .what-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:10px; }
            .what-card{ background:var(--card-bg); border:1px solid var(--card-border); border-radius:16px; padding:32px; }
            .what-card .tag{
                display:inline-block; font-family:'Courier New', monospace; font-size:12px; letter-spacing:1px;
                color:var(--cyan); border:1px solid #143333; padding:4px 10px; border-radius:6px; margin-bottom:16px;
            }
            .what-card h3{ font-size:21px; font-weight:700; margin:0 0 12px; }
            .what-card p{ color:var(--text-muted); font-size:14.5px; line-height:1.7; margin:0; }
            @media (max-width:800px){ .what-grid{ grid-template-columns:1fr; } }

            /* ================= PROFILE → AI → RECOMMENDATIONS ================= */
            .flow-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:26px; position:relative; }
            .flow-card{
                background:linear-gradient(180deg, #0f1613, var(--card-bg)); border:1px solid var(--card-border);
                border-radius:18px; padding:34px; position:relative;
            }
            .flow-card .f-num{
                width:38px; height:38px; border-radius:50%; border:1px solid #0f5a5a;
                display:flex; align-items:center; justify-content:center; color:var(--cyan);
                font-family:'Courier New', monospace; font-weight:700; margin-bottom:20px;
            }
            .flow-card h3{ font-size:19px; font-weight:700; margin:0 0 12px; }
            .flow-card p{ color:var(--text-muted); font-size:13.5px; line-height:1.7; margin:0; }
            .flow-card:not(:last-child)::after{
                content:"›"; position:absolute; top:50%; right:-24px; transform:translateY(-50%);
                color:#0f5a5a; font-size:22px; font-weight:700;
            }
            @media (max-width:900px){ .flow-grid{ grid-template-columns:1fr; } .flow-card:not(:last-child)::after{ display:none; } }

            /* Profile <-> AI <-> Recommendations panel */
            .profile-demo{
                display:flex; align-items:stretch; gap:0; margin-top:50px;
                border-radius:20px; border:1px solid var(--card-border); overflow:hidden;
                background:#08100f;
            }
            .profile-demo .pd-col{ flex:1 1 0; padding:32px; }
            .profile-demo .pd-col.profile{ border-right:1px solid var(--card-border); }
            .profile-demo .pd-col.ai-core{
                flex:0 0 140px; display:flex; align-items:center; justify-content:center;
                background:radial-gradient(circle, rgba(34,211,211,0.10), transparent 70%);
                border-right:1px solid var(--card-border);
            }
            .profile-demo .ai-orb{
                width:64px; height:64px; border-radius:50%; border:1px solid var(--cyan);
                display:flex; align-items:center; justify-content:center; color:var(--cyan); font-size:22px;
                box-shadow:0 0 0 8px rgba(34,211,211,0.06);
                animation:ai-pulse 2.4s ease-in-out infinite;
            }
            @keyframes ai-pulse{ 0%,100%{ box-shadow:0 0 0 8px rgba(34,211,211,0.06); } 50%{ box-shadow:0 0 0 14px rgba(34,211,211,0.02); } }
            .profile-demo .pd-label{
                font-family:'Courier New', monospace; font-size:11px; letter-spacing:1px; text-transform:uppercase;
                color:var(--text-muted); margin-bottom:16px;
            }
            .profile-field{ display:flex; justify-content:space-between; gap:10px; padding:10px 0; border-top:1px solid #131b18; font-size:13px; }
            .profile-field:first-of-type{ border-top:none; }
            .profile-field .pf-key{ color:var(--text-muted); }
            .profile-field .pf-val{ color:#e4ebe7; font-weight:600; text-align:right; }
            .rec-item{ display:flex; align-items:flex-start; gap:10px; padding:11px 0; border-top:1px solid #131b18; }
            .rec-item:first-child{ border-top:none; }
            .rec-item i{ color:var(--cyan); margin-top:2px; font-size:12px; }
            .rec-item span{ font-size:12.5px; color:#d9dedb; line-height:1.5; }
            @media (max-width:900px){
                .profile-demo{ flex-direction:column; }
                .profile-demo .pd-col.profile{ border-right:none; border-bottom:1px solid var(--card-border); }
                .profile-demo .pd-col.ai-core{ flex-basis:auto; padding:20px; border-right:none; border-bottom:1px solid var(--card-border); }
            }

            /* ================= WHO IT'S FOR ================= */
            .who-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; }
            .who-card{
                background:var(--card-bg); border:1px solid var(--card-border); border-radius:14px;
                padding:24px; transition:border-color .2s ease, transform .2s ease;
            }
            .who-card:hover{ border-color:#0f5a5a; transform:translateY(-3px); }
            .who-card .icon{
                width:40px; height:40px; border-radius:10px; border:1px solid #0f5a5a;
                background:rgba(34,211,211,0.06); display:flex; align-items:center; justify-content:center;
                color:var(--cyan); font-size:16px; margin-bottom:14px;
            }
            .who-card h3{ font-size:15.5px; font-weight:700; margin:0 0 6px; }
            .who-card p{ font-size:12.5px; color:var(--text-muted); line-height:1.5; margin:0; }
            @media (max-width:900px){ .who-grid{ grid-template-columns:repeat(2, 1fr); } }
            @media (max-width:560px){ .who-grid{ grid-template-columns:1fr; } }

            /* ================= CAPABILITIES GRID ================= */
            .cap-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:22px; }
            .cap-card{
                background:var(--card-bg); border:1px solid var(--card-border); border-radius:16px; padding:28px;
                transition:border-color .2s ease, transform .2s ease;
            }
            .cap-card:hover{ border-color:#0f5a5a; transform:translateY(-4px); }
            .cap-card .icon{
                width:46px; height:46px; border-radius:12px; border:1px solid #0f5a5a;
                background:rgba(34,211,211,0.06); display:flex; align-items:center; justify-content:center;
                color:var(--cyan); font-size:18px; margin-bottom:18px;
            }
            .cap-card h3{ font-size:17px; font-weight:700; margin:0 0 8px; }
            .cap-card p.desc{ font-size:13.5px; color:var(--text-muted); margin:0; line-height:1.6; }
            @media (max-width:1000px){ .cap-grid{ grid-template-columns:repeat(2, 1fr); } }
            @media (max-width:640px){ .cap-grid{ grid-template-columns:1fr; } }

            /* ================= FREE vs CUSTOM SPLIT ================= */
            .tier-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }
            .tier-card{ border-radius:20px; padding:38px; border:1px solid var(--card-border); position:relative; overflow:hidden; }
            .tier-card.free{ background:linear-gradient(180deg, rgba(57,255,106,0.07), var(--card-bg)); border-color:var(--green-dim); }
            .tier-card.custom{ background:linear-gradient(180deg, rgba(34,211,211,0.07), var(--card-bg)); border-color:#0f5a5a; }
            .tier-card .t-icon{
                width:48px; height:48px; border-radius:12px; display:flex; align-items:center; justify-content:center;
                font-size:20px; margin-bottom:20px;
            }
            .tier-card.free .t-icon{ background:rgba(57,255,106,0.10); color:var(--green); border:1px solid var(--green-dim); }
            .tier-card.custom .t-icon{ background:rgba(34,211,211,0.10); color:var(--cyan); border:1px solid #0f5a5a; }
            .tier-card h3{ font-size:24px; font-weight:800; margin:0 0 10px; }
            .tier-card p.desc{ color:var(--text-muted); font-size:14px; line-height:1.7; margin:0 0 22px; }
            .tier-card ul{ list-style:none; padding:0; margin:0 0 26px; }
            .tier-card li{ font-size:13.5px; color:#d9dedb; padding:7px 0; border-top:1px solid rgba(255,255,255,0.05); display:flex; align-items:baseline; gap:8px; }
            .tier-card li:first-child{ border-top:none; }
            .tier-card.free li::before{ content:"✓"; color:var(--green); font-weight:700; }
            .tier-card.custom li::before{ content:"✓"; color:var(--cyan); font-weight:700; }
            @media (max-width:800px){ .tier-wrap{ grid-template-columns:1fr; } }

            /* ================= PRICING ================= */
            .plans-grid4{ display:grid; grid-template-columns:repeat(4, 1fr); gap:18px; margin-bottom:26px; }
            .plan-card{
                background:var(--card-bg); border:1px solid var(--card-border); border-radius:16px; padding:26px;
                display:flex; flex-direction:column;
            }
            .plan-card.featured{ border-color:var(--cyan); background:linear-gradient(180deg, rgba(34,211,211,0.08), var(--card-bg)); }
            .plan-card .p-name{ font-size:12px; text-transform:uppercase; letter-spacing:1px; color:var(--cyan); font-family:'Courier New', monospace; margin-bottom:10px; }
            .plan-card .p-price{ font-size:28px; font-weight:800; margin-bottom:4px; }
            .plan-card .p-price span{ font-size:12.5px; color:var(--text-muted); font-weight:500; }
            .plan-card .p-users{ font-size:12px; color:var(--text-muted); margin-bottom:18px; }
            .plan-card ul{ list-style:none; padding:0; margin:0 0 22px; flex:1; }
            .plan-card li{ font-size:12.5px; color:#c9d3cf; padding:5px 0; display:flex; align-items:baseline; gap:8px; }
            .plan-card li::before{ content:"✓"; color:var(--cyan); font-weight:700; }
            @media (max-width:1000px){ .plans-grid4{ grid-template-columns:1fr 1fr; } }
            @media (max-width:560px){ .plans-grid4{ grid-template-columns:1fr; } }

            .enterprise-strip{
                display:flex; align-items:center; justify-content:space-between; gap:26px; flex-wrap:wrap;
                background:linear-gradient(90deg, rgba(34,211,211,0.08), transparent), var(--card-bg);
                border:1px solid #0f5a5a; border-radius:16px; padding:30px 34px;
            }
            .enterprise-strip .es-text{ flex:1 1 360px; }
            .enterprise-strip .es-text h3{ font-size:19px; font-weight:700; margin:0 0 6px; }
            .enterprise-strip .es-text p{ font-size:13.5px; color:var(--text-muted); margin:0; }

            /* ================= CTA ================= */
            .prod-cta{
                max-width:1300px; margin:0 auto; padding:80px 40px; text-align:center; border-radius:24px;
                background:radial-gradient(ellipse at top, rgba(34,211,211,0.10), transparent 60%), #0a0f0d;
                border:1px solid #16231d;
            }
            .prod-cta h2{ font-size:46px; margin:24px 0 16px; }
            .prod-cta p.sub{ max-width:560px; margin:0 auto 36px; }
            .prod-cta .cta-buttons{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-bottom:28px; }
            .prod-cta .cta-note{ display:inline-flex; align-items:center; gap:8px; font-size:13px; color:var(--green); }
            .prod-cta .cta-note .dot{ width:6px; height:6px; border-radius:50%; background:#ff5050; }
            @media (max-width:640px){ .prod-cta h2{ font-size:32px; } .prod-cta .cta-buttons{ flex-direction:column; } }

/* ==================== khetaka.php ==================== */
            :root{
                --bg: #06090a;
                --green: #39ff6a;
                --green-dim: #1fae4b;
                --cyan: #22d3d3;
                --text-muted: #9aa5a3;
                --card-bg: #0e1412;
                --card-border: #1e2b26;
            }
            .prod-page *{ box-sizing:border-box; }
            .prod-page{
                background:var(--bg);
                font-family:'Segoe UI', Arial, sans-serif;
                color:#fff;
            }
            .prod-page .mono{ font-family:'Courier New', monospace; letter-spacing:1px; }
            .prod-page section{ padding:90px 0; }
            .prod-page .wrap{ max-width:1300px; margin:0 auto; padding:0 40px; }
            .prod-page .head{ max-width:720px; margin:0 auto 60px; text-align:center; }
            .prod-page .head.left{ text-align:left; margin:0 0 40px; max-width:640px; }

            .prod-page .badge-pill{
                display:inline-flex;
                align-items:center;
                gap:8px;
                padding:6px 16px;
                border:1px solid var(--green-dim);
                border-radius:999px;
                color:var(--green);
                font-size:12px;
                font-weight:700;
                text-transform:uppercase;
                letter-spacing:1px;
            }
            .prod-page .badge-pill .dot{
                width:6px; height:6px; border-radius:50%;
                background:var(--green);
                box-shadow:0 0 6px var(--green);
            }
            .prod-page .badge-pill.cyan{ border-color:#0f5a5a; color:var(--cyan); }
            .prod-page .badge-pill.cyan .dot{ background:var(--cyan); box-shadow:0 0 6px var(--cyan); }

            .prod-page h2{ font-size:42px; font-weight:800; margin:20px 0 16px; line-height:1.2; }
            .prod-page p.sub{ color:var(--text-muted); font-size:16px; line-height:1.6; margin:0; }

            .prod-page .btn{
                padding:16px 28px; border-radius:8px; font-size:14px; font-weight:700;
                letter-spacing:1px; text-transform:uppercase; cursor:pointer;
                border:1px solid transparent; display:inline-flex; align-items:center; gap:8px;
                text-decoration:none;
            }
            .prod-page .btn-primary{ background:var(--green); color:#04150a; }
            .prod-page .btn-primary:hover{ filter:brightness(1.08); color:#04150a; }
            .prod-page .btn-outline{ background:transparent; color:#fff; border-color:#2a3530; }
            .prod-page .btn-outline:hover{ border-color:#4a5a52; color:#fff; }
            .prod-page .btn-sm{ padding:11px 20px; font-size:12px; }

            /* ================= HERO ================= */
            .prod-hero{
                position:relative;
                overflow:hidden;
                padding:80px 0 70px;
                border-bottom:1px solid #10201a;
                background:
                    radial-gradient(ellipse 900px 500px at 15% 0%, rgba(57,255,106,0.14), transparent 60%),
                    radial-gradient(ellipse 700px 500px at 100% 30%, rgba(34,211,211,0.10), transparent 60%);
            }
            .prod-hero::before{
                content:"";
                position:absolute; inset:0;
                background-image:
                    linear-gradient(rgba(57,255,106,0.05) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(57,255,106,0.05) 1px, transparent 1px);
                background-size:44px 44px;
                mask-image:radial-gradient(ellipse 800px 500px at 20% 10%, black, transparent 70%);
                pointer-events:none;
            }
            .prod-hero .wrap{ display:flex; align-items:center; gap:50px; flex-wrap:wrap; position:relative; z-index:1; }
            .prod-hero .hero-left{ flex:1 1 480px; }
            .prod-hero .hero-right{ flex:1 1 620px; max-width:640px; text-align:center; }
            .prod-hero .hero-right .glow{
                position:absolute; inset:10%;
                background:radial-gradient(circle, rgba(57,255,106,0.20), transparent 70%);
                filter:blur(10px);
                z-index:0;
            }
            .prod-hero .hero-right img{ width:100%; max-width:100%; height:auto; filter:drop-shadow(0 20px 40px rgba(0,0,0,0.5)); }
            .prod-hero .crumb{ color:var(--text-muted); font-size:13px; margin-bottom:18px; }
            .prod-hero .crumb a{ color:var(--text-muted); text-decoration:none; }
            .prod-hero .crumb a:hover{ color:var(--green); }
            .prod-hero .meaning{
                display:inline-flex; align-items:center; gap:8px;
                font-family:'Courier New', monospace; font-size:12.5px; color:var(--cyan);
                margin-bottom:16px;
            }
            .prod-hero h1{ font-size:58px; font-weight:800; line-height:1.12; margin:6px 0 20px; }
            .prod-hero h1 span{ color:var(--green); }
            .prod-hero p.lead{ color:var(--text-muted); font-size:17px; line-height:1.75; max-width:560px; margin:0 0 32px; }
            .prod-hero .hero-buttons{ display:flex; gap:16px; flex-wrap:wrap; margin-bottom:40px; }
            .prod-hero .deploy-pills{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:40px; }
            .prod-hero .deploy-pill{
                display:flex; align-items:center; gap:8px;
                border:1px solid var(--card-border); background:var(--card-bg);
                padding:9px 16px; border-radius:8px; font-size:13px; color:#d9dedb;
            }
            .prod-hero .deploy-pill i{ color:var(--green); }
            .prod-hero .hero-stats{ display:flex; gap:38px; flex-wrap:wrap; }
            .prod-hero .hstat h3{ font-size:26px; font-weight:800; color:var(--green); margin:0; }
            .prod-hero .hstat span{ font-size:12.5px; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.5px; }
            @media (max-width:640px){ .prod-hero h1{ font-size:36px; } }

            /* ================= WHAT IS / SPLIT CARDS ================= */
            .what-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:10px; }
            .what-card{ background:var(--card-bg); border:1px solid var(--card-border); border-radius:16px; padding:32px; }
            .what-card .tag{
                display:inline-block; font-family:'Courier New', monospace; font-size:12px; letter-spacing:1px;
                color:var(--cyan); border:1px solid #143333; padding:4px 10px; border-radius:6px; margin-bottom:16px;
            }
            .what-card h3{ font-size:21px; font-weight:700; margin:0 0 12px; }
            .what-card p{ color:var(--text-muted); font-size:14.5px; line-height:1.7; margin:0; }
            @media (max-width:800px){ .what-grid{ grid-template-columns:1fr; } }

            /* ================= WHO IT'S FOR ================= */
            .who-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; }
            .who-card{
                background:var(--card-bg); border:1px solid var(--card-border); border-radius:14px;
                padding:24px; transition:border-color .2s ease, transform .2s ease;
            }
            .who-card:hover{ border-color:var(--green-dim); transform:translateY(-3px); }
            .who-card .icon{
                width:40px; height:40px; border-radius:10px; border:1px solid var(--green-dim);
                background:rgba(57,255,106,0.06); display:flex; align-items:center; justify-content:center;
                color:var(--green); font-size:16px; margin-bottom:14px;
            }
            .who-card h3{ font-size:15.5px; font-weight:700; margin:0 0 6px; }
            .who-card p{ font-size:12.5px; color:var(--text-muted); line-height:1.5; margin:0; }
            @media (max-width:900px){ .who-grid{ grid-template-columns:repeat(2, 1fr); } }
            @media (max-width:560px){ .who-grid{ grid-template-columns:1fr; } }

            /* ================= DEPLOYMENT / HOW IT WORKS ================= */
            .deploy-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }
            .deploy-card{
                background:linear-gradient(180deg, #0f1613, var(--card-bg));
                border:1px solid var(--card-border); border-radius:18px; padding:34px;
            }
            .deploy-card .dtag{
                display:inline-flex; align-items:center; gap:8px;
                font-family:'Courier New', monospace; font-size:12px; color:var(--green);
                text-transform:uppercase; letter-spacing:1px; margin-bottom:14px;
            }
            .deploy-card h3{ font-size:22px; font-weight:700; margin:0 0 12px; }
            .deploy-card p.desc{ color:var(--text-muted); font-size:14px; line-height:1.7; margin:0 0 20px; }
            .deploy-card .col-title{ font-size:12px; text-transform:uppercase; letter-spacing:1px; color:var(--cyan); margin:0 0 10px; font-family:'Courier New', monospace; }
            .deploy-card ul{ list-style:none; padding:0; margin:0 0 20px; }
            .deploy-card li{ font-size:13.5px; color:#c9d3cf; padding:6px 0; border-top:1px solid #131b18; display:flex; align-items:baseline; gap:8px; }
            .deploy-card li:first-child{ border-top:none; }
            .deploy-card li::before{ content:"›"; color:var(--green); font-weight:700; }
            .deploy-card .chip-row{ display:flex; flex-wrap:wrap; gap:8px; }
            .deploy-card .chip{ font-size:12px; background:#0a120f; border:1px solid var(--card-border); padding:6px 12px; border-radius:6px; color:#cfd7d4; }
            @media (max-width:900px){ .deploy-grid{ grid-template-columns:1fr; } }

            /* ================= CAPABILITIES GRID ================= */
            .cap-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:22px; }
            .cap-card{
                background:var(--card-bg); border:1px solid var(--card-border); border-radius:16px; padding:28px;
                transition:border-color .2s ease, transform .2s ease;
            }
            .cap-card:hover{ border-color:var(--green-dim); transform:translateY(-4px); }
            .cap-card .icon{
                width:46px; height:46px; border-radius:12px; border:1px solid var(--green-dim);
                background:rgba(57,255,106,0.06); display:flex; align-items:center; justify-content:center;
                color:var(--green); font-size:18px; margin-bottom:18px;
            }
            .cap-card h3{ font-size:17px; font-weight:700; margin:0 0 8px; }
            .cap-card p.desc{ font-size:13.5px; color:var(--text-muted); margin:0 0 14px; line-height:1.6; }
            .cap-card ul{ list-style:none; margin:0; padding:0; }
            .cap-card li{ font-size:12.5px; color:#c9d3cf; padding:5px 0; border-top:1px solid #131b18; display:flex; align-items:baseline; gap:8px; }
            .cap-card li:first-child{ border-top:none; }
            .cap-card li::before{ content:"›"; color:var(--green); font-weight:700; }
            @media (max-width:1000px){ .cap-grid{ grid-template-columns:repeat(2, 1fr); } }
            @media (max-width:640px){ .cap-grid{ grid-template-columns:1fr; } }

            .more-caps{ margin-top:30px; display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
            .more-caps .tag-pill{
                background:var(--card-bg); border:1px solid var(--card-border); color:#d9dedb;
                padding:9px 16px; border-radius:8px; font-size:13px; font-weight:600;
                transition:border-color .2s ease, color .2s ease;
            }
            .more-caps .tag-pill:hover{ border-color:var(--green-dim); color:var(--green); }

            /* ================= DASHBOARD PREVIEW ================= */
            .dash-frame{
                border-radius:16px;
                border:1px solid var(--card-border);
                background:#0a0f0d;
                overflow:hidden;
                box-shadow:0 30px 70px rgba(0,0,0,0.5);
            }
            .dash-frame .bar{
                display:flex; align-items:center; gap:8px;
                padding:14px 18px; border-bottom:1px solid var(--card-border);
                background:#0c1210;
            }
            .dash-frame .bar span{ width:10px; height:10px; border-radius:50%; }
            .dash-frame .bar span:nth-child(1){ background:#ff5f57; }
            .dash-frame .bar span:nth-child(2){ background:#febc2e; }
            .dash-frame .bar span:nth-child(3){ background:#28c840; }
            .dash-frame .bar .url{
                margin-left:14px; font-family:'Courier New', monospace; font-size:11.5px; color:var(--text-muted);
            }
            .dash-frame img{ display:block; width:100%; }

            /* ================= DIFFERENTIATORS ================= */
            .diff-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }
            .diff-card{ border-radius:18px; padding:32px; border:1px solid var(--card-border); }
            .diff-card.old{ background:#0b0d0c; opacity:0.85; }
            .diff-card.new{ background:linear-gradient(180deg, rgba(57,255,106,0.08), var(--card-bg)); border-color:var(--green-dim); }
            .diff-card h3{ font-size:18px; font-weight:700; margin:0 0 18px; display:flex; align-items:center; gap:10px; }
            .diff-card ul{ list-style:none; margin:0; padding:0; }
            .diff-card li{ font-size:14px; padding:9px 0; border-top:1px solid #161f1c; display:flex; align-items:flex-start; gap:10px; }
            .diff-card li:first-child{ border-top:none; }
            .diff-card.old li{ color:#94a09b; }
            .diff-card.old li i{ color:#7a4b4b; margin-top:3px; }
            .diff-card.new li{ color:#e4ebe7; }
            .diff-card.new li i{ color:var(--green); margin-top:3px; }
            @media (max-width:800px){ .diff-wrap{ grid-template-columns:1fr; } }

            /* ================= BUILT BY ================= */
            .team-chips{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
            .team-chip{
                display:flex; align-items:center; gap:8px;
                background:var(--card-bg); border:1px solid var(--card-border);
                padding:10px 18px; border-radius:999px; font-size:13px; color:#d9dedb;
            }
            .team-chip i{ color:var(--cyan); }

            /* ================= PRICING ================= */
            .plans-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin-bottom:26px; }
            .plan-card{
                background:var(--card-bg); border:1px solid var(--card-border); border-radius:16px; padding:30px;
                display:flex; flex-direction:column;
            }
            .plan-card.featured{ border-color:var(--green-dim); background:linear-gradient(180deg, rgba(57,255,106,0.06), var(--card-bg)); }
            .plan-card .p-name{ font-size:12px; text-transform:uppercase; letter-spacing:1px; color:var(--cyan); font-family:'Courier New', monospace; margin-bottom:10px; }
            .plan-card .p-price{ font-size:30px; font-weight:800; margin-bottom:4px; }
            .plan-card .p-price span{ font-size:13px; color:var(--text-muted); font-weight:500; }
            .plan-card .p-users{ font-size:12.5px; color:var(--text-muted); margin-bottom:18px; }
            .plan-card ul{ list-style:none; padding:0; margin:0 0 24px; flex:1; }
            .plan-card li{ font-size:13px; color:#c9d3cf; padding:6px 0; display:flex; align-items:baseline; gap:8px; }
            .plan-card li::before{ content:"✓"; color:var(--green); font-weight:700; }
            .hw-strip{ display:grid; grid-template-columns:repeat(4, 1fr); gap:16px; }
            .hw-card{
                background:var(--card-bg); border:1px solid var(--card-border); border-radius:12px;
                padding:20px; text-align:center;
            }
            .hw-card .h-name{ font-size:14px; font-weight:700; margin-bottom:6px; }
            .hw-card .h-price{ font-size:18px; font-weight:800; color:var(--green); margin-bottom:6px; }
            .hw-card .h-note{ font-size:11.5px; color:var(--text-muted); }
            @media (max-width:1000px){ .plans-grid{ grid-template-columns:1fr; } .hw-strip{ grid-template-columns:1fr 1fr; } }

            /* ================= COMING SOON RIBBON (HERO) ================= */
            .soon-ribbon{
                display:inline-flex; align-items:center; gap:10px;
                background:linear-gradient(90deg, rgba(255,190,60,0.12), rgba(255,190,60,0.02));
                border:1px solid #5a4413; color:#ffc94d;
                padding:8px 18px; border-radius:999px;
                font-family:'Courier New', monospace; font-size:12px; letter-spacing:1px;
                text-transform:uppercase; margin-bottom:22px;
            }
            .soon-ribbon .blink{
                width:7px; height:7px; border-radius:50%; background:#ffc94d;
                box-shadow:0 0 8px #ffc94d;
                animation:soon-blink 1.1s ease-in-out infinite;
            }
            @keyframes soon-blink{ 0%,100%{ opacity:1; } 50%{ opacity:0.25; } }

            /* ================= HYPE / DEVELOPMENT STATUS SECTION ================= */
            .hype-section{
                position:relative;
                overflow:hidden;
                border-top:1px solid #10201a;
                border-bottom:1px solid #10201a;
                background:
                    radial-gradient(ellipse 700px 400px at 50% 0%, rgba(255,190,60,0.07), transparent 65%),
                    #050706;
            }
            .hype-section::before{
                content:"";
                position:absolute; inset:0;
                background-image:
                    repeating-linear-gradient(0deg, rgba(57,255,106,0.035) 0px, rgba(57,255,106,0.035) 1px, transparent 1px, transparent 3px);
                pointer-events:none;
                opacity:0.5;
            }
            .hype-section .wrap{ position:relative; z-index:1; }

            .hype-badge{
                display:inline-flex; align-items:center; gap:8px;
                border:1px solid #5a4413; color:#ffc94d;
                padding:6px 16px; border-radius:999px; font-size:12px; font-weight:700;
                text-transform:uppercase; letter-spacing:1px;
            }
            .hype-badge .dot{ width:6px; height:6px; border-radius:50%; background:#ffc94d; box-shadow:0 0 6px #ffc94d; animation:soon-blink 1.1s ease-in-out infinite; }

            /* Terminal build log */
            .build-terminal{
                border-radius:16px; border:1px solid var(--card-border); background:#080b0a;
                overflow:hidden; box-shadow:0 30px 70px rgba(0,0,0,0.5); margin-top:20px;
            }
            .build-terminal .bar{
                display:flex; align-items:center; gap:8px; padding:14px 18px;
                border-bottom:1px solid var(--card-border); background:#0c1210;
            }
            .build-terminal .bar span{ width:10px; height:10px; border-radius:50%; }
            .build-terminal .bar span:nth-child(1){ background:#ff5f57; }
            .build-terminal .bar span:nth-child(2){ background:#febc2e; }
            .build-terminal .bar span:nth-child(3){ background:#28c840; }
            .build-terminal .bar .title{ margin-left:14px; font-family:'Courier New', monospace; font-size:11.5px; color:var(--text-muted); }
            .build-terminal .body{ padding:26px 30px; font-family:'Courier New', monospace; font-size:13.5px; line-height:2; }
            .build-terminal .ln{ color:#6f7d78; }
            .build-terminal .ln .path{ color:var(--cyan); }
            .build-terminal .ok{ color:var(--green); font-weight:700; }
            .build-terminal .prog{ color:#ffc94d; font-weight:700; }
            .build-terminal .pending{ color:#586059; }
            .build-terminal .cursor{
                display:inline-block; width:8px; height:15px; background:var(--green);
                margin-left:4px; vertical-align:middle;
                animation:cursor-blink 1s step-end infinite;
            }
            @keyframes cursor-blink{ 0%,50%{ opacity:1; } 51%,100%{ opacity:0; } }

            /* Progress bar */
            .build-progress-wrap{ margin-top:34px; }
            .build-progress-head{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:10px; }
            .build-progress-head .label{ font-family:'Courier New', monospace; font-size:12px; letter-spacing:1px; color:var(--text-muted); text-transform:uppercase; }
            .build-progress-head .pct{ font-family:'Courier New', monospace; font-size:20px; font-weight:800; color:var(--green); }
            .build-progress-track{
                position:relative; height:10px; border-radius:999px; background:#111815; border:1px solid var(--card-border); overflow:hidden;
            }
            .build-progress-fill{
                position:relative; height:100%; width:82%; border-radius:999px;
                background:linear-gradient(90deg, var(--green-dim), var(--green));
            }
            .build-progress-fill::after{
                content:""; position:absolute; inset:0;
                background:linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
                width:40px; animation:shimmer 2.2s linear infinite;
            }
            @keyframes shimmer{ 0%{ transform:translateX(-60px); } 100%{ transform:translateX(320px); } }

            /* Milestone tracker */
            .milestones{
                display:grid; grid-template-columns:repeat(5, 1fr); gap:10px; margin-top:50px; position:relative;
            }
            .milestone{ position:relative; text-align:center; padding-top:6px; }
            .milestone .m-dot{
                width:18px; height:18px; border-radius:50%; margin:0 auto 14px;
                background:var(--bg); border:2px solid var(--green-dim); position:relative; z-index:2;
                display:flex; align-items:center; justify-content:center;
            }
            .milestone.done .m-dot{ background:var(--green); border-color:var(--green); }
            .milestone.done .m-dot::after{ content:"✓"; font-size:10px; color:#04150a; font-weight:800; }
            .milestone.current .m-dot{ border-color:#ffc94d; box-shadow:0 0 0 5px rgba(255,201,77,0.15); animation:current-pulse 1.6s ease-in-out infinite; }
            @keyframes current-pulse{ 0%,100%{ box-shadow:0 0 0 5px rgba(255,201,77,0.15); } 50%{ box-shadow:0 0 0 9px rgba(255,201,77,0.05); } }
            .milestone:not(:last-child)::before{
                content:""; position:absolute; top:15px; left:55%; right:-45%; height:2px;
                background:var(--card-border); z-index:1;
            }
            .milestone.done:not(:last-child)::before{ background:var(--green-dim); }
            .milestone .m-title{ font-size:13px; font-weight:700; margin-bottom:4px; }
            .milestone.current .m-title{ color:#ffc94d; }
            .milestone .m-status{ font-size:11px; color:var(--text-muted); font-family:'Courier New', monospace; text-transform:uppercase; }
            @media (max-width:900px){
                .milestones{ grid-template-columns:repeat(3, 1fr); row-gap:34px; }
                .milestone:nth-child(3)::before{ display:none; }
            }
            @media (max-width:560px){ .milestones{ grid-template-columns:repeat(2, 1fr); } }

            /* Early access capture */
            .early-access{
                margin-top:56px; display:flex; align-items:center; justify-content:space-between;
                gap:26px; flex-wrap:wrap; background:var(--card-bg); border:1px solid var(--card-border);
                border-radius:16px; padding:30px 34px;
            }
            .early-access .ea-text{ flex:1 1 320px; }
            .early-access .ea-text h3{ font-size:19px; font-weight:700; margin:0 0 6px; }
            .early-access .ea-text p{ font-size:13.5px; color:var(--text-muted); margin:0; }
            .early-access .ea-form{ display:flex; gap:10px; flex:1 1 360px; flex-wrap:wrap; }
            .early-access input[type="email"]{
                flex:1 1 200px; background:#0a0f0d; border:1px solid var(--card-border); color:#fff;
                padding:14px 16px; border-radius:8px; font-size:13.5px; font-family:'Segoe UI', Arial, sans-serif;
                outline:none;
            }
            .early-access input[type="email"]::placeholder{ color:#5f6b66; }
            .early-access input[type="email"]:focus{ border-color:var(--green-dim); }
            @media (max-width:640px){ .early-access{ padding:26px 22px; } }

            /* ================= CTA ================= */
            .prod-cta{
                max-width:1300px; margin:0 auto; padding:80px 40px; text-align:center; border-radius:24px;
                background:radial-gradient(ellipse at top, rgba(57,255,106,0.10), transparent 60%), #0a0f0d;
                border:1px solid #16231d;
            }
            .prod-cta h2{ font-size:46px; margin:24px 0 16px; }
            .prod-cta p.sub{ max-width:560px; margin:0 auto 36px; }
            .prod-cta .cta-buttons{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-bottom:28px; }
            .prod-cta .cta-note{ display:inline-flex; align-items:center; gap:8px; font-size:13px; color:var(--cyan); }
            .prod-cta .cta-note .dot{ width:6px; height:6px; border-radius:50%; background:#ff5050; }
            @media (max-width:640px){ .prod-cta h2{ font-size:32px; } .prod-cta .cta-buttons{ flex-direction:column; } }

/* ==================== martinet.php ==================== */
            :root{
                --bg: #06090a;
                --green: #39ff6a;
                --green-dim: #1fae4b;
                --cyan: #22d3d3;
                --text-muted: #9aa5a3;
                --card-bg: #0e1412;
                --card-border: #1e2b26;
            }
            .prod-page *{ box-sizing:border-box; }
            .prod-page{
                background:var(--bg);
                font-family:'Segoe UI', Arial, sans-serif;
                color:#fff;
            }
            .prod-page .mono{ font-family:'Courier New', monospace; letter-spacing:1px; }
            .prod-page section{ padding:90px 0; }
            .prod-page .wrap{ max-width:1300px; margin:0 auto; padding:0 40px; }
            .prod-page .head{ max-width:720px; margin:0 auto 60px; text-align:center; }
            .prod-page .head.left{ text-align:left; margin:0 0 40px; max-width:640px; }

            .prod-page .badge-pill{
                display:inline-flex;
                align-items:center;
                gap:8px;
                padding:6px 16px;
                border:1px solid var(--green-dim);
                border-radius:999px;
                color:var(--green);
                font-size:12px;
                font-weight:700;
                text-transform:uppercase;
                letter-spacing:1px;
            }
            .prod-page .badge-pill .dot{
                width:6px; height:6px; border-radius:50%;
                background:var(--green);
                box-shadow:0 0 6px var(--green);
            }
            .prod-page .badge-pill.cyan{ border-color:#0f5a5a; color:var(--cyan); }
            .prod-page .badge-pill.cyan .dot{ background:var(--cyan); box-shadow:0 0 6px var(--cyan); }

            .prod-page h2{ font-size:42px; font-weight:800; margin:20px 0 16px; line-height:1.2; }
            .prod-page p.sub{ color:var(--text-muted); font-size:16px; line-height:1.6; margin:0; }

            .prod-page .btn{
                padding:16px 28px; border-radius:8px; font-size:14px; font-weight:700;
                letter-spacing:1px; text-transform:uppercase; cursor:pointer;
                border:1px solid transparent; display:inline-flex; align-items:center; gap:8px;
                text-decoration:none;
            }
            .prod-page .btn-primary{ background:var(--green); color:#04150a; }
            .prod-page .btn-primary:hover{ filter:brightness(1.08); color:#04150a; }
            .prod-page .btn-outline{ background:transparent; color:#fff; border-color:#2a3530; }
            .prod-page .btn-outline:hover{ border-color:#4a5a52; color:#fff; }
            .prod-page .btn-sm{ padding:11px 20px; font-size:12px; }

            /* ================= HERO ================= */
            .prod-hero{
                position:relative;
                overflow:hidden;
                padding:80px 0 70px;
                border-bottom:1px solid #10201a;
                background:
                    radial-gradient(ellipse 900px 500px at 15% 0%, rgba(57,255,106,0.14), transparent 60%),
                    radial-gradient(ellipse 700px 500px at 100% 30%, rgba(34,211,211,0.10), transparent 60%);
            }
            .prod-hero::before{
                content:"";
                position:absolute; inset:0;
                background-image:
                    linear-gradient(rgba(57,255,106,0.05) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(57,255,106,0.05) 1px, transparent 1px);
                background-size:44px 44px;
                mask-image:radial-gradient(ellipse 800px 500px at 20% 10%, black, transparent 70%);
                pointer-events:none;
            }
            .prod-hero .wrap{ display:flex; align-items:center; gap:50px; flex-wrap:wrap; position:relative; z-index:1; }
            .prod-hero .hero-left{ flex:1 1 560px; }
            .prod-hero .hero-right{ flex:0 1 460px; text-align:center; position:relative; }
            .prod-hero .hero-right .glow{
                position:absolute; inset:10%;
                background:radial-gradient(circle, rgba(57,255,106,0.20), transparent 70%);
                filter:blur(10px);
                z-index:0;
            }
            .prod-hero .hero-right img{ max-width:100%; position:relative; z-index:1; filter:drop-shadow(0 30px 50px rgba(0,0,0,0.6)); }
            .prod-hero .crumb{ color:var(--text-muted); font-size:13px; margin-bottom:18px; }
            .prod-hero .crumb a{ color:var(--text-muted); text-decoration:none; }
            .prod-hero .crumb a:hover{ color:var(--green); }
            .prod-hero .meaning{
                display:inline-flex; align-items:center; gap:8px;
                font-family:'Courier New', monospace; font-size:12.5px; color:var(--cyan);
                margin-bottom:16px;
            }
            .prod-hero h1{ font-size:58px; font-weight:800; line-height:1.12; margin:6px 0 20px; }
            .prod-hero h1 span{ color:var(--green); }
            .prod-hero p.lead{ color:var(--text-muted); font-size:17px; line-height:1.75; max-width:560px; margin:0 0 32px; }
            .prod-hero .hero-buttons{ display:flex; gap:16px; flex-wrap:wrap; margin-bottom:40px; }
            .prod-hero .deploy-pills{ display:flex; gap:12px; flex-wrap:wrap; margin-bottom:40px; }
            .prod-hero .deploy-pill{
                display:flex; align-items:center; gap:8px;
                border:1px solid var(--card-border); background:var(--card-bg);
                padding:9px 16px; border-radius:8px; font-size:13px; color:#d9dedb;
            }
            .prod-hero .deploy-pill i{ color:var(--green); }
            .prod-hero .hero-stats{ display:flex; gap:38px; flex-wrap:wrap; }
            .prod-hero .hstat h3{ font-size:26px; font-weight:800; color:var(--green); margin:0; }
            .prod-hero .hstat span{ font-size:12.5px; color:var(--text-muted); text-transform:uppercase; letter-spacing:0.5px; }
            @media (max-width:640px){ .prod-hero h1{ font-size:36px; } }

            /* ================= COMING SOON RIBBON (HERO) ================= */
            .soon-ribbon{
                display:inline-flex; align-items:center; gap:10px;
                background:linear-gradient(90deg, rgba(255,190,60,0.12), rgba(255,190,60,0.02));
                border:1px solid #5a4413; color:#ffc94d;
                padding:8px 18px; border-radius:999px;
                font-family:'Courier New', monospace; font-size:12px; letter-spacing:1px;
                text-transform:uppercase; margin-bottom:22px;
            }
            .soon-ribbon .blink{
                width:7px; height:7px; border-radius:50%; background:#ffc94d;
                box-shadow:0 0 8px #ffc94d;
                animation:soon-blink 1.1s ease-in-out infinite;
            }
            @keyframes soon-blink{ 0%,100%{ opacity:1; } 50%{ opacity:0.25; } }

            /* ================= WHAT IS / SPLIT CARDS ================= */
            .what-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:10px; }
            .what-card{ background:var(--card-bg); border:1px solid var(--card-border); border-radius:16px; padding:32px; }
            .what-card .tag{
                display:inline-block; font-family:'Courier New', monospace; font-size:12px; letter-spacing:1px;
                color:var(--cyan); border:1px solid #143333; padding:4px 10px; border-radius:6px; margin-bottom:16px;
            }
            .what-card h3{ font-size:21px; font-weight:700; margin:0 0 12px; }
            .what-card p{ color:var(--text-muted); font-size:14.5px; line-height:1.7; margin:0; }
            @media (max-width:800px){ .what-grid{ grid-template-columns:1fr; } }

            /* ================= WHO IT'S FOR ================= */
            .who-grid{ display:grid; grid-template-columns:repeat(4, 1fr); gap:18px; }
            .who-card{
                background:var(--card-bg); border:1px solid var(--card-border); border-radius:14px;
                padding:24px; transition:border-color .2s ease, transform .2s ease;
            }
            .who-card:hover{ border-color:var(--green-dim); transform:translateY(-3px); }
            .who-card .icon{
                width:40px; height:40px; border-radius:10px; border:1px solid var(--green-dim);
                background:rgba(57,255,106,0.06); display:flex; align-items:center; justify-content:center;
                color:var(--green); font-size:16px; margin-bottom:14px;
            }
            .who-card h3{ font-size:15px; font-weight:700; margin:0 0 6px; }
            .who-card p{ font-size:12.5px; color:var(--text-muted); line-height:1.5; margin:0; }
            @media (max-width:900px){ .who-grid{ grid-template-columns:repeat(2, 1fr); } }
            @media (max-width:560px){ .who-grid{ grid-template-columns:1fr; } }

            /* ================= HOW IT WORKS / FLOW ================= */
            .flow-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:26px; position:relative; }
            .flow-card{
                background:linear-gradient(180deg, #0f1613, var(--card-bg));
                border:1px solid var(--card-border); border-radius:18px; padding:34px; position:relative;
            }
            .flow-card .f-num{
                width:38px; height:38px; border-radius:50%; border:1px solid var(--green-dim);
                display:flex; align-items:center; justify-content:center; color:var(--green);
                font-family:'Courier New', monospace; font-weight:700; margin-bottom:20px;
            }
            .flow-card h3{ font-size:19px; font-weight:700; margin:0 0 12px; }
            .flow-card p{ color:var(--text-muted); font-size:13.5px; line-height:1.7; margin:0; }
            .flow-card:not(:last-child)::after{
                content:"›";
                position:absolute; top:50%; right:-24px; transform:translateY(-50%);
                color:var(--green-dim); font-size:22px; font-weight:700;
            }
            @media (max-width:900px){ .flow-grid{ grid-template-columns:1fr; } .flow-card:not(:last-child)::after{ display:none; } }

            /* ================= CAPABILITIES GRID ================= */
            .cap-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:22px; }
            .cap-card{
                background:var(--card-bg); border:1px solid var(--card-border); border-radius:16px; padding:28px;
                transition:border-color .2s ease, transform .2s ease;
            }
            .cap-card:hover{ border-color:var(--green-dim); transform:translateY(-4px); }
            .cap-card .icon{
                width:46px; height:46px; border-radius:12px; border:1px solid var(--green-dim);
                background:rgba(57,255,106,0.06); display:flex; align-items:center; justify-content:center;
                color:var(--green); font-size:18px; margin-bottom:18px;
            }
            .cap-card h3{ font-size:17px; font-weight:700; margin:0 0 8px; }
            .cap-card p.desc{ font-size:13.5px; color:var(--text-muted); margin:0 0 14px; line-height:1.6; }
            .cap-card ul{ list-style:none; margin:0; padding:0; }
            .cap-card li{ font-size:12.5px; color:#c9d3cf; padding:5px 0; border-top:1px solid #131b18; display:flex; align-items:baseline; gap:8px; }
            .cap-card li:first-child{ border-top:none; }
            .cap-card li::before{ content:"›"; color:var(--green); font-weight:700; }
            @media (max-width:1000px){ .cap-grid{ grid-template-columns:repeat(2, 1fr); } }
            @media (max-width:640px){ .cap-grid{ grid-template-columns:1fr; } }

            .more-caps{ margin-top:30px; display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
            .more-caps .tag-pill{
                background:var(--card-bg); border:1px solid var(--card-border); color:#d9dedb;
                padding:9px 16px; border-radius:8px; font-size:13px; font-weight:600;
                transition:border-color .2s ease, color .2s ease;
            }
            .more-caps .tag-pill:hover{ border-color:var(--green-dim); color:var(--green); }

            /* ================= LIVE RESPONSE FEED ================= */
            .response-feed{
                border-radius:16px; border:1px solid var(--card-border); background:#080b0a;
                overflow:hidden; box-shadow:0 30px 70px rgba(0,0,0,0.5);
            }
            .response-feed .bar{
                display:flex; align-items:center; gap:8px; padding:14px 18px;
                border-bottom:1px solid var(--card-border); background:#0c1210;
            }
            .response-feed .bar span{ width:10px; height:10px; border-radius:50%; }
            .response-feed .bar span:nth-child(1){ background:#ff5f57; }
            .response-feed .bar span:nth-child(2){ background:#febc2e; }
            .response-feed .bar span:nth-child(3){ background:#28c840; }
            .response-feed .bar .title{ margin-left:14px; font-family:'Courier New', monospace; font-size:11.5px; color:var(--text-muted); display:flex; align-items:center; gap:8px; }
            .response-feed .bar .live-dot{ width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 6px var(--green); animation:soon-blink 1.1s ease-in-out infinite; }
            .feed-item{ display:flex; align-items:center; gap:16px; padding:16px 26px; border-top:1px solid #111815; }
            .feed-item:first-child{ border-top:none; }
            .feed-item .f-icon{
                width:36px; height:36px; border-radius:8px; background:rgba(57,255,106,0.08);
                border:1px solid var(--green-dim); display:flex; align-items:center; justify-content:center;
                color:var(--green); font-size:14px; flex-shrink:0;
            }
            .feed-item .f-text{ flex:1; }
            .feed-item .f-text .f-title{ font-size:13.5px; color:#e4ebe7; font-weight:600; }
            .feed-item .f-text .f-sub{ font-size:11.5px; color:var(--text-muted); font-family:'Courier New', monospace; margin-top:3px; }
            .feed-item .f-tag{
                font-family:'Courier New', monospace; font-size:11px; background:rgba(57,255,106,0.08);
                color:var(--green); border:1px solid var(--green-dim); padding:4px 10px; border-radius:6px;
                white-space:nowrap;
            }

            /* ================= DASHBOARD PREVIEW ================= */
            .dash-frame{
                border-radius:16px;
                border:1px solid var(--card-border);
                background:#0a0f0d;
                overflow:hidden;
                box-shadow:0 30px 70px rgba(0,0,0,0.5);
            }
            .dash-frame .bar{
                display:flex; align-items:center; gap:8px;
                padding:14px 18px; border-bottom:1px solid var(--card-border);
                background:#0c1210;
            }
            .dash-frame .bar span{ width:10px; height:10px; border-radius:50%; }
            .dash-frame .bar span:nth-child(1){ background:#ff5f57; }
            .dash-frame .bar span:nth-child(2){ background:#febc2e; }
            .dash-frame .bar span:nth-child(3){ background:#28c840; }
            .dash-frame .bar .url{
                margin-left:14px; font-family:'Courier New', monospace; font-size:11.5px; color:var(--text-muted);
            }
            .dash-frame img{ display:block; width:100%; }

            /* ================= DIFFERENTIATORS ================= */
            .diff-wrap{ display:grid; grid-template-columns:1fr 1fr; gap:26px; }
            .diff-card{ border-radius:18px; padding:32px; border:1px solid var(--card-border); }
            .diff-card.old{ background:#0b0d0c; opacity:0.85; }
            .diff-card.new{ background:linear-gradient(180deg, rgba(57,255,106,0.08), var(--card-bg)); border-color:var(--green-dim); }
            .diff-card h3{ font-size:18px; font-weight:700; margin:0 0 18px; display:flex; align-items:center; gap:10px; }
            .diff-card ul{ list-style:none; margin:0; padding:0; }
            .diff-card li{ font-size:14px; padding:9px 0; border-top:1px solid #161f1c; display:flex; align-items:flex-start; gap:10px; }
            .diff-card li:first-child{ border-top:none; }
            .diff-card.old li{ color:#94a09b; }
            .diff-card.old li i{ color:#7a4b4b; margin-top:3px; }
            .diff-card.new li{ color:#e4ebe7; }
            .diff-card.new li i{ color:var(--green); margin-top:3px; }
            @media (max-width:800px){ .diff-wrap{ grid-template-columns:1fr; } }

            /* ================= BUILT BY ================= */
            .team-chips{ display:flex; flex-wrap:wrap; gap:12px; justify-content:center; }
            .team-chip{
                display:flex; align-items:center; gap:8px;
                background:var(--card-bg); border:1px solid var(--card-border);
                padding:10px 18px; border-radius:999px; font-size:13px; color:#d9dedb;
            }
            .team-chip i{ color:var(--cyan); }

            /* ================= PRICING ================= */
            .plans-grid{ display:grid; grid-template-columns:repeat(3, 1fr); gap:20px; margin-bottom:26px; }
            .plan-card{
                background:var(--card-bg); border:1px solid var(--card-border); border-radius:16px; padding:30px;
                display:flex; flex-direction:column;
            }
            .plan-card.featured{ border-color:var(--green-dim); background:linear-gradient(180deg, rgba(57,255,106,0.06), var(--card-bg)); }
            .plan-card .p-name{ font-size:12px; text-transform:uppercase; letter-spacing:1px; color:var(--cyan); font-family:'Courier New', monospace; margin-bottom:10px; }
            .plan-card .p-price{ font-size:30px; font-weight:800; margin-bottom:4px; }
            .plan-card .p-price span{ font-size:13px; color:var(--text-muted); font-weight:500; }
            .plan-card .p-users{ font-size:12.5px; color:var(--text-muted); margin-bottom:18px; }
            .plan-card ul{ list-style:none; padding:0; margin:0 0 24px; flex:1; }
            .plan-card li{ font-size:13px; color:#c9d3cf; padding:6px 0; display:flex; align-items:baseline; gap:8px; }
            .plan-card li::before{ content:"✓"; color:var(--green); font-weight:700; }
            .plan-note{ text-align:center; font-size:12.5px; color:var(--text-muted); margin-top:6px; }

            /* ================= PRICING TEASER (no numbers) ================= */
            .price-teaser{
                max-width:820px; margin:0 auto; text-align:center;
                background:var(--card-bg); border:1px dashed var(--card-border);
                border-radius:18px; padding:44px 40px;
            }
            .price-teaser .lock-icon{
                width:52px; height:52px; border-radius:50%; margin:0 auto 18px;
                background:rgba(255,201,77,0.08); border:1px solid #5a4413;
                display:flex; align-items:center; justify-content:center; color:#ffc94d; font-size:20px;
            }
            .price-teaser h3{ font-size:22px; font-weight:700; margin:0 0 10px; }
            .price-teaser p{ font-size:14px; color:var(--text-muted); line-height:1.7; max-width:520px; margin:0 auto 24px; }

            /* ================= HYPE / DEVELOPMENT STATUS SECTION ================= */
            .hype-section{
                position:relative;
                overflow:hidden;
                border-top:1px solid #10201a;
                border-bottom:1px solid #10201a;
                background:
                    radial-gradient(ellipse 700px 400px at 50% 0%, rgba(255,190,60,0.07), transparent 65%),
                    #050706;
            }
            .hype-section::before{
                content:"";
                position:absolute; inset:0;
                background-image:
                    repeating-linear-gradient(0deg, rgba(57,255,106,0.035) 0px, rgba(57,255,106,0.035) 1px, transparent 1px, transparent 3px);
                pointer-events:none;
                opacity:0.5;
            }
            .hype-section .wrap{ position:relative; z-index:1; }

            .hype-badge{
                display:inline-flex; align-items:center; gap:8px;
                border:1px solid #5a4413; color:#ffc94d;
                padding:6px 16px; border-radius:999px; font-size:12px; font-weight:700;
                text-transform:uppercase; letter-spacing:1px;
            }
            .hype-badge .dot{ width:6px; height:6px; border-radius:50%; background:#ffc94d; box-shadow:0 0 6px #ffc94d; animation:soon-blink 1.1s ease-in-out infinite; }

            /* Terminal build log */
            .build-terminal{
                border-radius:16px; border:1px solid var(--card-border); background:#080b0a;
                overflow:hidden; box-shadow:0 30px 70px rgba(0,0,0,0.5); margin-top:20px;
            }
            .build-terminal .bar{
                display:flex; align-items:center; gap:8px; padding:14px 18px;
                border-bottom:1px solid var(--card-border); background:#0c1210;
            }
            .build-terminal .bar span{ width:10px; height:10px; border-radius:50%; }
            .build-terminal .bar span:nth-child(1){ background:#ff5f57; }
            .build-terminal .bar span:nth-child(2){ background:#febc2e; }
            .build-terminal .bar span:nth-child(3){ background:#28c840; }
            .build-terminal .bar .title{ margin-left:14px; font-family:'Courier New', monospace; font-size:11.5px; color:var(--text-muted); }
            .build-terminal .body{ padding:26px 30px; font-family:'Courier New', monospace; font-size:13.5px; line-height:2; }
            .build-terminal .ln{ color:#6f7d78; }
            .build-terminal .ln .path{ color:var(--cyan); }
            .build-terminal .ok{ color:var(--green); font-weight:700; }
            .build-terminal .prog{ color:#ffc94d; font-weight:700; }
            .build-terminal .pending{ color:#586059; }
            .build-terminal .cursor{
                display:inline-block; width:8px; height:15px; background:var(--green);
                margin-left:4px; vertical-align:middle;
                animation:cursor-blink 1s step-end infinite;
            }
            @keyframes cursor-blink{ 0%,50%{ opacity:1; } 51%,100%{ opacity:0; } }

            /* Progress bar */
            .build-progress-wrap{ margin-top:34px; }
            .build-progress-head{ display:flex; justify-content:space-between; align-items:baseline; margin-bottom:10px; }
            .build-progress-head .label{ font-family:'Courier New', monospace; font-size:12px; letter-spacing:1px; color:var(--text-muted); text-transform:uppercase; }
            .build-progress-head .pct{ font-family:'Courier New', monospace; font-size:20px; font-weight:800; color:var(--green); }
            .build-progress-track{
                position:relative; height:10px; border-radius:999px; background:#111815; border:1px solid var(--card-border); overflow:hidden;
            }
            .build-progress-fill{
                position:relative; height:100%; width:68%; border-radius:999px;
                background:linear-gradient(90deg, var(--green-dim), var(--green));
            }
            .build-progress-fill::after{
                content:""; position:absolute; inset:0;
                background:linear-gradient(90deg, transparent, rgba(255,255,255,0.5), transparent);
                width:40px; animation:shimmer 2.2s linear infinite;
            }
            @keyframes shimmer{ 0%{ transform:translateX(-60px); } 100%{ transform:translateX(320px); } }

            /* Milestone tracker */
            .milestones{
                display:grid; grid-template-columns:repeat(5, 1fr); gap:10px; margin-top:50px; position:relative;
            }
            .milestone{ position:relative; text-align:center; padding-top:6px; }
            .milestone .m-dot{
                width:18px; height:18px; border-radius:50%; margin:0 auto 14px;
                background:var(--bg); border:2px solid var(--green-dim); position:relative; z-index:2;
                display:flex; align-items:center; justify-content:center;
            }
            .milestone.done .m-dot{ background:var(--green); border-color:var(--green); }
            .milestone.done .m-dot::after{ content:"✓"; font-size:10px; color:#04150a; font-weight:800; }
            .milestone.current .m-dot{ border-color:#ffc94d; box-shadow:0 0 0 5px rgba(255,201,77,0.15); animation:current-pulse 1.6s ease-in-out infinite; }
            @keyframes current-pulse{ 0%,100%{ box-shadow:0 0 0 5px rgba(255,201,77,0.15); } 50%{ box-shadow:0 0 0 9px rgba(255,201,77,0.05); } }
            .milestone:not(:last-child)::before{
                content:""; position:absolute; top:15px; left:55%; right:-45%; height:2px;
                background:var(--card-border); z-index:1;
            }
            .milestone.done:not(:last-child)::before{ background:var(--green-dim); }
            .milestone .m-title{ font-size:13px; font-weight:700; margin-bottom:4px; }
            .milestone.current .m-title{ color:#ffc94d; }
            .milestone .m-status{ font-size:11px; color:var(--text-muted); font-family:'Courier New', monospace; text-transform:uppercase; }
            @media (max-width:900px){
                .milestones{ grid-template-columns:repeat(3, 1fr); row-gap:34px; }
                .milestone:nth-child(3)::before{ display:none; }
            }
            @media (max-width:560px){ .milestones{ grid-template-columns:repeat(2, 1fr); } }

            /* Early access capture */
            .early-access{
                margin-top:56px; display:flex; align-items:center; justify-content:space-between;
                gap:26px; flex-wrap:wrap; background:var(--card-bg); border:1px solid var(--card-border);
                border-radius:16px; padding:30px 34px;
            }
            .early-access .ea-text{ flex:1 1 320px; }
            .early-access .ea-text h3{ font-size:19px; font-weight:700; margin:0 0 6px; }
            .early-access .ea-text p{ font-size:13.5px; color:var(--text-muted); margin:0; }
            .early-access .ea-form{ display:flex; gap:10px; flex:1 1 360px; flex-wrap:wrap; }
            .early-access input[type="email"]{
                flex:1 1 200px; background:#0a0f0d; border:1px solid var(--card-border); color:#fff;
                padding:14px 16px; border-radius:8px; font-size:13.5px; font-family:'Segoe UI', Arial, sans-serif;
                outline:none;
            }
            .early-access input[type="email"]::placeholder{ color:#5f6b66; }
            .early-access input[type="email"]:focus{ border-color:var(--green-dim); }
            @media (max-width:640px){ .early-access{ padding:26px 22px; } }

            /* ================= CTA ================= */
            .prod-cta{
                max-width:1300px; margin:0 auto; padding:80px 40px; text-align:center; border-radius:24px;
                background:radial-gradient(ellipse at top, rgba(57,255,106,0.10), transparent 60%), #0a0f0d;
                border:1px solid #16231d;
            }
            .prod-cta h2{ font-size:46px; margin:24px 0 16px; }
            .prod-cta p.sub{ max-width:560px; margin:0 auto 36px; }
            .prod-cta .cta-buttons{ display:flex; gap:16px; justify-content:center; flex-wrap:wrap; margin-bottom:28px; }
            .prod-cta .cta-note{ display:inline-flex; align-items:center; gap:8px; font-size:13px; color:var(--cyan); }
            .prod-cta .cta-note .dot{ width:6px; height:6px; border-radius:50%; background:#ff5050; }
            @media (max-width:640px){ .prod-cta h2{ font-size:32px; } .prod-cta .cta-buttons{ flex-direction:column; } }