.commercial-page .arch-intro{display:flex;gap:1.25rem;padding:clamp(1.5rem,3vw,2.4rem);border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--c-surface)}.commercial-page .arch-intro .card-ico{background:#fff}.commercial-page .arch-intro-title{font:600 clamp(1.5rem,2.4vw,2rem)/1.15 var(--font-heading);letter-spacing:-.04em}.commercial-page .arch-intro p:not(.arch-intro-title){max-width:52rem;margin-top:.7rem;color:var(--c-muted);line-height:1.7}.commercial-page .arch-row{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);align-items:start;gap:clamp(2rem,6vw,6rem)}.commercial-page .arch-row>.sx-head{position:sticky;top:120px;margin-bottom:0}.commercial-page .arch-row>.sx-head h2{font-size:clamp(2.1rem,3.6vw,3.4rem)}.commercial-page .arch-body{display:grid;gap:1.5rem}.commercial-page .arch-body>p{color:var(--c-muted);font-size:1.04rem;line-height:1.75}.commercial-page .arch-body strong{color:var(--c-ink);font-weight:600}.commercial-page .split-bar{display:grid;grid-template-columns:3fr 1.3fr;overflow:hidden;border:1px solid var(--c-border);border-radius:var(--r-lg)}.commercial-page .split-bar>div{padding:1.2rem 1.3rem}.commercial-page .split-bar small{display:block;font-size:.64rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.commercial-page .split-bar strong{display:block;margin-top:.45rem;font-size:1rem;letter-spacing:-.02em}.commercial-page .split-static{background:#fff;color:var(--c-muted)}.commercial-page .split-dynamic{background:var(--c-green);color:var(--c-night-text)}.commercial-page .split-dynamic strong{color:#fff}.commercial-page .arch-engine{position:relative;isolation:isolate;overflow:hidden;background:var(--c-night);color:var(--c-night-text)}.commercial-page .arch-engine:before{position:absolute;z-index:-1;inset:0;background:radial-gradient(50rem 26rem at 85% 0%,rgb(16 185 129 / 14%),transparent 70%),linear-gradient(var(--c-night-line) 1px,transparent 1px) 0 0 / 64px 64px,linear-gradient(90deg,var(--c-night-line) 1px,transparent 1px) 0 0 / 64px 64px;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgb(0 0 0 / 35%) 60%,transparent);mask-image:linear-gradient(180deg,#000 0%,rgb(0 0 0 / 35%) 60%,transparent);content:""}.commercial-page .arch-engine h2{color:#fff}.commercial-page .arch-engine .eyebrow{color:var(--c-night-accent)}.commercial-page .arch-engine .eyebrow span{color:var(--c-night-muted)}.commercial-page .arch-engine .sx-head p:not(.eyebrow){color:var(--c-night-text)}.commercial-page .arch-engine strong{color:#fff}.commercial-page .arch-engine :focus-visible{outline-color:var(--c-night-accent)}.commercial-page .arch-shot{box-shadow:var(--shadow-lg)}.commercial-page .arch-shot img{aspect-ratio:16 / 10;object-fit:cover;object-position:top left}.commercial-page .arch-shot figcaption{padding:.85rem 1.1rem;border-top:1px solid var(--line);background:var(--c-surface);color:var(--c-muted);font-size:.82rem;line-height:1.55}.commercial-page .arch-tables{overflow:hidden;border:1px solid var(--c-border);border-radius:var(--r-lg);background:#fff;box-shadow:var(--shadow-sm)}.commercial-page .arch-tables li{display:grid;grid-template-columns:11rem 1fr;gap:1rem;align-items:baseline;padding:1rem 1.25rem;font-size:.92rem;transition:background-color .25s var(--ease)}.commercial-page .arch-tables li+li{border-top:1px solid var(--line)}.commercial-page .arch-tables li:hover{background:var(--c-surface)}.commercial-page .arch-tables code{color:var(--c-accent);font:500 .84rem/1.4 var(--font-code)}.commercial-page .arch-tables span{color:var(--c-muted)}.commercial-page .arch-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.commercial-page .arch-stats>div{padding:1.4rem;border:1px solid var(--c-border);border-radius:var(--r-lg);background:#fff}.commercial-page .arch-stats strong{display:block;color:var(--c-green);font:600 clamp(2.2rem,4vw,3rem)/1 var(--font-heading);letter-spacing:-.05em}.commercial-page .arch-stats span{display:block;margin-top:.5rem;color:var(--c-muted);font-size:.85rem}.commercial-page .arch-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.commercial-page .arch-benefits h3{margin:1.4rem 0 .6rem;font-size:1.2rem}.commercial-page .arch-benefits p{color:var(--c-muted);font-size:.95rem;line-height:1.65}@media(max-width:900px){.commercial-page .arch-row{grid-template-columns:1fr;gap:1.5rem}.commercial-page .arch-row>.sx-head{position:static}.commercial-page .arch-benefits{grid-template-columns:1fr}}@media(max-width:700px){.commercial-page .arch-intro{flex-direction:column}.commercial-page .split-bar{grid-template-columns:1fr}.commercial-page .arch-tables li{grid-template-columns:1fr;gap:.25rem}.commercial-page .arch-stats{grid-template-columns:1fr}}
