:root{--color-beige-bg: #f4f1e6;--color-ink-black: #0f0f0f;--color-divider: #e0ddd8;--color-card-bg: #eae6d7}.font-heading{font-family:EB Garamond,Georgia,serif}.font-space{font-family:Space Mono,monospace}.mono-label{text-transform:uppercase;letter-spacing:.12em;font-family:Space Mono,monospace;font-size:13px}.section-divider{border-top:1px solid var(--color-divider)}.feature-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:4px}.span-8{grid-column:span 8}.span-4{grid-column:span 4}.row-2{grid-row:span 2}@media(max-width:768px){.span-8,.span-4{grid-column:span 12}.row-2{grid-row:span 1}}.feature-card-animated{appearance:none;cursor:pointer;text-align:left;z-index:10;touch-action:manipulation;background-color:var(--color-card-bg);border:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;justify-content:space-between;width:100%;padding:40px;position:relative;overflow:hidden;transition:all .5s cubic-bezier(.215,.61,.355,1);box-shadow:inset 1px 1px 4px #fff9,inset -1px -1px 4px #0000000a}.feature-card-animated:hover{z-index:20;border-color:#0003;transform:scale(1.01);box-shadow:0 20px 40px #0000001f,inset 2px 2px 5px #ffffffb3}.feature-card-animated:active{transform:scale(.99)}.card-content{z-index:5;display:flex;flex-direction:column;justify-content:space-between;height:100%;position:relative;transition:transform .4s cubic-bezier(.215,.61,.355,1)}.feature-card-animated:hover .card-content{transform:translateY(-10px)}.card-header h3{font-family:EB Garamond,serif;font-size:32px;font-style:italic;font-weight:400;letter-spacing:-.02em;margin-bottom:12px}.card-header p{font-family:"Source Serif 4","Source Serif Pro",Georgia,serif;font-size:15px;line-height:1.55;color:#555;letter-spacing:-.01em;max-width:90%}.sticky-note{color:#0e0e0e;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;gap:2px;width:clamp(164px,16vw,200px);padding:22px;font-family:Space Mono,monospace;font-size:14px;font-weight:600;line-height:1.2;box-shadow:2px 4px 12px #00000026,inset 1px 1px 3px #ffffff80}.sticky-note-pin{width:8px;height:8px;border-radius:50%;background:#00000026;margin-bottom:4px}.sticky-note-sub{font-size:10px;margin-top:8px;opacity:.6;font-weight:400}.play-indicator{display:flex;align-items:center;gap:12px;opacity:0;transform:translateY(8px);transition:opacity .4s,transform .4s}.feature-card-animated:hover .play-indicator{opacity:1;transform:translateY(0)}.play-indicator-circle{width:48px;height:48px;border-radius:50%;background:var(--color-ink-black);display:flex;align-items:center;justify-content:center;transition:transform .3s,box-shadow .3s}.feature-card-animated:hover .play-indicator-circle{transform:scale(1.1);box-shadow:0 4px 20px #0f0f0f4d}.play-label{white-space:nowrap;text-transform:uppercase;letter-spacing:.12em;color:var(--color-ink-black);pointer-events:none;background:#0f0f0f14;border-radius:4px;padding:6px 12px;font-family:Space Mono,monospace;font-size:10px;font-weight:700}.card-badge{display:inline-flex;border:1px solid rgba(0,0,0,.15);border-radius:3px;padding:4px 10px;font-family:Space Mono,monospace;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-black)}.canvas-overlay{opacity:0;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;transition:opacity .6s}.feature-card-animated:hover .canvas-overlay{opacity:1}.carousel-track{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.carousel-track::-webkit-scrollbar{display:none}.carousel-card{flex-shrink:0;scroll-snap-align:start;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;width:clamp(260px,70vw,320px);height:clamp(360px,50vw,440px);padding:1.5rem;transform-style:preserve-3d;will-change:transform,opacity}.carousel-card h3{font-family:Space Mono,Inter,sans-serif;font-weight:700;font-size:clamp(1.5rem,5vw,2.5rem);line-height:.95;text-transform:uppercase;letter-spacing:-.02em;margin:0 0 1rem}.carousel-card p{font-family:EB Garamond,Georgia,serif;font-size:1.15rem;line-height:1.4;opacity:.9;margin:0}.agent-card{background:#fff;border:1px solid var(--color-divider);padding:24px;display:flex;flex-direction:column;gap:12px;min-height:220px;transition:box-shadow .3s,transform .3s}.agent-card:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-2px)}.agent-card h3{font-family:EB Garamond,serif;font-size:24px;font-weight:400}.agent-card p{font-family:"Source Serif 4",Georgia,serif;font-size:14px;line-height:1.55;color:#555}.agent-card-tag{display:flex;align-items:center;gap:6px;font-family:Space Mono,monospace;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#888}.agent-card-tag-dot{width:8px;height:8px;border-radius:50%}.agent-card-badges{font-family:Space Mono,monospace;font-size:9px;letter-spacing:.05em;text-transform:uppercase;color:#888;margin-top:auto}.agent-card.light{background:var(--color-beige-bg);opacity:.7}.faq-answer a{color:#ffffffbf;text-decoration:underline;text-underline-offset:2px;transition:color .2s}.faq-answer a:hover{color:#fffffff2}@keyframes typeKey{0%,to{transform:translateZ(1px) translateY(0);box-shadow:0 6px #c4c0b3,0 8px 7px #0003}50%{transform:translateZ(-1px) translateY(3px);box-shadow:0 1px #c4c0b3,0 1px 1px #0000000d}}@keyframes pulse{50%{opacity:.5}}.visual-panel{position:relative;display:flex;align-items:center;justify-content:center;background:var(--color-surface-offset, #eeede8);overflow:hidden;padding:4rem}.organic-blob{position:absolute;width:120%;height:120%;background-color:var(--blob-color);-webkit-mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M44.7,-76.4C58.9,-69.2,71.8,-59.1,81.1,-46.1C90.4,-33.1,96.1,-16.6,96.6,-0.1C97.1,16.4,92.5,32.8,82.8,45.8C73.1,58.8,58.4,68.4,42.7,75.4C27,82.4,10.3,86.8,-5.5,88.4C-21.3,90,-36.2,88.8,-49.6,81.8C-63,74.8,-74.9,62.1,-82.1,47.4C-89.3,32.7,-91.8,16.3,-90.1,0.9C-88.4,-14.4,-82.5,-28.9,-73.6,-40.8C-64.7,-52.7,-52.9,-62,-40.1,-69.4C-27.3,-76.8,-13.6,-82.3,1.3,-84.6C16.2,-86.9,30.5,-83.6,44.7,-76.4Z' transform='translate(100 100)' /%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23000' d='M44.7,-76.4C58.9,-69.2,71.8,-59.1,81.1,-46.1C90.4,-33.1,96.1,-16.6,96.6,-0.1C97.1,16.4,92.5,32.8,82.8,45.8C73.1,58.8,58.4,68.4,42.7,75.4C27,82.4,10.3,86.8,-5.5,88.4C-21.3,90,-36.2,88.8,-49.6,81.8C-63,74.8,-74.9,62.1,-82.1,47.4C-89.3,32.7,-91.8,16.3,-90.1,0.9C-88.4,-14.4,-82.5,-28.9,-73.6,-40.8C-64.7,-52.7,-52.9,-62,-40.1,-69.4C-27.3,-76.8,-13.6,-82.3,1.3,-84.6C16.2,-86.9,30.5,-83.6,44.7,-76.4Z' transform='translate(100 100)' /%3E%3C/svg%3E");-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-size:contain;mask-repeat:no-repeat;mask-position:center;z-index:1;transition:transform 1s ease}.visual-panel:hover .organic-blob{transform:scale(1.05) rotate(5deg)}.scene{position:relative;z-index:2;perspective:2500px;transform-style:preserve-3d;transform:scale(.85) rotateY(-20deg) rotateX(10deg);transition:transform .8s cubic-bezier(.2,.8,.2,1)}.visual-panel:hover .scene{transform:scale(.9) rotateY(-10deg) rotateX(5deg)}.computer-unit{position:relative;width:320px;height:400px;transform-style:preserve-3d}.face{position:absolute;border:1px solid rgba(0,0,0,.03);display:flex;flex-direction:column;align-items:center}.face.front{width:320px;height:400px;transform:translateZ(120px);background:var(--comp-face);box-shadow:inset -5px -5px 15px #0000000d,inset 2px 2px 10px #fffc;padding-top:35px}.face.back{width:320px;height:400px;transform:translateZ(-120px) rotateY(180deg);background:var(--comp-shadow)}.face.left{width:240px;height:400px;transform:rotateY(-90deg) translateZ(120px);background:var(--comp-side);box-shadow:inset 10px 0 30px #00000008}.face.right{width:240px;height:400px;transform:rotateY(90deg) translateZ(200px);background:var(--comp-shadow)}.face.top{width:320px;height:240px;transform:rotateX(90deg) translateZ(120px);background:#f4f2ec}.face.bottom{width:320px;height:240px;transform:rotateX(-90deg) translateZ(280px);background:#b0ada6;box-shadow:0 60px 100px #0003}.screen-inset{width:250px;height:190px;background:#d8d5cf;border-radius:12px;box-shadow:inset 2px 2px 6px #00000026,inset -1px -1px 4px #fff9;display:flex;align-items:center;justify-content:center;margin-bottom:25px}.crt{width:230px;height:170px;background:var(--screen-bg);border-radius:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000c}.crt:before{content:"";position:absolute;inset:0;background:linear-gradient(#12101000 50%,#0000001a 50%);background-size:100% 3px;z-index:5;pointer-events:none}.crt-glow{position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(34,197,94,.03) 0%,transparent 70%);z-index:1;pointer-events:none}.crt-ui{position:absolute;inset:10px;font-family:var(--font-crt, "VT323", monospace);font-size:11px;color:#e0e0e0;display:flex;flex-direction:column;z-index:2}.crt-sidebar{display:flex;gap:4px;margin-bottom:6px;font-size:8px}.crt-sidebar-item{display:flex;align-items:center;gap:3px;color:#888}.crt-sidebar-item.active{color:#e0e0e0}.crt-icon-dot{width:5px;height:5px;border-radius:50%;background:#555}.crt-icon-dot.green{background:#22c55e}.crt-icon-dot.orange{background:#f59e0b}.crt-icon-dot.blue{background:#3b82f6}.crt-main-area{flex:1;display:flex;flex-direction:column}.crt-os-label{font-size:8px;color:#555;margin-bottom:4px}.crt-window{background:#eaeaea;color:#111;flex:1;border-radius:2px;padding:8px;box-shadow:2px 2px #0009;display:flex;flex-direction:column}.crt-window-header{border-bottom:1px dashed #888;padding-bottom:4px;margin-bottom:6px;font-weight:700;display:flex;justify-content:space-between;font-size:10px}.typing-container{line-height:1.4;flex:1;font-size:9px;overflow:hidden}.cursor{display:inline-block;width:7px;height:10px;background:#111;animation:blink 1s step-end infinite;vertical-align:middle;margin-bottom:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.crt-status-bar{display:flex;justify-content:space-between;font-size:7px;color:#666;margin-top:4px;padding-top:3px;border-top:1px solid #333}.floppy-slot{width:100px;height:8px;background:#222;border-radius:4px;box-shadow:inset 1px 1px 3px #0009;margin-left:120px}.sticker{position:absolute;bottom:30px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:10px;font-weight:700;box-shadow:1px 1px 3px #00000026}.sticker-1{left:25px;background:#1a1a1a;color:#fff}.sticker-2{left:60px;background:#f59e0b;color:#fff}.vent-grid{position:absolute;bottom:20px;right:20px;display:grid;grid-template-columns:repeat(5,1fr);gap:3px}.vent{width:4px;height:25px;background:#a09c94;border-radius:2px;box-shadow:inset 1px 1px 2px #0000004d}.keyboard-assembly{position:absolute;width:320px;height:130px;bottom:-110px;transform-style:preserve-3d;transform-origin:top center;transform:translateZ(140px) rotateX(var(--kb-angle))}.kb-base{position:absolute;width:100%;height:100%;background:var(--comp-face);box-shadow:inset 1px 1px 2px #fff6,inset -2px -2px 10px #0000000d;transform:translateZ(calc(var(--kb-thickness) / 2))}.kb-front{position:absolute;bottom:0;left:0;width:100%;height:var(--kb-thickness);background:var(--comp-shadow);transform-origin:bottom center;transform:translateZ(calc(var(--kb-thickness) / 2)) rotateX(90deg)}.kb-shadow{position:absolute;width:100%;height:100%;top:0;left:0;transform:rotateX(calc(-90deg - var(--kb-angle))) translateZ(10px);box-shadow:0 30px 50px #00000026;pointer-events:none}.keys-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:4px;padding:12px;transform:translateZ(6px);transform-style:preserve-3d}.key{height:22px;background:#f8f7f4;border-radius:3px;box-shadow:0 4px #d0cdc7,0 5px 4px #0000001a;transform:translateZ(1px)}.key.wide{grid-column:span 2}.key.space{grid-column:span 6}@keyframes typeKey{0%,to{transform:translateZ(1px) translateY(0);box-shadow:0 4px #d0cdc7,0 5px 4px #0000001a}50%{transform:translateZ(-1px) translateY(3px);box-shadow:0 1px #d0cdc7,0 1px 1px #0000000d}}.key:nth-child(3n+1){animation:typeKey 1.5s infinite .2s}.key:nth-child(7n){animation:typeKey 2.1s infinite .5s}.key:nth-child(2n+4){animation:typeKey 1.8s infinite .9s}.key:nth-child(4n+2){animation:typeKey 1.2s infinite 0s}@media(max-width:900px){.visual-panel{min-height:400px;padding:3rem 2rem}}@media(max-width:480px){.scene{transform:scale(.55) rotateY(-20deg) rotateX(10deg)}.visual-panel:hover .scene{transform:scale(.6) rotateY(-10deg) rotateX(5deg)}}