/* L18 only. Brand shell and lead workflow are provided by existing site assets. */
.l18-main {--l18-ink:#292432;--l18-purple:#6543b8;--l18-muted:#615b6c;color:var(--l18-ink);background:#fff;padding-top:24px;font-size:16px;line-height:1.75;}
.l18-main *, .l18-form-note * {box-sizing:border-box;}
.l18-wrap {max-width:1280px;margin:auto;padding:0 28px;}
.l18-main p {margin:0 0 20px;}
.l18-main a {color:var(--l18-purple);}
.l18-main a:hover {color:#432880;}
.l18-main h1,.l18-main h2,.l18-main h3 {margin:0;line-height:1.14;letter-spacing:-.035em;font-weight:600;color:var(--l18-ink);}
.l18-main h2 {font-size:clamp(30px,3.45vw,46px);margin-bottom:28px;}
.l18-main h3 {font-size:22px;letter-spacing:-.018em;margin-bottom:14px;line-height:1.3;}
.l18-main em {font-style:normal;color:var(--l18-purple);}
.l18-main img {display:block;max-width:100%;height:auto;}
.l18-main a:focus-visible,.l18-main summary:focus-visible {outline:3px solid #765ee2;outline-offset:5px;}
.l18-breadcrumb {display:flex;gap:10px;flex-wrap:wrap;font-size:12px;line-height:1.6;color:var(--l18-muted);margin:0 0 46px;}
.l18-main .l18-kicker {font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--l18-purple);margin-bottom:22px;line-height:1.6;}
.l18-hero.commercial-hero {display:grid;grid-template-columns:1.1fr .9fr;gap:46px;margin:0 0 48px;align-items:center;}
.l18-hero h1 {font-size:clamp(36px,3.7vw,52px);line-height:1.07;margin-bottom:26px;max-width:620px;}
.l18-hero .l18-lead {font-size:20px;line-height:1.5;color:#51445e;font-weight:500;}
.l18-hero-copy>p:not(.l18-kicker):not(.l18-lead) {font-size:14px;line-height:1.8;}
.l18-actions {display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:28px 0;}
.l18-main .l18-button {display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 22px;min-height:56px;border-radius:12px;background:#6543b8;color:#fff;font-size:15px;font-weight:600;line-height:1.4;box-shadow:0 9px 24px #6543b81a;text-decoration:none;}
.l18-main .l18-button:hover {background:#4c3094;color:#fff;}
.l18-button span {font-size:21px;flex-shrink:0;}
.l18-text-link {font-size:14px;line-height:1.6;font-weight:600;text-decoration:underline;text-underline-offset:4px;}
.l18-hero .l18-hero-proof {padding-top:18px;border-top:1px solid #e5deec;font-size:14px!important;line-height:1.8!important;color:var(--l18-muted);}
.l18-hero-art {position:relative;margin:0;align-self:stretch;display:flex;flex-direction:column;justify-content:center;min-width:0;}
.l18-hero-art picture {display:block;}
.l18-hero-art img {width:100%;height:460px;object-fit:cover;object-position:54% 50%;border-radius:20px;}
.l18-hero-art figcaption {font-size:12px;line-height:1.5;margin:9px 0;color:var(--l18-muted);}
.l18-art-caption {margin:18px 0 0;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 20px;background:#f4f0fb;border-radius:12px;color:#4c3479;font-size:13px;font-weight:600;}
.l18-art-caption i {font-style:normal;color:#9c82c1;}
.l18-summary {display:grid;grid-template-columns:repeat(3,1fr);background:#292236;color:#cec3dd;border-radius:16px;padding:30px 38px;gap:32px;}
.l18-summary p {margin:0;font-size:14px;line-height:1.8;}
.l18-summary strong {font-size:17px;color:#fff;font-weight:500;}
.l18-section {padding:90px 0;border-bottom:1px solid #e8e2ef;scroll-margin-top:30px;}
.l18-intro,.l18-operations,.l18-pilot,.l18-estimate,.l18-faq {display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;}
.l18-prose p,.l18-section-head>p {color:var(--l18-muted);}
.l18-section-head {display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end;margin-bottom:34px;}
.l18-section-head h2 {margin-bottom:0;}
.l18-section-head>p {font-size:14px;line-height:1.8;margin-bottom:0;max-width:490px;}
.l18-flow {list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);background:#f7f5fb;border:1px solid #e8e1f1;border-radius:16px;overflow:hidden;}
.l18-flow li {padding:26px 23px;position:relative;border-right:1px solid #e2d9ef;display:flex;flex-direction:column;}
.l18-flow li:last-child {border-right:0;}
.l18-flow li>span {color:#7d61ac;font-size:12px;display:block;margin-bottom:30px;font-weight:700;}
.l18-flow li:not(:last-child)>span::after {content:'→';position:absolute;right:22px;font-size:18px;line-height:1;}
.l18-flow h3 {font-size:19px;}
.l18-flow p {font-size:14px;line-height:1.8;flex:1;}
.l18-flow small {font-size:12px;line-height:1.65;color:#5f467d;border-top:1px solid #ddd1ec;padding-top:14px;display:block;}
.l18-concept {margin-top:30px;border:1px solid #ddd2ea;border-radius:16px;overflow:hidden;box-shadow:0 22px 55px #38284a0a;}
.l18-concept-head {background:#ede7f5;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:18px 26px;font-size:12px;line-height:1.5;color:#695480;}
.l18-concept-head strong {color:#4a306c;font-weight:600;}
.l18-concept-grid {display:grid;grid-template-columns:.8fr 1.2fr;}
.l18-concept-grid>div {padding:32px;}
.l18-concept .l18-kicker {margin-bottom:16px;}
.l18-concept h3 {font-size:23px;}
.l18-concept dl {margin:20px 0 0;font-size:12px;}
.l18-concept dl>div {display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-top:1px solid #eee8f3;}
.l18-concept dt {color:#7a6e86;}
.l18-concept dd {margin:0;text-align:right;}
.l18-version {border-left:1px solid #e8e2ef;background:#fcfbff;}
.l18-version>div {display:flex;align-items:center;gap:18px;margin-bottom:24px;}
.l18-version-chip {background:#6543b8;color:white;padding:12px 18px;border-radius:12px;font-size:25px;}
.l18-version strong {font-size:18px;line-height:1.5;font-weight:600;}
.l18-version small {font-size:12px;font-weight:400;color:#746681;}
.l18-version p {font-size:14px;color:#675672;line-height:1.8;}
.l18-version .l18-version-history {margin:0;padding:14px 18px;background:#ede8f5;border-radius:8px;font-size:14px;color:#54347c;}
.l18-operations>div>p {font-size:14px;color:var(--l18-muted);max-width:360px;}
.l18-operation-list article {display:flex;gap:24px;border-bottom:1px solid #e8e2ef;padding:0 0 28px;margin:0 0 30px;}
.l18-operation-list article:last-child {border:0;margin-bottom:0;padding-bottom:0;}
.l18-operation-list article>span {font-size:12px;color:#866db1;padding-top:4px;}
.l18-operation-list p {font-size:14px;line-height:1.85;color:var(--l18-muted);margin-bottom:0;}
.l18-architecture {padding:52px;margin:65px -16px 0;background:#292236;border-radius:22px;color:#e4deec;border-bottom:0;}
.l18-architecture h2,.l18-architecture h3 {color:#fff;}
.l18-architecture .l18-kicker {color:#c9b4ee;}
.l18-architecture-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:42px;padding:22px 0 38px;}
.l18-architecture-grid h3 {font-size:22px;}
.l18-architecture-grid p {font-size:14px;line-height:1.9;margin-bottom:0;color:#d0c7da;}
.l18-integration {padding-top:36px;border-top:1px solid #ffffff24;display:grid;grid-template-columns:1fr 1fr;gap:0 44px;}
.l18-integration h3 {grid-column:1/-1;font-size:23px;margin-bottom:20px;}
.l18-integration p {font-size:14px;line-height:1.9;}
.l18-integration .l18-boundary {grid-column:1/-1;padding:18px 22px;border-left:2px solid #ae8fe0;margin:10px 0 0;background:#ffffff06;color:#d9cbea;font-size:14px;}
.l18-choice {display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:44px;}
.l18-choice article {padding:22px 0;border-top:2px solid #d4c5e6;}
.l18-choice article>span {display:inline-block;font-size:12px;font-weight:700;color:#7753a9;margin-bottom:22px;}
.l18-choice h3 {font-size:22px;}
.l18-choice p {font-size:14px;line-height:1.9;color:var(--l18-muted);}
.l18-read-more {font-size:14px;margin:32px 0 0!important;padding-top:28px;border-top:1px solid #e8e2ef;}
.l18-read-more a {text-decoration:underline;text-underline-offset:3px;}
.l18-pilot {background:#f5f2fa;margin:50px -16px 0;padding:50px;border-radius:20px;border:0;gap:68px;}
.l18-pilot p {font-size:14px;line-height:1.85;color:var(--l18-muted);}
.l18-pilot h3 {font-size:23px;margin-bottom:20px;}
.l18-checklist {margin:0;padding:0;list-style:none;font-size:13px;line-height:1.85;}
.l18-checklist li {border-bottom:1px solid #ddd3e9;padding:12px 0 12px 25px;position:relative;}
.l18-checklist li::before {content:'✓';color:#6943a9;position:absolute;left:0;font-weight:700;}
.l18-pilot .l18-pilot-result {margin-top:24px;font-size:14px;}
.l18-cases {display:grid;grid-template-columns:1fr 1fr;gap:42px;}
.l18-case-image {height:280px;overflow:hidden;background:#f4f0fa;display:flex;align-items:center;border-radius:14px;margin:6px 0 30px;padding:24px;}
.l18-case-image img {width:100%;height:100%;object-fit:contain;}
.l18-case-image--visa {background:#ede5fb;}
.l18-cases .l18-kicker {font-size:12px;margin-bottom:12px;}
.l18-cases h3 {font-size:30px;}
.l18-cases p {font-size:14px;line-height:1.9;color:var(--l18-muted);}
.l18-estimate>div>p {color:var(--l18-muted);font-size:14px;line-height:1.9;}
.l18-estimate-detail h3 {font-size:22px;margin:0 0 15px;}
.l18-estimate-detail h3:not(:first-child) {margin-top:32px;}
.l18-estimate-detail .l18-button {margin-top:15px;}
.l18-faq .commercial-faq {gap:12px;}
.l18-faq .commercial-faq__question {font-size:15px;line-height:1.6;font-weight:600;}
.l18-faq .commercial-faq__answer p {font-size:14px;line-height:1.9;}
.l18-final.commercial-final-cta {display:block;margin:54px 0 0;padding:58px;background:linear-gradient(115deg,#eee7fa,#f8f5fc);border:0;border-radius:20px;}
.l18-final h2 {font-size:clamp(36px,4.7vw,64px);line-height:1.05;}
.l18-final>p:not(.l18-kicker) {max-width:610px;font-size:15px;line-height:1.8;}
.l18-final .l18-actions {margin-bottom:0;}
.l18-related {display:flex;gap:30px;flex-wrap:wrap;padding:38px 0 60px;font-size:14px;font-weight:600;}
.l18-form-note {margin:18px 0;}
.l18-form-note label {display:block;color:#4e485b;font-size:13px;line-height:1.7;margin-bottom:10px;}
.l18-form-note label span {font-size:12px;}
.l18-form-note textarea {width:100%;resize:vertical;min-height:70px;max-height:180px;padding:12px;border:1px solid #d6cee2;border-radius:8px;background:#fff;font:inherit;font-size:13px;line-height:1.6;}
@media (max-width:1100px){.l18-hero.commercial-hero{gap:28px}.l18-hero h1{font-size:42px}.l18-intro,.l18-operations,.l18-estimate,.l18-faq{gap:46px}.l18-section-head{gap:46px}.l18-flow li{padding:22px 16px}.l18-architecture{padding:38px}.l18-pilot{padding:38px;gap:38px}}
@media (max-width:800px){.l18-hero.commercial-hero{grid-template-columns:1fr}.l18-hero h1{font-size:44px;max-width:600px}.l18-hero-art img{height:350px}.l18-hero-art{max-width:100%}.l18-section{padding:60px 0}.l18-intro,.l18-operations,.l18-estimate,.l18-faq,.l18-section-head,.l18-pilot{grid-template-columns:1fr;gap:28px}.l18-summary{padding:24px;gap:22px}.l18-summary strong{font-size:14px}.l18-flow{grid-template-columns:repeat(2,1fr)}.l18-flow li:nth-child(2){border-right:0}.l18-flow li:nth-child(-n+2){border-bottom:1px solid #e2d9ef}.l18-flow p{font-size:14px}.l18-architecture{padding:34px;margin:50px 0 0}.l18-architecture-grid{grid-template-columns:1fr;gap:26px;padding-top:8px}.l18-architecture-grid p{max-width:580px}.l18-integration{grid-template-columns:1fr}.l18-choice{gap:22px}.l18-choice h3{font-size:20px}.l18-choice p{font-size:14px}.l18-pilot{padding:34px;margin:36px 0 0}.l18-cases{gap:26px}.l18-case-image{height:230px;padding:14px}.l18-final.commercial-final-cta{padding:38px}.l18-concept-grid>div{padding:26px}.l18-version>div{align-items:flex-start}.l18-breadcrumb{margin-bottom:30px}}
@media (max-width:560px){.l18-wrap{padding:0 20px}.l18-main{padding-top:18px}.l18-main h2{font-size:32px;line-height:1.15}.l18-hero h1{font-size:36px;letter-spacing:-.035em}.l18-main .l18-kicker{font-size:12px;margin-bottom:18px}.l18-hero .l18-lead{font-size:18px}.l18-hero-art img{height:270px}.l18-hero.commercial-hero{margin-bottom:28px;gap:24px}.l18-actions{gap:16px;margin-top:22px}.l18-main .l18-button{padding:17px 18px;font-size:15px;gap:16px}.l18-summary{grid-template-columns:1fr;padding:24px;gap:14px}.l18-summary p{border-bottom:1px solid #ffffff20;padding-bottom:14px}.l18-summary p:last-child{padding-bottom:0;border:0}.l18-summary strong{font-size:17px}.l18-section{padding:50px 0}.l18-flow{grid-template-columns:1fr}.l18-flow li{border-right:0;border-bottom:1px solid #e2d9ef;padding:24px}.l18-flow li:last-child{border-bottom:0}.l18-flow li>span{margin-bottom:18px}.l18-flow h3{font-size:22px}.l18-flow p{font-size:14px;line-height:1.8}.l18-flow small{font-size:12px}.l18-concept-grid{grid-template-columns:1fr}.l18-concept-grid>div{padding:24px}.l18-concept-head{padding:16px 24px}.l18-version{border-left:0;border-top:1px solid #e8e2ef}.l18-concept dl>div{gap:10px}.l18-concept dd{max-width:60%}.l18-version strong{font-size:16px}.l18-version-chip{font-size:22px;padding:12px}.l18-operation-list article{gap:17px}.l18-operation-list p,.l18-prose p{font-size:14px}.l18-architecture{padding:30px 24px;margin-top:26px}.l18-architecture h2{font-size:29px}.l18-architecture-grid{gap:28px}.l18-integration{gap:0}.l18-integration h3{font-size:20px}.l18-integration .l18-boundary{padding:14px 16px}.l18-choice{grid-template-columns:1fr;gap:10px;margin-top:30px}.l18-choice article{padding:24px 0 10px}.l18-choice h3{font-size:23px}.l18-choice p{font-size:14px}.l18-choice article>span{margin-bottom:14px}.l18-pilot{padding:30px 24px;gap:20px;margin-top:20px}.l18-pilot h2{font-size:29px}.l18-checklist{font-size:13px}.l18-cases{grid-template-columns:1fr;gap:40px}.l18-case-image{height:230px;padding:14px;margin-bottom:24px}.l18-cases h3{font-size:28px}.l18-estimate-detail h3{font-size:22px}.l18-faq .commercial-faq__question{font-size:14px;padding:18px 44px 18px 18px}.l18-final.commercial-final-cta{padding:32px 24px;margin-top:32px}.l18-final h2{font-size:35px}.l18-final .l18-actions{gap:20px}.l18-related{flex-direction:column;gap:22px;padding:34px 0 44px}.l18-art-caption{font-size:12px;padding:14px 16px}.l18-breadcrumb{font-size:12px;gap:8px}}
@media (max-width:350px){.l18-wrap{padding:0 16px}.l18-hero h1{font-size:32px}.l18-main h2{font-size:29px}.l18-main .l18-button{width:100%;gap:10px}.l18-hero-art img{height:245px}.l18-final h2{font-size:30px}.l18-concept-grid>div{padding:20px}.l18-version small{font-size:12px}.l18-concept dl{font-size:12px}}
@media(prefers-reduced-motion:reduce){.l18-main *{scroll-behavior:auto;animation:none!important;transition:none!important}}

.l18-final.commercial-final-cta>p:not(.l18-kicker){color:#544660;}


/* 2026-10-03: shared 13FOX spacing and readable UI refinement. */
.commercial-page .l18-wrap { box-sizing:border-box; width:100%; max-width:1320px; margin-inline:auto; padding-inline:15px; }
.commercial-page .l18-breadcrumb { gap:8px; font-size:16px; line-height:1.5; }
.commercial-page .l18-faq .commercial-faq > details { border:1px solid var(--commercial-border); border-radius:18px; background:#fff; padding:0; }
.commercial-page .l18-faq .commercial-faq > details > summary { font-size:17px; line-height:1.5; padding:20px 58px 20px 22px; }
.commercial-page .l18-faq .commercial-faq > details > :not(summary) { padding-left:22px; padding-right:22px; }
@media(max-width:600px) {
 .commercial-page .l18-breadcrumb { font-size:15px; }
 .commercial-page .l18-faq .commercial-faq > details > summary { font-size:16px; padding:18px 52px 18px 18px; }
 .commercial-page .l18-faq .commercial-faq > details > :not(summary) { padding-left:18px; padding-right:18px; }
}
.commercial-page .l18-integration .l18-boundary { border-radius:14px; }
.commercial-page main .l18-button { border-radius:14px; }