/* ---- business-automation ---- */
:root { --ink:#141613; --paper:#fbfaf4; --soft:#f4f1e8; --lime:#d6e02c; --line:rgba(20,22,19,.1); }
    body.ba-page { margin:0; background:var(--soft); color:var(--ink); font-family:"Inter",system-ui,sans-serif; overflow-x:hidden; }
    .ba-wrap { width:min(calc(100% - 40px),1220px); margin:0 auto; }
    .ba-crumb { position:absolute; top:108px; left:0; right:0; z-index:6; }
    .ba-crumb ol { display:flex; flex-wrap:wrap; gap:6px 8px; width:fit-content; margin:0; padding:10px 14px; list-style:none; border-radius:999px; background:rgba(255,255,255,.82); box-shadow:0 14px 36px rgba(0,0,0,.12); backdrop-filter:blur(14px); font-size:.82rem; font-weight:800; color:rgba(20,22,19,.5); }
    .ba-crumb a { color:rgba(20,22,19,.68); text-decoration:none; }
    .ba-crumb li:not(:last-child)::after { content:"/"; margin-left:8px; color:rgba(20,22,19,.22); }
    .ba-hero { min-height:850px; position:relative; display:grid; align-items:end; padding:190px 0 76px; color:#fff; isolation:isolate; }
    .ba-hero__media, .ba-hero__media video, .ba-hero__poster, .ba-hero__veil { position:absolute; inset:0; }
    .ba-hero__media { z-index:-2; background:#070908; overflow:hidden; }
    .ba-hero__media video, .ba-hero__poster { width:100%; height:100%; object-fit:cover; object-position:center; }
    .ba-hero__media video { z-index:1; }
    .ba-hero__poster { z-index:2; transform:scale(1.02); transition:opacity .45s ease; }
    .ba-hero__poster.is-hidden { opacity:0; }
    .ba-hero__veil { z-index:3; background:linear-gradient(90deg,rgba(5,7,6,.96) 0%,rgba(5,7,6,.75) 39%,rgba(5,7,6,.18) 100%),linear-gradient(180deg,rgba(5,7,6,.04),rgba(5,7,6,.84)); }
    .ba-hero .ba-wrap { position:relative; z-index:4; }
    .ba-kicker { margin:0 0 14px; color:rgba(20,22,19,.46); font-size:.78rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
    .ba-hero .ba-kicker, .ba-dark .ba-kicker, .ba-contact .ba-kicker { color:var(--lime); }
    .ba-hero h1 { max-width:9ch; margin:0; font-size:clamp(2.9rem,7vw,6.15rem); line-height:.92; letter-spacing:0; font-weight:900; }
    .ba-hero__lead { max-width:740px; margin:24px 0 0; color:rgba(255,255,255,.78); font-size:clamp(1.06rem,1.7vw,1.26rem); line-height:1.75; }
    .ba-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
    .ba-btn { min-height:54px; display:inline-flex; align-items:center; justify-content:center; padding:0 24px; border-radius:999px; text-decoration:none; font-weight:900; border:0; cursor:pointer; }
    .ba-btn--lime { background:var(--lime); color:var(--ink)!important; }
    .ba-btn--ghost { color:#fff!important; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.06); }
    .ba-btn--dark { background:var(--ink); color:#fff!important; }
    .ba-hero__chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:36px; max-width:880px; }
    .ba-hero__chips span { padding:9px 12px; border-radius:999px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.74); font-weight:800; font-size:.82rem; }
    .ba-section { padding:clamp(76px,10vw,126px) 0; }
    .ba-paper { background:var(--paper); }
    .ba-dark { background:var(--ink); color:#fff; }
    .ba-head { display:grid; grid-template-columns:minmax(0,.96fr) minmax(280px,.58fr); gap:clamp(28px,6vw,80px); align-items:end; margin-bottom:42px; }
    .ba-title { margin:0; max-width:940px; font-size:clamp(2.1rem,5vw,4.45rem); line-height:.98; letter-spacing:0; font-weight:900; }
    .ba-copy { margin:0; color:rgba(20,22,19,.68); font-size:1.04rem; line-height:1.75; }
    .ba-dark .ba-copy, .ba-dark p { color:rgba(255,255,255,.68); }
    .ba-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    .ba-card { padding:24px; border-radius:8px; background:#fff; border:1px solid var(--line); box-shadow:0 16px 44px rgba(15,17,16,.05); }
    .ba-dark .ba-card { background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.12); box-shadow:none; }
    .ba-num { display:inline-grid; place-items:center; width:44px; height:44px; margin-bottom:18px; border-radius:50%; background:var(--lime); color:var(--ink); font-weight:900; }
    .ba-card h3 { margin:0; font-size:1.18rem; font-weight:900; }
    .ba-card p { margin:10px 0 0; color:rgba(20,22,19,.64); line-height:1.65; font-size:.94rem; }
    .ba-dark .ba-card p { color:rgba(255,255,255,.66); }
    .ba-split { display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(30px,6vw,72px); align-items:center; }
    .ba-split--flip { grid-template-columns:1.05fr .95fr; }
    .ba-media { position:relative; min-height:510px; border-radius:8px; overflow:hidden; background:#101310; box-shadow:0 28px 80px rgba(15,17,16,.12); }
    .ba-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    .ba-label { position:absolute; left:22px; bottom:22px; max-width:360px; padding:16px 18px; border-radius:8px; background:rgba(255,255,255,.94); color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.14); }
    .ba-label strong { display:block; font-weight:900; }
    .ba-label span { display:block; margin-top:5px; color:rgba(20,22,19,.62); font-size:.88rem; line-height:1.45; }
    .ba-text h2 { margin:0; font-size:clamp(2rem,4vw,3.55rem); line-height:1; font-weight:900; }
    .ba-text p { margin:18px 0 0; color:rgba(20,22,19,.68); line-height:1.78; font-size:1.02rem; }
    .ba-points { display:grid; gap:12px; margin-top:28px; }
    .ba-point { display:grid; grid-template-columns:44px 1fr; gap:14px; padding:18px; border-radius:8px; background:rgba(255,255,255,.72); border:1px solid var(--line); }
    .ba-point b { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:rgba(214,224,44,.25); color:#9aa311; font-weight:900; }
    .ba-point strong { display:block; font-weight:900; }
    .ba-point span { display:block; margin-top:4px; color:rgba(20,22,19,.58); font-size:.93rem; line-height:1.55; }
    .ba-contact { position:relative; overflow:hidden; isolation:isolate; color:#fff; }
    .ba-contact::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(5,7,6,.97),rgba(5,7,6,.84)),url("/assets/images/solutions/business-automation/dark-business-automation-contact-bg.webp") center/cover; }
    .ba-contact__grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:clamp(30px,6vw,76px); align-items:center; }
    .ba-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:clamp(24px,4vw,38px); border-radius:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(16px); }
    .ba-field { display:grid; gap:8px; }
    .ba-field--full { grid-column:1/-1; }
    .ba-field label { color:rgba(255,255,255,.72); font-size:.76rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
    .ba-field input, .ba-field select, .ba-field textarea { width:100%; min-height:52px; border:1px solid rgba(255,255,255,.2); border-radius:8px; padding:0 14px; background:rgba(0,0,0,.32); color:#fff; outline:none; font:700 .95rem/1.4 "Inter",system-ui,sans-serif; }
    .ba-field textarea { min-height:118px; padding-top:14px; resize:vertical; }
    .ba-faq { position:relative; overflow:hidden; }
    .ba-faq::after { content:""; position:absolute; right:-90px; top:120px; width:min(42vw,520px); height:min(42vw,520px); border-radius:50%; opacity:.18; background:radial-gradient(circle at center,rgba(214,224,44,.5),rgba(214,224,44,0) 62%),repeating-linear-gradient(135deg,rgba(20,22,19,.12) 0 1px,transparent 1px 16px); pointer-events:none; }
    .ba-faq .ba-wrap { position:relative; z-index:1; }
    .ba-faq details { background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; margin-top:10px; max-width:860px; }
    .ba-faq summary { cursor:pointer; list-style:none; padding:20px 22px; display:flex; justify-content:space-between; gap:20px; font-weight:900; }
    .ba-faq summary::-webkit-details-marker { display:none; }
    .ba-faq summary::after { content:"+"; color:#9aa311; }
    .ba-faq details[open] summary::after { content:"-"; }
    .ba-faq details p { margin:0; padding:0 22px 20px; color:rgba(20,22,19,.64); line-height:1.72; }
    .ba-final { background:var(--lime); text-align:center; }
    .ba-final h2 { max-width:850px; margin:0 auto; font-size:clamp(2.25rem,5vw,4.4rem); line-height:.98; font-weight:900; }
    .ba-final p { max-width:720px; margin:18px auto 0; color:rgba(20,22,19,.72); line-height:1.75; }
    .ba-final .ba-actions { justify-content:center; }
    @media (max-width:980px){ .ba-head,.ba-grid,.ba-split,.ba-split--flip,.ba-contact__grid{grid-template-columns:1fr}.ba-hero{min-height:760px}.ba-media{min-height:380px} }
    @media (max-width:640px){ .ba-wrap{width:min(calc(100% - 28px),1220px)}.ba-crumb{top:92px}.ba-hero{padding-top:172px;min-height:720px}.ba-hero h1{max-width:8ch}.ba-form{grid-template-columns:1fr}.ba-actions .ba-btn{width:100%} }

/* ---- crm ---- */
:root { --ink:#141613; --paper:#fbfaf4; --soft:#f4f1e8; --lime:#d6e02c; --line:rgba(20,22,19,.1); }
    body.crm-page { margin:0; background:var(--soft); color:var(--ink); font-family:"Inter",system-ui,sans-serif; overflow-x:hidden; }
    .crm-wrap { width:min(calc(100% - 40px),1220px); margin:0 auto; }
    .crm-crumb { position:absolute; top:108px; left:0; right:0; z-index:6; }
    .crm-crumb ol { display:flex; flex-wrap:wrap; gap:6px 8px; width:fit-content; margin:0; padding:10px 14px; list-style:none; border-radius:999px; background:rgba(255,255,255,.82); box-shadow:0 14px 36px rgba(0,0,0,.12); backdrop-filter:blur(14px); font-size:.82rem; font-weight:800; color:rgba(20,22,19,.5); }
    .crm-crumb a { color:rgba(20,22,19,.68); text-decoration:none; }
    .crm-crumb li:not(:last-child)::after { content:"/"; margin-left:8px; color:rgba(20,22,19,.22); }
    .crm-hero { min-height:850px; position:relative; display:grid; align-items:end; padding:190px 0 76px; color:#fff; isolation:isolate; }
    .crm-hero__media, .crm-hero__media video, .crm-hero__poster, .crm-hero__veil { position:absolute; inset:0; }
    .crm-hero__media { z-index:-2; background:#070908; overflow:hidden; }
    .crm-hero__media video, .crm-hero__poster { width:100%; height:100%; object-fit:cover; object-position:center; }
    .crm-hero__media video { z-index:1; }
    .crm-hero__poster { z-index:2; transform:scale(1.02); transition:opacity .45s ease; }
    .crm-hero__poster.is-hidden { opacity:0; }
    .crm-hero__veil { z-index:3; background:linear-gradient(90deg,rgba(5,7,6,.96) 0%,rgba(5,7,6,.75) 39%,rgba(5,7,6,.18) 100%),linear-gradient(180deg,rgba(5,7,6,.04),rgba(5,7,6,.84)); }
    .crm-hero .crm-wrap { position:relative; z-index:4; }
    .crm-kicker { margin:0 0 14px; color:rgba(20,22,19,.46); font-size:.78rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
    .crm-hero .crm-kicker, .crm-dark .crm-kicker, .crm-contact .crm-kicker { color:var(--lime); }
    .crm-hero h1 { max-width:8ch; margin:0; font-size:clamp(2.9rem,7vw,6.15rem); line-height:.92; letter-spacing:0; font-weight:900; }
    .crm-hero__lead { max-width:760px; margin:24px 0 0; color:rgba(255,255,255,.78); font-size:clamp(1.06rem,1.7vw,1.26rem); line-height:1.75; }
    .crm-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
    .crm-btn { min-height:54px; display:inline-flex; align-items:center; justify-content:center; padding:0 24px; border-radius:999px; text-decoration:none; font-weight:900; border:0; cursor:pointer; }
    .crm-btn--lime { background:var(--lime); color:var(--ink)!important; }
    .crm-btn--ghost { color:#fff!important; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.06); }
    .crm-btn--dark { background:var(--ink); color:#fff!important; }
    .crm-hero__chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:36px; max-width:900px; }
    .crm-hero__chips span { padding:9px 12px; border-radius:999px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.74); font-weight:800; font-size:.82rem; }
    .crm-section { padding:clamp(76px,10vw,126px) 0; }
    .crm-paper { background:var(--paper); }
    .crm-dark { background:var(--ink); color:#fff; }
    .crm-head { display:grid; grid-template-columns:minmax(0,.96fr) minmax(280px,.58fr); gap:clamp(28px,6vw,80px); align-items:end; margin-bottom:42px; }
    .crm-title { margin:0; max-width:960px; font-size:clamp(2.1rem,5vw,4.45rem); line-height:.98; letter-spacing:0; font-weight:900; }
    .crm-copy { margin:0; color:rgba(20,22,19,.68); font-size:1.04rem; line-height:1.75; }
    .crm-dark .crm-copy, .crm-dark p { color:rgba(255,255,255,.68); }
    .crm-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    .crm-card { padding:24px; border-radius:8px; background:#fff; border:1px solid var(--line); box-shadow:0 16px 44px rgba(15,17,16,.05); }
    .crm-dark .crm-card { background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.12); box-shadow:none; }
    .crm-num { display:inline-grid; place-items:center; width:44px; height:44px; margin-bottom:18px; border-radius:50%; background:var(--lime); color:var(--ink); font-weight:900; }
    .crm-card h3 { margin:0; font-size:1.18rem; font-weight:900; }
    .crm-card p { margin:10px 0 0; color:rgba(20,22,19,.64); line-height:1.65; font-size:.94rem; }
    .crm-dark .crm-card p { color:rgba(255,255,255,.66); }
    .crm-split { display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(30px,6vw,72px); align-items:center; }
    .crm-split--flip { grid-template-columns:1.05fr .95fr; }
    .crm-media { position:relative; min-height:510px; border-radius:8px; overflow:hidden; background:#101310; box-shadow:0 28px 80px rgba(15,17,16,.12); }
    .crm-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    .crm-label { position:absolute; left:22px; bottom:22px; max-width:365px; padding:16px 18px; border-radius:8px; background:rgba(255,255,255,.94); color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.14); }
    .crm-label strong { display:block; font-weight:900; }
    .crm-label span { display:block; margin-top:5px; color:rgba(20,22,19,.62); font-size:.88rem; line-height:1.45; }
    .crm-text h2 { margin:0; font-size:clamp(2rem,4vw,3.55rem); line-height:1; font-weight:900; }
    .crm-text p { margin:18px 0 0; color:rgba(20,22,19,.68); line-height:1.78; font-size:1.02rem; }
    .crm-points { display:grid; gap:12px; margin-top:28px; }
    .crm-point { display:grid; grid-template-columns:44px 1fr; gap:14px; padding:18px; border-radius:8px; background:rgba(255,255,255,.72); border:1px solid var(--line); }
    .crm-point b { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:rgba(214,224,44,.25); color:#9aa311; font-weight:900; }
    .crm-point strong { display:block; font-weight:900; }
    .crm-point span { display:block; margin-top:4px; color:rgba(20,22,19,.58); font-size:.93rem; line-height:1.55; }
    .crm-contact { position:relative; overflow:hidden; isolation:isolate; color:#fff; }
    .crm-contact::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(5,7,6,.97),rgba(5,7,6,.84)),url("/assets/images/solutions/crm/dark-crm-contact-bg.webp") center/cover; }
    .crm-contact__grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:clamp(30px,6vw,76px); align-items:center; }
    .crm-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:clamp(24px,4vw,38px); border-radius:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(16px); }
    .crm-field { display:grid; gap:8px; }
    .crm-field--full { grid-column:1/-1; }
    .crm-field label { color:rgba(255,255,255,.72); font-size:.76rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
    .crm-field input, .crm-field select, .crm-field textarea { width:100%; min-height:52px; border:1px solid rgba(255,255,255,.2); border-radius:8px; padding:0 14px; background:rgba(0,0,0,.32); color:#fff; outline:none; font:700 .95rem/1.4 "Inter",system-ui,sans-serif; }
    .crm-field textarea { min-height:118px; padding-top:14px; resize:vertical; }
    .crm-faq { position:relative; overflow:hidden; }
    .crm-faq::after { content:""; position:absolute; right:-90px; top:120px; width:min(42vw,520px); height:min(42vw,520px); border-radius:50%; opacity:.18; background:radial-gradient(circle at center,rgba(214,224,44,.5),rgba(214,224,44,0) 62%),repeating-linear-gradient(135deg,rgba(20,22,19,.12) 0 1px,transparent 1px 16px); pointer-events:none; }
    .crm-faq .crm-wrap { position:relative; z-index:1; }
    .crm-faq details { background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; margin-top:10px; max-width:860px; }
    .crm-faq summary { cursor:pointer; list-style:none; padding:20px 22px; display:flex; justify-content:space-between; gap:20px; font-weight:900; }
    .crm-faq summary::-webkit-details-marker { display:none; }
    .crm-faq summary::after { content:"+"; color:#9aa311; }
    .crm-faq details[open] summary::after { content:"-"; }
    .crm-faq details p { margin:0; padding:0 22px 20px; color:rgba(20,22,19,.64); line-height:1.72; }
    .crm-final { background:var(--lime); text-align:center; }
    .crm-final h2 { max-width:850px; margin:0 auto; font-size:clamp(2.25rem,5vw,4.4rem); line-height:.98; font-weight:900; }
    .crm-final p { max-width:720px; margin:18px auto 0; color:rgba(20,22,19,.72); line-height:1.75; }
    .crm-final .crm-actions { justify-content:center; }
    @media (max-width:980px){ .crm-head,.crm-grid,.crm-split,.crm-split--flip,.crm-contact__grid{grid-template-columns:1fr}.crm-hero{min-height:760px}.crm-media{min-height:380px} }
    @media (max-width:640px){ .crm-wrap{width:min(calc(100% - 28px),1220px)}.crm-crumb{top:92px}.crm-hero{padding-top:172px;min-height:720px}.crm-hero h1{max-width:7ch}.crm-form{grid-template-columns:1fr}.crm-actions .crm-btn{width:100%} }

/* ---- customer-portals ---- */
:root { --ink:#141613; --paper:#fbfaf4; --soft:#f4f1e8; --lime:#d6e02c; --muted:rgba(20,22,19,.66); --line:rgba(20,22,19,.1); }
    body.portal-page { margin:0; background:var(--soft); color:var(--ink); font-family:"Inter",system-ui,sans-serif; overflow-x:hidden; }
    .portal-wrap { width:min(calc(100% - 40px),1220px); margin:0 auto; }
    .portal-crumb { position:absolute; top:108px; left:0; right:0; z-index:6; }
    .portal-crumb ol { display:flex; flex-wrap:wrap; gap:6px 8px; width:fit-content; margin:0; padding:10px 14px; list-style:none; border-radius:999px; background:rgba(255,255,255,.82); box-shadow:0 14px 36px rgba(0,0,0,.12); backdrop-filter:blur(14px); font-size:.82rem; font-weight:800; color:rgba(20,22,19,.5); }
    .portal-crumb a { color:rgba(20,22,19,.68); text-decoration:none; }
    .portal-crumb li:not(:last-child)::after { content:"/"; margin-left:8px; color:rgba(20,22,19,.22); }
    .portal-hero { min-height:850px; position:relative; display:grid; align-items:end; padding:190px 0 76px; color:#fff; isolation:isolate; }
    .portal-hero__media, .portal-hero__media video, .portal-hero__poster, .portal-hero__veil { position:absolute; inset:0; }
    .portal-hero__media { z-index:-2; background:#070908; overflow:hidden; }
    .portal-hero__media video, .portal-hero__poster { width:100%; height:100%; object-fit:cover; object-position:center; }
    .portal-hero__media video { z-index:1; }
    .portal-hero__poster { z-index:2; transform:scale(1.02); transition:opacity .45s ease; }
    .portal-hero__poster.is-hidden { opacity:0; }
    .portal-hero__veil { z-index:3; background:linear-gradient(90deg,rgba(5,7,6,.96) 0%,rgba(5,7,6,.78) 42%,rgba(5,7,6,.22) 100%),linear-gradient(180deg,rgba(5,7,6,.04),rgba(5,7,6,.84)); }
    .portal-hero .portal-wrap { position:relative; z-index:4; }
    .portal-kicker { margin:0 0 14px; color:rgba(20,22,19,.46); font-size:.78rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
    .portal-hero .portal-kicker, .portal-dark .portal-kicker, .portal-contact .portal-kicker { color:var(--lime); }
    .portal-hero h1 { max-width:9ch; margin:0; font-size:clamp(2.9rem,7vw,6.1rem); line-height:.92; letter-spacing:0; font-weight:900; }
    .portal-hero__lead { max-width:790px; margin:24px 0 0; color:rgba(255,255,255,.78); font-size:clamp(1.06rem,1.7vw,1.26rem); line-height:1.75; }
    .portal-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
    .portal-btn { min-height:54px; display:inline-flex; align-items:center; justify-content:center; padding:0 24px; border-radius:999px; text-decoration:none; font-weight:900; border:0; cursor:pointer; }
    .portal-btn--lime { background:var(--lime); color:var(--ink)!important; }
    .portal-btn--ghost { color:#fff!important; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.06); }
    .portal-btn--dark { background:var(--ink); color:#fff!important; }
    .portal-hero__chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:36px; max-width:980px; }
    .portal-hero__chips span { padding:9px 12px; border-radius:999px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.74); font-weight:800; font-size:.82rem; }
    .portal-section { padding:clamp(76px,10vw,126px) 0; }
    .portal-paper { background:var(--paper); }
    .portal-dark { background:var(--ink); color:#fff; }
    .portal-head { display:grid; grid-template-columns:minmax(0,.96fr) minmax(280px,.58fr); gap:clamp(28px,6vw,80px); align-items:end; margin-bottom:42px; }
    .portal-title { margin:0; max-width:980px; font-size:clamp(2.1rem,5vw,4.45rem); line-height:.98; letter-spacing:0; font-weight:900; }
    .portal-copy { margin:0; color:var(--muted); font-size:1.04rem; line-height:1.75; }
    .portal-dark .portal-copy, .portal-dark p { color:rgba(255,255,255,.68); }
    .portal-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    .portal-card { padding:24px; border-radius:8px; background:#fff; border:1px solid var(--line); box-shadow:0 16px 44px rgba(15,17,16,.05); }
    .portal-dark .portal-card { background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.12); box-shadow:none; }
    .portal-num { display:inline-grid; place-items:center; width:44px; height:44px; margin-bottom:18px; border-radius:50%; background:var(--lime); color:var(--ink); font-weight:900; }
    .portal-card h3 { margin:0; font-size:1.18rem; font-weight:900; }
    .portal-card p { margin:10px 0 0; color:rgba(20,22,19,.64); line-height:1.65; font-size:.94rem; }
    .portal-dark .portal-card p { color:rgba(255,255,255,.66); }
    .portal-split { display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(30px,6vw,72px); align-items:center; }
    .portal-split--flip { grid-template-columns:1.05fr .95fr; }
    .portal-media { position:relative; min-height:510px; border-radius:8px; overflow:hidden; background:#101310; box-shadow:0 28px 80px rgba(15,17,16,.12); }
    .portal-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    .portal-label { position:absolute; left:22px; bottom:22px; max-width:390px; padding:16px 18px; border-radius:8px; background:rgba(255,255,255,.94); color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.14); }
    .portal-label strong { display:block; font-weight:900; }
    .portal-label span { display:block; margin-top:5px; color:rgba(20,22,19,.62); font-size:.88rem; line-height:1.45; }
    .portal-text h2 { margin:0; font-size:clamp(2rem,4vw,3.55rem); line-height:1; font-weight:900; }
    .portal-text p { margin:18px 0 0; color:var(--muted); line-height:1.78; font-size:1.02rem; }
    .portal-points { display:grid; gap:12px; margin-top:28px; }
    .portal-point { display:grid; grid-template-columns:44px 1fr; gap:14px; padding:18px; border-radius:8px; background:rgba(255,255,255,.72); border:1px solid var(--line); }
    .portal-point b { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:rgba(214,224,44,.25); color:#9aa311; font-weight:900; }
    .portal-point strong { display:block; font-weight:900; }
    .portal-point span { display:block; margin-top:4px; color:rgba(20,22,19,.58); font-size:.93rem; line-height:1.55; }
    .portal-matrix { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:34px; }
    .portal-pill { min-height:92px; display:flex; align-items:flex-end; padding:16px; border-radius:8px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); color:#fff; font-weight:900; }
    .portal-contact { position:relative; overflow:hidden; isolation:isolate; color:#fff; }
    .portal-contact::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(5,7,6,.97),rgba(5,7,6,.84)),url("/assets/images/solutions/customer-portals/dark-customer-portal-contact-bg.webp") center/cover; }
    .portal-contact__grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:clamp(30px,6vw,76px); align-items:center; }
    .portal-contact .portal-text p { color:rgba(255,255,255,.72); }
    .portal-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:clamp(24px,4vw,38px); border-radius:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(16px); }
    .portal-field { display:grid; gap:8px; }
    .portal-field--full { grid-column:1/-1; }
    .portal-field label { color:rgba(255,255,255,.72); font-size:.76rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
    .portal-field input, .portal-field select, .portal-field textarea { width:100%; min-height:52px; border:1px solid rgba(255,255,255,.2); border-radius:8px; padding:0 14px; background:rgba(0,0,0,.32); color:#fff; outline:none; font:700 .95rem/1.4 "Inter",system-ui,sans-serif; }
    .portal-field textarea { min-height:118px; padding-top:14px; resize:vertical; }
    .portal-faq { position:relative; overflow:hidden; }
    .portal-faq::after { content:""; position:absolute; right:-90px; top:120px; width:min(42vw,520px); height:min(42vw,520px); border-radius:50%; opacity:.18; background:radial-gradient(circle at center,rgba(214,224,44,.5),rgba(214,224,44,0) 62%),repeating-linear-gradient(135deg,rgba(20,22,19,.12) 0 1px,transparent 1px 16px); pointer-events:none; }
    .portal-faq .portal-wrap { position:relative; z-index:1; }
    .portal-faq details { background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; margin-top:10px; max-width:860px; }
    .portal-faq summary { cursor:pointer; list-style:none; padding:20px 22px; display:flex; justify-content:space-between; gap:20px; font-weight:900; }
    .portal-faq summary::-webkit-details-marker { display:none; }
    .portal-faq summary::after { content:"+"; color:#9aa311; }
    .portal-faq details[open] summary::after { content:"-"; }
    .portal-faq details p { margin:0; padding:0 22px 20px; color:rgba(20,22,19,.64); line-height:1.72; }
    .portal-final { background:var(--lime); text-align:center; }
    .portal-final h2 { max-width:880px; margin:0 auto; font-size:clamp(2.25rem,5vw,4.4rem); line-height:.98; font-weight:900; }
    .portal-final p { max-width:730px; margin:18px auto 0; color:rgba(20,22,19,.72); line-height:1.75; }
    .portal-final .portal-actions { justify-content:center; }
    @media (max-width:980px){ .portal-head,.portal-grid,.portal-split,.portal-split--flip,.portal-contact__grid{grid-template-columns:1fr}.portal-hero{min-height:760px}.portal-media{min-height:380px}.portal-matrix{grid-template-columns:repeat(2,minmax(0,1fr))} }
    @media (max-width:640px){ .portal-wrap{width:min(calc(100% - 28px),1220px)}.portal-crumb{top:92px}.portal-hero{padding-top:172px;min-height:720px}.portal-form,.portal-matrix{grid-template-columns:1fr}.portal-actions .portal-btn{width:100%} }

/* ---- ecommerce-platforms ---- */
:root { --ink:#141613; --paper:#fbfaf4; --soft:#f4f1e8; --lime:#d6e02c; --muted:rgba(20,22,19,.66); --line:rgba(20,22,19,.1); }
    body.commerce-page { margin:0; background:var(--soft); color:var(--ink); font-family:"Inter",system-ui,sans-serif; overflow-x:hidden; }
    .commerce-wrap { width:min(calc(100% - 40px),1220px); margin:0 auto; }
    .commerce-crumb { position:absolute; top:108px; left:0; right:0; z-index:6; }
    .commerce-crumb ol { display:flex; flex-wrap:wrap; gap:6px 8px; width:fit-content; margin:0; padding:10px 14px; list-style:none; border-radius:999px; background:rgba(255,255,255,.82); box-shadow:0 14px 36px rgba(0,0,0,.12); backdrop-filter:blur(14px); font-size:.82rem; font-weight:800; color:rgba(20,22,19,.5); }
    .commerce-crumb a { color:rgba(20,22,19,.68); text-decoration:none; }
    .commerce-crumb li:not(:last-child)::after { content:"/"; margin-left:8px; color:rgba(20,22,19,.22); }
    .commerce-hero { min-height:850px; position:relative; display:grid; align-items:end; padding:190px 0 76px; color:#fff; isolation:isolate; }
    .commerce-hero__media, .commerce-hero__media video, .commerce-hero__poster, .commerce-hero__veil { position:absolute; inset:0; }
    .commerce-hero__media { z-index:-2; background:#070908; overflow:hidden; }
    .commerce-hero__media video, .commerce-hero__poster { width:100%; height:100%; object-fit:cover; object-position:center; }
    .commerce-hero__media video { z-index:1; }
    .commerce-hero__poster { z-index:2; transform:scale(1.02); transition:opacity .45s ease; }
    .commerce-hero__poster.is-hidden { opacity:0; }
    .commerce-hero__veil { z-index:3; background:linear-gradient(90deg,rgba(5,7,6,.96) 0%,rgba(5,7,6,.77) 42%,rgba(5,7,6,.24) 100%),linear-gradient(180deg,rgba(5,7,6,.04),rgba(5,7,6,.84)); }
    .commerce-hero .commerce-wrap { position:relative; z-index:4; }
    .commerce-kicker { margin:0 0 14px; color:rgba(20,22,19,.46); font-size:.78rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
    .commerce-hero .commerce-kicker, .commerce-dark .commerce-kicker, .commerce-contact .commerce-kicker { color:var(--lime); }
    .commerce-hero h1 { max-width:10ch; margin:0; font-size:clamp(2.9rem,7vw,6.1rem); line-height:.92; letter-spacing:0; font-weight:900; }
    .commerce-hero__lead { max-width:810px; margin:24px 0 0; color:rgba(255,255,255,.78); font-size:clamp(1.06rem,1.7vw,1.26rem); line-height:1.75; }
    .commerce-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
    .commerce-btn { min-height:54px; display:inline-flex; align-items:center; justify-content:center; padding:0 24px; border-radius:999px; text-decoration:none; font-weight:900; border:0; cursor:pointer; }
    .commerce-btn--lime { background:var(--lime); color:var(--ink)!important; }
    .commerce-btn--ghost { color:#fff!important; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.06); }
    .commerce-btn--dark { background:var(--ink); color:#fff!important; }
    .commerce-hero__chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:36px; max-width:1030px; }
    .commerce-hero__chips span { padding:9px 12px; border-radius:999px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.74); font-weight:800; font-size:.82rem; }
    .commerce-section { padding:clamp(76px,10vw,126px) 0; }
    .commerce-paper { background:var(--paper); }
    .commerce-dark { background:var(--ink); color:#fff; }
    .commerce-head { display:grid; grid-template-columns:minmax(0,.96fr) minmax(280px,.58fr); gap:clamp(28px,6vw,80px); align-items:end; margin-bottom:42px; }
    .commerce-title { margin:0; max-width:990px; font-size:clamp(2.1rem,5vw,4.45rem); line-height:.98; letter-spacing:0; font-weight:900; }
    .commerce-copy { margin:0; color:var(--muted); font-size:1.04rem; line-height:1.75; }
    .commerce-dark .commerce-copy, .commerce-dark p { color:rgba(255,255,255,.68); }
    .commerce-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    .commerce-card { padding:24px; border-radius:8px; background:#fff; border:1px solid var(--line); box-shadow:0 16px 44px rgba(15,17,16,.05); }
    .commerce-dark .commerce-card { background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.12); box-shadow:none; }
    .commerce-num { display:inline-grid; place-items:center; width:44px; height:44px; margin-bottom:18px; border-radius:50%; background:var(--lime); color:var(--ink); font-weight:900; }
    .commerce-card h3 { margin:0; font-size:1.18rem; font-weight:900; }
    .commerce-card p { margin:10px 0 0; color:rgba(20,22,19,.64); line-height:1.65; font-size:.94rem; }
    .commerce-dark .commerce-card p { color:rgba(255,255,255,.66); }
    .commerce-split { display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(30px,6vw,72px); align-items:center; }
    .commerce-split--flip { grid-template-columns:1.05fr .95fr; }
    .commerce-media { position:relative; min-height:510px; border-radius:8px; overflow:hidden; background:#101310; box-shadow:0 28px 80px rgba(15,17,16,.12); }
    .commerce-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    .commerce-label { position:absolute; left:22px; bottom:22px; max-width:400px; padding:16px 18px; border-radius:8px; background:rgba(255,255,255,.94); color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.14); }
    .commerce-label strong { display:block; font-weight:900; }
    .commerce-label span { display:block; margin-top:5px; color:rgba(20,22,19,.62); font-size:.88rem; line-height:1.45; }
    .commerce-text h2 { margin:0; font-size:clamp(2rem,4vw,3.55rem); line-height:1; font-weight:900; }
    .commerce-text p { margin:18px 0 0; color:var(--muted); line-height:1.78; font-size:1.02rem; }
    .commerce-points { display:grid; gap:12px; margin-top:28px; }
    .commerce-point { display:grid; grid-template-columns:44px 1fr; gap:14px; padding:18px; border-radius:8px; background:rgba(255,255,255,.72); border:1px solid var(--line); }
    .commerce-point b { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:rgba(214,224,44,.25); color:#9aa311; font-weight:900; }
    .commerce-point strong { display:block; font-weight:900; }
    .commerce-point span { display:block; margin-top:4px; color:rgba(20,22,19,.58); font-size:.93rem; line-height:1.55; }
    .commerce-matrix { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:34px; }
    .commerce-pill { min-height:104px; display:flex; align-items:flex-end; padding:16px; border-radius:8px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); color:#fff; font-weight:900; line-height:1.28; }
    .commerce-contact { position:relative; overflow:hidden; isolation:isolate; color:#fff; }
    .commerce-contact::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(5,7,6,.97),rgba(5,7,6,.84)),url("/assets/images/solutions/ecommerce-platforms/dark-ecommerce-platforms-contact-bg.webp") center/cover; }
    .commerce-contact__grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:clamp(30px,6vw,76px); align-items:center; }
    .commerce-contact .commerce-text p { color:rgba(255,255,255,.72); }
    .commerce-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:clamp(24px,4vw,38px); border-radius:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(16px); }
    .commerce-field { display:grid; gap:8px; }
    .commerce-field--full { grid-column:1/-1; }
    .commerce-field label { color:rgba(255,255,255,.72); font-size:.76rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
    .commerce-field input, .commerce-field select, .commerce-field textarea { width:100%; min-height:52px; border:1px solid rgba(255,255,255,.2); border-radius:8px; padding:0 14px; background:rgba(0,0,0,.32); color:#fff; outline:none; font:700 .95rem/1.4 "Inter",system-ui,sans-serif; }
    .commerce-field textarea { min-height:118px; padding-top:14px; resize:vertical; }
    .commerce-faq { position:relative; overflow:hidden; }
    .commerce-faq::after { content:""; position:absolute; right:-90px; top:120px; width:min(42vw,520px); height:min(42vw,520px); border-radius:50%; opacity:.18; background:radial-gradient(circle at center,rgba(214,224,44,.5),rgba(214,224,44,0) 62%),repeating-linear-gradient(135deg,rgba(20,22,19,.12) 0 1px,transparent 1px 16px); pointer-events:none; }
    .commerce-faq .commerce-wrap { position:relative; z-index:1; }
    .commerce-faq details { background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; margin-top:10px; max-width:860px; }
    .commerce-faq summary { cursor:pointer; list-style:none; padding:20px 22px; display:flex; justify-content:space-between; gap:20px; font-weight:900; }
    .commerce-faq summary::-webkit-details-marker { display:none; }
    .commerce-faq summary::after { content:"+"; color:#9aa311; }
    .commerce-faq details[open] summary::after { content:"-"; }
    .commerce-faq details p { margin:0; padding:0 22px 20px; color:rgba(20,22,19,.64); line-height:1.72; }
    .commerce-final { background:var(--lime); text-align:center; }
    .commerce-final h2 { max-width:900px; margin:0 auto; font-size:clamp(2.25rem,5vw,4.4rem); line-height:.98; font-weight:900; }
    .commerce-final p { max-width:740px; margin:18px auto 0; color:rgba(20,22,19,.72); line-height:1.75; }
    .commerce-final .commerce-actions { justify-content:center; }
    @media (max-width:980px){ .commerce-head,.commerce-grid,.commerce-split,.commerce-split--flip,.commerce-contact__grid{grid-template-columns:1fr}.commerce-hero{min-height:760px}.commerce-media{min-height:380px}.commerce-matrix{grid-template-columns:repeat(2,minmax(0,1fr))} }
    @media (max-width:640px){ .commerce-wrap{width:min(calc(100% - 28px),1220px)}.commerce-crumb{top:92px}.commerce-hero{padding-top:172px;min-height:720px}.commerce-form,.commerce-matrix{grid-template-columns:1fr}.commerce-actions .commerce-btn{width:100%} }

/* ---- launch-a-business ---- */
:root {
      --lb-ink: #151713;
      --lb-soft: #f7f4ed;
      --lb-paper: #fffdf7;
      --lb-lime: #d6e02c;
      --lb-blue: #345a6f;
      --lb-coral: #ff7a59;
      --lb-line: rgba(21, 23, 19, 0.1);
    }

    .lb-page {
      margin: 0;
      background: var(--lb-soft);
      color: var(--lb-ink);
      font-family: "Inter", system-ui, sans-serif;
      overflow-x: hidden;
    }

    .lb-wrap {
      width: min(calc(100% - 40px), 1220px);
      margin: 0 auto;
    }

    .lb-crumb {
      position: absolute;
      top: 108px;
      left: 0;
      right: 0;
      z-index: 5;
    }

    .lb-crumb ol {
      width: fit-content;
      max-width: 100%;
      display: flex;
      flex-wrap: wrap;
      gap: 6px 8px;
      margin: 0;
      padding: 10px 14px;
      list-style: none;
      border-radius: 999px;
      background: rgba(255, 255, 255, 0.82);
      border: 1px solid rgba(255, 255, 255, 0.2);
      box-shadow: 0 14px 36px rgba(0, 0, 0, 0.12);
      backdrop-filter: blur(14px);
      font-size: 0.82rem;
      font-weight: 800;
      color: rgba(21, 23, 19, 0.48);
    }

    .lb-crumb a {
      color: rgba(21, 23, 19, 0.64);
      text-decoration: none;
    }

    .lb-crumb li:not(:last-child)::after {
      content: "/";
      margin-left: 8px;
      color: rgba(21, 23, 19, 0.22);
    }

    .lb-hero {
      min-height: 880px;
      position: relative;
      display: grid;
      align-items: end;
      padding: 190px 0 76px;
      color: #fff;
      isolation: isolate;
    }

    .lb-hero__bg,
    .lb-hero__bg video,
    .lb-hero__bg img,
    .lb-hero__veil {
      position: absolute;
      inset: 0;
    }

    .lb-hero__bg {
      z-index: -2;
      background: #0b0e0c;
      overflow: hidden;
    }

    .lb-hero__bg video,
    .lb-hero__bg img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
    }

    .lb-hero__bg video {
      z-index: 1;
    }

    .lb-hero__bg img {
      z-index: 2;
      transform: scale(1.02);
      transition: opacity 0.45s ease;
    }

    .lb-hero__bg img.is-hidden {
      opacity: 0;
    }

    .lb-hero__veil {
      z-index: 3;
      background:
        linear-gradient(90deg, rgba(7, 9, 8, 0.95) 0%, rgba(7, 9, 8, 0.78) 38%, rgba(7, 9, 8, 0.26) 100%),
        linear-gradient(180deg, rgba(7, 9, 8, 0.1) 0%, rgba(7, 9, 8, 0.82) 100%);
    }

    .lb-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin: 0 0 18px;
      color: var(--lb-lime);
      font-size: 0.8rem;
      font-weight: 900;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }

    .lb-eyebrow::before {
      content: "";
      width: 9px;
      height: 9px;
      border-radius: 50%;
      background: var(--lb-lime);
      box-shadow: 0 0 0 6px rgba(214, 224, 44, 0.16);
    }

    .lb-hero h1 {
      max-width: 14ch;
      margin: 0;
      font-size: clamp(2.7rem, 6.4vw, 5.7rem);
      line-height: 0.94;
      letter-spacing: 0;
      font-weight: 900;
    }

    .lb-hero__lead {
      max-width: 650px;
      margin: 28px 0 0;
      color: rgba(255, 255, 255, 0.76);
      font-size: clamp(1.08rem, 1.8vw, 1.28rem);
      line-height: 1.75;
    }

    .lb-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 34px;
    }

    .lb-btn {
      min-height: 54px;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      padding: 0 24px;
      border-radius: 999px;
      text-decoration: none;
      font-weight: 900;
      transition: transform 0.24s ease, background 0.24s ease;
    }

    .lb-btn:hover { transform: translateY(-2px); }
    .lb-btn--lime { background: var(--lb-lime); color: var(--lb-ink) !important; }
    .lb-btn--dark { background: var(--lb-ink); color: #fff !important; }
    .lb-btn--ghost {
      color: #fff !important;
      border: 1px solid rgba(255, 255, 255, 0.28);
      background: rgba(255, 255, 255, 0.06);
    }

    .lb-hero__stats {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 10px;
      margin-top: 56px;
      max-width: 900px;
    }

    .lb-stat {
      padding: 18px;
      border-radius: 18px;
      background: rgba(255, 255, 255, 0.09);
      border: 1px solid rgba(255, 255, 255, 0.12);
      backdrop-filter: blur(16px);
    }

    .lb-stat strong {
      display: block;
      font-size: 1.42rem;
      font-weight: 900;
      color: #fff;
    }

    .lb-stat span {
      display: block;
      margin-top: 4px;
      color: rgba(255, 255, 255, 0.62);
      font-size: 0.86rem;
      line-height: 1.45;
    }

    .lb-section {
      padding: clamp(76px, 10vw, 130px) 0;
    }

    .lb-section--paper { background: var(--lb-paper); }
    .lb-section--ink { background: var(--lb-ink); color: #fff; }

    .lb-head {
      display: grid;
      grid-template-columns: minmax(0, 0.95fr) minmax(280px, 0.58fr);
      gap: clamp(28px, 6vw, 80px);
      align-items: end;
      margin-bottom: 44px;
    }

    .lb-kicker {
      margin: 0 0 14px;
      color: rgba(21, 23, 19, 0.46);
      font-size: 0.78rem;
      font-weight: 900;
      letter-spacing: 0.16em;
      text-transform: uppercase;
    }

    .lb-section--ink .lb-kicker { color: var(--lb-lime); }

    .lb-title {
      margin: 0;
      max-width: 920px;
      font-size: clamp(2.25rem, 5.6vw, 5.1rem);
      line-height: 0.95;
      letter-spacing: 0;
      font-weight: 900;
    }

    .lb-copy {
      margin: 0;
      color: rgba(21, 23, 19, 0.68);
      font-size: 1.04rem;
      line-height: 1.75;
    }

    .lb-section--ink .lb-copy,
    .lb-section--ink p {
      color: rgba(255, 255, 255, 0.7);
    }

    .lb-split {
      display: grid;
      grid-template-columns: 0.92fr 1.08fr;
      gap: clamp(30px, 6vw, 74px);
      align-items: center;
    }

    .lb-media {
      position: relative;
      min-height: 520px;
      border-radius: 8px;
      overflow: hidden;
      background: #101310;
      box-shadow: 0 28px 80px rgba(15, 17, 16, 0.12);
    }

    .lb-media img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .lb-media__label {
      position: absolute;
      left: 22px;
      bottom: 22px;
      max-width: 330px;
      padding: 16px 18px;
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.94);
      color: var(--lb-ink);
      box-shadow: 0 18px 50px rgba(0, 0, 0, 0.14);
    }

    .lb-media__label strong {
      display: block;
      font-size: 1rem;
      font-weight: 900;
    }

    .lb-media__label span {
      display: block;
      margin-top: 5px;
      color: rgba(21, 23, 19, 0.62);
      font-size: 0.88rem;
      line-height: 1.45;
    }

    .lb-text h2,
    .lb-text h3 {
      margin: 0;
      font-size: clamp(2rem, 4vw, 3.65rem);
      line-height: 1;
      font-weight: 900;
      letter-spacing: 0;
    }

    .lb-text p {
      margin: 18px 0 0;
      color: rgba(21, 23, 19, 0.68);
      font-size: 1.02rem;
      line-height: 1.78;
    }

    .lb-points {
      display: grid;
      gap: 12px;
      margin-top: 28px;
    }

    .lb-point {
      display: grid;
      grid-template-columns: 42px 1fr;
      gap: 14px;
      align-items: start;
      padding: 18px;
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.72);
      border: 1px solid var(--lb-line);
    }

    .lb-point b {
      display: grid;
      place-items: center;
      width: 42px;
      height: 42px;
      border-radius: 50%;
      background: rgba(214, 224, 44, 0.22);
      color: #9aa311;
      font-size: 0.82rem;
      font-weight: 900;
    }

    .lb-point strong {
      display: block;
      font-size: 1.02rem;
      font-weight: 900;
    }

    .lb-point span {
      display: block;
      margin-top: 4px;
      color: rgba(21, 23, 19, 0.58);
      font-size: 0.93rem;
      line-height: 1.55;
    }

    .lb-grid {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
    }

    .lb-card {
      padding: 24px;
      border-radius: 8px;
      background: #fff;
      border: 1px solid var(--lb-line);
      box-shadow: 0 16px 44px rgba(15, 17, 16, 0.05);
    }

    .lb-section--ink .lb-card {
      background: rgba(255, 255, 255, 0.055);
      border-color: rgba(255, 255, 255, 0.12);
      box-shadow: none;
    }

    .lb-card__num {
      display: inline-grid;
      place-items: center;
      width: 44px;
      height: 44px;
      margin-bottom: 18px;
      border-radius: 50%;
      background: var(--lb-lime);
      color: var(--lb-ink);
      font-size: 0.82rem;
      font-weight: 900;
    }

    .lb-card h3 {
      margin: 0;
      font-size: 1.2rem;
      font-weight: 900;
      letter-spacing: 0;
    }

    .lb-card p {
      margin: 10px 0 0;
      color: rgba(21, 23, 19, 0.64);
      font-size: 0.94rem;
      line-height: 1.65;
    }

    .lb-section--ink .lb-card p { color: rgba(255, 255, 255, 0.66); }

    .lb-roadmap {
      display: grid;
      grid-template-columns: 0.9fr 1.1fr;
      gap: clamp(30px, 6vw, 76px);
      align-items: start;
    }

    .lb-timeline {
      display: grid;
      gap: 12px;
      counter-reset: launchStep;
    }

    .lb-step {
      counter-increment: launchStep;
      display: grid;
      grid-template-columns: 58px 1fr;
      gap: 18px;
      padding: 18px;
      border-radius: 8px;
      background: #fff;
      border: 1px solid var(--lb-line);
    }

    .lb-step::before {
      content: counter(launchStep, decimal-leading-zero);
      display: grid;
      place-items: center;
      width: 58px;
      height: 58px;
      border-radius: 50%;
      background: var(--lb-ink);
      color: var(--lb-lime);
      font-weight: 900;
    }

    .lb-step h3 {
      margin: 0;
      font-size: 1.1rem;
      font-weight: 900;
    }

    .lb-step p {
      margin: 7px 0 0;
      color: rgba(21, 23, 19, 0.62);
      line-height: 1.65;
    }

    .lb-band {
      padding: 36px;
      border-radius: 8px;
      background:
        linear-gradient(135deg, rgba(214, 224, 44, 0.18), rgba(52, 90, 111, 0.12)),
        #fff;
      border: 1px solid var(--lb-line);
    }

    .lb-band h2 {
      margin: 0;
      font-size: clamp(2rem, 4vw, 3.35rem);
      line-height: 1;
      font-weight: 900;
    }

    .lb-band p {
      margin: 18px 0 0;
      color: rgba(21, 23, 19, 0.68);
      line-height: 1.75;
    }

    .lb-checklist {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 10px;
      margin-top: 24px;
    }

    .lb-check {
      display: flex;
      gap: 10px;
      padding: 14px;
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.7);
      font-weight: 800;
      color: rgba(21, 23, 19, 0.78);
      line-height: 1.45;
    }

    .lb-check::before {
      content: "+";
      display: grid;
      place-items: center;
      width: 22px;
      height: 22px;
      flex: 0 0 22px;
      border-radius: 50%;
      background: var(--lb-lime);
      color: var(--lb-ink);
      font-size: 0.8rem;
    }

    .lb-contact {
      position: relative;
      overflow: hidden;
      isolation: isolate;
    }

    .lb-contact::before {
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      background:
        linear-gradient(90deg, rgba(5, 7, 6, 0.96), rgba(5, 7, 6, 0.9)),
        url("/assets/images/solutions/launch-a-business/business-launch-growth-roadmap.webp") center/cover;
      filter: saturate(0.9);
    }

    .lb-contact__grid {
      display: grid;
      grid-template-columns: 0.86fr 1.14fr;
      gap: clamp(30px, 6vw, 76px);
      align-items: center;
    }

    .lb-form {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 18px;
      padding: clamp(24px, 4vw, 38px);
      border-radius: 8px;
      background: rgba(255, 255, 255, 0.08);
      border: 1px solid rgba(255, 255, 255, 0.18);
      backdrop-filter: blur(16px);
      box-shadow: 0 26px 80px rgba(0, 0, 0, 0.28);
    }

    .lb-field,
    .lb-field--full {
      display: grid;
      gap: 8px;
    }

    .lb-field--full { grid-column: 1 / -1; }

    .lb-field label {
      color: rgba(255, 255, 255, 0.72);
      font-size: 0.76rem;
      font-weight: 900;
      letter-spacing: 0.08em;
      text-transform: uppercase;
    }

    .lb-field input,
    .lb-field select,
    .lb-field textarea {
      width: 100%;
      min-height: 52px;
      border: 1px solid rgba(255, 255, 255, 0.2);
      border-radius: 8px;
      padding: 0 14px;
      background: rgba(0, 0, 0, 0.32);
      color: #fff;
      outline: none;
      font: 700 0.95rem/1.4 "Inter", system-ui, sans-serif;
    }

    .lb-field textarea {
      min-height: 118px;
      padding-top: 14px;
      resize: vertical;
    }

    .lb-field input::placeholder,
    .lb-field textarea::placeholder {
      color: rgba(255, 255, 255, 0.48);
    }

    .lb-faq {
      display: grid;
      grid-template-columns: 0.8fr 1.2fr;
      gap: clamp(30px, 6vw, 80px);
      align-items: start;
    }

    .lb-faq__items {
      display: grid;
      gap: 10px;
    }

    .lb-faq details {
      background: #fff;
      border: 1px solid var(--lb-line);
      border-radius: 8px;
      overflow: hidden;
    }

    .lb-faq summary {
      cursor: pointer;
      list-style: none;
      padding: 20px 22px;
      display: flex;
      justify-content: space-between;
      gap: 20px;
      font-weight: 900;
    }

    .lb-faq summary::-webkit-details-marker { display: none; }
    .lb-faq summary::after { content: "+"; color: #9aa311; }
    .lb-faq details[open] summary::after { content: "-"; }

    .lb-faq details p {
      margin: 0;
      padding: 0 22px 20px;
      color: rgba(21, 23, 19, 0.64);
      line-height: 1.72;
    }

    .lb-final {
      background: var(--lb-lime);
      text-align: center;
    }

    .lb-final h2 {
      max-width: 900px;
      margin: 0 auto;
      font-size: clamp(2.4rem, 6vw, 5rem);
      line-height: 0.96;
      font-weight: 900;
    }

    .lb-final p {
      max-width: 680px;
      margin: 20px auto 0;
      color: rgba(21, 23, 19, 0.72);
      line-height: 1.75;
    }

    .lb-final .lb-actions {
      justify-content: center;
    }

    @media (max-width: 980px) {
      .lb-hero { min-height: 760px; }
      .lb-hero__stats,
      .lb-head,
      .lb-split,
      .lb-grid,
      .lb-roadmap,
      .lb-contact__grid,
      .lb-faq {
        grid-template-columns: 1fr;
      }

      .lb-hero__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 640px) {
      .lb-wrap { width: min(calc(100% - 28px), 1220px); }
      .lb-crumb { top: 92px; }
      .lb-hero { padding-top: 172px; min-height: 720px; }
      .lb-hero h1 { max-width: 12ch; }
      .lb-hero__stats,
      .lb-checklist,
      .lb-form {
        grid-template-columns: 1fr;
      }
      .lb-actions .lb-btn { width: 100%; }
      .lb-media { min-height: 360px; }
    }

/* ---- lead-generation ---- */
:root { --ink:#141613; --paper:#fbfaf4; --soft:#f4f1e8; --lime:#d6e02c; --blue:#31576d; --line:rgba(20,22,19,.1); }
    body.lg-page { margin:0; background:var(--soft); color:var(--ink); font-family:"Inter",system-ui,sans-serif; overflow-x:hidden; }
    .lg-wrap { width:min(calc(100% - 40px),1220px); margin:0 auto; }
    .lg-crumb { position:absolute; top:108px; left:0; right:0; z-index:6; }
    .lg-crumb ol { display:flex; flex-wrap:wrap; gap:6px 8px; width:fit-content; margin:0; padding:10px 14px; list-style:none; border-radius:999px; background:rgba(255,255,255,.82); box-shadow:0 14px 36px rgba(0,0,0,.12); backdrop-filter:blur(14px); font-size:.82rem; font-weight:800; color:rgba(20,22,19,.5); }
    .lg-crumb a { color:rgba(20,22,19,.68); text-decoration:none; }
    .lg-crumb li:not(:last-child)::after { content:"/"; margin-left:8px; color:rgba(20,22,19,.22); }
    .lg-hero { min-height:850px; position:relative; display:grid; align-items:end; padding:190px 0 76px; color:#fff; isolation:isolate; }
    .lg-hero__media, .lg-hero__media video, .lg-hero__poster, .lg-hero__veil { position:absolute; inset:0; }
    .lg-hero__media { z-index:-2; background:#070908; overflow:hidden; }
    .lg-hero__media video, .lg-hero__poster { width:100%; height:100%; object-fit:cover; object-position:center; }
    .lg-hero__media video { z-index:1; }
    .lg-hero__poster { z-index:2; transform:scale(1.02); transition:opacity .45s ease; }
    .lg-hero__poster.is-hidden { opacity:0; }
    .lg-hero__veil { z-index:3; background:linear-gradient(90deg,rgba(5,7,6,.96) 0%,rgba(5,7,6,.78) 38%,rgba(5,7,6,.2) 100%),linear-gradient(180deg,rgba(5,7,6,.08),rgba(5,7,6,.86)); }
    .lg-hero .lg-wrap { position:relative; z-index:4; }
    .lg-kicker { margin:0 0 14px; color:rgba(20,22,19,.46); font-size:.78rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
    .lg-hero .lg-kicker, .lg-dark .lg-kicker, .lg-contact .lg-kicker { color:var(--lime); }
    .lg-hero h1 { max-width:9ch; margin:0; font-size:clamp(2.9rem,7vw,6.2rem); line-height:.92; letter-spacing:0; font-weight:900; }
    .lg-hero__lead { max-width:680px; margin:24px 0 0; color:rgba(255,255,255,.76); font-size:clamp(1.06rem,1.7vw,1.26rem); line-height:1.75; }
    .lg-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
    .lg-btn { min-height:54px; display:inline-flex; align-items:center; justify-content:center; padding:0 24px; border-radius:999px; text-decoration:none; font-weight:900; border:0; cursor:pointer; }
    .lg-btn--lime { background:var(--lime); color:var(--ink)!important; }
    .lg-btn--ghost { color:#fff!important; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.06); }
    .lg-btn--dark { background:var(--ink); color:#fff!important; }
    .lg-hero__chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:36px; max-width:760px; }
    .lg-hero__chips span { padding:9px 12px; border-radius:999px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.74); font-weight:800; font-size:.82rem; }
    .lg-section { padding:clamp(76px,10vw,126px) 0; }
    .lg-paper { background:var(--paper); }
    .lg-dark { background:var(--ink); color:#fff; }
    .lg-head { display:grid; grid-template-columns:minmax(0,.95fr) minmax(280px,.58fr); gap:clamp(28px,6vw,80px); align-items:end; margin-bottom:42px; }
    .lg-title { margin:0; max-width:920px; font-size:clamp(2.1rem,5vw,4.55rem); line-height:.98; letter-spacing:0; font-weight:900; }
    .lg-copy { margin:0; color:rgba(20,22,19,.68); font-size:1.04rem; line-height:1.75; }
    .lg-dark .lg-copy, .lg-dark p { color:rgba(255,255,255,.68); }
    .lg-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    .lg-card { padding:24px; border-radius:8px; background:#fff; border:1px solid var(--line); box-shadow:0 16px 44px rgba(15,17,16,.05); }
    .lg-dark .lg-card { background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.12); box-shadow:none; }
    .lg-num { display:inline-grid; place-items:center; width:44px; height:44px; margin-bottom:18px; border-radius:50%; background:var(--lime); color:var(--ink); font-weight:900; }
    .lg-card h3 { margin:0; font-size:1.18rem; font-weight:900; }
    .lg-card p { margin:10px 0 0; color:rgba(20,22,19,.64); line-height:1.65; font-size:.94rem; }
    .lg-dark .lg-card p { color:rgba(255,255,255,.66); }
    .lg-split { display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(30px,6vw,72px); align-items:center; }
    .lg-split--flip { grid-template-columns:1.05fr .95fr; }
    .lg-media { position:relative; min-height:510px; border-radius:8px; overflow:hidden; background:#101310; box-shadow:0 28px 80px rgba(15,17,16,.12); }
    .lg-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    .lg-label { position:absolute; left:22px; bottom:22px; max-width:340px; padding:16px 18px; border-radius:8px; background:rgba(255,255,255,.94); color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.14); }
    .lg-label strong { display:block; font-weight:900; }
    .lg-label span { display:block; margin-top:5px; color:rgba(20,22,19,.62); font-size:.88rem; line-height:1.45; }
    .lg-text h2 { margin:0; font-size:clamp(2rem,4vw,3.55rem); line-height:1; font-weight:900; }
    .lg-text p { margin:18px 0 0; color:rgba(20,22,19,.68); line-height:1.78; font-size:1.02rem; }
    .lg-points { display:grid; gap:12px; margin-top:28px; }
    .lg-point { display:grid; grid-template-columns:44px 1fr; gap:14px; padding:18px; border-radius:8px; background:rgba(255,255,255,.72); border:1px solid var(--line); }
    .lg-point b { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:rgba(214,224,44,.25); color:#9aa311; font-weight:900; }
    .lg-point strong { display:block; font-weight:900; }
    .lg-point span { display:block; margin-top:4px; color:rgba(20,22,19,.58); font-size:.93rem; line-height:1.55; }
    .lg-contact { position:relative; overflow:hidden; isolation:isolate; color:#fff; }
    .lg-contact::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(5,7,6,.97),rgba(5,7,6,.86)),url("/assets/images/solutions/lead-generation/dark-lead-generation-contact-bg.webp") center/cover; }
    .lg-contact__grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:clamp(30px,6vw,76px); align-items:center; }
    .lg-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:clamp(24px,4vw,38px); border-radius:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(16px); }
    .lg-field { display:grid; gap:8px; }
    .lg-field--full { grid-column:1/-1; }
    .lg-field label { color:rgba(255,255,255,.72); font-size:.76rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
    .lg-field input, .lg-field select, .lg-field textarea { width:100%; min-height:52px; border:1px solid rgba(255,255,255,.2); border-radius:8px; padding:0 14px; background:rgba(0,0,0,.32); color:#fff; outline:none; font:700 .95rem/1.4 "Inter",system-ui,sans-serif; }
    .lg-field textarea { min-height:118px; padding-top:14px; resize:vertical; }
    .lg-faq details { background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; margin-top:10px; }
    .lg-faq summary { cursor:pointer; list-style:none; padding:20px 22px; display:flex; justify-content:space-between; gap:20px; font-weight:900; }
    .lg-faq summary::-webkit-details-marker { display:none; }
    .lg-faq summary::after { content:"+"; color:#9aa311; }
    .lg-faq details[open] summary::after { content:"-"; }
    .lg-faq details p { margin:0; padding:0 22px 20px; color:rgba(20,22,19,.64); line-height:1.72; }
    .lg-final { background:var(--lime); text-align:center; }
    .lg-final h2 { max-width:850px; margin:0 auto; font-size:clamp(2.25rem,5vw,4.4rem); line-height:.98; font-weight:900; }
    .lg-final p { max-width:680px; margin:18px auto 0; color:rgba(20,22,19,.72); line-height:1.75; }
    .lg-final .lg-actions { justify-content:center; }
    @media (max-width:980px){ .lg-head,.lg-grid,.lg-split,.lg-split--flip,.lg-contact__grid{grid-template-columns:1fr}.lg-hero{min-height:760px}.lg-media{min-height:380px} }
    @media (max-width:640px){ .lg-wrap{width:min(calc(100% - 28px),1220px)}.lg-crumb{top:92px}.lg-hero{padding-top:172px;min-height:720px}.lg-hero h1{max-width:8ch}.lg-form{grid-template-columns:1fr}.lg-actions .lg-btn{width:100%} }

/* ---- lms ---- */
:root { --ink:#141613; --paper:#fbfaf4; --soft:#f4f1e8; --lime:#d6e02c; --line:rgba(20,22,19,.1); }
    body.lms-page { margin:0; background:var(--soft); color:var(--ink); font-family:"Inter",system-ui,sans-serif; overflow-x:hidden; }
    .lms-wrap { width:min(calc(100% - 40px),1220px); margin:0 auto; }
    .lms-crumb { position:absolute; top:108px; left:0; right:0; z-index:6; }
    .lms-crumb ol { display:flex; flex-wrap:wrap; gap:6px 8px; width:fit-content; margin:0; padding:10px 14px; list-style:none; border-radius:999px; background:rgba(255,255,255,.82); box-shadow:0 14px 36px rgba(0,0,0,.12); backdrop-filter:blur(14px); font-size:.82rem; font-weight:800; color:rgba(20,22,19,.5); }
    .lms-crumb a { color:rgba(20,22,19,.68); text-decoration:none; }
    .lms-crumb li:not(:last-child)::after { content:"/"; margin-left:8px; color:rgba(20,22,19,.22); }
    .lms-hero { min-height:850px; position:relative; display:grid; align-items:end; padding:190px 0 76px; color:#fff; isolation:isolate; }
    .lms-hero__media, .lms-hero__media video, .lms-hero__poster, .lms-hero__veil { position:absolute; inset:0; }
    .lms-hero__media { z-index:-2; background:#070908; overflow:hidden; }
    .lms-hero__media video, .lms-hero__poster { width:100%; height:100%; object-fit:cover; object-position:center; }
    .lms-hero__media video { z-index:1; }
    .lms-hero__poster { z-index:2; transform:scale(1.02); transition:opacity .45s ease; }
    .lms-hero__poster.is-hidden { opacity:0; }
    .lms-hero__veil { z-index:3; background:linear-gradient(90deg,rgba(5,7,6,.96) 0%,rgba(5,7,6,.75) 39%,rgba(5,7,6,.18) 100%),linear-gradient(180deg,rgba(5,7,6,.04),rgba(5,7,6,.84)); }
    .lms-hero .lms-wrap { position:relative; z-index:4; }
    .lms-kicker { margin:0 0 14px; color:rgba(20,22,19,.46); font-size:.78rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
    .lms-hero .lms-kicker, .lms-dark .lms-kicker, .lms-contact .lms-kicker { color:var(--lime); }
    .lms-hero h1 { max-width:8ch; margin:0; font-size:clamp(2.9rem,7vw,6.15rem); line-height:.92; letter-spacing:0; font-weight:900; }
    .lms-hero__lead { max-width:780px; margin:24px 0 0; color:rgba(255,255,255,.78); font-size:clamp(1.06rem,1.7vw,1.26rem); line-height:1.75; }
    .lms-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
    .lms-btn { min-height:54px; display:inline-flex; align-items:center; justify-content:center; padding:0 24px; border-radius:999px; text-decoration:none; font-weight:900; border:0; cursor:pointer; }
    .lms-btn--lime { background:var(--lime); color:var(--ink)!important; }
    .lms-btn--ghost { color:#fff!important; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.06); }
    .lms-btn--dark { background:var(--ink); color:#fff!important; }
    .lms-hero__chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:36px; max-width:920px; }
    .lms-hero__chips span { padding:9px 12px; border-radius:999px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.74); font-weight:800; font-size:.82rem; }
    .lms-section { padding:clamp(76px,10vw,126px) 0; }
    .lms-paper { background:var(--paper); }
    .lms-dark { background:var(--ink); color:#fff; }
    .lms-head { display:grid; grid-template-columns:minmax(0,.96fr) minmax(280px,.58fr); gap:clamp(28px,6vw,80px); align-items:end; margin-bottom:42px; }
    .lms-title { margin:0; max-width:980px; font-size:clamp(2.1rem,5vw,4.45rem); line-height:.98; letter-spacing:0; font-weight:900; }
    .lms-copy { margin:0; color:rgba(20,22,19,.68); font-size:1.04rem; line-height:1.75; }
    .lms-dark .lms-copy, .lms-dark p { color:rgba(255,255,255,.68); }
    .lms-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    .lms-card { padding:24px; border-radius:8px; background:#fff; border:1px solid var(--line); box-shadow:0 16px 44px rgba(15,17,16,.05); }
    .lms-dark .lms-card { background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.12); box-shadow:none; }
    .lms-num { display:inline-grid; place-items:center; width:44px; height:44px; margin-bottom:18px; border-radius:50%; background:var(--lime); color:var(--ink); font-weight:900; }
    .lms-card h3 { margin:0; font-size:1.18rem; font-weight:900; }
    .lms-card p { margin:10px 0 0; color:rgba(20,22,19,.64); line-height:1.65; font-size:.94rem; }
    .lms-dark .lms-card p { color:rgba(255,255,255,.66); }
    .lms-split { display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(30px,6vw,72px); align-items:center; }
    .lms-split--flip { grid-template-columns:1.05fr .95fr; }
    .lms-media { position:relative; min-height:510px; border-radius:8px; overflow:hidden; background:#101310; box-shadow:0 28px 80px rgba(15,17,16,.12); }
    .lms-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    .lms-label { position:absolute; left:22px; bottom:22px; max-width:380px; padding:16px 18px; border-radius:8px; background:rgba(255,255,255,.94); color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.14); }
    .lms-label strong { display:block; font-weight:900; }
    .lms-label span { display:block; margin-top:5px; color:rgba(20,22,19,.62); font-size:.88rem; line-height:1.45; }
    .lms-text h2 { margin:0; font-size:clamp(2rem,4vw,3.55rem); line-height:1; font-weight:900; }
    .lms-text p { margin:18px 0 0; color:rgba(20,22,19,.68); line-height:1.78; font-size:1.02rem; }
    .lms-points { display:grid; gap:12px; margin-top:28px; }
    .lms-point { display:grid; grid-template-columns:44px 1fr; gap:14px; padding:18px; border-radius:8px; background:rgba(255,255,255,.72); border:1px solid var(--line); }
    .lms-point b { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:rgba(214,224,44,.25); color:#9aa311; font-weight:900; }
    .lms-point strong { display:block; font-weight:900; }
    .lms-point span { display:block; margin-top:4px; color:rgba(20,22,19,.58); font-size:.93rem; line-height:1.55; }
    .lms-contact { position:relative; overflow:hidden; isolation:isolate; color:#fff; }
    .lms-contact::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(5,7,6,.97),rgba(5,7,6,.84)),url("/assets/images/solutions/lms/dark-lms-contact-bg.webp") center/cover; }
    .lms-contact__grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:clamp(30px,6vw,76px); align-items:center; }
    .lms-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:clamp(24px,4vw,38px); border-radius:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(16px); }
    .lms-field { display:grid; gap:8px; }
    .lms-field--full { grid-column:1/-1; }
    .lms-field label { color:rgba(255,255,255,.72); font-size:.76rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
    .lms-field input, .lms-field select, .lms-field textarea { width:100%; min-height:52px; border:1px solid rgba(255,255,255,.2); border-radius:8px; padding:0 14px; background:rgba(0,0,0,.32); color:#fff; outline:none; font:700 .95rem/1.4 "Inter",system-ui,sans-serif; }
    .lms-field textarea { min-height:118px; padding-top:14px; resize:vertical; }
    .lms-faq { position:relative; overflow:hidden; }
    .lms-faq::after { content:""; position:absolute; right:-90px; top:120px; width:min(42vw,520px); height:min(42vw,520px); border-radius:50%; opacity:.18; background:radial-gradient(circle at center,rgba(214,224,44,.5),rgba(214,224,44,0) 62%),repeating-linear-gradient(135deg,rgba(20,22,19,.12) 0 1px,transparent 1px 16px); pointer-events:none; }
    .lms-faq .lms-wrap { position:relative; z-index:1; }
    .lms-faq details { background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; margin-top:10px; max-width:860px; }
    .lms-faq summary { cursor:pointer; list-style:none; padding:20px 22px; display:flex; justify-content:space-between; gap:20px; font-weight:900; }
    .lms-faq summary::-webkit-details-marker { display:none; }
    .lms-faq summary::after { content:"+"; color:#9aa311; }
    .lms-faq details[open] summary::after { content:"-"; }
    .lms-faq details p { margin:0; padding:0 22px 20px; color:rgba(20,22,19,.64); line-height:1.72; }
    .lms-final { background:var(--lime); text-align:center; }
    .lms-final h2 { max-width:850px; margin:0 auto; font-size:clamp(2.25rem,5vw,4.4rem); line-height:.98; font-weight:900; }
    .lms-final p { max-width:720px; margin:18px auto 0; color:rgba(20,22,19,.72); line-height:1.75; }
    .lms-final .lms-actions { justify-content:center; }
    @media (max-width:980px){ .lms-head,.lms-grid,.lms-split,.lms-split--flip,.lms-contact__grid{grid-template-columns:1fr}.lms-hero{min-height:760px}.lms-media{min-height:380px} }
    @media (max-width:640px){ .lms-wrap{width:min(calc(100% - 28px),1220px)}.lms-crumb{top:92px}.lms-hero{padding-top:172px;min-height:720px}.lms-hero h1{max-width:7ch}.lms-form{grid-template-columns:1fr}.lms-actions .lms-btn{width:100%} }

/* ---- mobile-applications ---- */
:root { --ink:#141613; --paper:#fbfaf4; --soft:#f4f1e8; --lime:#d6e02c; --line:rgba(20,22,19,.1); }
    body.ma-page { margin:0; background:var(--soft); color:var(--ink); font-family:"Inter",system-ui,sans-serif; overflow-x:hidden; }
    .ma-wrap { width:min(calc(100% - 40px),1220px); margin:0 auto; }
    .ma-crumb { position:absolute; top:108px; left:0; right:0; z-index:6; }
    .ma-crumb ol { display:flex; flex-wrap:wrap; gap:6px 8px; width:fit-content; margin:0; padding:10px 14px; list-style:none; border-radius:999px; background:rgba(255,255,255,.82); box-shadow:0 14px 36px rgba(0,0,0,.12); backdrop-filter:blur(14px); font-size:.82rem; font-weight:800; color:rgba(20,22,19,.5); }
    .ma-crumb a { color:rgba(20,22,19,.68); text-decoration:none; }
    .ma-crumb li:not(:last-child)::after { content:"/"; margin-left:8px; color:rgba(20,22,19,.22); }
    .ma-hero { min-height:850px; position:relative; display:grid; align-items:end; padding:190px 0 76px; color:#fff; isolation:isolate; }
    .ma-hero__media, .ma-hero__media video, .ma-hero__poster, .ma-hero__veil { position:absolute; inset:0; }
    .ma-hero__media { z-index:-2; background:#070908; overflow:hidden; }
    .ma-hero__media video, .ma-hero__poster { width:100%; height:100%; object-fit:cover; object-position:center; }
    .ma-hero__media video { z-index:1; }
    .ma-hero__poster { z-index:2; transform:scale(1.02); transition:opacity .45s ease; }
    .ma-hero__poster.is-hidden { opacity:0; }
    .ma-hero__veil { z-index:3; background:linear-gradient(90deg,rgba(5,7,6,.96) 0%,rgba(5,7,6,.75) 39%,rgba(5,7,6,.18) 100%),linear-gradient(180deg,rgba(5,7,6,.04),rgba(5,7,6,.84)); }
    .ma-hero .ma-wrap { position:relative; z-index:4; }
    .ma-kicker { margin:0 0 14px; color:rgba(20,22,19,.46); font-size:.78rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
    .ma-hero .ma-kicker, .ma-dark .ma-kicker, .ma-contact .ma-kicker { color:var(--lime); }
    .ma-hero h1 { max-width:8ch; margin:0; font-size:clamp(2.9rem,7vw,6.15rem); line-height:.92; letter-spacing:0; font-weight:900; }
    .ma-hero__lead { max-width:760px; margin:24px 0 0; color:rgba(255,255,255,.78); font-size:clamp(1.06rem,1.7vw,1.26rem); line-height:1.75; }
    .ma-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
    .ma-btn { min-height:54px; display:inline-flex; align-items:center; justify-content:center; padding:0 24px; border-radius:999px; text-decoration:none; font-weight:900; border:0; cursor:pointer; }
    .ma-btn--lime { background:var(--lime); color:var(--ink)!important; }
    .ma-btn--ghost { color:#fff!important; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.06); }
    .ma-btn--dark { background:var(--ink); color:#fff!important; }
    .ma-hero__chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:36px; max-width:920px; }
    .ma-hero__chips span { padding:9px 12px; border-radius:999px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.74); font-weight:800; font-size:.82rem; }
    .ma-section { padding:clamp(76px,10vw,126px) 0; }
    .ma-paper { background:var(--paper); }
    .ma-dark { background:var(--ink); color:#fff; }
    .ma-head { display:grid; grid-template-columns:minmax(0,.96fr) minmax(280px,.58fr); gap:clamp(28px,6vw,80px); align-items:end; margin-bottom:42px; }
    .ma-title { margin:0; max-width:960px; font-size:clamp(2.1rem,5vw,4.45rem); line-height:.98; letter-spacing:0; font-weight:900; }
    .ma-copy { margin:0; color:rgba(20,22,19,.68); font-size:1.04rem; line-height:1.75; }
    .ma-dark .ma-copy, .ma-dark p { color:rgba(255,255,255,.68); }
    .ma-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    .ma-card { padding:24px; border-radius:8px; background:#fff; border:1px solid var(--line); box-shadow:0 16px 44px rgba(15,17,16,.05); }
    .ma-dark .ma-card { background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.12); box-shadow:none; }
    .ma-num { display:inline-grid; place-items:center; width:44px; height:44px; margin-bottom:18px; border-radius:50%; background:var(--lime); color:var(--ink); font-weight:900; }
    .ma-card h3 { margin:0; font-size:1.18rem; font-weight:900; }
    .ma-card p { margin:10px 0 0; color:rgba(20,22,19,.64); line-height:1.65; font-size:.94rem; }
    .ma-dark .ma-card p { color:rgba(255,255,255,.66); }
    .ma-split { display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(30px,6vw,72px); align-items:center; }
    .ma-split--flip { grid-template-columns:1.05fr .95fr; }
    .ma-media { position:relative; min-height:510px; border-radius:8px; overflow:hidden; background:#101310; box-shadow:0 28px 80px rgba(15,17,16,.12); }
    .ma-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    .ma-label { position:absolute; left:22px; bottom:22px; max-width:365px; padding:16px 18px; border-radius:8px; background:rgba(255,255,255,.94); color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.14); }
    .ma-label strong { display:block; font-weight:900; }
    .ma-label span { display:block; margin-top:5px; color:rgba(20,22,19,.62); font-size:.88rem; line-height:1.45; }
    .ma-text h2 { margin:0; font-size:clamp(2rem,4vw,3.55rem); line-height:1; font-weight:900; }
    .ma-text p { margin:18px 0 0; color:rgba(20,22,19,.68); line-height:1.78; font-size:1.02rem; }
    .ma-points { display:grid; gap:12px; margin-top:28px; }
    .ma-point { display:grid; grid-template-columns:44px 1fr; gap:14px; padding:18px; border-radius:8px; background:rgba(255,255,255,.72); border:1px solid var(--line); }
    .ma-point b { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:rgba(214,224,44,.25); color:#9aa311; font-weight:900; }
    .ma-point strong { display:block; font-weight:900; }
    .ma-point span { display:block; margin-top:4px; color:rgba(20,22,19,.58); font-size:.93rem; line-height:1.55; }
    .ma-contact { position:relative; overflow:hidden; isolation:isolate; color:#fff; }
    .ma-contact::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(5,7,6,.97),rgba(5,7,6,.84)),url("/assets/images/solutions/mobile-applications/dark-mobile-applications-contact-bg.webp") center/cover; }
    .ma-contact__grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:clamp(30px,6vw,76px); align-items:center; }
    .ma-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:clamp(24px,4vw,38px); border-radius:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(16px); }
    .ma-field { display:grid; gap:8px; }
    .ma-field--full { grid-column:1/-1; }
    .ma-field label { color:rgba(255,255,255,.72); font-size:.76rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
    .ma-field input, .ma-field select, .ma-field textarea { width:100%; min-height:52px; border:1px solid rgba(255,255,255,.2); border-radius:8px; padding:0 14px; background:rgba(0,0,0,.32); color:#fff; outline:none; font:700 .95rem/1.4 "Inter",system-ui,sans-serif; }
    .ma-field textarea { min-height:118px; padding-top:14px; resize:vertical; }
    .ma-faq { position:relative; overflow:hidden; }
    .ma-faq::after { content:""; position:absolute; right:-90px; top:120px; width:min(42vw,520px); height:min(42vw,520px); border-radius:50%; opacity:.18; background:radial-gradient(circle at center,rgba(214,224,44,.5),rgba(214,224,44,0) 62%),repeating-linear-gradient(135deg,rgba(20,22,19,.12) 0 1px,transparent 1px 16px); pointer-events:none; }
    .ma-faq .ma-wrap { position:relative; z-index:1; }
    .ma-faq details { background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; margin-top:10px; max-width:860px; }
    .ma-faq summary { cursor:pointer; list-style:none; padding:20px 22px; display:flex; justify-content:space-between; gap:20px; font-weight:900; }
    .ma-faq summary::-webkit-details-marker { display:none; }
    .ma-faq summary::after { content:"+"; color:#9aa311; }
    .ma-faq details[open] summary::after { content:"-"; }
    .ma-faq details p { margin:0; padding:0 22px 20px; color:rgba(20,22,19,.64); line-height:1.72; }
    .ma-final { background:var(--lime); text-align:center; }
    .ma-final h2 { max-width:850px; margin:0 auto; font-size:clamp(2.25rem,5vw,4.4rem); line-height:.98; font-weight:900; }
    .ma-final p { max-width:720px; margin:18px auto 0; color:rgba(20,22,19,.72); line-height:1.75; }
    .ma-final .ma-actions { justify-content:center; }
    @media (max-width:980px){ .ma-head,.ma-grid,.ma-split,.ma-split--flip,.ma-contact__grid{grid-template-columns:1fr}.ma-hero{min-height:760px}.ma-media{min-height:380px} }
    @media (max-width:640px){ .ma-wrap{width:min(calc(100% - 28px),1220px)}.ma-crumb{top:92px}.ma-hero{padding-top:172px;min-height:720px}.ma-hero h1{max-width:7ch}.ma-form{grid-template-columns:1fr}.ma-actions .ma-btn{width:100%} }

/* ---- saas-platforms ---- */
:root { --ink:#141613; --paper:#fbfaf4; --soft:#f4f1e8; --lime:#d6e02c; --muted:rgba(20,22,19,.66); --line:rgba(20,22,19,.1); }
    body.saas-page { margin:0; background:var(--soft); color:var(--ink); font-family:"Inter",system-ui,sans-serif; overflow-x:hidden; }
    .saas-wrap { width:min(calc(100% - 40px),1220px); margin:0 auto; }
    .saas-crumb { position:absolute; top:108px; left:0; right:0; z-index:6; }
    .saas-crumb ol { display:flex; flex-wrap:wrap; gap:6px 8px; width:fit-content; margin:0; padding:10px 14px; list-style:none; border-radius:999px; background:rgba(255,255,255,.82); box-shadow:0 14px 36px rgba(0,0,0,.12); backdrop-filter:blur(14px); font-size:.82rem; font-weight:800; color:rgba(20,22,19,.5); }
    .saas-crumb a { color:rgba(20,22,19,.68); text-decoration:none; }
    .saas-crumb li:not(:last-child)::after { content:"/"; margin-left:8px; color:rgba(20,22,19,.22); }
    .saas-hero { min-height:850px; position:relative; display:grid; align-items:end; padding:190px 0 76px; color:#fff; isolation:isolate; }
    .saas-hero__media, .saas-hero__media video, .saas-hero__poster, .saas-hero__veil { position:absolute; inset:0; }
    .saas-hero__media { z-index:-2; background:#070908; overflow:hidden; }
    .saas-hero__media video, .saas-hero__poster { width:100%; height:100%; object-fit:cover; object-position:center; }
    .saas-hero__media video { z-index:1; }
    .saas-hero__poster { z-index:2; transform:scale(1.02); transition:opacity .45s ease; }
    .saas-hero__poster.is-hidden { opacity:0; }
    .saas-hero__veil { z-index:3; background:linear-gradient(90deg,rgba(5,7,6,.96) 0%,rgba(5,7,6,.77) 42%,rgba(5,7,6,.24) 100%),linear-gradient(180deg,rgba(5,7,6,.04),rgba(5,7,6,.84)); }
    .saas-hero .saas-wrap { position:relative; z-index:4; }
    .saas-kicker { margin:0 0 14px; color:rgba(20,22,19,.46); font-size:.78rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
    .saas-hero .saas-kicker, .saas-dark .saas-kicker, .saas-contact .saas-kicker { color:var(--lime); }
    .saas-hero h1 { max-width:8ch; margin:0; font-size:clamp(2.9rem,7vw,6.1rem); line-height:.92; letter-spacing:0; font-weight:900; }
    .saas-hero__lead { max-width:800px; margin:24px 0 0; color:rgba(255,255,255,.78); font-size:clamp(1.06rem,1.7vw,1.26rem); line-height:1.75; }
    .saas-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
    .saas-btn { min-height:54px; display:inline-flex; align-items:center; justify-content:center; padding:0 24px; border-radius:999px; text-decoration:none; font-weight:900; border:0; cursor:pointer; }
    .saas-btn--lime { background:var(--lime); color:var(--ink)!important; }
    .saas-btn--ghost { color:#fff!important; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.06); }
    .saas-btn--dark { background:var(--ink); color:#fff!important; }
    .saas-hero__chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:36px; max-width:1020px; }
    .saas-hero__chips span { padding:9px 12px; border-radius:999px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.74); font-weight:800; font-size:.82rem; }
    .saas-section { padding:clamp(76px,10vw,126px) 0; }
    .saas-paper { background:var(--paper); }
    .saas-dark { background:var(--ink); color:#fff; }
    .saas-head { display:grid; grid-template-columns:minmax(0,.96fr) minmax(280px,.58fr); gap:clamp(28px,6vw,80px); align-items:end; margin-bottom:42px; }
    .saas-title { margin:0; max-width:980px; font-size:clamp(2.1rem,5vw,4.45rem); line-height:.98; letter-spacing:0; font-weight:900; }
    .saas-copy { margin:0; color:var(--muted); font-size:1.04rem; line-height:1.75; }
    .saas-dark .saas-copy, .saas-dark p { color:rgba(255,255,255,.68); }
    .saas-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    .saas-card { padding:24px; border-radius:8px; background:#fff; border:1px solid var(--line); box-shadow:0 16px 44px rgba(15,17,16,.05); }
    .saas-dark .saas-card { background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.12); box-shadow:none; }
    .saas-num { display:inline-grid; place-items:center; width:44px; height:44px; margin-bottom:18px; border-radius:50%; background:var(--lime); color:var(--ink); font-weight:900; }
    .saas-card h3 { margin:0; font-size:1.18rem; font-weight:900; }
    .saas-card p { margin:10px 0 0; color:rgba(20,22,19,.64); line-height:1.65; font-size:.94rem; }
    .saas-dark .saas-card p { color:rgba(255,255,255,.66); }
    .saas-split { display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(30px,6vw,72px); align-items:center; }
    .saas-split--flip { grid-template-columns:1.05fr .95fr; }
    .saas-media { position:relative; min-height:510px; border-radius:8px; overflow:hidden; background:#101310; box-shadow:0 28px 80px rgba(15,17,16,.12); }
    .saas-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    .saas-label { position:absolute; left:22px; bottom:22px; max-width:390px; padding:16px 18px; border-radius:8px; background:rgba(255,255,255,.94); color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.14); }
    .saas-label strong { display:block; font-weight:900; }
    .saas-label span { display:block; margin-top:5px; color:rgba(20,22,19,.62); font-size:.88rem; line-height:1.45; }
    .saas-text h2 { margin:0; font-size:clamp(2rem,4vw,3.55rem); line-height:1; font-weight:900; }
    .saas-text p { margin:18px 0 0; color:var(--muted); line-height:1.78; font-size:1.02rem; }
    .saas-points { display:grid; gap:12px; margin-top:28px; }
    .saas-point { display:grid; grid-template-columns:44px 1fr; gap:14px; padding:18px; border-radius:8px; background:rgba(255,255,255,.72); border:1px solid var(--line); }
    .saas-point b { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:rgba(214,224,44,.25); color:#9aa311; font-weight:900; }
    .saas-point strong { display:block; font-weight:900; }
    .saas-point span { display:block; margin-top:4px; color:rgba(20,22,19,.58); font-size:.93rem; line-height:1.55; }
    .saas-rules { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; margin-top:34px; }
    .saas-rule { min-height:112px; display:flex; align-items:flex-end; padding:16px; border-radius:8px; background:rgba(255,255,255,.07); border:1px solid rgba(255,255,255,.12); color:#fff; font-weight:900; line-height:1.28; }
    .saas-contact { position:relative; overflow:hidden; isolation:isolate; color:#fff; }
    .saas-contact::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(5,7,6,.97),rgba(5,7,6,.84)),url("/assets/images/solutions/saas-platforms/dark-saas-platforms-contact-bg.webp") center/cover; }
    .saas-contact__grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:clamp(30px,6vw,76px); align-items:center; }
    .saas-contact .saas-text p { color:rgba(255,255,255,.72); }
    .saas-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:clamp(24px,4vw,38px); border-radius:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(16px); }
    .saas-field { display:grid; gap:8px; }
    .saas-field--full { grid-column:1/-1; }
    .saas-field label { color:rgba(255,255,255,.72); font-size:.76rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
    .saas-field input, .saas-field select, .saas-field textarea { width:100%; min-height:52px; border:1px solid rgba(255,255,255,.2); border-radius:8px; padding:0 14px; background:rgba(0,0,0,.32); color:#fff; outline:none; font:700 .95rem/1.4 "Inter",system-ui,sans-serif; }
    .saas-field textarea { min-height:118px; padding-top:14px; resize:vertical; }
    .saas-faq { position:relative; overflow:hidden; }
    .saas-faq::after { content:""; position:absolute; right:-90px; top:120px; width:min(42vw,520px); height:min(42vw,520px); border-radius:50%; opacity:.18; background:radial-gradient(circle at center,rgba(214,224,44,.5),rgba(214,224,44,0) 62%),repeating-linear-gradient(135deg,rgba(20,22,19,.12) 0 1px,transparent 1px 16px); pointer-events:none; }
    .saas-faq .saas-wrap { position:relative; z-index:1; }
    .saas-faq details { background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; margin-top:10px; max-width:860px; }
    .saas-faq summary { cursor:pointer; list-style:none; padding:20px 22px; display:flex; justify-content:space-between; gap:20px; font-weight:900; }
    .saas-faq summary::-webkit-details-marker { display:none; }
    .saas-faq summary::after { content:"+"; color:#9aa311; }
    .saas-faq details[open] summary::after { content:"-"; }
    .saas-faq details p { margin:0; padding:0 22px 20px; color:rgba(20,22,19,.64); line-height:1.72; }
    .saas-final { background:var(--lime); text-align:center; }
    .saas-final h2 { max-width:900px; margin:0 auto; font-size:clamp(2.25rem,5vw,4.4rem); line-height:.98; font-weight:900; }
    .saas-final p { max-width:740px; margin:18px auto 0; color:rgba(20,22,19,.72); line-height:1.75; }
    .saas-final .saas-actions { justify-content:center; }
    @media (max-width:980px){ .saas-head,.saas-grid,.saas-split,.saas-split--flip,.saas-contact__grid{grid-template-columns:1fr}.saas-hero{min-height:760px}.saas-media{min-height:380px}.saas-rules{grid-template-columns:repeat(2,minmax(0,1fr))} }
    @media (max-width:640px){ .saas-wrap{width:min(calc(100% - 28px),1220px)}.saas-crumb{top:92px}.saas-hero{padding-top:172px;min-height:720px}.saas-form,.saas-rules{grid-template-columns:1fr}.saas-actions .saas-btn{width:100%} }

/* ---- sell-online ---- */
:root { --ink:#141613; --paper:#fbfaf4; --soft:#f4f1e8; --lime:#d6e02c; --blue:#31576d; --line:rgba(20,22,19,.1); }
    body.so-page { margin:0; background:var(--soft); color:var(--ink); font-family:"Inter",system-ui,sans-serif; overflow-x:hidden; }
    .so-wrap { width:min(calc(100% - 40px),1220px); margin:0 auto; }
    .so-crumb { position:absolute; top:108px; left:0; right:0; z-index:6; }
    .so-crumb ol { display:flex; flex-wrap:wrap; gap:6px 8px; width:fit-content; margin:0; padding:10px 14px; list-style:none; border-radius:999px; background:rgba(255,255,255,.82); box-shadow:0 14px 36px rgba(0,0,0,.12); backdrop-filter:blur(14px); font-size:.82rem; font-weight:800; color:rgba(20,22,19,.5); }
    .so-crumb a { color:rgba(20,22,19,.68); text-decoration:none; }
    .so-crumb li:not(:last-child)::after { content:"/"; margin-left:8px; color:rgba(20,22,19,.22); }
    .so-hero { min-height:850px; position:relative; display:grid; align-items:end; padding:190px 0 76px; color:#fff; isolation:isolate; }
    .so-hero__media, .so-hero__media video, .so-hero__poster, .so-hero__veil { position:absolute; inset:0; }
    .so-hero__media { z-index:-2; background:#070908; overflow:hidden; }
    .so-hero__media video, .so-hero__poster { width:100%; height:100%; object-fit:cover; object-position:center; }
    .so-hero__media video { z-index:1; }
    .so-hero__poster { z-index:2; transform:scale(1.02); transition:opacity .45s ease; }
    .so-hero__poster.is-hidden { opacity:0; }
    .so-hero__veil { z-index:3; background:linear-gradient(90deg,rgba(5,7,6,.94) 0%,rgba(5,7,6,.74) 38%,rgba(5,7,6,.18) 100%),linear-gradient(180deg,rgba(5,7,6,.04),rgba(5,7,6,.82)); }
    .so-hero .so-wrap { position:relative; z-index:4; }
    .so-kicker { margin:0 0 14px; color:rgba(20,22,19,.46); font-size:.78rem; font-weight:900; letter-spacing:.16em; text-transform:uppercase; }
    .so-hero .so-kicker, .so-dark .so-kicker, .so-contact .so-kicker { color:var(--lime); }
    .so-hero h1 { max-width:8ch; margin:0; font-size:clamp(2.9rem,7vw,6.15rem); line-height:.92; letter-spacing:0; font-weight:900; }
    .so-hero__lead { max-width:720px; margin:24px 0 0; color:rgba(255,255,255,.78); font-size:clamp(1.06rem,1.7vw,1.26rem); line-height:1.75; }
    .so-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
    .so-btn { min-height:54px; display:inline-flex; align-items:center; justify-content:center; padding:0 24px; border-radius:999px; text-decoration:none; font-weight:900; border:0; cursor:pointer; }
    .so-btn--lime { background:var(--lime); color:var(--ink)!important; }
    .so-btn--ghost { color:#fff!important; border:1px solid rgba(255,255,255,.28); background:rgba(255,255,255,.06); }
    .so-btn--dark { background:var(--ink); color:#fff!important; }
    .so-hero__chips { display:flex; flex-wrap:wrap; gap:10px; margin-top:36px; max-width:820px; }
    .so-hero__chips span { padding:9px 12px; border-radius:999px; background:rgba(255,255,255,.09); border:1px solid rgba(255,255,255,.12); color:rgba(255,255,255,.74); font-weight:800; font-size:.82rem; }
    .so-section { padding:clamp(76px,10vw,126px) 0; }
    .so-paper { background:var(--paper); }
    .so-dark { background:var(--ink); color:#fff; }
    .so-head { display:grid; grid-template-columns:minmax(0,.96fr) minmax(280px,.58fr); gap:clamp(28px,6vw,80px); align-items:end; margin-bottom:42px; }
    .so-title { margin:0; max-width:920px; font-size:clamp(2.1rem,5vw,4.45rem); line-height:.98; letter-spacing:0; font-weight:900; }
    .so-copy { margin:0; color:rgba(20,22,19,.68); font-size:1.04rem; line-height:1.75; }
    .so-dark .so-copy, .so-dark p { color:rgba(255,255,255,.68); }
    .so-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
    .so-card { padding:24px; border-radius:8px; background:#fff; border:1px solid var(--line); box-shadow:0 16px 44px rgba(15,17,16,.05); }
    .so-dark .so-card { background:rgba(255,255,255,.055); border-color:rgba(255,255,255,.12); box-shadow:none; }
    .so-num { display:inline-grid; place-items:center; width:44px; height:44px; margin-bottom:18px; border-radius:50%; background:var(--lime); color:var(--ink); font-weight:900; }
    .so-card h3 { margin:0; font-size:1.18rem; font-weight:900; }
    .so-card p { margin:10px 0 0; color:rgba(20,22,19,.64); line-height:1.65; font-size:.94rem; }
    .so-dark .so-card p { color:rgba(255,255,255,.66); }
    .so-split { display:grid; grid-template-columns:.95fr 1.05fr; gap:clamp(30px,6vw,72px); align-items:center; }
    .so-split--flip { grid-template-columns:1.05fr .95fr; }
    .so-media { position:relative; min-height:510px; border-radius:8px; overflow:hidden; background:#101310; box-shadow:0 28px 80px rgba(15,17,16,.12); }
    .so-media img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
    .so-label { position:absolute; left:22px; bottom:22px; max-width:360px; padding:16px 18px; border-radius:8px; background:rgba(255,255,255,.94); color:var(--ink); box-shadow:0 18px 50px rgba(0,0,0,.14); }
    .so-label strong { display:block; font-weight:900; }
    .so-label span { display:block; margin-top:5px; color:rgba(20,22,19,.62); font-size:.88rem; line-height:1.45; }
    .so-text h2 { margin:0; font-size:clamp(2rem,4vw,3.55rem); line-height:1; font-weight:900; }
    .so-text p { margin:18px 0 0; color:rgba(20,22,19,.68); line-height:1.78; font-size:1.02rem; }
    .so-points { display:grid; gap:12px; margin-top:28px; }
    .so-point { display:grid; grid-template-columns:44px 1fr; gap:14px; padding:18px; border-radius:8px; background:rgba(255,255,255,.72); border:1px solid var(--line); }
    .so-point b { display:grid; place-items:center; width:44px; height:44px; border-radius:50%; background:rgba(214,224,44,.25); color:#9aa311; font-weight:900; }
    .so-point strong { display:block; font-weight:900; }
    .so-point span { display:block; margin-top:4px; color:rgba(20,22,19,.58); font-size:.93rem; line-height:1.55; }
    .so-contact { position:relative; overflow:hidden; isolation:isolate; color:#fff; }
    .so-contact::before { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(5,7,6,.97),rgba(5,7,6,.84)),url("/assets/images/solutions/sell-online/dark-sell-online-contact-bg.webp") center/cover; }
    .so-contact__grid { display:grid; grid-template-columns:.88fr 1.12fr; gap:clamp(30px,6vw,76px); align-items:center; }
    .so-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:clamp(24px,4vw,38px); border-radius:8px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.18); backdrop-filter:blur(16px); }
    .so-field { display:grid; gap:8px; }
    .so-field--full { grid-column:1/-1; }
    .so-field label { color:rgba(255,255,255,.72); font-size:.76rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
    .so-field input, .so-field select, .so-field textarea { width:100%; min-height:52px; border:1px solid rgba(255,255,255,.2); border-radius:8px; padding:0 14px; background:rgba(0,0,0,.32); color:#fff; outline:none; font:700 .95rem/1.4 "Inter",system-ui,sans-serif; }
    .so-field textarea { min-height:118px; padding-top:14px; resize:vertical; }
    .so-faq { position:relative; overflow:hidden; }
    .so-faq::after { content:""; position:absolute; right:-90px; top:120px; width:min(42vw,520px); height:min(42vw,520px); border-radius:50%; opacity:.18; background:radial-gradient(circle at center,rgba(214,224,44,.5),rgba(214,224,44,0) 62%),repeating-linear-gradient(135deg,rgba(20,22,19,.12) 0 1px,transparent 1px 16px); pointer-events:none; }
    .so-faq .so-wrap { position:relative; z-index:1; }
    .so-faq details { background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; margin-top:10px; max-width:860px; }
    .so-faq summary { cursor:pointer; list-style:none; padding:20px 22px; display:flex; justify-content:space-between; gap:20px; font-weight:900; }
    .so-faq summary::-webkit-details-marker { display:none; }
    .so-faq summary::after { content:"+"; color:#9aa311; }
    .so-faq details[open] summary::after { content:"-"; }
    .so-faq details p { margin:0; padding:0 22px 20px; color:rgba(20,22,19,.64); line-height:1.72; }
    .so-final { background:var(--lime); text-align:center; }
    .so-final h2 { max-width:850px; margin:0 auto; font-size:clamp(2.25rem,5vw,4.4rem); line-height:.98; font-weight:900; }
    .so-final p { max-width:720px; margin:18px auto 0; color:rgba(20,22,19,.72); line-height:1.75; }
    .so-final .so-actions { justify-content:center; }
    @media (max-width:980px){ .so-head,.so-grid,.so-split,.so-split--flip,.so-contact__grid{grid-template-columns:1fr}.so-hero{min-height:760px}.so-media{min-height:380px} }
    @media (max-width:640px){ .so-wrap{width:min(calc(100% - 28px),1220px)}.so-crumb{top:92px}.so-hero{padding-top:172px;min-height:720px}.so-hero h1{max-width:7ch}.so-form{grid-template-columns:1fr}.so-actions .so-btn{width:100%} }