* { box-sizing: border-box; }
  html { scroll-behavior: smooth; }
  body { margin: 0; font-family: 'Manrope', system-ui, sans-serif; color: #0C1526; background: #ffffff; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
  h1,h2,h3,h4 { font-family: 'Sora', system-ui, sans-serif; margin: 0; letter-spacing: -0.02em; line-height: 1.06; }
  p { margin: 0; }
  a { color: #2F80F0; text-decoration: none; }
  a:hover { color: #1E5FCC; }
  @keyframes floaty { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
  @keyframes floaty2 { 0%,100% { transform: translateY(0); } 50% { transform: translateY(10px); } }
  @keyframes rise { from { opacity: 0; transform: translateY(22px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes pulseDot { 0%,100% { opacity: 1; } 50% { opacity: 0.35; } }
  @keyframes revealUp { from { opacity: 0; transform: translateY(34px); } to { opacity: 1; transform: translateY(0); } }
  @keyframes aurora { 0% { transform: translate3d(-6%,-4%,0) scale(1); } 50% { transform: translate3d(8%,6%,0) scale(1.15); } 100% { transform: translate3d(-6%,-4%,0) scale(1); } }
  @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

  @media (hover:hover) {
    [data-hov="cta"]:hover { transform: translateY(-2px); filter: brightness(1.08); box-shadow: 0 18px 40px rgba(47,128,240,0.5) !important; }
    [data-hov="ghost"]:hover { background: rgba(255,255,255,0.14) !important; border-color: rgba(255,255,255,0.38) !important; }
    [data-hov="btn2"]:hover { background: #F4F8FF !important; border-color: #A9C9F5 !important; transform: translateY(-2px); box-shadow: 0 10px 22px -8px rgba(11,29,66,0.18); }
    [data-hov="card"]:hover { transform: translateY(-8px); box-shadow: 0 30px 60px -22px rgba(47,128,240,0.34) !important; border-color: #A9C9F5 !important; }
    [data-hov="why"]:hover { transform: translateY(-6px); background: rgba(47,128,240,0.12) !important; border-color: rgba(90,160,255,0.45) !important; }
    [data-hov="mock"]:hover { transform: translateY(-8px); box-shadow: 0 34px 64px -20px rgba(0,0,0,0.7) !important; border-color: rgba(90,160,255,0.4) !important; }
    [data-hov="client"]:hover { transform: translateY(-8px); box-shadow: 0 30px 60px -22px rgba(11,29,66,0.28) !important; border-color: #B9D3F7 !important; }
    [data-hov="client"]:hover img { transform: scale(1.04); }
    [data-hov="client"] img { transition: transform .6s cubic-bezier(.2,.7,.2,1); }
    [data-hov="nav"]:hover { color: #fff !important; }
    [data-hov="flink"]:hover { color: #fff !important; transform: translateX(3px); }
    [data-hov="tlink"]:hover { color: #1E5FCC !important; gap: 13px !important; }
    [data-hov="dashed"]:hover { background: rgba(47,128,240,0.10) !important; border-color: rgba(90,160,255,0.5) !important; transform: translateY(-6px); }
    [data-hov="crow"]:hover { background: rgba(255,255,255,0.07) !important; }
    [data-hov="check"]:hover { background: #EAF2FF !important; }
    [data-hov="chip"]:hover { background: rgba(47,128,240,0.16) !important; border-color: rgba(90,160,255,0.5) !important; color: #fff !important; transform: translateY(-3px); }
    [data-hov="checkdark"]:hover { background: rgba(90,224,192,0.12) !important; color: #fff !important; }
    [data-hov="check"] svg, [data-hov="checkdark"] svg { transition: transform .22s ease; }
    [data-hov="check"]:hover svg, [data-hov="checkdark"]:hover svg { transform: scale(1.18); }
    [data-hov="zoom"]:hover { transform: scale(1.035); }
    [data-hov="logo"]:hover { transform: translateY(-1px); filter: brightness(1.1); }
  }
  [data-hov="field"]:focus { border-color: #2F80F0 !important; background: #fff !important; box-shadow: 0 0 0 4px rgba(47,128,240,0.12); }
  [data-hov="cta"], [data-hov="ghost"], [data-hov="logo"], [data-hov="flink"], [data-hov="tlink"], [data-hov="nav"] { transition: transform .25s ease, filter .25s ease, background .25s ease, border-color .25s ease, box-shadow .25s ease, color .2s ease, gap .2s ease; }
  details > summary { list-style: none; cursor: pointer; }
  details > summary::-webkit-details-marker { display: none; }
  details[open] summary .faq-chev { transform: rotate(45deg); }
  details summary:hover .faq-q { color: #2160E0; }
  [data-hov="field"] { transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }
  @keyframes sheen { 0% { transform: translateX(-120%) skewX(-18deg); } 100% { transform: translateX(320%) skewX(-18deg); } }
  ::selection { background: #2F80F0; color: #fff; }
  @media (prefers-reduced-motion: reduce) { * { animation-duration: .001s !important; animation-iteration-count: 1 !important; } }

  @media (max-width: 720px) {
    input, textarea, select { font-size: 16px !important; }
    [data-perf="glow"] { display: none !important; }
    [data-m="herobtns"], [data-m="btnrow"] { flex-direction: column; align-items: stretch; gap: 12px !important; }
    [data-m="herobtns"] > a, [data-m="btnrow"] > a { width: 100%; justify-content: center; padding: 16px 20px !important; }
    [data-m="guarantee"] > div { align-items: flex-start !important; text-align: left !important; }
    [data-m="guarantee"] > div p { max-width: none !important; }
    [data-m="badge-hero"] { left: 12px !important; right: 12px !important; bottom: 12px !important; padding: 11px 13px !important; border-radius: 12px !important; }
    [data-m="badge-founder"] { right: 12px !important; left: 12px !important; bottom: 12px !important; }
    [data-m="wa"] { display: flex !important; width: 56px !important; height: 56px !important; right: 14px !important; bottom: 20px !important; }
    [data-m="wa"] svg { width: 26px; height: 26px; }
    [data-hov="card"] { padding: 22px 18px !important; }
    [data-m="problems"] > div { display: grid !important; grid-template-columns: 42px 1fr; column-gap: 14px; row-gap: 3px; align-items: start; padding: 18px 17px !important; }
    [data-m="problems"] > div > div { grid-row: span 2; width: 42px !important; height: 42px !important; margin-bottom: 0 !important; border-radius: 11px !important; }
    [data-m="problems"] > div > div svg { width: 22px; height: 22px; }
    [data-hov="why"] { padding: 20px 18px !important; }
    details[name="faq"] { padding: 2px 16px !important; }
    details[name="faq"] summary { gap: 12px !important; padding: 17px 0 !important; }
  }
  @media (max-width: 360px) {
    [data-m="slots"] > button { font-size: 13px !important; padding: 13px 2px !important; }
  }

/* --- layout states (previously computed in JS) --- */
header[data-hdr]{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(8,18,40,0.12);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,0.05);box-shadow:none;transition:background .35s ease,box-shadow .35s ease,border-color .35s ease}
header[data-hdr][data-scrolled]{background:rgba(8,18,40,0.88);border-bottom-color:rgba(255,255,255,0.10);box-shadow:0 12px 40px rgba(0,0,0,0.35)}
nav[data-desktop-nav]{display:none;gap:clamp(16px,2.4vw,32px);align-items:center}
[data-desktop-cta]{display:none;align-items:center;gap:8px;background:linear-gradient(135deg,#3B8BFF,#2160E0);color:#fff;font-weight:700;font-size:14.5px;padding:12px 22px;border-radius:11px;box-shadow:0 8px 22px rgba(47,128,240,0.45);white-space:nowrap}
[data-menu-toggle]{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:11px;background:rgba(255,255,255,0.10);border:1px solid rgba(255,255,255,0.16);cursor:pointer;color:#fff}
@media (min-width:1020px){
  nav[data-desktop-nav]{display:flex}
  [data-desktop-cta]{display:inline-flex}
  [data-menu-toggle]{display:none}
}
[data-menu]{display:none;background:rgba(8,20,45,0.98);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-top:1px solid rgba(255,255,255,0.08);padding:8px clamp(18px,4vw,40px) 22px;flex-direction:column;gap:2px}
[data-menu][data-open]{display:flex}
[data-m="problems"]{grid-template-columns:1fr}
[data-g="services"],[data-g="process"],[data-g="clients"],[data-g="footer"],[data-g="guarantee"]{grid-template-columns:1fr}
[data-g="cspan"],[data-g="lastcard"]{grid-column:auto}
@media (min-width:640px){[data-g="footer"]{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:660px){
  [data-m="problems"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-g="services"],[data-g="process"],[data-g="clients"]{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-g="lastcard"]{grid-column:span 2}
}
@media (min-width:900px){[data-g="guarantee"]{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1000px){
  [data-g="clients"]{grid-template-columns:repeat(6,minmax(0,1fr))}
  [data-g="cspan"]{grid-column:span 2}
}
@media (min-width:1060px){[data-g="services"],[data-g="process"]{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1080px){[data-g="footer"]{grid-template-columns:1.35fr repeat(3,minmax(0,1fr))}}
@media (min-width:1120px){
  [data-m="problems"]{grid-template-columns:repeat(5,minmax(0,1fr))}
  [data-g="lastcard"]{grid-column:auto}
}
[data-slot]{padding:13px 6px;border-radius:11px;cursor:pointer;font-family:'Manrope',system-ui,sans-serif;font-size:14px;font-weight:700;transition:background .2s ease,border-color .2s ease,color .2s ease;border:1px solid #D9E2F0;background:#FbFcFf;color:#4C5C76;box-shadow:none}
[data-slot][data-on]{border-color:#2F80F0;background:#EEF4FF;color:#1E5FCC;box-shadow:0 0 0 3px rgba(47,128,240,0.12)}