/* ============================================================
   Ofaami Job GH — Enterprise Theme (design system)
   Source: D:\1 templates · PRD §5 tokens · single source of truth
   ============================================================ */
:root{
  --green:#08783f; --green2:#0b9b55; --deep:#063c27;
  --ink:#0b1730; --muted:#64748b;
  --line:#e7edf0; --soft:#f5fbf7; --yellow:#ffc928; --white:#fff;
  --shadow:0 20px 60px rgba(11,23,48,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff}
img{max-width:100%}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}

/* ---------- topbar ---------- */
.topbar{position:relative;height:40px;background:#061a22;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;gap:12px;padding:0 40px;text-align:center}
.topbar .new{background:#0a9d4c;padding:4px 10px;border-radius:7px;font-weight:700}
.topbar a{color:#b9ebcd;text-decoration:underline}
.topbar .close{position:absolute;right:22px;top:50%;transform:translateY(-50%);background:none;border:0;color:#fff;opacity:.8;cursor:pointer;font-size:15px}

/* ---------- nav ---------- */
.nav{height:82px;border-bottom:1px solid #eef1f2;display:flex;align-items:center;padding:0 46px;gap:30px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20}
.nav>.container{height:100%;display:flex;align-items:center;gap:27px}
.brand,.logo{display:flex;align-items:center;gap:11px;margin-right:auto}
.logo-mark,.logo{flex:none}
.logo-mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(145deg,#0aa45b,#056132);display:grid;place-items:center;color:#fff;box-shadow:0 8px 20px #08783f2b}
.logo img,.logo-mark img{width:78%;height:78%;object-fit:contain;display:block;overflow:hidden}
.brand strong{font-size:20px;letter-spacing:-.5px}
.brand small,.logo small{display:block;color:#687385;font-size:10px;margin-top:1px}
.navlinks{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}
.navlinks a{padding:31px 0;position:relative}
.navlinks a.active{color:var(--green)}
.navlinks a.active:after{content:"";height:3px;background:var(--green);position:absolute;bottom:0;left:-17px;right:-17px;border-radius:3px}
.navlinks .tag{background:#eaf8ef;color:#08783f;padding:4px 8px;border-radius:15px;font-size:10px}
.actions,.nav-actions{display:flex;align-items:center;gap:10px}
.lang,.login,.signup,.nav-btn{border:1px solid #dce3e7;background:white;border-radius:10px;padding:11px 15px;font-weight:600;cursor:pointer;font-size:13px}
.signup,.nav-btn.green{background:var(--green);color:white;border-color:var(--green);padding:12px 20px}
.mobile-menu{display:none;border:0;background:none;cursor:pointer;color:var(--ink)}

/* ---------- buttons ---------- */
.btnx,.primary,.secondary{display:inline-flex;align-items:center;gap:7px;padding:12px 18px;border-radius:10px;font-size:12px;font-weight:700;border:1px solid var(--green);cursor:pointer;transition:.2s}
.btnx,.primary{background:var(--green);color:#fff}
.btnwhite{background:#fff;color:var(--green)}
.btnyellow{background:var(--yellow);border-color:var(--yellow);color:#17301f}
.secondary{background:#fff;color:var(--ink);border-color:#dce5df}
.btnx:hover,.primary:hover{filter:brightness(1.07)}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;min-height:520px;padding:68px 6.2% 45px;background: linear-gradient(180deg, #dbdbdb 0%, #fbfefc 100%)}
.hero:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;right:4%;top:20px;background:radial-gradient(circle,#e9faef 0,#f5fbf7 45%,transparent 70%);z-index:0}
.hero-inner,.hero-grid{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.02fr .98fr;gap:30px;align-items:center;position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#334155;margin-bottom:25px}
.eyebrow span{width:23px;height:23px;border-radius:50%;background:#e9f8ee;display:grid;place-items:center;color:var(--green)}
.kicker{font-size:12px;color:var(--green);font-weight:800;letter-spacing:.8px}
h1{font-size:56px;line-height:1.13;letter-spacing:-2.8px;margin:0 0 18px;max-width:610px}
h1 em,h1 span.accent{font-style:normal;color:var(--green)}
.lead{font-size:16px;line-height:1.8;color:#59677a;max-width:600px;margin-bottom:27px}
.searchbox{display:flex;max-width:550px;border:1px solid #d9e1e5;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 30px #0b173010}
.location{display:flex;align-items:center;gap:8px;padding:0 16px;border-right:1px solid #e4e9ec;white-space:nowrap;font-size:14px;font-weight:600}
.searchbox input{border:0;outline:0;flex:1;min-width:0;padding:16px;font-size:14px}
.searchbtn{border:0;background:var(--green);color:white;font-weight:700;padding:0 22px;cursor:pointer}
.popular{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap;font-size:12px}
.chip{padding:8px 12px;background:#f3f5f6;border-radius:20px;color:#526174}
.chip:hover{background:#eaf8ef;color:var(--green)}
.hero-art{position:relative;height:430px}
.hero-shot{width:100%;height:100%;object-fit:cover;object-position:72% 37%;border-radius:30px}
.float-card{position:absolute;background:#fff;border:1px solid #e8edef;border-radius:12px;padding:15px 17px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;line-height:1.35}
.verified{left:0;top:120px}.secure{right:0;bottom:72px}.fast{right:-2px;top:135px}
.iconbox{flex:none;width:32px;height:32px;border-radius:9px;background:#ecfaf1;color:var(--green);display:grid;place-items:center}

/* ---------- stats band ---------- */
.stats{max-width:1320px;margin:-2px auto 28px;padding:20px 30px;background:#ffd900;border:1px solid #e2e9eb;border-radius:13px;box-shadow:0 8px 30px #0b173008;display:grid;grid-template-columns:repeat(5,1fr);position:relative;z-index:5}
.stat{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #e6ebed}
.stat:last-child{border:0}
.avatars{display:flex}
.avatar{width:34px;height:34px;border-radius:50%;border:2px solid white;margin-left:-8px;object-fit:cover;background:#ddd}
.avatar:first-child{margin-left:0}
.stat strong{display:block;font-size:15px}
.stat small{color:#657286;font-size:11px}

/* ---------- sections & cards ---------- */
.section{padding:76px 0}
.container,.wrap{width:min(1320px,calc(100% - 6.2%));margin:auto}
.offer{background:#eaeaea;padding:72px 6.2% 90px;text-align:center}
.offer h2,.section h2{font-size:34px;letter-spacing:-1.5px;margin:12px 0 12px;color:#0b1730}
.offer p,.section p.sub{color:#657286;margin:0 auto 35px;max-width:650px;line-height:1.7;font-size:14px}
.cards{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;text-align:left}
.card{background:#fff;border:1px solid #e4eaec;border-radius:13px;padding:25px 18px;transition:.25s;min-height:150px;display:block}
.card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0b173012}
.card .ci{width:47px;height:47px;border-radius:12px;display:grid;place-items:center;background:#edf9f1;color:var(--green);margin-bottom:18px}
.card:nth-child(5n+2) .ci{background:#fff7df;color:#d99900}
.card:nth-child(5n+3) .ci{background:#f5ecff;color:#8747c6}
.card:nth-child(5n+4) .ci{background:#edf4ff;color:#3272df}
.card:nth-child(5n) .ci{background:#fff0e9;color:#ed7840}
.card h3{font-size:14px;margin:0 0 7px}
.card p{font-size:11px;line-height:1.55;margin:0;color:#687487}

/* ---------- mission / story / color bands ---------- */
.missionx{display:grid;grid-template-columns:.72fr 1.28fr;gap:45px;align-items:start}
.storyx{background:#ffd968;border-radius:18px;padding:32px 38px}
.storyx h3{font-size:25px;margin:0 0 10px}
.orangex{background: linear-gradient(120deg, #000000, #5e5e5e);color:#fff;border-radius:18px;padding:30px 36px}
.orangex h2{color:#fff;margin:0;font-size:27px}
.peoplex{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}
.personx{display:flex;align-items:center;gap:7px;font-size:11px}
.personx img{width:43px;height:43px;border-radius:50%;object-fit:cover;border:2px solid #fff}
.appx{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.phonebox{height:370px;display:grid;place-items:center;position:relative}
.phonebox .phoneimg{width:190px;height:350px;border:8px solid #101814;border-radius:31px;object-fit:cover;box-shadow:0 25px 55px #082c1c2c}
.greenx{background:#064a2d;color:#fff;border-radius:18px;padding:36px}
.greenxgrid{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.greenx h2{color:#fff}
.greenx .kickerx{color:#9ee0b7}
.featurex{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.featurex div{display:flex;gap:9px;align-items:center;font-size:12px}
.featurex i,.featurex .fi{padding:8px;border:1px solid #8dd0a566;border-radius:8px;color:#a9e2bd;display:inline-flex}

/* ---------- steps / how it works ---------- */
.stepsx{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.stepx{display:flex;gap:12px;margin:20px 0}
.stepx .numx{flex:none;width:30px;height:30px;border:1px solid var(--green);color:var(--green);border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:11px}
.taskx{background:#f6faf7;border:1px solid #e5ebe7;border-radius:14px;padding:18px}
.taskxrow{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e8ede9;border-radius:11px;padding:12px;margin-bottom:10px}
.taskxrow:last-child{margin-bottom:0}
.taskxrow img{width:46px;height:46px;border-radius:9px;object-fit:cover}
.taskxrow b{display:block;font-size:13px}
.taskxrow small{color:#68756f;font-size:11px}
.taskxrow i{margin-left:auto;color:#9aa7a0}

/* ---------- testimonials / quotes ---------- */
.quotesx,.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.quotex,.testimonial-card{background:#fff;border:1px solid #e5ebe7;border-radius:16px;padding:26px}
.yellowx{background:#ffd968;padding:70px 0}
.yellowx .kickerx{color:#5e541e}
.yellowx h2{color:#231d05}
.yellowx p{color:#57502c}
.quotex p{font-size:14px;line-height:1.8;margin:0 0 18px}
.userx{display:flex;align-items:center;gap:10px}
.userx img{width:38px;height:38px;border-radius:50%;object-fit:cover}
.userx b{display:block;font-size:12px}
.userx small{color:#6b6440;font-size:10px}
.rating{color:#f5bd00;display:inline-flex;gap:2px;margin-bottom:10px}

/* ---------- rich text (dynamic pages) ---------- */
.dynamic-content{font-size:14px;line-height:1.85;color:#3c4657}
.dynamic-content h1,.dynamic-content h2,.dynamic-content h3{color:var(--ink);line-height:1.35;margin:26px 0 10px}
.dynamic-content h1{font-size:22px}.dynamic-content h2{font-size:19px}.dynamic-content h3{font-size:16px}
.dynamic-content p{margin:0 0 14px}
.dynamic-content ul,.dynamic-content ol{margin:0 0 14px;padding-left:22px}
.dynamic-content img{max-width:100%;height:auto;border-radius:12px;margin:8px 0}
.dynamic-content a{color:var(--green);text-decoration:underline}
.dynamic-content table{width:100%;border-collapse:collapse;margin:0 0 16px}
.dynamic-content td,.dynamic-content th{border:1px solid var(--line);padding:8px 10px;text-align:left}

/* ---------- join / cta ---------- */
.joincardsx{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.joinxcard{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;background:#fff;border:1px solid #e5ebe7;border-radius:18px;padding:28px;align-items:center}
.joinxcard img{width:100%;height:210px;object-fit:cover;border-radius:13px}
.joinx{background:#f6faf7;padding:70px 0}
.cta-banner{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:var(--deep);border-radius:20px;overflow:hidden;margin:60px auto 0}
.cta-copy{padding:42px}
.cta-copy h2{color:#fff}
.cta-copy p{color:#c7ded2;max-width:440px}
.cta-banner img{width:100%;height:100%;object-fit:cover;min-height:260px}
.cta-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}

/* ---------- trust row / logos ---------- */
.trust-row{display:flex;gap:22px;justify-content:flex-start;flex-wrap:wrap;font-size:14px;color:#48604f;font-weight:600;margin-top:22px}
.trust-row span{display:inline-flex;gap:7px;align-items:center}

/* ---------- footer ---------- */
.footer{background:#063c27;color:#dcebe3;padding:48px 0 16px;margin-top:70px}
.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:30px}
.footer h4{font-size:11px;color:#fff;margin:0 0 10px;text-transform:uppercase;letter-spacing:.6px}
.footer a,.footer p{font-size:12px;line-height:2;color:#b6cfc3;display:block}
.footer a:hover{color:#fff}
.footer-brand p{max-width:245px;line-height:1.7}
.apps{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}
.app{background:#101713;border:1px solid #ffffff20;border-radius:7px;padding:7px 9px;font-size:8px;color:#fff;display:inline-block}
.app b{font-size:10px;display:block}
.copyright{border-top:1px solid #ffffff20;margin-top:28px;padding-top:14px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;color:#9fbcaf}

/* ---------- chat fab ---------- */
.chat{position:fixed;right:25px;bottom:25px;width:58px;height:58px;border-radius:50%;border:0;background:var(--green);color:white;box-shadow:0 14px 30px #07883f40;display:grid;place-items:center;cursor:pointer;z-index:30}

/* ---------- misc ---------- */
.page-hero{background:linear-gradient(180deg,#fff,#f6fbf8);padding:64px 0 40px;position:relative;overflow:hidden}
.breadcrumbs{font-size:11px;color:#68756f;margin-bottom:18px;display:flex;gap:6px;align-items:center}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.skip-link{position:absolute;left:-999px;top:0;background:var(--green);color:#fff;padding:10px 16px;z-index:99;border-radius:0 0 8px 0}
.skip-link:focus{left:0}

/* ---------- a11y (P7-02) ---------- */
:focus-visible{outline:3px solid #08783f;outline-offset:2px;border-radius:4px}
.searchbtn:focus-visible,.btnx:focus-visible,.chat:focus-visible,.mobile-menu:focus-visible{outline-color:#063c27}
a:focus-visible,summary:focus-visible,button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline-style:solid}

/* ---------- responsive ---------- */
@media(max-width:1050px){
 .nav{padding:0 20px}.navlinks{display:none}.mobile-menu{display:block}
 .hero-inner,.hero-grid,.missionx,.appx,.greenxgrid,.stepsx,.faqx,.joincardsx,.cta-banner{grid-template-columns:1fr}
 .quotesx,.testimonials{grid-template-columns:1fr}
 .hero-art{height:529px}
 .stats{margin:15px 20px;grid-template-columns:repeat(3,1fr);gap:15px}.stat:nth-child(3){border:0}
 .cards{grid-template-columns:repeat(2,1fr)}
 .featurex{margin-top:20px}
 .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
 .container,.wrap{width:calc(100% - 28px)}
 .topbar{font-size:10px}.nav{height:68px}.brand strong{font-size:17px}
 .actions .lang,.actions .login{display:none}
 .hero{padding:45px 20px}.hero-art{height:280px}.hero-shot{border-radius:20px}
 h1{font-size:39px;letter-spacing:-1.8px}.lead{font-size:14px}
 .searchbox{display:grid;grid-template-columns:1fr}
 .location{border-right:0;border-bottom:1px solid #e4e9ec;padding:12px 15px}
 .searchbtn{padding:14px}
 .float-card{display:none}
 .stats{grid-template-columns:1fr 1fr;padding:18px}.stat{border:0;justify-content:flex-start}
 .section{padding:55px 0}
 .offer h2,.section h2{font-size:27px}
 .cards{grid-template-columns:1fr}
 .storyx,.orangex,.greenx{padding:25px}
 .joinxcard{grid-template-columns:1fr}.joinxcard img{min-height:170px}
 .cta-copy{padding:27px}
 .footer-grid{grid-template-columns:1fr 1fr}
 .copyright{display:block;line-height:2}
}

/* dark-mode aware print safety + reduced motion */
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}


/* ============================================================ VERBATIM TEMPLATE CSS (D:\1) — appended last so it wins the cascade. D-W11 fidelity pass ============================================================ */

/* --- landing page stylesheet (ofaami_job_gh_enterprise_landing_page.html) --- */
:root{
  --green:#07883f; --green2:#0aa85a; --ink:#0b1730; --muted:#64748b;
  --line:#e7edf0; --soft:#f5fbf7; --yellow:#ffc928; --white:#fff;
  --shadow:0 20px 60px rgba(11,23,48,.10);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,sans-serif;color:var(--ink);background:#fff}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
.topbar{height:40px;background:#061a22;color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;gap:12px}
.topbar .new{background:#0a9d4c;padding:4px 10px;border-radius:7px;font-weight:700}
.topbar .close{position:absolute;right:22px;opacity:.8}
.nav{height:82px;border-bottom:1px solid #eef1f2;display:flex;align-items:center;padding:0 46px;gap:30px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20}
.brand{display:flex;align-items:center;gap:11px;margin-right:auto}
.logo{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#07944a,#075e32);color:white;box-shadow:0 8px 20px #07883f35}
.brand strong{font-size:20px;letter-spacing:-.5px}.brand small{display:block;color:#687385;font-size:10px;margin-top:1px}
.navlinks{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:600}
.navlinks a{padding:31px 0;position:relative}.navlinks a.active{color:var(--green)}
.navlinks a.active:after{content:"";height:3px;background:var(--green);position:absolute;bottom:0;left:-17px;right:-17px;border-radius:3px}
.actions{display:flex;align-items:center;gap:10px}
.lang,.login,.signup{border:1px solid #dce3e7;background:white;border-radius:10px;padding:11px 15px;font-weight:600;cursor:pointer}
.signup{background:var(--green);color:white;border-color:var(--green);padding:12px 20px}
.hero{position:relative;overflow:hidden;min-height:520px;padding:68px 6.2% 45px;background:linear-gradient(180deg,#dbdbdb 0%,#fbfefc 100%)}
.hero:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;right:4%;top:20px;background:radial-gradient(circle,#e9faef 0,#f5fbf7 45%,transparent 70%);z-index:0}
.hero-inner{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.02fr .98fr;gap:30px;align-items:center;position:relative;z-index:2}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#334155;margin-bottom:25px}
.eyebrow span{width:23px;height:23px;border-radius:50%;background:#e9f8ee;display:grid;place-items:center;color:var(--green)}
h1{font-size:56px;line-height:1.13;letter-spacing:-2.8px;margin:0 0 18px;max-width:610px}
h1 em{font-style:normal;color:var(--green)}
.lead{font-size:16px;line-height:1.8;color:#59677a;max-width:600px;margin-bottom:27px}
.searchbox{display:flex;max-width:550px;border:1px solid #d9e1e5;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 10px 30px #0b173010}
.location{display:flex;align-items:center;gap:8px;padding:0 16px;border-right:1px solid #e4e9ec;white-space:nowrap;font-size:14px;font-weight:600}
.searchbox input{border:0;outline:0;flex:1;min-width:0;padding:16px;font-size:14px}
.searchbtn{border:0;background:var(--green);color:white;font-weight:700;padding:0 22px;cursor:pointer}
.popular{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap;font-size:12px}
.chip{padding:8px 12px;background:#f3f5f6;border-radius:20px;color:#526174}
.hero-art{position:relative;height:502px}
.hero-shot{width:100%;height:100%;object-fit:cover;object-position:72% 37%;border-radius:30px;opacity:.99;mix-blend-mode:multiply;filter:saturate(1.05)}
.float-card{position:absolute;background:#fff;border:1px solid #e8edef;border-radius:12px;padding:15px 17px;box-shadow:var(--shadow);display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}
.verified{left:0;top:120px}.secure{right:0;bottom:72px}.fast{right:-2px;top:135px}
.iconbox{width:32px;height:32px;border-radius:9px;background:#ecfaf1;color:var(--green);display:grid;place-items:center}
.stats{max-width:1320px;margin:-2px auto 28px;padding:20px 30px;background:#ffd900;border:1px solid #e2e9eb;border-radius:13px;box-shadow:0 8px 30px #0b173008;display:grid;grid-template-columns:repeat(5,1fr);position:relative;z-index:5}
.stat{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid #e6ebed}.stat:last-child{border:0}
.avatars{display:flex}.avatar{width:34px;height:34px;border-radius:50%;border:2px solid white;margin-left:-8px;object-fit:cover;background:#ddd}.avatar:first-child{margin-left:0}
.stat strong{display:block;font-size:15px}.stat small{color:#657286;font-size:11px}
.offer{background:#eaeaea;padding:72px 6.2% 90px;text-align:center}
.kicker{font-size:12px;color:var(--green);font-weight:800;letter-spacing:.8px}
.offer h2{font-size:34px;letter-spacing:-1.5px;margin:12px 0 12px}.offer p{color:#657286;margin:0 auto 35px;max-width:650px;line-height:1.7;font-size:14px}
.cards{max-width:1320px;margin:auto;display:grid;grid-template-columns:repeat(5,1fr);gap:14px;text-align:left}
.card{background:#fff;border:1px solid #e4eaec;border-radius:13px;padding:25px 18px;transition:.25s;min-height:150px}
.card:hover{transform:translateY(-5px);box-shadow:0 18px 35px #0b173012}
.card .ci{width:47px;height:47px;border-radius:12px;display:grid;place-items:center;background:#edf9f1;color:var(--green);margin-bottom:18px}
.card:nth-child(2) .ci{background:#fff7df;color:#d99900}.card:nth-child(3) .ci{background:#f5ecff;color:#8747c6}
.card:nth-child(4) .ci{background:#edf4ff;color:#3272df}.card:nth-child(5) .ci{background:#fff0e9;color:#ed7840}
.card h3{font-size:14px;margin:0 0 7px}.card p{font-size:11px;line-height:1.55;margin:0;color:#687487}
.chat{position:fixed;right:25px;bottom:25px;width:58px;height:58px;border-radius:50%;border:0;background:var(--green);color:white;box-shadow:0 14px 30px #07883f40;display:grid;place-items:center;cursor:pointer;z-index:30}
.mobile-menu{display:none}
@media(max-width:1050px){
 .nav{padding:0 20px}.navlinks{display:none}.mobile-menu{display:block}.hero-inner{grid-template-columns:1fr}.hero-art{height:350px}.stats{margin:15px 20px;grid-template-columns:repeat(3,1fr);gap:15px}.stat:nth-child(3){border:0}.cards{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:650px){
 .topbar{font-size:10px;padding:0 35px 0 10px;text-align:center}.nav{height:68px}.brand strong{font-size:17px}
 .actions .lang,.actions .login{display:none}.hero{padding:45px 20px}.hero-art{height:280px}.hero-shot{border-radius:20px}
 h1{font-size:39px;letter-spacing:-1.8px}.lead{font-size:14px}.searchbox{display:grid;grid-template-columns:1fr}.location{border-right:0;border-bottom:1px solid #e4e9ec;padding:12px 15px}.searchbtn{padding:14px}
 .float-card{display:none}.stats{grid-template-columns:1fr 1fr;padding:18px}.stat{border:0;justify-content:flex-start}.stat:nth-child(n+3){display:none}
 .offer{padding:55px 20px}.cards{grid-template-columns:1fr}.offer h2{font-size:27px}
}

/* --- enterprise-extra sections (landing block 2) --- */
.enterprise-extra{font-family:Inter,system-ui,sans-serif}.enterprise-extra .wrap{max-width:1320px;margin:auto;}.enterprise-extra .sectionx{padding:76px 0}.enterprise-extra .kickerx{font-size:11px;font-weight:800;letter-spacing:1px;color:#07883f}.enterprise-extra h2{font-size:34px;letter-spacing:-1.5px;margin:9px 0 12px;color:#0b1730}.enterprise-extra p{color:#393939;line-height:1.5;font-size:15px}.missionx{display:grid;grid-template-columns:.72fr 1.28fr;gap:45px;align-items:start}.storyx{background:#ffd968;border-radius:18px;padding:32px 38px}.storyx h3{font-size:25px;margin:0 0 10px}.orangex{background:linear-gradient(120deg,#000000,#5e5e5e);color:#fff;border-radius:18px;padding:30px 36px}.orangex h2{color:#fff;margin:0;font-size:27px}.peoplex{display:flex;flex-wrap:wrap;gap:14px;margin-top:22px}.personx{display:flex;align-items:center;gap:7px;font-size:11px}
.personx img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid #fff}.appx{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.phonebox{height:370px;display:grid;place-items:center;position:relative}
.phonebox .phoneimg{width:100%;height:385px;border:0px solid #101814;border-radius:31px;object-fit:cover;box-shadow:0 0px 0px #082c1c2c}.greenx{background:#064a2d;color:#fff;border-radius:18px;padding:36px}.greenxgrid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.greenx h2{color:#fff}.featurex{display:grid;grid-template-columns:1fr 1fr;gap:15px}.featurex div{display:flex;gap:9px;align-items:center;font-size:11px}.featurex i{padding:8px;border:1px solid #8dd0a566;border-radius:8px;color:#a9e2bd}.stepsx{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.stepx{display:flex;gap:12px;margin:20px 0}.stepx .numx{width:30px;height:30px;border:1px solid #07883f;color:#07883f;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:11px;flex:none}.taskx{background:#f6faf7;border:1px solid #e5ebe7;border-radius:14px;padding:14px}.taskxrow{background:#fff;border:1px solid #edf1ee;border-radius:10px;padding:9px;display:flex;align-items:center;gap:10px;margin:7px 0}.taskxrow img{width:40px;height:40px;border-radius:8px;object-fit:cover}.taskxrow b{font-size:11px}.taskxrow small{display:block;color:#64748b;font-size:9px}.yellowx{background:#ffd968;padding:55px 0}.quotesx{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.quotex{background:#fff;border-radius:13px;padding:19px}.quotex p{font-size:11px;color:#536158}.userx{display:flex;align-items:center;gap:8px}.userx img{width:31px;height:31px;border-radius:50%;object-fit:cover}.userx b{font-size:10px}.userx small{display:block;font-size:8px;color:#64748b}.partnersx{text-align:center}.logosx{display:flex;justify-content:space-between;flex-wrap:wrap;gap:22px;margin-top:25px;color:#55645d;font-weight:800;font-size:18px;filter:grayscale(1);opacity:.7}.faqx{display:grid;grid-template-columns:.7fr 1.3fr;gap:50px}.faqrow{border-bottom:1px solid #e5ebe7;padding:15px 0;display:flex;justify-content:space-between;font-size:12px;font-weight:700}.joinx{background:#f5faf7;padding:60px 0}.joincardsx{display:grid;grid-template-columns:1fr 1fr;gap:15px}.joinxcard{background:#fff;border:1px solid #e5ebe7;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr}.joinxcard div{padding:24px}.joinxcard img{width:100%;height:100%;object-fit:cover;min-height:200px}.enterprise-extra .btnx{display:inline-block;background:#07883f;color:#fff;border-radius:9px;padding:12px 16px;font-weight:800;font-size:11px;margin-top:8px}.enterprise-extra .btnwhite{background:#fff;color:#07883f}
@media(max-width:900px){.missionx,.appx,.greenxgrid,.stepsx,.faqx,.joincardsx{grid-template-columns:1fr}.quotesx{grid-template-columns:1fr}.featurex{margin-top:20px}}
@media(max-width:600px){.enterprise-extra .sectionx{padding:55px 0}.enterprise-extra h2{font-size:28px}.storyx,.orangex,.greenx{padding:25px}.logosx{justify-content:center}.joinxcard{grid-template-columns:1fr}.joinxcard img{min-height:170px}}

/* --- shared chrome helpers (from for_business template) --- */
.container{width:min(1180px,calc(100% - 48px));margin:auto}


/* --- adaptations for accessible markup (D-W11 fidelity pass) ---
   Template .faqrow is a static div; we render <details><summary> for
   keyboard/AT support. These rules map that markup onto the template's
   flat-row look without touching the verbatim block above. */
details.faqrow summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;font:inherit;color:inherit;font-size: 14px;}
details.faqrow summary::-webkit-details-marker{display:none}
details.faqrow summary .fx{flex:none;display:inline-flex;transition:transform .2s}
details.faqrow[open] summary .fx{transform:rotate(45deg)}
details.faqrow .answer{padding:4px 0 15px;color:#64748b;font-size:12px;line-height:1.75;font-weight:400}

/* --- legacy-tail bleed-through guards (D-W12b) ---
   The old design-system rules below the fold still declare properties the
   verbatim template block never re-declares; those properties leak into
   enterprise sections. Re-pin them to template values here. */
.enterprise-extra .wrap{width:auto}
.joinxcard{gap:0;padding:0;border-radius:14px;align-items:stretch}
.joinxcard img{border-radius:0;height:100%;min-height:200px}
.quotex{border:0}
.enterprise-extra .btnx,.enterprise-extra .btnwhite{border:0}