@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/PlusJakartaSans-Variable.woff2) format("woff2");font-weight:700 800;font-style:normal;font-display:swap}@font-face{font-family:DM Sans;src:url(/fonts/DMSans-Variable.woff2) format("woff2");font-weight:400 600;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/fonts/JetBrainsMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--dg-void: #0F1117;--dg-surface: #181B23;--dg-muted: #242832;--dg-slate: #7E8594;--dg-body: #B8BCC6;--dg-heading: #E8EAF0;--dg-white: #F5F6F8;--dg-accent: #4B8DF7;--dg-accent-soft: #4B8DF720;--dg-accent-hover: #5B9BFF;--dg-warm: #F5F0EB;--dg-warm-deep: #E8E0D8;--dg-red: #EF4444;--dg-yellow: #EAB308;--dg-green: #22C55E;--dg-gradient: linear-gradient(135deg, #0F1117, #181B23);--dg-dark-text: #1A1A2E;--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "DM Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--text-hero: clamp(3rem, 5vw + 1rem, 5rem);--text-h1: clamp(2.25rem, 3vw + 1rem, 3.5rem);--text-h2: clamp(1.75rem, 2vw + .75rem, 2.5rem);--text-h3: clamp(1.25rem, 1.5vw + .5rem, 1.75rem);--text-body: 1.0625rem;--text-body-lg: 1.1875rem;--text-small: .875rem;--text-micro: .75rem;--text-price: clamp(1.5rem, 2.5vw, 2rem);--leading-hero: .95;--leading-tight: 1.1;--leading-heading: 1.2;--leading-normal: 1.65;--leading-relaxed: 1.6;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2.5rem;--space-xl: 4rem;--space-2xl: 6rem;--space-3xl: 8rem;--section-pad: var(--space-lg);--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-padding: clamp(1.5rem, 4vw, 3rem);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .5);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .6s;--duration-hero: .8s;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--color-primary: var(--dg-accent);--color-primary-hover: var(--dg-accent-hover);--color-primary-light: var(--dg-warm);--color-secondary: var(--dg-void);--color-secondary-hover: var(--dg-surface);--color-accent: var(--dg-accent);--color-accent-hover: var(--dg-accent-hover);--color-white: var(--dg-white);--color-gray-50: var(--dg-warm);--color-gray-100: var(--dg-warm-deep);--color-gray-200: var(--dg-muted);--color-gray-300: var(--dg-slate);--color-gray-400: var(--dg-slate);--color-gray-500: var(--dg-slate);--color-gray-600: var(--dg-body);--color-gray-700: var(--dg-body);--color-gray-800: var(--dg-heading);--color-gray-900: var(--dg-void);--color-success: var(--dg-green);--color-warning: var(--dg-yellow);--color-error: var(--dg-red);--color-info: var(--dg-accent);--font-sans: var(--font-body);--font-heading: var(--font-display);--text-xs: var(--text-micro);--text-sm: var(--text-small);--text-base: var(--text-body);--text-lg: var(--text-body-lg);--text-xl: var(--text-h3);--text-2xl: var(--text-h2);--text-3xl: var(--text-h2);--text-4xl: var(--text-h1);--text-5xl: var(--text-hero);--space-1: .25rem;--space-2: var(--space-xs);--space-3: .75rem;--space-4: var(--space-sm);--space-5: 1.25rem;--space-6: var(--space-md);--space-8: 2rem;--space-10: var(--space-lg);--space-12: 3rem;--space-16: var(--space-xl);--space-20: 5rem;--space-24: var(--space-2xl);--transition-fast: var(--duration-fast) var(--ease-out);--transition-base: var(--duration-normal) var(--ease-out);--transition-slow: var(--duration-slow) var(--ease-out)}@media(min-width:768px){:root{--section-pad: var(--space-xl)}}@media(min-width:1024px){:root{--section-pad: 5rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-normal);color:var(--dg-body);background-color:var(--dg-void);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media(max-width:1023px){main{padding-bottom:60px}}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-bold);line-height:var(--leading-heading);color:var(--dg-heading)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-body-lg)}h5{font-size:var(--text-body)}h6{font-size:var(--text-small)}p{margin-bottom:var(--space-sm)}p:last-child{margin-bottom:0}a{color:var(--dg-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--dg-accent-hover);text-decoration:underline}a:focus-visible{outline:2px solid var(--dg-accent);outline-offset:2px;border-radius:var(--radius-sm)}img{max-width:100%;height:auto;display:block}ul,ol{padding-left:var(--space-md);margin-bottom:var(--space-sm)}li{margin-bottom:var(--space-xs)}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:var(--space-sm);z-index:var(--z-modal);padding:var(--space-xs) var(--space-sm);background:var(--dg-accent);color:var(--dg-white);font-weight:var(--font-semibold);border-radius:var(--radius-md);transition:top var(--transition-fast)}.skip-link:focus-visible{top:var(--space-xs);text-decoration:none}.section-warm,.section-warm h1,.section-warm h2,.section-warm h3,.section-warm h4{color:var(--dg-dark-text)}.section-warm a:not(.btn){color:var(--dg-accent)}.section-warm a:not(.btn):hover{color:var(--dg-accent-hover)}.section-warm .card,.section-gray .card{color:var(--dg-body)}.section-warm .text-muted,.section-gray .text-muted{color:var(--dg-dark-text);opacity:.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-3) var(--space-md);font-family:var(--font-body);font-weight:var(--font-semibold);font-size:var(--text-body);line-height:var(--leading-tight);border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast);text-decoration:none;white-space:nowrap}.btn:hover{text-decoration:none}.btn:focus-visible{outline:2px solid var(--dg-accent);outline-offset:2px}.btn-primary{background-color:var(--dg-accent);color:var(--dg-white);border-color:var(--dg-accent)}.btn-primary:hover{background-color:var(--dg-accent-hover);border-color:var(--dg-accent-hover);color:var(--dg-white);box-shadow:0 0 20px var(--dg-accent-soft)}.btn-secondary{background-color:var(--dg-surface);color:var(--dg-heading);border-color:var(--dg-muted)}.btn-secondary:hover{background-color:var(--dg-muted);border-color:var(--dg-slate);color:var(--dg-white)}.btn-outline{background-color:transparent;color:var(--dg-accent);border-color:var(--dg-accent)}.btn-outline:hover{background-color:var(--dg-accent);color:var(--dg-white)}.btn-white{background-color:var(--dg-white);color:var(--dg-void);border-color:var(--dg-white)}.btn-white:hover{background-color:var(--dg-warm);border-color:var(--dg-warm);color:var(--dg-void)}.btn-ghost{background-color:transparent;color:var(--dg-body);border-color:var(--dg-muted)}.btn-ghost:hover{border-color:var(--dg-accent);color:var(--dg-accent)}.btn-lg{padding:var(--space-sm) var(--space-lg);font-size:var(--text-body-lg)}@media(max-width:479px){.btn-lg{white-space:normal;text-align:center}}.btn-sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-small)}.card{background:var(--dg-surface);border:1px solid var(--dg-muted);border-radius:var(--radius-lg);padding:var(--space-md);color:var(--dg-body);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card h1,.card h2,.card h3,.card h4,.section-warm .card h1,.section-warm .card h2,.section-warm .card h3,.section-warm .card h4,.section-gray .card h1,.section-gray .card h2,.section-gray .card h3,.section-gray .card h4{color:var(--dg-heading)}.card:hover{box-shadow:0 0 20px var(--dg-accent-soft)}.card-link{text-decoration:none;color:inherit;display:block}.card-link:hover{text-decoration:none;color:inherit}.card-link:focus-visible{outline:2px solid var(--dg-accent);outline-offset:2px;border-radius:var(--radius-lg)}.card-link:hover .card{box-shadow:0 0 20px var(--dg-accent-soft);transform:translateY(-2px)}.card-light{background:var(--dg-white);border:1px solid var(--dg-warm-deep);border-radius:var(--radius-lg);padding:var(--space-md);color:var(--dg-dark-text)}.card-light h1,.card-light h2,.card-light h3,.card-light h4{color:var(--dg-dark-text)}.section{padding:var(--section-pad) 0}.section-sm{padding:var(--space-xl) 0}.section-lg{padding:var(--space-3xl) 0}.section-gray,.section-warm{background-color:var(--dg-warm);color:var(--dg-dark-text)}.section-gray h1,.section-gray h2,.section-gray h3,.section-gray h4,.section-warm h1,.section-warm h2,.section-warm h3,.section-warm h4{color:var(--dg-dark-text)}.section-dark{background-color:var(--dg-void);color:var(--dg-body)}.section-dark h1,.section-dark h2,.section-dark h3,.section-dark h4{color:var(--dg-heading)}.section-primary{background-color:var(--dg-accent);color:var(--dg-white)}.section-primary h1,.section-primary h2,.section-primary h3,.section-primary h4{color:var(--dg-white)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.container-sm{max-width:var(--container-md)}.container-lg{max-width:var(--container-xl)}.grid{display:grid;gap:var(--space-md)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}@media(min-width:640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-micro);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.badge-primary{background-color:var(--dg-accent-soft);color:var(--dg-accent)}.badge-dark{background-color:var(--dg-surface);color:var(--dg-heading)}.micro-label{font-family:var(--font-body);font-size:var(--text-micro);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--dg-accent)}.price{font-family:var(--font-mono);font-weight:var(--font-normal)}.phone-link{color:inherit;font-weight:var(--font-bold);text-decoration:none;white-space:nowrap}.phone-link:hover{color:var(--dg-accent);text-decoration:none}.phone-link:focus-visible{outline:2px solid var(--dg-accent);outline-offset:2px;border-radius:var(--radius-sm)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-accent,.text-primary{color:var(--dg-accent)}.text-muted{color:var(--dg-body);opacity:.7}.text-white{color:var(--dg-white)}.text-body{color:var(--dg-body)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-xs)}.mb-4{margin-bottom:var(--space-sm)}.mb-6{margin-bottom:var(--space-md)}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.form-group{margin-bottom:var(--space-sm)}.form-label{display:block;margin-bottom:var(--space-1);font-weight:var(--font-medium);font-size:var(--text-small);color:var(--dg-body)}.form-input,.form-textarea,.form-select{display:block;width:100%;padding:var(--space-3) var(--space-sm);font-size:var(--text-body);border:1px solid var(--dg-muted);border-radius:var(--radius-md);background-color:var(--dg-surface);color:var(--dg-heading);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--dg-accent);box-shadow:0 0 0 3px var(--dg-accent-soft)}.form-input::placeholder,.form-textarea::placeholder{color:var(--dg-slate)}.form-textarea{min-height:120px;resize:vertical}.form-light .form-label{color:var(--dg-dark-text)}.form-light .form-input,.form-light .form-textarea,.form-light .form-select{background-color:var(--dg-white);border-color:var(--dg-warm-deep);color:var(--dg-dark-text)}.form-light .form-input:focus,.form-light .form-textarea:focus,.form-light .form-select:focus{border-color:var(--dg-accent);box-shadow:0 0 0 3px var(--dg-accent-soft)}.pro-prose{max-width:760px}.pro-prose h2{margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.pro-prose h2:first-child{margin-top:0}.pro-prose h3{margin-top:var(--space-lg);margin-bottom:var(--space-xs)}.pro-prose p{color:var(--dg-body);margin-bottom:var(--space-md)}.section-warm .pro-prose p{color:var(--dg-dark-text);opacity:.85}.pro-prose ul.pro-bullets{list-style:none;padding:0;margin:0 0 var(--space-md)}.pro-prose ul.pro-bullets li{position:relative;padding-left:1.25rem;color:var(--dg-body);margin-bottom:var(--space-xs)}.pro-prose ul.pro-bullets li:before{content:"·";position:absolute;left:0;color:var(--dg-accent);font-weight:var(--font-bold)}.back-to-hub{margin:0}.back-to-hub a{color:var(--dg-accent);text-decoration:none;font-weight:var(--font-semibold)}.back-to-hub a:hover{text-decoration:underline}.animate-in{opacity:0;transform:translateY(24px);transition:opacity var(--duration-slow) var(--ease-out),transform var(--duration-slow) var(--ease-out)}.animate-in.is-visible{opacity:1;transform:translateY(0)}.animate-in-delay-1{transition-delay:80ms}.animate-in-delay-2{transition-delay:.16s}.animate-in-delay-3{transition-delay:.24s}.animate-in-delay-4{transition-delay:.32s}.animate-in-delay-5{transition-delay:.4s}.animate-hero{opacity:0;transform:translateY(32px);transition:opacity var(--duration-hero) var(--ease-out),transform var(--duration-hero) var(--ease-out)}.animate-hero.is-visible{opacity:1;transform:translateY(0)}.animate-hero-delay-1{transition-delay:.1s}.animate-hero-delay-2{transition-delay:.2s}.animate-hero-delay-3{transition-delay:.3s}.animate-hero-delay-4{transition-delay:.4s}@media(prefers-reduced-motion:reduce){.animate-in,.animate-hero{opacity:1;transform:none;transition:none}}