:root{color:#f8fafc;background:#e9e9eb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button{font:inherit}.page-shell{min-height:100vh;padding:42px 24px 56px;background:radial-gradient(circle at 50% 16%,rgba(255,255,255,.92),transparent 32%),linear-gradient(180deg,#f4f4f5,#d8d8da)}.hero{max-width:920px;margin:0 auto 24px;text-align:center;color:#151515}.eyebrow{margin:0 0 8px;color:#6d5df5;font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(42px,6vw,78px);font-weight:800;letter-spacing:-.04em}.lede{max-width:660px;margin:14px auto 0;color:#56515f;font-size:17px;line-height:1.55}.video-demo{width:100%;max-width:1180px;margin:46px auto 0;color:#151515;text-align:center}.video-demo__header{margin-bottom:18px}.video-demo__header h2{margin:0;font-size:clamp(30px,4vw,48px);line-height:1;letter-spacing:-.04em}.video-demo__player{display:block;width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:26px;background:#050505;box-shadow:0 32px 90px #00000042}.cover-flow{width:100%;max-width:1680px;margin:0 auto}.cover-flow__stage{position:relative;height:clamp(650px,75vh,730px);overflow:hidden;cursor:ew-resize;border:1px solid rgba(255,255,255,.12);border-radius:46px;background:linear-gradient(118deg,#000000fa,#020204f5 46%,#09090df0);box-shadow:0 44px 140px #000000b8,inset 0 2px #ffffff24,inset 0 0 98px #ffffff0e,inset 0 -44px 92px #ffffff09;outline:none}.cover-flow__ambience{position:absolute;inset:0;background:radial-gradient(circle at 18% 8%,rgba(255,255,255,.12),transparent 24%),radial-gradient(circle at 76% 14%,rgba(178,172,255,.08),transparent 28%),radial-gradient(circle at 50% 84%,rgba(255,255,255,.08),transparent 34%),radial-gradient(ellipse at center,#ffffff0a,#00000085 82%,#000000c7)}.cover-flow__cards{position:absolute;left:50%;top:51%;width:350px;height:480px;transform:translate(-50%,-50%)}.cover-card{position:absolute;left:0;top:0;width:350px;height:480px;padding:0;border:0;background:transparent;color:inherit;text-align:left;transform-origin:center;transition:transform .18s cubic-bezier(.22,.72,.18,1),filter .18s cubic-bezier(.22,.72,.18,1),opacity .18s cubic-bezier(.22,.72,.18,1);transform-style:preserve-3d;backface-visibility:hidden;will-change:transform,opacity}.cover-card__inner{position:relative;width:100%;height:100%;overflow:visible;transition:transform .3s ease}.cover-card__inner:hover{transform:scale(1.04)}.cover-card__inner--active{z-index:30}.cover-card__reflection{position:absolute;left:7%;bottom:-94px;width:86%;height:92px;border-radius:18px;opacity:.34;filter:blur(1px);transform:scaleY(-1)}.cover-card__face{position:absolute;inset:0;overflow:hidden;border-radius:18px;box-shadow:0 28px 70px #00000052}.cover-card__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover-card__placeholder{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:28px;background:linear-gradient(115deg,rgba(255,255,255,.18),transparent 22%,transparent 70%,rgba(0,0,0,.2)),radial-gradient(circle at 30% 20%,rgba(255,255,255,.28),transparent 30%)}.cover-card__placeholder span{font-size:14px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#ffffffb8}.cover-card__placeholder strong{max-width:260px;font-size:42px;line-height:.95;letter-spacing:-.04em;color:#fff;text-shadow:0 12px 28px rgba(0,0,0,.28)}.cover-card__shine{position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.08),transparent 17%,transparent 70%,rgba(0,0,0,.16));pointer-events:none}.cover-flow__dots{position:absolute;left:50%;bottom:20px;z-index:90;display:flex;gap:8px;transform:translate(-50%)}.cover-flow__dot{width:6px;height:6px;padding:0;border:0;border-radius:999px;background:#ffffff57;cursor:pointer;transition:width .3s ease,background .3s ease}.cover-flow__dot:hover{background:#ffffff9e}.cover-flow__dot--active{width:32px;background:#fff}@media(max-width:820px){.page-shell{padding:24px 12px 36px}.hero h1{font-size:42px}.cover-flow__stage{height:620px;border-radius:32px}.cover-flow__cards,.cover-card{width:280px;height:384px}}