@font-face{font-family:__Inter_1b85de;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:__Inter_1b85de;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:__Inter_1b85de;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:__Inter_1b85de;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Inter_1b85de;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Inter_1b85de;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.p.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Inter_1b85de;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Inter_Fallback_1b85de;src:local("Arial");ascent-override:90.49%;descent-override:22.56%;line-gap-override:0.00%;size-adjust:107.06%}.__className_1b85de{font-family:__Inter_1b85de,__Inter_Fallback_1b85de;font-style:normal}:root{--color-primary-50:#f0f9f0;--color-primary-100:#dcf0dc;--color-primary-200:#b8e2b8;--color-primary-300:#8ace8a;--color-primary-400:#5ab55a;--color-primary-500:#3d9a3d;--color-primary-600:#2d7a2d;--color-primary-700:#2d5016;--color-primary-800:#264a14;--color-primary-900:#1f3d11;--color-primary:var(--color-primary-600);--color-secondary-50:#fff7ed;--color-secondary-100:#ffedd5;--color-secondary-200:#fed7aa;--color-secondary-300:#fdba74;--color-secondary-400:#fb923c;--color-secondary-500:#e07b39;--color-secondary-600:#ea580c;--color-secondary-700:#c2410c;--color-secondary-800:#9a3412;--color-secondary-900:#7c2d12;--color-secondary:var(--color-secondary-500);--color-accent-50:#fefce8;--color-accent-100:#fef9c3;--color-accent-200:#fef08a;--color-accent-300:#fde047;--color-accent-400:#facc15;--color-accent-500:#c9a227;--color-accent-600:#ca8a04;--color-accent-700:#a16207;--color-accent-800:#854d0e;--color-accent-900:#713f12;--color-accent:var(--color-accent-500);--color-neutral-50:#f8fafc;--color-neutral-100:#f1f5f9;--color-neutral-200:#e2e8f0;--color-neutral-300:#cbd5e1;--color-neutral-400:#94a3b8;--color-neutral-500:#64748b;--color-neutral-600:#475569;--color-neutral-700:#334155;--color-neutral-800:#1e293b;--color-neutral-900:#0f172a;--color-neutral-950:#020617;--color-success:#22c55e;--color-success-light:#dcfce7;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--color-info:#3b82f6;--color-info-light:#dbeafe;--bg-primary:#fff;--bg-secondary:var(--color-neutral-50);--bg-tertiary:var(--color-neutral-100);--bg-inverse:var(--color-neutral-900);--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-600);--text-tertiary:var(--color-neutral-400);--text-inverse:#fff;--text-link:var(--color-primary-600);--text-link-hover:var(--color-primary-700);--border-light:var(--color-neutral-200);--border-default:var(--color-neutral-300);--border-strong:var(--color-neutral-400);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono",Consolas,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.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-0:0;--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;--radius-none:0;--radius-sm:0.125rem;--radius-default:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,.05);--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--container-sm:640px;--container-md:768px;--container-lg:1024px;--container-xl:1280px;--container-2xl:1536px}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);background-color:var(--bg-primary);min-height:100vh}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);margin-bottom:var(--space-4)}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)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}a{color:var(--text-link);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-link-hover)}strong{font-weight:var(--font-semibold)}small{font-size:var(--text-sm)}.container{width:100%;max-width:var(--container-xl);margin-inline:auto;padding-inline:var(--space-4)}@media (min-width:640px){.container{padding-inline:var(--space-6)}}@media (min-width:1024px){.container{padding-inline:var(--space-8)}}.section{padding-block:var(--space-16)}.section--lg{padding-block:var(--space-24)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-medium);line-height:1;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-600) 0,var(--color-primary-700) 100%);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn--secondary{background:var(--bg-primary);color:var(--color-primary-600);border:2px solid var(--color-primary-600)}.btn--secondary:hover:not(:disabled){background:var(--color-primary-50)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover:not(:disabled){background:var(--bg-secondary);color:var(--text-primary)}.btn--accent{background:linear-gradient(135deg,var(--color-secondary-400) 0,var(--color-secondary-500) 100%);color:var(--text-inverse)}.btn--accent:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary-500) 0,var(--color-secondary-600) 100%);transform:translateY(-1px)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.card{background:var(--bg-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow:hidden;transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card__image{width:100%;aspect-ratio:16/10;-o-object-fit:cover;object-fit:cover}.card__content{padding:var(--space-6)}.card__badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full)}.card__badge--commercial{background:var(--color-info-light);color:var(--color-info)}.card__badge--diy{background:var(--color-success-light);color:var(--color-success)}.card__badge--premium{background:linear-gradient(135deg,var(--color-accent-400) 0,var(--color-accent-500) 100%);color:var(--color-neutral-900)}.card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--text-primary)}.card__description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card__meta{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-2)}.form-input,.form-label{color:var(--text-primary)}.form-input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:var(--text-base);background:var(--bg-primary);border:2px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.form-input::-moz-placeholder{color:var(--text-tertiary)}.form-input::placeholder{color:var(--text-tertiary)}.form-textarea{min-height:120px;resize:vertical}.form-error{font-size:var(--text-sm);color:var(--color-error);margin-top:var(--space-1)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:var(--font-medium);border-radius:var(--radius-default)}.badge--primary{background:var(--color-primary-100);color:var(--color-primary-700)}.badge--secondary{background:var(--color-secondary-100);color:var(--color-secondary-700)}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);background:var(--bg-tertiary);border-radius:var(--radius-full);transition:all var(--transition-fast)}.tag:hover{background:var(--color-primary-100);color:var(--color-primary-700)}.nav{display:flex;align-items:center;gap:var(--space-1)}.nav__link{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.nav__link:hover{color:var(--text-primary);background:var(--bg-secondary)}.nav__link--active{color:var(--color-primary-600);background:var(--color-primary-50)}.hero{position:relative;padding:var(--space-24) 0 var(--space-32);background:linear-gradient(135deg,var(--color-neutral-900) 0,var(--color-primary-900) 100%);color:var(--text-inverse);overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath opacity='.5' d='M96 95h4v1h-4v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4h-9v4h-1v-4H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15v-9H0v-1h15V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h9V0h1v15h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9h4v1h-4v9zm-1 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9H6v9h9zm-9 0v-9H0v9h6zM95 86v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zm-10 0v-9h-9v9h9zM6 85v-9H0v9h6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.5}.hero__content{position:relative;z-index:1;max-width:800px}.hero__title{font-size:var(--text-5xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);line-height:var(--leading-tight);color:var(--text-inverse)}@media (max-width:768px){.hero__title{font-size:var(--text-3xl)}}.hero__subtitle{font-size:var(--text-xl);color:var(--color-neutral-300);margin-bottom:var(--space-8);max-width:600px}.hero__stats{display:flex;gap:var(--space-12);margin-top:var(--space-12)}.hero__stat{text-align:left}.hero__stat-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-secondary-400)}.hero__stat-label{font-size:var(--text-sm);color:var(--color-neutral-400);text-transform:uppercase;letter-spacing:.05em}.header{position:sticky;top:0;z-index:var(--z-sticky);background:hsla(0,0%,100%,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-light)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:72px}.header__logo{gap:var(--space-3);font-weight:var(--font-bold);color:var(--text-primary)}.header__logo,.header__logo-icon{display:flex;align-items:center;font-size:var(--text-xl)}.header__logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--color-primary-500) 0,var(--color-primary-600) 100%);border-radius:var(--radius-lg);justify-content:center;color:#fff}.header__nav{display:none}@media (min-width:1024px){.header__nav{display:flex}}.header__actions{display:flex;align-items:center;gap:var(--space-3)}.header__mobile-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:transparent;border:none;border-radius:var(--radius-lg);cursor:pointer;color:var(--text-secondary)}@media (min-width:1024px){.header__mobile-toggle{display:none}}.footer{background:var(--color-neutral-900);color:var(--text-inverse);padding:var(--space-16) 0 var(--space-8)}.footer__grid{display:grid;gap:var(--space-8);margin-bottom:var(--space-12)}@media (min-width:768px){.footer__grid{grid-template-columns:2fr 1fr 1fr 1fr}}.footer__brand{max-width:300px}.footer__brand-logo{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);color:var(--text-inverse)}.footer__brand-text{line-height:var(--leading-relaxed)}.footer__brand-text,.footer__heading{font-size:var(--text-sm);color:var(--color-neutral-400)}.footer__heading{font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-4)}.footer__links{list-style:none}.footer__links li{margin-bottom:var(--space-2)}.footer__links a{font-size:var(--text-sm);color:var(--color-neutral-300)}.footer__links a:hover{color:var(--text-inverse)}.footer__bottom{padding-top:var(--space-8);border-top:1px solid var(--color-neutral-800);display:flex;flex-direction:column;gap:var(--space-4);align-items:center}@media (min-width:768px){.footer__bottom{flex-direction:row;justify-content:space-between}}.footer__copyright{font-size:var(--text-sm);color:var(--color-neutral-500)}.hidden{display:none}.block{display:block}@media (min-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}}@media (min-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}}@media (min-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-tertiary)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideUp{animation:slideUp .5s ease-out}.skeleton{background:linear-gradient(90deg,var(--color-neutral-200) 25%,var(--color-neutral-100) 50%,var(--color-neutral-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-default)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}