.container{
  width:100%;
  max-width:var(--container-max);
  margin-inline:auto;
  padding-inline:var(--container-pad);
}
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(180%) blur(8px);
  border-bottom:1px solid var(--color-border);
}
.header-inner{
  display:flex;
  align-items:center;
  gap:var(--space-4);
  min-height:var(--header-height);
}
.brand{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:700;color:var(--color-text)}
.brand-name{font-size:var(--fs-lg);letter-spacing:-0.01em}
.primary-nav{flex:1;display:flex;justify-content:center}
.nav-list{display:flex;gap:var(--space-6);align-items:center}
.nav-list a{color:var(--color-text-muted);font-size:var(--fs-sm);font-weight:500}
.nav-list a:hover{color:var(--color-primary)}
.header-actions{display:flex;gap:var(--space-2)}
.nav-toggle{display:none}

.hero{padding-block:var(--space-16) var(--space-20);background:linear-gradient(180deg,var(--color-light-blue) 0%,var(--color-white) 100%)}
.hero-inner{display:grid;grid-template-columns:1.15fr 0.85fr;gap:var(--space-12);align-items:center}
.hero-copy h1{margin-bottom:var(--space-4)}
.hero-copy .lead{margin-bottom:var(--space-6)}
.hero-search{display:flex;align-items:center;gap:var(--space-2);background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);box-shadow:var(--shadow-sm);position:relative;margin-bottom:var(--space-6)}
.hero-search input{flex:1;border:0;background:transparent;padding:var(--space-3) 0;font-size:var(--fs-base);outline:0;min-width:0}
.hero-search-icon{color:var(--color-text-muted);flex-shrink:0}
.hero-cta{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6)}
.trust-row{display:flex;flex-wrap:wrap;gap:var(--space-4) var(--space-6);font-size:var(--fs-sm);color:var(--color-text-muted)}
.trust-row li{display:inline-flex;align-items:center;gap:var(--space-2)}
.trust-row svg{color:var(--color-primary)}
.hero-visual img{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}

.section{padding-block:var(--space-16)}
.section-head{max-width:720px;margin:0 auto var(--space-10);text-align:center}
.section-head h2{margin-bottom:var(--space-3)}
.section-head p{color:var(--color-text-muted)}

.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}
.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);counter-reset:step}
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
.usecases-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}
.formats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}
.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.guides-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}

.privacy-inner{display:grid;grid-template-columns:1.2fr 0.8fr;gap:var(--space-12);align-items:center}
.privacy-copy h2{margin-bottom:var(--space-4)}
.privacy-copy p{margin-bottom:var(--space-4);color:var(--color-text-muted)}
.privacy-visual img{width:100%;height:auto;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}
.privacy-list{margin:var(--space-4) 0 var(--space-6);display:grid;gap:var(--space-3)}
.privacy-list li{padding-left:var(--space-6);position:relative;color:var(--color-text-muted)}
.privacy-list li::before{content:"";position:absolute;left:0;top:.55em;width:12px;height:12px;border-radius:50%;background:var(--color-primary)}

.site-footer{border-top:1px solid var(--color-border);background:var(--color-bg-subtle);padding-block:var(--space-12) var(--space-6);margin-top:var(--space-16)}
.footer-inner{display:grid;grid-template-columns:1.2fr 3fr;gap:var(--space-10);padding-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}
.footer-brand p{color:var(--color-text-muted);margin-top:var(--space-3);max-width:320px}
.footer-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}
.footer-nav h3{font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text);margin-bottom:var(--space-3)}
.footer-nav ul{display:grid;gap:var(--space-2)}
.footer-nav a{color:var(--color-text-muted);font-size:var(--fs-sm)}
.footer-nav a:hover{color:var(--color-primary)}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3);padding-top:var(--space-6);font-size:var(--fs-sm);color:var(--color-text-muted)}

.cta-panel{text-align:center;background:var(--color-light-blue);border-radius:var(--radius-xl);padding:var(--space-12) var(--space-6)}
.cta-panel h2{margin-bottom:var(--space-3)}
.cta-panel p{margin-bottom:var(--space-6);color:var(--color-text-muted)}
.cta-actions{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap}

.error-page{padding-block:var(--space-20);text-align:center;max-width:720px;margin-inline:auto}
.error-page h1{margin-bottom:var(--space-4)}
.error-page p{color:var(--color-text-muted);margin-bottom:var(--space-6)}
.error-links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-3)}