/* Tankroo website · contact.html only */
.tk{--sunset:#FF6A1A;--ember:#A63C08;--switch:#E0520A;--ink:#22160F;--ink2:#5E4A3B;--label:#6E5747;--sand:#FFF7EE;--sand2:#FBEEDF;--line:#EFE2D3;--line2:#E2CFBA;--danger:#BF311E;--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,.tk ol{margin:0;padding:0;list-style:none}
.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-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 .icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:16px;background:#FFE3D0;flex:none}
.tk .chip{display:inline-flex;align-items:center;min-height:40px;padding:0 16px;border-radius:999px;background:#FFFFFF;border:1.5px solid var(--line2);font-size:14.5px;font-weight:700;color:var(--ink);text-decoration:none;transition:border-color .2s,background-color .2s}
.tk .chip:hover{border-color:var(--sunset);background:#FFE3D0;color:var(--ink)}
.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 .check{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ink2);cursor:pointer}
.tk .check input{flex:none;width:22px;height:22px;margin:1px 0 0;accent-color:var(--danger)}
.tk .gone li{display:flex;gap:10px;align-items:center;font-size:15px;color:var(--ink2)}
.tk .gone li::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--danger)}
.tk .blob{position:absolute;border-radius:50%;background:#FFE3D0;animation:drift 14s ease-in-out infinite}
@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 drift{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-30px,20px) scale(1.06)}}
@media (max-width:960px){
.tk .nav-links{display:none !important}
.tk .split{flex-direction:column !important;align-items:stretch !important}
}
@media (prefers-reduced-motion: reduce){
.tk *,.tk *::before,.tk *::after{animation:none !important;transition:none !important}
}

/* placeholder: bullet list in the email-us card */
.tk .dots li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:var(--ink2)}
.tk .dots li::before{content:"";flex:none;width:8px;height:8px;margin-top:9px;border-radius:50%;background:var(--sunset)}