/* 11-son-cagri — final CTA + waitlist form. Scoped to #son-cagri. 1:1 with 8a (1440), 8b (375), 8c (success). */
#son-cagri{position:relative;display:block;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;background:#E4F0F6;font-family:var(--font-body,'Inter',system-ui,sans-serif);-webkit-font-smoothing:antialiased;color:#17202A}
#son-cagri *,#son-cagri *::before,#son-cagri *::after{box-sizing:border-box}
#son-cagri .sc-sky{position:absolute;inset:0;width:100%;height:100%;display:block}
#son-cagri .sc-inner{position:relative;display:flex;flex-direction:column;align-items:center;padding:clamp(56px,36.986px + 5.0704vw,110px) 16px 0}
#son-cagri .sc-title{margin:0;font-family:var(--font-display,'Manrope',system-ui,sans-serif);font-weight:800;letter-spacing:-0.03em;font-size:clamp(32px,23.549px + 2.2535vw,56px);line-height:1.08;color:#17202A;text-align:center;text-wrap:balance;max-width:900px}
#son-cagri .sc-sub{margin:clamp(12px,10.592px + 0.3756vw,16px) 0 0;font-size:clamp(15px,13.592px + 0.3756vw,19px);line-height:1.5;color:#3F4A56;text-align:center}
#son-cagri .sc-form-wrap{margin-top:clamp(28px,23.775px + 1.1268vw,40px);width:100%;max-width:560px;display:flex;flex-direction:column;align-items:center}

/* form card (8a/8b) */
#son-cagri .sc-card{width:100%;max-width:560px;margin:0;border-radius:24px;background:#fff;box-shadow:0 0 0 1px rgba(20,40,60,.06),0 20px 50px -20px rgba(20,40,60,.25),0 2px 6px rgba(20,40,60,.06);padding:clamp(22px,18.479px + 0.9390vw,32px) clamp(20px,15.775px + 1.1268vw,32px);display:flex;flex-direction:column;gap:16px;container-type:inline-size}
#son-cagri .sc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
#son-cagri .sc-field{display:flex;flex-direction:column;gap:6px;min-width:0}
#son-cagri .sc-label{font-size:13px;font-weight:600;color:#374151}
#son-cagri .sc-select-wrap{position:relative}
#son-cagri .sc-select{width:100%;height:46px;padding:0 36px 0 14px;border:0;border-radius:12px;background:linear-gradient(180deg,#FBFCFD,#F3F5F8);box-shadow:inset 0 0 0 1px rgba(20,40,60,.10),inset 0 1px 0 #fff;font-family:inherit;font-size:14.5px;color:#17202A;appearance:none;-webkit-appearance:none;cursor:pointer;text-overflow:ellipsis}
#son-cagri .sc-chev{position:absolute;right:14px;top:50%;width:14px;height:14px;transform:translateY(-50%);pointer-events:none}
#son-cagri .sc-input{width:100%;height:48px;padding:0 16px;border:0;border-radius:12px;background:#fff;box-shadow:inset 0 0 0 1px rgba(20,40,60,.14);font-family:inherit;font-size:15px;color:#17202A}
#son-cagri .sc-input::placeholder{color:#9CA3AF;opacity:1}
#son-cagri .sc-phone{display:grid;grid-template-columns:118px 1fr;gap:10px}
#son-cagri .sc-cc .sc-select{height:48px;padding-left:12px;padding-right:30px;font-size:14px;letter-spacing:.01em}
#son-cagri .sc-field-name,#son-cagri .sc-field-phone{margin-top:14px}
#son-cagri .sc-select:focus-visible,#son-cagri .sc-input:focus-visible{outline:none;box-shadow:inset 0 0 0 1.5px var(--brand,#0E6B84),0 0 0 3px rgba(14,107,132,.18)}
#son-cagri .is-invalid .sc-select,#son-cagri .is-invalid .sc-input{box-shadow:inset 0 0 0 1.5px #B42318}
#son-cagri .sc-error{display:none;font-size:13px;line-height:1.4;color:#B42318}
#son-cagri .is-invalid .sc-error{display:block}
#son-cagri .sc-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#son-cagri .sc-submit{width:100%;height:50px;padding:0 22px;border:0;border-radius:var(--radius-pill,9999px);background:linear-gradient(180deg,#0E6B84 0%,#0E6B84 60%,rgba(0,0,0,.12) 100%),#0E6B84;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 14px -4px #0E6B8499,0 1px 2px rgba(0,0,0,.15);display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-family:inherit;font-size:16px;font-weight:600;letter-spacing:-0.01em;line-height:1;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
#son-cagri .sc-submit:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 18px -4px #0E6B8499,0 1px 2px rgba(0,0,0,.15)}
#son-cagri .sc-submit:focus-visible{outline:2px solid var(--brand,#0E6B84);outline-offset:3px}
#son-cagri .sc-submit[disabled]{opacity:.7;cursor:progress;transform:none}
#son-cagri .sc-note{text-align:center;font-size:13px;color:#6B7280}
/* honeypot: off-screen for people and hidden from assistive tech, but still in the DOM for bots */
#son-cagri .sc-hp{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
/* consent checkbox + sentence + one link */
#son-cagri .sc-field-consent{margin-top:2px}
#son-cagri .sc-consent{display:grid;grid-template-columns:18px 1fr;column-gap:10px;align-items:start;font-size:13px;line-height:1.45;color:#374151}
#son-cagri .sc-check{width:18px;height:18px;margin:1px 0 0;accent-color:var(--brand,#0E6B84);cursor:pointer}
#son-cagri .sc-consent-label{cursor:pointer}
#son-cagri .sc-consent-link{grid-column:2;color:var(--brand,#0E6B84);text-decoration:underline;text-underline-offset:2px}
#son-cagri .sc-check:focus-visible{outline:2px solid var(--brand,#0E6B84);outline-offset:2px}
#son-cagri .is-invalid .sc-check{outline:2px solid #B42318;outline-offset:1px}
#son-cagri .sc-form-error{display:none;text-align:center;font-size:13px;line-height:1.4;color:#B42318}
#son-cagri .sc-form-error.is-visible{display:block}
@container (max-width: 459px){
  #son-cagri .sc-grid{grid-template-columns:1fr}
}

/* success card (8c) */
#son-cagri .sc-success{width:100%;max-width:400px;border-radius:24px;background:#fff;box-shadow:0 0 0 1px rgba(20,40,60,.06),0 20px 50px -20px rgba(20,40,60,.25);padding:36px 32px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;outline:none}
#son-cagri .sc-success[hidden]{display:none}
#son-cagri .sc-success-check{width:56px;height:56px;border-radius:50%;background:linear-gradient(160deg,#1A809B,#0E6B84);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px rgba(14,107,132,.35)}
#son-cagri .sc-success-check svg{width:26px;height:26px;display:block}
#son-cagri .sc-success-title{font-family:var(--font-display,'Manrope',system-ui,sans-serif);font-weight:800;letter-spacing:-0.03em;font-size:26px;color:#17202A;margin-top:6px}
#son-cagri .sc-success-p{margin:0;font-size:15px;line-height:1.5;color:#4B5563}
#son-cagri .sc-success-cta{margin-top:10px}
#son-cagri .sc-btn-dark{height:38px;padding:0 22px;border:0;border-radius:var(--radius-pill,9999px);background:linear-gradient(180deg,#17202A 0%,#17202A 60%,rgba(0,0,0,.12) 100%),#17202A;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 6px 14px -4px #17202A99,0 1px 2px rgba(0,0,0,.15);display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#fff;font-family:inherit;font-size:13px;font-weight:600;letter-spacing:-0.01em;line-height:1;white-space:nowrap;cursor:pointer;transition:transform .15s ease}
#son-cagri .sc-btn-dark svg{width:12px;height:12px;flex:none}
#son-cagri .sc-btn-dark:hover{transform:translateY(-1px)}
#son-cagri .sc-btn-dark:focus-visible{outline:2px solid var(--brand,#0E6B84);outline-offset:3px}

/* stork under the card */
#son-cagri .sc-stork{margin-top:clamp(24px,19.775px + 1.1268vw,36px);width:clamp(170px,145.352px + 6.5728vw,240px);height:clamp(163px,139.408px + 6.2911vw,230px);display:block;filter:drop-shadow(0 clamp(10px,9.296px + 0.1878vw,12px) clamp(14px,12.592px + 0.3756vw,18px) rgba(20,40,60,.2));--halo:#FFFFFF}
@media (prefers-reduced-motion: reduce){#son-cagri .sc-submit,#son-cagri .sc-btn-dark{transition:none}}

/* ---------- animation (ANIM-E): parallax layers (JS sets transform), clouds float, success crossfade, paper-plane burst, stork wave ---------- */
#son-cagri .sc-par{transform-box:view-box}
#son-cagri .sc-success{position:relative}
#son-cagri .sc-burst{position:absolute;left:50%;top:36px;width:56px;height:56px;margin-left:-28px;pointer-events:none;overflow:visible}
#son-cagri .sc-burst svg{position:absolute;left:50%;top:50%;width:18px;height:14px;margin:-7px 0 0 -9px;opacity:0;will-change:transform,opacity}
@media (prefers-reduced-motion:no-preference){
  #son-cagri .sc-cloud{will-change:transform}
  #son-cagri .sc-cloud-a{animation:sc-float-a 24s ease-in-out infinite}
  #son-cagri .sc-cloud-b{animation:sc-float-b 28s ease-in-out -9s infinite}
  #son-cagri .sc-cloud-c{animation:sc-float-b 30s ease-in-out -4s infinite}
  #son-cagri .sc-cloud-d{animation:sc-float-a 26s ease-in-out -15s infinite}
  @keyframes sc-float-a{0%,100%{transform:translate(0,0)}50%{transform:translate(12px,-4px)}}
  @keyframes sc-float-b{0%,100%{transform:translate(0,0)}50%{transform:translate(-12px,3px)}}

  /* form → success crossfade (the display swap happens in JS between the two halves) */
  #son-cagri .sc-card.is-leaving{opacity:0;transform:scale(.97) translateY(-6px);transition:opacity .22s ease-in,transform .22s ease-in}
  #son-cagri .sc-success.is-entering{animation:sc-success-in .55s cubic-bezier(.2,.7,.2,1) both}
  @keyframes sc-success-in{0%{opacity:0;transform:scale(.92) translateY(10px)}100%{opacity:1;transform:none}}
  #son-cagri .sc-success.is-entering .sc-success-check{animation:sc-check-pop .6s cubic-bezier(.34,1.56,.64,1) .12s both}
  @keyframes sc-check-pop{0%{transform:scale(.4)}100%{transform:scale(1)}}

  /* stork "waves": rocks around its base, three loops, then rests exactly where it was */
  #son-cagri .sc-stork.is-waving{animation:sc-wave .7s ease-in-out 3;transform-origin:50% 100%}
  @keyframes sc-wave{0%,100%{transform:rotate(0)}30%{transform:rotate(-7deg)}70%{transform:rotate(7deg)}}
}