:root{--bg-primary: #F5F5F3;--bg-demo: #EBEBE9;--bg-news: #E1E1DE;--bg-sound: #D7D7D4;--text-primary: #1D2326;--text-secondary: #4A5056;--text-muted: #7D8594;--accent: #3D5A6C;--accent-hover: #2A404E;--border: #D4D6D9;--bg-footer: #1D2326}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;background:var(--bg-primary);color:var(--text-primary)}button,a{border:none;background:none;font-family:inherit;cursor:pointer;text-decoration:none}img{max-width:100%;display:block}.min-h-screen{min-height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.top-0{top:0}.left-0{left:0}.right-0{right:0}.bottom-0{bottom:0}.z-10{z-index:10}.z-50{z-index:50}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.flex{display:flex}.inline-flex{display:inline-flex}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.gap-0{gap:0}.gap-1{gap:4px}.gap-1\.5{gap:6px}.gap-2{gap:8px}.gap-2\.5{gap:10px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.gap-8{gap:32px}.gap-12{gap:48px}.space-y-2>*+*{margin-top:8px}.space-y-3>*+*{margin-top:12px}.p-0{padding:0}.p-2{padding:8px}.p-2\.5{padding:10px}.p-3{padding:12px}.p-3\.5{padding:14px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.p-8{padding:32px}.px-2{padding-left:8px;padding-right:8px}.px-2\.5{padding-left:10px;padding-right:10px}.px-3{padding-left:12px;padding-right:12px}.px-4{padding-left:16px;padding-right:16px}.px-6{padding-left:24px;padding-right:24px}.px-8{padding-left:32px;padding-right:32px}.py-0{padding-top:0;padding-bottom:0}.py-0\.5{padding-top:2px;padding-bottom:2px}.py-1{padding-top:4px;padding-bottom:4px}.py-1\.5{padding-top:6px;padding-bottom:6px}.py-2{padding-top:8px;padding-bottom:8px}.py-2\.5{padding-top:10px;padding-bottom:10px}.py-3{padding-top:12px;padding-bottom:12px}.py-4{padding-top:16px;padding-bottom:16px}.py-6{padding-top:24px;padding-bottom:24px}.py-8{padding-top:32px;padding-bottom:32px}.py-12{padding-top:48px;padding-bottom:48px}.py-20{padding-top:80px;padding-bottom:80px}.pt-0{padding-top:0}.pt-2{padding-top:8px}.pt-3{padding-top:12px}.pt-4{padding-top:16px}.pt-6{padding-top:24px}.pt-8{padding-top:32px}.pt-12{padding-top:48px}.pt-32{padding-top:128px}.pt-40{padding-top:160px}.pb-0{padding-bottom:0}.pb-4{padding-bottom:16px}.pb-20{padding-bottom:80px}.pl-2{padding-left:8px}.pr-2{padding-right:8px}.mx-auto{margin-left:auto;margin-right:auto}.mx-0{margin-left:0;margin-right:0}.my-3{margin-top:12px;margin-bottom:12px}.my-4{margin-top:16px;margin-bottom:16px}.mb-0{margin-bottom:0}.mb-1{margin-bottom:4px}.mb-1\.5{margin-bottom:6px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-10{margin-bottom:40px}.mb-12{margin-bottom:48px}.mt-0{margin-top:0}.mt-0\.5{margin-top:2px}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mt-10{margin-top:40px}.mt-12{margin-top:48px}.mt-16{margin-top:64px}.ml-0\.5{margin-left:2px}.ml-7{margin-left:28px}.ml-7\.5{margin-left:30px}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.h-0{height:0}.h-1\.5{height:6px}.h-2{height:8px}.h-3{height:12px}.h-4{height:16px}.h-5{height:20px}.h-6{height:24px}.h-7{height:28px}.h-8{height:32px}.h-12{height:48px}.h-16{height:64px}.h-24{height:96px}.h-full{height:100%}.h-80{height:320px}.h-120{height:480px}.min-h-24{min-height:24px}.w-0{width:0}.w-0\.5{width:2px}.w-3{width:12px}.w-3\.5{width:14px}.w-4{width:16px}.w-5{width:20px}.w-6{width:24px}.w-7{width:28px}.w-8{width:32px}.w-12{width:48px}.w-16{width:64px}.w-24{width:96px}.w-auto{width:auto}.w-full{width:100%}.w-half{width:50%}.w-half-vw{width:50vw}.w-34{width:34%}.min-w-full{min-width:100%}.max-w-2xl{max-width:672px}.max-w-3xl{max-width:768px}.max-w-4xl{max-width:896px}.max-w-5xl{max-width:1024px}.max-w-6xl{max-width:1152px}.max-w-600{max-width:600px}.max-w-none{max-width:none}.max-h-0{max-height:0}.max-h-64{max-height:256px}.aspect-video{aspect-ratio:16 / 9}.aspect-square{aspect-ratio:1 / 1}.aspect-\[3\/4\]{aspect-ratio:3 / 4}.aspect-\[16\/9\]{aspect-ratio:16 / 9}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.font-mono{font-family:monospace}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.italic{font-style:italic}.tracking-tight{letter-spacing:-.01em}.tracking-wide{letter-spacing:.03em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.text-9{font-size:9px}.text-10{font-size:10px}.text-11{font-size:11px}.text-12{font-size:12px}.text-13{font-size:13px}.text-14{font-size:14px}.text-15{font-size:15px}.text-16{font-size:16px}.text-17{font-size:17px}.text-18{font-size:18px}.text-20{font-size:20px}.text-22{font-size:22px}.text-24{font-size:24px}.text-28{font-size:28px}.text-32{font-size:32px}.text-36{font-size:36px}.text-40{font-size:40px}.text-48{font-size:48px}.text-52{font-size:52px}.text-64{font-size:64px}.leading-none{line-height:1}.leading-1-05{line-height:1.05}.leading-1-1{line-height:1.1}.leading-1-15{line-height:1.15}.leading-1-2{line-height:1.2}.leading-1-25{line-height:1.25}.leading-1-5{line-height:1.5}.leading-1-6{line-height:1.6}.leading-relaxed{line-height:1.625}.bg-transparent{background:transparent}.bg-white{background:#fff}.bg-primary{background:var(--bg-primary)}.bg-demo{background:var(--bg-demo)}.bg-news{background:var(--bg-news)}.bg-sound{background:var(--bg-sound)}.bg-dark{background:var(--text-primary)}.bg-footer{background:var(--bg-footer)}.bg-accent{background:var(--accent)}.bg-accent-10{background:#3d5a6c1a}.bg-fafaf9{background:#fafaf9}.bg-white-5{background:#ffffff0d}.bg-white-10{background:#ffffff1a}.bg-white-20{background:#fff3}.bg-faf9f7{background:#faf9f7}.backdrop-blur-sm{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.text-dark{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-primary{color:var(--bg-primary)}.text-white{color:#fff}.text-white-50{color:#ffffff80}.text-white-60{color:#fff9}.text-white-80{color:#fffc}.border{border:1px solid var(--border)}.border-0{border:none}.border-2{border-width:2px}.border-b{border-bottom:1px solid var(--border)}.border-t{border-top:1px solid var(--border)}.border-r{border-right:1px solid var(--border)}.border-dark{border-color:var(--text-primary)}.border-accent{border-color:var(--accent)}.border-light{border-color:var(--border)}.border-white-10{border-color:#ffffff1a}.border-white-20{border-color:#fff3}.rounded{border-radius:4px}.rounded-md{border-radius:6px}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-2xl{border-radius:16px}.rounded-full{border-radius:9999px}.rounded-t{border-top-left-radius:4px;border-top-right-radius:4px}.rounded-bl{border-bottom-left-radius:4px}.rounded-bl-lg{border-bottom-left-radius:8px}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px #0000001a}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.opacity-5{opacity:.05}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.transition-all{transition:all .3s}.transition-colors{transition:color,background-color,border-color .3s}.transition-opacity{transition:opacity .3s}.transition-transform{transition:transform .3s}.duration-75{transition-duration:75ms}.duration-100{transition-duration:.1s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}.duration-700{transition-duration:.7s}.ease-out{transition-timing-function:ease-out}.hover-opacity-70:hover{opacity:.7}.hover-bg-accent:hover{background:var(--accent-hover)}.hover-bg-dark:hover{background:var(--text-primary)}.hover-text-accent:hover{color:var(--accent)}.hover-text-primary:hover{color:var(--bg-primary)}.hover-border-accent:hover{border-color:var(--accent)}.hover-shadow-lg:hover{box-shadow:0 10px 15px -3px #0000001a}.group{display:inline-flex}.group:hover .group-hover-translate-x-1{transform:translate(4px)}.group:hover .group-hover-translate-x-2{transform:translate(8px)}.group:hover .group-hover-rotate-180{transform:rotate(180deg)}.group:hover .group-hover-text-accent{color:var(--accent)}.group:hover .group-hover-shadow-lg{box-shadow:0 10px 15px -3px #0000001a}.group:hover .group-hover-translate-y-neg-1{transform:translateY(-4px)}.group:hover .group-hover-scale-100{transform:scale(1)}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.pointer-events-none{pointer-events:none}.origin-bottom{transform-origin:bottom}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}.animate-slide-in{animation:slideIn .5s ease-out forwards}.animate-spin{animation:spin 1s linear infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flow{0%{left:0%;opacity:0}10%{opacity:.6}90%{opacity:.6}to{left:100%;opacity:0}}@keyframes animateIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:animateIn .4s ease-out forwards}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;border:2px solid var(--text-primary);border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;color:var(--text-primary);background:transparent;transition:all .3s;cursor:pointer}.btn-secondary:hover{background:var(--text-primary);color:var(--bg-primary)}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:10px 24px;background:var(--text-primary);color:var(--bg-primary);border:2px solid var(--text-primary);border-radius:6px;font-size:12px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;transition:all .3s;cursor:pointer}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.prose{font-size:18px;line-height:1.75}.prose p{margin-bottom:1.5em}.prose h2{font-size:28px;font-weight:600;margin-top:2em;margin-bottom:.8em}.prose h3{font-size:22px;font-weight:600;margin-top:1.5em;margin-bottom:.6em}.prose ul{margin-bottom:1.5em;padding-left:1.5em}.prose li{margin-bottom:.5em}.prose strong{font-weight:600}.prose a{color:var(--accent);text-decoration:underline}.prose a:hover{color:var(--accent-hover)}.progress-bar{height:100%;background:var(--accent);border-radius:9999px;transition:width .1s}@media (min-width: 768px){.md-flex{display:flex}.md-hidden{display:none}.md-block{display:block}.md-grid-cols-2{grid-template-columns:repeat(2,1fr)}.md-grid-cols-3{grid-template-columns:repeat(3,1fr)}.md-flex-row{flex-direction:row}.md-text-18{font-size:18px}.md-text-24{font-size:24px}.md-text-28{font-size:28px}.md-text-40{font-size:40px}.md-text-52{font-size:52px}.md-text-64{font-size:64px}.md-mt-8{margin-top:32px}.md-mb-10{margin-bottom:40px}.md-inline{display:inline}.md-aspect-\[3\/4\]{aspect-ratio:3 / 4}.md-p-6{padding:24px}.md-justify-end{justify-content:flex-end}.md-pt-40{padding-top:160px}.md-pb-20{padding-bottom:80px}.md-py-20{padding-top:80px;padding-bottom:80px}.md-px-8{padding-left:32px;padding-right:32px}}@media (min-width: 1024px){.lg-flex{display:flex}.lg-hidden{display:none}.lg-grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg-grid-cols-5{grid-template-columns:repeat(5,1fr)}.lg-col-span-2{grid-column:span 2}.lg-col-span-3{grid-column:span 3}.lg-w-half{width:50%}.lg-gap-12{gap:48px}.lg-gap-16{gap:64px}.lg-px-16{padding-left:64px;padding-right:64px}.lg-py-28{padding-top:112px;padding-bottom:112px}.lg-pt-2{padding-top:8px}.lg-pt-52{padding-top:208px}.lg-pb-32{padding-bottom:128px}.lg-py-32{padding-top:128px;padding-bottom:128px}.lg-p-6{padding:24px}.lg-border-b-0{border-bottom:none}.lg-border-r{border-right:1px solid var(--border)}.lg-text-right{text-align:right}.lg-text-32{font-size:32px}.lg-text-48{font-size:48px}.lg-text-64{font-size:64px}.lg-grid-cols-3{grid-template-columns:repeat(3,1fr)}}