.ab-testi{position:relative;overflow:hidden}.ab-testi__frame{position:relative;display:flex;flex-direction:column;min-height:clamp(320px,40vw,480px)}.ab-testi__row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:24px}.ab-testi__row--bottom{margin-top:auto}.ab-testi__center{position:relative;z-index:1;flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:clamp(40px,5vw,72px) 0}.ab-testi__quotebox{position:relative;max-width:56ch}.ab-testi .ab-testi__mark{position:absolute;top:clamp(-.12em,-.4vw,.02em);left:clamp(-1.05em,-4vw,-.6em);font-family:Georgia,Times New Roman,serif;font-weight:700;font-size:clamp(96px,11vw,168px);line-height:.6;color:#ffffff17!important;z-index:0;pointer-events:none;user-select:none}.ab-testi__quote{position:relative;z-index:1;margin:0 auto;text-align:center;font-family:var(--font-display);font-weight:var(--fw-medium, 500);font-size:clamp(22px,2.5vw,34px);line-height:1.28;letter-spacing:-.012em;color:var(--fg-strong);text-wrap:pretty;animation:abTestiFade .52s var(--ease-out, cubic-bezier(.22,.61,.36,1)) both}.ab-testi__eyebrow{display:inline-flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:13px;font-weight:var(--fw-semibold, 600);letter-spacing:.02em;color:var(--fg-strong)}.ab-testi__diamond{width:9px;height:9px;flex:none;background:var(--accent);transform:rotate(45deg)}.ab-testi__person{display:flex;flex-direction:column;gap:6px}.ab-testi__name{font-family:var(--font-display);font-weight:var(--fw-medium, 500);font-size:clamp(22px,2vw,30px);line-height:1.1;letter-spacing:-.01em;color:var(--fg-strong);animation:abTestiFade .52s var(--ease-out, cubic-bezier(.22,.61,.36,1)) both}.ab-testi__role{font-family:var(--font-display);font-style:italic;font-size:clamp(14px,1.2vw,17px);color:#ffffff6b;animation:abTestiFade .52s var(--ease-out, cubic-bezier(.22,.61,.36,1)) 40ms both}.ab-testi__count{font-family:var(--font-mono);font-size:14px;letter-spacing:.04em;color:#ffffff73}.ab-testi__count-sep{margin:0 2px;color:#ffffff47}@keyframes abTestiFade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ab-testi__nav{display:flex;justify-content:flex-end;gap:14px;margin-top:clamp(28px,4vw,52px)}.ab-testi__arrow{appearance:none;cursor:pointer;width:72px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:transparent;transition:border-color var(--dur-fast, .18s) var(--ease-out, ease),color var(--dur-fast, .18s) var(--ease-out, ease),background var(--dur-fast, .18s) var(--ease-out, ease)}.ab-testi__arrowsvg{width:40px;height:16px;display:block}.ab-testi__arrow--prev{border:1px solid rgba(255,255,255,.14);color:#fff6}.ab-testi__arrow--next{border:1px solid rgba(255,255,255,.32);color:#ffffffd9}.ab-testi__arrow:hover{border-color:var(--accent);color:var(--accent);background:#f9174014}.ab-testi__arrow:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 760px){.ab-testi__frame{min-height:0}.ab-testi__center{padding:36px 0}.ab-testi__quote{font-size:clamp(22px,6vw,30px)}.ab-testi .ab-testi__mark{font-size:clamp(80px,20vw,120px)}.ab-testi__row--bottom{flex-wrap:wrap;gap:20px}}@media (prefers-reduced-motion: reduce){.ab-testi__quote,.ab-testi__name,.ab-testi__role{animation:none}.ab-testi__arrow{transition:none}}
