@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-grotesk-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-grotesk-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-grotesk-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-grotesk-800.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;hanging-punctuation:first last;scroll-padding-top:var(--space-16)}body{min-height:100dvh;line-height:1.6;font-family:var(--font-body, sans-serif);font-size:var(--text-base);color:var(--color-text);background-color:var(--color-bg)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}ul[role=list],ol[role=list]{list-style:none}input,button,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4,h5,h6{text-wrap:balance;line-height:1.15}p,li,figcaption{text-wrap:pretty;max-width:72ch}::selection{background:oklch(from var(--color-primary) l c h / .25);color:var(--color-text)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}button{cursor:pointer;background:none;border:none}table{border-collapse:collapse;width:100%}a,button,[role=button],[role=link],input,textarea,select{transition:color var(--transition-interactive),background var(--transition-interactive),border-color var(--transition-interactive),box-shadow var(--transition-interactive)}.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}:root{--text-xs: clamp(.75rem, .7rem + .25vw, .875rem);--text-sm: clamp(.875rem, .8rem + .35vw, 1rem);--text-base: clamp(1rem, .95rem + .25vw, 1.125rem);--text-lg: clamp(1.125rem, 1rem + .75vw, 1.5rem);--text-xl: clamp(1.5rem, 1.2rem + 1.25vw, 2.25rem);--text-2xl: clamp(2rem, 1.2rem + 2.5vw, 3.5rem);--text-3xl: clamp(2.5rem, 1rem + 4vw, 5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.25rem;--radius-full: 9999px;--transition-interactive: .18s cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--content-narrow: 640px;--content-default: 960px;--content-wide: 1200px;--content-max: 1400px;--content-full: 100%;--font-display: "Cabinet Grotesk", "Segoe UI", sans-serif;--font-body: "Satoshi", "Segoe UI", sans-serif}:root,[data-theme=light]{--color-bg: #faf8f4;--color-surface: #ffffff;--color-surface-2: #f5f2ec;--color-surface-offset: #efeade;--color-surface-warm: #f0ebe0;--color-divider: #e0d9ca;--color-border: #d4ccba;--color-text: #2c2a24;--color-text-muted: #6b6559;--color-text-faint: #a09888;--color-text-inverse: #faf8f4;--color-primary: #2d6a2e;--color-primary-hover: #245822;--color-primary-active: #1b441a;--color-primary-light: #e8f0e4;--color-primary-subtle: #d4e6d0;--color-accent: #e8922d;--color-accent-hover: #d07c1e;--color-accent-active: #b86a15;--color-accent-light: #fef0de;--color-accent-subtle: #fce2bc;--color-success: #437a22;--color-warning: #c67a1a;--color-error: #c53030;--shadow-sm: 0 1px 3px rgba(44, 42, 36, .06);--shadow-md: 0 4px 16px rgba(44, 42, 36, .08);--shadow-lg: 0 12px 40px rgba(44, 42, 36, .12);--shadow-xl: 0 24px 64px rgba(44, 42, 36, .16)}[data-theme=dark]{--color-bg: #1a1916;--color-surface: #222019;--color-surface-2: #2a2720;--color-surface-offset: #1f1d18;--color-surface-warm: #2d2a22;--color-divider: #3a362c;--color-border: #4a4538;--color-text: #e8e4dc;--color-text-muted: #9e9889;--color-text-faint: #6b6559;--color-text-inverse: #1a1916;--color-primary: #5daa5e;--color-primary-hover: #4a944b;--color-primary-active: #3a7c3b;--color-primary-light: #2a3528;--color-primary-subtle: #263024;--color-accent: #f0a84d;--color-accent-hover: #e8922d;--color-accent-active: #d07c1e;--color-accent-light: #3a3020;--color-accent-subtle: #342a1a;--color-success: #6daa45;--color-warning: #e8a83d;--color-error: #e05252;--shadow-sm: 0 1px 3px rgba(0,0,0,.25);--shadow-md: 0 4px 16px rgba(0,0,0,.35);--shadow-lg: 0 12px 40px rgba(0,0,0,.45);--shadow-xl: 0 24px 64px rgba(0,0,0,.5)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg: #1a1916;--color-surface: #222019;--color-surface-2: #2a2720;--color-surface-offset: #1f1d18;--color-surface-warm: #2d2a22;--color-divider: #3a362c;--color-border: #4a4538;--color-text: #e8e4dc;--color-text-muted: #9e9889;--color-text-faint: #6b6559;--color-text-inverse: #1a1916;--color-primary: #5daa5e;--color-primary-hover: #4a944b;--color-primary-active: #3a7c3b;--color-primary-light: #2a3528;--color-primary-subtle: #263024;--color-accent: #f0a84d;--color-accent-hover: #e8922d;--color-accent-active: #d07c1e;--color-accent-light: #3a3020;--color-accent-subtle: #342a1a;--color-success: #6daa45;--color-warning: #e8a83d;--color-error: #e05252;--shadow-sm: 0 1px 3px rgba(0,0,0,.25);--shadow-md: 0 4px 16px rgba(0,0,0,.35);--shadow-lg: 0 12px 40px rgba(0,0,0,.45);--shadow-xl: 0 24px 64px rgba(0,0,0,.5)}}.container{max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-4)}.container-max{max-width:var(--content-max);margin-inline:auto;padding-inline:var(--space-4)}.header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--color-bg) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-divider);transition:box-shadow .3s var(--ease-out)}.header--scrolled{box-shadow:var(--shadow-sm)}.header-inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);max-width:var(--content-max);margin-inline:auto}.logo-img{height:40px;width:auto}.nav-desktop{display:none;gap:var(--space-1);align-items:center}@media(min-width:768px){.nav-desktop{display:flex}}.nav-link{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:color var(--transition-interactive),background var(--transition-interactive)}.nav-link:hover{color:var(--color-text);background:var(--color-surface-2)}.nav-cta{font-size:var(--text-sm);font-weight:600;color:var(--color-text-inverse);background:var(--color-primary);padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);text-decoration:none;transition:background var(--transition-interactive),transform var(--transition-interactive)}.nav-cta:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-text-muted);transition:background var(--transition-interactive),color var(--transition-interactive)}.theme-toggle:hover{background:var(--color-surface-2);color:var(--color-text)}.mobile-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text)}@media(min-width:768px){.mobile-toggle{display:none}}.mobile-nav{display:none;position:fixed;inset:60px 0 0;z-index:99;background:var(--color-bg);padding:var(--space-6) var(--space-4);flex-direction:column;gap:var(--space-2)}.mobile-nav.open{display:flex}.mobile-nav .nav-link{font-size:var(--text-base);padding:var(--space-3) var(--space-4)}.mobile-nav .nav-cta{text-align:center;margin-top:var(--space-4);padding:var(--space-3) var(--space-6);font-size:var(--text-base)}.hero{position:relative;overflow:hidden;padding:clamp(var(--space-12),8vw,var(--space-24)) var(--space-4);min-height:85vh;display:flex;align-items:center;background:var(--color-bg)}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 20% 80%,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent),radial-gradient(ellipse 60% 50% at 80% 20%,color-mix(in srgb,var(--color-accent) 6%,transparent),transparent);z-index:1}.hero-content{position:relative;z-index:2;max-width:var(--content-max);margin-inline:auto;display:grid;grid-template-columns:1fr;gap:var(--space-8);align-items:center;width:100%}@media(min-width:768px){.hero-content{grid-template-columns:1fr 1fr;gap:var(--space-12)}}.hero-text{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary-light);color:var(--color-primary);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;margin-bottom:var(--space-6)}.hero-badge svg{display:inline;width:16px;height:16px;flex-shrink:0}.hero h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-5);letter-spacing:-.02em}.hero h1 .accent{color:var(--color-primary)}.hero h1 .accent-orange{color:var(--color-accent)}.hero-subtitle{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-8);line-height:1.6}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-3)}.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-text-inverse);background:var(--color-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);text-decoration:none;transition:background var(--transition-interactive),transform var(--transition-interactive),box-shadow var(--transition-interactive)}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);background:var(--color-surface);border:1.5px solid var(--color-border);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);text-decoration:none;transition:border-color var(--transition-interactive),background var(--transition-interactive),transform var(--transition-interactive)}.btn-secondary:hover{border-color:var(--color-primary);background:var(--color-primary-light);transform:translateY(-1px)}.btn-accent{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:#fff;background:var(--color-accent);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);text-decoration:none;transition:background var(--transition-interactive),transform var(--transition-interactive),box-shadow var(--transition-interactive)}.btn-accent:hover{background:var(--color-accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.hero-visual{position:relative;border-radius:var(--radius-2xl);overflow:hidden;aspect-ratio:4/3;box-shadow:var(--shadow-xl)}.hero-slide{position:absolute;inset:0;opacity:0;transition:opacity .8s ease}.hero-slide.active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-slide-label{position:absolute;bottom:var(--space-4);left:var(--space-4);right:var(--space-4);display:flex;align-items:center;justify-content:space-between;background:color-mix(in srgb,var(--color-bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg)}.hero-slide-label span{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.hero-slide-label .tag{font-size:var(--text-xs);color:var(--color-primary);background:var(--color-primary-light);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-weight:500}.hero-dots{display:flex;gap:var(--space-2);justify-content:center;margin-top:var(--space-4)}.hero-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-border);transition:background var(--transition-interactive),width var(--transition-interactive);cursor:pointer}.hero-dot.active{background:var(--color-primary);width:24px}.shed-types{padding:clamp(var(--space-12),8vw,var(--space-24)) var(--space-4);background:var(--color-surface-2)}.section-header{text-align:center;max-width:700px;margin-inline:auto;margin-bottom:clamp(var(--space-8),4vw,var(--space-16))}.section-label{display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-3)}.section-title{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-4);letter-spacing:-.01em}.section-desc{font-size:var(--text-base);color:var(--color-text-muted);line-height:1.6}.shed-carousel-wrapper{position:relative;max-width:var(--content-max);margin-inline:auto}.shed-carousel{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--space-5);padding-bottom:var(--space-4)}.shed-carousel::-webkit-scrollbar{display:none}.shed-card{grid-column:span 3;background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-divider);transition:box-shadow var(--transition-interactive),transform var(--transition-interactive);display:block;color:inherit;text-decoration:none;cursor:pointer}.shed-card:nth-child(5){grid-column:2 / span 3}@media(max-width:1180px){.shed-carousel{grid-template-columns:repeat(6,1fr)}.shed-card{grid-column:span 2}.shed-card:nth-child(5){grid-column:auto / span 2}.shed-card:nth-child(7){grid-column:3 / span 2}}@media(max-width:880px){.shed-carousel{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.shed-card{flex:0 0 260px;scroll-snap-align:start}}.shed-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.shed-card-img{aspect-ratio:16/10;overflow:hidden;position:relative}.shed-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease-out)}.shed-card:hover .shed-card-img img{transform:scale(1.05)}.shed-card-body{padding:var(--space-4) var(--space-5)}.shed-card-title{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.shed-card-desc{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5;margin-bottom:var(--space-3)}.shed-card-meta{display:flex;gap:var(--space-3);flex-wrap:wrap}.shed-tag{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-muted);font-weight:500}.tools-section{padding:clamp(var(--space-12),8vw,var(--space-24)) var(--space-4);background:var(--color-bg)}.tools-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);max-width:var(--content-max);margin-inline:auto}@media(min-width:640px){.tools-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.tools-grid{grid-template-columns:repeat(3,1fr)}}.tool-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-xl);padding:var(--space-6);transition:box-shadow var(--transition-interactive),transform var(--transition-interactive),border-color var(--transition-interactive);cursor:pointer;text-decoration:none;color:inherit}.tool-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px);border-color:var(--color-primary-subtle)}.tool-icon{width:88px;height:88px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);margin-bottom:var(--space-4);font-size:24px;background:transparent}.tool-icon img{width:100%;height:100%;object-fit:contain;display:block}.tool-icon--green{color:var(--color-primary)}.tool-icon--orange{color:var(--color-accent)}.tool-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.tool-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;flex:1}.tool-badge{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:600;margin-top:auto;padding-top:var(--space-4)}.tool-badge span{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.tool-badge--free{color:var(--color-primary)}.tool-badge--coming{color:var(--color-accent)}.how-section{padding:clamp(var(--space-12),8vw,var(--space-24)) var(--space-4);background:var(--color-surface-2)}.steps-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:var(--content-wide);margin-inline:auto;position:relative}@media(min-width:768px){.steps-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-6)}}.step-card{text-align:center;position:relative}.step-number{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;margin-bottom:var(--space-5)}.step-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.step-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6;max-width:320px;margin-inline:auto}.comparison-section{padding:clamp(var(--space-12),8vw,var(--space-24)) var(--space-4);background:var(--color-bg)}.comparison-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:var(--content-wide);margin-inline:auto}@media(min-width:768px){.comparison-grid{grid-template-columns:1fr 1fr;gap:var(--space-8);align-items:stretch}}.comparison-img{border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg)}.comparison-img img{width:100%;height:100%;object-fit:cover;display:block}.comparison-text h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:var(--color-text);margin-bottom:var(--space-4);letter-spacing:-.01em}.comparison-text p{font-size:var(--text-base);color:var(--color-text-muted);margin-bottom:var(--space-6);line-height:1.6}.feature-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.feature-list li{display:flex;align-items:flex-start;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text)}.feature-list li svg{width:20px;height:20px;flex-shrink:0;color:var(--color-primary);margin-top:2px}.stats-section{padding:clamp(var(--space-8),4vw,var(--space-16)) var(--space-4);background:var(--color-primary);color:var(--color-text-inverse)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);max-width:var(--content-wide);margin-inline:auto;text-align:center}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:#fff;margin-bottom:var(--space-1)}.stat-item p{font-size:var(--text-sm);opacity:.85}.blog-section{padding:clamp(var(--space-12),8vw,var(--space-24)) var(--space-4);background:var(--color-surface-2)}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6);max-width:var(--content-max);margin-inline:auto}@media(min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--color-divider);text-decoration:none;color:inherit;transition:box-shadow var(--transition-interactive),transform var(--transition-interactive)}.blog-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.blog-card-img{aspect-ratio:16/9;overflow:hidden;background:var(--color-surface-warm)}.blog-card-img img{width:100%;height:100%;object-fit:cover;display:block}.blog-card-body{padding:var(--space-4) var(--space-5)}.blog-category{font-size:var(--text-xs);font-weight:600;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-2)}.blog-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2);line-height:1.3}.blog-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.cta-section{padding:clamp(var(--space-12),8vw,var(--space-24)) var(--space-4);background:var(--color-bg)}.cta-card{max-width:var(--content-wide);margin-inline:auto;background:linear-gradient(135deg,var(--color-primary),#1b5e1b);border-radius:var(--radius-2xl);padding:clamp(var(--space-8),5vw,var(--space-16));display:grid;grid-template-columns:1fr;gap:var(--space-6);align-items:center;position:relative;overflow:hidden}@media(min-width:768px){.cta-card{grid-template-columns:1fr auto}}.cta-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 100% 100%,rgba(232,146,45,.15),transparent 60%)}.cta-card h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:#fff;position:relative;z-index:1;margin-bottom:var(--space-2)}.cta-card p{font-size:var(--text-base);color:#ffffffd9;position:relative;z-index:1}.cta-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);position:relative;z-index:1}.btn-white{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);background:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);text-decoration:none;transition:transform var(--transition-interactive),box-shadow var(--transition-interactive)}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0003}.btn-outline-white{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:#fff;border:1.5px solid rgba(255,255,255,.4);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);text-decoration:none;transition:background var(--transition-interactive),border-color var(--transition-interactive)}.btn-outline-white:hover{background:#ffffff1a;border-color:#ffffffb3}.mascot-float{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:90;width:72px;height:72px;border-radius:var(--radius-full);background:var(--color-surface);box-shadow:var(--shadow-lg);border:2px solid var(--color-primary-subtle);overflow:hidden;cursor:pointer;transition:transform var(--transition-interactive),box-shadow var(--transition-interactive)}.mascot-float:hover{transform:scale(1.1);box-shadow:var(--shadow-xl)}.mascot-float img{width:100%;height:100%;object-fit:cover;object-position:center 15%}.footer{background:var(--color-surface-2);border-top:1px solid var(--color-divider);padding:clamp(var(--space-8),4vw,var(--space-16)) var(--space-4)}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:var(--content-max);margin-inline:auto}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12)}}.footer-brand{max-width:300px}.footer-brand img{height:36px;margin-bottom:var(--space-4)}.footer-brand p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.6}.footer-col h4{font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;color:var(--color-text);margin-bottom:var(--space-4);text-transform:uppercase;letter-spacing:.05em}.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.footer-col a{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-interactive)}.footer-col a:hover{color:var(--color-primary)}.footer-bottom{margin-top:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-divider);max-width:var(--content-max);margin-inline:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--space-4)}.footer-bottom p,.footer-bottom a{font-size:var(--text-xs);color:var(--color-text-faint)}.footer-bottom a{text-decoration:none}.fade-in{opacity:1}@supports (animation-timeline: scroll()){.fade-in{opacity:0;animation:reveal-fade linear both;animation-timeline:view();animation-range:entry 0% entry 100%}}@keyframes reveal-fade{to{opacity:1}}.reveal{opacity:0;transform:translateY(20px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.visible{opacity:1;transform:translateY(0)}.newsletter-form{display:flex;gap:var(--space-2);max-width:400px;margin-top:var(--space-4)}.newsletter-form input{flex:1;padding:var(--space-2) var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);font-size:var(--text-sm);transition:border-color var(--transition-interactive)}.newsletter-form input:focus{outline:none;border-color:var(--color-primary)}.newsletter-form button{padding:var(--space-2) var(--space-5);background:var(--color-accent);color:#fff;font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-full);transition:background var(--transition-interactive)}.newsletter-form button:hover{background:var(--color-accent-hover)}.permit-section{padding:clamp(var(--space-12),8vw,var(--space-24)) var(--space-4);background:var(--color-bg)}.permit-grid{display:grid;grid-template-columns:1fr;gap:var(--space-8);max-width:var(--content-wide);margin-inline:auto;align-items:center}@media(min-width:768px){.permit-grid{grid-template-columns:1fr 1fr;align-items:center}}.permit-img{border-radius:var(--radius-2xl);overflow:hidden}.permit-img img{width:100%;height:auto;display:block;border-radius:var(--radius-2xl)}.article-hero{position:relative;background:var(--color-surface-2);padding:clamp(var(--space-12),6vw,var(--space-20)) var(--space-4) var(--space-8)}.article-hero-inner{max-width:800px;margin-inline:auto}.article-breadcrumb{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600;margin-bottom:var(--space-4)}.article-breadcrumb a{color:var(--color-text-muted);text-decoration:none}.article-breadcrumb a:hover{color:var(--color-primary)}.article-breadcrumb span[aria-hidden]{color:var(--color-text-faint)}.article-eyebrow{display:inline-block;font-size:var(--text-xs);font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--space-3)}.article-hero h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:800;color:var(--color-text);line-height:1.1;max-width:22ch;margin-bottom:var(--space-5)}.article-hero h1 .accent{color:var(--color-primary)}.article-hero h1 .accent-orange{color:var(--color-accent)}.article-dek{font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.5;max-width:60ch;margin-bottom:var(--space-6);font-style:italic}.article-meta{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-6);font-size:var(--text-sm);color:var(--color-text-muted);padding-top:var(--space-4);border-top:1px solid var(--color-divider)}.article-meta-item{display:inline-flex;align-items:center;gap:var(--space-2)}.article-meta-item strong{color:var(--color-text);font-weight:600}.article-hero-img{margin-top:var(--space-8);margin-left:auto;margin-right:auto;max-width:800px;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:16 / 9;background:var(--color-surface-warm)}.article-hero-img img{width:100%;height:100%;object-fit:cover;display:block}.article-body{padding:clamp(var(--space-10),6vw,var(--space-16)) var(--space-4);background:var(--color-bg)}.article-prose{max-width:800px;margin-inline:auto;font-size:var(--text-base);color:var(--color-text);line-height:1.7}.article-prose>*+*{margin-top:var(--space-5)}.article-prose h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-text);line-height:1.2;margin-top:var(--space-12);margin-bottom:var(--space-3);padding-top:var(--space-4);border-top:2px solid var(--color-primary-subtle)}.article-prose h2:first-child{margin-top:0;padding-top:0;border-top:none}.article-prose h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text);margin-top:var(--space-8);margin-bottom:var(--space-2)}.article-prose p{font-size:var(--text-base);color:var(--color-text);max-width:var(--content-narrow)}.article-prose strong{color:var(--color-text);font-weight:700}.article-prose em{font-style:italic}.article-prose a{color:var(--color-primary);text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}.article-prose a:hover{color:var(--color-primary-hover)}.article-prose ul,.article-prose ol{padding-left:var(--space-6)}.article-prose li{margin-bottom:var(--space-2);max-width:var(--content-narrow)}.article-prose li::marker{color:var(--color-primary)}.article-prose blockquote{border-left:4px solid var(--color-accent);background:var(--color-accent-light);padding:var(--space-4) var(--space-6);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-base);color:var(--color-text);margin:var(--space-6) 0}.article-prose blockquote p{margin-bottom:0}.article-prose blockquote p+p{margin-top:var(--space-3)}.article-prose blockquote strong{color:var(--color-primary)}.article-prose hr{border:none;border-top:1px solid var(--color-divider);margin:var(--space-10) 0}.article-prose figure{margin:var(--space-10) 0;border-radius:var(--radius-2xl);overflow:hidden;background:var(--color-surface-warm);box-shadow:var(--shadow-md)}.article-prose figure img{width:100%;height:auto;display:block;aspect-ratio:16 / 9;object-fit:cover}.article-prose figcaption{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted);background:var(--color-surface);border-top:1px solid var(--color-divider);font-style:italic}.article-prose table{width:100%;border-collapse:collapse;font-size:var(--text-sm);background:var(--color-surface);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);margin:var(--space-6) 0;display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.article-prose table th,.article-prose table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-divider)}.article-prose table th{background:var(--color-primary);color:#fff;font-weight:700;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.article-prose table tr:last-child td{border-bottom:none}.article-prose table tr:nth-child(2n) td{background:var(--color-surface-2)}.article-prose .article-disclosure{margin-top:var(--space-10);padding:var(--space-5) var(--space-6);background:var(--color-surface-2);border-left:4px solid var(--color-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-sm);color:var(--color-text-muted)}.article-prose .article-disclosure strong{color:var(--color-primary)}.article-tools{padding:var(--space-12) var(--space-4);background:var(--color-surface-2)}.article-tools-inner{max-width:var(--content-wide);margin-inline:auto}.article-tools h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:var(--color-text);text-align:center;margin-bottom:var(--space-2)}.article-tools p.lead{text-align:center;color:var(--color-text-muted);margin-bottom:var(--space-8);max-width:60ch;margin-inline:auto}.article-tools-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:640px){.article-tools-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.article-tools-grid{grid-template-columns:repeat(3,1fr)}}.article-tool-card{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-xl);padding:var(--space-5);text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:var(--space-2);transition:transform var(--transition-interactive),box-shadow var(--transition-interactive),border-color var(--transition-interactive)}.article-tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-primary-subtle)}.article-tool-card .tool-eyebrow{font-size:var(--text-xs);font-weight:700;color:var(--color-accent);text-transform:uppercase;letter-spacing:.06em}.article-tool-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-text);line-height:1.25}.article-tool-card p{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.5}.related-articles{padding:var(--space-16) var(--space-4);background:var(--color-bg);border-top:1px solid var(--color-divider)}@media(max-width:640px){.mascot-float{width:52px;height:52px;bottom:var(--space-4);right:var(--space-4);border-width:1.5px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:var(--space-2);text-align:left}.newsletter-form{flex-direction:column;gap:var(--space-3);max-width:100%}.newsletter-form input,.newsletter-form button{width:100%}.newsletter-form button{padding:var(--space-3) var(--space-5)}}@media(max-width:640px){html,body{overflow-x:hidden}}.guide-toc{margin:var(--space-7) 0;padding:var(--space-5) var(--space-6);background:var(--color-surface-alt, var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);max-width:68ch}.guide-toc__title{font-size:var(--text-sm);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin:0 0 var(--space-4)}.guide-toc__list{margin:0;padding:0;list-style:none;counter-reset:toc;columns:2;column-gap:var(--space-6)}.guide-toc__list li{counter-increment:toc;margin:0 0 var(--space-2);max-width:none;break-inside:avoid;display:flex;gap:var(--space-3);line-height:1.45}.guide-toc__list li:before{content:counter(toc);font-variant-numeric:tabular-nums;font-size:var(--text-xs);font-weight:700;color:var(--color-primary);padding-top:.15em;flex:0 0 1.4em}.guide-toc__list a{color:var(--color-text);text-decoration:none;border-bottom:1px solid transparent}.guide-toc__list a:hover,.guide-toc__list a:focus-visible{color:var(--color-primary);border-bottom-color:currentColor}@media(max-width:720px){.guide-toc{padding:var(--space-4) var(--space-5)}.guide-toc__list{columns:1}}.article-prose h2[id]{scroll-margin-top:90px}.mobile-tools{display:flex;align-items:center;gap:var(--space-2)}@media(min-width:768px){.mobile-tools{display:none}}button.mascot-float{padding:0;color:inherit}.skip-link{position:absolute;left:var(--space-4);top:var(--space-4);z-index:200;background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);text-decoration:none;transform:translateY(-150%)}.skip-link:focus{transform:none}.article-prose>img,.article-prose p>img{width:100%;height:auto;border-radius:var(--radius-xl);margin-block:var(--space-6);object-fit:cover}.article-prose p:has(img){max-width:none}.article-prose figure{max-width:none}.article-prose figure img{aspect-ratio:auto;max-height:none}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.footer-bottom p,.footer-bottom a{font-size:var(--text-sm);color:var(--color-text-faint);text-decoration:none}.footer-bottom a:hover{color:var(--color-primary)}.nav-link[aria-current=page]{color:var(--color-text);font-weight:700}.calc-hub{padding:clamp(var(--space-12),8vw,var(--space-20)) var(--space-4)}.calc-hub-inner{max-width:var(--content-wide);margin-inline:auto}.calc-hub h1{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;letter-spacing:-.02em;margin:var(--space-3) 0 var(--space-4)}.calc-hub .lead{color:var(--color-text-muted);max-width:62ch;margin-bottom:var(--space-8)}