/* Gyro Satış Ortaklığı tanıtım sayfası (landing-affiliate.tpl) — R2 2026-11-12. Hafif CSS/SVG animasyon, reduced-motion'da kapalı. */
.gaff-hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,#05293d 0%,var(--wstyle-primary,#095174) 55%,#0b6b8f 100%);padding:3.25rem 0 3.5rem}
.gaff-hero .breadcrumb-item,.gaff-hero .breadcrumb-item a,.gaff-hero .breadcrumb-item+.breadcrumb-item::before{color:rgba(255,255,255,.78)}
.gaff-hero-bg span{position:absolute;border-radius:50%;filter:blur(2px);opacity:.35;background:radial-gradient(circle,#7cb342 0,transparent 65%);animation:gaffFloat 14s ease-in-out infinite}
.gaff-hero-bg span:nth-child(1){inline-size:34rem;block-size:34rem;inset-inline-end:-10rem;inset-block-start:-14rem}
.gaff-hero-bg span:nth-child(2){inline-size:20rem;block-size:20rem;inset-inline-start:-6rem;inset-block-end:-10rem;opacity:.22;animation-delay:-5s}
.gaff-hero-bg span:nth-child(3){inline-size:12rem;block-size:12rem;inset-inline-start:45%;inset-block-start:10%;opacity:.15;animation-delay:-9s}
@keyframes gaffFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(1.5rem,-1rem,0)}}
.gaff-hero-grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:2.5rem;align-items:center}
.gaff-eyebrow{display:inline-block;font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:#cfeaa9;margin-bottom:.6rem}
.gaff-title{font-size:clamp(1.9rem,3.6vw,3rem);font-weight:800;line-height:1.12;letter-spacing:-.02em;color:#fff;margin-bottom:1rem}
.gaff-lead{font-size:1.1rem;color:rgba(255,255,255,.88);max-inline-size:40rem;margin-bottom:1.5rem}
.gaff-btn-accent{background:#7cb342;color:#10200a;font-weight:700;border:0}
.gaff-btn-accent:hover,.gaff-btn-accent:focus-visible{background:#6aa033;color:#0b1606;transform:translateY(-1px)}
.gaff-btn-ghost{background:rgba(255,255,255,.1);color:#fff;border:1px solid rgba(255,255,255,.35);font-weight:600}
.gaff-btn-ghost:hover,.gaff-btn-ghost:focus-visible{background:rgba(255,255,255,.2);color:#fff}
.gaff-badges{list-style:none;padding:0;margin:1.5rem 0 0;display:flex;flex-wrap:wrap;gap:.5rem 1.25rem;font-size:.92rem;color:rgba(255,255,255,.9)}
.gaff-badges i{color:#a6d36f;margin-inline-end:.4rem}
.gaff-hero-art{position:relative;min-block-size:18rem;display:grid;place-items:center}
.gaff-earn{position:relative;z-index:1;inline-size:min(100%,22rem);padding:1.4rem 1.5rem 1.1rem;border-radius:1.25rem;background:rgba(255,255,255,.96);color:#0f1d2a;box-shadow:0 30px 60px -25px rgba(0,0,0,.55);animation:gaffIn .8s cubic-bezier(.2,.7,.2,1) both}
.gaff-earn-t{display:block;font-size:.85rem;color:#596273;font-weight:600}
.gaff-earn-v{display:block;font-size:2.4rem;font-weight:800;letter-spacing:-.02em;color:#095174;font-variant-numeric:tabular-nums}
.gaff-earn-s{display:block;font-size:.82rem;color:#596273;margin-bottom:.6rem}
.gaff-earn-chart{inline-size:100%;block-size:5.5rem;display:block}
.gaff-bars rect{fill:#7cb342;opacity:.85;transform-box:fill-box;transform-origin:bottom;animation:gaffGrow .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--d) * 70ms + .2s)}
.gaff-line{fill:none;stroke:#095174;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:320;stroke-dashoffset:320;animation:gaffDraw 1.6s ease-out .5s forwards}
@keyframes gaffGrow{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes gaffDraw{to{stroke-dashoffset:0}}
@keyframes gaffIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}
.gaff-chip{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .8rem;border-radius:999px;font-size:.82rem;font-weight:700;background:#fff;color:#0f1d2a;box-shadow:0 12px 30px -12px rgba(0,0,0,.45);animation:gaffBob 5s ease-in-out infinite}
.gaff-chip i{color:#7cb342}
.gaff-chip-1{inset-block-start:.5rem;inset-inline-end:0}
.gaff-chip-2{inset-block-end:.25rem;inset-inline-start:0;animation-delay:-2.5s}
@keyframes gaffBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.gaff-stats{background:var(--wstyle-surface-bg);border-block-end:1px solid var(--wstyle-border-color)}
.gaff-stats-list{list-style:none;margin:0;padding:1.5rem 0 .5rem;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:center}
.gaff-stats-list strong{display:block;font-size:2rem;font-weight:800;color:var(--wstyle-primary-text,var(--wstyle-primary));letter-spacing:-.02em}
.gaff-stats-list li>span{font-size:.9rem;color:var(--wstyle-muted-color)}
.gaff-facts{text-align:center;font-size:.88rem;color:var(--wstyle-muted-color);padding-bottom:1.25rem;margin:0}
.gaff-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;counter-reset:none}
.gaff-step{position:relative;padding:1.5rem;border:1px solid var(--wstyle-border-color);border-radius:calc(var(--wstyle-radius) * 2);background:var(--wstyle-surface-bg)}
.gaff-step h3{font-size:1.15rem;font-weight:700;margin:.75rem 0 .4rem}
.gaff-step p{margin:0;color:var(--wstyle-muted-color)}
.gaff-step-ico{display:grid;place-items:center;inline-size:3rem;block-size:3rem;border-radius:.9rem;background:var(--wstyle-primary-subtle);color:var(--wstyle-primary-text,var(--wstyle-primary));font-size:1.35rem}
.gaff-step-num{position:absolute;inset-block-start:1rem;inset-inline-end:1.25rem;font-size:2.5rem;font-weight:800;color:var(--wstyle-border-color)}
.gaff-rates-wrap{border:1px solid var(--wstyle-border-color);border-radius:calc(var(--wstyle-radius) * 1.5);background:var(--wstyle-surface-bg)}
.gaff-rates{inline-size:100%;border-collapse:collapse}
.gaff-rates th,.gaff-rates td{padding:.75rem 1rem;border-block-end:1px solid var(--wstyle-border-color);vertical-align:middle}
.gaff-rates tr:last-child th,.gaff-rates tr:last-child td{border-block-end:0}
.gaff-rates thead th{background:var(--wstyle-primary-subtle);color:var(--wstyle-heading-color);font-weight:700;font-size:.9rem}
.gaff-rates tbody th{font-weight:600}
.gaff-rate{font-weight:800;font-variant-numeric:tabular-nums;color:var(--wstyle-heading-color);white-space:nowrap}
.gaff-rate small{display:block;font-weight:500;font-size:.75rem;color:var(--wstyle-muted-color);white-space:normal}
.gaff-code{text-align:center}
.gaff-zero th,.gaff-zero td{color:var(--wstyle-muted-color)}
.gaff-note{font-size:.88rem;color:var(--wstyle-muted-color)}
.gaff-calc{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem;border:1px solid var(--wstyle-border-color);border-radius:calc(var(--wstyle-radius) * 2);background:var(--wstyle-surface-bg)}
.gaff-calc-out{display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:1.5rem;border-radius:calc(var(--wstyle-radius) * 1.5);background:linear-gradient(135deg,#05293d,var(--wstyle-primary,#095174));color:#fff}
.gaff-calc-l{display:block;font-size:.9rem;color:rgba(255,255,255,.8)}
.gaff-calc-v{display:block;font-size:2.4rem;font-weight:800;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.gaff-calc-v2{color:#bfe48f}
.gaff-calc-e{display:block;font-size:.85rem;color:rgba(255,255,255,.75)}
.gaff-calc-bar{display:flex;block-size:.6rem;border-radius:999px;overflow:hidden;background:rgba(255,255,255,.15)}
.gaff-calc-bar span{display:block;block-size:100%;transition:inline-size .6s cubic-bezier(.2,.7,.2,1)}
.gaff-calc-bar span:first-child{background:#7cb342}.gaff-calc-bar span:last-child{background:#bfe48f}
.gaff-calc-out .gaff-note{color:rgba(255,255,255,.72)}
.gaff-calc .btn-group .btn.active{background:var(--wstyle-primary);color:#fff}
.gaff-tile{block-size:100%;padding:1.4rem;border:1px solid var(--wstyle-border-color);border-radius:calc(var(--wstyle-radius) * 1.5);background:var(--wstyle-surface-bg)}
.gaff-tile h3{font-size:1.05rem;font-weight:700;margin:.8rem 0 .35rem}
.gaff-tile p{margin:0;color:var(--wstyle-muted-color);font-size:.95rem}
.gaff-tile-ico{display:grid;place-items:center;inline-size:2.75rem;block-size:2.75rem;border-radius:50%;background:color-mix(in srgb,#7cb342 18%,transparent);color:#4d7a1e;font-size:1.25rem}
[data-bs-theme="dark"] .gaff-tile-ico{color:#a6d36f}
.gaff-why{display:flex;gap:1rem;align-items:flex-start;padding:1.1rem 0}
.gaff-why>i{font-size:1.5rem;color:var(--wstyle-primary-text,var(--wstyle-primary))}
.gaff-why h3{font-size:1.02rem;font-weight:700;margin:0 0 .25rem}
.gaff-why p{margin:0;color:var(--wstyle-muted-color);font-size:.93rem}
.gaff-creatives-preview{display:flex;flex-wrap:wrap;gap:1.25rem;align-items:flex-start;justify-content:center}
.gaff-cr{margin:0;text-align:center}
.gaff-cr img{max-inline-size:100%;block-size:auto;border-radius:.5rem;box-shadow:0 18px 40px -20px rgba(9,81,116,.55);transition:transform .3s}
.gaff-cr img:hover{transform:translateY(-4px)}
.gaff-cr figcaption{font-size:.8rem;color:var(--wstyle-muted-color);margin-top:.4rem}
.gaff-cr-728x90{flex:1 1 100%}
.gaff-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:2rem;border-radius:calc(var(--wstyle-radius) * 2);background:linear-gradient(135deg,#05293d,var(--wstyle-primary,#095174));color:#fff}
.gaff-cta h2{color:#fff;margin:0 0 .25rem}
.gaff-cta p{color:rgba(255,255,255,.85)}
.gaff-invite{display:flex;gap:1rem;align-items:flex-start;padding:1.25rem;border:1px solid var(--wstyle-border-color);border-radius:calc(var(--wstyle-radius) * 1.5);background:linear-gradient(135deg,color-mix(in srgb,#7cb342 12%,var(--wstyle-surface-bg)),var(--wstyle-surface-bg))}
.gaff-invite>div{flex:1;min-inline-size:0}
.gaff-invite-ico{flex:none;display:grid;place-items:center;inline-size:3rem;block-size:3rem;border-radius:50%;background:#7cb342;color:#10200a;font-size:1.4rem}
.gaff-reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.gaff-reveal.is-in{opacity:1;transform:none}
@media (max-width:991.98px){.gaff-hero-grid{grid-template-columns:1fr}.gaff-hero-art{min-block-size:15rem}.gaff-steps{grid-template-columns:1fr}.gaff-calc{grid-template-columns:1fr}.gaff-stats-list{grid-template-columns:repeat(2,1fr)}}
@media (max-width:575.98px){.gaff-rates th,.gaff-rates td{padding:.55rem .5rem;font-size:.85rem}.gaff-calc-v{font-size:1.9rem}}
@media (prefers-reduced-motion:reduce){.gaff-hero-bg span,.gaff-chip,.gaff-earn,.gaff-bars rect{animation:none}.gaff-line{animation:none;stroke-dashoffset:0}.gaff-reveal{opacity:1;transform:none;transition:none}.gaff-calc-bar span{transition:none}}