/* 10-sss — "Sık sorulanlar". Scoped to #sss. 1:1 with artboards 7a (1440) and 7b (375). */
#sss{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;max-width:100%;overflow:hidden;background:var(--white,#fff);padding:clamp(48px,36.732px + 3.0047vw,80px) 16px clamp(40px,28.732px + 3.0047vw,72px);font-family:var(--font-body,'Inter',system-ui,sans-serif);-webkit-font-smoothing:antialiased;color:#17202A}
#sss *,#sss *::before,#sss *::after{box-sizing:border-box}
#sss .sss-title{margin:0;font-family:var(--font-display,'Manrope',system-ui,sans-serif);font-weight:800;letter-spacing:-0.03em;font-size:clamp(30px,24.366px + 1.5023vw,46px);line-height:1.1;color:#17202A;text-align:center}

/* tabs */
#sss .sss-tabs-wrap{margin-top:clamp(22px,18.479px + 0.9390vw,32px);max-width:100%}
#sss .sss-tabs{display:flex;gap:4px;padding:6px;border-radius:var(--radius-pill,9999px);background:#F1F3F5;max-width:100%;overflow-x:auto;scrollbar-width:none}
#sss .sss-tabs::-webkit-scrollbar{display:none}
#sss .sss-tab{flex:none;height:36px;padding:0 18px;border-radius:var(--radius-pill,9999px);display:flex;align-items:center;font-family:inherit;font-size:14px;font-weight:500;background:transparent;color:#374151;white-space:nowrap;border:0;cursor:pointer;transition:background .15s ease,color .15s ease}
#sss .sss-tab:hover{background:rgba(23,32,42,.06)}
#sss .sss-tab.is-on,#sss .sss-tab[aria-selected="true"]{font-weight:600;background:#17202A;color:#fff}
#sss .sss-tab:focus-visible{outline:2px solid var(--brand,#0E6B84);outline-offset:2px}

/* list */
#sss .sss-list{margin-top:clamp(24px,19.775px + 1.1268vw,36px);width:100%;max-width:760px;display:flex;flex-direction:column;gap:clamp(10px,8.592px + 0.3756vw,14px)}
#sss .sss-group{display:flex;flex-direction:column;gap:clamp(10px,8.592px + 0.3756vw,14px)}
#sss .sss-group-title{font-family:var(--font-display,'Manrope',system-ui,sans-serif);font-weight:800;letter-spacing:-0.03em;font-size:clamp(20px,18.592px + 0.3756vw,24px);color:#17202A;margin-bottom:clamp(2px,1.296px + 0.1878vw,4px)}
#sss .sss-item{border-radius:16px;background:#F5F6F8;padding:clamp(16px,15.296px + 0.1878vw,18px) clamp(18px,16.592px + 0.3756vw,22px);display:flex;flex-direction:column}
#sss .sss-q{margin:0;font-size:inherit;font-weight:inherit}
#sss .sss-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0;margin:0;border:0;background:transparent;font-family:inherit;text-align:left;cursor:pointer;color:#17202A;border-radius:8px}
#sss .sss-btn:focus-visible{outline:2px solid var(--brand,#0E6B84);outline-offset:6px}
#sss .sss-q-text{font-size:clamp(15px,14.296px + 0.1878vw,17px);font-weight:600;color:#17202A;line-height:1.35}
#sss .sss-icon{flex:none;width:28px;height:28px;border-radius:50%;background:#17202A;display:flex;align-items:center;justify-content:center}
#sss .sss-icon svg{width:12px;height:12px;display:block;transition:transform .35s cubic-bezier(.2,.7,.2,1)}
#sss .sss-item.is-open .sss-icon svg{transform:rotate(180deg)}
#sss .sss-icon-v{transition:opacity .25s ease,transform .35s cubic-bezier(.2,.7,.2,1);transform-origin:center}
#sss .sss-item.is-open .sss-icon-v{opacity:0;transform:rotate(90deg)}
#sss .sss-panel{display:grid;grid-template-rows:1fr;transition:grid-template-rows .35s cubic-bezier(.2,.7,.2,1)}
#sss .sss-panel[hidden]{display:grid;grid-template-rows:0fr}
#sss .sss-panel-inner{overflow:hidden;min-height:0}
#sss .sss-a{transition:opacity .3s ease .08s,transform .35s cubic-bezier(.2,.7,.2,1) .05s}
#sss .sss-panel[hidden] .sss-a{opacity:0;transform:translateY(-6px);transition-delay:0s}
#sss .sss-a{margin:12px 0 0;font-size:clamp(14px,13.648px + 0.0939vw,15px);line-height:1.6;color:#4B5563;max-width:560px}

/* help card */
#sss .sss-help-wrap{margin-top:clamp(20px,17.183px + 0.7512vw,28px)}
#sss .sss-help{border-radius:22px;background:#F5F6F8;padding:clamp(24px,21.183px + 0.7512vw,32px) clamp(22px,17.070px + 1.3146vw,36px);display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center}
#sss .sss-help-copy{display:flex;flex-direction:column;gap:8px;min-width:0}
#sss .sss-help-title{font-family:var(--font-display,'Manrope',system-ui,sans-serif);font-weight:800;letter-spacing:-0.03em;font-size:clamp(22px,21.296px + 0.1878vw,24px);color:#17202A}
#sss .sss-help-p{margin:0;font-size:15px;line-height:1.5;color:#4B5563}
#sss .sss-help-cta{margin-top:12px}
#sss .sss-btn-dark{height:42px;padding:0 22px;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:14px;font-weight:600;letter-spacing:-0.01em;line-height:1;text-decoration:none;white-space:nowrap;border:0;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
#sss .sss-btn-dark svg{width:12px;height:12px;flex:none}
#sss .sss-btn-dark:hover{transform:translateY(-1px);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 18px -4px #17202A99,0 1px 2px rgba(0,0,0,.15)}
#sss .sss-btn-dark:focus-visible{outline:2px solid var(--brand,#0E6B84);outline-offset:3px}

/* signpost stork: 220×170 at 1440, 165×128 at 375 (cqi = 1/100 of stage width) */
#sss .sss-sign{flex:none}
#sss .sss-sign-stage{position:relative;width:clamp(165px,145.634px + 5.1643vw,220px);aspect-ratio:220/170;container-type:inline-size}
#sss .sss-sign-post{position:absolute;left:71.818cqi;top:2.727cqi;width:4.091cqi;height:72.727cqi;border-radius:3px;background:#8C5A2B}
#sss .sss-sign-board{position:absolute;height:10.909cqi;padding:0 5.455cqi;display:flex;align-items:center;color:#fff;font-size:5cqi;font-weight:600;white-space:nowrap;line-height:1}
#sss .sss-sign-1{left:68.182cqi;top:6.364cqi;background:#0E6B84;clip-path:polygon(0 0,calc(100% - 4.091cqi) 0,100% 50%,calc(100% - 4.091cqi) 100%,0 100%)}
#sss .sss-sign-2{left:43.636cqi;top:20cqi;width:32.727cqi;justify-content:flex-end;background:#1A809B;clip-path:polygon(4.091cqi 0,100% 0,100% 100%,4.091cqi 100%,0 50%)}
#sss .sss-sign-3{left:68.182cqi;top:33.636cqi;background:#0A4A5C;clip-path:polygon(0 0,calc(100% - 4.091cqi) 0,100% 50%,calc(100% - 4.091cqi) 100%,0 100%)}
#sss .sss-sign-stork{position:absolute;left:4.545cqi;bottom:0;width:59.091cqi;height:56.364cqi;filter:drop-shadow(0 3.636cqi 5.455cqi rgba(20,40,60,.18));--halo:#FFFFFF}

@media (max-width: 640px){
  #sss .sss-help{display:flex;flex-direction:column;gap:20px;align-items:flex-start}
}
@media (prefers-reduced-motion: reduce){#sss .sss-panel,#sss .sss-icon-v,#sss .sss-icon svg,#sss .sss-a,#sss .sss-btn-dark,#sss .sss-tab,#sss .sss-group-title{transition:none}#sss .sss-panel[hidden] .sss-a{opacity:1;transform:none}}

/* ---------- animation (ANIM-E): rows reveal via [data-reveal]; signpost stork bobs, signs sway ---------- */
#sss .sss-group-title{transition:opacity .25s ease,transform .25s cubic-bezier(.2,.7,.2,1)}
#sss .sss-group-title.is-in.is-switching{opacity:0;transform:translateY(6px);transition:none}
#sss .sss-sign-board{transform-origin:left center}
#sss .sss-sign-2{transform-origin:right center}
@media (prefers-reduced-motion:no-preference){
  #sss .sss-sign-stork{animation:sss-bob 3s ease-in-out infinite;will-change:transform}
  @keyframes sss-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
  #sss .sss-sign-1{animation:sss-sway 4.2s ease-in-out infinite}
  #sss .sss-sign-2{animation:sss-sway-r 5.1s ease-in-out -1.7s infinite}
  #sss .sss-sign-3{animation:sss-sway 4.7s ease-in-out -3.1s infinite}
  @keyframes sss-sway{0%,100%{transform:rotate(0)}50%{transform:rotate(1.6deg)}}
  @keyframes sss-sway-r{0%,100%{transform:rotate(0)}50%{transform:rotate(-1.6deg)}}
}