:root{--color-dark: #0f0f1a;--color-dark-surface: #16162a;--color-light: #f5f5f0;--color-light-surface: #eaeae5;--color-accent: #6366f1;--color-accent-hover: #818cf8;--color-accent-dim: rgba(99, 102, 241, 0.15);--color-text-dark: #1a1a2e;--color-text-light: #e8e8ed;--color-text-muted-dark: #6b7280;--color-text-muted-light: #9ca3af;--gradient-warm: linear-gradient( 160deg, #1a1028 0%, #2d1b4e 25%, #3b1f5c 50%, #4a2040 75%, #2a1530 100% );--gradient-cool: linear-gradient( 160deg, #0f1a2e 0%, #152040 25%, #1a2850 50%, #1e2060 75%, #151530 100% );--gradient-hero: radial-gradient( ellipse at 30% 50%, #2d1b4e 0%, #1a1028 40%, #0f0f1a 100% );--color-success: #10b981;--color-badge-soon: #f59e0b;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--space-xs: 0.5rem;--space-sm: 1rem;--space-md: 2rem;--space-lg: 4rem;--space-xl: 6rem;--space-2xl: 8rem;--container-max: 1200px;--container-narrow: 800px;--container-padding: 1.5rem;--radius-sm: 6px;--radius-md: 12px;--radius-lg: 24px;--radius-pill: 9999px;--transition-fast: 150ms ease;--transition-base: 300ms ease;--transition-slow: 600ms ease}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}@font-face{font-family:"JetBrains Mono";src:url("/fonts/JetBrainsMono-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"JetBrains Mono";src:url("/fonts/JetBrainsMono-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("/fonts/Inter-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("/fonts/Inter-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Inter";src:url("/fonts/Inter-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}body{font-family:var(--font-sans);font-size:1rem;color:var(--color-text-dark)}h1,h2,h3,h4{font-family:var(--font-mono);font-weight:700;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2rem,5vw,3.5rem)}h2{font-size:clamp(1.5rem,3.5vw,2.5rem)}h3{font-size:clamp(1.15rem,2vw,1.5rem)}h4{font-size:1.125rem}p{line-height:1.7;max-width:65ch}.text-lg{font-size:1.25rem;line-height:1.6}.text-sm{font-size:.875rem}.text-mono{font-family:var(--font-mono)}.text-muted{opacity:.65}strong{font-weight:600}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:var(--container-padding)}.container--narrow{max-width:var(--container-narrow)}.section{padding-block:var(--space-xl)}@media (min-width: 768px){.section{padding-block:var(--space-2xl)}}.section--dark{background-color:var(--color-dark);color:var(--color-text-light)}.section--dark .text-muted{color:var(--color-text-muted-light)}.section--light{background-color:var(--color-light);color:var(--color-text-dark)}.section--light .text-muted{color:var(--color-text-muted-dark)}.grid{display:grid;gap:var(--space-md)}@media (min-width: 768px){.grid--2{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 768px){.grid--3{grid-template-columns:repeat(3, 1fr)}}@media (min-width: 1024px){.grid--4{grid-template-columns:repeat(4, 1fr)}}.flex{display:flex}.flex--center{align-items:center;justify-content:center}.flex--between{align-items:center;justify-content:space-between}.flex--col{flex-direction:column}.flex--gap-sm{gap:var(--space-sm)}.flex--gap-md{gap:var(--space-md)}.text-center{text-align:center}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-sm) 0;transition:background-color var(--transition-base),backdrop-filter var(--transition-base)}.nav.nav--scrolled{background-color:rgba(15,15,26,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav__inner{display:flex;align-items:center;justify-content:space-between}.nav__logo{font-family:var(--font-mono);font-weight:700;font-size:1.25rem;color:var(--color-text-light);letter-spacing:-.03em}.nav__logo span{color:var(--color-accent)}.nav__links{display:none;gap:var(--space-md);align-items:center}@media (min-width: 1024px){.nav__links{display:flex}}.nav__link{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--color-text-muted-light);transition:color var(--transition-fast);letter-spacing:-.01em}.nav__link:hover{color:var(--color-text-light)}.nav__cta{font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--color-accent);border:1px solid var(--color-accent);padding:.5rem 1.25rem;border-radius:var(--radius-pill);transition:background-color var(--transition-fast),color var(--transition-fast)}.nav__cta:hover{background-color:var(--color-accent);color:var(--color-dark)}.nav__toggle{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:4px}@media (min-width: 1024px){.nav__toggle{display:none}}.nav__toggle span{display:block;width:24px;height:2px;background-color:var(--color-text-light);transition:transform var(--transition-fast),opacity var(--transition-fast)}.nav__toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav__toggle.active span:nth-child(2){opacity:0}.nav__toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav__mobile{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(15,15,26,.95);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:99;padding-top:5rem;flex-direction:column;align-items:center;gap:var(--space-md)}.nav__mobile.active{display:flex}.nav__mobile .nav__link{font-size:1.25rem}.nav__mobile .nav__cta{font-size:1.1rem;margin-top:var(--space-sm)}.hero{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--gradient-hero);overflow:hidden}.hero__pattern{position:absolute;inset:0;background-image:url("/img/patterns/grid.svg");background-size:60px 60px;opacity:.08;mix-blend-mode:soft-light}.hero__content{position:relative;z-index:1;text-align:center;padding:var(--space-xl) var(--container-padding);max-width:900px}.hero__content--split{max-width:var(--container-max);display:flex;flex-direction:column;align-items:center;gap:var(--space-lg)}@media (min-width: 1024px){.hero__content--split{flex-direction:row;text-align:left;gap:var(--space-xl)}}.hero__text{flex:1}@media (min-width: 1024px){.hero__text .hero__subtitle{margin-inline:0}}.hero__image{flex-shrink:0}.hero__image img{display:block;max-width:380px;width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(99,102,241,.25));animation:hero-float 6s ease-in-out infinite}@media (min-width: 1024px){.hero__image img{max-width:440px}}@keyframes hero-float{0%, 100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@media (prefers-reduced-motion: reduce){.hero__image img{animation:none}}.hero__title{font-family:var(--font-mono);font-weight:700;font-size:clamp(2.2rem,6vw,4rem);color:var(--color-text-light);line-height:1.15;letter-spacing:-.03em;margin-bottom:var(--space-md)}.hero__subtitle{font-family:var(--font-sans);font-size:clamp(1.05rem,2vw,1.35rem);color:var(--color-text-muted-light);line-height:1.6;max-width:600px;margin-inline:auto;margin-bottom:var(--space-lg)}.hero__cta{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-weight:500;font-size:1rem;color:var(--color-dark);background-color:var(--color-accent);padding:.875rem 2rem;border-radius:var(--radius-pill);border:none;cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.hero__cta:hover{background-color:var(--color-accent-hover);transform:translateY(-2px)}.hero__cta::after{content:"↓";font-size:1.2em}.hero__glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle, var(--color-accent-dim) 0%, rgba(0,0,0,0) 70%);top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none}.section__header{text-align:center;max-width:700px;margin-inline:auto;margin-bottom:var(--space-lg)}.section__label{font-family:var(--font-mono);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);margin-bottom:var(--space-xs)}.section__title{margin-bottom:var(--space-sm)}.section__subtitle{font-size:1.125rem;line-height:1.7;max-width:55ch;margin-inline:auto}.section--gradient-warm{background:var(--gradient-warm);color:var(--color-text-light)}.section--gradient-warm .text-muted{color:var(--color-text-muted-light)}.section--gradient-warm .scenario{background-color:rgba(255,255,255,.06);border-color:rgba(255,255,255,.1);backdrop-filter:blur(8px)}.section--gradient-warm .scenario__text{color:var(--color-text-muted-light)}.section--gradient-cool{background:var(--gradient-cool);color:var(--color-text-light)}.section--gradient-cool .text-muted{color:var(--color-text-muted-light)}.section--gradient-cool .feature-card{background-color:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.section--gradient-cool .faq-item{border-color:rgba(255,255,255,.1)}.section--gradient-cool .faq-item__question{color:var(--color-text-light)}.section--gradient-cool .faq-item__answer{color:var(--color-text-muted-light)}.steps{display:grid;gap:var(--space-lg);counter-reset:step}@media (min-width: 768px){.steps{grid-template-columns:repeat(3, 1fr);gap:var(--space-md)}}.step{text-align:center;counter-increment:step;position:relative}@media (min-width: 768px){.step:not(:last-child)::after{content:"";position:absolute;top:2.5rem;right:-1rem;width:calc(100% - 3rem);height:1px;background:linear-gradient(90deg, var(--color-accent) 0%, rgba(0,0,0,0) 100%);left:calc(50% + 1.5rem)}}.step__number{display:inline-flex;align-items:center;justify-content:center;width:3.5rem;height:3.5rem;border-radius:50%;border:2px solid var(--color-accent);font-family:var(--font-mono);font-weight:700;font-size:1.25rem;color:var(--color-accent);margin-bottom:var(--space-sm)}.step__number::before{content:counter(step)}.step__title{font-family:var(--font-mono);font-size:1.1rem;font-weight:700;margin-bottom:var(--space-xs)}.step__text{font-size:.95rem;line-height:1.6;max-width:30ch;margin-inline:auto}.features-grid{display:grid;gap:var(--space-md)}@media (min-width: 768px){.features-grid{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1024px){.features-grid{grid-template-columns:repeat(3, 1fr)}}.feature-card{padding:var(--space-md);border-radius:var(--radius-md);background-color:var(--color-dark-surface);border:1px solid rgba(255,255,255,.06);transition:border-color var(--transition-base),transform var(--transition-base)}.feature-card:hover{border-color:rgba(99,102,241,.3);transform:translateY(-4px)}.feature-card__icon{width:2.5rem;height:2.5rem;margin-bottom:var(--space-sm);color:var(--color-accent)}.feature-card__title{font-family:var(--font-mono);font-size:1rem;font-weight:700;margin-bottom:var(--space-xs)}.feature-card__text{font-size:.9rem;line-height:1.6;color:var(--color-text-muted-light)}.cost-chart{max-width:900px;margin-inline:auto}.cost-chart__legend{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:flex-end;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted-light);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em}.cost-chart__legend-item{display:inline-flex;align-items:center;gap:.5rem}.cost-chart__swatch{width:12px;height:12px;border-radius:2px;display:inline-block}.cost-chart__swatch--storage{background:linear-gradient(135deg, #6366f1 0%, #818cf8 100%)}.cost-chart__swatch--restore{background:linear-gradient(135deg, #f59e0b 0%, #ea580c 100%)}.cost-row{display:grid;grid-template-columns:1fr;gap:.5rem;padding:var(--space-sm) 0;border-bottom:1px solid rgba(255,255,255,.05)}@media (min-width: 768px){.cost-row{grid-template-columns:240px 1fr;align-items:center;gap:var(--space-md)}}.cost-row:last-child{border-bottom:none}.cost-row__label{font-family:var(--font-mono)}.cost-row__name{font-size:.95rem;font-weight:500;color:var(--color-text-light);margin-bottom:.2rem}.cost-row__meta{font-size:.72rem;color:var(--color-text-muted-light);letter-spacing:.01em}.cost-row__track{display:flex;align-items:center;gap:var(--space-sm);min-width:0}.cost-row__bar{height:38px;display:flex;border-radius:var(--radius-sm);overflow:hidden;background-color:rgba(255,255,255,.03);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);min-width:28px;flex-shrink:1;transition:transform var(--transition-base)}.cost-row__seg{height:100%;min-width:2px;transition:flex var(--transition-slow)}.cost-row__seg--storage{background:linear-gradient(180deg, rgba(129,140,248,.85) 0%, rgba(99,102,241,.75) 100%)}.cost-row__seg--restore{background:linear-gradient(180deg, rgba(245,158,11,.9) 0%, rgba(234,88,12,.8) 100%);border-left:1px solid rgba(15,15,26,.35)}.cost-row__total{font-family:var(--font-mono);font-weight:700;font-size:.95rem;color:var(--color-text-light);white-space:nowrap;min-width:5.5ch;text-align:right;flex-shrink:0}.cost-row--highlight .cost-row__name{color:var(--color-accent-hover);font-weight:700}.cost-row--highlight .cost-row__bar{box-shadow:inset 0 0 0 1px rgba(99,102,241,.6),0 0 24px rgba(99,102,241,.25)}.cost-row--highlight .cost-row__total{color:var(--color-accent-hover);font-size:1.05rem}.scenarios{display:grid;gap:var(--space-md)}@media (min-width: 768px){.scenarios{grid-template-columns:repeat(3, 1fr)}}.scenario{padding:var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.08);background-color:var(--color-light-surface)}.scenario__icon{font-size:2rem;margin-bottom:var(--space-sm)}.scenario__title{font-family:var(--font-mono);font-size:1rem;font-weight:700;margin-bottom:var(--space-xs)}.scenario__text{font-size:.9rem;line-height:1.6}.faq-list{max-width:var(--container-narrow);margin-inline:auto}.faq-item{border-bottom:1px solid rgba(0,0,0,.1)}.faq-item__question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:.95rem;font-weight:700;text-align:left;color:inherit;gap:var(--space-sm)}.faq-item__question::after{content:"+";font-size:1.5rem;font-weight:400;flex-shrink:0;transition:transform var(--transition-fast)}.faq-item__question[aria-expanded=true]::after{transform:rotate(45deg)}.faq-item__answer{display:none;padding-bottom:var(--space-sm);font-size:.95rem;line-height:1.7}.faq-item__answer.active{display:block}.security-flow{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-sm);font-family:var(--font-mono);font-size:.85rem;padding:var(--space-md);background-color:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);margin-top:var(--space-md)}.security-flow__step{padding:.5rem 1rem;border-radius:var(--radius-sm);background-color:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);text-align:center}.security-flow__arrow{color:var(--color-accent);font-weight:700}.explainer{display:grid;gap:var(--space-lg);align-items:center}@media (min-width: 768px){.explainer{grid-template-columns:1.5fr 1fr}}.explainer__text p{max-width:55ch;margin-bottom:var(--space-sm);color:var(--color-text-muted-light)}.explainer__text p strong{color:var(--color-text-light)}.tape-visual{padding:var(--space-md);border-radius:var(--radius-lg);background:linear-gradient(135deg, rgba(99,102,241,.15) 0%, rgba(139,92,246,.1) 100%);border:1px solid rgba(99,102,241,.2);text-align:center}.tape-visual__label{font-family:var(--font-mono);font-weight:700;font-size:1.5rem;color:var(--color-accent);margin-bottom:var(--space-sm)}.tape-visual__facts{display:flex;flex-direction:column;gap:var(--space-xs);font-size:.9rem;color:var(--color-text-muted-light)}.tape-visual__facts span{display:block}.security-cards{display:grid;gap:var(--space-md);max-width:800px;margin-inline:auto;margin-bottom:var(--space-lg)}@media (min-width: 768px){.security-cards{grid-template-columns:repeat(2, 1fr)}}.security-card{padding:var(--space-md);border-radius:var(--radius-md);background-color:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);text-align:center}.security-card__icon{font-size:2.5rem;margin-bottom:var(--space-sm)}.security-card__title{font-family:var(--font-mono);font-weight:700;font-size:1.1rem;margin-bottom:var(--space-xs);color:var(--color-text-light)}.security-card__text{font-size:.9rem;line-height:1.6;color:var(--color-text-muted-light)}.compat-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:var(--space-sm)}.compat-tag{font-family:var(--font-mono);font-size:.8rem;font-weight:500;padding:.4rem .9rem;border-radius:var(--radius-pill);background-color:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.3);color:var(--color-accent)}.cta-section{text-align:center;padding-block:var(--space-2xl)}.cta-section__title{margin-bottom:var(--space-md)}.cta-section__subtitle{font-size:1.1rem;color:var(--color-text-muted-light);margin-bottom:var(--space-lg);max-width:50ch;margin-inline:auto}.pricing-row{display:grid;gap:var(--space-lg)}@media (min-width: 1024px){.pricing-row{grid-template-columns:repeat(2, 1fr)}}.pricing-group{border-radius:var(--radius-lg);padding:var(--space-md);background-color:var(--color-light-surface);border:1px solid rgba(0,0,0,.06)}.pricing-group--vault{background:linear-gradient(135deg, #faf8ff 0%, #f0ebff 100%);border-color:rgba(139,92,246,.2)}.pricing-group__header{text-align:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid var(--color-accent)}.pricing-group--vault .pricing-group__header{border-bottom-color:#8b5cf6}.pricing-group__title{font-family:var(--font-mono);font-weight:700;font-size:1.3rem;color:var(--color-text-dark)}.pricing-group--vault .pricing-group__title{color:#8b5cf6}.pricing-group__sub{font-size:.85rem;color:var(--color-text-muted-dark)}.pricing-group__cards{display:grid;gap:var(--space-sm)}@media (min-width: 640px){.pricing-group__cards{grid-template-columns:repeat(2, 1fr)}}.pricing-card{position:relative;padding:var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.1);background-color:#fff;display:flex;flex-direction:column;transition:transform var(--transition-base),box-shadow var(--transition-base)}.pricing-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.08)}.pricing-card.pricing-card--featured{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.pricing-card.pricing-card--vault{border-color:rgba(139,92,246,.3);background:linear-gradient(135deg, #fff 0%, #f5f0ff 100%)}.pricing-card.pricing-card--compact{padding:var(--space-sm) var(--space-md)}.pricing-card.pricing-card--soon{opacity:.7}.pricing-card.pricing-card--soon:hover{transform:none;box-shadow:none}.pricing-card__capacity{font-family:var(--font-mono);font-weight:700;font-size:1.4rem;color:var(--color-text-dark)}.pricing-card__tech{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted-dark);margin-bottom:var(--space-sm)}.pricing-card__badge{position:absolute;top:-.75rem;right:var(--space-sm);font-family:var(--font-mono);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .75rem;border-radius:var(--radius-pill);background-color:var(--color-badge-soon);color:#fff}.pricing-card__vault-label{font-family:var(--font-mono);font-size:.75rem;font-weight:700;color:#8b5cf6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.pricing-card__name{font-family:var(--font-mono);font-weight:700;font-size:1.1rem;margin-bottom:.25rem}.pricing-card__detail{font-size:.85rem;color:var(--color-text-muted-dark);margin-bottom:var(--space-sm)}.pricing-card__price{font-family:var(--font-mono);font-weight:700;font-size:2rem;margin-bottom:.25rem}.pricing-card__price .pricing-card__currency{font-size:1rem;font-weight:500}.pricing-card__once{font-size:.8rem;color:var(--color-text-muted-dark);margin-bottom:var(--space-sm)}.pricing-card__features{flex:1;margin-bottom:var(--space-md)}.pricing-card__features li{font-size:.85rem;padding:.35rem 0;display:flex;align-items:baseline;gap:.5rem}.pricing-card__features li::before{content:"✓";color:var(--color-success);font-weight:700;flex-shrink:0}.pricing-card__cta{display:block;width:100%;text-align:center;font-family:var(--font-mono);font-weight:500;font-size:.9rem;padding:.75rem;border-radius:var(--radius-pill);border:2px solid var(--color-accent);color:var(--color-accent);background:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.pricing-card__cta:hover{background-color:var(--color-accent);color:#fff}.pricing-card__cta.pricing-card__cta--primary{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.pricing-card__cta.pricing-card__cta--primary:hover{background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.pricing-card__cta.pricing-card__cta--disabled{border-color:var(--color-text-muted-dark);color:var(--color-text-muted-dark);cursor:default}.pricing-card__cta.pricing-card__cta--disabled:hover{background:none;color:var(--color-text-muted-dark)}.addons{display:grid;gap:var(--space-sm);margin-top:var(--space-lg)}@media (min-width: 768px){.addons{grid-template-columns:repeat(2, 1fr)}}.addon{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.08);background-color:var(--color-light-surface);gap:var(--space-sm)}.addon__name{font-family:var(--font-mono);font-weight:500;font-size:.9rem}.addon__price{font-family:var(--font-mono);font-weight:700;color:var(--color-accent);white-space:nowrap}.blog-list{display:grid;gap:var(--space-md)}@media (min-width: 768px){.blog-list{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1024px){.blog-list{grid-template-columns:repeat(3, 1fr)}}.blog-card{border-radius:var(--radius-md);border:1px solid rgba(0,0,0,.08);background-color:#fff;overflow:hidden;transition:transform var(--transition-base),box-shadow var(--transition-base)}.blog-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.06)}.blog-card__body{padding:var(--space-md)}.blog-card__meta{font-family:var(--font-mono);font-size:.75rem;color:var(--color-text-muted-dark);margin-bottom:var(--space-xs);display:flex;gap:var(--space-sm)}.blog-card__title{font-family:var(--font-mono);font-size:1.05rem;font-weight:700;line-height:1.3;margin-bottom:var(--space-xs)}.blog-card__excerpt{font-size:.9rem;line-height:1.6;color:var(--color-text-muted-dark)}.article{max-width:var(--container-narrow);margin-inline:auto;padding-block:var(--space-lg)}.article__header{margin-bottom:var(--space-lg)}.article__meta{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted-dark);margin-bottom:var(--space-sm);display:flex;gap:var(--space-sm)}.article__title{font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:var(--space-sm)}.article__description{font-size:1.15rem;color:var(--color-text-muted-dark);line-height:1.6}.article__content h2{font-size:1.5rem;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.article__content h3{font-size:1.2rem;margin-top:var(--space-md);margin-bottom:var(--space-xs)}.article__content p{margin-bottom:var(--space-sm)}.article__content ul,.article__content ol{margin-bottom:var(--space-sm);padding-left:1.5rem}.article__content ul li,.article__content ol li{list-style:disc;margin-bottom:.35rem;line-height:1.7}.article__content ol li{list-style:decimal}.article__content blockquote{border-left:3px solid var(--color-accent);padding-left:var(--space-sm);margin-block:var(--space-sm);color:var(--color-text-muted-dark);font-style:italic}.article__content code{font-family:var(--font-mono);font-size:.85em;background-color:var(--color-light-surface);padding:.15em .4em;border-radius:var(--radius-sm)}.article__content pre{background-color:var(--color-dark);color:var(--color-text-light);padding:var(--space-sm);border-radius:var(--radius-md);overflow-x:auto;margin-block:var(--space-sm)}.article__content pre code{background:none;padding:0;font-size:.85rem}.article__content a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}.article__content a:hover{color:var(--color-accent-hover)}.article__content table{width:100%;border-collapse:collapse;margin-block:var(--space-sm);font-size:.9rem}.article__content table th,.article__content table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid rgba(0,0,0,.1)}.article__content table th{font-family:var(--font-mono);font-weight:700;font-size:.8rem}.article__back{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.85rem;color:var(--color-accent);margin-top:var(--space-lg)}.article__back::before{content:"←"}.article__back:hover{text-decoration:underline}.pagination{display:flex;justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg)}.pagination__link{font-family:var(--font-mono);font-size:.85rem;color:var(--color-accent);padding:.5rem 1rem;border:1px solid var(--color-accent);border-radius:var(--radius-pill);transition:background-color var(--transition-fast),color var(--transition-fast)}.pagination__link:hover{background-color:var(--color-accent);color:#fff}.footer{background-color:var(--color-dark);color:var(--color-text-muted-light);padding:var(--space-lg) 0 var(--space-md);border-top:1px solid rgba(255,255,255,.06)}.footer__inner{display:flex;flex-direction:column;gap:var(--space-md)}@media (min-width: 768px){.footer__inner{flex-direction:row;justify-content:space-between;align-items:flex-start}}.footer__brand{font-family:var(--font-mono);font-weight:700;font-size:1.1rem;color:var(--color-text-light);margin-bottom:var(--space-xs)}.footer__brand span{color:var(--color-accent)}.footer__tagline{font-size:.85rem;max-width:30ch}.footer__links{display:flex;gap:var(--space-md);flex-wrap:wrap}.footer__link{font-family:var(--font-mono);font-size:.8rem;color:var(--color-text-muted-light);transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-text-light)}.footer__bottom{margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid rgba(255,255,255,.06);font-size:.75rem;text-align:center}.reveal{opacity:0;transform:translateY(30px);transition:opacity var(--transition-slow),transform var(--transition-slow)}.reveal.revealed{opacity:1;transform:translateY(0)}.stagger>*{opacity:0;transform:translateY(20px);transition:opacity 400ms ease,transform 400ms ease}.stagger.revealed>*{opacity:1;transform:translateY(0)}.stagger.revealed>*:nth-child(1){transition-delay:0ms}.stagger.revealed>*:nth-child(2){transition-delay:100ms}.stagger.revealed>*:nth-child(3){transition-delay:200ms}.stagger.revealed>*:nth-child(4){transition-delay:300ms}.stagger.revealed>*:nth-child(5){transition-delay:400ms}.stagger.revealed>*:nth-child(6){transition-delay:500ms}.scramble-char{color:var(--color-accent);opacity:.7}.scramble-char--hidden{visibility:hidden}[data-scramble]{display:inline-block;min-height:1.2em}[data-count]{font-variant-numeric:tabular-nums}@media (prefers-reduced-motion: reduce){.reveal{opacity:1;transform:none;transition:none}.stagger>*{opacity:1;transform:none;transition:none}}.legal{max-width:var(--container-narrow);margin-inline:auto;padding-block:var(--space-xl)}.legal h1{margin-bottom:var(--space-md)}.legal h2{font-size:1.3rem;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.legal h3{font-size:1.1rem;margin-top:var(--space-md);margin-bottom:var(--space-xs)}.legal p{margin-bottom:var(--space-sm);line-height:1.7}.legal ul{margin-bottom:var(--space-sm);padding-left:1.5rem}.legal ul li{list-style:disc;margin-bottom:.35rem}.legal a{color:var(--color-accent);text-decoration:underline;text-underline-offset:3px}