/* ==========================================================================
   Clever AI — shared design system (editorial · evergreen)
   Source Serif 4 (display) + Libre Franklin (body). Light, professional.
   ========================================================================== */
:root{
  --paper:#FBFAF6;
  --paper-2:#F4F2EA;
  --ink:#1B201C;
  --ink-soft:#54605A;
  --ink-faint:#8A938D;
  --line:#E2E5DF;
  --line-soft:#ECEEE9;
  --accent:#15493A;
  --accent-bright:#1C6B52;
  --accent-soft:#E7EFEA;
  --forest:#13322A;
  --mint:#9FCCB8;
  --white:#FFFFFF;
  --serif:'Source Serif 4', Georgia, 'Times New Roman', serif;
  --sans:'Libre Franklin', system-ui, -apple-system, sans-serif;
  --maxw:1180px;
}
*,*::before,*::after{box-sizing:border-box;}
*{margin:0;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:90px;}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.6;font-size:17px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
img{display:block;max-width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;padding:0;}
::selection{background:var(--accent-soft);color:var(--accent);}

.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:32px;}
.serif{font-family:var(--serif);}
h1,h2,h3,h4{font-family:var(--serif);font-weight:500;letter-spacing:-.02em;line-height:1.08;color:var(--ink);}

.eyebrow{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:10px;}
.eyebrow::before{content:"";width:22px;height:1.5px;background:var(--accent);}
.eyebrow.on-dark{color:var(--mint);}
.eyebrow.on-dark::before{background:var(--mint);}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--sans);font-weight:600;font-size:15px;line-height:1;padding:13px 22px;border-radius:3px;border:1.5px solid transparent;cursor:pointer;transition:transform .15s,background .2s,color .2s,border-color .2s;white-space:nowrap;}
.btn .arr{transition:transform .2s;}
.btn:hover .arr{transform:translateX(3px);}
.btn-primary{background:var(--accent);color:#fff;}
.btn-primary:hover{background:var(--accent-bright);}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--ink);}
.btn-ghost:hover{background:var(--ink);color:var(--paper);}
.btn-lg{padding:16px 28px;font-size:16px;}
.btn-link{color:var(--accent);font-weight:600;display:inline-flex;align-items:center;gap:8px;width:fit-content;}
.btn-link .arr{transition:transform .2s;}
.btn-link:hover .arr{transform:translateX(4px);}

/* header */
header.site{position:sticky;top:0;z-index:50;background:rgba(251,250,246,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--line);}
.bar{display:flex;align-items:center;justify-content:space-between;height:74px;}
.logo{font-family:var(--serif);font-size:25px;font-weight:600;letter-spacing:-.01em;display:flex;align-items:baseline;gap:2px;color:var(--ink);}
.logo .ai{color:var(--accent);font-style:italic;}
nav.main{display:none;gap:34px;}
nav.main a{font-size:15px;font-weight:500;color:var(--ink-soft);transition:color .15s;position:relative;}
nav.main a:hover{color:var(--ink);}
nav.main a.is-active{color:var(--ink);}
nav.main a.is-active::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;background:var(--accent);border-radius:2px;}
.header-cta{display:none;}
@media(min-width:940px){nav.main{display:flex;}.header-cta{display:inline-flex;}}

/* mobile nav */
.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:0;margin-right:-10px;background:transparent;border:0;cursor:pointer;color:var(--ink);}
.nav-toggle span{display:block;width:24px;height:2px;margin:0 auto;background:currentColor;border-radius:2px;transition:transform .25s ease,opacity .2s ease;}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
.mobile-nav{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;background:rgba(251,250,246,.98);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);box-shadow:0 26px 44px -30px rgba(26,25,22,.45);padding:6px 32px 22px;}
.mobile-nav.open{display:flex;}
.mobile-nav a:not(.btn){font-size:17px;font-weight:500;color:var(--ink-soft);padding:14px 2px;border-bottom:1px solid var(--line-soft);}
.mobile-nav a:not(.btn).is-active{color:var(--accent);}
.mobile-nav .btn{width:100%;margin-top:18px;}
@media(max-width:939px){.nav-toggle{display:inline-flex;}}
@media(min-width:940px){.mobile-nav{display:none !important;}}

/* tighter spacing on small screens */
@media(max-width:600px){
  .wrap{padding-inline:20px;}
  .mobile-nav{padding-inline:20px;}
  section{padding:60px 0;}
}

/* sections */
section{padding:88px 0;}
.sec-head{max-width:62ch;}
.sec-head.center{margin-inline:auto;text-align:center;}
.sec-head h2{font-size:clamp(30px,3.4vw,44px);margin-top:18px;}
.sec-head p{color:var(--ink-soft);font-size:18px;margin-top:16px;max-width:54ch;}
.sec-head.center p{margin-inline:auto;}
.hr{height:1px;background:var(--line);border:0;}

/* generic CTA band (forest) */
.cta{background:var(--forest);color:var(--paper);text-align:center;}
.cta h2{font-size:clamp(32px,4vw,52px);line-height:1.05;}
.cta h2 .em{font-style:italic;color:var(--mint);}
.cta p{color:rgba(251,250,246,.74);font-size:18px;max-width:50ch;margin:20px auto 0;}
.cta-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:34px;}
.cta .btn-primary{background:var(--paper);color:var(--forest);}
.cta .btn-primary:hover{background:var(--mint);color:var(--forest);}
.cta .btn-ghost{color:var(--paper);border-color:rgba(251,250,246,.5);}
.cta .btn-ghost:hover{background:var(--paper);color:var(--forest);border-color:var(--paper);}

/* footer */
footer.site{background:var(--paper);border-top:1px solid var(--line);padding:64px 0 40px;}
.foot-grid{display:grid;gap:40px;grid-template-columns:1fr;}
@media(min-width:760px){.foot-grid{grid-template-columns:1.6fr 1fr 1fr;}}
.foot-blurb{color:var(--ink-soft);font-size:15px;max-width:34ch;margin-top:16px;}
footer.site h5{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:18px;}
.foot-links{display:grid;gap:11px;}
.foot-links a{color:var(--ink-soft);font-size:15px;transition:color .15s;}
.foot-links a:hover{color:var(--accent);}
.foot-bottom{display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;margin-top:54px;padding-top:26px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-faint);}
.foot-bottom a{color:var(--ink-faint);}
.foot-bottom a:hover{color:var(--ink);}