/* Commercial portfolio: extend the existing New Era surfaces and typography. */
.commercial-overview{max-width:760px;margin:32px 0 0;color:#d5d3e0}
.commercial-overview p{font-size:18px;line-height:1.65}
.commercial-meta{display:flex;flex-wrap:wrap;gap:12px 24px;margin:20px 0;color:#d0cedc;font-size:15px}
.commercial-meta span+span{border-left:1px solid #ffffff30;padding-left:24px}
.commercial-copy{max-width:70ch}.commercial-copy p{line-height:1.75}
.commercial-example{margin:44px 0;padding:clamp(26px,4vw,48px);border:1px solid #a3b6f13b;border-radius:24px;background:linear-gradient(130deg,#41456036,#29263780)}
.commercial-example h2{font:400 clamp(27px,3vw,40px)/1.15 Assistant,sans-serif;margin:0 0 18px}
.commercial-example h3{font:600 19px/1.35 Assistant,sans-serif;margin:26px 0 10px;color:#f0edf6}
.commercial-example p{color:#d0cedc;font-size:17px;line-height:1.75;max-width:75ch}
.commercial-example .note{color:#bcb9cc;font-size:14px}
.commercial-example pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.75;color:#ece9f3;margin:0}
.commercial-benefits{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:0;margin:32px 0}
.commercial-benefits>div{padding:10px 28px 10px 0}.commercial-benefits>div+div{padding-left:28px;border-left:1px solid #ffffff25}
.commercial-benefits h3{font:400 27px/1.2 Assistant,sans-serif;margin:0 0 14px}
.commercial-benefits p{color:#bcb9cc;font-size:16px;line-height:1.75;margin:0}
.commercial-offer{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:clamp(24px,5vw,72px);align-items:start;margin:40px 0}
.commercial-offer aside{padding:32px;border:1px solid #c1b5da45;border-radius:24px;background:#262532c7}
.commercial-offer .price{margin:4px 0;font:400 clamp(40px,6vw,64px)/1.1 Assistant,sans-serif;letter-spacing:-.035em}
.commercial-offer .price-note{font-size:15px;color:#c6c2d4;margin:12px 0 24px}
.commercial-offer .btn-primary{width:100%;justify-content:center;margin-top:16px}
.commercial-offer ul{padding-left:21px}.commercial-offer li{padding-left:6px;margin:12px 0;line-height:1.6;color:#d1cddd}
.commercial-offer h2{font-size:32px;margin-top:0}.commercial-offer h3{font-size:23px;font-weight:400;margin-top:32px}
.commercial-state{padding:16px 20px;border-left:2px solid #a7bafa;background:#a7bafa0a;font-size:15px;line-height:1.65;color:#cecada;margin:26px 0}
.commercial-state strong{display:block;color:#e4e1eb;font-weight:600;margin-bottom:5px}
.commercial-related{display:flex;gap:16px;flex-wrap:wrap;margin:24px 0 0}.commercial-related a:not(.btn-primary){color:#c4d0fc;text-decoration:underline;text-underline-offset:5px;line-height:1.6}
.commercial-faq{max-width:900px}.commercial-faq details{border-bottom:1px solid #ffffff20;padding:4px 0}.commercial-faq summary{padding:20px 0;cursor:pointer;font-size:20px;line-height:1.35;color:#e6e3ed}.commercial-faq p{line-height:1.75;color:#c4bfd1;padding:0 0 16px;max-width:70ch}
.commercial-steps{list-style:none;counter-reset:steps;padding:0;margin:30px 0;max-width:960px}.commercial-steps li{position:relative;padding:4px 0 28px 56px;counter-increment:steps}.commercial-steps li::before{content:counter(steps);position:absolute;left:0;top:3px;font:400 28px/1 Assistant,sans-serif;color:#b5c6ff}.commercial-steps h3{font-size:25px;line-height:1.2;font-weight:400;margin:0 0 12px}.commercial-steps p{color:#c0bacd;line-height:1.7;margin:0}
.commercial-form{max-width:760px;margin:26px 0}.commercial-form label{display:block;font-size:16px;line-height:1.6;color:#d2cede;margin:18px 0 10px}.commercial-form select,.commercial-form input[type=file]{width:100%;font:inherit;border:1px solid #c7bedb60;border-radius:12px;background:#242330;color:#f0ebf8;padding:14px;min-height:48px}.commercial-form input[type=checkbox]{accent-color:#acbffc;min-width:20px;min-height:20px;vertical-align:middle;margin:0 12px 0 0}.commercial-form .consent{display:flex;align-items:flex-start;gap:0}.commercial-form .consent span{max-width:64ch}.commercial-form .consent a{color:#c2cffd;text-decoration:underline}.commercial-form button{margin-top:14px}.commercial-form button:disabled{opacity:.55;cursor:not-allowed}
.commerce-status{font-size:16px;line-height:1.7;padding:18px 0;color:#d6d0e2;max-width:70ch}.commerce-status[data-error=true]{color:#ffc1b5}.commerce-success{padding:24px 28px;border:1px solid #a2b8f050;border-radius:18px;background:#32324555}.commerce-success h2{margin-top:0;font-weight:400;font-size:30px}.commerce-success p{line-height:1.7;color:#d0cadc}.commerce-actions{display:flex;gap:16px;flex-wrap:wrap}.commerce-actions button:not(.btn-primary){font:inherit;min-height:48px;border:1px solid #b5b6d650;border-radius:100px;padding:12px 24px;background:#343241;color:#f0ebf6;cursor:pointer}.commerce-actions button:not(.btn-primary):hover{background:#464254}.commerce-actions button:disabled{opacity:.55;cursor:wait}.commerce-recovery{max-width:760px;margin:40px 0}.commerce-recovery summary{cursor:pointer;padding:16px 0;font-size:20px}.commerce-recovery input{max-width:100%;color:#d8d0e7;font:inherit}
.commercial-example button{margin-top:20px}.commercial-example button,.commercial-form button,.commerce-actions button,.commercial-faq summary,.commerce-recovery summary,.commercial-form select,.commercial-related a:not(.btn-primary){scroll-margin-top:110px}.commercial-example button:focus-visible,.commercial-form :is(button,select,input):focus-visible,.commerce-actions button:focus-visible,.commercial-faq summary:focus-visible,.commerce-recovery :is(summary,input):focus-visible,.commercial-related a:focus-visible{outline:3px solid #b7c6fa;outline-offset:5px}
body.subpage .service-detail .commercial-example{margin:20px 0;padding:24px}body.subpage .service-detail .commercial-benefits{display:block}body.subpage .service-detail .commercial-benefits>div{padding:12px 0;border:0}body.subpage .service-detail .commercial-state{margin-block:20px}
@media(max-width:768px){.commercial-benefits{grid-template-columns:1fr}.commercial-benefits>div{padding:20px 0!important}.commercial-benefits>div+div{border-left:0;border-top:1px solid #ffffff25}.commercial-offer{grid-template-columns:1fr}.commercial-offer aside{padding:26px 22px}.commercial-example{padding:26px 22px;margin:30px 0}.commercial-example p{font-size:16px}.commercial-steps li{padding-left:40px}.commercial-meta{gap:10px 18px}.commercial-meta span+span{padding-left:18px}.commerce-actions{flex-direction:column}.commerce-actions button:not(.btn-primary){width:100%}.commercial-form button{max-width:100%}.commercial-form .consent{font-size:15px}}
@media(prefers-reduced-transparency:reduce){.commercial-example,.commercial-offer aside,.commercial-state{background:#262532}}
@media(prefers-reduced-motion:reduce){.commercial-example,.commercial-benefits,.commerce-success{animation:none;transition:none}}