/* Architecture refresh: pages without decorative rail labels use the full content column. */
.section-grid{grid-template-columns:minmax(0,1fr);gap:0}
.service-row{grid-template-columns:minmax(220px,1.25fr) minmax(280px,1.9fr)}
@media(max-width:760px){.service-row{grid-template-columns:1fr;gap:8px 16px}}

/* Full-width project/app bands from the updated Work direction. */
.product-bands{margin-top:clamp(32px,5vh,60px);margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.product-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:clamp(24px,5vw,90px);align-items:center;padding:clamp(30px,4.6vh,58px) var(--pad);border-top:1.5px solid var(--navy)}
.product-band:last-child{border-bottom:1.5px solid var(--navy)}
.product-band.band-navy{background:var(--navy);border-color:var(--navy)}
.product-band-head{min-width:0}.product-band-index{display:block;margin:0 0 clamp(10px,1.4vh,16px);font-size:var(--micro);font-weight:700;letter-spacing:.05em;color:var(--soft)}
.product-band-name{margin:0;font-size:clamp(38px,5.2vw,92px);line-height:.86;letter-spacing:-.05em;font-weight:700;overflow-wrap:break-word}.product-band.band-exchange .product-band-name{overflow-wrap:normal;font-size:clamp(34px,4.6vw,80px)}
.product-band-info{min-width:0}.product-band-desc{margin:0;font-size:clamp(15px,1.15vw,19px);line-height:1.5;font-weight:500;max-width:660px}
.product-band.band-navy .product-band-name,.product-band.band-navy .product-band-desc{color:#fff}.product-band.band-navy .product-band-index{color:rgba(255,255,255,.66)}
.product-band.band-nest{background:#173A33;border-color:#173A33}.product-band.band-nest .product-band-name,.product-band.band-nest .product-band-desc{color:#f7f3e8}.product-band.band-nest .product-band-index,.product-band.band-nest .site-visit{color:#E6C88C}
.product-band.band-exchange{position:relative;overflow:hidden;--ex-bg:#211f1d;--ex-text:#f5f3ee;--ex-muted:#928f87;--ex-green:#5fbe8a;--ex-red:#e06b63;background:var(--ex-bg);border-color:#000}
.product-band.band-exchange + .product-band{border-top-color:#000}.product-band.band-exchange .product-band-name{color:var(--ex-text)}.product-band.band-exchange .product-band-desc{color:var(--ex-muted)}.product-band.band-exchange .product-band-index{color:var(--ex-green)}.product-band.band-exchange > *:not(.exchange-chart){position:relative;z-index:1}
.exchange-chart{position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.5}.exchange-chart svg{width:100%;height:100%;display:block}.exchange-chart polyline{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.exchange-chart .chart-green{stroke:var(--ex-green);opacity:.5}.exchange-chart .chart-red{stroke:var(--ex-red);opacity:.34}
.product-band.site-link,.product-band.app-link{text-decoration:none;color:inherit;cursor:pointer;transition:filter .24s ease,background-color .25s ease}.product-band.site-link:hover,.product-band.site-link:focus-visible{background:#1c2534;outline:none}.product-band.app-link:hover,.product-band.app-link:focus-visible{filter:brightness(1.08);outline:none}
.site-visit{display:inline-flex;align-items:center;gap:8px;margin-top:clamp(18px,2.4vh,26px);font-size:var(--micro);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--orange)}.site-visit-arrow{transition:transform .24s var(--ease)}.product-band.site-link:hover .site-visit-arrow,.product-band.site-link:focus-visible .site-visit-arrow,.product-band.app-link:hover .site-visit-arrow,.product-band.app-link:focus-visible .site-visit-arrow{transform:translate(3px,-3px)}
@media(max-width:760px){.product-bands{margin-top:26px}.product-band{grid-template-columns:1fr;gap:18px;padding:34px var(--pad)}.product-band-name{font-size:clamp(40px,13vw,66px);line-height:.9}.product-band-desc{font-size:15px}}

/* The $500 Website template preview cards. */
.template-showcase{margin-top:clamp(34px,5vh,64px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(18px,2vw,30px)}
.template-preview-card{display:flex;flex-direction:column;min-width:0;border:1.5px solid var(--navy);text-decoration:none;color:inherit;background:rgba(20,27,37,.025);transition:transform .24s var(--ease),box-shadow .24s ease,background .2s ease}.template-preview-card:hover,.template-preview-card:focus-visible{transform:translate(-5px,-5px);box-shadow:8px 8px 0 var(--navy);background:rgba(20,27,37,.055);outline:none}
.template-preview-art{height:clamp(180px,18vw,290px);position:relative;overflow:hidden;border-bottom:1.5px solid var(--navy);background:#f4f0e7}.template-preview-copy{padding:clamp(20px,2.5vw,34px)}.template-preview-copy h3{margin:0;font-size:clamp(30px,3vw,52px);line-height:.92;letter-spacing:-.05em}.template-preview-copy p{margin:16px 0 0;font-size:15px;line-height:1.5;max-width:34rem}.template-preview-copy span{display:inline-block;margin-top:22px;font-size:var(--micro);font-weight:700;letter-spacing:.05em;text-transform:uppercase}
.preview-sidebar{background:#f3f0e7}.preview-sidebar::before{content:"";position:absolute;inset:0 auto 0 0;width:28%;background:#294b3b}.preview-sidebar::after{content:"";position:absolute;left:39%;top:20%;width:47%;height:58%;border:2px solid #294b3b;box-shadow:18px 18px 0 #c65b3d}.preview-sticky{background:#eaf2f3}.preview-sticky::before{content:"";position:absolute;left:7%;right:7%;top:9%;height:13%;background:#10273f}.preview-sticky::after{content:"";position:absolute;left:8%;top:36%;width:39%;height:48%;background:#fff;box-shadow:clamp(100px,10vw,170px) 0 0 #d9f08f}.preview-immersive{background:#10100f}.preview-immersive::before{content:"";position:absolute;width:38%;aspect-ratio:1;background:#cbbcff;border-radius:50%;right:12%;top:10%}.preview-immersive::after{content:"";position:absolute;width:25%;height:70%;background:#d8ff70;border-radius:90px 90px 12px 12px;right:20%;bottom:-24%;transform:rotate(12deg)}
@media(max-width:960px){.template-showcase{grid-template-columns:1fr}.template-preview-art{height:min(58vw,360px)}}