@scope ([data-shape="comparisonrow-tablerow"]){:scope{overflow-x:auto;margin:0 -1.5rem;padding:0 1.5rem}table{width:100%;font-size:.875rem;border-collapse:collapse}thead tr{border-bottom:2px solid var(--border)}th{text-align:left;padding:.75rem 1rem;font-weight:600;color:var(--on-surface-muted)}th:first-child{width:10rem;padding-left:0}th[data-highlight]{color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,transparent);border-top-left-radius:.5rem;border-top-right-radius:.5rem}tbody tr{border-bottom:1px solid var(--border)}tbody tr[data-last]{border-bottom:none}td{padding:.75rem 1rem;color:var(--on-surface-muted)}td[data-role=aspect]{font-weight:500;color:var(--on-surface);padding-left:0}td[data-highlight]{background:color-mix(in srgb,var(--accent) 5%,transparent);font-weight:500;color:var(--on-surface)}tbody tr[data-last] td[data-highlight]{border-bottom-left-radius:.5rem;border-bottom-right-radius:.5rem}}@scope ([data-shape="cta-banner"]){:scope{position:relative;border-radius:1rem;border:1px solid var(--border);background:var(--surface);padding:2rem;overflow:hidden}@media(min-width:640px){:scope{padding:3rem}}[data-slot=glow-right]{position:absolute;top:0;right:0;width:16rem;height:16rem;background:color-mix(in srgb,var(--dot-interface) 5%,transparent);border-radius:9999px;filter:blur(48px);transform:translate(50%,-50%)}[data-slot=glow-left]{position:absolute;bottom:0;left:0;width:16rem;height:16rem;background:color-mix(in srgb,var(--dot-shape) 5%,transparent);border-radius:9999px;filter:blur(48px);transform:translate(-50%,50%)}[data-slot=content]{position:relative;max-width:36rem}h2{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;letter-spacing:-.025em;color:var(--on-surface);margin:0;line-height:1.2}p{margin:1rem 0 0;color:var(--on-surface-muted);line-height:1.6}p a{color:var(--on-surface);font-weight:500;text-decoration:none;transition:color .15s}p a:hover{color:var(--accent)}[data-slot=actions]{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}[data-slot=actions] a{display:inline-flex;align-items:center;padding:.75rem 1.5rem;font-weight:500;border-radius:.5rem;text-decoration:none;transition:background-color .15s,border-color .15s}[data-slot=actions] a svg{margin-left:.5rem}[data-slot=actions] a[data-variant=primary]{background:var(--on-surface);color:var(--surface)}[data-slot=actions] a[data-variant=primary]:hover{opacity:.8}[data-slot=actions] a[data-variant=secondary]{border:1px solid var(--border);color:var(--on-surface)}[data-slot=actions] a[data-variant=secondary]:hover{border-color:color-mix(in srgb,var(--on-surface) 30%,transparent)}}@scope ([data-shape="hero-full"]){:scope{position:relative;padding:8rem 0 6rem;overflow:hidden}@media(min-width:640px){:scope{padding:10rem 0 8rem}}[data-slot=grid]{position:absolute;inset:0;opacity:.03;background-image:linear-gradient(var(--on-surface) 1px,transparent 1px),linear-gradient(90deg,var(--on-surface) 1px,transparent 1px);background-size:64px 64px}[data-slot=glow-left]{position:absolute;top:25%;left:-8rem;width:24rem;height:24rem;background:color-mix(in srgb,var(--dot-interface) 10%,transparent);border-radius:9999px;filter:blur(48px)}[data-slot=glow-right]{position:absolute;bottom:25%;right:-8rem;width:24rem;height:24rem;background:color-mix(in srgb,var(--dot-shape) 10%,transparent);border-radius:9999px;filter:blur(48px)}[data-slot=content]{position:relative;max-width:72rem;margin:0 auto;padding:0 1.5rem}[data-slot=content]>*{max-width:48rem}h1{font-size:clamp(3rem,8vw,4.5rem);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0}h1>span:first-child{color:var(--on-surface)}h1>span[data-role=accent]{color:var(--accent)}h2{margin:1rem 0 0;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:500;color:color-mix(in srgb,var(--on-surface) 60%,transparent);font-style:italic}p[data-role=attribution]{margin:.75rem 0 0;font-size:.875rem;color:var(--on-surface-faint)}p[data-role=attribution] a{color:var(--on-surface-muted);font-weight:500;text-decoration:none;transition:color .15s}p[data-role=attribution] a:hover{color:var(--on-surface)}p[data-role=tagline]{margin:1.5rem 0 0;font-size:clamp(1.25rem,3vw,1.5rem);font-weight:500;color:color-mix(in srgb,var(--on-surface) 80%,transparent);line-height:1.6}p[data-role=description]{margin:1.5rem 0 0;font-size:1.125rem;color:var(--on-surface-muted);line-height:1.6;max-width:42rem}[data-slot=actions]{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2.5rem}[data-slot=actions] a{display:inline-flex;align-items:center;padding:.75rem 1.5rem;font-weight:500;border-radius:.5rem;text-decoration:none;transition:background-color .15s,border-color .15s}[data-slot=actions] a svg{margin-left:.5rem}[data-slot=actions] a[data-variant=primary]{background:var(--accent);color:var(--surface)}[data-slot=actions] a[data-variant=primary]:hover{filter:brightness(.9)}[data-slot=actions] a[data-variant=secondary]{border:1px solid var(--border);color:var(--on-surface);background:transparent}[data-slot=actions] a[data-variant=secondary]:hover{border-color:color-mix(in srgb,var(--on-surface) 30%,transparent)}}@scope ([data-shape="principle-card"]){:scope{padding:1.5rem;border-radius:.5rem;border:1px solid var(--border);border-left-width:4px;background:var(--surface)}:scope[data-accent=interface]{border-left-color:var(--dot-interface)}:scope[data-accent=shape]{border-left-color:var(--dot-shape)}span{font-size:.875rem;font-family:var(--font-mono, ui-monospace, monospace);font-weight:700;display:block}:scope[data-accent=interface]>span{color:var(--dot-interface)}:scope[data-accent=shape]>span{color:var(--dot-shape)}h3{margin:.5rem 0 0;font-size:1.125rem;font-weight:600;color:var(--on-surface)}p{margin:.5rem 0 0;font-size:.875rem;color:var(--on-surface-muted);line-height:1.6}}