/* DXD Magnate commercial experience */
.sales-hero{position:relative;min-height:0;padding-top:94px;padding-bottom:90px}
.sales-hero h1{max-width:1130px;font-size:clamp(47px,6.4vw,93px)}
.sales-hero .lead{max-width:770px}
.trust-chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:42px}
.trust-chips span{font-size:11px;color:#51604c;background:#fcfcf4;border:1px solid #d2dfbe;padding:9px 13px;border-radius:20px}
.compact-section{padding-top:76px;padding-bottom:76px}
.result-hint{color:#41602f!important;font-weight:650;font-size:12px!important;border-top:1px solid #d8ddcd;padding-top:14px;margin-top:20px}
.card-list{margin:16px 0 0;padding-left:18px;color:#4c594c;line-height:1.9;font-size:13px}
.card-list li{margin-bottom:6px}
.lead-small{font-size:18px;line-height:1.65;color:#515d4f}
.offer-split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}
.offer-split h2{font-size:clamp(35px,4.3vw,58px)}
.offer-split>div>p:not(.eyebrow){max-width:545px}
.offer-split .button{margin-top:20px}
.offer-steps{background:#eff4e6;border:1px solid #d8e2ca;border-radius:8px;padding:32px}
.offer-steps h3{font-size:23px;font-weight:600;margin:0 0 23px}
.offer-steps ol{margin:0;padding:0;list-style:none}
.offer-steps li{border-top:1px solid #cfd9c6;padding:15px 0;display:grid;grid-template-columns:105px 1fr;gap:14px}
.offer-steps b{font-size:14px}
.offer-steps span{font-size:13px;color:#576351}
.small-muted{font-size:12px!important;color:#687362!important;line-height:1.65!important}
.proof-section{background:#f5f5ef}
.proof-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:7%;align-items:center}
.proof-layout>div>p{font-size:15px;line-height:1.75;color:#596453;max-width:530px}
.proof-layout .button{margin:15px 0}
.workflow-preview{background:#1d2c22;color:#f2f6e9;border:1px solid #38513b;border-radius:12px;padding:25px;box-shadow:0 15px 36px #0d211327}
.preview-top{display:flex;justify-content:space-between;color:#a4d4a3;font-size:10px;letter-spacing:1.5px;padding-bottom:17px;border-bottom:1px solid #44624a}
.preview-step{display:flex;align-items:center;gap:14px;margin-top:16px;padding:16px 18px;background:#2b4131;border-radius:7px;font-size:15px;font-weight:650}
.preview-step small{font-size:11px;font-weight:400;color:#c2d7c0;margin-left:auto}
.preview-dot{width:11px;height:11px;border-radius:50%;background:#d1fa54}
.faq-stack{margin-top:34px;max-width:940px}
.faq-stack details{border-top:1px solid #bec8b9;padding:17px 0}
.faq-stack details:last-child{border-bottom:1px solid #bec8b9}
.faq-stack summary{font-size:18px;font-weight:650;cursor:pointer;padding-right:24px}
.faq-stack p{max-width:780px;font-size:14px;color:#576351;line-height:1.8}
.conversion-actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}
.contact-section .quiet-link{color:#c8e8bb}
.contact-section .small-muted{color:#bacab3!important}
.process-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:35px}
.process-rail>div{background:#eaf2e4;border:1px solid #c8d9c0;padding:22px 14px;display:flex;flex-direction:column;gap:8px;min-height:125px}
.process-rail b{font-size:12px;color:#628453}
.process-rail strong{font-size:19px}
.process-rail small{font-size:12px;color:#5b6956;line-height:1.45}
.demo-shell{max-width:1180px;margin:45px auto;padding:0 5% 90px}
.demo-banner{padding:25px 30px;background:#e8f2de;border:1px solid #c4d8b3;border-radius:8px}
.demo-banner strong{font-size:20px}
.demo-banner p{font-size:13px;color:#5b6856}
.demo-dashboard{background:#fefefa;border:1px solid #d4dccf;border-radius:10px;padding:26px;margin-top:20px}
.demo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}
.demo-stat{border:1px solid #d2d8ca;padding:19px;border-radius:8px;background:#f6f8f2}
.demo-stat small{display:block;color:#657260;font-size:12px}
.demo-stat b{display:block;font-size:30px;line-height:1.5}
.demo-table-wrap{overflow-x:auto}
.demo-table{width:100%;border-collapse:collapse;min-width:740px}
.demo-table th,.demo-table td{text-align:left;border-bottom:1px solid #e0e6dd;padding:16px 12px;font-size:13px}
.demo-table th{font-size:11px;text-transform:uppercase;letter-spacing:1px;color:#657461}
.demo-table select{border:1px solid #c6d1c1;background:#fff;color:#1c261d;padding:9px;min-width:145px;border-radius:5px}
.demo-table input{border:1px solid #c6d1c1;background:#fff;color:#1c261d;padding:9px;border-radius:5px}
.demo-table .example-next{color:#57744a;font-size:12px}
.demo-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0}
.demo-note{font-size:13px;color:#64745f}
.demo-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin:0 0 24px}
.demo-form label{color:#4a5946;font-size:12px}
.demo-form input{background:white;color:#243122;border:1px solid #b8c9b2;font-size:13px}
.demo-form button{min-width:130px}
.demo-status{font-size:13px;color:#476b34;margin:10px 0}
@media(max-width:900px){.process-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.offer-split,.proof-layout{gap:25px}.offer-steps{padding:24px}}
@media(max-width:650px){.sales-hero{padding-top:53px;padding-bottom:65px}.sales-hero h1{font-size:clamp(43px,11vw,65px)}.trust-chips{margin-top:27px}.offer-split,.proof-layout{grid-template-columns:1fr}.offer-steps{padding:21px}.offer-steps li{grid-template-columns:85px 1fr}.process-rail{grid-template-columns:repeat(2,minmax(0,1fr))}.process-rail>div{padding:16px 12px}.process-rail strong{font-size:16px}.demo-shell{padding:0 5% 50px;margin-top:20px}.demo-dashboard{padding:15px}.demo-stats{grid-template-columns:repeat(2,1fr)}.demo-form{grid-template-columns:1fr}.demo-controls .button{width:100%}}


/* V3 — strategy-to-execution positioning and factual client-work gallery */
.journey-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:34px}
.journey-card{border:1px solid #d0d9c7;border-radius:8px;padding:34px;background:#fbfcf5}
.journey-no{font-size:11px;font-weight:750;letter-spacing:1.3px;color:#657c51}
.journey-card h3{font-size:clamp(23px,2.5vw,33px);line-height:1.2;margin:30px 0 16px;font-weight:600}
.journey-card p{font-size:14px;line-height:1.85;color:#52614d}
.project-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}
.project-tags span{display:inline-flex;padding:7px 10px;border-radius:4px;background:#e9f1dc;color:#455d3f;font-size:10px;letter-spacing:.1px}
.work-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:38px}
.work-card{display:flex;flex-direction:column;min-height:242px;padding:28px 24px;border:1px solid #d4dbcd;border-radius:7px;background:#fdfef8;transition:border-color .16s ease,transform .16s ease}
.work-card:hover,.work-card:focus-visible{border-color:#7c9959;transform:translateY(-2px)}
.work-card span{font-size:10px;letter-spacing:1.2px;color:#6b8260;font-weight:750}
.work-card strong{font-size:22px;line-height:1.22;margin-top:18px}
.work-card p{font-size:13px;line-height:1.65;color:#586452}
.work-card b{font-size:11px;color:#496d35;margin-top:auto}
.portfolio-section .portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}
.portfolio-card{border:1px solid #d2dac9;border-radius:9px;overflow:hidden;background:#fffef9}
.project-visual{position:relative;min-height:260px;display:flex;flex-direction:column;justify-content:center;gap:15px;overflow:hidden;padding:30px;background:#deeed0;color:#1c311d}
.project-visual-kicker{font-weight:650;letter-spacing:1.6px;font-size:10px}
.project-visual>strong{font-size:clamp(33px,3.7vw,52px);line-height:1.1;letter-spacing:-1.6px;max-width:540px}
.project-visual-foot{font-size:9px;letter-spacing:1.1px;font-weight:650;margin-top:auto}
.restaurants-visual,.restaurant-visual{background:radial-gradient(circle at 90% 0%,#dfefcb 0%,#b0d6a2 50%,#8aaf8c 100%)}
.dark-visual{background:radial-gradient(circle at 80% 20%,#41644c,#173926 72%);color:#f7f8ed}
.portfolio-copy{padding:24px 26px 28px}
.portfolio-copy h3{font-size:28px;line-height:1.2;margin:0 0 14px;font-weight:650}
.portfolio-copy p{font-size:14px;line-height:1.75;color:#4f5f4b}
.portfolio-feature{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:stretch;margin-top:34px}
.portfolio-feature .project-visual{min-height:370px;border-radius:8px}
.portfolio-feature .portfolio-copy{padding:16px 16px 20px;align-self:center}
.ecommerce-visual{background:#1e2621;color:#f4f5ee}
.cafe-visual{background:linear-gradient(115deg,#eed6a5,#d6a65e);color:#41251d}
.distribution-visual{background:linear-gradient(115deg,#d9f4de,#9fdbb4)}
.software-visual{background:linear-gradient(135deg,#264f4c,#102c35);color:#edf7f1}
.commerce-browser{border:1px solid #647068;border-radius:9px;overflow:hidden;max-width:540px;box-shadow:0 14px 26px #06110833}
.commerce-bar{height:29px;background:#ecede8;display:flex;gap:5px;padding:10px 12px}
.commerce-bar i{width:8px;height:8px;border-radius:50%;background:#b8bcb5}
.commerce-body{padding:22px;background:#f6f2e8;color:#273529}
.commerce-body>span{font-size:10px;font-weight:700;letter-spacing:1.2px}
.commerce-body>strong{display:block;margin-top:10px;font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-1.5px}
.commerce-products{display:flex;gap:7px;margin-top:18px}
.commerce-products span{height:54px;flex:1;background:linear-gradient(135deg,#d8ddcf,#a4b5a1);border-radius:4px}
.lead-illustration{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.lead-illustration span{background:#f2fff2;border:1px solid #96c9a6;padding:10px 12px;border-radius:5px;font-size:11px}
.lead-illustration b{font-size:17px}
.portfolio-copy .button{margin:16px 0}
@media(max-width:950px){.portfolio-feature{grid-template-columns:1fr 1fr;gap:10px}.work-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.journey-grid,.portfolio-section .portfolio-grid,.portfolio-feature,.work-cards{grid-template-columns:1fr}.journey-card{padding:25px}.journey-card h3{margin-top:23px}.work-card{min-height:210px}.portfolio-feature .project-visual{min-height:340px}.portfolio-feature .portfolio-copy{padding:20px 5px}.portfolio-section .portfolio-grid{gap:14px}.project-visual>strong{font-size:36px}.project-visual{min-height:235px}.lead-illustration{gap:6px}.lead-illustration span{font-size:9px;padding:7px}.portfolio-copy h3{font-size:24px}}