@charset "UTF-8";
.service-page--commerce { --service-accent: var(--coral); --service-hot: var(--acid); --service-soft: var(--coral-soft); }
.service-page--commerce .service-hero__actions .button { color: var(--ink); }
.commerce-map { position: relative; display: grid; grid-template-columns: 1fr auto 1fr auto 1fr; align-items: center; gap: 10px; aspect-ratio: 1; padding: 8%; overflow: hidden; border: 1px solid var(--line-dark); background: radial-gradient(circle, rgba(255,98,69,.12), transparent 52%),linear-gradient(90deg,rgba(244,241,232,.06) 1px,transparent 1px) 0 0/16.66% 100%,linear-gradient(rgba(244,241,232,.06) 1px,transparent 1px) 0 0/100% 16.66%; }
.commerce-map::before { position:absolute; inset:18%; border:1px dashed rgba(199,255,42,.24); border-radius:50%; content:""; animation:commerce-spin 18s linear infinite; }
.commerce-map span { position:relative; z-index:2; display:grid; place-items:center; min-width:0; aspect-ratio:1; border:1px solid rgba(244,241,232,.26); border-radius:50%; background:var(--ink); font:800 clamp(10px,1.1vw,16px)/1 "Courier New",monospace; text-align:center; }
.commerce-map span small { margin-top:7px; color:var(--text-tertiary-dark); font-size:6px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.commerce-map__core { border-color:var(--acid)!important; background:var(--acid)!important; color:var(--ink); box-shadow:0 0 46px rgba(199,255,42,.22); }
.commerce-map__core small { color:rgba(5,7,6,.65)!important; }
.commerce-map > i { position:relative; z-index:1; width:clamp(12px,2vw,32px); height:1px; background:linear-gradient(90deg,var(--coral),var(--acid)); }
@keyframes commerce-spin { to { transform:rotate(360deg); } }
.commerce-context { background:var(--paper); color:var(--ink); }
.commerce-context__grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr); gap:clamp(45px,9vw,160px); }
.commerce-context__copy { max-width:760px; }
.commerce-context__copy > p { margin:0 0 24px; color:var(--text-secondary-light); font-size:clamp(18px,1.55vw,25px); line-height:1.55; }
.commerce-note { margin-top:48px; padding:25px; border:1px solid var(--line-light); background:var(--sand); }
.commerce-note span { color:var(--blue-deep); font:800 9px/1 "Courier New",monospace; letter-spacing:.14em; }
.commerce-note p { margin:14px 0 0; font-size:15px; }
.commerce-compare { background:var(--cobalt-night); }
.commerce-compare__grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:clamp(45px,8vw,135px); }
.commerce-compare__cards { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line-dark); }
.commerce-compare__cards article { min-height:340px; padding:clamp(25px,3vw,48px); border-right:1px solid var(--line-dark); }
.commerce-compare__cards article:last-child { border-right:0; background:var(--acid); color:var(--ink); }
.commerce-compare__cards span { font:800 9px/1 "Courier New",monospace; letter-spacing:.14em; }
.commerce-compare__cards h3 { margin:72px 0 28px; font-size:clamp(26px,2.2vw,40px); line-height:1; letter-spacing:-.04em; }
.commerce-compare__cards ul { display:grid; gap:12px; margin:0; padding:0; list-style:none; color:var(--paper-muted); }
.commerce-compare__cards article:last-child ul { color:rgba(5,7,6,.72); }
.commerce-compare__cards li::before { margin-right:9px; color:var(--coral); content:"+"; }
@media(max-width:900px){.commerce-context__grid,.commerce-compare__grid{grid-template-columns:1fr}.commerce-compare__cards article{min-height:280px}.commerce-map{min-height:330px;aspect-ratio:auto}}
@media(max-width:620px){.commerce-context__copy>p{font-size:17px}.commerce-compare__cards{grid-template-columns:1fr}.commerce-compare__cards article{min-height:0;border-right:0;border-bottom:1px solid var(--line-dark)}.commerce-compare__cards article:last-child{border-bottom:0}.commerce-compare__cards h3{margin-top:45px}.commerce-map{min-height:270px}.commerce-map span{font-size:8px}.commerce-map span small{display:none}}
@media(prefers-reduced-motion:reduce){.commerce-map::before{animation:none}}