:root{--color-ink:#1a1a1f;--color-paper:#fdfcfb;--color-muted:#6b6a72;--color-accent:#e8623a;--color-accent-dark:#c94f2b;--color-line:#e7e5e2;--color-surface:#fff;--shadow-soft:0 1px 2px #1a1a1f0f, 0 8px 24px #1a1a1f14;--shadow-press:inset 0 2px 4px #0000002e;--radius:14px;--header-height:76px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--color-ink);background:var(--color-paper);margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{margin:0 0 .5em;line-height:1.15}p{margin:0 0 1em}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}.site-header{z-index:100;height:var(--header-height);background:0 0;align-items:center;transition:background-color .3s,box-shadow .3s,backdrop-filter .3s;display:flex;position:fixed;inset:0 0 auto}.site-header.is-scrolled{backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--color-line);background:#fdfcfbd9}.site-header .container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--color-ink);font-size:1.25rem;font-weight:700;text-decoration:none}.site-header.is-scrolled .logo,.nav-links a{color:var(--color-ink)}.site-header:not(.is-scrolled) .logo,.site-header:not(.is-scrolled) .nav-links a{color:#fff}.nav-links{gap:2rem;margin:0;padding:0;list-style:none;display:none}.nav-links a{font-size:.95rem;font-weight:500;text-decoration:none}@media (width>=800px){.nav-links{display:flex}.hamburger{display:none!important}}.hamburger{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:0;display:flex}.hamburger span{width:24px;height:2px;color:inherit;background:currentColor;border-radius:2px;transition:transform .25s,opacity .2s}.site-header:not(.is-scrolled) .hamburger{color:#fff}.site-header.is-scrolled .hamburger{color:var(--color-ink)}.hamburger[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.hamburger[aria-expanded=true] span:nth-child(2){opacity:0}.hamburger[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.nav-backdrop{backdrop-filter:blur(2px);opacity:0;pointer-events:none;z-index:150;background:#1a1a1f73;transition:opacity .25s;position:fixed;inset:0}.nav-panel{background:var(--color-surface);width:min(78vw,320px);box-shadow:var(--shadow-soft);z-index:151;flex-direction:column;gap:1.5rem;padding:24px;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}body.nav-open .nav-backdrop{opacity:1;pointer-events:auto}body.nav-open .nav-panel{transform:translate(0)}.nav-panel ul{flex-direction:column;gap:1.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-panel a{font-size:1.1rem;font-weight:600;text-decoration:none}.hero{color:#fff;background-position:50%;background-size:cover;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero:after{content:"";background:linear-gradient(#141216a6 0%,#141216c7 100%);position:absolute;inset:0}.hero .container{z-index:1;max-width:720px;position:relative}.hero h1{letter-spacing:-.02em;font-size:clamp(2.25rem,5vw,3.75rem);font-weight:700}.hero p{color:#ffffffdb;max-width:46ch;font-size:clamp(1.05rem,2vw,1.25rem)}.btn{cursor:pointer;background:linear-gradient(180deg, var(--color-accent) 0%, var(--color-accent-dark) 100%);color:#fff;border:none;border-radius:999px;justify-content:center;align-items:center;padding:.9rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s,filter .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff40,0 10px 20px #c94f2b59}.btn:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:inset 0 1px #ffffff40,0 14px 24px #c94f2b66}.btn:active{box-shadow:var(--shadow-press);transform:translateY(1px)}.btn:focus-visible{outline-offset:3px;outline:3px solid #e8623a80}.section{padding:96px 0}.section-heading{text-align:center;max-width:560px;margin:0 auto 3rem}.section-heading h2{font-size:clamp(1.75rem,3vw,2.25rem)}.section-heading p{color:var(--color-muted)}.image-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}@media (width>=700px){.image-grid{grid-template-columns:repeat(4,1fr)}}.image-grid figure{aspect-ratio:1;border-radius:var(--radius);box-shadow:var(--shadow-soft);background:var(--color-surface);margin:0;overflow:hidden}.image-grid img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.image-grid figure:hover img{transform:scale(1.05)}.faq-list{flex-direction:column;gap:12px;max-width:720px;margin:0 auto;display:flex}.faq-item{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-soft);padding:.25rem 1.25rem}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:1.1rem 0;font-weight:600;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .chevron{flex-shrink:0;transition:transform .2s}.faq-item[open] summary .chevron{transform:rotate(180deg)}.faq-item p{color:var(--color-muted);margin:0;padding-bottom:1.1rem}.blog-grid{flex-wrap:wrap;gap:28px;display:flex}.blog-card{max-width:380px;color:inherit;background:var(--color-surface);border-radius:var(--radius);box-shadow:var(--shadow-soft);flex:300px;text-decoration:none;transition:transform .2s,box-shadow .2s;overflow:hidden}.blog-card:hover{transform:translateY(-4px);box-shadow:0 4px 8px #1a1a1f14,0 16px 32px #1a1a1f1f}.blog-card .thumb{aspect-ratio:16/10;overflow:hidden}.blog-card .thumb img{object-fit:cover;width:100%;height:100%}.blog-card .card-body{padding:1.5rem}.blog-card h3{margin-bottom:.4em;font-size:1.15rem}.blog-card p{color:var(--color-muted);margin:0;font-size:.95rem}.post-hero{padding:calc(var(--header-height) + 48px) 0 48px}.post-hero .eyebrow{color:var(--color-muted);margin-bottom:.75rem;font-size:.9rem}.post-hero h1{font-size:clamp(2rem,4vw,2.75rem)}.post-hero .featured-image{border-radius:var(--radius);box-shadow:var(--shadow-soft);margin-top:2rem;overflow:hidden}.post-body{max-width:680px;margin:0 auto;padding-bottom:96px}.post-body h2{margin-top:2em;font-size:1.4rem}.page-hero{padding:calc(var(--header-height) + 56px) 0 56px;background:var(--color-ink);color:#fff}.page-hero p{color:#ffffffbf}.site-footer{border-top:1px solid var(--color-line);color:var(--color-muted);text-align:center;padding:48px 0;font-size:.9rem}
