:root{color-scheme:dark;--bg: #080b10;--surface: #14161b;--surface-elevated: #1b1e25;--input-bg: #14161b;--fg: #ecedf0;--fg-muted: #9aa0a6;--fg-subtle: #6b7079;--accent: #5b8def;--accent-hover: #7aa3f5;--accent-soft: rgba(91, 141, 239, .14);--accent-ring: rgba(91, 141, 239, .35);--success: #62d18a;--danger: #ef6868;--danger-soft: rgba(239, 104, 104, .12);--border: #262932;--border-strong: #353944;--secondary: #2a2d36;--secondary-hover: #353944;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .55);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--transition: .14s cubic-bezier(.2, 0, 0, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{margin:0;padding:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI Variable,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(91,141,239,.08),transparent 60%);isolation:isolate}.hero-card{position:relative;z-index:1;width:100%;max-width:380px;text-align:center}#join-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;background:#080b10;z-index:-1}.scroll-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);z-index:1;color:var(--fg-subtle);font-size:12px;letter-spacing:.04em;display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.8;animation:scroll-hint-bob 2.2s ease-in-out infinite;pointer-events:none}.scroll-hint svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}@keyframes scroll-hint-bob{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}header{margin-bottom:36px;text-align:center}header h1{margin:0 0 88px;font-size:57px;font-weight:700;letter-spacing:-.025em;background:linear-gradient(180deg,var(--fg) 0%,var(--fg-muted) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 24px rgba(91,141,239,.35)) drop-shadow(0 2px 8px rgba(91,141,239,.15));-webkit-box-reflect:below -8px linear-gradient(rgba(0,0,0,.4) 0%,rgba(0,0,0,.18) 45%,transparent 90%)}.subtitle{margin:0;font-size:13px;color:var(--fg-muted);letter-spacing:.01em}.pin-form{display:flex;flex-direction:column;gap:14px}label{font-size:12px;color:var(--fg-muted);font-weight:500;letter-spacing:.02em;text-transform:uppercase}input[type=text]{background:var(--input-bg);border:1px solid var(--border);color:var(--fg);padding:14px 16px;border-radius:var(--radius-md);font-size:20px;letter-spacing:.12em;text-align:center;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;transition:border-color var(--transition),box-shadow var(--transition),transform .18s cubic-bezier(.16,1,.3,1)}input[type=text]::placeholder{color:var(--fg-subtle);letter-spacing:.12em}input[type=text]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-ring)}input[type=text][data-complete=true],input[type=text][data-complete=true]:focus{border-color:var(--success);box-shadow:0 0 0 4px #62d18a52,0 0 28px #62d18a4d}button.primary[data-ready=true]:not(:disabled){background:var(--success);color:#0a1f12;animation:wincast-pulse 1.6s cubic-bezier(.4,0,.2,1) infinite}button.primary[data-ready=true]:not(:disabled):hover{background:#7adb9f}@keyframes wincast-pulse{0%,to{box-shadow:0 1px #ffffff1f inset,var(--shadow-sm),0 0 #62d18a8c}50%{box-shadow:0 1px #ffffff1f inset,var(--shadow-sm),0 0 0 10px #62d18a00}}button{border:none;padding:12px 16px;border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;transition:background-color var(--transition),transform var(--transition),box-shadow var(--transition)}button:active:not(:disabled){transform:scale(.98)}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:var(--accent);color:#fff;box-shadow:0 1px #ffffff14 inset,var(--shadow-sm)}button.primary:hover:not(:disabled){background:var(--accent-hover)}button.secondary{background:var(--secondary);color:var(--fg);border:1px solid var(--border-strong)}button.secondary:hover:not(:disabled){background:var(--secondary-hover);border-color:var(--border-strong)}.status{margin-top:18px;min-height:1.2em;font-size:13px;color:var(--fg-muted);text-align:center;letter-spacing:.01em}.status[data-state=error]{color:var(--danger)}.status[data-state=info]{color:var(--accent)}[hidden],html[data-auto-reconnect="1"] #join-view{display:none!important}html[data-auto-reconnect="1"] #stage-view{display:flex!important}.top-right-actions{position:fixed;top:16px;right:16px;display:inline-flex;align-items:center;gap:8px;z-index:10}.lang-toggle{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;background:#00000073;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--fg);font-size:13px;font-weight:500;cursor:pointer;transition:border-color var(--transition),background var(--transition),color var(--transition)}.lang-toggle:hover{border-color:#5b8def8c;background:#5b8def1f;color:var(--accent)}.lang-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.chrome-store-link{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#00000073;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:var(--fg);font-size:13px;font-weight:500;text-decoration:none;transition:border-color var(--transition),background var(--transition),transform var(--transition);animation:chrome-store-link-pulse 2.2s ease-out infinite}.chrome-store-link:hover{border-color:#5b8def8c;background:#5b8def1f;color:var(--accent);animation:none}.chrome-store-link svg{width:18px;height:18px;display:block}@keyframes chrome-store-link-pulse{0%{box-shadow:0 0 0 0 var(--accent-ring)}70%{box-shadow:0 0 0 8px #5b8def00}to{box-shadow:0 0 #5b8def00}}.annot-watermark{fill:#ffffff4d;font-family:-apple-system,BlinkMacSystemFont,Segoe UI Variable,Segoe UI,Roboto,sans-serif;font-weight:600;letter-spacing:.04em;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 1px 1.5px rgba(0,0,0,.4))}.stage{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;display:flex;align-items:safe center;justify-content:safe center;overflow:auto}.stage[data-zoomed=true]{cursor:grab}.stage[data-zoomed=true].panning{cursor:grabbing}.stage[data-zoomed=true] .stage-overlay{display:none}.stage[data-app-zoom=true]{cursor:grab}.stage[data-app-zoom-panning=true]{cursor:grabbing}.video-grid{width:100%;height:100%;background:#000;position:relative;display:grid;gap:2px;flex-shrink:0}::view-transition-group(*){animation-duration:.32s;animation-timing-function:cubic-bezier(.4,0,.2,1)}::view-transition-old(root),::view-transition-new(root){animation-duration:.24s}.video-grid[data-count="0"]{display:none}.video-grid[data-count="1"]{aspect-ratio:16 / 9;grid-template-columns:1fr;grid-template-rows:1fr}.video-grid[data-count="1"] video,.video-grid[data-count="2"][data-layout=horizontal] video,.video-grid[data-count="2"][data-layout=vertical] video,.video-grid[data-count="3"][data-layout=columns] video,.video-grid[data-count="3"][data-layout=rows] video{width:100%}.video-grid[data-count="2"][data-layout=horizontal]{aspect-ratio:32 / 9;grid-template-columns:1fr 1fr;grid-template-rows:1fr}.video-grid[data-count="2"][data-layout=vertical]{aspect-ratio:16 / 18;grid-template-columns:1fr;grid-template-rows:1fr 1fr}.video-grid[data-count="2"][data-layout=pip]{aspect-ratio:16 / 9;display:block}.video-grid[data-count="2"][data-layout=pip] video:nth-child(1){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.video-grid[data-count="2"][data-layout=pip] video:nth-child(2){position:absolute;right:16px;bottom:16px;width:28%;height:28%;border:2px solid rgba(255,255,255,.6);border-radius:6px;box-shadow:0 4px 16px #00000080;z-index:1}.video-grid[data-count="3"][data-layout=main-right]{aspect-ratio:24 / 9;grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr;grid-template-areas:"main sub1" "main sub2"}.video-grid[data-count="3"][data-layout=main-right] video:nth-child(1){grid-area:main;width:100%}.video-grid[data-count="3"][data-layout=main-right] video:nth-child(2){grid-area:sub1;align-self:start}.video-grid[data-count="3"][data-layout=main-right] video:nth-child(3){grid-area:sub2;align-self:end}.video-grid[data-count="3"][data-layout=main-bottom]{aspect-ratio:32 / 27;grid-template-columns:1fr 1fr;grid-template-rows:2fr 1fr;grid-template-areas:"main main" "sub1 sub2"}.video-grid[data-count="3"][data-layout=main-bottom] video:nth-child(1){grid-area:main;width:100%}.video-grid[data-count="3"][data-layout=main-bottom] video:nth-child(2){grid-area:sub1;justify-self:start}.video-grid[data-count="3"][data-layout=main-bottom] video:nth-child(3){grid-area:sub2;justify-self:end}.video-grid[data-count="3"][data-layout=columns]{aspect-ratio:48 / 9;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}.video-grid[data-count="3"][data-layout=rows]{aspect-ratio:16 / 27;grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr}.video-grid video{height:100%;max-width:100%;object-fit:contain;background:#000;min-width:0;min-height:0;display:block;opacity:0}.video-grid video[data-ready=true]{animation:wincast-video-fadein .9s cubic-bezier(.22,1,.36,1) both}@keyframes wincast-video-fadein{0%{opacity:0;transform:scale(.92);filter:blur(12px)}35%{opacity:.5}to{opacity:1;transform:scale(1);filter:blur(0)}}.video-grid[data-layout=pip] video:nth-child(2),.video-grid[data-layout=main-right] video:not(:nth-child(1)),.video-grid[data-layout=main-bottom] video:not(:nth-child(1)),.video-grid[data-layout=horizontal] video,.video-grid[data-layout=vertical] video,.video-grid[data-layout=columns] video,.video-grid[data-layout=rows] video{cursor:pointer;transition:outline-color var(--transition),border-color var(--transition)}.video-grid[data-layout=main-right] video:not(:nth-child(1)):hover,.video-grid[data-layout=main-bottom] video:not(:nth-child(1)):hover,.video-grid[data-layout=horizontal] video:hover,.video-grid[data-layout=vertical] video:hover,.video-grid[data-layout=columns] video:hover,.video-grid[data-layout=rows] video:hover{outline:2px solid var(--accent);outline-offset:-2px}.video-grid[data-layout=pip] video:nth-child(2):hover{border-color:var(--accent)}.video-grid video.swap-selected,.video-grid video.swap-selected:hover{outline:3px solid var(--accent);outline-offset:-3px}.video-grid[data-layout=free]{display:block;aspect-ratio:auto;position:relative;overflow:hidden}.free-item{position:absolute;border:1px solid rgba(255,255,255,.15);box-shadow:0 4px 16px #0006;overflow:hidden;-webkit-user-select:none;user-select:none}.free-item.dragging,.free-item.resizing{border-color:#4c8df6b3;box-shadow:0 0 0 1px #4c8df680,0 6px 20px #0009}.free-item{cursor:grab}.free-item.dragging{cursor:grabbing}.free-item>video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.free-resize{position:absolute;width:16px;height:16px;background:transparent;z-index:2}.free-item:hover .free-resize{background:#ffffff8c}.free-resize-nw{top:0;left:0;cursor:nwse-resize;clip-path:polygon(0 0,100% 0,0 100%)}.free-resize-ne{top:0;right:0;cursor:nesw-resize;clip-path:polygon(0 0,100% 0,100% 100%)}.free-resize-sw{bottom:0;left:0;cursor:nesw-resize;clip-path:polygon(0 0,0 100%,100% 100%)}.free-resize-se{bottom:0;right:0;cursor:nwse-resize;clip-path:polygon(100% 0,100% 100%,0 100%)}.video-grid[data-layout=room]{display:block;width:100%;height:100%;aspect-ratio:auto;perspective:900px;perspective-origin:50% 50%;background:radial-gradient(circle at center,#0c0f15,#050608 70%);overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.video-grid[data-layout=room].looking{cursor:grabbing}.room-camera{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d}.room-wall{position:absolute;left:50%;top:50%;transform-style:preserve-3d;background:#000;cursor:pointer}.room-wall:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-sizing:border-box;border:0 solid var(--accent);transition:border-width var(--transition)}.video-grid[data-layout=room] .room-wall:hover:after,.video-grid[data-layout=room] .room-wall.js-hover:after{border-width:2px}.room-wall.swap-selected:after,.room-wall.swap-selected:hover:after,.room-wall.swap-selected.js-hover:after{border-width:3px}.video-grid[data-layout=room].looking .room-wall{cursor:grabbing}.video-grid[data-layout=room].looking .room-wall:after{border-width:0}.room-wall>video{width:100%;height:100%;object-fit:contain;background:#000;display:block;pointer-events:none}.room-plane{position:absolute;left:50%;top:50%;width:2000px;height:2000px;margin:-1000px 0 0 -1000px;background-image:linear-gradient(rgba(150,185,245,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(150,185,245,.22) 1px,transparent 1px);background-size:100px 100px;pointer-events:none;opacity:.7;-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 0%,rgba(0,0,0,.85) 35%,rgba(0,0,0,0) 75%);mask-image:radial-gradient(circle at center,#000,#000000d9 35%,#0000 75%)}.room-ceiling{transform:rotateX(90deg) translateZ(350px)}.room-floor{transform:rotateX(90deg) translateZ(-350px)}.session-warning{position:absolute;top:56px;left:50%;transform:translate(-50%);padding:8px 14px;border-radius:6px;background:#f064642e;border:1px solid rgba(240,100,100,.55);color:#ffd0d0;font-size:13px;font-variant-numeric:tabular-nums;z-index:3;pointer-events:none}.stage-overlay{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:linear-gradient(180deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.4) 60%,transparent 100%);color:var(--fg);transform:translateY(0);transition:opacity .26s cubic-bezier(.16,1,.3,1),transform .26s cubic-bezier(.16,1,.3,1);z-index:2;will-change:opacity,transform}.stage-overlay[data-hidden=true]{opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .18s cubic-bezier(.4,0,1,1),transform .18s cubic-bezier(.4,0,1,1)}.overlay-left,.overlay-right{display:flex;align-items:center;gap:8px}.stage-status{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:500;color:var(--fg-muted);padding:5px 12px 5px 9px;background:#0006;border:1px solid rgba(255,255,255,.08);border-radius:999px;letter-spacing:.01em}.stage-status:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--fg-subtle);flex-shrink:0}.stage-status[data-state=connected]{color:var(--success)}.stage-status[data-state=connected]:before{background:var(--success);box-shadow:0 0 8px #62d18a99}.stage-status[data-state=error]{color:var(--danger)}.stage-status[data-state=error]:before{background:var(--danger)}.layout-picker{position:relative;display:inline-flex}.layout-picker-toggle{height:34px;display:inline-flex;align-items:center;gap:10px;padding:0 10px 0 12px;background:#00000073;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--fg);cursor:pointer;transition:border-color var(--transition),background var(--transition)}.layout-picker-toggle:hover,.layout-picker[data-open=true] .layout-picker-toggle{border-color:#ffffff40;background:#ffffff14}.layout-picker-label{font-size:12px;font-weight:500;color:var(--fg-muted);line-height:1}.layout-picker-divider{width:1px;height:18px;background:#ffffff1f}.layout-picker-current{display:inline-flex;width:24px;height:24px}.layout-picker-current svg{width:100%;height:100%;display:block}.layout-picker-popup{position:absolute;top:calc(100% + 6px);right:0;z-index:20;display:grid;grid-template-columns:repeat(2,1fr);gap:6px;padding:8px;background:var(--surface-elevated, #1a2030);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-md);box-shadow:0 8px 28px #00000073}.layout-picker-item{width:64px;height:56px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm, 6px);color:var(--fg-muted);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.layout-picker-item svg{width:40px;height:40px;display:block}.layout-picker-item:hover{background:#ffffff14;color:var(--fg)}.layout-picker-item[data-selected=true]{background:#4c8df62e;border-color:#4c8df68c;color:var(--accent)}.icon-btn{background:#00000073;border:1px solid rgba(255,255,255,.1);color:var(--fg);width:34px;height:34px;padding:0;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:background-color var(--transition),border-color var(--transition),transform var(--transition)}.zoom-hint{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;color:var(--fg-subtle);cursor:help}.zoom-hint svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-btn svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-btn:hover{background:#ffffff1a;border-color:#fff3}.icon-btn:active{transform:scale(.95)}.icon-btn[data-muted=true]{color:var(--fg-subtle)}.audio-mute-btn[data-muted=false] .icon-volume-off,.audio-mute-btn[data-muted=true] .icon-volume-on{display:none}.overlay-right .secondary{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:13px;background:#00000073;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:var(--fg)}.overlay-right .secondary:hover:not(:disabled){background:#ef686826;border-color:#ef686880;color:var(--danger)}.overlay-right .secondary svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#annotate-picker .layout-picker-toggle{gap:0;padding:0 8px;width:34px;justify-content:center;position:relative}#annotate-picker .layout-picker-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#annotate-picker[data-active=true] .layout-picker-toggle{background:#4c8df62e;border-color:#4c8df68c;color:var(--accent)}.annotate-current-dot{position:absolute;right:3px;bottom:3px;width:8px;height:8px;border-radius:50%;border:1px solid rgba(0,0,0,.55);background:var(--annot-current, transparent);display:none}#annotate-picker[data-active=true] .annotate-current-dot{display:block}.annotate-popup{grid-template-columns:none;display:flex;flex-direction:column;gap:10px;padding:11px;min-width:216px}.annotate-row{display:flex;gap:6px;align-items:center}.annotate-row.annotate-actions{justify-content:flex-end;gap:8px;padding-top:4px;border-top:1px solid rgba(255,255,255,.08)}.annotate-row.annotate-actions>button{flex-shrink:0;white-space:nowrap}.annotate-tool-btn{width:50px;height:50px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0a;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm, 6px);color:var(--fg);cursor:pointer;transition:background var(--transition),border-color var(--transition),color var(--transition)}.annotate-tool-btn svg{width:44px;height:44px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.annotate-tool-btn:hover{background:#ffffff14;color:var(--fg)}.annotate-tool-btn[data-selected=true]{background:#4c8df62e;border-color:#4c8df68c;color:var(--accent)}.annotate-off-btn{height:32px;padding:0 12px;margin-right:auto;display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm, 6px);color:var(--fg);cursor:pointer;font-size:12px;transition:background var(--transition),border-color var(--transition),color var(--transition)}.annotate-off-btn:hover{background:#ef686826;border-color:#ef686880;color:var(--danger)}.annotate-off-btn svg{width:14px;height:14px}.annotate-color-btn{width:29px;height:29px;border-radius:50%;border:2px solid rgba(255,255,255,.18);background:var(--annot-swatch, #888);cursor:pointer;padding:0;transition:transform var(--transition),border-color var(--transition)}.annotate-color-btn:hover{transform:scale(1.08)}.annotate-color-btn[data-selected=true]{border-color:#fff;box-shadow:0 0 0 2px #fff3}.annotate-clear-btn{height:32px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm, 6px);color:var(--fg);cursor:pointer;font-size:12px;transition:background var(--transition),border-color var(--transition),color var(--transition)}.annotate-clear-btn svg{width:16px;height:16px}.annotate-undo-btn{height:32px;padding:0 12px;display:inline-flex;align-items:center;gap:6px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:var(--radius-sm, 6px);color:var(--fg);cursor:pointer;font-size:12px;transition:background var(--transition),border-color var(--transition),color var(--transition)}.annotate-undo-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.annotate-undo-btn:disabled{opacity:.4;cursor:not-allowed}.annotate-undo-btn svg{width:16px;height:16px}.annotate-clear-btn:hover{background:#ef686826;border-color:#ef686880;color:var(--danger)}.annot-overlay{display:block;overflow:visible}.annot-overlay[style*="pointer-events: auto"]{cursor:crosshair}.about-section{position:relative;padding:96px 24px}.section-inner{max-width:920px;margin:0 auto}.eyebrow{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin:0 0 14px}.about-section h2{margin:0 0 18px;font-size:34px;font-weight:600;letter-spacing:-.02em;color:var(--fg)}.about-section .lead{margin:0 0 32px;font-size:16px;line-height:1.7;color:var(--fg-muted);max-width:640px}.anim-card{position:relative;background:#0d1117;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:800 / 420;width:100%;container-type:inline-size}.anim-card canvas{display:block;width:100%;height:100%}.anim-replay{position:absolute;top:clamp(8px,1.5cqw,12px);right:clamp(8px,1.5cqw,12px);z-index:2;background:#0d1117b3;color:var(--fg);border:1px solid var(--border-strong);border-radius:clamp(4px,.75cqw,6px);padding:clamp(4px,.75cqw,6px) clamp(8px,1.5cqw,12px);font-size:clamp(10px,1.5cqw,12px);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.anim-replay:hover{background:#5b8def2e;border-color:var(--accent)}.about-section.steps{background:linear-gradient(180deg,transparent 0%,rgba(91,141,239,.03) 100%)}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.step{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px}.step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:600;margin-bottom:14px;animation:step-num-pulse 3s ease-out infinite;animation-delay:0s}.step:nth-child(2) .step-num{animation-delay:1s}.step:nth-child(3) .step-num{animation-delay:2s}@keyframes step-num-pulse{0%{box-shadow:0 0 0 0 var(--accent-ring);background:var(--accent-soft)}15%{background:#5b8def52}35%{box-shadow:0 0 0 12px #5b8def00;background:var(--accent-soft)}to{box-shadow:0 0 #5b8def00;background:var(--accent-soft)}}.step h3{margin:0 0 8px;font-size:17px;font-weight:600;color:var(--fg)}.step p{margin:0;font-size:14px;line-height:1.65;color:var(--fg-muted)}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 32px}.feature{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6;color:var(--fg)}.feature svg{flex:0 0 18px;width:18px;height:18px;margin-top:2px;stroke:var(--accent);fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.feature span small{display:block;color:var(--fg-muted);font-size:13px;margin-top:2px}.about-cta{text-align:center;padding:96px 24px 64px}.about-cta h2{font-size:32px;margin:0 0 12px;color:var(--fg)}.about-cta p{color:var(--fg-muted);margin:0 0 28px}.cta-row{display:inline-flex;gap:12px;flex-wrap:wrap;justify-content:center}.cta-row a{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:var(--radius-md);font-size:14px;font-weight:500;text-decoration:none;transition:background var(--transition),border-color var(--transition),color var(--transition)}.cta-row .primary{background:var(--accent);color:#fff}.cta-row .primary:hover{background:var(--accent-hover)}.cta-row .ghost{background:transparent;border:1px solid var(--border-strong);color:var(--fg)}.cta-row .ghost:hover{border-color:var(--accent);color:var(--accent)}.about-footer{text-align:center;padding:32px 16px 48px;color:var(--fg-subtle);font-size:12px;border-top:1px solid var(--border)}@media (max-width: 720px){.about-section{padding:72px 20px}.about-section h2{font-size:26px}.step-grid,.feature-grid{grid-template-columns:1fr}.about-cta{padding:72px 20px 48px}}