.cmp-box{overflow-x:auto;border-radius:22px;border:1px solid var(--line);background:#fff}table{width:100%;border-collapse:collapse;min-width:640px;font-size:15.5px}th,td{text-align:left;padding:16px 22px;border-bottom:1px solid var(--paper2);vertical-align:top}thead th{font-size:16px;background:var(--paper)}tbody th{font-weight:600;color:var(--muted);width:24%}tr:last-child th,tr:last-child td{border-bottom:0}.build-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.build{border-radius:20px;background:#fff;border:1px solid var(--line);padding:24px 22px;display:flex;flex-direction:column;gap:10px;transition:transform .45s var(--ease),box-shadow .45s var(--ease)}.build:hover{transform:translateY(-5px);box-shadow:0 26px 50px -34px #0a173073}.build span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;color:#fff;background:var(--c)}.build h3{font-size:18px;letter-spacing:-.02em}.build p{color:var(--muted);font-size:14.5px}.price-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.price-pair>div{border-radius:24px;padding:32px;background:#ffffff0a;border:1px solid var(--lineD)}.price-pair .mono{color:var(--cyan)}.price-pair b{display:block;font-size:clamp(40px,4.4vw,56px);letter-spacing:-.04em;line-height:1;margin:14px 0 10px}.price-pair b small{font-size:16px;font-weight:600;color:var(--mutedD);letter-spacing:0;margin-right:6px}.price-pair p{color:#c9d3e6}.price-note{margin-top:22px;color:var(--mutedD);font-size:15px;max-width:80ch}.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.timeline li{border-radius:20px;background:#fff;border:1px solid var(--line);padding:22px 20px}.timeline span{display:block;font-family:JetBrains Mono,monospace;font-size:12.5px;color:#0860c9;margin-bottom:10px}.timeline b{display:block;font-size:17px;letter-spacing:-.02em;margin-bottom:6px;line-height:1.25}.timeline p{color:var(--muted);font-size:14.5px}.demo-note{display:flex;gap:12px;align-items:flex-start;padding:18px 20px;border-radius:16px;background:#fff8e6;border:1px solid #EBCB6E;color:#5a4300;font-size:15px;margin-bottom:32px}.demo-note svg{flex:none;margin-top:2px}@media (max-width:1100px){.build-grid,.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.build-grid,.price-pair,.timeline{grid-template-columns:minmax(0,1fr)}.price-pair>div{padding:24px}}@media (prefers-reduced-motion:reduce){.build{transition:none!important}.build:hover{transform:none}}