:root{
  --tf-navy:#062235;
  --tf-blue:#0b6680;
  --tf-teal:#00a6a6;
  --tf-mint:#a8f0df;
  --tf-sand:#f5efe2;
  --tf-ink:#10202b;
  --tf-muted:#5c6d78;
  --tf-line:rgba(16,32,43,.12);
  --tf-white:#fff;
  --tf-shadow:0 22px 70px rgba(4,26,39,.14);
  --tf-radius:28px;
}

html{scroll-behavior:smooth}
body.tradefish-lp-home,
body.tradefish-content-skin{background:#f7fbfb;color:var(--tf-ink)}
.tradefish-lp-home .site-content,
.tradefish-content-skin .site-content{padding:0!important}
.tradefish-lp-home .ast-container,
.tradefish-content-skin .ast-container{max-width:100%!important;padding-left:0!important;padding-right:0!important}
.tradefish-lp-home #primary,
.tradefish-content-skin #primary{margin:0!important;padding:0!important;width:100%!important}
.tradefish-lp-home .entry-header,
.tradefish-content-skin .entry-header,
.tradefish-lp-home .ast-page-builder-template .entry-header{display:none!important}

.tf-container{width:min(1140px,calc(100% - 40px));margin:0 auto}
.tf-section{padding:92px 0;position:relative;overflow:hidden}
.tf-section-label{letter-spacing:.18em;text-transform:uppercase;font-size:12px;font-weight:800;color:var(--tf-teal);margin:0 0 12px}
.tf-section h2,.tf-final-cta h2,.tf-page-hero h1{font-size:clamp(32px,4vw,52px);line-height:1.12;margin:0;color:var(--tf-navy);letter-spacing:-.04em}
.tf-section p{font-size:16px;line-height:1.9;color:var(--tf-muted)}
.tf-prose p:first-child{font-size:20px;color:var(--tf-ink);font-weight:700}
.tf-two-col{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.tf-section-head{max-width:760px;margin-bottom:38px}
.tf-section-head--center{text-align:center;margin-left:auto;margin-right:auto}
.tf-section-head p{margin:14px 0 0}

.tf-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 16% 18%,rgba(168,240,223,.42),transparent 26%),linear-gradient(135deg,#031725 0%,#08364d 45%,#008d91 100%);min-height:760px;display:flex;align-items:center;padding:94px 0 90px;color:#fff}
.tf-hero:after{content:"";position:absolute;inset:auto 0 -1px;height:130px;background:linear-gradient(180deg,rgba(247,251,251,0),#f7fbfb 72%);pointer-events:none}
.tf-hero__bg{position:absolute;inset:0;pointer-events:none;opacity:.92}
.tf-hero__bg:before{content:"";position:absolute;right:-15%;top:-20%;width:650px;height:650px;border-radius:50%;background:radial-gradient(circle,rgba(168,240,223,.24),transparent 68%)}
.tf-hero__bg:after{content:"";position:absolute;left:-10%;bottom:2%;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(0,166,166,.28),transparent 68%)}
.tf-bubble{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.07);backdrop-filter:blur(4px)}
.tf-bubble--one{width:86px;height:86px;right:12%;top:22%;animation:tf-float 8s ease-in-out infinite}
.tf-bubble--two{width:34px;height:34px;right:36%;bottom:20%;animation:tf-float 6s ease-in-out infinite reverse}
.tf-bubble--three{width:54px;height:54px;left:8%;top:58%;animation:tf-float 9s ease-in-out infinite}
@keyframes tf-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
.tf-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}
.tf-kicker{display:inline-flex;align-items:center;gap:10px;color:rgba(255,255,255,.82);font-size:12px;font-weight:800;letter-spacing:.18em;margin-bottom:22px}
.tf-kicker:before{content:"";width:34px;height:1px;background:rgba(255,255,255,.56)}
.tf-hero h1{font-size:clamp(45px,7vw,88px);line-height:1.02;letter-spacing:-.07em;margin:0;color:#fff;text-wrap:balance}
.tf-hero h1 span{color:var(--tf-mint)}
.tf-lead{font-size:clamp(17px,2vw,21px);line-height:1.9;color:rgba(255,255,255,.86);max-width:720px;margin:28px 0 0;font-weight:600}
.tf-note{font-size:13px!important;color:rgba(255,255,255,.76)!important;margin:18px 0 0!important}
.tf-hero__actions,.tf-status-actions,.tf-final-cta__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.tf-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 22px;border-radius:999px;font-weight:800;text-decoration:none!important;line-height:1;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;color:var(--tf-navy)}
.tf-btn:hover{transform:translateY(-2px)}
.tf-btn--primary{background:linear-gradient(135deg,var(--tf-mint),#fff);box-shadow:0 18px 42px rgba(0,0,0,.16);color:var(--tf-navy)!important}
.tf-btn--secondary{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.34);color:#fff!important;backdrop-filter:blur(10px)}
.tf-btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.28);color:#fff!important}
.tf-section--status .tf-btn--secondary,.tf-user-card a{color:var(--tf-navy)!important}
.tf-btn--light{background:#fff;color:var(--tf-navy)!important;box-shadow:0 18px 42px rgba(0,0,0,.16)}
.tf-btn--outline-light{background:transparent;border:1px solid rgba(255,255,255,.42);color:#fff!important}

.tf-hero__panel{position:relative;min-height:520px;display:grid;place-items:center}
.tf-orbit{position:absolute;inset:28px;border:1px solid rgba(255,255,255,.18);border-radius:50%;animation:tf-spin 24s linear infinite}
.tf-orbit:before,.tf-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.12)}
.tf-orbit:before{inset:54px}.tf-orbit:after{inset:108px}
.tf-orbit span{position:absolute;width:12px;height:12px;background:var(--tf-mint);border-radius:50%;box-shadow:0 0 26px var(--tf-mint)}
.tf-orbit span:nth-child(1){left:50%;top:-6px}.tf-orbit span:nth-child(2){right:28px;bottom:70px}.tf-orbit span:nth-child(3){left:40px;bottom:110px}
@keyframes tf-spin{to{transform:rotate(360deg)}}
.tf-panel-card{position:absolute;background:rgba(255,255,255,.94);color:var(--tf-navy);border:1px solid rgba(255,255,255,.7);box-shadow:var(--tf-shadow);backdrop-filter:blur(12px)}
.tf-panel-card--main{position:relative;width:min(360px,90%);padding:34px;border-radius:36px;text-align:center;z-index:2}
.tf-panel-card--main strong{font-size:28px;letter-spacing:-.04em;display:block;margin-top:18px}.tf-panel-card--main p{color:var(--tf-muted);margin:12px 0 0;line-height:1.8}
.tf-panel-card--mini{padding:14px 18px;border-radius:999px;font-weight:900;z-index:3}.tf-panel-card--left{left:4%;top:34%}.tf-panel-card--right{right:0;bottom:24%}
.tf-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,rgba(0,166,166,.14),rgba(168,240,223,.34));display:grid;place-items:center;color:var(--tf-blue);flex:0 0 auto}.tf-icon svg{width:30px;height:30px;fill:currentColor}.tf-icon--large{width:88px;height:88px;margin:0 auto;border-radius:28px}.tf-icon--large svg{width:52px;height:52px}

.tf-section--intro{background:#f7fbfb;padding-top:74px}
.tf-section--cards{background:#fff}.tf-card-grid{display:grid;gap:22px}.tf-card-grid--three{grid-template-columns:repeat(3,1fr)}
.tf-card{background:#fff;border:1px solid var(--tf-line);border-radius:var(--tf-radius);padding:30px;box-shadow:0 16px 50px rgba(6,34,53,.06);transition:transform .2s ease,box-shadow .2s ease}.tf-card:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(6,34,53,.10)}
.tf-card h3{font-size:23px;margin:22px 0 10px;color:var(--tf-navy);letter-spacing:-.03em}.tf-card p{margin:0}

.tf-section--users{background:linear-gradient(180deg,#f7fbfb,#eef8f7)}
.tf-user-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.tf-user-card{background:rgba(255,255,255,.82);border:1px solid rgba(6,34,53,.1);border-radius:26px;padding:26px;box-shadow:0 16px 42px rgba(6,34,53,.06)}
.tf-user-card span{display:inline-flex;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center;background:var(--tf-navy);color:#fff;font-size:13px;font-weight:900}.tf-user-card h3{font-size:22px;margin:20px 0 8px;color:var(--tf-navy)}.tf-user-card p{font-size:15px;line-height:1.8;margin:0 0 18px}.tf-user-card a{font-weight:900;text-decoration:none;color:var(--tf-blue)!important}

.tf-section--flow{background:#fff}.tf-flow-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center;background:linear-gradient(135deg,rgba(6,34,53,.04),rgba(0,166,166,.06));border:1px solid var(--tf-line);border-radius:36px;padding:46px}.tf-flow-list{list-style:none;counter-reset:flow;margin:0;padding:0;display:grid;gap:16px}.tf-flow-list li{counter-increment:flow;background:#fff;border:1px solid var(--tf-line);border-radius:22px;padding:22px 24px 22px 74px;position:relative;box-shadow:0 12px 34px rgba(6,34,53,.06)}.tf-flow-list li:before{content:counter(flow);position:absolute;left:22px;top:22px;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--tf-blue),var(--tf-teal));display:grid;place-items:center;color:#fff;font-weight:900}.tf-flow-list strong{display:block;color:var(--tf-navy);font-size:18px}.tf-flow-list span{display:block;color:var(--tf-muted);margin-top:4px;line-height:1.7}

.tf-section--money{background:var(--tf-sand)}.tf-money-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:22px}.tf-money-card{background:#fff;border-radius:32px;padding:36px;border:1px solid rgba(6,34,53,.1);box-shadow:0 16px 50px rgba(6,34,53,.06)}.tf-money-card h3{margin:0 0 12px;color:var(--tf-navy);font-size:26px}.tf-money-card p{margin:0}.tf-money-card--dark{background:linear-gradient(135deg,var(--tf-navy),#0a5668);color:#fff}.tf-money-card--dark h2,.tf-money-card--dark p,.tf-money-card--dark .tf-section-label{color:#fff!important}.tf-money-card--dark p{opacity:.86;margin-top:18px}

.tf-section--status{background:#f7fbfb}.tf-status-box{display:flex;align-items:center;justify-content:space-between;gap:32px;background:#fff;border:1px solid var(--tf-line);border-radius:36px;padding:42px;box-shadow:0 18px 60px rgba(6,34,53,.08)}.tf-status-box p{margin:14px 0 0}.tf-status-actions{margin-top:0}.tf-section--status .tf-btn--secondary{border:1px solid var(--tf-line);background:#f7fbfb;color:var(--tf-navy)!important}

.tf-section--faq{background:#fff}.tf-faq-list{max-width:880px;margin:0 auto;display:grid;gap:14px}.tf-faq-list details{background:#f7fbfb;border:1px solid var(--tf-line);border-radius:22px;padding:20px 24px}.tf-faq-list summary{cursor:pointer;font-weight:900;color:var(--tf-navy);font-size:18px}.tf-faq-list p{margin:14px 0 0}

.tf-final-cta{padding:84px 0;background:radial-gradient(circle at 14% 18%,rgba(168,240,223,.26),transparent 28%),linear-gradient(135deg,#031725 0%,#08364d 55%,#008d91 100%);color:#fff}.tf-final-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:36px}.tf-final-cta h2,.tf-final-cta p,.tf-final-cta .tf-section-label{color:#fff!important}.tf-final-cta p{max-width:680px;opacity:.86;line-height:1.9}.tf-final-cta__actions{margin-top:0;justify-content:flex-end}

.tf-page-hero{background:linear-gradient(135deg,#031725,#0a6678);padding:82px 0 72px;color:#fff}.tf-page-hero h1{color:#fff;font-size:clamp(34px,5vw,58px)}.tf-page-hero .tf-section-label{color:var(--tf-mint)}.tf-page-content-wrap{padding:54px 0 88px;background:#f7fbfb}.tf-page-card{background:#fff;border:1px solid var(--tf-line);border-radius:32px;padding:clamp(26px,5vw,54px);box-shadow:0 18px 60px rgba(6,34,53,.08)}.tf-page-content{font-size:16px;line-height:1.9;color:var(--tf-ink)}.tf-page-content h2,.tf-page-content h3{color:var(--tf-navy);letter-spacing:-.03em}.tf-page-content a{color:var(--tf-blue);font-weight:800}.tf-page-content input,.tf-page-content select,.tf-page-content textarea{border:1px solid var(--tf-line);border-radius:14px;padding:12px 14px}.tf-page-content button,.tf-page-content input[type=submit]{background:linear-gradient(135deg,var(--tf-blue),var(--tf-teal));color:#fff;border:0;border-radius:999px;padding:13px 22px;font-weight:900}

@media (max-width: 1024px){
  .tf-hero{min-height:auto;padding:78px 0}.tf-hero__grid,.tf-two-col,.tf-flow-wrap,.tf-money-grid{grid-template-columns:1fr}.tf-hero__panel{min-height:440px}.tf-user-grid{grid-template-columns:repeat(2,1fr)}.tf-card-grid--three{grid-template-columns:1fr}.tf-status-box,.tf-final-cta__inner{align-items:flex-start;flex-direction:column}.tf-status-actions,.tf-final-cta__actions{justify-content:flex-start;margin-top:8px}
}
@media (max-width: 640px){
  .tf-container{width:min(100% - 28px,1140px)}.tf-section{padding:64px 0}.tf-hero{padding:64px 0 76px}.tf-hero h1{font-size:44px}.tf-lead{font-size:16px}.tf-hero__actions,.tf-status-actions,.tf-final-cta__actions{width:100%}.tf-btn{width:100%}.tf-hero__panel{display:none}.tf-user-grid{grid-template-columns:1fr}.tf-flow-wrap,.tf-status-box,.tf-money-card{padding:26px;border-radius:26px}.tf-flow-list li{padding:22px 20px 22px 66px}.tf-page-card{border-radius:24px}.tf-final-cta{padding:64px 0}.tf-card{padding:24px}
}
.tf-card,.tf-user-card,.tf-flow-list li,.tf-money-card,.tf-status-box{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.tf-is-visible{opacity:1!important;transform:translateY(0)!important}
@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation:none!important;transition:none!important}.tf-card,.tf-user-card,.tf-flow-list li,.tf-money-card,.tf-status-box{opacity:1!important;transform:none!important}}
