@charset "UTF-8";
/* The two product cards share the public storefront's light/dark theme. */
:root{--crystal:#7841a5;--crystal-soft:#efe7f7;--crystal-line:#ccb7df}
:root[data-theme="dark"]{--crystal:#d6b3f5;--crystal-soft:#2b203b;--crystal-line:#65497d}
.automation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.automation-card{display:flex;flex-direction:column;min-width:0;padding:36px;border:1px solid var(--line);border-top:4px solid var(--cyan);border-radius:24px;background:var(--surface);box-shadow:var(--shadow)}
.automation-card.crystals{border-top-color:var(--crystal)}
.automation-card-top{display:flex;gap:18px;align-items:center;margin-bottom:30px}
.automation-symbol{display:grid;place-items:center;flex:0 0 58px;height:58px;background:var(--notice-bg);color:var(--cyan);border-radius:16px}
.automation-symbol svg{width:40px;height:40px}
.crystals .automation-symbol{color:var(--crystal);background:var(--crystal-soft)}
.automation-category{color:var(--muted);font-size:.8125rem;font-weight:650;line-height:1.45}
.automation-card h3{font-size:2.5rem;margin:0 0 18px;line-height:1.1}
.automation-card>p{color:var(--muted);font-size:1rem}
.automation-card ul{display:grid;gap:11px;margin:8px 0 28px;padding:0;list-style:none}
.automation-card li{display:flex;gap:12px;align-items:baseline;font-size:.9375rem;line-height:1.55}
.automation-card li::before{content:"✓";font-weight:750;color:var(--cyan);flex-shrink:0}
.crystals li::before{color:var(--crystal)}
.automation-card .automation-price{border-top:1px solid var(--line);padding-top:22px;margin-top:auto;font-size:.875rem;min-height:76px}
.automation-price strong{color:var(--ink);font-size:1.2rem;white-space:nowrap}
.automation-actions{display:grid;gap:13px;margin-top:8px}
.automation-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-align:center;color:var(--cyan);font-weight:650;font-size:.875rem}
.crystals .automation-link{color:var(--crystal)}
.crystal-button{background:var(--crystal-soft);border-color:var(--crystal-line);color:var(--crystal)}
.crystal-button:hover{background:var(--crystal-soft);border-color:var(--crystal);color:var(--crystal)}
.product-license-note{max-width:100%;border-left:3px solid var(--cyan);padding:4px 0 4px 20px;margin:30px 0 0;color:var(--muted);font-size:.875rem}
.hub-explainer{border:1px solid var(--line);border-radius:24px;background:var(--surface);padding:32px;box-shadow:var(--shadow)}
.hub-explainer-label{font-size:.75rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);padding-bottom:18px;border-bottom:1px solid var(--line)}
.hub-explainer h3{font-size:1.65rem;line-height:1.2;margin:24px 0}
.hub-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0 0 22px}
.hub-options>a{display:grid;justify-items:start;gap:8px;border:1px solid var(--line);padding:22px 18px;border-radius:14px;text-decoration:none;background:var(--paper)}
.hub-options>a:hover{border-color:var(--cyan)}
.hub-options>a:last-child:hover{border-color:var(--crystal)}
.hub-options strong{font-size:1.125rem}
.hub-options>a>span:last-child{font-size:.8125rem;color:var(--muted)}
.hub-product-dot{width:12px;height:12px;border-radius:4px;margin-bottom:6px;background:var(--cyan)}
.crystal-dot{background:var(--crystal)}
.hub-explainer>.fine{font-size:.8125rem;margin-bottom:0}
@media(max-width:980px){.automation-card{padding:28px}.automation-card-top{gap:14px}.automation-card h3{font-size:2.2rem}.hub-explainer{padding:26px}.hub-options>a{padding:18px 13px}}
@media(max-width:760px){.automation-grid{grid-template-columns:1fr;gap:22px}.automation-card{padding:28px}.automation-card .automation-price{min-height:0}.automation-card-top{margin-bottom:24px}.hub-explainer{padding:28px}.hub-options>a{padding:22px 18px}}
@media(max-width:460px){.automation-card{padding:24px}.automation-card h3{font-size:2.25rem}.automation-symbol{flex-basis:52px;height:52px}.automation-category{font-size:.75rem}.automation-card .button{padding-inline:16px}.hub-explainer{padding:24px}.hub-options{gap:10px}.hub-options>a{padding:18px 12px}.hub-options>a>span:last-child{font-size:.75rem}.hub-explainer h3{font-size:1.5rem}}