*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#B00010;--color-primary-decorative:#9B0D14;--color-primary-container:#FFDAD6;--color-on-primary:#FFFFFF;--color-on-primary-container:#410002;--color-secondary:#8A4500;--color-secondary-container:#FFDCBE;--color-on-secondary-container:#2E1500;--color-tertiary:#6B5107;--color-tertiary-container:#F6E8C8;--color-on-tertiary-container:#221A00;--color-background:#FAFBFD;--color-surface-dim:#D9DCE3;--color-surface-lowest:#FFFFFF;--color-surface-low:#F3F5F9;--color-surface:#EDEEF3;--color-surface-high:#E5E7EE;--color-surface-highest:#DDDFE6;--color-surface-bright:#FAFBFD;--color-on-surface:#1A1C20;--color-on-surface-variant:#44474E;--color-outline:#74777F;--color-outline-decorative:#8E9099;--color-outline-variant:#C4C6CF;--color-error:#BA1A1A;--color-error-decorative:#DE3730;--color-error-container:#FFDAD6;--color-on-error:#FFFFFF;--color-on-error-container:#410002;--color-inverse-surface:#2E3036;--color-inverse-on-surface:#F1F0F7;--color-inverse-primary:#FFB4AB;--font-display:'Space Grotesk', system-ui, sans-serif;--font-headline:'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;--font-body:'Inter', system-ui, -apple-system, sans-serif;--font-label:'JetBrains Mono', ui-monospace, monospace;--font-mono:'JetBrains Mono', ui-monospace, monospace;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--leading-none:1;--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--weight-extrabold:800;--space-0:0;--space-px:1px;--space-0-5:0.125rem;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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;--max-width:1200px;--container-padding:var(--space-4);--border-radius-xs:0.125rem;--border-radius-sm:0.25rem;--border-radius:0.375rem;--border-radius-lg:0.5rem;--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--border-radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0, 0, 0, 0.04);--shadow-sm:0 1px 3px 0 rgba(0, 0, 0, 0.06), 0 1px 2px -1px rgba(0, 0, 0, 0.06);--shadow:0 2px 4px -1px rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.06);--shadow-md:0 4px 8px -2px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.08);--shadow-lg:0 12px 20px -4px rgba(0, 0, 0, 0.12), 0 4px 8px -4px rgba(0, 0, 0, 0.08);--shadow-xl:0 20px 32px -8px rgba(0, 0, 0, 0.14), 0 8px 16px -8px rgba(0, 0, 0, 0.1);--transition-fast:150ms cubic-bezier(0.4, 0, 0.2, 1);--transition-base:300ms cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:500ms cubic-bezier(0.4, 0, 0.2, 1);--transition-bounce:400ms cubic-bezier(0.34, 1.56, 0.64, 1)}.dark{--color-primary:#FFB4AB;--color-primary-decorative:#FF6659;--color-primary-container:#8E0007;--color-on-primary:#FFFFFF;--color-on-primary-container:#FFDAD6;--color-secondary:#FFA738;--color-secondary-container:#682D00;--color-on-secondary-container:#FFDCBE;--color-tertiary:#FFD777;--color-tertiary-container:#463400;--color-on-tertiary-container:#FFEFC0;--color-background:#1A202C;--color-surface-dim:#0F172A;--color-surface-lowest:#1F2937;--color-surface-low:#2D3748;--color-surface:#4A5568;--color-surface-high:#5B6C8A;--color-surface-highest:#718096;--color-surface-bright:#9EACC7;--color-on-surface:#E2E8F0;--color-on-surface-variant:#B8C4D0;--color-outline:#8C9DAE;--color-outline-decorative:#B8C4D0;--color-outline-variant:#4A5568;--color-error:#FFB4AB;--color-error-decorative:#FF897D;--color-error-container:#93000A;--color-on-error:#690005;--color-on-error-container:#FFDAD6;--color-inverse-surface:#E2E8F0;--color-inverse-on-surface:#1A202C;--color-inverse-primary:#C50012;--shadow-xs:0 1px 3px 0 rgba(0, 0, 0, 0.4);--shadow-sm:0 2px 4px 0 rgba(0, 0, 0, 0.5), 0 1px 3px -1px rgba(0, 0, 0, 0.4);--shadow:0 3px 8px -2px rgba(0, 0, 0, 0.6), 0 2px 4px -2px rgba(0, 0, 0, 0.5);--shadow-md:0 6px 16px -4px rgba(0, 0, 0, 0.7), 0 4px 8px -4px rgba(0, 0, 0, 0.5);--shadow-lg:0 16px 32px -6px rgba(0, 0, 0, 0.8), 0 8px 16px -6px rgba(0, 0, 0, 0.6);--shadow-xl:0 24px 48px -10px rgba(0, 0, 0, 0.85), 0 12px 24px -10px rgba(0, 0, 0, 0.7)}@media(prefers-color-scheme:dark){html:not(.light){--color-primary:#FFB4AB;--color-primary-decorative:#FF6659;--color-primary-container:#8E0007;--color-on-primary:#FFFFFF;--color-on-primary-container:#FFDAD6;--color-secondary:#FFA738;--color-secondary-container:#682D00;--color-on-secondary-container:#FFDCBE;--color-tertiary:#FFD777;--color-tertiary-container:#463400;--color-on-tertiary-container:#FFEFC0;--color-background:#1A202C;--color-surface-dim:#0F172A;--color-surface-lowest:#1F2937;--color-surface-low:#2D3748;--color-surface:#4A5568;--color-surface-high:#5B6C8A;--color-surface-highest:#718096;--color-surface-bright:#9EACC7;--color-on-surface:#E2E8F0;--color-on-surface-variant:#B8C4D0;--color-outline:#8C9DAE;--color-outline-decorative:#B8C4D0;--color-outline-variant:#4A5568;--color-error:#FFB4AB;--color-error-decorative:#FF897D;--color-error-container:#93000A;--color-on-error:#690005;--color-on-error-container:#FFDAD6;--color-inverse-surface:#E2E8F0;--color-inverse-on-surface:#1A202C;--color-inverse-primary:#C50012;--shadow-xs:0 1px 3px 0 rgba(0, 0, 0, 0.4);--shadow-sm:0 2px 4px 0 rgba(0, 0, 0, 0.5), 0 1px 3px -1px rgba(0, 0, 0, 0.4);--shadow:0 3px 8px -2px rgba(0, 0, 0, 0.6), 0 2px 4px -2px rgba(0, 0, 0, 0.5);--shadow-md:0 6px 16px -4px rgba(0, 0, 0, 0.7), 0 4px 8px -4px rgba(0, 0, 0, 0.5);--shadow-lg:0 16px 32px -6px rgba(0, 0, 0, 0.8), 0 8px 16px -6px rgba(0, 0, 0, 0.6);--shadow-xl:0 24px 48px -10px rgba(0, 0, 0, 0.85), 0 12px 24px -10px rgba(0, 0, 0, 0.7)}}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--color-on-surface);background-color:var(--color-background);min-height:100vh;display:flex;flex-direction:column;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#main-content{padding-top:5rem}h1,h2,h3,h4,h5,h6{font-family:var(--font-headline);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-on-surface)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:var(--weight-semibold)}@media(min-width:768px){h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}}p{margin-bottom:var(--space-4)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-decorative)}a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--border-radius-sm)}::selection{background:rgba(197,0,18,.3);color:var(--color-on-surface)}img{max-width:100%;height:auto;display:block}code{font-family:var(--font-mono);font-size:.875em;background:var(--color-surface);padding:.125em .375em;border-radius:var(--border-radius-sm);letter-spacing:var(--tracking-normal)}pre{background:var(--color-surface-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--border-radius-lg);padding:var(--space-4);overflow-x:auto;margin-bottom:var(--space-4)}pre code{background:0 0;padding:0;font-size:var(--text-sm)}.dark pre,html:not(.light) pre{background:#111827;border:1px solid rgba(255,255,255,8%)}.dark pre code,html:not(.light) pre code{color:#e2e8f0}.skip-link{position:absolute;top:-100%;left:var(--space-4);padding:var(--space-2)var(--space-4);background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--border-radius-lg);z-index:100;text-decoration:none;font-family:var(--font-label);font-weight:var(--weight-semibold);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);text-transform:uppercase}.skip-link:focus{top:var(--space-2);color:var(--color-on-primary)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}@media(min-width:768px){:root{--container-padding:var(--space-6)}}@media(min-width:1024px){:root{--container-padding:var(--space-8)}}ul,ol{padding-left:var(--space-6);margin-bottom:var(--space-4)}li{margin-bottom:var(--space-2)}li::marker{color:var(--color-on-surface-variant)}table{width:100%;border-collapse:collapse;margin-bottom:var(--space-6);font-variant-numeric:tabular-nums}th,td{padding:var(--space-3)var(--space-4);text-align:left;border-bottom:1px solid var(--color-outline-variant)}th{font-family:var(--font-label);font-weight:var(--weight-semibold);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--color-on-surface-variant);background:var(--color-surface)}tr:hover td{background:var(--color-surface-low)}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-6);border:1px solid var(--color-outline-variant);border-radius:var(--border-radius-lg)}.table-wrap table{margin-bottom:0}.table-wrap th:first-child,.table-wrap td:first-child{padding-left:var(--space-4)}blockquote{border-left:3px solid var(--color-primary);padding:var(--space-4)var(--space-6);margin:var(--space-6)0;background:var(--color-surface-low);border-radius:0 var(--border-radius-lg)var(--border-radius-lg)0;font-style:italic;color:var(--color-on-surface-variant)}blockquote p:last-child{margin-bottom:0}hr{border:none;border-top:1px solid var(--color-outline-variant);margin:var(--space-8)0}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translateX(-100%)rotate(45deg)}100%{transform:translateX(100%)rotate(45deg)}}@keyframes pulse-glow{0%,100%{box-shadow:0 0 15px rgba(197,0,18,.4)}50%{box-shadow:0 0 25px rgba(197,0,18,.6)}}.label-micro{font-family:var(--font-label,var(--font-mono));font-size:10px;text-transform:uppercase;letter-spacing:var(--tracking-widest,.4em);font-weight:700;color:var(--color-on-surface);line-height:1}.shimmer-active{position:relative;overflow:hidden}.shimmer-active::after{content:'';position:absolute;top:0;left:0;width:50%;height:100%;background:linear-gradient( 90deg,transparent,rgba(255,255,255,4%),transparent );animation:shimmer 3s ease-in-out infinite;pointer-events:none}.card-hover-effect{transition:all .4s cubic-bezier(.4,0,.2,1)}.card-hover-effect:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 20px 40px -15px rgba(0,0,0,.5)}.stepper-glow{animation:pulse-glow 2s ease-in-out infinite}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3)var(--space-6);font-family:var(--font-label,var(--font-mono));font-size:var(--text-xs);font-weight:800;line-height:1;text-decoration:none;text-transform:uppercase;letter-spacing:.25em;border:2px solid transparent;border-radius:.5rem;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);min-height:44px;min-width:44px;justify-content:center}.btn:active{transform:scale(.95)}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background:var(--color-on-surface);color:var(--color-background);border-color:var(--color-on-surface)}.btn-primary:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary);transform:scale(1.02);box-shadow:0 10px 30px -10px rgba(197,0,18,.4)}.btn-secondary{background:var(--color-surface-lowest);color:var(--color-on-surface);border-color:var(--color-outline-variant)}.dark .btn-secondary{border-color:rgba(255,255,255,5%)}.btn-secondary:hover{background:var(--color-surface-high);color:var(--color-on-surface);border-color:var(--color-outline)}.dark .btn-secondary:hover{border-color:rgba(255,255,255,.1)}.btn-outline{background:0 0;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff;box-shadow:0 10px 30px -10px rgba(197,0,18,.4)}.btn-ghost{background:0 0;color:var(--color-primary);border-color:transparent}.btn-ghost:hover{background:var(--color-surface-lowest)}.btn-lg{padding:var(--space-5,1.25rem)var(--space-16,4rem);font-size:var(--text-xs);box-shadow:var(--shadow-lg)}.btn-lg:hover{box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.btn-sm{padding:var(--space-2)var(--space-4);font-size:10px;min-height:36px}.card{background:var(--color-surface-lowest);border:1px solid var(--color-outline-variant);border-radius:.75rem;padding:var(--space-6);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative}.dark .card{border-color:rgba(255,255,255,5%)}.card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 20px 40px -15px rgba(0,0,0,.15);border-color:var(--color-outline)}.dark .card:hover{box-shadow:0 20px 40px -15px rgba(0,0,0,.5);border-color:rgba(255,255,255,8%)}.card-header{margin-bottom:var(--space-4)}.card-title{font-family:var(--font-headline);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2);letter-spacing:var(--tracking-tight,-.02em)}.card-description{color:var(--color-on-surface-variant);font-size:var(--text-sm);line-height:1.6}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-outline-variant)}.dark .card-footer{border-top-color:rgba(255,255,255,5%)}.card-persona{text-align:center;padding:var(--space-8)var(--space-6)}.card-persona .card-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4);display:block}.card-device{display:flex;flex-direction:column}.card-device .device-image,.device-image{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--color-surface-lowest,#111827);border-radius:var(--border-radius-xl);margin-bottom:var(--space-4);padding:var(--space-4)}.card-device .device-name{font-family:var(--font-headline);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-1);letter-spacing:var(--tracking-tight,-.02em)}.card-device .device-price{font-family:var(--font-label,var(--font-mono));font-size:var(--text-sm);color:var(--color-primary);font-weight:800;margin-bottom:var(--space-2);letter-spacing:.05em}.card-device .device-rating{display:flex;gap:2px;margin-bottom:var(--space-3)}.card-device .device-rating .star{color:var(--color-tertiary)}.card-device .device-rating .star.empty{color:var(--color-outline-variant)}.dark .card-device .device-rating .star.empty{color:rgba(255,255,255,.3)}.card-device .device-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 10px;font-family:var(--font-label,var(--font-mono));font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;border-radius:999px;margin-bottom:var(--space-3)}.device-badge-beginner{background:rgba(34,197,94,8%);color:#166534;border:1px solid rgba(34,197,94,.25)}.device-badge-value{background:rgba(59,130,246,8%);color:#1e40af;border:1px solid rgba(59,130,246,.25)}.device-badge-category{background:rgba(251,146,60,8%);color:#9a3412;border:1px solid rgba(251,146,60,.25)}.dark .device-badge-beginner{background:rgba(34,197,94,.15);color:#22c55e;border-color:rgba(34,197,94,.3)}.dark .device-badge-value{background:rgba(96,165,250,.18);color:#93c5fd;border-color:rgba(96,165,250,.35)}.dark .device-badge-category{background:rgba(251,146,60,.18);color:#fdba74;border-color:rgba(251,146,60,.35)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1)var(--space-3);font-family:var(--font-label,var(--font-mono));font-size:10px;font-weight:700;border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.15em}.badge::before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.badge-primary{background:rgba(176,0,16,8%);color:#991b1b;border:1px solid rgba(176,0,16,.2)}.badge-secondary{background:rgba(245,158,11,8%);color:#92400e;border:1px solid rgba(245,158,11,.2)}.badge-tertiary{background:var(--color-tertiary-container);color:var(--color-tertiary)}.badge-success{background:rgba(34,197,94,8%);color:#166534}.badge-warning{background:rgba(245,158,11,8%);color:#92400e}.badge-error{background:rgba(197,0,18,8%);color:#991b1b}.dark .badge-primary{background:#2d1b19;color:#ffb4ab;border-color:#3d2a27}.dark .badge-secondary{background:#2d2410;color:#ffb74d;border-color:#3d3218}.dark .badge-success{background:rgba(34,197,94,.15);color:#86efac}.dark .badge-warning{background:rgba(245,158,11,.15);color:#fde68a}.dark .badge-error{background:rgba(197,0,18,.2);color:#fca5a5}.affiliate-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-label,var(--font-mono));font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface);padding:2px var(--space-2);border:1px solid var(--color-outline-variant);border-radius:var(--border-radius-sm)}.affiliate-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4)}.dark .affiliate-badge{border-color:rgba(255,255,255,5%)}.affiliate-badge::before{content:"i";display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;font-size:9px;font-weight:800;border-radius:50%;background:var(--color-outline-variant);color:var(--color-surface-lowest)}.alert{display:flex;gap:var(--space-3);padding:var(--space-4);border-radius:var(--border-radius-xl);margin:var(--space-4)0;border:1px solid;align-items:flex-start}.alert-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);font-size:var(--text-lg);line-height:1}.alert-content{flex:1}.alert-title{font-family:var(--font-label,var(--font-mono));font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;margin-bottom:var(--space-1)}.alert-critical{background:rgba(197,0,18,8%);border-color:rgba(197,0,18,.2);color:#991b1b}.alert-critical .alert-icon{background:rgba(197,0,18,.12)}.alert-critical .alert-title{color:#991b1b}.alert-warning{background:rgba(245,158,11,8%);border-color:rgba(245,158,11,.2);color:#92400e}.alert-warning .alert-icon{background:rgba(245,158,11,.12)}.alert-warning .alert-title{color:#92400e}.alert-info{background:rgba(59,130,246,8%);border-color:rgba(59,130,246,.2);color:#1e40af}.alert-info .alert-icon{background:rgba(59,130,246,.12)}.alert-info .alert-title{color:#1e40af}.alert-tip{background:rgba(34,197,94,8%);border-color:rgba(34,197,94,.2);color:#166534}.alert-tip .alert-icon{background:rgba(34,197,94,.12)}.alert-tip .alert-title{color:#166534}.dark .alert-critical{background:rgba(197,0,18,.2);border-color:rgba(197,0,18,.2);color:#fca5a5}.dark .alert-critical .alert-icon{background:rgba(197,0,18,.3)}.dark .alert-critical .alert-title{color:#fca5a5}.dark .alert-warning{background:rgba(245,158,11,.2);border-color:rgba(245,158,11,.2);color:#fde68a}.dark .alert-warning .alert-icon{background:rgba(245,158,11,.3)}.dark .alert-warning .alert-title{color:#fde68a}.dark .alert-info{background:rgba(59,130,246,.2);border-color:rgba(59,130,246,.2);color:#93c5fd}.dark .alert-info .alert-icon{background:rgba(59,130,246,.3)}.dark .alert-info .alert-title{color:#93c5fd}.dark .alert-tip{background:rgba(34,197,94,.2);border-color:rgba(34,197,94,.2);color:#86efac}.dark .alert-tip .alert-icon{background:rgba(34,197,94,.3)}.dark .alert-tip .alert-title{color:#86efac}.step-card{display:flex;gap:var(--space-4);padding:var(--space-6);background:var(--color-surface-lowest);border:1px solid rgba(255,255,255,5%);border-radius:.75rem;margin-bottom:var(--space-4);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.step-card:hover{border-color:rgba(255,255,255,8%);box-shadow:0 10px 30px -10px rgba(0,0,0,.4)}.step-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:#930010;color:#fff;font-family:var(--font-label,var(--font-mono));font-size:var(--text-lg);font-weight:800;border-radius:50%;box-shadow:0 0 20px rgba(197,0,18,.25)}.step-content{flex:1}.step-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.step-title{font-family:var(--font-headline);font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight,-.02em)}.step-time{font-family:var(--font-label,var(--font-mono));font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-on-surface);background:var(--color-surface-lowest);padding:var(--space-1)var(--space-3);border-radius:var(--border-radius-full)}.site-header{position:fixed;top:0;left:0;right:0;z-index:50;background:rgba(250,251,253,.85);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(0,0,0,8%);transition:background var(--transition-base)}.dark .site-header{background:rgba(10,15,25,.85);border-bottom-color:rgba(255,255,255,5%)}.site-header .container{display:flex;align-items:center;justify-content:space-between;height:5rem}.site-logo{font-family:var(--font-headline);font-size:var(--text-xl);font-weight:800;color:var(--color-on-surface);text-decoration:none;display:flex;align-items:center;gap:var(--space-2);letter-spacing:var(--tracking-tight,-.02em)}.site-logo:hover{color:var(--color-primary)}.nav-menu{display:none;list-style:none;padding:0;margin:0;gap:var(--space-1)}@media(min-width:1024px){.nav-menu{display:flex}}.nav-link{display:block;padding:var(--space-2)var(--space-3);font-family:var(--font-headline);font-size:var(--text-sm);font-weight:700;color:var(--color-on-surface-variant);text-decoration:none;border-radius:var(--border-radius);transition:all var(--transition-fast);white-space:nowrap;letter-spacing:var(--tracking-tight,-.01em);position:relative}.nav-link:hover{color:var(--color-primary);background:0 0}.nav-link.active{color:var(--color-primary);background:0 0}.nav-link.active::after{content:'';position:absolute;bottom:0;left:var(--space-3);right:var(--space-3);height:2px;background:var(--color-primary);border-radius:1px}.nav-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:0 0;border:none;cursor:pointer;color:var(--color-on-surface);border-radius:var(--border-radius)}.nav-toggle:hover{background:var(--color-surface-lowest)}@media(min-width:1024px){.nav-toggle{display:none}}.nav-toggle-icon{width:24px;height:2px;background:currentColor;position:relative;transition:background var(--transition-fast)}.nav-toggle-icon::before,.nav-toggle-icon::after{content:'';position:absolute;left:0;width:24px;height:2px;background:currentColor;transition:transform var(--transition-fast)}.nav-toggle-icon::before{top:-7px}.nav-toggle-icon::after{top:7px}.nav-toggle[aria-expanded=true] .nav-toggle-icon{background:0 0}.nav-toggle[aria-expanded=true] .nav-toggle-icon::before{transform:rotate(45deg)translate(5px,5px)}.nav-toggle[aria-expanded=true] .nav-toggle-icon::after{transform:rotate(-45deg)translate(5px,-5px)}.mobile-menu{display:none;position:absolute;top:100%;left:0;right:0;background:var(--color-surface-lowest);border-bottom:1px solid rgba(255,255,255,5%);box-shadow:0 20px 40px -15px rgba(0,0,0,.5);padding:var(--space-4);transform:translateY(-10px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.mobile-menu.is-open{display:block;transform:translateY(0);opacity:1}.mobile-menu .nav-link{display:block;padding:var(--space-3)var(--space-4);font-size:var(--text-base)}.site-footer{background:var(--color-surface-highest);border-top:1px solid var(--color-outline-variant);padding:var(--space-12)0 var(--space-8);margin-top:var(--space-16);position:relative;color:var(--color-on-surface)}.site-footer::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(176,0,16,.2) 50%,transparent 100%)}.dark .site-footer{background:#070b14;border-top-color:rgba(255,255,255,8%)}@media(prefers-color-scheme:dark){html:not(.light) .site-footer{background:#070b14;border-top-color:rgba(255,255,255,8%)}}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);margin-bottom:var(--space-8)}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer-section h3{font-family:var(--font-label,var(--font-mono));font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:var(--tracking-widest,.4em);color:var(--color-on-surface);margin-bottom:var(--space-4)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--space-2)}.footer-links a{font-family:var(--font-label,var(--font-mono));font-size:11px;letter-spacing:.05em;color:var(--color-on-surface);text-decoration:none;transition:all var(--transition-fast);display:inline-block}.footer-links a:hover{color:var(--color-primary);transform:translateX(4px)}.footer-status{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-label,var(--font-mono));font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:var(--color-on-surface)}.footer-status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse-glow 2s ease-in-out infinite;box-shadow:0 0 10px rgba(34,197,94,.4)}.footer-bottom{border-top:1px solid var(--color-outline-variant);padding-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2);font-family:var(--font-label,var(--font-mono));font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--color-on-surface)}.dark .footer-bottom{border-top-color:rgba(255,255,255,5%)}@media(min-width:768px){.footer-bottom{flex-direction:row;justify-content:space-between}}@keyframes heroMeshDrift{0%{background-position:0,100%}50%{background-position:100%,0}100%{background-position:0,100%}}@keyframes orbFloat1{0%,100%{transform:translate(0,0)scale(1)}33%{transform:translate(30px,-20px)scale(1.05)}66%{transform:translate(-20px,15px)scale(.95)}}@keyframes orbFloat2{0%,100%{transform:translate(0,0)scale(1)}33%{transform:translate(-25px,25px)scale(.95)}66%{transform:translate(20px,-30px)scale(1.08)}}@keyframes orbFloat3{0%,100%{transform:translate(0,0)scale(1)}33%{transform:translate(15px,20px)scale(1.03)}66%{transform:translate(-30px,-10px)scale(.97)}}@keyframes dotPulse{0%,100%{opacity:.15}50%{opacity:.35}}@keyframes badgePulse{0%,100%{opacity:1}50%{opacity:.4}}.hero{padding:var(--space-20)0 var(--space-16);text-align:center;position:relative;overflow:hidden;background-color:#0a0f19;background-image:radial-gradient(ellipse 80% 60% at 20% 40%,rgba(26,39,68,.8) 0%,transparent 70%),radial-gradient(ellipse 60% 80% at 80% 60%,rgba(26,39,68,.6) 0%,transparent 70%);background-size:200% 200%,200% 200%;animation:heroMeshDrift 25s ease-in-out infinite;will-change:background-position;color:#e2e8f0}@media(min-width:768px){.hero{padding:var(--space-32)0 var(--space-24)}}.hero-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(60px);will-change:transform;contain:layout style paint}.hero-orb--1{width:400px;height:400px;top:-10%;left:-5%;background:radial-gradient(circle,rgba(176,0,16,.15) 0%,transparent 70%);animation:orbFloat1 22s ease-in-out infinite}.hero-orb--2{width:350px;height:350px;bottom:-15%;right:-5%;background:radial-gradient(circle,rgba(0,180,180,.1) 0%,transparent 70%);animation:orbFloat2 28s ease-in-out infinite}.hero-orb--3{width:250px;height:250px;top:30%;right:20%;background:radial-gradient(circle,rgba(26,39,68,.4) 0%,transparent 70%);animation:orbFloat3 20s ease-in-out infinite}.hero-mesh-grid{position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.12) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,black 20%,transparent 70%);animation:dotPulse 6s ease-in-out infinite}.hero-content{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-label,var(--font-mono));font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:rgba(255,180,171,.9);background:rgba(176,0,16,.15);border:1px solid rgba(176,0,16,.25);padding:var(--space-2)var(--space-4);border-radius:var(--border-radius-full);margin-bottom:var(--space-6)}.hero-badge-dot{width:6px;height:6px;border-radius:50%;background:#ff6659;animation:badgePulse 2s ease-in-out infinite}.hero-title{font-family:var(--font-display,var(--font-headline));font-size:var(--text-4xl);font-weight:800;line-height:1.05;letter-spacing:var(--tracking-tight,-.04em);margin-bottom:var(--space-6);max-width:800px;margin-left:auto;margin-right:auto;color:#fff}@media(min-width:768px){.hero-title{font-size:var(--text-6xl)}}.hero-title-dramatic{font-size:var(--text-4xl)}@media(min-width:768px){.hero-title-dramatic{font-size:clamp(3.75rem,6vw,5rem)}}.hero-subtitle{font-family:var(--font-body);font-size:var(--text-lg);color:#b8c4d0;max-width:600px;margin:0 auto var(--space-10);line-height:1.75}@media(min-width:768px){.hero-subtitle{font-size:var(--text-xl)}}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.btn-hero-primary{background:linear-gradient(135deg,#C50012 0%,#ff4136 100%);color:#fff;border-color:transparent;font-weight:800;border-radius:var(--border-radius-full);box-shadow:0 4px 15px rgba(197,0,18,.4),0 1px 3px rgba(0,0,0,.3);position:relative;overflow:hidden}.btn-hero-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,transparent 50%);pointer-events:none}.btn-hero-primary:hover{background:linear-gradient(135deg,#e0000f 0%,#ff5a50 100%);color:#fff;transform:translateY(-2px)scale(1.02);box-shadow:0 8px 25px rgba(197,0,18,.5),0 4px 10px rgba(0,0,0,.3)}.btn-hero-primary:active{transform:translateY(0)scale(.98)}.btn-hero-primary svg{transition:transform .3s ease}.btn-hero-primary:hover svg{transform:translateX(3px)}.btn-hero-secondary{background:0 0;color:#e2e8f0;border:2px solid rgba(226,232,240,.3);font-weight:700;border-radius:var(--border-radius-full)}.btn-hero-secondary:hover{background:rgba(226,232,240,.1);color:#fff;border-color:rgba(226,232,240,.6);transform:translateY(-2px)scale(1.02);box-shadow:0 4px 15px rgba(0,0,0,.3)}.btn-hero-secondary:active{transform:translateY(0)scale(.98)}@media(prefers-reduced-motion:reduce){.hero{animation:none}.hero-orb,.hero-mesh-grid,.hero-badge-dot{animation:none}.hero-orb{display:none}.hero-mesh-grid{opacity:.2}.btn-hero-primary:hover,.btn-hero-secondary:hover{transform:none}.btn-hero-primary svg{transition:none}}.section{padding:var(--space-12)0}.section:not(:first-of-type){content-visibility:auto;contain-intrinsic-size:auto 500px}@media(min-width:768px){.section{padding:var(--space-16)0}}.section-header{text-align:center;margin-bottom:var(--space-12)}@media(min-width:768px){.section-header{margin-bottom:3rem}}.section-title{font-family:var(--font-headline);font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-4);letter-spacing:var(--tracking-tight,-.02em)}@media(min-width:768px){.section-title{font-size:var(--text-4xl)}}.section-description{color:var(--color-on-surface-variant);max-width:600px;margin:0 auto;margin-top:var(--space-4);font-size:var(--text-lg);line-height:1.7}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:1fr}@media(min-width:768px){.grid-2{grid-template-columns:repeat(2,1fr)}}.grid-3{grid-template-columns:1fr}@media(min-width:768px){.grid-3{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-3{grid-template-columns:repeat(3,1fr)}}@media(max-width:480px){.grid.grid-3 .device-grid-item{grid-column:span 1}}.grid-4{grid-template-columns:1fr}@media(min-width:768px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid-4{grid-template-columns:repeat(4,1fr)}}.form-group{margin-bottom:var(--space-4)}.form-label{display:block;font-family:var(--font-label,var(--font-mono));font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-2);color:var(--color-on-surface)}.form-help{font-family:var(--font-label,var(--font-mono));font-size:10px;letter-spacing:.05em;color:var(--color-on-surface);margin-top:var(--space-1)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3)var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-on-surface);background:var(--color-surface-lowest);border:1px solid var(--color-outline-variant);border-radius:var(--border-radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-height:44px}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(197,0,18,.15),0 0 15px rgba(197,0,18,.1)}.dark .form-input:focus,.dark .form-select:focus,.dark .form-textarea:focus{box-shadow:0 0 0 3px rgba(197,0,18,.2),0 0 20px rgba(197,0,18,.1)}.form-textarea{min-height:120px;resize:vertical}.form-error{font-family:var(--font-label,var(--font-mono));font-size:11px;letter-spacing:.05em;color:var(--color-error);margin-top:var(--space-1)}.filter-tabs{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,5%)}.filter-tab{padding:var(--space-2)var(--space-4);font-family:var(--font-label,var(--font-mono));font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;color:var(--color-on-surface);background:0 0;border:1px solid rgba(255,255,255,8%);border-radius:var(--border-radius-full);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-height:36px}.filter-tab:hover{background:var(--color-surface-lowest);color:var(--color-on-surface);border-color:rgba(255,255,255,.15)}.filter-tab.active{background:#930010;color:#fff;border-color:#930010}.page{padding:var(--space-8)0}.page-header{margin-bottom:var(--space-8)}.page-header h1{margin-bottom:var(--space-3);letter-spacing:var(--tracking-tight,-.02em)}.page-description{font-size:var(--text-lg);color:var(--color-on-surface-variant);max-width:800px;line-height:1.7}.page-content>h2{margin-top:4rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,6%);font-size:1.75rem;font-weight:800;letter-spacing:-.02em;display:flex;align-items:center;gap:.75rem;margin-bottom:var(--space-4)}.page-content>h2::before{content:'';display:block;width:4px;height:1.5em;background:var(--color-primary);border-radius:9999px;flex-shrink:0}.page-content>h2:first-child{border-top:none;padding-top:0;margin-top:0}.light .page-content>h2{border-top-color:rgba(0,0,0,8%)}.page-content h3{margin-top:var(--space-6);margin-bottom:var(--space-3)}.page-content>p:first-child{font-size:var(--text-lg);color:var(--color-on-surface-variant)}.page-hero{position:relative;padding:5rem 0 3.5rem;background:linear-gradient(180deg,#060a14 0%,#0c1221 40%,rgba(15,23,42,.6) 75%,var(--color-background) 100%);border-bottom:1px solid rgba(255,255,255,6%);overflow:hidden;color:#e2e8f0}.page-hero h1{color:#fff}.page-hero .page-description{color:#b8c4d0}.page-hero::before{content:'';position:absolute;top:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(147,0,16,.12) 0%,transparent 70%);pointer-events:none;filter:blur(80px)}.page-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(147,0,16,.2) 50%,transparent 100%)}.page-hero .container{position:relative;z-index:1}.page-hero .page-header{margin-bottom:0}.page-hero h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1rem;color:#fff}.page-hero .page-description{max-width:640px;color:#b8c4d0;font-size:1.125rem;line-height:1.6}.page-hero .label-micro{margin-bottom:1rem;display:block;color:rgba(255,180,171,.9)}@media(min-width:768px){.page-hero{padding:7rem 0 4.5rem}.page-hero h1{font-size:3.25rem}}@media(prefers-reduced-motion:reduce){.page-hero::before{display:none}}.lang-switcher{position:relative}.lang-switcher-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);font-family:var(--font-label,var(--font-mono));font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface);background:var(--color-surface-lowest);border:1px solid rgba(255,255,255,5%);border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-fast);min-height:36px}.lang-switcher-btn:hover{background:var(--color-surface-high);border-color:rgba(255,255,255,.1)}.lang-dropdown{display:none;position:absolute;top:calc(100% + var(--space-2));right:0;background:var(--color-surface-lowest);border:1px solid rgba(255,255,255,8%);border-radius:var(--border-radius);box-shadow:0 20px 40px -15px rgba(0,0,0,.5);min-width:160px;z-index:60;list-style:none;padding:var(--space-2);margin:0}.lang-dropdown.is-open{display:block}.lang-dropdown li a{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2)var(--space-3);font-family:var(--font-label,var(--font-mono));font-size:11px;letter-spacing:.05em;color:var(--color-on-surface);text-decoration:none;border-radius:var(--border-radius-sm);transition:background var(--transition-fast)}.lang-dropdown li a:hover{background:var(--color-surface)}.lang-dropdown li a.active{background:var(--color-primary-container);color:var(--color-primary);font-weight:700}.theme-toggle{display:flex;align-items:center;justify-content:center;width:44px;height:44px;background:0 0;border:none;cursor:pointer;color:var(--color-on-surface);border-radius:var(--border-radius);transition:all var(--transition-fast)}.theme-toggle:hover{background:var(--color-surface-lowest);color:var(--color-on-surface)}.theme-toggle svg{width:20px;height:20px}.community-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface-lowest);border:1px solid rgba(255,255,255,5%);border-radius:var(--border-radius-xl);transition:all .4s cubic-bezier(.4,0,.2,1)}.community-card:hover{border-color:var(--color-primary);box-shadow:0 10px 30px -10px rgba(0,0,0,.4)}.community-platform-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius);font-size:var(--text-xl)}.community-info{flex:1;min-width:0}.community-name{font-family:var(--font-headline);font-weight:700;margin-bottom:var(--space-1);letter-spacing:var(--tracking-tight,-.01em)}.community-region{font-family:var(--font-label,var(--font-mono));font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-on-surface);margin-bottom:var(--space-2)}.community-description{font-size:var(--text-sm);color:var(--color-on-surface-variant);margin-bottom:var(--space-3);line-height:1.6}.project-card,#projects-container .card{display:flex;flex-direction:column;height:100%;padding:var(--space-4);background:var(--color-surface-lowest);border:1px solid rgba(255,255,255,5%);border-radius:var(--border-radius-xl);transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:hover{border-color:var(--color-primary);box-shadow:0 10px 30px -10px rgba(0,0,0,.4)}.project-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.project-name{font-family:var(--font-headline);font-weight:700;font-size:var(--text-lg);letter-spacing:var(--tracking-tight,-.01em)}.project-status{width:10px;height:10px;border-radius:50%;flex-shrink:0}.project-status.active{background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.4)}.project-status.maintained{background:#f59e0b;box-shadow:0 0 8px rgba(245,158,11,.4)}.project-status.archived{background:var(--color-outline-decorative)}.project-card .card-description,.project-description{flex:1;font-size:var(--text-sm);color:var(--color-on-surface-variant);margin-bottom:var(--space-3);line-height:1.6}.project-meta{display:flex;gap:var(--space-4);font-family:var(--font-label,var(--font-mono));font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface)}.comparison-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.comparison-table th{background:var(--color-surface);font-family:var(--font-label,var(--font-mono));font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.2em;padding:var(--space-4);text-align:left;border-bottom:1px solid rgba(255,255,255,8%)}.comparison-table td{padding:var(--space-3)var(--space-4);vertical-align:top;border-bottom:1px solid rgba(255,255,255,3%)}.comparison-table tr:nth-child(even) td{background:var(--color-surface-low)}.comparison-table tr:hover td{background:var(--color-surface)}.quiz-container{background:var(--color-surface-lowest);border:1px solid rgba(255,255,255,5%);border-radius:.75rem;padding:var(--space-8);margin-bottom:var(--space-8);position:relative;overflow:hidden}.quiz-progress-bar-container{margin-bottom:var(--space-6)}.quiz-progress-bar-track{width:100%;height:6px;background:var(--color-surface-highest,rgba(255,255,255,8%));border-radius:3px;overflow:hidden}.quiz-progress-bar-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-decorative,#e63946),#ff6b6b);transition:width .5s cubic-bezier(.4,0,.2,1)}.quiz-progress-bar-label{margin-top:var(--space-2);font-family:var(--font-label,var(--font-mono));font-size:10px;text-transform:uppercase;letter-spacing:.15em;font-weight:700;color:var(--color-on-surface);text-align:right}.quiz-step-viewport{position:relative;overflow:hidden}.quiz-step{display:none}.quiz-step.active{display:block;animation:quizStepFadeIn .35s ease-out}@keyframes quizStepExitLeft{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-60px)}}@keyframes quizStepExitRight{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(60px)}}@keyframes quizStepEnterRight{from{opacity:0;transform:translateX(60px)}to{opacity:1;transform:translateX(0)}}@keyframes quizStepEnterLeft{from{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}@keyframes quizStepFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quiz-step.quiz-step-exit-left{display:block;animation:quizStepExitLeft .3s ease-in forwards}.quiz-step.quiz-step-exit-right{display:block;animation:quizStepExitRight .3s ease-in forwards}.quiz-step.quiz-step-enter-right{animation:quizStepEnterRight .35s ease-out}.quiz-step.quiz-step-enter-left{animation:quizStepEnterLeft .35s ease-out}.quiz-progress{display:flex;align-items:center;gap:0;margin-bottom:var(--space-6);position:relative}.quiz-progress-dot{width:32px;height:32px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-outline-variant);display:flex;align-items:center;justify-content:center;font-family:var(--font-label,var(--font-mono));font-size:11px;font-weight:800;color:var(--color-on-surface);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;flex-shrink:0}.quiz-progress-dot+.quiz-progress-dot{margin-left:-2px}.quiz-progress-dot+.quiz-progress-dot::before{content:'';position:absolute;right:100%;top:50%;width:var(--space-6);height:2px;background:var(--color-outline-variant);transform:translateY(-50%);z-index:0;margin-right:2px}.quiz-progress-dot.active{background:#930010;border-color:#930010;color:#fff;animation:pulse-glow 2s ease-in-out infinite}.quiz-progress-dot.completed{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.quiz-progress-dot.completed+.quiz-progress-dot::before{background:var(--color-primary)}.quiz-options-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.quiz-options-grid{grid-template-columns:repeat(3,1fr)}.quiz-options-grid.quiz-options-grid-2{grid-template-columns:repeat(2,1fr);max-width:500px}}.quiz-option{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-6)var(--space-4);background:var(--color-surface);border:2px solid rgba(255,255,255,6%);border-radius:var(--border-radius-xl,1rem);cursor:pointer;color:var(--color-on-surface);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.quiz-option::before{content:'';position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity .3s ease;background:radial-gradient(circle at center,rgba(197,0,18,6%),transparent 70%);pointer-events:none}.quiz-option:hover{border-color:var(--color-primary);background:var(--color-surface-high,var(--color-surface));transform:translateY(-3px);box-shadow:0 12px 28px -8px rgba(0,0,0,.35)}.quiz-option:hover::before{opacity:1}.quiz-option.selected{border-color:var(--color-primary-decorative,var(--color-primary));background:var(--color-primary-container,rgba(197,0,18,8%));box-shadow:0 0 0 1px var(--color-primary-decorative,var(--color-primary)),0 0 24px rgba(197,0,18,.2),0 0 48px rgba(197,0,18,8%)}.quiz-option.selected .quiz-option-icon{color:var(--color-primary)}.quiz-option-icon{font-size:32px;color:var(--color-on-surface);transition:color .3s ease,transform .3s ease;margin-bottom:var(--space-1)}.quiz-option:hover .quiz-option-icon{color:var(--color-primary);transform:scale(1.1)}.quiz-option-title{font-family:var(--font-headline,var(--font-body));font-weight:700;font-size:var(--text-base,1rem);letter-spacing:var(--tracking-tight,-.01em);line-height:1.3;color:var(--color-on-surface)}.quiz-option-desc{font-family:var(--font-body);font-size:var(--text-sm,.875rem);color:var(--color-on-surface-variant);line-height:1.5}.quiz-results{display:none}.quiz-results.active{display:block;animation:quizStepFadeIn .4s ease-out}.quiz-match-pct{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:var(--space-2);padding:var(--space-1)var(--space-2);background:rgba(197,0,18,8%);border-radius:var(--border-radius);display:inline-block}.quiz-match-criteria{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}.quiz-criterion{font-size:var(--text-xs);padding:2px 8px;border-radius:var(--border-radius);font-weight:500}.quiz-criterion-match{color:#16a34a;background:rgba(22,163,74,.1)}.quiz-criterion-miss{color:#dc2626;background:rgba(220,38,38,.1)}.map-container{width:100%;border-radius:var(--border-radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,5%);margin-bottom:var(--space-6)}.map-container iframe{width:100%;height:500px;border:none}@media(min-width:768px){.map-container iframe{height:600px}}.map-fallback{display:none;text-align:center;padding:var(--space-8);background:var(--color-surface)}.submission-form{background:var(--color-surface-lowest);border:1px solid rgba(255,255,255,5%);border-radius:.75rem;padding:var(--space-8);max-width:640px;margin:var(--space-8)auto}.submission-form h2{margin-top:0;margin-bottom:var(--space-6);letter-spacing:var(--tracking-tight,-.02em)}.form-status{padding:var(--space-4);border-radius:var(--border-radius-lg);margin-top:var(--space-4);display:none}.form-status.success{display:block;background:rgba(34,197,94,.15);color:#86efac;border:1px solid rgba(34,197,94,.2)}.form-status.error{display:block;background:rgba(197,0,18,.15);color:#fca5a5;border:1px solid rgba(197,0,18,.2)}.dark .form-status.success{background:rgba(34,197,94,.15);color:#86efac}.dark .form-status.error{background:rgba(197,0,18,.15);color:#fca5a5}.empty-state{text-align:center;padding:var(--space-12)var(--space-8);color:var(--color-on-surface-variant)}.empty-state-icon{font-size:var(--text-4xl);margin-bottom:var(--space-4);opacity:.3}.empty-state-title{font-family:var(--font-headline);font-size:var(--text-xl);margin-bottom:var(--space-2);color:var(--color-on-surface);letter-spacing:var(--tracking-tight,-.01em)}.animate-fade-in-up{animation:fadeInUp .6s cubic-bezier(.16,1,.3,1)both}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.logo-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#fff;color:#930010;font-family:var(--font-label,var(--font-mono));font-size:var(--text-xs);font-weight:800;border-radius:var(--border-radius-sm);flex-shrink:0}.compliance-banner{padding:var(--space-4)0}.compliance-banner-inner{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4)var(--space-6);background:rgba(var(--color-tertiary-rgb,107,81,7),.08);border:1px solid rgba(var(--color-tertiary-rgb,107,81,7),.2);border-radius:var(--border-radius-xl);overflow:hidden;max-width:100%}.compliance-banner-inner>div:not(.compliance-icon){min-width:0;overflow-wrap:break-word;word-break:break-word}.dark .compliance-banner-inner{background:rgba(255,215,119,8%);border-color:rgba(255,215,119,.15)}.compliance-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-surface-lowest);border-radius:var(--border-radius-lg);flex-shrink:0}.compliance-icon .material-symbols-outlined{color:var(--color-tertiary);font-size:24px}.compliance-banner p{font-size:var(--text-sm);color:var(--color-on-surface-variant);margin:var(--space-1)0 0}.section-accent{width:6px;height:40px;background:var(--color-primary);border-radius:var(--border-radius-full);flex-shrink:0}.alert-banner{display:flex;align-items:flex-start;gap:var(--space-4);overflow:hidden;max-width:100%;padding:var(--space-4)var(--space-6);border-radius:var(--border-radius-xl);margin:var(--space-4)0}.alert-banner-critical{background:rgba(186,26,26,8%);border:1px solid rgba(186,26,26,.2)}.dark .alert-banner-critical{background:rgba(255,180,171,8%);border-color:rgba(255,180,171,.15)}.alert-banner-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--color-surface-lowest);border-radius:var(--border-radius-lg);flex-shrink:0}.alert-banner-icon .material-symbols-outlined{color:var(--color-error);font-size:24px}.alert-banner-content{min-width:0;flex:1;overflow-wrap:break-word;word-break:break-word}.alert-banner-content h4{margin-bottom:var(--space-1)}.alert-banner-content .text-sm{overflow-wrap:break-word;word-break:break-word}.cta-panel{text-align:center;background:var(--color-surface-lowest);border:1px solid var(--color-outline-variant);border-radius:.75rem;padding:var(--space-8)}.dark .cta-panel{border-color:rgba(255,255,255,5%)}.card-industrial{position:relative;overflow:hidden}.stat-value{font-family:var(--font-headline);font-size:2.25rem;font-weight:800;line-height:1.1;font-variant-numeric:tabular-nums}@media(min-width:768px){.stat-value{font-size:3rem}}.card-industrial .label-micro{font-size:.75rem;text-transform:uppercase;letter-spacing:var(--tracking-widest,.1em);color:var(--color-on-surface)}.quiz-stepper{display:flex;justify-content:space-between;position:relative;max-width:600px;margin:0 auto var(--space-8)}.quiz-stepper-line{position:absolute;top:20px;left:0;width:100%;height:2px;background:var(--color-outline-variant);z-index:0}.quiz-stepper-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);z-index:1;opacity:1;transition:opacity var(--transition-base)}.quiz-stepper-step.active{opacity:1}.quiz-stepper-step.completed{opacity:1}.quiz-stepper-dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-label,var(--font-mono));font-weight:700;font-size:var(--text-sm);background:var(--color-surface-highest);color:var(--color-on-surface);opacity:1;border:4px solid var(--color-background);transition:all var(--transition-base)}.quiz-stepper-step.active .quiz-stepper-dot{background:#930010;color:#fff}.quiz-stepper-step.completed .quiz-stepper-dot{background:#930010;color:#fff}.quiz-stepper-label{font-family:var(--font-label,var(--font-mono));font-size:10px;text-transform:uppercase;font-weight:700;letter-spacing:.1em;color:var(--color-on-surface)}.quiz-stepper-step.active .quiz-stepper-label{color:var(--color-primary)}.footer-status-widget{padding:var(--space-4)var(--space-6);background:var(--color-surface-lowest);border-radius:var(--border-radius-2xl);border:1px solid var(--color-outline-variant)}.dark .footer-status-widget{border-color:rgba(255,255,255,5%)}.status-indicator{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);animation:pulse-glow 2s ease-in-out infinite}.status-detail{font-family:var(--font-label,var(--font-mono));font-size:10px;color:var(--color-on-surface);text-transform:uppercase;letter-spacing:.05em}.footer-bottom-links{display:flex;align-items:center;gap:var(--space-4)}.footer-social-link{color:var(--color-on-surface);transition:color var(--transition-fast);text-decoration:none}.footer-social-link:hover{color:var(--color-primary)}@media(prefers-reduced-motion:reduce){.animate-fade-in-up{animation:none;opacity:1}.card,.card-hover-effect,.community-card,.project-card,.step-card,.quiz-option{transition:none}.card:hover,.card-hover-effect:hover,.quiz-option:hover{transform:none}.shimmer-active::after{animation:none;display:none}.stepper-glow,.quiz-progress-dot.active{animation:none}.footer-status-dot{animation:none}.quiz-step.active,.quiz-step.quiz-step-exit-left,.quiz-step.quiz-step-exit-right,.quiz-step.quiz-step-enter-right,.quiz-step.quiz-step-enter-left,.quiz-results.active{animation:none}.quiz-progress-bar-fill{transition:none}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal-left{opacity:0;transform:translateX(-60px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal-right{opacity:0;transform:translateX(60px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal.visible,.reveal-left.visible,.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-stagger>*{opacity:0;transform:translateY(20px);transition:opacity .5s ease-out,transform .5s ease-out}.reveal-stagger.visible>*:nth-child(1){transition-delay:.05s}.reveal-stagger.visible>*:nth-child(2){transition-delay:.1s}.reveal-stagger.visible>*:nth-child(3){transition-delay:.15s}.reveal-stagger.visible>*:nth-child(4){transition-delay:.2s}.reveal-stagger.visible>*:nth-child(5){transition-delay:.25s}.reveal-stagger.visible>*:nth-child(6){transition-delay:.3s}.reveal-stagger.visible>*{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.reveal,.reveal-left,.reveal-right,.reveal-stagger>*{opacity:1!important;transform:none!important;transition:none!important}}.section:nth-child(even){background:rgba(0,0,0,3%)}.dark .section:nth-child(even){background:rgba(15,23,42,.6)}.section-alt{background:var(--color-surface-low)}.dark .section-alt{background:rgba(15,23,42,.6)}.dark .section+.section{border-top:1px solid rgba(255,255,255,6%)}@media(prefers-color-scheme:dark){html:not(.light) .section:nth-child(even){background:rgba(15,23,42,.6)}html:not(.light) .section-alt{background:rgba(15,23,42,.6)}html:not(.light) .section+.section{border-top:1px solid rgba(255,255,255,6%)}}.section-stats{background-color:#0f172a;background:linear-gradient(135deg,#0F172A,#1a2744)!important;color:#e2e8f0}.section-cta{position:relative;overflow:hidden}.section-cta::before{content:'';position:absolute;top:50%;left:50%;width:600px;height:600px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(197,0,18,.12) 0%,rgba(197,0,18,4%) 40%,transparent 70%);pointer-events:none;z-index:0}.section-cta>*{position:relative;z-index:1}.card{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,6%);box-shadow:0 4px 24px rgba(0,0,0,8%)}.dark .card{border:1px solid rgba(255,255,255,8%);box-shadow:inset 0 1px rgba(255,255,255,6%),0 4px 24px rgba(0,0,0,.2)}@media(prefers-color-scheme:dark){html:not(.light) .card{border:1px solid rgba(255,255,255,8%);box-shadow:inset 0 1px rgba(255,255,255,6%),0 4px 24px rgba(0,0,0,.2)}}.card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.15);border-color:rgba(0,0,0,.1)}.dark .card:hover{box-shadow:inset 0 1px rgba(255,255,255,6%),0 12px 40px rgba(0,0,0,.4);border-color:rgba(255,255,255,.15)}@media(prefers-color-scheme:dark){html:not(.light) .card:hover{box-shadow:inset 0 1px rgba(255,255,255,6%),0 12px 40px rgba(0,0,0,.4);border-color:rgba(255,255,255,.15)}}.btn-primary{background:linear-gradient(135deg,var(--color-on-surface) 0%,var(--color-on-surface-variant) 100%);color:var(--color-background);position:relative;overflow:hidden}.btn-primary:hover{background:linear-gradient(135deg,#7A0010 0%,#930010 100%);color:#fff;filter:brightness(1.1);box-shadow:0 10px 30px -10px rgba(197,0,18,.5),0 0 20px rgba(197,0,18,.15)}.btn-primary::after{content:'\2192';display:inline-block;opacity:0;max-width:0;transform:translateX(-8px);transition:opacity .3s ease,max-width .3s ease,transform .3s ease;overflow:hidden}.btn-primary:hover::after{opacity:1;max-width:1.5em;transform:translateX(0)}.btn-primary:active{transform:scale(.98);filter:brightness(.95)}.btn-outline:hover{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-decorative) 100%);border-color:transparent;box-shadow:0 10px 30px -10px rgba(197,0,18,.4),0 0 0 1px var(--color-primary)}.section-divider{height:1px;border:none;background:linear-gradient( 90deg,transparent 0%,var(--color-primary-decorative) 30%,var(--color-secondary) 50%,var(--color-primary-decorative) 70%,transparent 100% );opacity:.3;margin:0 auto;max-width:var(--max-width);padding:0 var(--container-padding)}.section+.section::before{content:'';display:block;height:1px;max-width:60%;margin:0 auto;margin-bottom:var(--space-12);background:linear-gradient( 90deg,transparent 0%,var(--color-primary-decorative) 30%,var(--color-secondary) 50%,var(--color-primary-decorative) 70%,transparent 100% );opacity:.2}@media(min-width:768px){.section+.section::before{margin-bottom:var(--space-16)}}.section{padding:var(--space-16)0}@media(min-width:768px){.section{padding:var(--space-20)0}}@media(min-width:1024px){.section{padding:var(--space-24)0}}.page-content{max-width:100%}.homepage .section+.section{margin-top:var(--space-8)}@media(min-width:768px){.homepage .section+.section{margin-top:var(--space-12)}}.page-content .table-responsive{border-radius:var(--border-radius-xl);overflow:hidden;border:1px solid rgba(255,255,255,8%);margin:var(--space-8)0}.page-content table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid rgba(255,255,255,6%);border-radius:.75rem;overflow:hidden;margin:1.5rem 0;font-size:var(--text-sm);line-height:1.6}.page-content thead th{background:var(--color-surface-high);padding:.875rem 1.25rem;font-family:var(--font-label,var(--font-mono));font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--color-on-surface);text-align:left;border-bottom:1px solid var(--color-outline-variant)}.dark .page-content thead th{background:rgba(15,23,42,.8);border-bottom-color:rgba(255,255,255,8%)}.page-content tbody td{padding:.875rem 1.25rem;border-bottom:1px solid var(--color-outline-variant);vertical-align:top}.dark .page-content tbody td{border-bottom-color:rgba(255,255,255,4%)}.page-content tbody tr:last-child td{border-bottom:none}.page-content tbody tr:hover{background:rgba(255,255,255,2%)}@media(max-width:767px){.page-content .table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch;position:relative}.page-content .table-responsive::after{content:'';position:absolute;top:0;right:0;bottom:0;width:32px;background:linear-gradient(to left,var(--color-surface,#0a0a0a),transparent);pointer-events:none;z-index:3}.page-content table{min-width:600px}}.comparison-page .page-content table{font-size:var(--text-sm)}.comparison-page .page-content thead th{background:linear-gradient(135deg,var(--color-primary-container,rgba(197,0,18,.15)),var(--color-surface-lowest));font-size:var(--text-xs);font-weight:800;letter-spacing:.15em;padding:1rem 1.5rem;color:var(--color-on-surface-variant);border-bottom:2px solid var(--color-primary-decorative,rgba(197,0,18,.3))}.comparison-page .page-content thead th:first-child{color:var(--color-on-surface-variant)}.comparison-page .page-content thead th:nth-child(2){color:var(--color-primary,#c50012)}.comparison-page .page-content thead th:nth-child(3){color:var(--color-on-surface-variant)}.comparison-page .page-content tbody td{padding:1rem 1.5rem}.comparison-page .page-content tbody td:first-child{font-weight:700;font-family:var(--font-headline);letter-spacing:var(--tracking-tight,-.01em);white-space:nowrap}.community-page .page-content h2.country-header{padding:var(--space-4)var(--space-6)var(--space-4)var(--space-8);margin-left:calc(var(--space-6) * -1);margin-right:calc(var(--space-6) * -1);background:linear-gradient(135deg,rgba(255,255,255,3%),transparent 70%);border-left:3px solid var(--color-primary,#c50012);border-radius:0 var(--border-radius)var(--border-radius)0;font-size:var(--text-2xl)}.community-page .page-content hr{border:none;height:1px;background:linear-gradient( 90deg,transparent 0%,rgba(255,255,255,8%) 20%,rgba(255,255,255,8%) 80%,transparent 100% );margin:var(--space-12)0}.community-subsection-header{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-label,var(--font-mono));font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-on-surface-variant)}.community-subsection-header .material-symbols-outlined{font-size:18px;color:var(--color-primary,#c50012)}.community-subsection-header--channels .material-symbols-outlined{color:var(--color-secondary,#f59e0b)}.channel-card{border-color:rgba(245,158,11,.12);background:linear-gradient(135deg,var(--color-surface-lowest),rgba(245,158,11,3%))}.channel-card:hover{border-color:var(--color-secondary,#f59e0b);box-shadow:0 10px 30px -10px rgba(245,158,11,.15)}.channel-icon{background:rgba(245,158,11,.1);color:var(--color-secondary,#f59e0b)}.community-submit-cta{position:relative;margin-top:var(--space-12);padding:var(--space-10)var(--space-8);background:linear-gradient( 135deg,rgba(197,0,18,6%) 0%,rgba(245,158,11,4%) 50%,rgba(197,0,18,6%) 100% );border:1px solid rgba(197,0,18,.15);border-radius:.75rem;text-align:center}.community-submit-cta::before{content:'';position:absolute;top:-1px;left:10%;right:10%;height:2px;background:linear-gradient( 90deg,transparent,var(--color-primary,#c50012),transparent );border-radius:1px}.community-submit-cta h2{margin-top:0;font-size:var(--text-2xl);letter-spacing:var(--tracking-tight,-.02em)}.community-submit-cta .submission-form{background:rgba(255,255,255,2%);border-color:rgba(255,255,255,8%)}.community-page .community-card{transition:all .4s cubic-bezier(.4,0,.2,1)}.community-page .community-card:hover{transform:translateY(-4px)scale(1.01);box-shadow:0 20px 40px -15px rgba(0,0,0,.5)}.section-title-icon{display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.section-icon{font-size:1.5em;color:var(--color-primary);flex-shrink:0}.card-feature-icon{font-size:28px;color:var(--color-primary);flex-shrink:0;margin-top:2px}.feature-card{text-align:center;padding:var(--space-8)var(--space-6);display:flex;flex-direction:column;align-items:center}.feature-card-icon{font-size:40px;color:var(--color-primary);margin-bottom:var(--space-4);display:block;background:rgba(197,0,18,8%);width:72px;height:72px;line-height:72px;border-radius:50%;text-align:center;flex-shrink:0}.dark .feature-card-icon{background:rgba(197,0,18,.15)}@media(prefers-color-scheme:dark){html:not(.light) .feature-card-icon{background:rgba(197,0,18,.15)}}.feature-card-title{font-family:var(--font-headline);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2);letter-spacing:var(--tracking-tight,-.02em)}.feature-card-desc{color:var(--color-on-surface-variant);font-size:var(--text-sm);line-height:1.6}.how-steps{max-width:720px;margin:0 auto;position:relative}.how-step-card{display:flex;gap:var(--space-5);padding:var(--space-6);background:var(--color-surface-lowest);border:1px solid rgba(255,255,255,5%);border-radius:.75rem;margin-bottom:var(--space-6);position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.how-step-card:hover{border-color:rgba(255,255,255,8%);box-shadow:0 10px 30px -10px rgba(0,0,0,.4)}.how-step-number{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:52px;height:52px;background:#930010;color:#fff;font-family:var(--font-label,var(--font-mono));font-size:var(--text-xl);font-weight:800;border-radius:50%;box-shadow:0 0 20px rgba(197,0,18,.25);z-index:1}.how-step-connector{position:absolute;left:calc(var(--space-6) + 25px);top:calc(var(--space-6) + 52px);bottom:calc(-1 * var(--space-6));width:2px;background:linear-gradient( 180deg,var(--color-primary-decorative,var(--color-primary)),rgba(197,0,18,.15) );z-index:0}.how-step-connector.last{display:none}.how-step-content{flex:1;padding-top:var(--space-2)}.how-step-title{font-family:var(--font-headline);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2);letter-spacing:var(--tracking-tight,-.02em)}.how-step-desc{color:var(--color-on-surface-variant);font-size:var(--text-sm);line-height:1.7}.path-card{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit;padding:var(--space-8)var(--space-6);cursor:pointer}.path-card:hover{border-color:var(--color-primary)}.path-card-icon{font-size:36px;color:var(--color-primary);margin-bottom:var(--space-4);display:block;background:rgba(197,0,18,8%);width:64px;height:64px;line-height:64px;border-radius:50%;text-align:center;transition:all .3s ease}.dark .path-card-icon{background:rgba(197,0,18,.15)}@media(prefers-color-scheme:dark){html:not(.light) .path-card-icon{background:rgba(197,0,18,.15)}}.path-card:hover .path-card-icon{background:var(--color-primary);color:#fff;transform:scale(1.1)}.path-card-title{font-family:var(--font-headline);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2);letter-spacing:var(--tracking-tight,-.02em)}.path-card-desc{color:var(--color-on-surface-variant);font-size:var(--text-sm);line-height:1.6;margin-bottom:var(--space-4);flex:1}.path-card-cta{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-label,var(--font-mono));font-size:var(--text-xs);font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary);transition:gap .3s ease}.path-card:hover .path-card-cta{gap:var(--space-2)}.path-card-arrow{font-size:18px;transition:transform .3s ease}.path-card:hover .path-card-arrow{transform:translateX(4px)}@media(max-width:767px){.section{padding:2.5rem 0}.card{padding:1rem}.grid.grid-3{grid-template-columns:1fr}.section-title-icon{flex-direction:column;gap:var(--space-2)}.section-icon{font-size:32px}.how-step-card{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.how-step-connector{display:none}.how-step-number{width:44px;height:44px;font-size:var(--text-lg)}.path-grid{grid-template-columns:1fr!important}.feature-grid{grid-template-columns:1fr!important}}@media(min-width:768px) and (max-width:1023px){.path-grid{grid-template-columns:repeat(2,1fr)!important}.feature-grid{grid-template-columns:repeat(2,1fr)!important}}.card-feature-bordered{border-left:3px solid var(--color-primary-decorative,var(--color-primary));border-radius:.75rem}.feature-card .feature-card-icon{border-radius:1rem}.section-stats{background-color:#0f172a;background:linear-gradient(135deg,#0F172A 0%,#1a2744 50%,#0F172A 100%)}.section-cta{position:relative;overflow:hidden}.section-cta::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient( circle,rgba(197,0,18,.15) 0%,rgba(197,0,18,5%) 40%,transparent 70% );pointer-events:none;z-index:0}.section-cta>*{position:relative;z-index:1}@media(max-width:480px){.quiz-stepper-dot{width:28px;height:28px;font-size:10px}.quiz-stepper-label{font-size:9px}}.comparison-page .page-content td:first-child,.comparison-page .page-content th:first-child{min-width:160px;font-weight:600}.community-page h3+.grid,.community-page h3+div{margin-top:var(--space-4)}.community-page h2{margin-top:var(--space-10)}@media(max-width:767px){.section-cta .container{padding-left:1.5rem;padding-right:1.5rem}}@media(max-width:480px){.step-number{width:36px;height:36px;min-width:36px;font-size:1rem}.step-card{gap:.75rem}}.page-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,8%) 30%,rgba(255,255,255,8%) 70%,transparent 100%);margin:3.5rem 0}.light .page-content hr{background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,6%) 30%,rgba(0,0,0,6%) 70%,transparent 100%)}.page-content>ul{list-style:none;padding:0;margin:1.5rem 0}.page-content>ul>li{padding:.875rem 1.25rem;margin-bottom:.5rem;border-left:3px solid rgba(255,255,255,8%);background:rgba(255,255,255,2%);border-radius:0 .5rem .5rem 0;transition:border-color .2s ease}.page-content>ul>li:hover{border-left-color:var(--color-primary)}.page-content>ul>li>ul{list-style:disc;padding-left:1.5rem;margin-top:.5rem}.page-content>ul>li>ul>li{padding:.25rem 0;margin-bottom:0;border-left:none;background:0 0;border-radius:0}.page-content>ol{padding-left:1.5rem}.page-content blockquote{margin:1.5rem 0;padding:1.25rem 1.5rem;background:var(--color-surface-lowest);border-left:4px solid var(--color-secondary);border-radius:0 .75rem .75rem 0;font-style:normal;color:var(--color-on-surface-variant)}.page-content blockquote p:last-child{margin-bottom:0}.page-content pre{border-radius:.75rem;border:1px solid rgba(255,255,255,.1);margin:1.5rem 0;box-shadow:0 4px 16px rgba(0,0,0,.2)}.page-cta{position:relative;margin-top:4rem;padding:4rem 2rem;text-align:center;border-top:1px solid rgba(255,255,255,6%);overflow:hidden}.page-cta::before{content:'';position:absolute;top:50%;left:50%;width:500px;height:500px;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(147,0,16,8%) 0%,transparent 70%);pointer-events:none;z-index:0}.page-cta>*{position:relative;z-index:1}.page-cta h3{font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem}.page-cta p{color:var(--color-on-surface-variant);margin-bottom:2rem;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}.page-cta .btn+.btn{margin-left:1rem}@media(max-width:767px){.page-cta{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1.5rem}.page-cta .btn+.btn{margin-left:0}}.about-comparison{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.about-comparison{grid-template-columns:1fr 1fr}}.about-comparison-column{border-radius:.75rem;padding:var(--space-6);background:var(--color-surface-lowest);border:1px solid rgba(255,255,255,5%)}.about-comparison-column--meshcore{border-color:var(--color-primary-decorative,rgba(197,0,18,.3));background:linear-gradient(135deg,rgba(197,0,18,6%),var(--color-surface-lowest))}.about-comparison-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid rgba(255,255,255,6%)}.about-comparison-header .material-symbols-outlined{font-size:28px;color:var(--color-on-surface-variant)}.about-comparison-column--meshcore .about-comparison-header .material-symbols-outlined{color:var(--color-primary)}.about-comparison-header h3{font-family:var(--font-headline);font-size:var(--text-lg);font-weight:700;letter-spacing:var(--tracking-tight,-.02em)}.about-comparison-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.about-comparison-column li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);line-height:1.6;color:var(--color-on-surface-variant)}.about-comparison-icon{font-size:20px;flex-shrink:0;margin-top:1px}.about-comparison-icon--pro{color:#22c55e}.about-comparison-icon--con{color:#ef4444}.about-warning-box{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5)var(--space-6);background:rgba(197,0,18,8%);border:1px solid rgba(197,0,18,.2);border-radius:.75rem}.about-warning-box p{color:var(--color-on-surface-variant);font-size:var(--text-sm);line-height:1.6;margin:0}.about-feature-list{list-style:none;padding:0;margin:var(--space-4)0 0;display:flex;flex-direction:column;gap:var(--space-2)}.about-feature-list li{font-size:var(--text-sm);line-height:1.6;color:var(--color-on-surface-variant)}.quick-decision{background:var(--color-surface-lowest);border:1px solid rgba(255,255,255,6%);border-radius:.75rem;padding:var(--space-8);margin-bottom:var(--space-10,2.5rem)}.quick-decision-title{font-family:var(--font-headline);font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight,-.02em);margin-bottom:var(--space-6);display:flex;align-items:center;gap:var(--space-3)}.quick-decision-title .material-symbols-outlined{color:var(--color-primary);font-size:28px}.quick-decision-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.quick-decision-grid{grid-template-columns:1fr 1fr}}.quick-decision-col{padding:var(--space-5);border-radius:.625rem;border:1px solid rgba(255,255,255,4%)}.quick-decision-meshcore{background:rgba(76,175,80,6%);border-color:rgba(76,175,80,.15)}.quick-decision-meshtastic{background:rgba(66,165,245,6%);border-color:rgba(66,165,245,.15)}.quick-decision-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.quick-decision-header h3{font-family:var(--font-headline);font-size:var(--text-lg);font-weight:700;margin:0;letter-spacing:var(--tracking-tight,-.01em)}.quick-decision-meshcore .quick-decision-icon{color:#4caf50;font-size:24px}.quick-decision-meshtastic .quick-decision-icon{color:#42a5f5;font-size:24px}.quick-decision-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.quick-decision-col ul li{font-size:var(--text-sm);line-height:1.6;color:var(--color-on-surface-variant);padding-left:var(--space-5);position:relative}.quick-decision-col ul li::before{content:'';position:absolute;left:0;top:.5em;width:6px;height:6px;border-radius:50%}.quick-decision-meshcore ul li::before{background:#4caf50}.quick-decision-meshtastic ul li::before{background:#42a5f5}.comparison-wins{margin:var(--space-10,2.5rem)0}.comparison-wins-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:768px){.comparison-wins-grid{grid-template-columns:1fr 1fr}}.comparison-wins-card{padding:var(--space-6)}.comparison-wins-card:hover{transform:none}.comparison-wins-meshcore{border-color:rgba(76,175,80,.2)}.comparison-wins-meshcore::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:.75rem .75rem 0 0}.comparison-wins-meshtastic{border-color:rgba(66,165,245,.2)}.comparison-wins-meshtastic::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#42a5f5,#64b5f6);border-radius:.75rem .75rem 0 0}.comparison-wins-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.comparison-wins-header h3{font-family:var(--font-headline);font-size:var(--text-lg);font-weight:700;margin:0;letter-spacing:var(--tracking-tight,-.01em)}.comparison-wins-meshcore .comparison-wins-icon{color:#4caf50;font-size:28px}.comparison-wins-meshtastic .comparison-wins-icon{color:#42a5f5;font-size:28px}.comparison-wins-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.comparison-wins-list li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);line-height:1.6;color:var(--color-on-surface-variant)}.comparison-wins-meshcore .comparison-wins-list .material-symbols-outlined{color:rgba(76,175,80,.7);font-size:20px;flex-shrink:0;margin-top:2px}.comparison-wins-meshtastic .comparison-wins-list .material-symbols-outlined{color:rgba(66,165,245,.7);font-size:20px;flex-shrink:0;margin-top:2px}.comparison-page .page-content thead th{position:sticky;top:0;z-index:2}.comparison-page .page-content tbody tr:nth-child(even){background:var(--color-surface-low)}.dark .comparison-page .page-content tbody tr:nth-child(even){background:rgba(255,255,255,.015)}.comparison-page .page-content tbody tr:hover{background:rgba(255,255,255,.035)}.storybook-section{margin:var(--space-12)0;padding-top:var(--space-8);border-top:1px solid var(--color-outline-variant)}.storybook-section h2{font-family:var(--font-label,var(--font-mono));font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.15em;color:var(--color-primary);margin-bottom:var(--space-6)}.storybook-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.color-swatch{aspect-ratio:1;border-radius:var(--border-radius-lg);display:flex;align-items:flex-end;padding:var(--space-3);color:#fff;font-family:var(--font-label,var(--font-mono));font-size:10px;line-height:1.4}.storybook-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.storybook-specimen>*{margin-bottom:var(--space-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-black{font-weight:900}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-headline{font-family:var(--font-headline)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.font-display{font-family:var(--font-display)}.font-label{font-family:var(--font-label,var(--font-mono))}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.tracking-wider{letter-spacing:.05em}.tracking-widest{letter-spacing:.1em}.tracking-ultra{letter-spacing:.25em}.tracking-extreme{letter-spacing:.4em}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-tertiary{color:var(--color-tertiary)}.text-muted{color:var(--color-on-surface-variant)}.text-error{color:var(--color-error)}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-60{opacity:.6}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.bg-surface{background-color:var(--color-surface)}.bg-surface-lowest{background-color:var(--color-surface-lowest)}.bg-surface-low{background-color:var(--color-surface-low)}.bg-surface-dim{background-color:var(--color-surface-dim,#0F172A)}.bg-primary{background-color:var(--color-primary)}.bg-primary-container{background-color:var(--color-primary-container)}.bg-secondary-container{background-color:var(--color-secondary-container)}.bg-tertiary-container{background-color:var(--color-tertiary-container)}.mt-0{margin-top:0}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-12{margin-top:var(--space-12)}.mt-16{margin-top:var(--space-16)}.mt-24{margin-top:var(--space-24)}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}.mb-16{margin-bottom:var(--space-16)}.mb-24{margin-bottom:var(--space-24)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.pt-8{padding-top:var(--space-8)}.pb-8{padding-bottom:var(--space-8)}.pt-16{padding-top:var(--space-16)}.pb-16{padding-bottom:var(--space-16)}.pb-24{padding-bottom:var(--space-24)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.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)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid-display{display:grid}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-grow{flex-grow:1}.flex-shrink-0{flex-shrink:0}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.self-center{align-self:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.w-full{width:100%}.w-auto{width:auto}.max-w-prose{max-width:65ch}.max-w-screen-md{max-width:768px}.max-w-screen-lg{max-width:1024px}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.border{border:1px solid var(--color-outline-variant)}.border-b{border-bottom:1px solid var(--color-outline-variant)}.rounded{border-radius:var(--border-radius)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-full{border-radius:var(--border-radius-full)}.border-primary{border-color:var(--color-primary)}.border-outline{border-color:var(--color-outline)}.border-outline-variant{border-color:var(--color-outline-variant)}.border-white-5{border-color:rgba(255,255,255,5%)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.transition-all{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-colors{transition:color .15s ease,background-color .15s ease,border-color .15s ease}.transition-transform{transition:transform .3s cubic-bezier(.4,0,.2,1)}.duration-150{transition-duration:150ms}.duration-300{transition-duration:300ms}.hover-lift:hover{transform:translateY(-2px)}.hover-scale:hover{transform:scale(1.02)}.active-press:active{transform:scale(.95)}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1)infinite}.animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1)infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.5}}@keyframes ping{75%,100%{transform:scale(2);opacity:0}}.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}@media(max-width:767px){.hide-mobile{display:none!important}}@media(min-width:768px) and (max-width:1023px){.hide-tablet{display:none!important}}@media(min-width:1024px){.hide-desktop{display:none!important}}@media(max-width:1023px){.show-desktop-only{display:none!important}}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.list-none{list-style:none;padding:0;margin:0}.prose{max-width:65ch}.prose>*+*{margin-top:var(--space-4)}.prose h2{margin-top:var(--space-8);margin-bottom:var(--space-4)}.prose h3{margin-top:var(--space-6);margin-bottom:var(--space-3)}.prose ul,.prose ol{padding-left:var(--space-6)}.prose li+li{margin-top:var(--space-2)}