/* AI Sakhi — shared styles (generated from the design sources) */
x-dc[data-dc-root]{visibility:hidden}

*{box-sizing:border-box}
  body{margin:0}
  .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
  /* "You already use AI when you are…" cards — centered flex so the last row never sticks left */
  .usecards{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:1000px;margin:0 auto}
  .usecards>div{flex:1 1 170px;max-width:230px}
  /* hero rows use both .wrap and .secpad; .secpad's "padding:Npx 0" shorthand wipes the
     horizontal gutter, so content hit the screen edges on mobile. Restore it (wins on specificity). */
  .wrap.secpad{padding-left:24px;padding-right:24px}
  .navlinks{display:flex}
  .navtoggle{display:none}
  @media(max-width:1024px){.navlinks{display:none}.navtoggle{display:inline-flex}}
  .herorow{display:grid;grid-template-columns:1.06fr .94fr;gap:52px;align-items:center}
  @media(max-width:900px){.herorow{grid-template-columns:1fr;gap:36px}}
  .secpad{padding:92px 0}
  @media(max-width:760px){.secpad{padding:60px 0}}
  .hideMob{display:block}
  @media(max-width:760px){.hideMob{display:none}}
  .storyrow{display:grid;grid-template-columns:.85fr 1.15fr;gap:0}
  @media(max-width:760px){.storyrow{grid-template-columns:1fr}}
  .ambrow{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:start}
  @media(max-width:900px){.ambrow{grid-template-columns:1fr;gap:32px}}
  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
  @keyframes floaty2{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
  @keyframes twinkle{0%,100%{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}
  @keyframes blink{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
  @keyframes spinslow{to{transform:rotate(360deg)}}
  input:focus,textarea:focus{outline:none}
  input::placeholder,textarea::placeholder{color:#9C92B4}

*{box-sizing:border-box}body{margin:0}
  .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
  .secpad{padding:84px 0}@media(max-width:760px){.secpad{padding:54px 0}}
  .g2{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:760px){.g2{grid-template-columns:1fr}}
  .why{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;align-items:center}@media(max-width:820px){.why{grid-template-columns:1fr;gap:32px}}
  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
  input:focus{outline:none}

*{box-sizing:border-box}body{margin:0}
  .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
  .secpad{padding:80px 0}@media(max-width:760px){.secpad{padding:52px 0}}
  .mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:20px}
  .chal{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}

*{box-sizing:border-box}body{margin:0}
  .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
  .secpad{padding:64px 0 80px}
  .tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}

*{box-sizing:border-box}body{margin:0}
  .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
  .secpad{padding:80px 0}@media(max-width:760px){.secpad{padding:52px 0}}
  .herorow{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}@media(max-width:880px){.herorow{grid-template-columns:1fr;gap:34px}}
  .formrow{display:grid;grid-template-columns:1fr 1.05fr;gap:48px;align-items:start}@media(max-width:880px){.formrow{grid-template-columns:1fr;gap:32px}}
  input:focus,textarea:focus{outline:none}input::placeholder,textarea::placeholder{color:#9C92B4}
  @keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}

*{box-sizing:border-box}body{margin:0}
  .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
  .secpad{padding:80px 0}@media(max-width:760px){.secpad{padding:52px 0}}
  .cases{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:820px){.cases{grid-template-columns:1fr}}
  .casecard{display:grid;grid-template-columns:.8fr 1.2fr}@media(max-width:480px){.casecard{grid-template-columns:1fr}}

*{box-sizing:border-box}body{margin:0}
  .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
  .secpad{padding:74px 0 80px}
  .res{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}

*{box-sizing:border-box}body{margin:0}
  .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
  .secpad{padding:40px 0 80px}
  .evs{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}

*{box-sizing:border-box}body{margin:0}
  .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
  .secpad{padding:36px 0 80px}
  .posts{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}

*{box-sizing:border-box}body{margin:0}
  .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
  .secpad{padding:74px 0 80px}
  .logos{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}

*{box-sizing:border-box}body{margin:0}
  .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
  .secpad{padding:70px 0 80px}
  .crow{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:start}@media(max-width:860px){.crow{grid-template-columns:1fr;gap:26px}}
  input:focus,textarea:focus{outline:none}input::placeholder,textarea::placeholder{color:#9C92B4}

*{box-sizing:border-box}body{margin:0}
  .wrap{max-width:1160px;margin:0 auto;padding:0 24px}
  .secpad{padding:80px 0}@media(max-width:760px){.secpad{padding:54px 0}}
  .opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
  @keyframes twinkle{0%,100%{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}

.nv-wrap{max-width:1200px;margin:0 auto;padding:0 24px}
  .nv-links{display:flex}
  .nv-cta{display:inline-block;margin-left:8px}
  .nv-toggle{display:none;margin-left:10px}
  @media(max-width:1200px){.nv-links{display:none}.nv-toggle{display:inline-flex}.nv-cta{margin-left:auto}}
  @media(max-width:520px){.nv-cta{display:none}.nv-toggle{margin-left:auto}}

.ft-wrap{max-width:1200px;margin:0 auto;padding:64px 24px 0}
  .ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:40px}
  @media(max-width:820px){.ft-grid{grid-template-columns:1fr 1fr;gap:34px}}
  @media(max-width:520px){.ft-grid{grid-template-columns:1fr}}