/* Farm Short presale sales page + home banner (mobile-first). Mascots: no shadow/glow. */
.sf{--o1:#FF8A3D;--o2:#FF5A36;--cream:#FFF7EF;--ink2:#2a2238;color:var(--ink);font-family:var(--fb)}
.sf *{box-sizing:border-box}.sf img{max-width:100%;height:auto}
.sf .w{max-width:1120px;margin:0 auto;padding:0 18px}
.sf h1,.sf h2,.sf h3{font-family:var(--fh);color:var(--ink2);line-height:1.25;margin:0}
.sf-hero{background:radial-gradient(1200px 500px at 85% -10%,rgba(255,215,180,.45) 0,transparent 60%),linear-gradient(180deg,#fff3e6 0,#fffaf5 45%,#fff 100%);padding:22px 0 34px;overflow:hidden}
.sf-hero .g{display:grid;gap:22px}
.sf-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.sf-chip{display:inline-flex;align-items:center;gap:6px;font:600 13px var(--fh);padding:6px 12px;border-radius:30px;background:#fff;border:1.5px solid #ffd9bf;color:#7a3d14}
.sf-chip.hot{background:linear-gradient(135deg,var(--o1),var(--o2));color:#fff;border:0}
.sf-hero h1{font-size:clamp(26px,7vw,46px);font-weight:700;letter-spacing:-.3px}
.sf-hero h1 span{display:block;font-size:.58em;font-weight:600;color:#c2410c;margin-top:6px}
.sf-lead{font-size:16.5px;line-height:1.7;color:#4b4560;margin:12px 0 16px}
.sf-price{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin:6px 0 4px}
.sf-price b{font:700 44px var(--fh);color:var(--o2);line-height:1}.sf-price s{font:500 20px var(--fh);color:#9a93a8}
.sf-price .save{font:600 13px var(--fh);background:#FFE8DC;color:#c2410c;padding:4px 10px;border-radius:20px}
.sf-pnote{font-size:13.5px;color:#6b6480;margin:0 0 14px}
.sf-cta{display:flex;flex-direction:column;gap:10px}
.sf-btn{display:flex;align-items:center;justify-content:center;gap:8px;font:600 18px var(--fh);color:#fff;text-decoration:none;border:0;cursor:pointer;padding:16px 22px;border-radius:16px;background:linear-gradient(135deg,var(--o1),var(--o2));box-shadow:0 12px 26px rgba(255,90,54,.28);width:100%}
.sf-btn:hover{filter:brightness(1.04)}.sf-btn.ghost{background:#fff;color:#c2410c;border:2px solid #ffd2b5;box-shadow:none;font-size:16px;padding:12px 18px}
.sf-cd{background:linear-gradient(135deg,#ff8a00 0%,#ff5e3a 100%);color:#fff;border-radius:18px;padding:16px 14px 14px;margin-top:16px;box-shadow:0 12px 28px -12px rgba(240,80,30,.65)}
.sf-cd p{margin:0 0 12px;font:800 17px/1.4 var(--fh);color:#fff;text-align:center;text-shadow:0 1px 2px rgba(110,30,0,.4)}
.sf-cd .t{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.sf-cd .t div{background:rgba(140,35,0,.24);border:1px solid rgba(255,255,255,.35);border-radius:14px;padding:10px 4px 9px;text-align:center}
.sf-cd .t b{display:block;font:800 34px/1.05 var(--fh);color:#fff;font-variant-numeric:tabular-nums;text-shadow:0 2px 4px rgba(110,30,0,.4)}.sf-cd .t small{display:block;margin-top:3px;font:700 13px var(--fh);color:#fff;text-shadow:0 1px 2px rgba(110,30,0,.35)}
@media(max-width:420px){.sf-cd{padding:14px 10px 12px}.sf-cd p{font-size:16px}.sf-cd .t{gap:6px}.sf-cd .t b{font-size:30px}.sf-cd .t small{font-size:12.5px}}
.sf-vis{position:relative;padding-bottom:10px}
.sf-shot{margin:0;background:#fff;border-radius:16px;border:1px solid #f1e3d6;overflow:hidden;box-shadow:0 20px 50px rgba(120,60,20,.12)}
.sf-shot img{display:block;width:100%}
.sf-shot figcaption,.sf-lbl{font:500 12px var(--fh);color:#8a7f99;padding:7px 12px;background:#fffaf5;border-top:1px solid #f4e7da}
.sf-hero .sf-vis .masc{position:absolute;right:-8px;bottom:-14px;width:38%;max-width:220px}
.sf-trust{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 0}
.sf-trust div{background:#fff;border:1px solid #f1e6dc;border-radius:14px;padding:10px 12px;font:500 14px var(--fh);color:#4b3f5c;display:flex;gap:8px;align-items:center}
.sf-sec{padding:44px 0}.sf-sec.alt{background:var(--cream)}
.sf-h{text-align:center;max-width:720px;margin:0 auto 26px}.sf-h .eb{font:600 13px var(--fh);color:#c2410c;letter-spacing:.5px}
.sf-h h2{font-size:clamp(23px,5.6vw,34px);margin:6px 0 8px}.sf-h p{color:#5f5874;margin:0;line-height:1.7}
.sf-feat{display:grid;gap:18px}
.sf-f{background:#fff;border:1px solid #f0e4d9;border-radius:22px;padding:20px;display:grid;gap:14px;align-items:center}
.sf-f .n{display:inline-flex;width:34px;height:34px;border-radius:50%;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--o1),var(--o2));color:#fff;font:700 16px var(--fh)}
.sf-f h3{font-size:21px;margin:8px 0 6px}.sf-f p{margin:0;color:#544d68;line-height:1.75;font-size:15.5px}
.sf-f ul{margin:10px 0 0;padding-left:20px;color:#544d68;line-height:1.8}
.sf-f .m{display:flex;align-items:flex-end;gap:10px}.sf-f .m img.masc{width:110px;flex:none}
.sf-f .m .sf-shot{flex:1}
.sf-note{font-size:12.5px;color:#8a8199;margin-top:8px}
.sf-steps{display:grid;gap:12px;counter-reset:s}
.sf-step{background:#fff;border-radius:18px;padding:16px 16px 16px 64px;position:relative;border:1px solid #f0e4d9}
.sf-step:before{counter-increment:s;content:counter(s);position:absolute;left:16px;top:16px;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#ff8a00,#ff5e3a);color:#fff;font:700 17px var(--fh);display:flex;align-items:center;justify-content:center}
.sf-step b{font:600 17px var(--fh);color:var(--ink2)}.sf-step p{margin:4px 0 0;color:#5f5874;font-size:14.5px}
.sf-tl{display:grid;gap:12px}
.sf-tc{background:#fff;border-radius:20px;padding:18px;border:2px solid #f0e4d9;position:relative}
.sf-tc.on{border-color:var(--o1);background:linear-gradient(180deg,#fff7f0,#fff)}
.sf-tc .tag{position:absolute;top:-12px;left:16px;font:600 12px var(--fh);background:linear-gradient(135deg,var(--o1),var(--o2));color:#fff;padding:4px 10px;border-radius:20px}
.sf-tc h3{font-size:17px}.sf-tc .p{font:700 32px var(--fh);color:var(--o2);margin:4px 0}.sf-tc .p s{font-size:17px;color:#9a93a8;font-weight:500;margin-left:6px}
.sf-tc p{margin:0;color:#5f5874;font-size:14.5px;line-height:1.65}
.sf-fees{display:grid;gap:10px;margin-top:14px}
.sf-fee{display:flex;gap:12px;align-items:flex-start;background:#fff;border-radius:16px;padding:14px;border:1px solid #f0e4d9}
.sf-fee i{font-style:normal;font-size:24px;line-height:1}.sf-fee b{font:600 16px var(--fh);color:var(--ink2)}.sf-fee p{margin:3px 0 0;color:#5f5874;font-size:14px;line-height:1.6}
.sf-get{display:grid;gap:10px;list-style:none;padding:0;margin:0}
.sf-get li{background:#fff;border-radius:14px;padding:12px 14px 12px 46px;position:relative;border:1px solid #f0e4d9;line-height:1.6;color:#3f3852}
.sf-get li:before{content:"✓";position:absolute;left:14px;top:11px;width:22px;height:22px;border-radius:50%;background:#e8f8ef;color:#13804a;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:13px}
.sf-order{background:#fff;border-radius:24px;border:2px solid #ffd2b5;padding:20px;max-width:560px;margin:0 auto;position:relative}
.sf-order h3{font-size:22px;text-align:center}.sf-order .sf-price{justify-content:center}
.sf-order label{display:block;font:600 15px var(--fh);margin:14px 0 6px}
.sf-order select{width:100%;font:500 17px var(--fh);padding:12px 14px;border-radius:12px;border:1.5px solid #e6d8cc;background:#fff}
.sf-order .sum{background:#fff7f0;border-radius:14px;padding:12px 14px;margin:14px 0;font-size:14px;color:#5f5874;line-height:1.7}
.sf-order .sum b{color:var(--ink2)}
.sf-order .masc{position:absolute;right:-6px;top:-70px;width:96px}
.sf-faq details{background:#fff;border:1px solid #f0e4d9;border-radius:16px;margin-bottom:10px;padding:0 16px}
.sf-faq summary{font:600 16px var(--fh);padding:15px 0;cursor:pointer;color:var(--ink2);list-style:none}
.sf-faq summary::-webkit-details-marker{display:none}.sf-faq summary:after{content:"+";float:right;color:#c2410c;font-size:20px;line-height:1}
.sf-faq details[open] summary:after{content:"–"}.sf-faq details p{margin:0 0 15px;color:#544d68;line-height:1.75}
.sf-final{background:linear-gradient(135deg,#fffaf5,#fff3e6);border:1px solid #f6dcc3;color:#4a4038;border-radius:26px;padding:26px 20px;text-align:center;position:relative;overflow:hidden}
.sf-final h2{color:#1f1a17;font-size:clamp(22px,5.5vw,32px)}.sf-final p{color:#4a4038}
.sf-final .masc{width:130px;margin:0 auto 8px;display:block}
.sf-disc{font-size:12.5px;color:#8a8199;line-height:1.7;text-align:center;max-width:760px;margin:22px auto 0}
.sf-bar{transform:translateY(110%);transition:transform .25s;}.sf-bar.show{transform:none}
.sf-bar{position:fixed;left:0;right:0;bottom:0;z-index:40;background:rgba(255,255,255,.97);border-top:1px solid #f0e0d2;padding:10px 14px calc(10px + env(safe-area-inset-bottom));display:flex;gap:12px;align-items:center}
.sf-bar .pp{line-height:1.15;flex:none}.sf-bar .pp b{font:700 21px var(--fh);color:var(--o2)}.sf-bar .pp s{font-size:13px;color:#9a93a8;margin-left:4px}.sf-bar .pp small{display:block;font-size:11.5px;color:#7a7090}
.sf-bar .sf-btn{width:auto;flex:1;padding:12px 14px;font-size:16px}
.sf-pad{height:76px}
.sf-preview{background:#2a2238;color:#ffd9bf;text-align:center;font:500 13px var(--fh);padding:7px 12px}
@media(min-width:760px){
  .sf-hero{padding:40px 0 56px}.sf-hero .g{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px}
  .sf-cta{flex-direction:row}.sf-cta .sf-btn{width:auto}
  .sf-trust{grid-template-columns:repeat(4,1fr)}
  .sf-f{grid-template-columns:1fr 1fr;padding:28px;gap:28px}.sf-f.rev>div:first-child{order:2}
  .sf-steps{grid-template-columns:repeat(3,1fr)}.sf-tl{grid-template-columns:1fr 1fr 1fr}.sf-fees{grid-template-columns:1fr 1fr 1fr}
  .sf-get{grid-template-columns:1fr 1fr}.sf-sec{padding:64px 0}.sf-bar{display:none}.sf-pad{display:none}
  .sf-final{padding:40px}.sf-faq{max-width:820px;margin:0 auto}
}
/* home-page presale banner */
.sfb{background:radial-gradient(900px 400px at 90% 0,rgba(255,200,160,.30) 0,transparent 60%),linear-gradient(135deg,#ffffff,#fffaf5 50%,#fff3e6);border-bottom:1px solid #f5dccb;overflow:hidden}
.sfb .w{max-width:1180px;margin:0 auto;padding:22px 18px 26px;display:grid;gap:18px;position:relative}
.sfb h2{font:700 clamp(24px,6.4vw,40px) var(--fh);color:#2a2238;margin:6px 0 0;line-height:1.2}
.sfb h2 span{display:block;font-size:.55em;color:#c2410c;font-weight:600;margin-top:4px}
.sfb p.l{margin:10px 0 12px;color:#4b4560;line-height:1.7;font-size:15.5px}
.sfb .sf-cd{margin-top:12px}
.sfb .vis{position:relative}.sfb .vis .masc{position:absolute;right:-6px;bottom:-18px;width:34%;max-width:200px}
.sfb .sf-shot{box-shadow:0 16px 40px rgba(120,60,20,.14)}
@media(min-width:860px){.sfb .w{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;padding:36px 18px 42px}.sfb .sf-cta .sf-btn{width:auto}}