/* Security & data protection page: hero, fact strip, layer cards, contract promises, FAQ. */
.sec-hero{position:relative;padding:96px 0 40px;text-align:center;overflow:hidden}
.sec-hero::before{content:"";position:absolute;inset:-40% -10% auto;height:620px;background:radial-gradient(closest-side,rgba(18,198,198,.16),transparent),radial-gradient(closest-side at 70% 60%,rgba(255,90,69,.10),transparent);pointer-events:none}
.sec-hero .wrap{position:relative}
.sec-hero h1{font-size:clamp(36px,5.4vw,68px);line-height:1.02;letter-spacing:-.045em;font-weight:560;max-width:16ch;margin:22px auto 0}
.sec-hero .deck{font-size:clamp(17px,1.4vw,19px);color:var(--ink-soft);line-height:1.6;max-width:40em;margin:24px auto 0}
.sec-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:30px}

.sec-facts{padding:30px 0 20px}
.sec-facts .wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.sec-fact{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px 22px 20px;box-shadow:0 20px 40px -34px rgba(13,31,43,.35)}
.sec-fact b{display:block;font-size:clamp(30px,3.2vw,42px);letter-spacing:-.04em;font-weight:600;line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec-fact span{display:block;margin-top:10px;color:var(--ink-soft);font-size:14.5px;line-height:1.5}

.sec-sh{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:40px}
.sec-sh h2,.sec-split h2,.sec-cta h2{font-size:clamp(30px,4vw,50px);line-height:1.05;letter-spacing:-.04em;font-weight:560;max-width:20ch;margin-top:18px}

.sec-grid{padding:90px 0 40px}
.sec-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sec-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px 24px 24px;transition:transform .25s ease,box-shadow .25s ease}
.sec-card:hover{transform:translateY(-3px);box-shadow:0 30px 50px -36px rgba(13,31,43,.45)}
.sec-i{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--grad);color:#fff}
.sec-card:nth-child(3n+2) .sec-i{background:linear-gradient(135deg,#FF8A3D,#FF5A45)}
.sec-card:nth-child(3n) .sec-i{background:linear-gradient(135deg,#3C93F4,#0A5E8A)}
.sec-i svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sec-card h3{font-size:20px;letter-spacing:-.02em;font-weight:600;margin-top:18px}
.sec-card p{color:var(--ink-soft);font-size:15.5px;line-height:1.6;margin-top:10px}

.sec-split{padding:70px 0}
.sec-split-in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:48px;align-items:center;background:#0D1F2B;color:#fff;border-radius:32px;padding:56px;background-image:radial-gradient(closest-side at 90% 10%,rgba(18,198,198,.25),transparent 70%)}
.sec-split .eyebrow{color:#5FE3E3}
.sec-split h2{color:#fff}
.sec-split p{color:rgba(255,255,255,.75);font-size:17px;line-height:1.6;margin-top:16px}
.sec-link{display:inline-block;margin-top:22px;color:#fff;font-weight:600;border-bottom:1.5px solid rgba(255,255,255,.35);padding-bottom:2px}
.sec-link:hover{border-color:#fff}
.sec-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.sec-list li{position:relative;padding:14px 16px 14px 46px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.8);font-size:15px;line-height:1.5}
.sec-list li::before{content:"";position:absolute;left:16px;top:17px;width:18px;height:18px;border-radius:50%;background:#12C6C6}
.sec-list li::after{content:"";position:absolute;left:22px;top:21px;width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.sec-list b{color:#fff;font-weight:600}

.sec-faq{padding:60px 0 40px}
.sec-qs{max-width:820px;margin:0 auto;display:grid;gap:10px}
.sec-qs details{background:#fff;border:1px solid var(--line);border-radius:18px;padding:0 22px}
.sec-qs summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 0;font-weight:600;font-size:16.5px}
.sec-qs summary::-webkit-details-marker{display:none}
.sec-qs summary::after{content:"+";font-size:22px;font-weight:400;color:var(--ink-soft);transition:transform .2s}
.sec-qs details[open] summary::after{transform:rotate(45deg)}
.sec-qs p{color:var(--ink-soft);font-size:15.5px;line-height:1.65;padding:0 0 18px;margin:0}

.sec-cta{padding:60px 0 110px;text-align:center}
.sec-cta h2{margin:0 auto 26px}

@media(max-width:980px){
  .sec-facts .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sec-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sec-split-in{grid-template-columns:1fr;padding:36px 24px;gap:28px}
}
@media(max-width:600px){
  .sec-hero{padding:64px 0 24px}
  .sec-facts .wrap,.sec-cards{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.sec-card{transition:none}}