/* translationsfast.com | Translation Agency | Hasestrasse 54, 49074 Osnabruck, Germany | EUR | EN/DE
   Warm Blue-White #FAFBFF + Cobalt Blue #1A4FD8 (ALL NEW! First cobalt palette!)
   Red Hat Display (FIRST USE!) + Lexend (FIRST USE!)
   trf- CSS prefix | TRF JS | $trf PHP
   MEGA MENU with service preview panel (FIRST full mega menu with service descriptions!)
   BENTO GRID HERO (FIRST bento grid in 42-site series!)
   SERVICE STRIPS horizontal format (FIRST!)
   VERTICAL TIMELINE PROCESS (FIRST!)
   PRICING TOGGLE standard/rush (FIRST!)
   HORIZONTAL SCROLL TESTIMONIALS (FIRST!)
   STACKED NUMBERED ACCORDION FAQ
   YouTube (FIRST!) + LinkedIn + Twitter */
@import url('https://fonts.googleapis.com/css2?family=Red+Hat+Display:wght@400;500;600;700;900&family=Lexend:wght@300;400;500;600&display=swap');

:root {
  --trf-bg:      #FAFBFF;  --trf-surf:    #F0F4FF;  --trf-surf2:   #E4EDFF;
  --trf-border:  #D0DBFF;  --trf-borderL: #E8EFFF;
  --trf-stone:   #7A85A3;  --trf-mid:     #454F6B;
  --trf-dark:    #0F1631;  --trf-ink:     #060A1E;
  --trf-blue:    #1A4FD8;  --trf-blue2:   #1340BE;
  --trf-blue3:   #0B2D8C;  --trf-blueL:   #EEF2FF;
  --trf-bT:      rgba(26,79,216,.12);
  --trf-white:   #FFFFFF;
  --trf-max:     1180px;
  --trf-fh:      'Red Hat Display', system-ui, sans-serif;
  --trf-fb:      'Lexend', system-ui, sans-serif;
  --trf-r:4px;  --trf-r2:8px;  --trf-r3:14px;  --trf-r4:20px;
  --trf-ease:    all .2s cubic-bezier(.4,0,.2,1);
  --trf-sh:      0 2px 20px rgba(6,10,30,.08);
  --trf-sh2:     0 20px 60px rgba(6,10,30,.12);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--trf-bg);color:var(--trf-dark);font-family:var(--trf-fb);font-size:.95rem;line-height:1.7;overflow-x:hidden;}
img{display:block;max-width:100%;}a{color:inherit;text-decoration:none;}ul{list-style:none;}
button{font-family:inherit;cursor:pointer;border:none;background:none;}
input,textarea,select{font-family:inherit;}address{font-style:normal;}
h1,h2,h3{font-family:var(--trf-fh);font-weight:700;}
h1{line-height:1.07;}
h2{font-size:clamp(1.9rem,3.2vw,3.2rem);font-weight:700;line-height:1.1;}
h3{font-size:1.1rem;font-weight:700;}
p{font-size:.9rem;line-height:1.78;color:var(--trf-mid);}
strong{font-weight:600;}

.trf-wrap{max-width:var(--trf-max);margin:0 auto;padding:0 2.5rem;}
.trf-slab{padding:6rem 0;}
.trf-tag{font-family:var(--trf-fh);font-size:.44rem;font-weight:600;text-transform:uppercase;letter-spacing:.26em;color:var(--trf-blue);display:block;margin-bottom:.6rem;}

/* ═══════════════════════════════════════════════════════
   MEGA MENU NAV (different from pkt's 2-col hover dropdown!)
   ═══════════════════════════════════════════════════════ */
.trf-nav{background:var(--trf-white);border-bottom:1.5px solid var(--trf-border);position:sticky;top:0;z-index:200;box-shadow:var(--trf-sh);}
.trf-nav-in{max-width:var(--trf-max);margin:0 auto;padding:0 2.5rem;height:66px;display:flex;align-items:center;}
/* BIGGER LOGO: 1.8rem Red Hat Display 900 */
.trf-logo{font-family:var(--trf-fh);font-size:1.8rem;font-weight:900;color:var(--trf-ink);flex-shrink:0;letter-spacing:-.03em;}
.trf-logo span{color:var(--trf-blue);}
.trf-nav-items{display:flex;align-items:center;gap:0;flex:1;justify-content:center;}
/* Nav links: 1.08rem Lexend 500 */
.trf-nl{font-family:var(--trf-fb);font-size:1.08rem;font-weight:500;color:var(--trf-mid);padding:.3rem .8rem;transition:color .14s;white-space:nowrap;cursor:pointer;}
.trf-nl:hover,.trf-nl.trf-active{color:var(--trf-blue);}
/* MEGA MENU CONTAINER */
.trf-nav-trigger{position:relative;}
.trf-mega-overlay{position:fixed;inset:0;top:66px;z-index:100;pointer-events:none;background:rgba(6,10,30,.3);opacity:0;transition:opacity .2s;}
.trf-mega-overlay.trf-mo-on{opacity:1;pointer-events:auto;}
.trf-mega-panel{position:fixed;left:0;right:0;top:66px;z-index:150;background:var(--trf-white);border-bottom:2px solid var(--trf-border);box-shadow:var(--trf-sh2);padding:2rem 0;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s;transform:translateY(-8px);}
.trf-mega-panel.trf-mp-on{opacity:1;pointer-events:auto;transform:none;}
.trf-mega-in{max-width:var(--trf-max);margin:0 auto;padding:0 2.5rem;display:grid;grid-template-columns:1fr 260px;gap:2.5rem;}
.trf-mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;}
.trf-mega-svc{display:flex;align-items:flex-start;gap:.8rem;padding:.8rem 1rem;border-radius:var(--trf-r2);transition:background .12s,color .12s;}
.trf-mega-svc:hover{background:var(--trf-blueL);}
.trf-mega-svc-ico{width:36px;height:36px;border-radius:var(--trf-r);background:var(--trf-surf2);display:flex;align-items:center;justify-content:center;color:var(--trf-blue);flex-shrink:0;}
.trf-mega-svc-nm{font-family:var(--trf-fh);font-size:.84rem;font-weight:700;color:var(--trf-dark);margin-bottom:.15rem;}
.trf-mega-svc-bl{font-size:.72rem;color:var(--trf-stone);line-height:1.5;}
.trf-mega-aside{border-left:1.5px solid var(--trf-border);padding-left:2rem;display:flex;flex-direction:column;gap:1rem;}
.trf-mega-aside-h{font-family:var(--trf-fh);font-size:.46rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--trf-stone);}
.trf-mega-link{display:flex;align-items:center;gap:.4rem;font-size:.84rem;color:var(--trf-mid);transition:color .14s;}
.trf-mega-link:hover{color:var(--trf-blue);}
.trf-nav-end{display:flex;align-items:center;gap:.5rem;flex-shrink:0;}
.trf-nav-cta{font-family:var(--trf-fh);font-size:.92rem;font-weight:700;color:white;background:var(--trf-blue);padding:.38rem 1.1rem;border-radius:var(--trf-r);transition:var(--trf-ease);border:none;cursor:pointer;white-space:nowrap;}
.trf-nav-cta:hover{background:var(--trf-blue2);}
.trf-nav-lang{display:flex;align-items:center;gap:.25rem;margin-right:.3rem;}
.trf-la{font-size:.46rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--trf-stone);cursor:pointer;transition:color .14s;}
.trf-la:hover,.trf-la.trf-lon{color:var(--trf-blue);}
.trf-la-sep{color:var(--trf-border);}
.trf-mob-btn{display:none;color:var(--trf-dark);padding:.3rem;}
.trf-mob-ovl{position:fixed;inset:0;background:var(--trf-bg);z-index:500;opacity:0;pointer-events:none;transition:opacity .25s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.6rem;}
.trf-mob-ovl.trf-mo-open{opacity:1;pointer-events:auto;}
.trf-mob-cls{position:absolute;top:1.5rem;right:1.8rem;color:var(--trf-stone);}
.trf-mob-ml{font-family:var(--trf-fh);font-size:2.4rem;font-weight:900;color:rgba(6,10,30,.08);transition:color .18s;}
.trf-mob-ml:hover{color:var(--trf-blue);}

/* ═══════════════════════════════════════════════════════
   BENTO GRID HERO (FIRST in 42-site series!)
   ═══════════════════════════════════════════════════════ */
.trf-hero-zone{background:var(--trf-bg);padding:4rem 0 3rem;}
.trf-bento{display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto auto;gap:1.2rem;max-width:var(--trf-max);margin:0 auto;padding:0 2.5rem;}
.trf-bento-main{grid-column:1/2;grid-row:1/3;background:var(--trf-white);border:1.5px solid var(--trf-border);border-radius:var(--trf-r4);padding:3.5rem 3rem;display:flex;flex-direction:column;justify-content:space-between;}
.trf-hero-h1{font-family:var(--trf-fh);font-size:clamp(2.8rem,5.5vw,5.5rem);font-weight:900;line-height:1.07;color:var(--trf-ink);margin-bottom:.5rem;}
.trf-hero-h1b{color:var(--trf-blue);}
.trf-hero-sub{font-size:.98rem;color:var(--trf-mid);max-width:48ch;line-height:1.72;margin-bottom:1.8rem;}
.trf-hero-act{display:flex;gap:.7rem;flex-wrap:wrap;margin-bottom:2rem;}
.trf-bento-speed{grid-column:2/3;grid-row:1/2;background:var(--trf-blue);border-radius:var(--trf-r4);padding:2rem;display:flex;flex-direction:column;justify-content:space-between;}
.trf-bs-ico{color:rgba(255,255,255,.4);margin-bottom:1rem;}
.trf-bs-val{font-family:var(--trf-fh);font-size:2.8rem;font-weight:900;color:white;line-height:1;display:block;}
.trf-bs-lbl{font-size:.8rem;color:rgba(255,255,255,.5);margin-top:.3rem;display:block;}
.trf-bento-stats{grid-column:2/3;grid-row:2/3;background:var(--trf-surf);border:1.5px solid var(--trf-border);border-radius:var(--trf-r4);padding:1.5rem;display:flex;flex-direction:column;gap:.8rem;}
.trf-bstat{display:flex;align-items:center;gap:.7rem;}
.trf-bstat-v{font-family:var(--trf-fh);font-size:1.3rem;font-weight:900;color:var(--trf-blue);flex-shrink:0;width:55px;}
.trf-bstat-l{font-size:.78rem;color:var(--trf-mid);}

/* SERVICE STRIPS horizontal format (FIRST!) */
.trf-svc-zone{background:var(--trf-white);}
.trf-svc-strips{margin-top:2.5rem;border-top:1.5px solid var(--trf-border);}
.trf-svc-strip{display:flex;align-items:center;gap:1.5rem;padding:1.4rem 0;border-bottom:1.5px solid var(--trf-border);transition:var(--trf-ease);cursor:pointer;text-decoration:none;}
.trf-svc-strip:hover{padding-left:.8rem;border-color:var(--trf-blue);}
.trf-ss-num{font-family:var(--trf-fh);font-size:2.5rem;font-weight:900;color:rgba(26,79,216,.08);flex-shrink:0;width:60px;line-height:1;}
.trf-ss-ico{width:40px;height:40px;border-radius:var(--trf-r);background:var(--trf-blueL);display:flex;align-items:center;justify-content:center;color:var(--trf-blue);flex-shrink:0;}
.trf-ss-info{flex:1;}
.trf-ss-nm{font-family:var(--trf-fh);font-size:.96rem;font-weight:700;color:var(--trf-dark);margin-bottom:.2rem;}
.trf-ss-bl{font-size:.78rem;color:var(--trf-stone);line-height:1.5;}
.trf-ss-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.2rem;flex-shrink:0;}
.trf-ss-speed{font-size:.66rem;font-weight:600;background:var(--trf-blueL);color:var(--trf-blue);padding:.15rem .6rem;border-radius:100px;}
.trf-ss-pr{font-family:var(--trf-fh);font-size:.84rem;font-weight:700;color:var(--trf-stone);}
.trf-ss-arr{color:var(--trf-border);transition:var(--trf-ease);}
.trf-svc-strip:hover .trf-ss-arr{color:var(--trf-blue);transform:translateX(4px);}

/* VERTICAL TIMELINE PROCESS (FIRST in 42-site series!) */
.trf-proc-zone{background:var(--trf-surf);}
.trf-proc-line{position:relative;margin-top:3rem;padding-left:5rem;}
.trf-proc-line::before{content:'';position:absolute;left:31px;top:32px;bottom:32px;width:2px;background:linear-gradient(to bottom,var(--trf-blue),var(--trf-blueL));z-index:0;}
.trf-proc-node{position:relative;display:flex;gap:2rem;align-items:flex-start;margin-bottom:3rem;}
.trf-proc-node:last-child{margin-bottom:0;}
.trf-proc-dot{position:absolute;left:-5rem;width:64px;height:64px;border-radius:50%;background:var(--trf-white);border:2px solid var(--trf-border);display:flex;align-items:center;justify-content:center;color:var(--trf-blue);z-index:1;transition:var(--trf-ease);}
.trf-proc-node:hover .trf-proc-dot{background:var(--trf-blue);border-color:var(--trf-blue);color:white;}
.trf-proc-body{padding-top:.8rem;}
.trf-proc-nm{font-family:var(--trf-fh);font-size:1.1rem;font-weight:700;color:var(--trf-dark);margin-bottom:.4rem;}
.trf-proc-bl{font-size:.88rem;color:var(--trf-mid);line-height:1.78;max-width:56ch;}

/* CASE STUDY FULL-WIDTH ALTERNATING */
.trf-cases-zone{background:var(--trf-white);}
.trf-case-row{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:1.5rem;border:1.5px solid var(--trf-border);border-radius:var(--trf-r4);overflow:hidden;}
.trf-case-row:hover{border-color:var(--trf-blue);}
.trf-cr-img{background:var(--trf-surf2);aspect-ratio:auto;min-height:360px;overflow:hidden;}
.trf-cr-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s;}
.trf-case-row:hover .trf-cr-img img{transform:scale(1.03);}
.trf-cr-txt{padding:3rem;}
.trf-cr-cat{font-size:.44rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--trf-blue);display:block;margin-bottom:.5rem;}
.trf-cr-nm{font-family:var(--trf-fh);font-size:1.4rem;font-weight:900;color:var(--trf-dark);margin-bottom:.3rem;}
.trf-cr-loc{font-size:.7rem;color:var(--trf-stone);margin-bottom:1rem;}
.trf-cr-stats{display:flex;gap:1.5rem;margin-bottom:1rem;}
.trf-crm-v{font-family:var(--trf-fh);font-size:1.5rem;font-weight:900;color:var(--trf-blue);display:block;line-height:1;}
.trf-crm-l{font-size:.56rem;text-transform:uppercase;letter-spacing:.1em;color:var(--trf-stone);}
.trf-cr-desc{font-size:.86rem;color:var(--trf-mid);line-height:1.78;}

/* PRICING TOGGLE standard/rush (FIRST in 42-site series!) */
.trf-price-zone{background:var(--trf-surf);}
.trf-price-toggle{display:flex;align-items:center;gap:1rem;margin:2rem auto 0;justify-content:center;flex-wrap:wrap;}
.trf-tog-lbl{font-size:.88rem;font-weight:500;color:var(--trf-mid);}
.trf-tog-lbl.trf-tog-on{color:var(--trf-blue);font-weight:600;}
.trf-tog-switch{width:52px;height:28px;border-radius:14px;background:var(--trf-border);cursor:pointer;position:relative;transition:background .2s;border:none;}
.trf-tog-switch.trf-ts-rush{background:var(--trf-blue);}
.trf-tog-thumb{width:22px;height:22px;border-radius:50%;background:white;position:absolute;top:3px;left:3px;transition:transform .2s;box-shadow:0 1px 4px rgba(0,0,0,.2);}
.trf-tog-switch.trf-ts-rush .trf-tog-thumb{transform:translateX(24px);}
.trf-price-grid{display:grid;grid-template-columns:1fr 1.1fr 1fr;gap:1.5rem;margin-top:2rem;}
.trf-pkg-tile{background:var(--trf-white);border:1.5px solid var(--trf-border);border-radius:var(--trf-r4);overflow:hidden;}
.trf-pkg-tile.trf-pkg-feat{border-color:var(--trf-blue);box-shadow:0 0 0 3px var(--trf-bT);}
.trf-pkg-head{padding:1.8rem 2rem 1.5rem;}
.trf-pkg-wc{font-size:.42rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:var(--trf-stone);display:block;margin-bottom:.3rem;}
.trf-pkg-feat .trf-pkg-wc{color:var(--trf-blue);}
.trf-pkg-nm{font-family:var(--trf-fh);font-size:1.6rem;font-weight:900;color:var(--trf-ink);margin-bottom:.4rem;}
.trf-pkg-pr{font-family:var(--trf-fh);font-size:2.4rem;font-weight:900;color:var(--trf-ink);line-height:1;margin-bottom:.3rem;transition:color .14s;}
.trf-pkg-feat .trf-pkg-pr{color:var(--trf-blue);}
.trf-price-val{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;}
.trf-pkg-fr{font-size:.7rem;color:var(--trf-stone);}
.trf-pkg-body{padding:0 2rem 2rem;}
.trf-pkg-desc{font-size:.84rem;color:var(--trf-mid);margin-bottom:.8rem;line-height:1.65;}
.trf-pkg-inc{display:flex;align-items:flex-start;gap:.4rem;font-size:.82rem;color:var(--trf-mid);margin-bottom:.35rem;}
.trf-pkg-inc svg{color:var(--trf-blue);flex-shrink:0;margin-top:.07rem;}

/* HORIZONTAL SCROLL TESTIMONIALS (FIRST!) */
.trf-testi-zone{background:var(--trf-dark);}
.trf-testi-track-wrap{position:relative;margin-top:2.5rem;}
.trf-testi-track{display:flex;gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:.5rem;}
.trf-testi-track::-webkit-scrollbar{display:none;}
.trf-testi-card{scroll-snap-align:start;flex:0 0 420px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--trf-r4);padding:2rem;}
.trf-tc-q{font-family:var(--trf-fh);font-size:1.05rem;font-weight:500;color:white;line-height:1.55;margin-bottom:1.2rem;opacity:.85;}
.trf-tc-nm{font-size:.88rem;font-weight:600;color:rgba(255,255,255,.6);}
.trf-tc-rl{font-size:.72rem;color:rgba(255,255,255,.28);}
.trf-testi-nav{display:flex;gap:.5rem;margin-top:1.5rem;justify-content:flex-end;}
.trf-tn-btn{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.3);cursor:pointer;transition:var(--trf-ease);}
.trf-tn-btn:hover{border-color:var(--trf-blue);color:var(--trf-blue);}

/* STACKED NUMBERED FAQ */
.trf-faq-zone{background:var(--trf-bg);}
.trf-faq-stack{max-width:860px;margin:2.5rem auto 0;}
.trf-faq-item{border:1.5px solid var(--trf-border);border-radius:var(--trf-r3);margin-bottom:1rem;overflow:hidden;}
.trf-faq-hd{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.5rem;cursor:pointer;transition:background .12s;}
.trf-faq-hd:hover{background:var(--trf-blueL);}
.trf-faq-ngh{font-family:var(--trf-fh);font-size:2rem;font-weight:900;color:rgba(26,79,216,.08);flex-shrink:0;width:48px;line-height:1;}
.trf-faq-txt{font-family:var(--trf-fh);font-size:.92rem;font-weight:700;color:var(--trf-dark);flex:1;}
.trf-faq-ico{color:var(--trf-stone);flex-shrink:0;transition:transform .2s,color .14s;}
.trf-faq-item.trf-fq-on .trf-faq-ico{transform:rotate(45deg);color:var(--trf-blue);}
.trf-faq-ans{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.trf-faq-item.trf-fq-on .trf-faq-ans{max-height:250px;}
.trf-faq-ans-in{padding:0 1.5rem 1.2rem 4.5rem;font-size:.87rem;color:var(--trf-mid);line-height:1.78;}

/* CTA FLOATING CARD */
.trf-cta-zone{background:var(--trf-dark);padding:6rem 2.5rem;}
.trf-cta-card{max-width:720px;margin:0 auto;background:var(--trf-blue);border-radius:var(--trf-r4);padding:4rem;text-align:center;}
.trf-cta-h{font-family:var(--trf-fh);font-size:clamp(2rem,5vw,3.5rem);font-weight:900;color:white;margin-bottom:.8rem;line-height:1.1;}
.trf-cta-sub{font-size:.92rem;color:rgba(255,255,255,.6);margin-bottom:2rem;line-height:1.7;}
.trf-cta-btns{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;}

/* SERVICE DETAIL */
.trf-sdt{max-width:var(--trf-max);margin:0 auto;padding:5rem 2.5rem;display:grid;grid-template-columns:1fr 260px;gap:4rem;align-items:start;}
.trf-svc-aside{background:var(--trf-blue);border-radius:var(--trf-r3);overflow:hidden;position:sticky;top:5rem;}
.trf-sas-top{padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.12);}
.trf-sas-from{font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:rgba(255,255,255,.4);margin-bottom:.3rem;}
.trf-sas-pr{font-family:var(--trf-fh);font-size:2.3rem;font-weight:900;color:white;margin-bottom:.8rem;line-height:1;}
.trf-sas-ol{font-size:.38rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:rgba(255,255,255,.25);padding:.8rem 1.4rem .4rem;}
.trf-sas-lk{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:rgba(255,255,255,.3);padding:.42rem 1.4rem;border-top:1px solid rgba(255,255,255,.08);transition:color .14s;}
.trf-sas-lk:hover,.trf-sas-lk.trf-active{color:white;}

/* PAGE BANNER */
.trf-pg-banner{background:var(--trf-dark);padding:8rem 0 5rem;text-align:center;}
.trf-pg-banner-in{max-width:var(--trf-max);margin:0 auto;padding:0 2.5rem;}
.trf-pg-banner-in h1{font-family:var(--trf-fh);font-size:clamp(2.5rem,5.5vw,5.5rem);font-weight:900;color:white;line-height:1.05;}
.trf-pg-banner-in h1 span{color:var(--trf-blue);}
.trf-pg-sub{font-size:.96rem;color:rgba(255,255,255,.35);max-width:52ch;margin:.8rem auto 0;line-height:1.78;}

/* BUILDER */
.trf-bld-wrap{max-width:var(--trf-max);margin:0 auto;padding:4rem 2.5rem 8rem;display:grid;grid-template-columns:1fr 280px;gap:4rem;align-items:start;}
.trf-bld-sec{margin-bottom:2rem;}
.trf-bld-lbl{display:block;font-size:.44rem;font-weight:600;text-transform:uppercase;letter-spacing:.24em;color:var(--trf-stone);margin-bottom:.9rem;}
.trf-sel-row{background:var(--trf-white);border:1.5px solid var(--trf-border);border-radius:var(--trf-r2);padding:.75rem 1rem;display:flex;align-items:center;gap:.7rem;cursor:pointer;user-select:none;transition:var(--trf-ease);margin-bottom:.4rem;}
.trf-sel-row.trf-sel-on{border-color:var(--trf-blue);background:var(--trf-blueL);}
.trf-sel-dot{width:16px;height:16px;border:1.5px solid var(--trf-border);border-radius:50%;flex-shrink:0;transition:var(--trf-ease);}
.trf-sel-row.trf-sel-on .trf-sel-dot{background:var(--trf-blue);border-color:var(--trf-blue);}
.trf-sel-nm{font-size:.9rem;color:var(--trf-stone);flex:1;}
.trf-sel-row.trf-sel-on .trf-sel-nm{color:var(--trf-dark);font-weight:500;}
.trf-sel-pr{font-family:var(--trf-fh);font-size:.9rem;font-weight:700;color:var(--trf-dark);}
.trf-adn-rack{display:flex;flex-wrap:wrap;gap:.5rem;}
.trf-adn-chip{background:var(--trf-white);border:1.5px solid var(--trf-border);border-radius:var(--trf-r2);padding:.4rem .9rem;cursor:pointer;user-select:none;transition:var(--trf-ease);}
.trf-adn-chip.trf-adn-on{border-color:var(--trf-blue);background:var(--trf-blueL);}
.trf-adn-nm{font-size:.8rem;font-weight:500;color:var(--trf-stone);}
.trf-adn-chip.trf-adn-on .trf-adn-nm{color:var(--trf-dark);}
.trf-adn-pr{font-size:.68rem;color:var(--trf-stone);}
.trf-adn-chip.trf-adn-on .trf-adn-pr{color:var(--trf-blue);}
.trf-hrs-box{background:var(--trf-white);border:1.5px solid var(--trf-border);border-radius:var(--trf-r2);padding:1rem;}
.trf-hrs-hd{display:flex;justify-content:space-between;margin-bottom:.5rem;}
.trf-hrs-lbl{font-size:.88rem;color:var(--trf-stone);}
.trf-hrs-val{font-family:var(--trf-fh);font-size:1.5rem;font-weight:900;color:var(--trf-blue);}
.trf-hrs-rng{-webkit-appearance:none;width:100%;height:2px;background:var(--trf-border);border-radius:1px;cursor:pointer;}
.trf-hrs-rng::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--trf-blue);cursor:pointer;}
.trf-rcpt{background:var(--trf-dark);border-radius:var(--trf-r3);overflow:hidden;position:sticky;top:5rem;}
.trf-rcpt-hd{padding:.8rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.08);}
.trf-rcpt-hl{font-family:var(--trf-fh);font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.2);}
.trf-rcpt-bd{padding:.9rem 1.2rem;}
.trf-rcpt-ln{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;margin-bottom:.35rem;}
.trf-rcpt-lnm{color:rgba(255,255,255,.28);}
.trf-rcpt-lnp{font-family:var(--trf-fh);font-size:.95rem;font-weight:900;color:var(--trf-blue);}
.trf-rcpt-sep{border:none;border-top:1px solid rgba(255,255,255,.07);margin:.4rem 1.2rem;}
.trf-rcpt-tot{display:flex;justify-content:space-between;align-items:flex-end;padding:0 1.2rem .5rem;}
.trf-rcpt-totl{font-family:var(--trf-fh);font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.18);}
.trf-rcpt-totv{font-family:var(--trf-fh);font-size:2rem;font-weight:900;color:var(--trf-blue);}
.trf-rcpt-ft{padding:.9rem 1.2rem;border-top:1px solid rgba(255,255,255,.07);}
.trf-rcpt-go{display:block;width:100%;background:var(--trf-blue);color:white;font-family:var(--trf-fh);font-size:.96rem;font-weight:700;padding:.72rem;border-radius:var(--trf-r2);border:none;cursor:pointer;transition:background .14s;}
.trf-rcpt-go:hover:not(:disabled){background:var(--trf-blue2);}
.trf-rcpt-go:disabled{opacity:.2;cursor:not-allowed;}

/* CHECKOUT */
.trf-co-wrap{max-width:var(--trf-max);margin:0 auto;padding:5rem 2.5rem 8rem;display:grid;grid-template-columns:1fr 280px;gap:4rem;align-items:start;}
.trf-co-side{position:sticky;top:5rem;background:var(--trf-dark);border-radius:var(--trf-r3);overflow:hidden;}
.trf-co-hd{padding:.8rem 1.2rem;border-bottom:1px solid rgba(255,255,255,.08);}
.trf-co-hl{font-family:var(--trf-fh);font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.2);}
.trf-co-bd{padding:.9rem 1.2rem;}
.trf-co-ln{display:flex;justify-content:space-between;gap:.5rem;font-size:.8rem;margin-bottom:.35rem;}
.trf-co-lnm{color:rgba(255,255,255,.28);}
.trf-co-lnp{font-family:var(--trf-fh);font-size:.95rem;font-weight:900;color:var(--trf-blue);}
.trf-co-sep{border:none;border-top:1px solid rgba(255,255,255,.07);margin:.4rem 1.2rem;}
.trf-co-tot{display:flex;justify-content:space-between;align-items:flex-end;padding:0 1.2rem .5rem;}
.trf-co-totl{font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:rgba(255,255,255,.18);}
.trf-co-totv{font-family:var(--trf-fh);font-size:2rem;font-weight:900;color:var(--trf-blue);}

/* FORMS */
.trf-fg{margin-bottom:.7rem;}
.trf-fl{display:block;font-size:.42rem;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--trf-stone);margin-bottom:.28rem;}
.trf-fi{width:100%;background:white;border:1.5px solid var(--trf-border);border-radius:var(--trf-r2);padding:.65rem 1rem;color:var(--trf-dark);font-size:.92rem;transition:border-color .14s;}
.trf-fi:focus{outline:none;border-color:var(--trf-blue);box-shadow:0 0 0 3px var(--trf-bT);}
.trf-agree{display:flex;align-items:flex-start;gap:.5rem;font-size:.82rem;color:var(--trf-stone);margin:1rem 0;line-height:1.6;}
.trf-agree input{margin-top:.14rem;accent-color:var(--trf-blue);}
.trf-agree a{color:var(--trf-blue);}

/* BUTTONS */
.trf-btn-b{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--trf-fh);font-size:.96rem;font-weight:700;color:white;background:var(--trf-blue);padding:.6rem 1.6rem;border-radius:var(--trf-r);transition:var(--trf-ease);border:none;cursor:pointer;white-space:nowrap;}
.trf-btn-b:hover{background:var(--trf-blue2);}
.trf-btn-out{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--trf-fh);font-size:.96rem;font-weight:700;color:var(--trf-dark);background:transparent;padding:.58rem 1.6rem;border-radius:var(--trf-r);border:1.5px solid var(--trf-border);transition:var(--trf-ease);white-space:nowrap;}
.trf-btn-out:hover{border-color:var(--trf-blue);color:var(--trf-blue);}
.trf-btn-w{display:inline-flex;align-items:center;gap:.4rem;font-family:var(--trf-fh);font-size:.96rem;font-weight:700;color:var(--trf-blue);background:white;padding:.6rem 1.6rem;border-radius:var(--trf-r);transition:var(--trf-ease);border:none;cursor:pointer;white-space:nowrap;}
.trf-btn-w:hover{background:var(--trf-blueL);}

/* LEGAL */
.trf-legal-wrap{max-width:800px;margin:0 auto;padding:5rem 2.5rem 8rem;}
.trf-legal-eff{display:inline-block;font-size:.72rem;color:var(--trf-stone);background:var(--trf-surf);border:1px solid var(--trf-border);padding:.22rem .8rem;border-radius:100px;margin-bottom:1.5rem;}
.trf-legal-wrap h2{font-family:var(--trf-fh);font-size:1.05rem;font-weight:700;color:var(--trf-blue);margin:2.5rem 0 .5rem;}
.trf-legal-wrap p,.trf-legal-wrap li{font-size:.9rem;color:var(--trf-stone);line-height:1.78;margin-bottom:.9rem;}
.trf-legal-wrap ul{padding-left:1.4rem;margin:.5rem 0 .9rem;}
.trf-legal-wrap li{list-style:disc;}
.trf-legal-wrap a{color:var(--trf-blue);}

/* 4-COLUMN FOOTER */
.trf-footer{background:var(--trf-ink);}
.trf-ft-in{max-width:var(--trf-max);margin:0 auto;padding:3rem 2.5rem 2rem;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2.5rem;border-bottom:1px solid rgba(255,255,255,.06);}
/* BIGGER footer logo: 1.85rem Red Hat Display 900 */
.trf-ft-logo{font-family:var(--trf-fh);font-size:1.85rem;font-weight:900;color:rgba(255,255,255,.12);display:block;margin-bottom:.6rem;letter-spacing:-.03em;}
.trf-ft-logo span{color:rgba(26,79,216,.5);}
.trf-ft-tag{font-size:.8rem;color:rgba(255,255,255,.15);line-height:1.65;margin-bottom:1rem;}
.trf-ft-soc{display:flex;gap:.4rem;}
.trf-ft-soc a{width:32px;height:32px;border:1px solid rgba(255,255,255,.1);border-radius:var(--trf-r2);display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.2);transition:var(--trf-ease);}
.trf-ft-soc a:hover{border-color:var(--trf-blue);color:var(--trf-blue);}
.trf-ft-col-h{font-family:var(--trf-fh);font-size:.4rem;font-weight:600;text-transform:uppercase;letter-spacing:.22em;color:rgba(255,255,255,.15);margin-bottom:.8rem;}
.trf-ft-nav{display:flex;flex-direction:column;gap:.32rem;}
.trf-ft-nav a{font-size:.78rem;color:rgba(255,255,255,.18);transition:color .14s;}
.trf-ft-nav a:hover{color:var(--trf-blue);}
.trf-ft-ct{display:flex;flex-direction:column;gap:.32rem;}
.trf-ft-ct a{display:flex;align-items:flex-start;gap:.35rem;font-size:.76rem;color:rgba(255,255,255,.18);transition:color .14s;}
.trf-ft-ct a:hover{color:var(--trf-blue);}
.trf-ft-btm{max-width:var(--trf-max);margin:0 auto;padding:.9rem 2.5rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;}
.trf-ft-copy{font-size:.62rem;color:rgba(255,255,255,.1);}
.trf-ft-legal{display:flex;gap:1rem;flex-wrap:wrap;}
.trf-ft-legal a{font-size:.62rem;color:rgba(255,255,255,.1);transition:color .14s;}
.trf-ft-legal a:hover{color:var(--trf-blue);}

/* COOKIE + CHAT */
.trf-ck-bar{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--trf-ink);border-top:2px solid var(--trf-blue);padding:.9rem 2rem;display:none;align-items:center;gap:2rem;justify-content:space-between;flex-wrap:wrap;}
.trf-ck-bar p{font-size:.8rem;color:rgba(255,255,255,.3);margin:0;}
.trf-ck-bar a{color:var(--trf-blue);}
.trf-ck-btns{display:flex;gap:.5rem;flex-shrink:0;}
.trf-ck-yes{background:var(--trf-blue);color:white;font-family:var(--trf-fh);font-size:.88rem;font-weight:700;padding:.32rem .9rem;border-radius:var(--trf-r);cursor:pointer;border:none;}
.trf-ck-no{background:transparent;color:rgba(255,255,255,.3);font-size:.82rem;padding:.3rem .9rem;border:1px solid rgba(255,255,255,.12);border-radius:var(--trf-r);cursor:pointer;}
.trf-chat-fab{position:fixed;bottom:4.5rem;right:1.5rem;z-index:9990;width:50px;height:50px;background:var(--trf-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;box-shadow:var(--trf-sh);transition:var(--trf-ease);color:white;}
.trf-chat-fab:hover{background:var(--trf-blue2);}
.trf-chatpop{position:fixed;bottom:7rem;right:1.5rem;z-index:9989;width:290px;background:white;border:1.5px solid var(--trf-border);border-radius:var(--trf-r3);box-shadow:var(--trf-sh2);opacity:0;pointer-events:none;transform:translateY(8px) scale(.97);transition:opacity .2s,transform .22s;overflow:hidden;}
.trf-chatpop.trf-cp-on{opacity:1;pointer-events:auto;transform:none;}
.trf-chatpop-hd{background:var(--trf-blue);padding:.8rem 1.1rem;display:flex;align-items:center;justify-content:space-between;}
.trf-chatpop-nm{font-family:var(--trf-fh);font-size:.96rem;font-weight:700;color:white;}
.trf-chat-done{display:none;text-align:center;padding:.9rem;font-family:var(--trf-fh);font-size:1rem;font-weight:700;color:var(--trf-blue);}
.trf-chat-fi{width:100%;background:var(--trf-surf);border:1.5px solid var(--trf-border);border-radius:var(--trf-r);padding:.5rem .8rem;font-size:.84rem;color:var(--trf-dark);margin-bottom:.36rem;resize:none;transition:border-color .14s;}
.trf-chat-fi:focus{outline:none;border-color:var(--trf-blue);}
.trf-chat-send{width:100%;background:var(--trf-blue);color:white;font-family:var(--trf-fh);font-size:.9rem;font-weight:700;padding:.5rem;border-radius:var(--trf-r2);border:none;cursor:pointer;}

/* REVEAL */
.trf-reveal{opacity:0;transform:translateY(12px);transition:opacity .4s,transform .4s;}
.trf-reveal.trf-in{opacity:1;transform:none;}
.trf-result-pg{min-height:72vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:8rem 3rem;flex-direction:column;gap:1.5rem;}

/* RESPONSIVE */
@media(max-width:960px){
  .trf-nav-items{display:none;}
  .trf-mob-btn{display:flex;}
  .trf-bento{grid-template-columns:1fr;}
  .trf-bento-main{grid-column:1;grid-row:auto;}
  .trf-bento-speed,.trf-bento-stats{grid-column:1;grid-row:auto;}
  .trf-bento{grid-template-columns:1fr 1fr;}
  .trf-bento-main{grid-column:1/3;}
  .trf-proc-line{padding-left:4rem;}
  .trf-case-row{grid-template-columns:1fr;}
  .trf-price-grid{grid-template-columns:1fr;}
  .trf-testi-card{flex:0 0 300px;}
  .trf-ft-in{grid-template-columns:1fr 1fr;}
  .trf-bld-wrap,.trf-co-wrap,.trf-sdt{grid-template-columns:1fr;}
}
@media(max-width:600px){
  .trf-wrap{padding:0 1.5rem;}
  .trf-bento{grid-template-columns:1fr;}
  .trf-bento-main{grid-column:1;}
  .trf-ft-in{grid-template-columns:1fr;}
  .trf-proc-line{padding-left:3rem;}
  .trf-proc-line::before{left:20px;}
  .trf-proc-dot{left:-3rem;width:40px;height:40px;}
}