.hero{position:relative;overflow-x:clip;max-width:100%;background:linear-gradient(180deg,var(--paper-top) 0%,var(--paper-bottom) 100%)}
.hero::before{content:"";position:absolute;inset:0 0 0 36%;pointer-events:none;background:radial-gradient(58% 70% at 58% 46%,var(--accent-a10),var(--clear) 72%)}
.hero__inner{position:relative;max-width:var(--content);margin:0 auto;padding:48px var(--gutter) 56px;display:grid;grid-template-columns:520px minmax(0,1fr);gap:48px;align-items:center}
.hero__copy{position:relative;z-index:2;min-width:0}
.eyebrow{display:inline-flex;align-items:center;gap:10px;min-height:32px;padding:4px 14px 4px 12px;margin:0 0 32px;font-size:13px;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}
.eyebrow__dot{width:8px;height:8px;border-radius:var(--round);background:var(--accent);box-shadow:0 0 0 4px var(--accent-a14);flex:none}
.hero__title{margin:0 0 32px;font-family:var(--font-display);font-weight:var(--weight-normal);font-size:64px;line-height:1.12;letter-spacing:-.02em;color:var(--accent)}
.hero__line{display:block}
.hero__lede{margin:0 0 24px;font-size:var(--font-lede);line-height:1.6;color:var(--text)}
.hero__lede strong{font-weight:var(--weight-strong);background:linear-gradient(var(--clear) 62%,var(--accent-a14) 62%)}
.trust{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;list-style:none;margin:0 0 24px;padding:0}
.trust li{display:flex;align-items:center;gap:8px;font-size:var(--font-nav);line-height:24px;color:var(--text)}
.trust svg{width:16px;height:16px;flex:none;color:var(--accent)}
.spec{margin:0;border-top:1px solid var(--border)}
.spec__row{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;min-height:44px;border-bottom:1px solid var(--border)}
.spec dt{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;color:var(--text-muted)}
.spec dd{margin:0;min-width:0}
.platforms,.flags{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:8px 0}
.platforms{gap:6px 16px}
.flags{gap:6px 12px}
.platforms li,.flags li{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-sm);line-height:22px;color:var(--text);white-space:nowrap}
.platforms svg{width:18px;height:18px;flex:none;fill:currentColor}
.flag{width:18px;height:18px;flex:none;border-radius:var(--round);overflow:hidden;box-shadow:0 0 0 1px var(--border)}
.hero__device{position:relative;z-index:1;display:flex;align-items:stretch;gap:32px;min-width:0}
.viewer{position:relative;flex:1 1 auto;min-width:0;padding-bottom:28px}
.viewer__window{position:relative;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-panel)}
.viewer__chrome{display:flex;align-items:center;justify-content:space-between;height:36px;padding:0 12px;background:var(--bg-panel);border-bottom:1px solid var(--border)}
.viewer__title{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;color:var(--text)}
.viewer__title img{width:18px;height:18px;flex:none}
.viewer__ctrls{display:inline-flex;gap:6px}
.viewer__ctrls i{display:block;width:11px;height:11px;border:1px solid var(--text-muted);opacity:.5}
.viewer__ctrls i:last-child{background:var(--accent);border-color:var(--accent);opacity:1}
.viewer__body{position:relative;overflow:hidden;padding:16px 24px 76px;background:linear-gradient(155deg,var(--accent) 0%,var(--mist) 46%,var(--paper-bottom) 94%)}
.viewer__glow{position:absolute;border-radius:var(--round);pointer-events:none}
.viewer__glow--a{width:70%;height:78%;right:-18%;top:-24%;background:radial-gradient(closest-side,var(--pink-a55),var(--clear))}
.viewer__glow--b{width:62%;height:70%;left:-18%;bottom:-8%;background:radial-gradient(closest-side,var(--accent-dark-a40),var(--clear))}
.viewer__frost{position:absolute;z-index:1;left:12px;right:12px;top:48px;bottom:68px;background:var(--frost);border:1px solid var(--frost-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.viewer__caption{position:relative;z-index:2;display:flex;justify-content:flex-end;height:24px;margin:0 0 12px}
.viewer__caption span{display:inline-flex;align-items:center;height:24px;padding:0 10px;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.02em;color:var(--bg-panel);background:var(--accent-dark-a40)}
.matrix{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));row-gap:8px;list-style:none;margin:0;padding:0}
.matrix__cell{display:flex;flex-direction:column;align-items:center;min-width:0}
.cube-stage{position:relative;width:100%;height:calc(var(--s) * 1.8)}
.cube-shadow{position:absolute;left:50%;top:calc(50% + var(--s) * .6);width:calc(var(--s) * 1.6);height:calc(var(--s) * .34);transform:translateX(-50%);background:radial-gradient(closest-side,var(--accent-dark-a40),var(--clear))}
.cube{position:absolute;left:50%;top:50%;width:var(--s);height:var(--s);margin:calc(var(--s) / -2) 0 0 calc(var(--s) / -2);transform-style:preserve-3d;transform:rotateX(-35.264deg) rotateY(45deg)}
.cube__face{position:absolute;inset:0;overflow:hidden}
.cube__face--top{transform:rotateX(90deg) translateZ(calc(var(--s) / 2));background:linear-gradient(135deg,var(--glass-top-a),var(--glass-top-b));border:1px solid var(--edge-hi)}
.cube__face--left{transform:rotateY(-90deg) translateZ(calc(var(--s) / 2));background:linear-gradient(180deg,var(--glass-left-a),var(--glass-left-b));border-top:1px solid var(--edge-hi)}
.cube__face--front{transform:translateZ(calc(var(--s) / 2));background:linear-gradient(180deg,var(--glass-front-a),var(--glass-front-b));border-top:1px solid var(--edge-hi)}
.cube__face::after{content:"";position:absolute;inset:-35%;pointer-events:none;opacity:.7;animation:innerlight 6s ease-in-out infinite alternate}
.cube__face--top::after{background:radial-gradient(circle at 50% 50%,var(--pink-a28),var(--clear) 62%)}
.cube__face--left::after{background:radial-gradient(circle at 50% 52%,var(--cobalt-glow),var(--clear) 60%);animation-direction:alternate-reverse}
.cube__face--front::after{background:radial-gradient(circle at 50% 56%,var(--pink-a70),var(--clear) 58%)}
.matrix__cell:nth-child(2) .cube__face::after{animation-delay:-1s}
.matrix__cell:nth-child(3) .cube__face::after{animation-delay:-2s}
.matrix__cell:nth-child(4) .cube__face::after{animation-delay:-3s}
.matrix__cell:nth-child(5) .cube__face::after{animation-delay:-4s}
.matrix__cell:nth-child(6) .cube__face::after{animation-delay:-5s}
@keyframes innerlight{0%{opacity:.45;transform:translate(-14%,10%) scale(.92)}100%{opacity:.95;transform:translate(12%,-10%) scale(1.06)}}
.cube__flag{position:absolute;z-index:1;left:50%;top:50%;width:calc(var(--s) * .42);height:calc(var(--s) * .42);margin:calc(var(--s) * -.21) 0 0 calc(var(--s) * -.21);border-radius:var(--round);overflow:hidden;transform:rotate(45deg);box-shadow:0 0 0 2px var(--white)}
.matrix__cell.is-picked .cube__face{border:2px solid var(--accent)}
.matrix__cell.is-picked .cube-shadow{background:radial-gradient(closest-side,var(--accent-dark-a55),var(--clear))}
.cube-tag{position:relative;display:inline-flex;align-items:center;gap:6px;height:26px;margin-top:8px;padding:0 10px;font-size:13px;color:var(--text);background:var(--tag-glass);box-shadow:var(--shadow-tag);white-space:nowrap}
.cube-tag b{font-weight:var(--weight-medium)}
.cube-tag em{font-style:normal;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--text-muted)}
.matrix__cell.is-picked .cube-tag{background:var(--accent);color:var(--white)}
.matrix__cell.is-picked .cube-tag em{color:var(--white-a75)}
.viewer__foot{position:absolute;z-index:3;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding-left:24px;background:var(--foot-glass);border-top:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.chips{display:flex;gap:8px;list-style:none;margin:0;padding:0;min-width:0;flex-wrap:wrap}
.chips li{display:inline-flex;align-items:center;min-height:28px;padding:3px 10px;font-family:var(--font-mono);font-size:var(--font-xs);color:var(--text);background:var(--bg-panel);border:1px solid var(--border)}
.viewer__foot .chips{flex-wrap:nowrap}
.viewer__foot .chips li{white-space:nowrap}
.refund-block{display:inline-flex;align-items:center;gap:8px;flex:none;height:56px;padding:0 18px;font-family:var(--font-mono);font-size:13px;color:var(--white);background:var(--accent)}
.refund-block svg{width:16px;height:16px;flex:none}
.float-chip{position:absolute;z-index:4;display:inline-flex;align-items:center;gap:8px;margin:0;white-space:nowrap;box-shadow:var(--shadow-float)}
.float-chip--devices{left:-24px;top:46px;height:40px;padding:0 14px;font-size:13px;color:var(--text);background:var(--bg-panel);border:1px solid var(--border)}
.float-chip--devices svg{width:18px;height:18px;flex:none;color:var(--accent)}
.float-chip--price{left:-24px;bottom:0;height:34px;padding:0 12px;font-family:var(--font-mono);font-size:12.5px;color:var(--bg-panel);background:var(--text)}
.float-chip--price::before{content:"";width:6px;height:6px;background:var(--accent-tint);flex:none}
.hero__rail{flex:0 0 200px;display:flex;flex-direction:column;margin-bottom:28px;padding-top:4px}
.rail__title{margin:0 0 8px;font-size:var(--font-base);font-weight:var(--weight-strong);line-height:24px;color:var(--text)}
.rail__list{list-style:none;margin:0;padding:0}
.rail__list li{border-bottom:1px solid var(--border)}
.rail__list a{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:24px 0;font-size:var(--font-base);line-height:1.5;color:var(--accent);text-decoration:none}
.rail__list svg{width:20px;height:20px;flex:none;transition:transform .2s ease}
.rail__list a:hover span{text-decoration:underline;text-underline-offset:3px}
.rail__list a:hover svg{transform:translateX(4px)}
.rail__pager{margin-top:auto;display:flex;gap:8px}
.rail__pager a{position:relative;display:inline-flex;align-items:center;justify-content:center;width:32px;height:36px;font-size:var(--font-nav);color:var(--text);text-decoration:none}
.rail__pager a:hover{color:var(--accent)}
.rail__pager a.is-on{font-weight:var(--weight-strong)}
.rail__pager a.is-on::after{content:"";position:absolute;left:8px;right:8px;bottom:0;height:3px;background:var(--accent)}
.factband{background:var(--bg-panel2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.factband__inner{max-width:var(--content);margin:0 auto;padding:0 var(--gutter);display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.factband__cell{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px;padding:28px 24px;border-left:1px solid var(--border);min-width:0}
.factband__cell:last-child{border-right:1px solid var(--border)}
.factband__num{font-family:var(--font-mono);font-size:28px;letter-spacing:-.02em;color:var(--accent)}
.factband__label{font-size:var(--font-sm);color:var(--text-muted)}
.tab-set{min-width:0}
.tab-list,[role="tablist"]{display:flex;gap:0;max-width:100%;overflow-x:auto;border-bottom:1px solid var(--border);margin-bottom:24px}
[role="tab"]{position:relative;flex:none;min-height:48px;padding:12px 24px;border:0;background:var(--clear);font-size:var(--font-base);color:var(--text);white-space:nowrap}
[role="tab"][aria-selected="true"]{color:var(--accent);background:var(--accent-a06);box-shadow:inset 0 -2px var(--accent)}
[role="tabpanel"]{min-width:0}
.toc-tabs{position:sticky;top:0;z-index:20;display:flex;gap:8px;max-width:100%;overflow-x:auto;padding:8px;background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-tag)}
.toc-tabs a{flex:none;display:inline-flex;align-items:center;min-height:40px;padding:8px 16px;text-decoration:none;color:var(--text);white-space:nowrap}
.toc-tabs a.is-current{background:var(--accent);color:var(--white)}
.toc-tabs.is-static{position:static}
.faq{border-top:1px solid var(--border)}
.faq details{background:var(--bg-panel);border-bottom:1px solid var(--border)}
.faq summary{position:relative;cursor:pointer;list-style:none;padding:24px 56px 24px 24px;font-size:var(--font-lede);line-height:1.5}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:24px;top:24px;color:var(--accent)}
.faq details[open] summary::after{content:"−"}
.faq details[open] summary{color:var(--accent)}
.faq__answer{padding:0 24px 24px;max-width:960px}
.faq__answer p:last-child{margin-bottom:0}
.plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.plan-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:32px 24px;background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-panel)}
.plan-card.is-current{border-color:var(--accent);box-shadow:inset 0 3px var(--accent),var(--shadow-panel)}
.plan-card__badge{align-self:flex-start;margin-bottom:16px;padding:4px 12px;background:var(--accent-tint);color:var(--accent);font-size:var(--font-sm)}
.plan-card__price{font-family:var(--font-mono);font-size:40px;line-height:1.2;color:var(--accent);margin:8px 0 24px}
.plan-card__price small{font-family:var(--font-body);font-size:var(--font-sm);color:var(--text-muted)}
.plan-card__facts{list-style:none;padding:0;margin:0 0 32px}
.plan-card__facts li{padding:8px 0;border-bottom:1px solid var(--border)}
.plan-card .btn{margin-top:auto;min-width:0;gap:16px}
.table-scroll{overflow-x:auto;max-width:100%;min-width:0;-webkit-overflow-scrolling:touch;border:1px solid var(--border);background:var(--bg-panel)}
.data-table,.route-table{border-collapse:collapse;width:100%;min-width:680px;font-size:var(--font-base)}
.data-table caption,.route-table caption{text-align:left;padding:16px 24px;font-weight:var(--weight-medium);color:var(--text)}
.data-table th,.data-table td,.route-table th,.route-table td{padding:16px 24px;text-align:left;border-bottom:1px solid var(--border);word-break:keep-all;vertical-align:top}
.table-scroll th{white-space:nowrap;color:var(--text);font-weight:var(--weight-medium);background:var(--bg-panel2)}
.table-scroll td:first-child{color:var(--text);font-weight:var(--weight-medium)}
.route-table .route-group th{background:var(--accent-tint);color:var(--accent)}
.prose>.data-table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;min-width:0}
.platform-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.platform-card{padding:24px;min-width:0;background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-panel);display:flex;flex-direction:column;gap:16px}
.platform-card__icon{width:40px;height:40px;fill:currentColor;color:var(--text)}
.platform-card h3{font-size:var(--font-lede);margin:0}
.platform-card .btn{min-width:0;font-size:var(--font-sm);gap:8px;padding-inline:12px;margin-top:auto}
.article-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.article-card{display:flex;flex-direction:column;position:relative;min-width:0;padding:24px;background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-panel);text-decoration:none;color:var(--text)}
.article-card__thumb{width:80px;height:80px;margin-bottom:24px;background:linear-gradient(135deg,var(--accent),var(--mist),var(--accent-tint));display:grid;place-items:center;overflow:hidden}
.article-card__thumb svg{width:40px;height:40px;color:var(--white)}
.article-card__meta{font-size:var(--font-xs);font-family:var(--font-mono);color:var(--text-muted);margin-bottom:16px}
.article-card h3{font-size:var(--font-lede);line-height:1.5}
.article-card p{font-size:var(--font-sm);color:var(--text-muted)}
.article-card__arrow{align-self:flex-end;margin-top:auto;color:var(--accent);font-size:var(--font-h3);transition:transform .2s ease}
.article-card:hover .article-card__arrow{transform:translateX(4px)}
.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.feature-card{position:relative;min-width:0;display:flex;flex-direction:column;padding:24px;background:var(--bg-panel);border:1px solid var(--border);box-shadow:var(--shadow-panel);color:var(--text);text-decoration:none}
.feature-card::before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.feature-card:hover::before{transform:scaleX(1)}
.feature-card h3{font-size:var(--font-lede)}
.feature-card p{font-size:var(--font-sm);line-height:1.85}
.feature-card__foot{display:flex;align-items:flex-end;justify-content:space-between;margin-top:auto;padding-top:24px}
.feature-card__foot svg{width:40px;height:40px}
.feature-card__arrow{color:var(--accent);font-size:var(--font-h3);transition:transform .2s ease}
.feature-card:hover .feature-card__arrow{transform:translateX(4px)}
.feature-card--jump{background:var(--accent-tint)}
.callout{padding:24px;border-left:3px solid var(--accent);background:var(--accent-tint);color:var(--text);margin-block:24px}
.callout p:last-child{margin-bottom:0}
.badge,.tag{display:inline-flex;align-items:center;gap:8px;max-width:100%;min-height:28px;padding:4px 10px;border:1px solid var(--border);background:var(--bg-panel);color:var(--text);font-family:var(--font-mono);font-size:var(--font-xs);overflow-wrap:anywhere}
.badge--success{color:var(--success)}
.badge--warn{color:var(--warn)}
.badge--error{color:var(--error)}
.promo-block,.assurance-banner{display:flex;align-items:center;gap:32px;padding:32px;background:var(--accent-tint);border:1px solid var(--border);min-width:0}
.promo-block__copy{flex:1;min-width:0}
.promo-block__copy h2{font-size:var(--font-h3);margin:0 0 8px}
.promo-block__copy p{margin:0}
.promo-block .btn,.assurance-banner .btn{flex-shrink:0;white-space:nowrap}
.assurance-banner__art{position:relative;flex:none;width:96px;height:96px;background:linear-gradient(135deg,var(--accent),var(--mist),var(--paper-bottom));overflow:hidden}
.assurance-banner__art::after{content:"";position:absolute;inset:24px;background:linear-gradient(135deg,var(--glass-top-a),var(--glass-front-a));transform:rotate(30deg);box-shadow:var(--shadow-float)}
.article-window{border:1px solid var(--border);background:var(--bg-panel);box-shadow:var(--shadow-panel)}
.article-window__chrome{padding:8px 24px;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:var(--font-xs);color:var(--text-muted);background:var(--bg-panel2)}
.article-window__chrome::before{content:"▪ ▪ ▪";margin-right:24px;color:var(--accent)}
.article-window__body{padding:40px}
.swatch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.swatch{min-width:0;background:var(--bg-panel);border:1px solid var(--border);font-size:var(--font-xs)}
.swatch__color{height:64px;border-bottom:1px solid var(--border)}
.swatch code{display:block;padding:12px;color:var(--text)}
.swatch--bg{background:var(--bg)}
.swatch--panel{background:var(--bg-panel)}
.swatch--panel2{background:var(--bg-panel2)}
.swatch--border{background:var(--border)}
.swatch--accent{background:var(--accent)}
.swatch--dark{background:var(--accent-dark)}
.swatch--text{background:var(--text)}
.swatch--muted{background:var(--text-muted)}
.swatch--success{background:var(--success)}
.swatch--warn{background:var(--warn)}
.swatch--error{background:var(--error)}
.swatch--top{background:var(--paper-top)}
.swatch--bottom{background:var(--paper-bottom)}
.swatch--tint{background:var(--accent-tint)}
.swatch--mist{background:var(--mist)}
.swatch--pink{background:var(--pink)}
.swatch--white{background:var(--white)}
.sample-display{font-family:var(--font-display);font-size:var(--font-h2);font-weight:var(--weight-normal);line-height:1.2;color:var(--accent)}
.sample-row{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-bottom:24px}
.preview-header .tabs{overflow-x:auto}
@media(max-width:1240px){
  .hero__inner{grid-template-columns:minmax(0,1fr);gap:56px}
  .hero__copy{max-width:640px}
}
@media(min-width:769px) and (max-width:1440px){
  .hero__device{--s:clamp(56px,6.67vw,96px)}
}
@media(max-width:1100px){
  .feature-grid,.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:768px){
  .hero__inner{padding:32px var(--gutter) 40px;gap:40px}
  .hero__title{font-size:36px;margin-bottom:24px}
  .hero__lede{font-size:17px}
  .hero .btn{min-width:0;flex:1 1 180px;gap:16px}
  .trust{grid-template-columns:minmax(0,1fr)}
  .spec__row{grid-template-columns:minmax(0,1fr);padding-top:8px}
  .hero__device{flex-direction:column;gap:24px;max-width:100%}
  .viewer{padding-bottom:0;display:flex;flex-wrap:wrap;gap:8px}
  .viewer__window{flex:1 1 100%;min-width:0}
  .float-chip{position:static}
  .viewer__body{padding:12px 12px 68px}
  .viewer__frost{left:6px;right:6px;top:42px}
  .viewer__caption span{font-size:10.5px}
  .cube-tag{height:24px;padding:0 8px;font-size:var(--font-xs)}
  .cube-tag em{display:none}
  .viewer__foot{position:static;flex-wrap:wrap;padding:16px;gap:12px}
  .viewer__foot .chips{flex:1 1 100%;flex-wrap:wrap;gap:4px}
  .viewer__foot .chips li{padding:0 6px;font-size:11px}
  .refund-block{height:40px;padding:0 10px;font-size:var(--font-xs)}
  .hero__rail{flex:none;margin-bottom:0}
  .rail__list{display:flex;flex-direction:column;gap:16px}
  .rail__list li{border-bottom:0;border-left:1px solid var(--border);padding-inline:16px}
  .rail__list a{padding:12px 0}
  .rail__pager{margin-top:16px}
  .factband__inner{grid-template-columns:repeat(2,minmax(0,1fr))}
  .factband__cell{padding:20px 12px}
  .feature-grid,.plan-grid{grid-template-columns:minmax(0,1fr)}
  .promo-block,.assurance-banner{flex-wrap:wrap;padding:24px;gap:24px}
  .promo-block__copy{flex-basis:100%}
  .swatch-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:640px){
  .platform-grid,.article-grid{grid-template-columns:minmax(0,1fr)}
  .swatch-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .article-window__body{padding:24px}
  .hero .cta-row{gap:12px}
  .hero .cta-row .btn{flex-basis:128px;padding-inline:14px}
  .hero__device{max-width:100%}
  .viewer__glow{max-width:100%}
}
@media(prefers-reduced-motion:reduce){
  .cube__face::after{animation:none;opacity:.8;transform:translate(6%,-4%) scale(1)}
}