.topfoil-site{--tf-gold:#ffe0a0;color:#f8f3e8;background:#06162c;overflow:hidden}.topfoil-site .site-header,.topfoil-site .site-footer{color:#f8f3e8}.topfoil-site a{color:inherit}.topfoil-site .kicker{color:var(--tf-gold)}.tf-hero{background:radial-gradient(at 85% 45%,#16476d80,#0000 65%);grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding-block:5rem 7rem;display:grid}.tf-icon{border-radius:24px;margin-bottom:1.8rem;box-shadow:0 12px 40px #0006}.tf-intro h1{letter-spacing:-.055em;margin:1rem 0 1.5rem;font-size:clamp(3rem,6vw,5.8rem);line-height:1.02}.tf-intro h1 em{color:var(--tf-gold);font-style:normal}.tf-intro .lead{color:#c4d5e6;max-width:32rem}.tf-actions{flex-wrap:wrap;align-items:center;gap:1.4rem;margin-top:2rem;display:flex}.topfoil-site .pill{background:var(--tf-gold);color:#071b32;border:0}.tf-status{color:#b7c9dc;font-size:.9rem}.tf-small{color:#a8bfd5;margin-top:1.5rem;font-size:.85rem}.tf-hero-phones{height:660px;position:relative}.tf-phone{background:#091c32;border:5px solid #263c56;border-radius:28px;width:100%;height:auto;display:block;box-shadow:0 25px 55px #0006}.tf-hero-phones .tf-phone{width:58%;max-width:295px;position:absolute}.tf-phone-back{top:15px;left:0;transform:rotate(-8deg)}.tf-phone-front{top:70px;right:0;transform:rotate(7deg)}.tf-features,.tf-screens,.tf-help{padding-block:4rem 5rem}.topfoil-site h2{letter-spacing:-.04em;margin:1rem 0 2rem;font-size:clamp(2rem,4vw,3.4rem);line-height:1.12}.tf-feature-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}.tf-feature-grid article{border-top:1px solid #d6b26966;padding-top:1.5rem}.tf-feature-grid span{color:#d6b269;letter-spacing:.12em;font-size:.75rem}.tf-feature-grid h3{margin:1rem 0;font-size:1.45rem}.tf-feature-grid p,.tf-screens>p:not(.kicker),.tf-help p:not(.kicker){color:#b6cbe0;line-height:1.7}.tf-shot-rail{scroll-snap-type:x mandatory;scrollbar-color:#c49c52 #102c48;gap:1.7rem;padding:1rem .2rem 2rem;display:flex;overflow-x:auto}.tf-shot-rail figure{scroll-snap-align:start;flex:0 0 245px;margin:0}.tf-shot-rail figcaption{color:var(--tf-gold);padding:1rem .3rem;font-weight:600}.tf-help{border-top:1px solid #29435d;grid-template-columns:1.2fr 1fr;gap:5rem;display:grid}.tf-help-links{align-content:center;gap:1rem;display:grid}.tf-help-links a{border-bottom:1px solid #29435d;justify-content:space-between;padding:1.3rem 0;text-decoration:none;display:flex}.tf-help-links a:hover{color:var(--tf-gold)}.topfoil-site a:focus-visible{outline-offset:5px;outline:3px solid #ffe0a0}@media (max-width:850px){.tf-hero{gap:2rem;padding-block:3rem 4rem}.tf-hero-phones{height:530px}.tf-feature-grid{gap:1.5rem}.tf-help{gap:2rem}}@media (max-width:600px){.tf-hero{grid-template-columns:1fr;gap:1rem;padding-top:2rem}.tf-intro h1{font-size:3.25rem}.tf-icon{width:80px;height:80px}.tf-hero-phones{width:100%;max-width:400px;height:550px;margin:0 auto}.tf-hero-phones .tf-phone{width:57%;max-width:240px}.tf-feature-grid,.tf-help{grid-template-columns:1fr;gap:1.7rem}.tf-features,.tf-screens,.tf-help{padding-block:2.5rem}.tf-shot-rail figure{flex-basis:72vw;max-width:290px}.tf-phone{border-radius:22px}.tf-actions{gap:1rem}.tf-hero-phones .tf-phone-front{top:55px}}@media (prefers-reduced-motion:no-preference){.tf-phone-front{animation:8s ease-in-out infinite tf-float}@keyframes tf-float{50%{transform:translateY(-9px)rotate(5deg)}}}
