@theme{ --color-porcelain: #F7F3EB; --color-glaze: #F1E8C7; --color-paper: #FFFFFF; --color-ink: #1D1107; --color-clay: #40362E; --color-coal: #242220; --color-earth: #93886F; --color-scrunch-blue: #2A4AEA; --color-cloud-blue: #93C0FE; --color-botanic-green: #6E8920; --color-ai-green: #D8FC3B; --color-viz-blue-300: #93C0FE; --color-viz-blue-500: #3C67F5; --color-viz-blue-800: #1F2CAE; --color-viz-green-400: #AECE31; --color-viz-green-500: #99B72C; --color-viz-green-600: #84A027; --color-viz-green-800: #586B16; --color-neutral-600: #67624C; --color-warning-900: #734210; --color-warning-950: #432205; --color-blue-400: #618FF9; --font-sans: var(--font-inter), sans-serif; --font-serif: var(--font-newsreader), serif; --font-mono: var(--font-ibm-plex-mono), monospace; --animate-fade-in: fadeIn .3s ease-out both; --animate-glow-pulse: glowPulse 2.5s ease-in-out infinite; }.code-scroll::-webkit-scrollbar{width:4px;height:4px}.code-scroll::-webkit-scrollbar-track{background:#0000000d}.code-scroll::-webkit-scrollbar-thumb{background:#d8fc3b80;border-radius:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px 2px #d8fc3b66,0 0 24px 6px #d8fc3b1f}50%{box-shadow:0 0 18px 5px #d8fc3bb3,0 0 48px 14px #d8fc3b38}}.glow-divider{animation:glowPulse 2.5s ease-in-out infinite}.bg-grid{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='96' height='96'%3E%3Cline x1='0' y1='0' x2='96' y2='0' stroke='%231D1107' stroke-opacity='0.12' stroke-width='1' stroke-dasharray='4 4'/%3E%3Cline x1='0' y1='0' x2='0' y2='96' stroke='%231D1107' stroke-opacity='0.12' stroke-width='1' stroke-dasharray='4 4'/%3E%3C/svg%3E");background-size:96px 96px;background-repeat:repeat}@keyframes cellPulse{0%,to{opacity:.08}50%{opacity:.85}}@keyframes streamRight{0%{transform:translate(0);opacity:0}5%{opacity:1}95%{opacity:1}to{transform:translate(var(--stream-distance, 800px));opacity:0}}@keyframes codeLine{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.code-line-in{animation:codeLine .25s ease-out forwards}@keyframes tokenRoll{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.token-roll{animation:tokenRoll .6s cubic-bezier(.16,1,.3,1) forwards}.feature-card{transition:transform .2s ease,box-shadow .2s ease}.feature-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #1d11071a}.browser-shadow{box-shadow:0 2px 4px #0000000a,0 8px 16px #0000000f,0 24px 48px #00000014,0 48px 80px #0000000f}.card-stream{position:absolute;width:100%;display:flex;align-items:center;overflow:visible}.card-line{display:flex;align-items:center;gap:80px;white-space:nowrap;cursor:grab;user-select:none;will-change:transform}.card-line:active,.card-line.dragging{cursor:grabbing}.card-wrapper{position:relative;width:800px;height:500px;flex-shrink:0;white-space:normal;border-radius:45px;overflow:hidden;transform:translateZ(0);isolation:isolate}.card{position:absolute;top:0;left:0;width:800px;height:500px;overflow:hidden}.card-normal{z-index:2}.card-image{width:100%;height:100%;object-fit:cover;filter:brightness(1.02) contrast(1.02)}.card-ascii{z-index:1;background:#f7f3eb}.ascii-content{position:absolute;top:0;left:0;width:100%;height:100%;color:#1d11079e;font-family:var(--font-ibm-plex-mono),"Courier New",monospace;font-size:13px;line-height:17px;overflow:hidden;white-space:pre-wrap;margin:0;padding:18px 16px 18px 20px;text-align:left;box-sizing:border-box;-webkit-mask-image:linear-gradient(to right,rgba(0,0,0,1) 0%,rgba(0,0,0,.9) 50%,rgba(0,0,0,.5) 75%,rgba(0,0,0,.1) 100%);mask-image:linear-gradient(to right,#000,#000000e6 50%,#00000080,#0000001a);animation:glitch .12s infinite linear alternate-reverse}@keyframes glitch{0%{opacity:1}15%{opacity:.92}16%{opacity:1}49%{opacity:.85}50%{opacity:1}99%{opacity:.93}to{opacity:1}}.scan-effect{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(216,252,59,.45),transparent);animation:scanEffect .6s ease-out forwards;pointer-events:none;z-index:5}@keyframes scanEffect{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}.hero-layout{padding:40px 28px 32px;gap:28px}.hero-left{width:100%;min-width:0}.hero-right-padtop{padding-top:0}.hero-h1{font-size:36px}@media (min-width: 640px){.hero-layout{padding:48px 48px 40px;gap:32px}.hero-h1{font-size:42px}}@media (min-width: 1024px){.hero-layout{padding:56px 60px 48px;gap:80px}.hero-left{flex:0 0 400px;width:auto}.hero-right-padtop{padding-top:16px}.hero-h1{font-size:44px}}@media (min-width: 1280px){.hero-layout{padding:64px 120px 48px;gap:160px}.hero-left{flex:0 0 535px}.hero-right-padtop{padding-top:33px}.hero-h1{font-size:48px}}@media (max-width: 640px){.card-stream-section{height:435px!important}.card-stream{transform:translateY(-50%) scale(.75)!important}.card-scanner-canvas{height:435px!important}.card-line,.card-line:active,.card-line.dragging{cursor:default!important}}