/* Tankroo website · partners.html only */
.tk{--sunset:#FF6A1A;--ember:#A63C08;--switch:#E0520A;--ink:#22160F;--ink2:#5E4A3B;--ink3:#7D6656;--label:#6E5747;--sand:#FFF7EE;--sand2:#FBEEDF;--line:#EFE2D3;--line2:#E2CFBA;--tint-o:#FFE3D0;--tint-t:#DDF0E9;--cheap:#0B6653;--avg:#FFB51F;--pricey:#D63A2B;--hover:#F25E10;--link-hover:#7A2C06;--pop:cubic-bezier(.2,1.3,.4,1);--out:cubic-bezier(.16,1,.3,1);
font-family:'Figtree',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-size:16px;line-height:1.55;color:var(--ink);background:var(--sand);overflow-x:clip;-webkit-font-smoothing:antialiased}
.tk ul{margin:0;padding:0;list-style:none}
.tk .num{font-family:'Bricolage Grotesque','Figtree',sans-serif;font-variant-numeric:tabular-nums;font-weight:800}
.tk .h2{font-size:clamp(34px,4.6vw,56px);line-height:1.02;font-weight:800}
.tk .lead{font-size:clamp(17px,1.6vw,19px);color:var(--ink2);max-width:620px}
.tk .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 24px;border-radius:18px;font-weight:700;font-size:16px;line-height:1.1;text-decoration:none;transition:transform .25s var(--pop),background-color .2s,color .2s,border-color .2s}
.tk a.btn-primary{background:var(--sunset);color:var(--ink)}
.tk a.btn-dark{background:var(--ink);color:#FFF7EE}
.tk a.btn-dark:hover{background:#3A2819;color:#FFF7EE}
.tk a.btn-ghost{background:#FFFFFF;color:var(--ink);border:1.5px solid var(--line2)}
.tk a.btn-ghost:hover{border-color:var(--ink);color:var(--ink)}
.tk a.btn-sm{min-height:44px;padding:0 18px;border-radius:14px;font-size:15px}
.tk .lift{transition:transform .35s var(--out),box-shadow .35s var(--out),border-color .35s}
.tk .lift:hover{transform:translateY(-4px);box-shadow:0 28px 50px -30px rgba(34,22,15,.35);border-color:var(--line2)}
.tk .tick{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:var(--ink2)}
.tk .tick::before{content:"";flex:none;width:7px;height:12px;margin:4px 8px 0 6px;border:solid var(--cheap);border-width:0 3px 3px 0;border-radius:1px;transform:rotate(45deg)}
.tk .nav{position:sticky;top:0;z-index:20;background:rgba(255,247,238,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px)}
.tk .nav-links a:hover::after,.tk .nav-links a[aria-current]::after{transform:scaleX(1)}
.tk .field{display:flex;flex-direction:column;gap:8px;font-size:14.5px;font-weight:700}
.tk .field input,.tk .field select,.tk .field textarea{width:100%;min-height:54px;padding:14px 16px;border-radius:16px;border:1.5px solid var(--line2);background:#FFFFFF;font:inherit;font-weight:500;font-size:16px;color:var(--ink);transition:border-color .2s,box-shadow .2s}
.tk .field textarea{min-height:140px;resize:vertical}
.tk .field input:focus,.tk .field select:focus,.tk .field textarea:focus{outline:none;border-color:var(--switch);box-shadow:0 0 0 4px rgba(255,106,26,.18)}
.tk .orbit{position:absolute;border-radius:50%;border:2px dashed rgba(166,60,8,.35);animation:spin 40s linear infinite}
.tk .orbit.rev{animation-direction:reverse;animation-duration:60s}
.tk .badge{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:18px;background:#FFFFFF;border:1px solid var(--line);box-shadow:0 20px 36px -24px rgba(34,22,15,.5);font-weight:800;font-size:15px;animation:float 6s ease-in-out infinite,pop .6s var(--pop) both}
.tk .badge i{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;font-style:normal}
@supports (animation-timeline: view()){
.tk .reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 5% cover 28%}
}
@keyframes rise{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -10px}}
@keyframes pop{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}
@media (max-width:960px){
.tk .nav-links{display:none !important}
.tk .split{flex-direction:column !important;align-items:flex-start !important}
.tk .hero-art{display:none !important}
}
@media (prefers-reduced-motion: reduce){
.tk *,.tk *::before,.tk *::after{animation:none !important;transition:none !important}
}