:root{--bg-primary:var(--iw-bg-primary);--bg-secondary:var(--iw-bg-secondary);--bg-tertiary:var(--iw-bg-card);--bg-elevated:var(--iw-bg-elevated);--bg-sunken:var(--iw-bg-sunken);--bg-glass:var(--iw-bg-card);--bg-glass-hover:var(--iw-bg-hover);--bg-glass-active:var(--iw-bg-hover);--border-subtle:var(--iw-border);--border-medium:var(--iw-border);--border-strong:var(--iw-border-strong);--border-bright:var(--iw-border-strong);--border-accent:var(--iw-border-accent);--text-primary:var(--iw-text-primary);--text-secondary:var(--iw-text-secondary);--text-tertiary:var(--iw-text-muted);--text-muted:var(--iw-text-muted);--text-inverse:var(--iw-text-inverse);--accent-primary:var(--iw-primary);--accent-primary-hover:var(--iw-primary-hover);--accent-primary-dim:var(--iw-primary-soft);--accent-primary-glow:var(--iw-primary-soft);--accent-secondary:var(--iw-success);--accent-secondary-dim:var(--iw-success-soft);--accent-tertiary:var(--iw-info);--accent-tertiary-dim:var(--iw-info-soft);--accent-success:var(--iw-success);--accent-success-dim:var(--iw-success-soft);--accent-warning:var(--iw-warning);--accent-warning-dim:var(--iw-warning-soft);--accent-danger:var(--iw-danger);--accent-danger-dim:var(--iw-danger-soft);--accent-info:var(--iw-info);--accent-info-dim:var(--iw-info-soft);--gradient-primary:linear-gradient(135deg,var(--iw-primary) 0%,var(--iw-primary-hover) 50%,var(--iw-primary-hover) 100%);--gradient-primary-soft:linear-gradient(135deg,var(--iw-primary) 0%,var(--iw-primary-hover) 100%);--gradient-surface:linear-gradient(180deg,var(--iw-primary-soft) 0%,transparent 100%);--gradient-glow:radial-gradient(ellipse at 50% 0%,var(--iw-primary-soft) 0%,transparent 60%);--gradient-ambient:radial-gradient(ellipse 80% 50% at 50% -20%,var(--iw-primary-soft) 0%,transparent 50%);--gradient-mesh:radial-gradient(ellipse 60% 40% at 80% 50%,var(--iw-success-soft) 0%,transparent 50%),radial-gradient(ellipse 60% 40% at 20% 80%,var(--iw-info-soft) 0%,transparent 50%);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--space-4xl:96px;--space-5xl:128px;--radius-xs:calc(var(--iw-radius) - 5px);--radius-sm:var(--iw-radius-sm);--radius-md:var(--iw-radius);--radius-lg:var(--iw-radius-lg);--radius-xl:calc(var(--iw-radius-lg) + 8px);--radius-2xl:calc(var(--iw-radius-lg) + 16px);--radius-full:9999px;--shadow-xs:var(--iw-shadow-sm);--shadow-sm:var(--iw-shadow-sm);--shadow-md:var(--iw-shadow-md);--shadow-lg:var(--iw-shadow-lg);--shadow-xl:var(--iw-shadow-lg);--shadow-glow-sm:var(--iw-shadow-sm);--shadow-glow-md:var(--iw-shadow-md);--shadow-glow-lg:var(--iw-shadow-lg);--shadow-inset:inset 0 1px 0 var(--iw-border);--font-sans:var(--iw-font-sans);--font-mono:var(--iw-font-mono);--font-serif:"Instrument Serif",Georgia,serif;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-lg:17px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-4xl:40px;--text-5xl:52px;--text-6xl:64px;--text-hero:clamp(38px,5vw,68px);--leading-tight:1.08;--leading-snug:1.25;--leading-normal:1.5;--leading-relaxed:1.7;--tracking-tight:-0.03em;--tracking-snug:-0.02em;--tracking-normal:0;--tracking-wide:0.02em;--tracking-wider:0.05em;--tracking-widest:0.15em;--ease-out:var(--iw-ease);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--ease-spring:cubic-bezier(0.34,1.56,0.64,1);--duration-fast:var(--iw-duration);--duration-base:var(--iw-duration);--duration-slow:450ms;--duration-slower:700ms;--max-width:1280px;--max-width-narrow:800px;--max-width-wide:1440px;--header-height:68px;--container-padding:32px}.spine-root{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;position:relative;overflow-x:hidden}.spine-root:before{content:"";position:fixed;inset:0;background:var(--gradient-ambient),var(--gradient-mesh);pointer-events:none;z-index:0}.spine-container{max-width:var(--max-width)}.spine-container,.spine-container-narrow{margin:0 auto;padding:0 var(--container-padding);position:relative;z-index:1}.spine-container-narrow{max-width:var(--max-width-narrow)}.spine-section{padding:var(--space-4xl) 0;position:relative}.spine-eyebrow{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent-primary);margin-bottom:var(--space-md);display:inline-flex;align-items:center;gap:12px}.spine-eyebrow:before{content:"";width:20px;height:1px;background:var(--accent-primary);opacity:.6}.spine-headline-xl{font-size:var(--text-hero);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--text-primary)}.spine-headline-lg{font-size:clamp(28px,4vw,44px);font-weight:650;line-height:1.15;letter-spacing:var(--tracking-snug)}.spine-body-lg{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary);font-weight:400}.spine-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 24px;border-radius:var(--radius-md);font-weight:550;font-size:var(--text-sm);letter-spacing:var(--tracking-tight);transition:color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);white-space:nowrap;cursor:pointer;text-decoration:none}.spine-btn-primary{background:var(--gradient-primary);color:var(--text-inverse)!important;box-shadow:var(--shadow-md),var(--shadow-inset);border:none}.spine-btn-primary:hover{box-shadow:var(--shadow-lg),var(--shadow-inset);transform:translateY(-1px)}.spine-btn-secondary{background:var(--bg-glass);color:var(--text-primary)!important;border:1px solid var(--border-medium);backdrop-filter:blur(12px)}.spine-btn-secondary:hover{background:var(--bg-glass-hover);border-color:var(--border-strong);transform:translateY(-1px)}.spine-product-viewport{position:relative;margin-top:var(--space-3xl);border-radius:var(--radius-xl);border:1px solid var(--border-medium);background:var(--bg-secondary);overflow:hidden;box-shadow:var(--shadow-xl),var(--shadow-glow-md),var(--shadow-inset)}.spine-pv-toolbar{display:flex;align-items:center;gap:10px;padding:12px 18px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle)}.spine-pv-dot{width:10px;height:10px;border-radius:50%;opacity:.7}.spine-pv-dot:first-child{background:var(--accent-danger)}.spine-pv-dot:nth-child(2){background:var(--accent-warning)}.spine-pv-dot:nth-child(3){background:var(--accent-success)}.spine-pv-url{flex:1;text-align:center;font-size:11px;font-family:var(--font-mono);color:var(--text-muted);background:var(--bg-glass);padding:5px 14px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);max-width:320px;margin:0 auto}.spine-pv-body{display:grid;grid-template-columns:210px 1fr 280px;min-height:480px}.spine-pv-sidebar{border-right:1px solid var(--border-subtle);padding:var(--space-md) 12px;background:color-mix(in srgb,var(--iw-bg-sunken) 20%,transparent)}.spine-pv-main{padding:var(--space-lg);overflow-y:auto}.spine-pv-panel{border-left:1px solid var(--border-subtle);padding:var(--space-md);background:color-mix(in srgb,var(--iw-bg-sunken) 12%,transparent)}@media (max-width:1024px){.spine-pv-body{grid-template-columns:1fr}.spine-pv-panel,.spine-pv-sidebar{display:none}}.spine-card{background:var(--bg-glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl);transition:color var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out),border-color var(--duration-base) var(--ease-out),box-shadow var(--duration-base) var(--ease-out),opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out)}.spine-card:hover{border-color:var(--border-medium);background:var(--bg-glass-hover);transform:translateY(-2px);box-shadow:var(--shadow-md),var(--shadow-glow-sm)}.spine-signal-card{display:flex;align-items:flex-start;gap:10px;padding:12px;border-radius:var(--radius-md);background:var(--bg-glass);border:1px solid var(--border-subtle);margin-bottom:8px;transition:color var(--duration-fast),background-color var(--duration-fast),border-color var(--duration-fast),box-shadow var(--duration-fast),opacity var(--duration-fast),transform var(--duration-fast)}.spine-signal-dot{width:6px;height:6px;border-radius:50%;margin-top:6px;flex-shrink:0}.spine-signal-dot.red{background:var(--accent-danger);box-shadow:0 0 6px var(--accent-danger)}.spine-signal-dot.amber{background:var(--accent-warning);box-shadow:0 0 6px var(--accent-warning)}.spine-signal-dot.green{background:var(--accent-success);box-shadow:0 0 6px var(--accent-success)}.spine-signal-dot.blue{background:var(--accent-info);box-shadow:0 0 6px var(--accent-info)}