.desa-public-page { background:#f5f6fa; }
.desa-brand { gap:10px; }
.desa-brand-pill { display:inline-flex; align-items:center; min-height:28px; padding:0 11px; color:#5b21b6; border:1px solid #ddd6fe; border-radius:999px; background:#f5f3ff; font-size:12px; font-weight:800; white-space:nowrap; }
.desa-hero { width:min(1370px,calc(100% - 48px)); min-height:620px; margin:24px auto 0; padding:88px 60px 76px; position:relative; display:flex; align-items:center; justify-content:center; text-align:center; border:0; background:transparent; }
.desa-hero-glow { display:none; }
.desa-hero-copy { width:min(900px,100%); position:relative; z-index:2; margin:0 auto; }
.desa-kicker { display:inline-flex; margin-bottom:22px; padding:9px 13px; color:#5b21b6; border:1px solid #ddd6fe; border-radius:999px; background:rgba(255,255,255,.8); font-size:11px; font-weight:800; letter-spacing:.12em; }
.desa-hero h1 { margin:0 auto; max-width:900px; font-size:clamp(54px,5.6vw,82px); line-height:1.02; letter-spacing:-4.6px; font-weight:560; }
.desa-hero-copy>p { max-width:780px; margin:28px auto 0; color:#666975; font-size:18px; line-height:1.75; }
.desa-hero-actions { margin-top:34px; display:flex; justify-content:center; gap:12px; flex-wrap:wrap; }
.desa-hero-proof { margin-top:44px; display:flex; justify-content:center; flex-wrap:wrap; gap:9px; }
.desa-hero-proof span { padding:10px 14px; color:#555865; border:1px solid #e3e5ec; border-radius:999px; background:rgba(255,255,255,.82); font-size:12px; font-weight:700; }
.desa-command-card { padding:18px; border:1px solid #d9dce6; border-radius:28px; background:#fff; box-shadow:0 34px 90px rgba(43,34,66,.16); transform:rotate(.25deg); }
.desa-command-top { min-height:70px; padding:0 12px 15px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #eceef3; }
.desa-command-top>div { display:grid; grid-template-columns:40px 1fr; column-gap:10px; align-items:center; }
.desa-command-top img { width:38px; height:38px; padding:10px; grid-row:1/3; border-radius:12px; background:#5b21b6; }
.desa-command-top strong { font-size:14px; }
.desa-command-top small { color:#8a8c95; font-size:11px; }
.desa-command-top>span { padding:8px 10px; color:#15803d; border-radius:999px; background:#ecfdf3; font-size:10px; font-weight:800; }
.desa-command-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; margin-top:14px; }
.desa-command-metrics article { padding:17px; border:1px solid #eceef3; border-radius:18px; background:#fafbfe; }
.desa-command-metrics small,.desa-command-metrics em { display:block; color:#898b94; font-size:10px; font-style:normal; }
.desa-command-metrics strong { display:block; margin:7px 0 5px; font-size:23px; letter-spacing:-1px; }
.desa-command-metrics em { color:#16845b; }
.desa-command-grid { display:grid; grid-template-columns:1.12fr .88fr; gap:12px; margin-top:12px; }
.desa-command-grid>section { padding:16px; border:1px solid #eceef3; border-radius:18px; }
.mini-heading { margin-bottom:12px; display:flex; justify-content:space-between; align-items:center; }
.mini-heading strong { font-size:12px; }.mini-heading span { color:#8a8c95; font-size:9px; }
.unit-row { padding:10px 0; display:grid; grid-template-columns:30px 1fr auto; gap:9px; align-items:center; border-top:1px solid #f0f1f5; }
.unit-row>b { width:30px; height:30px; display:grid; place-items:center; color:#5b21b6; border-radius:9px; background:#f3efff; font-size:9px; }
.unit-row p,.action-row p { margin:0; display:grid; gap:3px; }.unit-row strong,.action-row strong { font-size:10px; }.unit-row small,.action-row small { color:#999ba3; font-size:8px; }.unit-row>span { color:#4d505a; font-size:9px; font-weight:800; }
.action-row { padding:11px 0; display:grid; grid-template-columns:8px 1fr; gap:9px; align-items:start; border-top:1px solid #f0f1f5; }.action-row i { width:7px; height:7px; margin-top:4px; border-radius:50%; background:#f59e0b; }
.desa-positioning { width:var(--page); margin:92px auto 0; padding:48px 0; display:grid; grid-template-columns:1fr 1fr; gap:80px; align-items:end; border-top:1px solid #dddfe6; border-bottom:1px solid #dddfe6; }
.desa-positioning span { color:#7c3aed; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.desa-positioning h2 { margin:14px 0 0; max-width:600px; font-size:40px; line-height:1.12; letter-spacing:-2px; }.desa-positioning>p { margin:0; color:#686a73; font-size:16px; line-height:1.8; }
.desa-section { width:var(--page); margin:118px auto 0; }.desa-section-heading { max-width:760px; margin:0 auto 42px; text-align:center; }.desa-section-heading h2 { margin:0; font-size:48px; line-height:1.08; letter-spacing:-2.7px; }.desa-section-heading>p:last-child { margin:18px auto 0; color:#70727b; font-size:16px; line-height:1.75; }
.desa-segment-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }.desa-segment-card { padding:34px; position:relative; overflow:hidden; border:1px solid #e0e2e9; border-radius:26px; background:#fff; }.desa-segment-card>span { width:50px; height:50px; display:grid; place-items:center; border-radius:16px; color:#fff; background:#6d28d9; font-size:12px; font-weight:800; }.desa-segment-card.bumdes>span { background:#2563eb; }.desa-segment-card.wisata>span { background:#0f766e; }.desa-segment-card.umkm>span { background:#c2410c; }.desa-segment-card h3 { margin:25px 0 10px; font-size:28px; letter-spacing:-1px; }.desa-segment-card p { margin:0; color:#72747d; line-height:1.7; }.desa-segment-card ul { margin:22px 0; padding:0; display:grid; grid-template-columns:repeat(2,1fr); gap:10px; list-style:none; }.desa-segment-card li { color:#51545d; font-size:12px; }.desa-segment-card li::before { content:'✓'; margin-right:7px; color:#16a36a; font-weight:800; }.desa-segment-card a { color:#5b21b6; font-size:13px; font-weight:800; }
.desa-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }.desa-feature-grid article { min-height:235px; padding:28px; border:1px solid #e1e3e9; border-radius:22px; background:#fff; }.desa-feature-grid article>span { color:#7c3aed; font-size:11px; font-weight:800; }.desa-feature-grid h3 { margin:44px 0 10px; font-size:22px; }.desa-feature-grid p { margin:0; color:#72747d; font-size:13px; line-height:1.7; }
.desa-story-section { width:min(1280px,calc(100% - 48px)); margin:118px auto 0; padding:70px 40px; border-radius:32px; background:#fff; border:1px solid #e1e3ea; }.desa-flow-row { display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap; }.desa-flow-row span { padding:17px 19px; border:1px solid #e0e2e9; border-radius:15px; background:#f8f8fb; font-size:12px; font-weight:750; }.desa-flow-row i { color:#a3a5ae; font-style:normal; }
.desa-pricing { width:var(--page); margin:118px auto 0; display:grid; grid-template-columns:1fr 460px; gap:80px; align-items:center; }.desa-pricing-copy h2 { margin:0; font-size:58px; line-height:1.04; letter-spacing:-3px; }.desa-pricing-copy>p { max-width:620px; color:#6d6f78; font-size:17px; line-height:1.8; }.desa-price-card { padding:36px; border:1px solid #dcdde6; border-radius:28px; background:#fff; box-shadow:0 24px 65px rgba(51,42,73,.1); }.desa-price-card>span { color:#6d28d9; font-size:11px; font-weight:800; letter-spacing:.1em; }.desa-price-card>div { margin:18px 0 14px; display:flex; align-items:baseline; gap:7px; }.desa-price-card>div strong { font-size:42px; letter-spacing:-2px; }.desa-price-card>div small { color:#7c7e87; }.desa-price-card>p { color:#73757e; font-size:13px; line-height:1.7; }.desa-price-card ul { margin:24px 0; padding:0; display:grid; gap:11px; list-style:none; }.desa-price-card li { font-size:13px; }.desa-price-card li::before { content:'✓'; margin-right:9px; color:#16a36a; font-weight:800; }.desa-price-card .button { width:100%; }.price-note { display:block; margin-top:14px; color:#94969e; line-height:1.5; }
.desa-faq { margin-bottom:118px; }.desa-faq .faq-list { max-width:880px; margin:0 auto; }
.desa-final-cta { width:min(1370px,calc(100% - 48px)); margin:0 auto; padding:90px 30px; overflow:hidden; border-radius:32px; text-align:center; color:#fff; background:linear-gradient(140deg,#24143d,#5b21b6 60%,#0f766e); }.desa-final-cta>div { max-width:900px; margin:auto; }.desa-final-cta span { color:#ddd6fe; font-size:11px; font-weight:800; letter-spacing:.12em; }.desa-final-cta h2 { margin:18px 0; font-size:54px; line-height:1.08; letter-spacing:-3px; }.desa-final-cta p { max-width:680px; margin:0 auto; color:#d6d0df; line-height:1.7; }.desa-final-cta>div>div { margin-top:28px; display:flex; justify-content:center; gap:12px; }.desa-footer { margin-top:0; }
@media (max-width:1050px) { .desa-hero { grid-template-columns:1fr; }.desa-command-card { max-width:760px; width:100%; margin:auto; }.desa-pricing { grid-template-columns:1fr; }.desa-pricing { gap:36px; }.desa-price-card { width:min(520px,100%); }.desa-feature-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px) { .desa-brand-pill { display:none; }.desa-hero { width:calc(100% - 24px); margin-top:12px; padding:54px 20px 34px; gap:42px; }.desa-hero h1 { font-size:45px; letter-spacing:-2.6px; }.desa-hero-copy>p { font-size:15px; }.desa-command-metrics { grid-template-columns:1fr; }.desa-command-grid { grid-template-columns:1fr; }.desa-positioning { width:calc(100% - 36px); margin-top:64px; padding:38px 0; grid-template-columns:1fr; gap:28px; }.desa-positioning h2,.desa-section-heading h2 { font-size:35px; letter-spacing:-1.8px; }.desa-section { width:calc(100% - 36px); margin-top:72px; }.desa-section-heading { margin-bottom:28px; }.desa-segment-grid,.desa-feature-grid { grid-template-columns:1fr; }.desa-segment-card { padding:26px; }.desa-segment-card ul { grid-template-columns:1fr; }.desa-story-section { width:calc(100% - 24px); margin-top:72px; padding:42px 22px; }.desa-economy-benefits { grid-template-columns:1fr; }.desa-flow-row { align-items:stretch; flex-direction:column; }.desa-flow-row i { text-align:center; transform:rotate(90deg); }.desa-pricing { width:calc(100% - 36px); margin-top:72px; }.desa-pricing-copy h2 { font-size:42px; }.desa-final-cta { width:100%; padding:62px 22px; }.desa-final-cta h2 { font-size:38px; letter-spacing:-2px; }.desa-final-cta>div>div { flex-direction:column; }.desa-final-cta .button { width:100%; } }
/* Added 2026-08-08: Sellios for Desa core platform positioning */
.desa-one-platform{width:var(--page);margin:96px auto 0;padding:54px 0;border-bottom:1px solid #e0e2e8}.desa-one-platform-copy{max-width:850px;margin:0 auto 34px;text-align:center}.desa-one-platform-copy h2{margin:0;font-size:46px;line-height:1.08;letter-spacing:-2.5px}.desa-one-platform-copy>p:last-child{margin:18px auto 0;max-width:760px;color:#6e7079;font-size:16px;line-height:1.75}.desa-journey{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;gap:9px;align-items:center}.desa-journey article{min-height:118px;padding:20px;border:1px solid #e0e2e9;border-radius:18px;background:#fff;display:flex;flex-direction:column;gap:8px}.desa-journey article span{color:#7c3aed;font-size:10px;font-weight:850}.desa-journey article strong{font-size:16px}.desa-journey article small{color:#81838c;line-height:1.45}.desa-journey>i{color:#aaaab3;font-style:normal}
.desa-channel-section{width:min(1280px,calc(100% - 48px));margin:118px auto 0}.desa-channel-card{padding:62px;display:grid;grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;border:1px solid #dddfe7;border-radius:32px;background:linear-gradient(135deg,#fff 0%,#faf8ff 50%,#f2fbf8 100%)}.desa-channel-card h2,.desa-storefront-copy h2,.desa-ai-copy h2{margin:0;font-size:46px;line-height:1.08;letter-spacing:-2.4px}.desa-channel-card>div>p,.desa-storefront-copy>p,.desa-ai-copy>p{color:#6e7079;line-height:1.8}.desa-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.desa-chip-row span{padding:9px 12px;border:1px solid #e0e2e8;border-radius:999px;background:#fff;color:#52545e;font-size:11px;font-weight:750}.desa-inbox-demo{padding:22px;border:1px solid #e1e2e9;border-radius:24px;background:#fff;box-shadow:0 22px 55px rgba(53,45,75,.08)}.inbox-demo-top{padding:4px 2px 14px;display:flex;justify-content:space-between;border-bottom:1px solid #eff0f4}.inbox-demo-top span{padding:5px 8px;border-radius:999px;background:#f1ebff;color:#6d28d9;font-size:9px;font-weight:800}.desa-inbox-demo article{padding:15px 0;display:grid;grid-template-columns:34px 1fr auto;gap:11px;align-items:center;border-bottom:1px solid #f0f1f4}.desa-inbox-demo article:last-child{border-bottom:0}.desa-inbox-demo article>b{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#f4f1fb;color:#6d28d9;font-size:10px}.desa-inbox-demo article p{margin:0;display:grid;gap:4px}.desa-inbox-demo article strong{font-size:11px}.desa-inbox-demo article small{color:#8a8c95;font-size:9px}.desa-inbox-demo article em{color:#7e8089;font-size:8px;font-style:normal;font-weight:700}
.desa-storefront-white-label{width:var(--page);margin:118px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.desa-storefront-copy h2{max-width:560px}.desa-storefront-options{align-self:stretch;padding-top:4px}.desa-storefront-options ul{margin:26px 0 0;padding:0;display:grid;gap:12px;list-style:none}.desa-storefront-options li{padding:14px 16px;border:1px solid #e2e4e9;border-radius:15px;background:#fff;display:grid;gap:4px}.desa-storefront-options li strong{font-size:12px}.desa-storefront-options li span{color:#797b84;font-size:11px;line-height:1.55}
.desa-ai-section{width:min(1280px,calc(100% - 48px));margin:118px auto 0;padding:68px;display:grid;grid-template-columns:1fr 440px;gap:70px;align-items:center;border-radius:32px;color:#fff;background:linear-gradient(140deg,#25163c 0%,#4b1f79 55%,#194f46 100%)}.desa-ai-copy>p{color:#d0cad9}.desa-ai-grid{margin-top:28px;display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.desa-ai-grid article{padding:17px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.06);display:grid;gap:6px}.desa-ai-grid strong{font-size:12px}.desa-ai-grid span{color:#d0cbd9;font-size:10px;line-height:1.5}.desa-ai-panel{padding:28px;border:1px solid rgba(255,255,255,.14);border-radius:24px;background:rgba(255,255,255,.08);box-shadow:0 28px 60px rgba(0,0,0,.18)}.desa-ai-panel>span{color:#d9ccff;font-size:9px;font-weight:850;letter-spacing:.12em}.desa-ai-panel>strong{display:block;margin:14px 0 8px;font-size:20px}.desa-ai-panel>p{color:#d4cfdd;line-height:1.65;font-size:12px}.desa-ai-panel>div{margin-top:10px;padding:12px;display:grid;grid-template-columns:18px 1fr;gap:8px;border-radius:12px;background:rgba(255,255,255,.07)}.desa-ai-panel b{color:#c4b5fd}.desa-ai-panel div span{font-size:10px;line-height:1.5}.desa-ai-panel>small{display:block;margin-top:16px;color:#aaa2b7;line-height:1.5}
@media(max-width:1050px){.desa-channel-card,.desa-storefront-white-label,.desa-ai-section{grid-template-columns:1fr}.desa-ai-section{gap:34px}.desa-ai-panel{max-width:620px}.desa-journey{grid-template-columns:repeat(5,1fr);gap:10px}.desa-journey>i{display:none}}
@media(max-width:760px){.desa-one-platform{width:calc(100% - 36px);margin-top:64px;padding:34px 0}.desa-one-platform-copy h2,.desa-channel-card h2,.desa-storefront-copy h2,.desa-ai-copy h2{font-size:35px;letter-spacing:-1.8px}.desa-journey{grid-template-columns:1fr}.desa-journey article{min-height:auto}.desa-channel-section{width:calc(100% - 24px);margin-top:72px}.desa-channel-card{padding:34px 22px;gap:34px}.desa-storefront-white-label{width:calc(100% - 36px);margin-top:72px;gap:36px}.storefront-preview{min-height:330px;padding:38px 24px}.storefront-preview h3{font-size:29px}.desa-ai-section{width:calc(100% - 24px);margin-top:72px;padding:42px 22px}.desa-ai-grid{grid-template-columns:1fr}.desa-inbox-demo article{grid-template-columns:34px 1fr}.desa-inbox-demo article em{display:none}}

.desa-economy-section { width:min(1280px,calc(100% - 48px)); margin:118px auto 0; padding:64px; display:grid; grid-template-columns:1fr 1fr; gap:64px; align-items:center; border:1px solid #e0e2e9; border-radius:34px; background:linear-gradient(145deg,#fff 0%,#f7f3ff 55%,#effbf6 100%); }
.desa-economy-copy h2 { margin:0; max-width:620px; font-size:48px; line-height:1.08; letter-spacing:-2.5px; }
.desa-economy-copy>p { color:#6f717a; line-height:1.8; }
.desa-affiliate-cta { margin-top:24px; }
.economy-benefits span { color:#4a3f5f; border-color:#ded7ea; background:rgba(255,255,255,.7); }
.desa-affiliate-demo { padding:28px; border:1px solid #ded9e8; border-radius:24px; background:#fff; box-shadow:0 24px 60px rgba(61,42,91,.09); }
.affiliate-demo-head { display:flex; justify-content:space-between; gap:12px; margin-bottom:12px; }.affiliate-demo-head span { color:#7c3aed; font-size:11px; font-weight:800; }
.desa-affiliate-demo article { display:grid; grid-template-columns:40px 1fr auto; gap:12px; align-items:center; padding:14px 0; border-top:1px solid #ececf2; }.desa-affiliate-demo article b { width:38px; height:38px; display:grid; place-items:center; border-radius:12px; color:#6d28d9; background:#f1eafe; }.desa-affiliate-demo article p { margin:0; }.desa-affiliate-demo article p strong,.desa-affiliate-demo article p small { display:block; }.desa-affiliate-demo article p small { margin-top:3px; color:#8a8c94; }.desa-affiliate-demo article em { color:#178558; font-size:11px; font-style:normal; font-weight:800; }.affiliate-demo-flow { margin-top:16px; padding:14px; display:flex; flex-wrap:wrap; justify-content:center; gap:8px; border-radius:14px; background:#f7f7fa; font-size:10px; font-weight:800; }.affiliate-demo-flow i { color:#9a9ca4; font-style:normal; }
.desa-pricing { width:var(--page); margin:118px auto 0; display:block; }.desa-pricing-copy { max-width:780px; margin-bottom:34px; }.desa-pricing-copy h2 { margin:0; font-size:58px; line-height:1.04; letter-spacing:-3px; }.desa-pricing-copy>p { max-width:720px; color:#6d6f78; font-size:17px; line-height:1.8; }.desa-price-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; align-items:stretch; }.desa-price-card { height:100%; display:flex; flex-direction:column; }.desa-price-card ul { flex:1; }.desa-price-card.featured { border-color:#8b5cf6; box-shadow:0 28px 75px rgba(83,54,132,.17); position:relative; transform:translateY(-8px); }.desa-price-card.featured::before { content:'PILIHAN UTAMA'; position:absolute; right:22px; top:18px; padding:6px 8px; border-radius:999px; color:#fff; background:#6d28d9; font-size:9px; font-weight:900; letter-spacing:.08em; }.desa-pricing-note { display:block; margin-top:18px; color:#8b8d96; line-height:1.6; }

@media (max-width:1050px){.desa-price-grid{grid-template-columns:1fr}.desa-price-card.featured{transform:none}.desa-economy-section{grid-template-columns:1fr}.desa-price-card{width:100%}}
@media (max-width:760px){.desa-economy-section{width:calc(100% - 24px);margin-top:72px;padding:42px 22px}.desa-economy-copy h2{font-size:35px;letter-spacing:-1.8px}.desa-affiliate-demo article{grid-template-columns:38px 1fr}.desa-affiliate-demo article em{grid-column:2}.desa-price-grid{gap:12px}}

/* Billing period selector */
.desa-billing-toggle { width:max-content; max-width:100%; margin:0 0 26px; padding:5px; display:flex; gap:4px; border:1px solid #dedfe8; border-radius:999px; background:#f7f7fb; }
.desa-billing-toggle button { border:0; border-radius:999px; padding:11px 16px; background:transparent; color:#6f717b; font:inherit; font-size:13px; font-weight:800; cursor:pointer; transition:.18s ease; }
.desa-billing-toggle button span { margin-left:5px; padding:4px 7px; border-radius:999px; background:#ede9fe; color:#6d28d9; font-size:10px; }
.desa-billing-toggle button.active { background:#fff; color:#25212c; box-shadow:0 5px 18px rgba(50,42,70,.11); }
.desa-price-value { margin:18px 0 6px !important; }

/* Package capacities follow the same model as the 16 Industry Solutions. */
.desa-price-card li{line-height:1.5}
.desa-price-card .desa-saving{min-height:18px}
.desa-saving { min-height:20px; margin:0 0 10px !important; color:#16845a !important; font-size:12px !important; font-weight:800; opacity:0; transform:translateY(-3px); transition:.18s ease; }
.desa-saving.is-visible { opacity:1; transform:none; }
@media (max-width:760px) { .desa-billing-toggle { width:100%; }.desa-billing-toggle button { flex:1; padding:10px 9px; }.desa-billing-toggle button span { display:block; margin:4px 0 0; } }

/* WordPress + alignment refinements for Sellios for Desa — 2026-08-08 */
.desa-wordpress-section{width:var(--page);margin:118px auto 0;padding:64px;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.86fr);gap:72px;align-items:center;border:1px solid #dedfe7;border-radius:32px;background:linear-gradient(135deg,#fff 0%,#faf8ff 55%,#f1f8f5 100%)}
.desa-wordpress-section .industry-capability-copy h2{font-size:46px;letter-spacing:-2.4px}
.desa-ai-link{display:inline-flex;margin-top:8px;color:#fff;font-size:12px;font-weight:850;text-decoration:none}.desa-ai-link:hover{text-decoration:underline}
/* Keep every major Desa section on the same left/right grid as header and footer. */
.desa-hero,.desa-channel-section,.desa-story-section,.desa-ai-section,.desa-economy-section,.desa-final-cta{width:var(--page)}
@media(max-width:1050px){.desa-wordpress-section{grid-template-columns:1fr;gap:38px}}
@media(max-width:760px){.desa-wordpress-section{width:var(--page);margin-top:72px;padding:40px 22px;gap:32px}.desa-wordpress-section .industry-capability-copy h2{font-size:35px;letter-spacing:-1.8px}.desa-hero,.desa-channel-section,.desa-story-section,.desa-ai-section,.desa-economy-section,.desa-final-cta{width:var(--page)}}

/* Sellios for Desa: align every public surface to the floating header rail. */
.desa-public-page {
  --desa-page: min(1120px, calc(100% - 160px));
}
.desa-public-page .site-header,
.desa-public-page .desa-hero,
.desa-public-page .desa-positioning,
.desa-public-page .desa-one-platform,
.desa-public-page .desa-channel-section,
.desa-public-page .desa-storefront-white-label,
.desa-public-page .desa-wordpress-section,
.desa-public-page .desa-ai-section,
.desa-public-page .desa-section,
.desa-public-page 
.desa-public-page .desa-story-section,
.desa-public-page .desa-economy-section,
.desa-public-page .desa-pricing,
.desa-public-page .desa-final-cta {
  width: var(--desa-page);
}
.desa-public-page .site-footer.homepage-footer {
  width: 100%;
  margin-inline: 0;
  padding-left: max(24px, calc((100% - var(--desa-page)) / 2));
  padding-right: max(24px, calc((100% - var(--desa-page)) / 2));
}
@media (max-width: 1050px) {
  .desa-public-page { --desa-page: calc(100% - 48px); }
}
@media (max-width: 760px) {
  .desa-public-page { --desa-page: calc(100% - 24px); }
}

/* Composer and Party 360 architecture panel. */
.desa-composition-section { width:var(--desa-page, var(--page)); margin:118px auto 0; }
.desa-composition-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.desa-composition-grid article { min-height:220px; padding:26px; display:flex; flex-direction:column; border:1px solid #e0e2e9; border-radius:22px; background:#fff; }
.desa-composition-grid article span { color:#7c3aed; font-size:11px; font-weight:850; letter-spacing:.08em; }
.desa-composition-grid article strong { margin-top:42px; font-size:18px; }
.desa-composition-grid article p { margin:10px 0 0; color:#747680; font-size:12px; line-height:1.7; }
@media (max-width:1050px) { .desa-composition-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px) { .desa-composition-section { width:var(--desa-page, calc(100% - 24px)); margin-top:72px; } .desa-composition-grid { grid-template-columns:1fr; } .desa-composition-grid article { min-height:auto; } }

/* Network storefront: discovery is shared, seller ownership stays visible. */
.desa-network-main { width: var(--desa-page, var(--page)); margin: 0 auto; }
.desa-network-hero { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(280px, .65fr); gap: 28px; align-items: end; padding: 118px 0 74px; }
.desa-network-hero h1 { max-width: 850px; margin: 14px 0 18px; font-size: clamp(44px, 6vw, 82px); line-height: .98; letter-spacing: -.065em; }
.desa-network-hero > div > p:not(.eyebrow) { max-width: 720px; color: var(--muted); font-size: 18px; line-height: 1.65; }
.desa-network-proof { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 24px; }
.desa-network-proof span, .desa-network-heading > span { border: 1px solid #e0d8f6; border-radius: 999px; padding: 9px 13px; color: #5d3bc5; background: #faf8ff; font-size: 12px; font-weight: 800; }
.desa-network-boundary { border: 1px solid #ded7ef; border-radius: 28px; padding: 28px; background: #fff; box-shadow: 0 18px 42px rgba(45, 27, 95, .08); }
.desa-network-boundary strong { display: block; font-size: 20px; }
.desa-network-boundary p { margin: 12px 0 18px; color: var(--muted); line-height: 1.6; }
.desa-network-boundary a, .desa-network-card-body a, .desa-network-footer a { color: #6d28d9; font-weight: 800; text-decoration: none; }
.desa-network-catalogue { padding: 64px 0 94px; }
.desa-network-heading { display: flex; justify-content: space-between; gap: 20px; align-items: end; margin-bottom: 24px; }
.desa-network-heading h2, .desa-network-how h2 { margin: 10px 0 0; font-size: clamp(32px, 4vw, 54px); line-height: 1.02; letter-spacing: -.05em; }
.desa-network-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.desa-network-card { overflow: hidden; border: 1px solid #e0dbea; border-radius: 24px; background: #fff; box-shadow: 0 14px 30px rgba(44, 30, 87, .06); }
.desa-network-card-media { display: grid; place-items: center; min-height: 150px; color: #fff; font-size: 36px; font-weight: 900; letter-spacing: .06em; }
.media-bumdes { background: linear-gradient(135deg, #b45309, #f59e0b); }
.media-kopdes { background: linear-gradient(135deg, #0f766e, #2dd4bf); }
.media-wisata { background: linear-gradient(135deg, #166534, #84cc16); }
.media-umkm { background: linear-gradient(135deg, #be185d, #fb7185); }
.media-auto { background: linear-gradient(135deg, #1e293b, #64748b); }
.desa-network-card-body { padding: 22px; }
.desa-network-card-body .eyebrow { margin-bottom: 9px; font-size: 10px; }
.desa-network-card-body h3 { margin: 0 0 10px; font-size: 22px; letter-spacing: -.035em; }
.desa-network-card-body > strong { display: block; margin-bottom: 8px; color: #2a1d46; font-size: 18px; }
.desa-network-card-body > p:not(.eyebrow) { min-height: 48px; margin: 0 0 18px; color: var(--muted); line-height: 1.5; }
.desa-network-card-body > div { display: grid; gap: 10px; border-top: 1px solid #eeeaf5; padding-top: 15px; }
.desa-network-card-body > div span { color: #756c86; font-size: 12px; font-weight: 700; }
.desa-network-how { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 32px; align-items: center; border-top: 1px solid #e4dfed; padding: 86px 0 100px; }
.desa-network-how p:not(.eyebrow) { color: var(--muted); line-height: 1.65; }
.desa-network-flow { display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 10px; }
.desa-network-flow article { display: grid; gap: 7px; min-height: 126px; padding: 18px; border: 1px solid #e0dbea; border-radius: 20px; background: #fff; }
.desa-network-flow b { color: #6d28d9; font-size: 12px; }
.desa-network-flow span { color: var(--muted); font-size: 13px; line-height: 1.4; }
.desa-network-flow i { color: #9a8db6; font-size: 24px; font-style: normal; }
.desa-network-footer { width: var(--desa-page, var(--page)); display: flex; justify-content: space-between; gap: 20px; margin: 0 auto; border-top: 1px solid #e4dfed; padding: 28px 0 64px; }
.desa-network-footer div { display: grid; gap: 5px; }
.desa-network-footer span { color: var(--muted); font-size: 13px; }
@media (max-width: 900px) { .desa-network-hero, .desa-network-how { grid-template-columns: 1fr; } .desa-network-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 620px) { .desa-network-hero { padding-top: 82px; } .desa-network-heading, .desa-network-footer { display: grid; } .desa-network-grid { grid-template-columns: 1fr; } .desa-network-flow { grid-template-columns: 1fr; } .desa-network-flow i { display: none; } }

/* Conversion layer: make the public page feel like a guided sales experience. */
.desa-proof-strip { width:var(--desa-page, var(--page)); margin:18px auto 0; display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.desa-public-page .site-header .header-actions .button-small { width:118px; min-width:118px; padding-inline:12px; font-size:13px; white-space:nowrap; }
.desa-proof-strip article { min-height:92px; padding:20px 22px; border:1px solid #e1e3ea; border-radius:18px; background:#fff; box-shadow:0 10px 28px rgba(45,35,70,.04); }
.desa-proof-strip strong,.desa-proof-strip span { display:block; }
.desa-proof-strip strong { color:#2b2438; font-size:14px; }
.desa-proof-strip span { margin-top:7px; color:#777985; font-size:12px; line-height:1.45; }
.desa-segment-actions { margin-top:24px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; }
.desa-segment-actions a { color:#6d28d9; font-size:12px; font-weight:800; text-decoration:none; }
.desa-segment-actions a.primary { min-height:40px; padding:11px 15px; border-radius:10px; color:#fff; background:#1f1b25; }
.desa-segment-actions a.primary:hover { background:#6d28d9; }
.desa-live-demo { width:var(--desa-page, var(--page)); margin:118px auto 0; padding:54px 0 0; border-top:1px solid #e0e2e8; }
.desa-live-demo .desa-section-heading { margin-bottom:30px; }
.desa-live-demo-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.desa-live-demo-card { min-width:0; overflow:hidden; display:flex; flex-direction:column; border:1px solid #e0e2e9; border-radius:20px; background:#fff; color:inherit; text-decoration:none; box-shadow:0 12px 32px rgba(43,34,66,.05); transition:transform .2s ease, box-shadow .2s ease; }
.desa-live-demo-card:hover { transform:translateY(-4px); box-shadow:0 20px 44px rgba(66,43,108,.13); }
.desa-live-demo-card img { width:100%; height:152px; object-fit:cover; }
.desa-live-demo-card span { margin:17px 18px 0; color:#7042cd; font-size:10px; font-weight:850; letter-spacing:.12em; }
.desa-live-demo-card strong { margin:9px 18px 0; color:#282230; font-size:17px; letter-spacing:-.4px; }
.desa-live-demo-card small { min-height:35px; margin:7px 18px 0; color:#7c7e88; font-size:11px; line-height:1.45; }
.desa-live-demo-card b { margin:18px; color:#6d28d9; font-size:12px; }
.desa-live-demo-cta { margin-top:24px; display:flex; align-items:center; justify-content:center; gap:16px; flex-wrap:wrap; color:#777985; font-size:13px; }
.desa-trial-section { width:var(--desa-page, var(--page)); margin:118px auto 0; padding:58px 0 0; border-top:1px solid #e0e2e8; text-align:center; }
.desa-trial-section .desa-section-heading { margin-bottom:30px; }
.desa-trial-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; text-align:left; }
.desa-trial-grid article { min-height:170px; padding:25px; border:1px solid #e0e2e9; border-radius:20px; background:#fff; }
.desa-trial-grid article span { color:#7c3aed; font-size:11px; font-weight:850; letter-spacing:.08em; }
.desa-trial-grid article strong { display:block; margin-top:30px; color:#2a2434; font-size:17px; }
.desa-trial-grid article p { margin:8px 0 0; color:#777985; font-size:12px; line-height:1.6; }
.desa-trial-cta { margin-top:28px; }
@media (max-width:1050px) { .desa-live-demo-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:760px) {
  .desa-proof-strip { width:var(--desa-page, calc(100% - 24px)); grid-template-columns:1fr; }
  .desa-proof-strip article { min-height:auto; }
  .desa-segment-actions { align-items:stretch; flex-direction:column; gap:10px; }
  .desa-segment-actions a.primary { text-align:center; }
  .desa-live-demo { width:var(--desa-page, calc(100% - 24px)); margin-top:72px; padding-top:38px; }
  .desa-live-demo-grid,.desa-trial-grid { grid-template-columns:1fr; }
  .desa-live-demo-card img { height:205px; }
  .desa-live-demo-cta { align-items:stretch; flex-direction:column; text-align:center; }
  .desa-trial-section { width:var(--desa-page, calc(100% - 24px)); margin-top:72px; padding-top:38px; }
  .desa-trial-cta { width:100%; }
}