:root { --ink:#11231e; --muted:#61716b; --line:#dce4de; --cream:#f7f7f1; --mint:#dcf8d7; --lime:#c8f441; --orange:#ff7052; --white:#fff; }
    * { box-sizing:border-box; } body { margin:0; font-family:Manrope,Arial,sans-serif; background:var(--cream); color:var(--ink); }
    a { color:inherit; text-decoration:none; } .wrap { max-width:1180px; margin:auto; padding:0 26px; }
    nav { height:82px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); }
    .brand { font-weight:800; font-size:23px; letter-spacing:-1.2px; display:flex; align-items:center; gap:9px; }.brand-mark { width:27px;height:27px;background:var(--lime);border-radius:8px;display:grid;place-items:center;font-size:17px; }
    .links { display:flex; gap:28px; font-size:14px; font-weight:700; }.actions { display:flex; gap:10px; align-items:center; }
    button { font:700 14px Manrope; border:0; padding:12px 17px; border-radius:10px; cursor:pointer; }.plain { background:transparent; }.dark { background:var(--ink); color:white; }.lime { background:var(--lime); color:var(--ink); }
    .hero { padding:83px 0 62px; display:grid; grid-template-columns:1.08fr .92fr; gap:54px; align-items:center; }.eyebrow { font:500 12px 'DM Mono'; letter-spacing:.08em; text-transform:uppercase; color:#4b5d56; }
    h1 { font-size:clamp(43px,5vw,70px); letter-spacing:-4.2px; line-height:1.04; margin:18px 0 22px; max-width:680px; }.highlight { background:var(--lime); padding:0 7px; border-radius:4px; white-space:nowrap; }
    .hero p { color:var(--muted); font-size:17px; line-height:1.65; max-width:565px; }.hero-buttons { display:flex; gap:12px; margin-top:30px; }.note { font-size:12px!important; margin-top:20px; }
    .panel { background:var(--ink); color:white; border-radius:26px; padding:23px; box-shadow:14px 15px 0 var(--lime); transform:rotate(1.2deg); }.panel-head { display:flex; align-items:center; justify-content:space-between; font:500 11px 'DM Mono'; color:#b8c6bd; }.live { color:var(--lime); }.job { background:#1b332c; padding:18px; border-radius:15px; margin-top:16px; }.job:first-of-type { margin-top:20px; }.job-top { display:flex; gap:12px; align-items:center; }.avatar { width:39px;height:39px;border-radius:11px;background:var(--lime); color:#173027;display:grid;place-items:center;font-weight:800; }.job h3 { margin:0; font-size:14px; }.job small { color:#a4b6ad; font-size:11px; }.tags { display:flex; gap:7px; flex-wrap:wrap; margin-top:16px; }.tags span { font:500 10px 'DM Mono'; color:#d0ddd5; border:1px solid #466057; padding:5px 7px; border-radius:6px; }.pay { color:var(--lime); font-weight:800; margin-left:auto; font-size:13px; }
    .trust { padding:25px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; gap:30px; color:#66776e; font:500 12px 'DM Mono'; text-transform:uppercase; }.logos { display:flex; gap:32px; font:700 16px Manrope; color:#6f7d76; text-transform:none; }
    section { padding:92px 0; }.section-head { max-width:630px; }.section-head h2 { font-size:42px; letter-spacing:-2.5px; line-height:1.1; margin:12px 0; }.section-head p { color:var(--muted); line-height:1.6; }
    .steps { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:44px; }.step { background:white; border:1px solid var(--line); border-radius:18px; padding:26px; min-height:215px; }.num { font:500 12px 'DM Mono'; color:#557066; }.step-icon { font-size:28px; margin:22px 0 15px; }.step h3 { margin:0 0 8px; font-size:18px; letter-spacing:-.6px; }.step p { color:var(--muted); margin:0; font-size:14px; line-height:1.55; }
    .cta { padding:62px 0 84px; }.cta-box { background:var(--mint); border-radius:25px; padding:49px; display:flex; justify-content:space-between; align-items:center; gap:25px; }.cta h2 { font-size:39px; letter-spacing:-2.3px; line-height:1.12; margin:0; max-width:570px; }.cta p { color:#527067; margin:12px 0 0; }
    footer { border-top:1px solid var(--line); padding:25px 0; color:#687971; font-size:12px; display:flex; justify-content:space-between; }
    @media(max-width:760px) { .links {display:none}.hero{grid-template-columns:1fr;padding-top:50px}.panel{max-width:460px;margin:10px auto}.trust{display:block}.logos{margin-top:14px;gap:14px;flex-wrap:wrap}.steps{grid-template-columns:1fr}.cta-box{display:block;padding:34px}.cta .lime{margin-top:24px}h1{letter-spacing:-2.8px}.actions .plain{display:none} }

    /* AI-native dark mode: black surfaces + one neon green accent */
    :root { --ink:#060906; --panel:#0d120e; --panel-2:#131a14; --muted:#98aa9a; --line:#26352a; --cream:#060906; --mint:#122a17; --lime:#7cff48; --orange:#7cff48; --white:#f4fff1; }
    body { background:var(--ink); color:var(--white); }
    .brand-mark,.dark,.lime { background:var(--lime); color:var(--ink); }
    .plain { color:var(--white); }
    .eyebrow,.num { color:var(--lime); }
    .highlight { background:var(--lime); color:var(--ink); }
    .panel { background:var(--panel); border:1px solid #315d35; box-shadow:14px 15px 0 #173c20; }
    .job { background:var(--panel-2); border:1px solid #263d2a; }
    .avatar { color:#071008; }
    .step { background:var(--panel); }
    .cta-box { background:var(--mint); border:1px solid #315d35; }
    .cta p { color:#a8c5ac; }