.sw-live{padding:5rem 3rem}.sw-live-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,26rem),1fr));gap:2.5rem;max-width:80rem;margin:0 auto}.sw-live-card{position:relative;background:linear-gradient(160deg,#ffffff0a,#5c0a1e1a);border:1px solid rgba(200,30,74,.25);border-radius:1rem;padding:1.5rem;overflow:hidden;transform-style:preserve-3d;transition:border-color .4s var(--ease),box-shadow .4s var(--ease);content-visibility:auto;contain-intrinsic-size:32rem 1px}.sw-live-card:hover{border-color:#c81e4ab3;box-shadow:0 2rem 4rem #5c0a1e59,0 0 3rem #c81e4a26 inset}.sw-live-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.2rem}.sw-live-logo{height:3rem;width:auto;max-width:60%;object-fit:contain;filter:drop-shadow(0 0 .8rem rgba(200,30,74,.35))}.sw-live-badge{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;color:#6dffa8;border:1px solid rgba(109,255,168,.4);border-radius:2rem;padding:.35rem .9rem;background:#6dffa812}.sw-pulse{width:.55rem;height:.55rem;border-radius:50%;background:#6dffa8;box-shadow:0 0 #6dffa899;animation:swPulse 1.8s ease-out infinite}@keyframes swPulse{0%{box-shadow:0 0 #6dffa899}to{box-shadow:0 0 0 .8rem #6dffa800}}.sw-browser{border:1px solid rgba(255,255,255,.12);border-radius:.6rem;overflow:hidden;background:#0a0a0a}.sw-browser-bar{display:flex;align-items:center;gap:.4rem;padding:.55rem .8rem;background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.08)}.sw-b-dot{width:.6rem;height:.6rem;border-radius:50%;background:#c81e4acc}.sw-b-dot:nth-child(2){background:#ffc83ccc}.sw-b-dot:nth-child(3){background:#6dffa8cc}.sw-b-url{font-family:var(--font-mono);font-size:.72rem;color:var(--gray);opacity:.7;margin-left:.6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sw-browser-view{position:relative;aspect-ratio:16 / 10;contain:layout style paint;will-change:transform}.sw-live-frame{position:absolute;inset:0;border:0;background:#0a0a0a;width:100%;height:100%;opacity:0;transition:opacity .5s var(--ease);will-change:opacity}.sw-live-frame.is-loaded{opacity:1}.sw-frame-loader{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.9rem;transition:opacity .4s var(--ease)}.sw-frame-loader.is-hidden{opacity:0;pointer-events:none}.sw-frame-spinner{width:2.2rem;height:2.2rem;border-radius:50%;border:2px solid rgba(200,30,74,.25);border-top-color:var(--maroon-bright);animation:swSpin .9s linear infinite}@keyframes swSpin{to{transform:rotate(360deg)}}.sw-frame-text{font-family:var(--font-mono);font-size:.72rem;color:var(--gray);opacity:.6;letter-spacing:.15em}.sw-live-overlay{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;background:radial-gradient(ellipse at 50% 40%,#c81e4a14,#0a0a0ceb 70%);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);cursor:pointer;transition:opacity .5s var(--ease),backdrop-filter .5s var(--ease);border-radius:0 0 .6rem .6rem}.sw-live-overlay:hover{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.sw-live-overlay.is-hidden{opacity:0;pointer-events:none;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px)}.sw-overlay-glow{position:absolute;width:8rem;height:8rem;border-radius:50%;background:radial-gradient(circle,rgba(200,30,74,.2),transparent 70%);animation:swOverlayPulse 3s ease-in-out infinite}@keyframes swOverlayPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.15);opacity:1}}.sw-overlay-icon{position:relative;display:flex;align-items:center;justify-content:center;width:3.2rem;height:3.2rem;border-radius:50%;background:#c81e4a26;color:var(--maroon-bright);transition:background .3s var(--ease),transform .3s var(--ease)}.sw-live-overlay:hover .sw-overlay-icon{background:#c81e4a4d;transform:scale(1.08)}.sw-overlay-icon svg{width:1.4rem;height:1.4rem}.sw-overlay-label{position:relative;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.14em;color:#ffffffb3}.sw-frame-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;background:#0a0a0ceb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;transition:opacity .5s var(--ease);z-index:2}.sw-frame-error.is-visible{opacity:1;pointer-events:auto}.sw-frame-error-icon{font-size:1.4rem;color:#f0b43ccc;filter:drop-shadow(0 0 .6rem rgba(240,180,60,.3));animation:swErrorPulse 2s ease-in-out infinite}@keyframes swErrorPulse{0%,to{opacity:.6;filter:drop-shadow(0 0 .4rem rgba(240,180,60,.2))}50%{opacity:1;filter:drop-shadow(0 0 1rem rgba(240,180,60,.5))}}.sw-frame-error-text{font-family:var(--font-mono);font-size:.78rem;color:var(--white);letter-spacing:.12em}.sw-frame-error-sub{font-family:var(--font-mono);font-size:.65rem;color:var(--gray);opacity:.6;letter-spacing:.1em;margin-bottom:.3rem}.sw-frame-retry{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;color:var(--maroon-bright);background:#c81e4a1f;border:1px solid rgba(200,30,74,.4);border-radius:2rem;padding:.4rem 1.2rem;cursor:pointer;transition:background .3s var(--ease),border-color .3s var(--ease)}.sw-frame-retry:hover{background:#c81e4a40;border-color:var(--maroon-bright)}.sw-expand-btn{position:absolute;top:.5rem;right:.5rem;z-index:5;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:.4rem;background:#ffffff0a;color:#ffffff59;cursor:pointer;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .4s var(--ease),background .3s var(--ease),color .3s var(--ease)}.sw-browser-view:hover .sw-expand-btn{opacity:1}.sw-expand-btn:hover{background:#ffffff1a;color:var(--white)}.sw-expand-btn svg{width:1rem;height:1rem}.sw-browser-scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 48%,rgba(200,30,74,.06) 50%,transparent 52%);background-size:100% .5rem;opacity:.35}.sw-live-body{padding-top:1.3rem}.sw-live-name{font-size:1.35rem;margin-bottom:.4rem}.sw-live-desc{color:var(--gray);opacity:.75;font-size:.95rem;margin-bottom:1rem}.sw-live-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}.sw-tag{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.1em;color:var(--cyan);border:1px solid rgba(53,224,224,.3);border-radius:2rem;padding:.25rem .75rem}.sw-live-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.6rem;background:var(--maroon-bright);color:var(--white);text-decoration:none;border-radius:.4rem;font-weight:600;letter-spacing:.03em;transition:background .3s var(--ease),box-shadow .3s var(--ease)}.sw-live-btn:hover{background:#e02857;box-shadow:0 0 2rem #c81e4a80}.sw-deliver{position:relative;padding:3.5rem 3rem 4rem;overflow:hidden}.sw-deliver-head{margin-bottom:1.4rem}.sw-deliver-title{font-family:var(--font-display);font-size:clamp(1.15rem,2.2vw,1.5rem);font-weight:600;color:var(--white);opacity:.85}.sw-deliver-sub{margin-top:.3rem;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--grey, #9a9a9a);opacity:.65}.sw-book-scene{position:relative;display:flex;justify-content:center;padding:2.5rem 0 3rem;perspective:1600px}.sw-book{position:relative;width:min(46rem,92vw);height:clamp(15rem,34vw,19rem);transform-style:preserve-3d;transform:rotateX(14deg)}.sw-book-base{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(125deg,#ffffff0f,#ffffff05 55%,#c81e4a0d);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.sw-book-base-l{left:0;border-radius:.8rem 0 0 .8rem;box-shadow:inset -2.5rem 0 3rem -2rem #0000008c}.sw-book-base-r{right:0;border-radius:0 .8rem .8rem 0;box-shadow:inset 2.5rem 0 3rem -2rem #0000008c}.sw-sheet{position:absolute;top:0;bottom:0;left:50%;width:50%;transform-style:preserve-3d;transform-origin:left center}.sw-sheet-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:linear-gradient(125deg,#1e1e22eb,#141418e0 55%,#340c16e6);border:1px solid rgba(255,255,255,.12)}.sw-sheet-front{border-radius:0 .8rem .8rem 0;box-shadow:inset 2.5rem 0 3rem -2rem #0000008c}.sw-sheet-back{transform:rotateY(180deg);border-radius:.8rem 0 0 .8rem;box-shadow:inset -2.5rem 0 3rem -2rem #0000008c}.sw-sheet-face:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.07) 50%,transparent 70%);opacity:0;transition:opacity .25s var(--ease)}.sw-sheet.is-turning .sw-sheet-face:after{opacity:1}.sw-page-inner{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding:1.6rem;text-align:center}.sw-page-num{position:absolute;top:1rem;right:1.2rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.18em;color:var(--maroon-bright);opacity:.8}.sw-sheet-back .sw-page-num{right:auto;left:1.2rem}.sw-page-logo{display:flex;align-items:center;justify-content:center;min-height:4rem}.sw-page-logo img{max-height:3.4rem;max-width:9.5rem;object-fit:contain}.sw-page-meta{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--grey, #9a9a9a);opacity:.8}.sw-page-kicker{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.2em;color:var(--maroon-bright)}.sw-page-index-title{font-family:var(--font-display);font-weight:700;font-size:clamp(1.4rem,3vw,2rem);line-height:1.1;color:var(--white)}.sw-page-foot{position:absolute;bottom:1.1rem;font-family:var(--font-mono);font-size:.56rem;letter-spacing:.22em;color:var(--grey, #9a9a9a);opacity:.55}.sw-page-cta{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;color:var(--white);text-decoration:none;padding:.5rem 1rem;border:1px solid rgba(200,30,74,.5);border-radius:2rem;transition:background .3s var(--ease),border-color .3s var(--ease)}.sw-page-cta:hover{background:#c81e4a2e;border-color:var(--maroon-bright)}.sw-book-spine{position:absolute;top:-.4rem;bottom:-.4rem;left:50%;width:2px;transform:translate(-50%);background:linear-gradient(to bottom,transparent,rgba(200,30,74,.75),transparent);box-shadow:0 0 1.2rem #c81e4a66;z-index:50}.sw-book-shadow{position:absolute;bottom:1.2rem;left:50%;transform:translate(-50%);width:min(42rem,84vw);height:2.4rem;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.6),transparent 70%);filter:blur(6px)}.sw-word-mark{font-family:var(--font-display);font-weight:600;font-size:1.15rem;letter-spacing:.06em;color:var(--white);opacity:.85}@media(max-width:48rem){.sw-live,.sw-deliver{padding-left:1.2rem;padding-right:1.2rem}.sw-book{height:clamp(12rem,52vw,15rem)}.sw-page-logo img{max-height:2.6rem;max-width:7rem}}@media(prefers-reduced-motion:reduce){.sw-pulse,.sw-frame-spinner,.sw-browser-scan{animation:none!important}}