:root{--bg-primary: #F5F5F3;--bg-demo: #EBEBE9;--bg-news: #E1E1DE;--bg-sound: #D7D7D4;--bg-footer: #1D2326;--text-primary: #1D2326;--text-secondary: #4A5056;--text-muted: #7D8594;--accent: #3D5A6C;--accent-hover: #2A404E;--border: #D4D6D9;--radius: 6px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2rem;--text-5xl: 2.5rem;--text-6xl: 3rem;--text-7xl: 3.5rem;--text-8xl: 4rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem}*{box-sizing:border-box;margin:0;padding:0}html{font-size:100%;scroll-behavior:smooth;scroll-padding-top:5rem;-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Inter,system-ui,sans-serif;font-size:var(--text-base);line-height:1.5;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden}button,a{font-family:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent;cursor:pointer}a,button{outline:none}a:focus-visible,button a:not(.btn-primary):not(.btn-secondary){border:none;background:transparent}img{max-width:100%;display:block}::-moz-selection{background:#3d5a6c33;color:var(--text-primary)}::selection{background:#3d5a6c33;color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.text-display{font-size:var(--text-5xl);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--text-primary)}@media (min-width: 640px){.text-display{font-size:var(--text-7xl)}}@media (min-width: 1024px){.text-display{font-size:var(--text-8xl)}}.text-h2{font-size:var(--text-2xl);font-weight:600;line-height:1.2;letter-spacing:-.01em;color:var(--text-primary)}@media (min-width: 768px){.text-h2{font-size:var(--text-3xl)}}.text-9{font-size:.5625rem;font-weight:500;line-height:1.4}.text-10{font-size:.625rem;font-weight:500;line-height:1.4}.text-11{font-size:var(--text-xs);font-weight:500;line-height:1.4;letter-spacing:.05em;text-transform:uppercase}.text-12{font-size:var(--text-xs);font-weight:600;line-height:1.4;letter-spacing:.03em;text-transform:uppercase}.text-13{font-size:.8125rem;font-weight:400;line-height:1.4}.text-14{font-size:var(--text-sm);font-weight:400;line-height:1.5}.text-15{font-size:.9375rem;font-weight:400;line-height:1.5}.text-16,.text-18{font-size:var(--text-base);font-weight:400;line-height:1.5}@media (min-width: 768px){.text-18{font-size:var(--text-lg)}}.text-20{font-size:var(--text-lg);font-weight:500;line-height:1.25}@media (min-width: 768px){.text-20{font-size:var(--text-xl)}}.text-24{font-size:var(--text-xl);font-weight:500;line-height:1.25}@media (min-width: 768px){.text-24{font-size:var(--text-2xl)}}.text-28{font-size:var(--text-2xl);font-weight:600;line-height:1.2;letter-spacing:-.01em}@media (min-width: 768px){.text-28{font-size:var(--text-3xl)}}.text-32{font-size:var(--text-2xl);font-weight:600;line-height:1.2;letter-spacing:-.01em}@media (min-width: 640px){.text-32{font-size:var(--text-3xl)}}@media (min-width: 1024px){.text-32{font-size:var(--text-4xl)}}.text-40{font-size:var(--text-3xl);font-weight:700;line-height:1.1;letter-spacing:-.01em}@media (min-width: 640px){.text-40{font-size:var(--text-4xl)}}@media (min-width: 1024px){.text-40{font-size:var(--text-5xl)}}.text-48{font-size:var(--text-4xl);font-weight:700;line-height:1.1;letter-spacing:-.01em}@media (min-width: 640px){.text-48{font-size:var(--text-5xl)}}@media (min-width: 1024px){.text-48{font-size:var(--text-6xl)}}.text-52{font-size:var(--text-4xl);font-weight:700;line-height:1.1;letter-spacing:-.01em}@media (min-width: 640px){.text-52{font-size:var(--text-5xl)}}@media (min-width: 1024px){.text-52{font-size:var(--text-7xl)}}.text-56{font-size:var(--text-4xl);font-weight:700;line-height:1.1;letter-spacing:-.01em}@media (min-width: 640px){.text-56{font-size:var(--text-6xl)}}@media (min-width: 1024px){.text-56{font-size:var(--text-7xl)}}.text-64{font-size:var(--text-4xl);font-weight:700;line-height:1.1;letter-spacing:-.02em}@media (min-width: 640px){.text-64{font-size:var(--text-6xl)}}@media (min-width: 1024px){.text-64{font-size:var(--text-8xl)}}.text-label{font-size:var(--text-xs);font-weight:600;line-height:1.4;letter-spacing:.03em;text-transform:uppercase;color:var(--text-muted)}.text-body{font-size:var(--text-base);font-weight:400;line-height:1.5;color:var(--text-secondary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-mono{font-family:monospace}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.tracking-tight{letter-spacing:-.01em}.tracking-wide{letter-spacing:.03em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.leading-none{line-height:1}.leading-1-1{line-height:1.1}.leading-1-2{line-height:1.2}.leading-1-25{line-height:1.25}.leading-1-4{line-height:1.4}.leading-snug{line-height:1.3}.leading-normal{line-height:1.5}.leading-1-6,.leading-relaxed{line-height:1.6}.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-white{background:#fff}.bg-accent-10{background:#3d5a6c1a}.bg-white-20{background:#fff3}.border-white-20{border-color:#fff3}.text-dark{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-light,.text-primary{color:var(--bg-primary)}.border-light{border-color:var(--border)}.border-dark{border-color:var(--text-primary)}.border-accent{border-color:var(--accent)}.hover-text-light:hover{color:var(--bg-primary)}.hover-text-dark:hover{color:var(--text-primary)}.hover-text-secondary:hover{color:var(--text-secondary)}.hover-text-muted:hover{color:var(--text-muted)}.hover-text-accent:hover{color:var(--accent)}.hover-text-accent-hover:hover{color:var(--accent-hover)}.hover-bg-dark:hover{background-color:var(--text-primary)}.hover-bg-demo:hover{background-color:var(--bg-demo)}.hover-bg-primary:hover{background-color:var(--bg-primary)}.hover-border-accent:hover{border-color:var(--accent)}.hover-border-light:hover{border-color:var(--border)}.hover-border-dark:hover{border-color:var(--text-primary)}.block{display:block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.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-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.gap-10{gap:var(--space-10)}.gap-12{gap:var(--space-12)}.gap-16{gap:var(--space-16)}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{top:0;right:0;bottom:0;left:0}.top-20{top:5rem}.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-x-hidden{overflow-x:hidden}.overflow-x-auto{overflow-x:auto}.m-0{margin:0}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mt-12{margin-top:var(--space-12)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.mb-12{margin-bottom:var(--space-12)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-3{padding-top:var(--space-3);padding-bottom:var(--space-3)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.px-2{padding-left:var(--space-2);padding-right:var(--space-2)}.pt-8{padding-top:var(--space-8)}.pt-16{padding-top:var(--space-16)}.pt-20{padding-top:var(--space-20)}.pt-24{padding-top:var(--space-24)}.pt-32{padding-top:var(--space-32)}.pb-12{padding-bottom:var(--space-12)}.pb-16{padding-bottom:var(--space-16)}.pb-20{padding-bottom:var(--space-20)}.pb-24{padding-bottom:var(--space-24)}.sm-py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.sm-pt-24{padding-top:var(--space-24)}.md-pt-32{padding-top:var(--space-32)}.sm-pb-24{padding-bottom:var(--space-24)}.md-pb-32{padding-bottom:var(--space-32)}.w-full{width:100%}.w-auto{width:auto}.w-half{width:50%}.w-85vw{width:85vw}.h-full{height:100%}.h-auto{height:auto}.h-4{height:1rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-20{height:5rem}.h-24{height:6rem}.h-480{height:30rem}.h-screen{height:100vh}.sticky{position:sticky}.top-0{top:0}.min-h-screen{min-height:100vh}.md-min-h-\[300vh\]{min-height:300vh}.md-min-h-\[400vh\]{min-height:400vh}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.border{border:1px solid var(--border)}.border-0{border:none!important}.border-2{border:2px solid var(--text-primary)}.border-t{border-top:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-l{border-left:1px solid var(--border)}.border-r{border-right:1px solid var(--border)}.border-t-dark{border-top-color:var(--text-primary)}.border-b-dark{border-bottom-color:var(--text-primary)}.border-t-light{border-top-color:var(--border)}.border-b-light{border-bottom-color:var(--border)}.rounded-sm,.rounded-md,.rounded-lg,.rounded-xl{border-radius:var(--radius)}.rounded-full{border-radius:9999px}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem 1.5rem;background:var(--text-primary);color:var(--bg-primary);border:2px solid var(--text-primary);border-radius:var(--radius);font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.625rem 1.5rem;background:transparent;color:var(--text-primary);border:2px solid var(--text-primary);border-radius:var(--radius);font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;text-transform:uppercase;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:var(--text-primary);color:var(--bg-primary)}.card{background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.scroll-x{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.scroll-x::-webkit-scrollbar{display:none}.snap-center{scroll-snap-align:center;flex-shrink:0}.service-card{background:var(--text-primary);border-radius:var(--radius);padding:var(--space-6);color:var(--bg-primary);display:flex;flex-direction:column;aspect-ratio:4 / 5;transition:transform .3s ease}.service-card:hover{transform:translateY(-4px)}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.aspect-4-5{aspect-ratio:4 / 5}.last-border-b-0:last-child{border-bottom:none}.group:hover .group-hover-text-accent{color:var(--accent)}.group:hover .group-hover-text-dark{color:var(--text-primary)}.group:hover .group-hover-text-light{color:var(--bg-primary)}.group:hover .group-hover-text-muted{color:var(--text-muted)}.group:hover .group-hover-border-accent{border-color:var(--accent)}.group:hover .group-hover-translate-x-1{transform:translate(4px)}.group:hover .group-hover-translate-x-neg-1{transform:translate(-4px)}@media (min-width: 640px){.sm-flex{display:flex!important}.sm-grid{display:grid!important}.sm-block{display:block!important}.sm-hidden{display:none!important}.sm-flex-row{flex-direction:row}.sm-grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm-grid-cols-3{grid-template-columns:repeat(3,1fr)}.sm-px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.sm-py-20{padding-top:var(--space-20);padding-bottom:var(--space-20)}.sm-mb-12{margin-bottom:var(--space-12)}.sm-mt-10{margin-top:var(--space-10)}.sm-mt-12{margin-top:var(--space-12)}}@media (min-width: 768px){.md-flex{display:flex!important}.md-grid{display:grid!important}.md-block{display:block!important}.md-hidden{display:none!important}.md-flex-row{flex-direction:row}.md-grid-cols-2{grid-template-columns:repeat(2,1fr)}.md-grid-cols-3{grid-template-columns:repeat(3,1fr)}.md-grid-cols-12{grid-template-columns:repeat(12,1fr)}.md-col-span-2{grid-column:span 2}.md-col-span-3{grid-column:span 3}.md-col-span-5{grid-column:span 5}.md-col-span-9{grid-column:span 9}.md-px-8{padding-left:var(--space-8);padding-right:var(--space-8)}.md-py-24{padding-top:var(--space-24);padding-bottom:var(--space-24)}.md-mb-16{margin-bottom:var(--space-16)}.md-h-8{height:var(--space-8)}.md-text-left{text-align:left}}@media (min-width: 1024px){.lg-flex{display:flex!important}.lg-hidden{display:none!important}.lg-grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg-grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg-grid-cols-5{grid-template-columns:repeat(5,1fr)}.lg-px-16{padding-left:var(--space-16);padding-right:var(--space-16)}.lg-py-32{padding-top:var(--space-32);padding-bottom:var(--space-32)}.lg-gap-12{gap:var(--space-12)}.lg-gap-16{gap:var(--space-16)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (hover: none){.btn-primary:active,.btn-secondary:active,.card:active{transform:scale(.98)}}.translate-y-0{transform:translateY(0)}.translate-y-2{transform:translateY(.5rem)}.-translate-y-2{transform:translateY(-.5rem)}.translate-y-8{transform:translateY(2rem)}.-translate-y-1\/2{transform:translateY(-50%)}.translate-y-1\/2{transform:translateY(50%)}.translate-x-0{transform:translate(0)}.translate-x-4{transform:translate(4px)}.-translate-x-4{transform:translate(-4px)}.translate-x-1{transform:translate(.25rem)}.-translate-x-1{transform:translate(-.25rem)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.rotate-45{transform:rotate(45deg)}.-rotate-45{transform:rotate(-45deg)}.hamburger-line{display:block;width:1.5rem;height:2px;background-color:var(--bg-primary);transition:all .3s ease}.hamburger-open .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-open .hamburger-line:nth-child(2){opacity:0}.hamburger-open .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.bg-border{background-color:var(--border)}.prose{color:var(--text-secondary);line-height:1.75}.prose h1,.prose h2,.prose h3,.prose h4{color:var(--text-primary);font-weight:600;margin-top:2em;margin-bottom:.75em;line-height:1.3}.prose h1{font-size:var(--text-4xl)}.prose h2{font-size:var(--text-2xl)}.prose h3{font-size:var(--text-xl)}.prose h4{font-size:var(--text-lg)}.prose p{margin-bottom:1.25em;font-size:var(--text-base);line-height:1.75}.prose ul,.prose ol{margin-top:1em;margin-bottom:1em;padding-left:1.5em}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li{margin-top:.375em;margin-bottom:.375em}.prose a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:var(--accent-hover)}.prose strong,.prose b{color:var(--text-primary);font-weight:600}.prose blockquote{border-left:3px solid var(--accent);padding-left:1em;margin:1.5em 0;font-style:italic;color:var(--text-secondary)}.prose code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.875em;background:var(--bg-demo);padding:.2em .4em;border-radius:4px}.prose pre{background:var(--bg-footer);color:var(--bg-primary);padding:1em;border-radius:var(--radius);overflow-x:auto;margin:1.5em 0}.prose pre code{background:transparent;padding:0}.prose img{border-radius:var(--radius);margin:1.5em 0}.prose hr{border:none;border-top:1px solid var(--border);margin:2em 0}.prose table{width:100%;border-collapse:collapse;margin:1.5em 0}.prose th,.prose td{border:1px solid var(--border);padding:.75em;text-align:left}.prose th{background:var(--bg-demo);font-weight:600;color:var(--text-primary)}@media (max-width: 640px){.prose h1{font-size:var(--text-2xl)}.prose h2{font-size:var(--text-xl)}.prose h3{font-size:var(--text-lg)}.prose p{font-size:var(--text-base)}}@supports (padding: max(0px)){.safe-area-top{padding-top:max(var(--space-4),env(safe-area-inset-top))}.safe-area-bottom{padding-bottom:max(var(--space-4),env(safe-area-inset-bottom))}.safe-area-left{padding-left:max(var(--space-4),env(safe-area-inset-left))}.safe-area-right{padding-right:max(var(--space-4),env(safe-area-inset-right))}}@media (max-width: 768px){body{overflow-x:hidden}}.scroll-x{-webkit-overflow-scrolling:touch}button,a{-webkit-tap-highlight-color:transparent}