:root{--color-text:#000;--color-text-secondary:#222;--color-text-tertiary:#525a69;--color-text-muted:#7b7974;--color-text-subtle:#9f9b93;--color-text-inverse:#fff;--color-text-link:#3859f9;--color-bg:#fff;--color-bg-surface:#f9f8f6;--color-bg-surface-alt:#f3f2ed;--color-bg-inverse:#000;--color-border-subtle:#eee9df;--color-border-default:#dad4c8;--color-border-strong:#d0d0d0;--color-border-interactive:#e6e8ec;--color-border-focus:#3859f9;--color-brand:#3859f9;--font-primary:"Roobert", Arial, sans-serif;--font-mono:"Space Mono", monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-28:112px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:24px;--radius-2xl:40px;--radius-full:9999px;--shadow-sm:#0000000f 0px 1px 3px 0px;--shadow-md:#0000001a 0px 2px 6px 2px;--shadow-lg:#0000001f 0px 8px 24px -4px;--ease-default:cubic-bezier(.165, .84, .44, 1);--ease-in-out:cubic-bezier(.075, .82, .165, 1);--max-width:1200px;--section-px:40px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:24px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--max-width);padding:0 var(--section-px);margin:0 auto}.nav{z-index:100;-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border-subtle);padding:var(--space-4) 0;background:#ffffffeb;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font-primary);color:var(--color-text);letter-spacing:-.48px;font-size:16px;font-weight:600}.nav-logo span{color:var(--color-text-subtle);font-weight:400}.nav-links{align-items:center;gap:var(--space-6);display:flex}.nav-link{color:var(--color-text-muted);font-size:14px;font-weight:400;transition:color .2s}.nav-link:hover{color:var(--color-text)}.btn-primary{background:var(--color-text);color:var(--color-text-inverse);font-family:var(--font-primary);letter-spacing:-.128px;border-radius:var(--radius-md);cursor:pointer;transition:background-color .25s var(--ease-in-out);border:0;justify-content:center;align-items:center;padding:11.2px 16px;font-size:12.8px;font-weight:500;line-height:19.2px;display:inline-flex}.btn-primary:hover{background:#222}.btn-secondary{background:var(--color-bg);color:var(--color-text);font-family:var(--font-primary);letter-spacing:-.128px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);cursor:pointer;transition:background-color .25s var(--ease-in-out), border-color .3s var(--ease-default);justify-content:center;align-items:center;padding:10.2px 15px;font-size:12.8px;font-weight:500;line-height:19.2px;display:inline-flex}.btn-secondary:hover{background:var(--color-bg-surface);border-color:var(--color-text-muted)}.btn-lg{letter-spacing:normal;padding:14px 24px;font-size:16px;line-height:24px}.btn-cta{background:var(--color-text-inverse);color:var(--color-text);font-family:var(--font-primary);border-radius:var(--radius-md);cursor:pointer;transition:background-color .25s var(--ease-in-out);justify-content:center;align-items:center;gap:var(--space-2);border:0;padding:14px 24px;font-size:16px;font-weight:500;line-height:24px;display:inline-flex}.btn-cta:hover{background:var(--color-bg-surface)}.hero{padding:var(--space-28) 0 var(--space-20);text-align:center;background:var(--color-bg-inverse);color:var(--color-text-inverse);position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(40% 50% at 20%,#3859f91a,#0000),radial-gradient(35% 55% at 80% 40%,#3bd3fd0f,#0000),radial-gradient(50% 40% at 50% 80%,#8b5cf60d,#0000);position:absolute;inset:0}.hero:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 70%,#000 20%,#0000 70%);mask-image:radial-gradient(70% 70%,#000 20%,#0000 70%)}.hero>*{z-index:1;position:relative}.hero-eyebrow{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-subtle);margin-bottom:var(--space-6);font-size:12px;font-weight:500}.hero-title{font-family:var(--font-primary);letter-spacing:-3.2px;color:var(--color-text-inverse);margin-bottom:var(--space-6);max-width:720px;margin-left:auto;margin-right:auto;font-size:80px;font-weight:600;line-height:80px}.hero-subtitle{color:var(--color-text-subtle);max-width:540px;margin:0 auto var(--space-10);font-size:20px;font-weight:400;line-height:28px}.hero-actions{justify-content:center;align-items:center;gap:var(--space-4);display:flex}.hero .btn-primary{background:var(--color-text-inverse);color:var(--color-text)}.hero .btn-primary:hover{background:var(--color-bg-surface)}.hero .btn-secondary{color:var(--color-text-inverse);background:0 0;border-color:#fff3}.hero .btn-secondary:hover{background:#ffffff14;border-color:#fff6}.section{padding:var(--space-20) 0}.section-surface{background:var(--color-bg-surface);border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.section-dark{background:var(--color-bg-inverse);color:var(--color-text-inverse)}.section-header{text-align:center;margin-bottom:var(--space-16)}.section-eyebrow{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-subtle);margin-bottom:var(--space-3);font-size:12px;font-weight:500}.section-dark .section-eyebrow{color:var(--color-text-subtle)}.section-title{font-family:var(--font-primary);letter-spacing:-1.32px;color:var(--color-text);font-size:44px;font-weight:600;line-height:48.4px}.section-dark .section-title{color:var(--color-text-inverse)}.section-desc{color:var(--color-text-muted);max-width:540px;margin:var(--space-4) auto 0;font-size:20px;font-weight:400;line-height:28px}.section-dark .section-desc{color:var(--color-text-subtle)}.filter-group{margin-bottom:var(--space-6)}.filter-label{letter-spacing:1px;text-transform:uppercase;color:var(--color-text-subtle);margin-bottom:var(--space-2);text-align:center;font-size:10px;font-weight:500;display:block}.results-count{text-align:center;color:var(--color-text-subtle);margin-bottom:var(--space-8);font-size:14px}.filters{justify-content:center;gap:var(--space-1);flex-wrap:wrap;display:flex}.filter-btn{padding:var(--space-2) var(--space-4);font-family:var(--font-primary);letter-spacing:-.128px;color:var(--color-text-muted);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:background-color .3s var(--ease-default), border-color .3s var(--ease-default);background:0 0;font-size:12.8px;font-weight:500}.filter-btn:hover{background:var(--color-bg-surface);border-color:var(--color-text-muted);color:var(--color-text)}.filter-btn.active{background:var(--color-text);color:var(--color-text-inverse);border-color:var(--color-text)}.filter-style{padding:var(--space-1) var(--space-3);font-size:12px}.inspiration-grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.inspiration-card{border:1px solid var(--color-border-default);border-radius:var(--radius-lg);background:var(--color-bg);transition:box-shadow .3s var(--ease-default), transform .2s ease-out;cursor:pointer;overflow:hidden}.inspiration-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.inspiration-card-img{aspect-ratio:16/10;background:var(--color-bg-surface-alt);border-bottom:1px solid var(--color-border-subtle);justify-content:center;align-items:center;width:100%;display:flex}.favicon{border-radius:var(--radius-md);object-fit:contain;width:48px;height:48px}.inspiration-card-body{padding:var(--space-4)}.inspiration-card-top{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.inspiration-card-name{letter-spacing:-.48px;color:var(--color-text);font-size:16px;font-weight:600}.inspiration-card-arrow{color:var(--color-text-subtle);font-size:14px;transition:all .2s ease-out}.inspiration-card:hover .inspiration-card-arrow{color:var(--color-text);transform:translate(2px,-2px)}.inspiration-card-desc{color:var(--color-text-muted);margin-bottom:var(--space-3);font-size:14px;font-weight:400;line-height:21px}.inspiration-card-tags{gap:var(--space-1);flex-wrap:wrap;display:flex}.tag{background:var(--color-bg-surface);color:var(--color-text-tertiary);letter-spacing:1px;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--color-border-subtle);align-items:center;padding:4px 8px;font-size:12px;font-weight:500;display:inline-flex}.tag-category{background:var(--color-text);color:var(--color-text-inverse);border-color:var(--color-text)}.how-grid{gap:var(--space-10);grid-template-columns:repeat(3,1fr);display:grid}.how-step{text-align:center;padding:var(--space-10) var(--space-6)}.how-step-num{background:var(--color-text);width:36px;height:36px;color:var(--color-text-inverse);border-radius:var(--radius-full);margin-bottom:var(--space-5);justify-content:center;align-items:center;font-size:14px;font-weight:600;display:inline-flex}.how-step-title{letter-spacing:-.48px;margin-bottom:var(--space-2);color:var(--color-text);font-size:24px;font-weight:600}.how-step-desc{color:var(--color-text-muted);font-size:16px;font-weight:400;line-height:24px}.cta{padding:var(--space-20) 0;text-align:center}.cta-title{font-family:var(--font-primary);letter-spacing:-1.32px;color:var(--color-text-inverse);margin-bottom:var(--space-4);font-size:44px;font-weight:600;line-height:48.4px}.cta-desc{color:var(--color-text-subtle);margin-bottom:var(--space-10);font-size:20px;font-weight:400;line-height:28px}.footer{border-top:1px solid var(--color-border-subtle);padding:var(--space-10) 0}.footer-inner{justify-content:space-between;align-items:center;display:flex}.footer-text{color:var(--color-text-subtle);font-size:14px}.footer-links{gap:var(--space-6);display:flex}.footer-link{color:var(--color-text-subtle);font-size:14px;transition:color .2s}.footer-link:hover{color:var(--color-text)}@media (width<=768px){:root{--section-px:20px}.hero-title{letter-spacing:-1.32px;font-size:44px;line-height:48.4px}.hero{padding:var(--space-16) 0 var(--space-12)}.section{padding:var(--space-12) 0}.inspiration-grid{grid-template-columns:1fr}.how-grid{gap:var(--space-6);grid-template-columns:1fr}.hero-actions{flex-direction:column}.nav-links{gap:var(--space-4)}.nav-link{display:none}.footer-inner{gap:var(--space-4);flex-direction:column}}@media (width<=1024px) and (width>=769px){.inspiration-grid{grid-template-columns:repeat(2,1fr)}}.legal-page{max-width:720px;padding-top:var(--space-16);padding-bottom:var(--space-20)}.legal-title{font-family:var(--font-primary);letter-spacing:-1.32px;margin-bottom:var(--space-2);font-size:44px;font-weight:600}.legal-updated{color:var(--color-text-subtle);margin-bottom:var(--space-10);font-size:14px}.legal-section{margin-bottom:var(--space-8)}.legal-section h2{font-family:var(--font-primary);letter-spacing:-.48px;margin-bottom:var(--space-2);font-size:24px;font-weight:600}.legal-section h3{margin:var(--space-4) 0 var(--space-1);font-size:16px;font-weight:600}.legal-section p{color:var(--color-text-muted);margin-bottom:var(--space-3);font-size:16px;font-weight:400;line-height:24px}.legal-section a{color:var(--color-text-link);text-underline-offset:3px;-webkit-text-decoration:underline #3859f94d;text-decoration:underline #3859f94d}.legal-section a:hover{-webkit-text-decoration-color:var(--color-text-link);text-decoration-color:var(--color-text-link)}.legal-section ul{padding:0;list-style:none}.legal-section li{color:var(--color-text-muted);padding-left:var(--space-5);margin-bottom:var(--space-1);font-size:16px;font-weight:400;line-height:24px;position:relative}.legal-section li:before{content:"—";color:var(--color-border-default);position:absolute;left:0}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .3s var(--ease-default) both}.fade-up-1{animation-delay:.1s}.fade-up-2{animation-delay:.15s}.fade-up-3{animation-delay:.2s}
