.spine-scope .spine-content{z-index:2;position:relative}.spine-scope .hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:78vh;padding:96px 24px 64px;display:flex;position:relative}.spine-scope .eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--primary);font-size:13px;font-weight:600}.spine-scope .hero-lede{color:var(--foreground);max-width:680px;margin-top:26px;font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:400;line-height:1.5}.spine-scope .chips{flex-wrap:wrap;justify-content:center;gap:9px;margin-top:32px;display:flex}.spine-scope .chip{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-surface-variant);border:1px solid var(--border-bright);background:var(--surface-container-lowest);border-radius:999px;padding:6px 13px;font-size:11px}.spine-scope button.chip{cursor:pointer;appearance:none;transition:color .2s,border-color .2s,background .2s}.spine-scope button.chip:hover,.spine-scope button.chip:focus-visible{color:var(--foreground);border-color:var(--primary);background:var(--surface-container-low);outline:none}.spine-scope .hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:34px;display:flex}.spine-scope .btn{font-size:13px;font-weight:700;font-family:var(--mono);letter-spacing:.02em;cursor:pointer;border:1px solid var(--border-bright);background:var(--surface-container);color:var(--foreground);border-radius:8px;align-items:center;gap:8px;padding:10px 17px;transition:border-color .15s,transform .1s,background .15s,opacity .15s;display:inline-flex}.spine-scope .btn:hover{border-color:#818cf873;transform:translateY(-1px)}.spine-scope .btn-primary{color:var(--spine-btn-primary-fg);background:linear-gradient(135deg, var(--primary), var(--tertiary));border:none;box-shadow:0 0 14px #818cf838}.spine-scope .btn-primary:hover{opacity:.92}.spine-scope .scroll-cue{color:var(--muted-foreground);letter-spacing:.2em;text-transform:uppercase;flex-direction:column;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.spine-scope .live-dot{background:var(--ok);border-radius:50%;width:7px;height:7px;animation:2.4s ease-in-out infinite cockpit-pulse;box-shadow:0 0 0 3px #34d39929}@keyframes cockpit-pulse{0%,to{opacity:1}50%{opacity:.35}}.spine-scope .timeline-wrap{padding:0 0 4vh;position:relative;overflow:clip}.spine-scope .depth-layer{filter:blur(64px);opacity:.5;will-change:transform;pointer-events:none;border-radius:50%;position:absolute}.spine-scope .d1{background:radial-gradient(circle,#818cf847,#0000 65%);width:520px;height:520px;top:4%;left:-8%}.spine-scope .d2{background:radial-gradient(circle,#a78bfa3d,#0000 65%);width:460px;height:460px;top:22%;right:-10%}.spine-scope .d3{background:radial-gradient(circle,#34d39929,#0000 65%);width:600px;height:600px;top:44%;left:-14%}.spine-scope .d4{background:radial-gradient(circle,#818cf833,#0000 65%);width:380px;height:380px;top:64%;right:-6%}.spine-scope .d5{filter:blur(90px);background:radial-gradient(circle,#a78bfa1f,#0000 70%);width:700px;height:700px;top:84%;left:30%}.spine-scope .grid-plane{background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);opacity:.45;will-change:transform;background-position:0 0,calc(50% + 32px) 0;background-size:64px 64px;position:absolute;inset:-10% 0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 80%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 30%,#0000 80%)}.spine-scope .spine-inner{max-width:1280px;margin:0 auto;padding:0 32px;position:relative}.spine-scope .spine{background:linear-gradient(#818cf86b 0% 42%,#a78bfa6b 74%,#34d3995c 96% 100%);width:2px;position:absolute;top:0;bottom:0;left:50%;overflow:visible;transform:translate(-50%)}.spine-scope .spine:before{content:"";filter:blur(8px);pointer-events:none;background:linear-gradient(#818cf80d,#818cf80d 30%,#a78bfa0d 70%,#34d3990a);width:60px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.spine-scope .spine-fill{background:linear-gradient(180deg, var(--primary), var(--tertiary) 55%, var(--accent-3));will-change:height;width:100%;height:0%;position:absolute;top:0;left:0;box-shadow:0 0 18px #818cf899,0 0 4px #ffffff80}.spine-scope .spine-head{background:var(--spine-head);opacity:0;will-change:top;border-radius:50%;width:14px;height:14px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 24px 6px #818cf8e6,0 0 60px 16px #a78bfa80}.spine-scope .spine-head:after{content:"";filter:blur(1px);background:linear-gradient(#0000,#aeb6fbb3);width:2px;height:70px;position:absolute;bottom:50%;left:50%;transform:translate(-50%)}.spine-scope .stages{position:relative}.spine-scope .segment{padding:3.5vh 0 6vh;scroll-margin-top:2rem;position:relative}.spine-scope .segment[data-spine-orch]{padding-bottom:1.5vh}.spine-scope .rail{z-index:6;flex-direction:column;gap:17px;display:flex;position:relative}.spine-scope .rail .side{perspective:1200px;width:100%;max-width:none;display:flex;position:relative;top:auto;left:auto;right:auto}.spine-scope .rail .side-left{justify-content:flex-end;padding-right:calc(50% + 60px)}.spine-scope .rail .side-right{justify-content:flex-start;padding-left:calc(50% + 60px)}.spine-scope .rail .screen-card{width:340px;max-width:100%}@media (min-width:821px){.spine-scope .rail .side-left:has(.screen-card){padding-right:calc(50% + clamp(24px,50% - 368px,120px))}.spine-scope .rail .side-right:has(.screen-card){padding-left:calc(50% + clamp(24px,50% - 368px,120px))}}.spine-scope .rail .connector{top:calc(50% - .5px)}.spine-scope .milestone{z-index:9;text-align:center;flex-direction:column;align-items:center;margin-bottom:3vh;display:flex;position:relative}.spine-scope .node{background:var(--background);border:2px solid var(--primary);will-change:transform;border-radius:50%;place-items:center;width:30px;height:30px;margin-bottom:16px;display:grid;position:relative;transform:scale(0)}.spine-scope .stages>div:first-child .node{transform:scale(1)}.spine-scope .node:before{content:"";background:var(--primary);width:9px;height:9px;box-shadow:0 0 14px var(--primary), 0 0 30px #818cf880;border-radius:50%}.spine-scope .node .halo{opacity:0;will-change:transform, opacity;border:1px solid #818cf873;border-radius:50%;position:absolute;inset:-8px}.spine-scope .node:after{content:"";background:conic-gradient(from 0deg, var(--primary), var(--tertiary), var(--accent-3), var(--primary));-webkit-mask-composite:xor;opacity:0;pointer-events:none;border-radius:50%;padding:2px;transition:opacity .35s;position:absolute;inset:-6px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spine-scope .milestone:hover .node:after{opacity:1;animation:3.6s linear infinite aurora-spin}.spine-scope .stage-label{background:radial-gradient(120% 140% at 50% 0%, #818cf81a, transparent 72%), var(--spine-label-bg);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);will-change:transform, opacity;border-radius:16px;flex-direction:column;align-items:center;gap:9px;padding:14px 24px 16px;display:flex;position:relative}.spine-scope .stage-label:after{content:"";background:linear-gradient(135deg, var(--primary), var(--tertiary) 40%, var(--accent-3) 55%, var(--tertiary) 70%, var(--primary));-webkit-mask-composite:xor;opacity:0;pointer-events:none;background-size:300% 300%;border-radius:16px;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spine-scope .milestone:hover .stage-label{background:radial-gradient(120% 140% at 50% 0%, #818cf829, transparent 72%), var(--spine-label-bg)}.spine-scope .milestone:hover .stage-label:after{opacity:.9;animation:6s linear infinite aurora-border}@keyframes aurora-border{0%{background-position:0%}to{background-position:300%}}.spine-scope .stage-num{font-family:var(--mono);color:var(--primary);letter-spacing:.18em;opacity:.85;font-size:13px}.spine-scope .stage-title{letter-spacing:-.02em;background:var(--spine-title-grad);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;padding-bottom:.06em;font-size:clamp(1.6rem,3.4vw,3rem);font-weight:700;line-height:1.16}.spine-scope .stage-kicker{font-size:12px;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);margin-top:4px;font-weight:400;display:block}.spine-scope .screen-card{z-index:2;background:var(--spine-card-bg);border:1px solid var(--card-stroke);-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px);box-shadow:0 36px 70px -28px var(--spine-shadow-1), inset 0 1px 0 var(--spine-inset-hi);transform-style:preserve-3d;will-change:transform, opacity;border-radius:18px;padding:12px;transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1),border-color .5s;display:block;position:relative}.spine-scope button.screen-card{font:inherit;color:inherit;text-align:left;cursor:pointer;appearance:none}.spine-scope .screen-card:after{content:"";background:linear-gradient(135deg, var(--primary), var(--tertiary) 40%, var(--accent-3) 55%, var(--tertiary) 70%, var(--primary));-webkit-mask-composite:xor;opacity:0;pointer-events:none;background-size:300% 300%;border-radius:18px;padding:1px;transition:opacity .5s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spine-scope .screen-card:hover{animation:2.4s ease-in-out infinite card-border-pulse;transform:translateY(-10px)scale(1.015)}@keyframes card-border-pulse{0%,to{box-shadow:0 50px 90px -30px var(--spine-shadow-2), 0 0 26px -14px #818cf840, inset 0 1px 0 var(--spine-inset-hi);border-color:#818cf859}50%{box-shadow:0 50px 90px -30px var(--spine-shadow-2), 0 0 60px -8px #818cf880, inset 0 1px 0 var(--spine-inset-hi);border-color:#818cf8b3}}.spine-scope .screen-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.spine-scope .screen{aspect-ratio:16/9;background:linear-gradient(135deg, var(--surface-container), var(--surface-container-low));border:1px solid var(--spine-frame-stroke);border-radius:12px;margin-bottom:12px;position:relative;overflow:hidden}.spine-scope .screen .winbar{z-index:3;background:linear-gradient(180deg, var(--spine-winbar-1), var(--spine-winbar-2));border-bottom:1px solid var(--spine-inset-hi);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-items:center;gap:6px;height:28px;padding:0 11px;display:flex;position:absolute;top:0;left:0;right:0}.spine-scope .screen .winbar i{background:var(--border-bright);border-radius:50%;width:9px;height:9px;display:block}.spine-scope .screen .winbar i:first-child{background:#ff5f568c}.spine-scope .screen .winbar i:nth-child(2){background:#ffbd2e8c}.spine-scope .screen .winbar i:nth-child(3){background:#34d39980}.spine-scope .screen .winbar .url{font-family:var(--mono);color:var(--muted-foreground);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;margin-left:10px;font-size:9px;overflow:hidden}.spine-scope .screen .cover-wrap{position:absolute;inset:28px 0 0}.spine-scope .screen .cover-wrap img{object-fit:cover;object-position:center top}.spine-scope .screen .cover{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}.spine-scope .screen .wm{font-family:var(--mono);letter-spacing:.04em;color:var(--spine-wm);text-align:center;white-space:pre-line;place-items:center;padding:0 14px;font-size:clamp(1rem,2.2vw,1.5rem);font-weight:600;display:grid;position:absolute;inset:28px 0 0}.spine-scope .screen-card.code .wm{font-family:var(--mono);color:#aeb6fbe6}.spine-scope .mobile-chip{z-index:4;aspect-ratio:9/19;border:1px solid var(--border-bright);width:58px;box-shadow:0 10px 24px -8px var(--spine-shadow-1);background:var(--surface-container-lowest);border-radius:9px;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:10px;right:10px;overflow:hidden;transform:rotate(4deg)}.spine-scope .mobile-chip img{object-fit:cover;object-position:top;width:100%;height:100%}.spine-scope .screen-card:hover .mobile-chip{transform:rotate(0)translateY(-2px)}.spine-scope .screen .scan{z-index:2;pointer-events:none;background:linear-gradient(#818cf829,#0000);height:40%;position:absolute;top:28px;left:0;right:0;transform:translateY(-100%)}.spine-scope .title-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.spine-scope .screen-card h3{letter-spacing:-.01em;align-items:center;gap:8px;font-size:1.06rem;font-weight:700;line-height:1.2;display:flex}.spine-scope .screen-card h3 .arrow{color:var(--muted-foreground);opacity:0;font-size:.85rem;transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .35s;transform:translate(-4px)}.spine-scope .screen-card:hover h3 .arrow{opacity:1;transform:translate(0)}.spine-scope .screen-card .badge{font-family:var(--mono);letter-spacing:.08em;border:1px solid var(--card-stroke);color:var(--on-surface-variant);text-transform:uppercase;white-space:nowrap;background:#ffffff08;border-radius:7px;padding:4px 8px;font-size:10px}.spine-scope .screen-card .client{font-size:11px;font-family:var(--mono);letter-spacing:.04em;color:var(--muted-foreground);margin-top:4px}.spine-scope .screen-card p{color:var(--on-surface-variant);margin-top:9px;font-size:.86rem;line-height:1.5}.spine-scope .screen-card .status{letter-spacing:.05em;color:var(--muted-foreground);font-size:11px;font-family:var(--mono);align-items:center;gap:8px;margin-top:13px;display:inline-flex}.spine-scope .screen-card .status .led{background:var(--accent-3);width:7px;height:7px;box-shadow:0 0 10px var(--accent-3);border-radius:50%}.spine-scope .screen-card.code .badge{color:var(--accent-3);border-color:#34d39959}.spine-scope .screen-card.code .status .led{background:var(--accent-3);box-shadow:0 0 10px var(--accent-3)}.spine-scope .screen-card.featured .badge{color:var(--tertiary);border-color:#a78bfa66}.spine-scope .screen-card.featured .status .led{background:var(--tertiary);box-shadow:0 0 10px var(--tertiary)}.spine-scope .screen-card.live .badge{color:var(--accent-3);border-color:#34d39966}.spine-scope .connector{cursor:pointer;z-index:1;opacity:.7;transform-origin:0;will-change:transform, opacity;background:#818cf899;border:none;height:1px;transition:opacity .3s,filter .3s,background .4s,box-shadow .4s;position:absolute;top:52px;box-shadow:0 0 7px #818cf859}.spine-scope .side:hover .connector{opacity:1;filter:drop-shadow(0 0 7px #818cf8cc)}.spine-scope .side-left .connector{width:40px;left:100%;right:auto}.spine-scope .side-right .connector{background:#a78bfa99;width:40px;left:auto;right:100%;box-shadow:0 0 7px #a78bfa59}.spine-scope .connector.passed,.spine-scope .side-right .connector.passed{background:var(--accent-3);box-shadow:0 0 7px #34d39980}.spine-scope .connector.in-view{animation:1.1s ease-out 1.4 conn-pulse}@keyframes conn-pulse{0%{opacity:.55;filter:none}35%{opacity:1;filter:drop-shadow(0 0 6px #818cf8d9)}to{opacity:.55;filter:none}}@keyframes aurora-shift{0%{background-position:0%}to{background-position:200%}}@keyframes aurora-spin{to{transform:rotate(360deg)}}.spine-scope .grappe{z-index:6;max-width:760px;margin:2vh auto 0;padding:0 24px;position:relative}.spine-scope .grappe:before{content:"";background:linear-gradient(#818cf873,#818cf80d);width:1px;height:30px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.spine-scope .grappe-head{text-align:center;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted-foreground);margin-bottom:14px;font-size:10.5px}.spine-scope .grappe-head b{color:var(--primary);font-weight:600}.spine-scope .grappe-nodes{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.spine-scope .pnode{color:var(--foreground);border:1px solid var(--border);background:var(--spine-chip-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;will-change:transform;font:inherit;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;text-decoration:none;transition:transform .3s cubic-bezier(.22,1,.36,1),border-color .25s,background .25s,opacity .28s,filter .28s,box-shadow .3s;display:flex;position:relative;overflow:visible}.spine-scope .pnode-dot{background:var(--primary);width:6px;height:6px;box-shadow:0 0 8px var(--primary);border-radius:50%;flex:none}.spine-scope .pnode-name{letter-spacing:-.01em;white-space:nowrap;font-size:.82rem;font-weight:600}.spine-scope .pnode-hint{white-space:nowrap;opacity:0;pointer-events:none;background:var(--spine-hint-bg);border:1px solid var(--border);max-width:320px;font-family:var(--mono);letter-spacing:.02em;color:var(--on-surface-variant);z-index:9;border-radius:8px;padding:6px 10px;font-size:10px;transition:opacity .25s;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.spine-scope .pnode .arrow{opacity:0;color:var(--primary);font-size:.78rem;transition:opacity .25s,transform .25s;transform:translate(-4px)}.spine-scope .pnode:hover,.spine-scope .pnode:focus-visible{background:var(--surface-bright);z-index:8;box-shadow:0 14px 34px -14px var(--spine-shadow-1), 0 0 26px -8px #818cf873;border-color:#818cf88c;outline:none;transform:scale(1.07)}.spine-scope .pnode:hover .pnode-hint,.spine-scope .pnode:focus-visible .pnode-hint{opacity:1}.spine-scope .pnode:hover .arrow,.spine-scope .pnode:focus-visible .arrow{opacity:1;transform:translate(0)}.spine-scope .grappe-nodes:hover .pnode:not(:hover),.spine-scope .grappe-nodes:focus-within .pnode:not(:focus-visible):not(:hover){opacity:.5;filter:blur(.3px);transform:scale(.93)}.spine-scope .grappe.code .pnode-dot{background:var(--accent-3);box-shadow:0 0 8px var(--accent-3)}.spine-scope .grappe.code .pnode .arrow{color:var(--accent-3)}.spine-scope .grappe.code .pnode:hover{box-shadow:0 14px 34px -14px var(--spine-shadow-1), 0 0 26px -8px #34d39966;border-color:#34d39980}.spine-scope .grappe.agent .pnode-dot{background:var(--tertiary);box-shadow:0 0 8px var(--tertiary)}.spine-scope .grappe.agent .pnode .arrow{color:var(--tertiary)}.spine-scope .grappe.agent .pnode:hover{border-color:#a78bfa80}.spine-scope .pnode.soon{border-style:dashed}.spine-scope .pnode.soon .pnode-dot{background:var(--warn);box-shadow:none;animation:2.4s steps(2,end) infinite flicker}.spine-scope .pnode.soon .pnode-hint,.spine-scope .pnode.soon .arrow{color:var(--warn)}@keyframes flicker{0%,to{opacity:.3}50%{opacity:.9}}.spine-scope .mini-card{z-index:2;text-align:left;width:200px;font:inherit;cursor:pointer;background:var(--spine-card-bg);border:1px solid var(--card-stroke);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 20px 44px -26px var(--spine-shadow-1), inset 0 1px 0 var(--spine-inset-hi);will-change:transform;border-radius:12px;flex-direction:column;gap:5px;padding:11px 14px;text-decoration:none;transition:transform .4s cubic-bezier(.22,1,.36,1),border-color .3s,box-shadow .4s;display:flex;position:relative}.spine-scope .mini-card:hover{box-shadow:0 26px 54px -26px var(--spine-shadow-2), 0 0 26px -10px #818cf86b;border-color:#818cf88c;transform:translateY(-4px)}.spine-scope .mini-card:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.spine-scope .mini-name{letter-spacing:-.01em;color:var(--foreground);align-items:center;gap:7px;font-size:.92rem;font-weight:700;line-height:1.15;display:flex}.spine-scope .mini-name .arrow{color:var(--muted-foreground);opacity:0;font-size:.76rem;transition:opacity .3s,transform .3s;transform:translate(-4px)}.spine-scope .mini-card:hover .mini-name .arrow{opacity:1;transform:translate(0)}.spine-scope .mini-badge{font-family:var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--muted-foreground);font-size:9.5px}.spine-scope .rail.code .mini-badge,.spine-scope .rail.code .mini-name .arrow{color:var(--accent-3)}.spine-scope .rail.code .mini-card:hover{box-shadow:0 26px 54px -26px var(--spine-shadow-2), 0 0 26px -10px #34d39966;border-color:#34d39980}.spine-scope .rail.agent .mini-badge,.spine-scope .rail.agent .mini-name .arrow{color:var(--tertiary)}.spine-scope .rail.agent .mini-card:hover{border-color:#a78bfa80}.spine-scope .mini-card.soon{border-style:dashed}.spine-scope .mini-card.soon .mini-badge,.spine-scope .mini-card.soon .mini-name .arrow{color:var(--warn)}.spine-scope .node.lit{border-color:var(--tertiary)}.spine-scope .node.lit:before{box-shadow:0 0 16px var(--primary), 0 0 36px #818cf8b3}.spine-scope .node.lit:after{opacity:1;animation:6s linear infinite aurora-spin}@media (min-width:821px){.spine-scope .node.lit~.stage-label{box-shadow:0 18px 50px -28px var(--spine-shadow-1), 0 0 42px -16px #34d39973}.spine-scope .node.lit~.stage-label:after{opacity:.9}}.spine-scope .slot.single.orch{display:flex;position:relative}.spine-scope .slot.single.orch:before{content:"";background:linear-gradient(#a78bfa80,#a78bfa0d);width:1px;height:26px;position:absolute;top:-26px;left:50%;transform:translate(-50%)}.spine-scope .slot.single.orch .side{width:100%;max-width:none}.spine-scope .mystery-rail{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.spine-scope .mystery-tile{text-align:left;border:1px solid var(--card-stroke);background:var(--spine-card-bg-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);max-width:290px;box-shadow:0 32px 64px -30px var(--spine-shadow-1), inset 0 1px 0 var(--spine-inset-hi);border-radius:16px;flex:230px;padding:20px 18px 18px;transition:transform .45s cubic-bezier(.22,1,.36,1),border-color .3s;position:relative;overflow:hidden}.spine-scope .mystery-tile:before{content:"";pointer-events:none;background:radial-gradient(120% 120% at 50% 0,#a78bfa1a,#0000 65%);position:absolute;inset:0}.spine-scope .mystery-tile:after{content:"";background:linear-gradient(135deg, var(--tertiary), var(--primary) 45%, var(--accent-3) 60%, var(--tertiary));-webkit-mask-composite:xor;opacity:.28;pointer-events:none;background-size:300% 300%;border-radius:16px;padding:1px;transition:opacity .4s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.spine-scope .mystery-tile:hover{border-color:#a78bfa8c;transform:translateY(-7px)}.spine-scope .mystery-tile:hover:after{opacity:.95;animation:6s linear infinite aurora-border}.spine-scope .mystery-tile .m-name{letter-spacing:-.02em;font-size:1.18rem;font-weight:800}.spine-scope .mystery-tile .m-tag{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--tertiary);align-items:center;gap:6px;margin-top:8px;font-size:10px;display:inline-flex}.spine-scope .mystery-tile .m-tag.building{color:var(--warn)}.spine-scope .mystery-tile .m-tag .led{background:var(--tertiary);width:6px;height:6px;box-shadow:0 0 8px var(--tertiary);border-radius:50%;animation:2.2s ease-in-out infinite cockpit-pulse}.spine-scope .mystery-tile .m-tag.building .led{background:var(--warn);box-shadow:0 0 8px var(--warn);animation:2.4s steps(2,end) infinite flicker}.spine-scope .mystery-tile .m-desc{color:var(--on-surface-variant);isolation:isolate;margin-top:10px;font-size:.85rem;line-height:1.5;position:relative}.spine-scope .m-desc.glitch:before,.spine-scope .m-desc.glitch:after{content:attr(data-text);pointer-events:none;clip-path:inset(0);opacity:.55;position:absolute;inset:0}.spine-scope .m-desc.glitch:before{color:#818cf8d9;animation:5.2s step-end infinite mglitch-a}.spine-scope .m-desc.glitch:after{color:#a78bfacc;animation:5.2s step-end infinite mglitch-b}@keyframes mglitch-a{0%,86%,to{opacity:0;transform:translate(0)}87%,90%{opacity:.55;transform:translate(-1.2px,.4px)}93%,96%{opacity:.4;transform:translate(1px,-.5px)}}@keyframes mglitch-b{0%,86%,to{opacity:0;transform:translate(0)}87%,90%{opacity:.5;transform:translate(1.2px,-.4px)}93%,96%{opacity:.35;transform:translate(-1px,.5px)}}.spine-scope .spine-cta{z-index:2;text-align:center;padding:2vh 24px 4vh;position:relative}.spine-scope .spine-cta .hero-actions{justify-content:center;margin-top:0}.spine-scope .soon-modal-backdrop{z-index:80;background:var(--spine-modal-backdrop);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);place-items:center;padding:24px;display:grid;position:fixed;inset:0}.spine-scope .soon-modal{background:var(--surface-container);border:1px solid var(--border-bright);width:100%;max-width:440px;box-shadow:0 40px 90px -30px var(--spine-shadow-2);border-radius:18px;padding:26px 24px 24px;position:relative}.spine-scope .soon-modal h3{letter-spacing:-.02em;font-size:1.2rem;font-weight:800}.spine-scope .soon-modal .soon-sub{color:var(--on-surface-variant);margin-top:8px;margin-bottom:18px;font-size:.9rem;line-height:1.5}.spine-scope .soon-modal .soon-close{border:1px solid var(--border-bright);background:var(--surface-container-lowest);width:30px;height:30px;color:var(--on-surface-variant);cursor:pointer;border-radius:8px;place-items:center;font-size:16px;line-height:1;display:grid;position:absolute;top:14px;right:14px}.spine-scope .soon-modal .soon-close:hover{color:var(--foreground);border-color:#818cf873}@media (max-width:820px){.spine-scope .hero{padding:88px 18px 28px}.spine-scope .spine{left:22px;transform:none}.spine-scope .spine-inner{padding-left:0;padding-right:0}.spine-scope .segment{padding:36px 0 40px}.spine-scope .milestone{text-align:left;align-items:flex-start;margin:0 0 22px;padding-left:52px}.spine-scope .node{margin-left:0;position:absolute;top:0;left:22px;transform:translate(-50%)scale(0)}.spine-scope .stages>div:first-child .node{transform:translate(-50%)scale(1)}.spine-scope .stage-label{text-align:left;background:0 0;align-items:flex-start;padding:0}.spine-scope .rail{gap:18px;padding-left:52px;padding-right:18px}.spine-scope .rail .side,.spine-scope .rail .side-left,.spine-scope .rail .side-right{perspective:none;width:auto;max-width:none;padding:0;display:block}.spine-scope .rail .screen-card,.spine-scope .rail .mini-card{width:auto;max-width:none}.spine-scope .rail .connector{opacity:.65;width:30px;top:50%;left:-30px;right:auto;transform:none!important}.spine-scope .screen-card{transform:none!important}.spine-scope .screen-card:hover{transform:translateY(-6px)!important}.spine-scope .scroll-cue{display:none}.spine-scope .mystery-rail{flex-direction:column}.spine-scope .mystery-tile{max-width:none}}@media (prefers-reduced-motion:reduce){.spine-scope *,.spine-scope :before,.spine-scope :after{transition:none!important;animation:none!important}.spine-scope .scroll-cue{display:none}.spine-scope .m-desc.glitch:before,.spine-scope .m-desc.glitch:after{display:none!important}.spine-scope .connector.in-view{opacity:.55!important;filter:none!important}}