#cta{padding-bottom:clamp(60px,9vw,110px)}
#cta .cta-frame{padding:clamp(70px,10vw,130px) var(--gut) clamp(40px,5vw,60px);overflow:hidden;
  background:radial-gradient(120% 80% at 50% 0%,var(--card) 0%,color-mix(in srgb,var(--card) 60%,transparent) 70%)}
#cta .cta-frame::before{content:"";position:absolute;right:0;top:0;width:360px;height:360px;background:url(/site/l/assets/corner-studs.svg) no-repeat top right/contain;opacity:.9;pointer-events:none}
#cta .cta-frame::after{content:"";position:absolute;left:0;bottom:0;width:360px;height:360px;background:url(/site/l/assets/corner-studs-bl.svg) no-repeat bottom left/contain;opacity:.9;pointer-events:none}
#cta .cta-head{position:relative;z-index:3;max-width:760px;margin:0 auto}
#cta .cta-form{display:flex;gap:8px;justify-content:center;margin:34px auto 0;max-width:440px}
#cta .cta-form input{flex:1;min-width:0;height:46px;padding:0 14px;border-radius:10px;border:1px solid var(--line2);background:var(--card);font:15px var(--sans);color:var(--ink);transition:border-color .15s,box-shadow .15s}
#cta .cta-form input:focus{outline:0;border-color:var(--sel);box-shadow:0 0 0 4px var(--sel-soft)}
#cta .cta-msg{min-height:22px;margin:12px 0 0;font:13px var(--mono);color:var(--ink2)}

/* floating real components behind the headline (parallax) */
#cta .cta-float{position:absolute;inset:0;z-index:2;pointer-events:none}
#cta .cta-float img{position:absolute;will-change:transform;filter:drop-shadow(0 18px 24px rgba(23,22,27,.18))}

#cta .cta-cfg{position:relative;z-index:3;max-width:520px;margin:clamp(44px,6vw,70px) auto 0;background:var(--night);border-radius:var(--r);border:1px solid #000;box-shadow:0 30px 60px -30px rgba(23,22,27,.45);color:var(--ntext);overflow:hidden}
#cta .cta-cfg-h{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--nline);font:12px var(--mono);color:#8d8996}
#cta .cta-copy{font:12px var(--mono);color:#cfcad8;padding:3px 9px;border:1px solid var(--nline);border-radius:6px;transition:background .15s,color .15s}
#cta .cta-copy:hover{background:var(--night3);color:#fff}
#cta pre{margin:0;padding:16px 18px;font:13px/1.65 var(--mono);overflow-x:auto}
#cta pre .k{color:#8cc8ff}#cta pre .s{color:#ffd86b}
#cta .cta-cfg-f{margin:0;padding:10px 14px;border-top:1px solid var(--nline);font:11.5px var(--mono);color:#77737f}

#cta .cta-faq{display:grid;grid-template-columns:240px 1fr;gap:40px;margin-top:clamp(70px,9vw,120px);border-top:1px solid var(--line);padding-top:36px}
#cta .cta-faq-h{font:450 28px/1.1 var(--sans);letter-spacing:-.03em;margin:0}
#cta details{border-bottom:1px solid var(--line)}
#cta details:first-child{border-top:1px solid var(--line)}
#cta summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 0;font:500 16.5px var(--sans);letter-spacing:-.015em}
#cta summary::-webkit-details-marker{display:none}
#cta summary{transition:color .15s}
#cta summary:hover{color:var(--ink2)}
#cta summary::after{content:"";width:12px;height:12px;flex:none;background:linear-gradient(var(--ink),var(--ink)) center/12px 1.5px no-repeat,linear-gradient(var(--ink),var(--ink)) center/1.5px 12px no-repeat;transition:transform .28s var(--ease),opacity .15s}
#cta details[open] summary::after{transform:rotate(45deg)}
#cta details p{margin:0 0 20px;color:var(--ink2);max-width:640px;font-size:15.5px}
@media (max-width:820px){#cta .cta-faq{grid-template-columns:1fr;gap:16px}#cta .cta-frame::before,#cta .cta-frame::after{width:200px;height:200px}#cta .cta-form{flex-direction:column}}