:root{--cin-violet: #7c3aed;--cin-pink: #ec4899;--cin-cyan: #22d3ee;--cin-panel: #0a0a0a;--cin-panel-border: rgba(255, 255, 255, .08);--cin-panel-text: #ececec;--cin-panel-text-secondary: rgba(236, 236, 236, .62);--cin-panel-text-tertiary: rgba(236, 236, 236, .52);--cin-panel-surface: rgba(255, 255, 255, .04);--cin-panel-surface-strong: rgba(255, 255, 255, .07);--cin-panel-border-subtle: rgba(255, 255, 255, .06)}.cinematic-glow{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;overflow:hidden;pointer-events:none;z-index:0}.cinematic-glow:before,.cinematic-glow:after,.cinematic-glow>.cin-blob{content:"";position:absolute;border-radius:9999px;filter:blur(120px);opacity:.55;mix-blend-mode:screen;animation:gradientDrift 60s linear infinite;will-change:transform}.cinematic-glow:before{background:var(--cin-violet);width:620px;height:620px;top:-180px;left:-160px}.cinematic-glow:after{background:var(--cin-pink);width:520px;height:520px;top:-120px;right:-160px;animation-delay:-20s}.cinematic-glow>.cin-blob{background:var(--cin-cyan);width:440px;height:440px;bottom:-180px;left:50%;transform:translate(-50%);animation-delay:-40s}@keyframes gradientDrift{0%{transform:translateZ(0) rotate(0)}50%{transform:translate3d(40px,-30px,0) rotate(180deg)}to{transform:translateZ(0) rotate(360deg)}}.dark .cinematic-glow:before,.dark .cinematic-glow:after,.dark .cinematic-glow>.cin-blob{opacity:.65}.cinematic-panel{position:relative;background:var(--cin-panel);border:1px solid var(--cin-panel-border);border-radius:1.5rem;box-shadow:0 24px 80px #00000073,0 4px 16px #00000059,inset 0 1px #ffffff0a;color:var(--cin-panel-text);overflow:hidden}.cinematic-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle at 20% 30%,rgba(124,58,237,.08),transparent 50%),radial-gradient(circle at 85% 15%,rgba(236,72,153,.06),transparent 45%);pointer-events:none}.cin-board-window{position:relative;z-index:1}.cin-board-chrome{display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--cin-panel-border-subtle);padding:.65rem 1rem;background:#0000004d}.cin-board-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;padding:1.5rem}@media(min-width:768px){.cin-board-grid{gap:1.5rem;padding:2rem}}.cin-column{display:flex;flex-direction:column;min-height:260px}.cin-column-header{display:flex;align-items:center;justify-content:space-between;padding:0 .25rem .75rem}.cin-column-eyebrow{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--cin-panel-text-tertiary)}.cin-column-count{display:inline-flex;align-items:center;justify-content:center;height:1.1rem;min-width:1.1rem;padding:0 .4rem;border-radius:9999px;background:var(--cin-panel-surface);font-size:.65rem;font-weight:600;color:var(--cin-panel-text-secondary)}.cin-card{background:var(--cin-panel-surface);border:1px solid var(--cin-panel-border-subtle);border-radius:.625rem;padding:.75rem .85rem;margin-bottom:.5rem;font-size:.8125rem;line-height:1.3;color:var(--cin-panel-text);position:relative;overflow:hidden}.cin-card-running{border-color:#7c3aed59;background:linear-gradient(180deg,rgba(124,58,237,.08) 0%,var(--cin-panel-surface) 60%)}.cin-card-meta{display:flex;align-items:center;gap:.5rem;margin-top:.6rem;font-family:var(--flow-font-mono);font-size:.625rem;color:var(--cin-panel-text-tertiary)}.cin-chip{display:inline-flex;align-items:center;height:1rem;padding:0 .4rem;border-radius:.25rem;background:var(--cin-panel-surface-strong);font-size:.6rem;font-weight:600;letter-spacing:.1em;color:var(--cin-panel-text-secondary)}.cin-dot{display:inline-block;width:.4rem;height:.4rem;border-radius:9999px;background:#5dbc8b}.cin-running-shimmer{position:relative}.cin-running-shimmer:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(100deg,transparent 45%,rgba(255,255,255,.08) 52%,transparent 60%);background-size:220% 100%;animation:cinShimmer 4s linear infinite;pointer-events:none}@keyframes cinShimmer{0%{background-position:-120% 0}to{background-position:220% 0}}.cin-fly-card{position:absolute;width:calc((100% - 4.5rem) / 3);pointer-events:none;animation:cardFly 9s cubic-bezier(.7,0,.3,1) infinite;box-shadow:0 12px 32px #0000008c,0 0 0 1px #7c3aed66}@keyframes cardFly{0%,8%{transform:translateZ(0);opacity:0}12%{transform:translateZ(0);opacity:1}30%{transform:translate3d(calc(100% + 1.5rem),0,0);opacity:1}46%{transform:translate3d(calc(100% + 1.5rem),0,0);opacity:1}64%{transform:translate3d(calc(200% + 3rem),0,0);opacity:1}92%{transform:translate3d(calc(200% + 3rem),0,0);opacity:1}to{transform:translate3d(calc(200% + 3rem),0,0);opacity:0}}.cin-pulse{animation:cinPulse 1.6s cubic-bezier(.45,0,.55,1) infinite}@keyframes cinPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.4)}}.cin-headline{font-family:var(--flow-font-display);font-weight:500;font-size:clamp(2.5rem,6vw,5rem);line-height:1.1;letter-spacing:-.02em;color:var(--flow-text);text-wrap:balance}.cin-section-h2{font-family:var(--flow-font-display);font-weight:500;font-size:clamp(2rem,4vw,3rem);line-height:1.12;letter-spacing:-.015em;color:var(--flow-text)}.cin-eyebrow-italic{font-family:var(--font-heading);font-style:italic;font-weight:400;font-size:.95rem;line-height:1.4;color:var(--flow-text-tertiary);letter-spacing:0}.cin-product-card{position:relative;display:flex;flex-direction:column;gap:1rem;padding:2rem;border:1px solid var(--flow-border);border-radius:var(--flow-radius-lg);background:var(--flow-surface);overflow:hidden;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s cubic-bezier(.16,1,.3,1)}.cin-product-card:hover{transform:translateY(-2px);box-shadow:var(--flow-shadow-md)}.cin-product-bar{position:absolute;inset:0 0 auto 0;height:4px}.cin-product-bar--desktop{background:linear-gradient(90deg,var(--cin-violet),var(--cin-pink))}.cin-product-bar--mobile{background:linear-gradient(90deg,var(--cin-cyan),var(--cin-violet))}.cin-input{background:#ffffff0a;color:var(--cin-panel-text);border:1px solid var(--cin-panel-border);caret-color:var(--cin-panel-text);transition:border-color .15s ease,background .15s ease}.cin-input::placeholder{color:var(--cin-panel-text-tertiary)}.cin-input:focus{border-color:#ffffff40;background:#ffffff0f}.tweet-card{display:flex;gap:.75rem;padding:1rem 1.1rem;border:1px solid var(--flow-border);border-radius:var(--flow-radius-md);background:var(--flow-surface)}.tweet-avatar{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:9999px;background:linear-gradient(135deg,var(--cin-violet),var(--cin-pink));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.85rem}.tweet-meta{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;font-size:.85rem}.tweet-name{font-weight:600;color:var(--flow-text)}.tweet-handle{color:var(--flow-text-tertiary)}.tweet-body{margin-top:.25rem;font-size:1rem;line-height:1.55;color:var(--flow-text-secondary)}.device-desktop{position:relative;border:1px solid var(--flow-border);border-radius:var(--flow-radius-lg);background:var(--flow-bg-mid);overflow:hidden;box-shadow:var(--flow-shadow-md)}.device-desktop-chrome{display:flex;align-items:center;gap:.4rem;padding:.5rem .75rem;border-bottom:1px solid var(--flow-border-subtle);background:var(--flow-surface)}.device-traffic-dot{width:.65rem;height:.65rem;border-radius:9999px}.device-phone{position:relative;width:220px;aspect-ratio:9 / 19;margin:0 auto;border-radius:2.25rem;background:#0a0a0a;padding:.6rem;box-shadow:0 24px 60px #00000059,0 0 0 1px var(--cin-panel-border)}.device-phone-screen{position:relative;height:100%;width:100%;border-radius:1.65rem;background:#050505;overflow:hidden;color:var(--cin-panel-text);font-size:.7rem}.device-phone-notch{position:absolute;top:.4rem;left:50%;transform:translate(-50%);width:38%;height:1.1rem;border-radius:9999px;background:#000;z-index:2}.tile-surface{font-family:var(--flow-font-body);font-size:.75rem;line-height:1.35}.tile-mono{font-family:var(--flow-font-mono);font-size:.7rem}.tile-row{display:flex;align-items:center;gap:.4rem;padding:.35rem .5rem;border-radius:.25rem}.tile-row+.tile-row{margin-top:.15rem}.tile-row--active{background:var(--flow-surface-muted)}.tile-kbd{font-family:var(--flow-font-mono);font-size:.6rem;padding:.1rem .35rem;border:1px solid var(--flow-border-subtle);border-radius:.2rem;background:var(--flow-surface);color:var(--flow-text-tertiary)}@media(prefers-reduced-motion:reduce){.cinematic-glow:before,.cinematic-glow:after,.cinematic-glow>.cin-blob,.cin-running-shimmer:after,.cin-fly-card,.cin-pulse{animation:none}.cin-fly-card{transform:translate3d(calc(100% + 1.5rem),0,0);opacity:.85}}