/* Dark mode, matching the live site: follows the device setting */
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) body.stf{--bg:#15181c;--panel:#1d2126;--fg:#e8ebee;--muted:#a3abb4;--line:#30363d;--green:#23272c;--green-deep:#121518;--green-fg:#eef1f4;--gold:#3aa6f0;--gold-soft:#13334d;color-scheme:dark}}
:root[data-theme="dark"] body.stf{--bg:#15181c;--panel:#1d2126;--fg:#e8ebee;--muted:#a3abb4;--line:#30363d;--green:#23272c;--green-deep:#121518;--green-fg:#eef1f4;--gold:#3aa6f0;--gold-soft:#13334d;color-scheme:dark}
body.stf{
  --bg:#f1f3f6; --panel:#ffffff; --fg:#2b2f34; --muted:#5d6670; --line:#d8dde4;
  --green:#2b2f34; --green-deep:#1e2226; --green-fg:#f4f6f8; --gold:#0d8fe0; --gold-soft:#e2f1fc;
  --display:"Barlow Condensed","Arial Narrow",Impact,sans-serif; --body:"Barlow",system-ui,Segoe UI,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.stf{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:17px;line-height:1.55}
body.stf .stf-page .wrap{max-width:1100px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
body.stf .stf-page h1,body.stf .stf-page h2,body.stf .stf-page h3{font-family:var(--display);line-height:1.05;margin:0;text-wrap:balance;letter-spacing:.01em}
body.stf .stf-page h1{font-size:clamp(40px,7vw,72px);font-weight:700;text-transform:uppercase}
body.stf .stf-page h2{font-size:clamp(28px,4vw,40px);font-weight:700;text-transform:uppercase}
body.stf .stf-page h3{font-size:22px;font-weight:600}
body.stf .stf-page p{margin:0 0 12px;max-width:66ch}
body.stf .stf-page .eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);font-weight:600}
body.stf .stf-page a{color:var(--green)}
body.stf .stf-page .brand{font-family:var(--display);font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.04em;display:flex;align-items:center;gap:10px;color:var(--green-fg);text-decoration:none}
body.stf .stf-page .brand svg{flex:none}
body.stf .stf-page .hero{background:var(--panel);color:var(--fg);background-image:linear-gradient(115deg,var(--gold) 0 6px,transparent 6px 14px,var(--green) 14px 18px,transparent 18px 100%),linear-gradient(295deg,var(--gold) 0 6px,transparent 6px 14px,var(--green) 14px 18px,transparent 18px 100%);border-bottom:1px solid var(--line)}
body.stf .stf-page .hero .wrap{padding-block:28px 48px;display:grid;gap:28px;grid-template-columns:1.3fr 1fr;align-items:end}
body.stf .stf-page .hero .banner{grid-column:1 / -1;margin:0;background:#ffffff;border:1px solid var(--line);border-radius:12px;overflow:hidden}
body.stf .stf-page .hero .banner img{display:block;width:100%;height:auto}
body.stf .stf-page .hero p{font-size:19px;max-width:52ch}
body.stf .stf-page .hero .facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
body.stf .stf-page .fact{background:var(--bg);border:1px solid var(--line);border-radius:10px;padding:14px}
body.stf .stf-page .fact b{display:block;font-family:var(--display);font-size:30px;font-weight:700;line-height:1;color:var(--gold)}
body.stf .stf-page .fact span{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
body.stf .stf-page .btn{display:inline-block;font-weight:600;border-radius:8px;padding:12px 20px;text-decoration:none;border:1px solid transparent}
body.stf .stf-page .btn.gold{background:var(--gold);color:#ffffff}
body.stf .stf-page .btn.ghost{border-color:currentColor;color:inherit}
body.stf .stf-page .btn.green{background:var(--green);color:var(--green-fg)}
body.stf .stf-page .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
body.stf .stf-page section{padding-block:56px}
body.stf .stf-page section.alt{background:var(--panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
body.stf .stf-page .lead{font-size:19px;color:var(--muted)}
body.stf .stf-page .grid{display:grid;gap:18px}
body.stf .stf-page .g3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
body.stf .stf-page .g2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
body.stf .stf-page .card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:22px;min-width:0}
body.stf .stf-page section.alt .card{background:var(--bg)}
body.stf .stf-page .card h3{margin-bottom:8px}
body.stf .stf-page .price{font-family:var(--display);font-size:44px;font-weight:700;line-height:1;margin:8px 0 2px;font-variant-numeric:tabular-nums}
body.stf .stf-page .price small{font-size:16px;font-family:var(--body);font-weight:500;color:var(--muted)}
body.stf .stf-page .tag{display:inline-block;background:var(--gold-soft);color:var(--fg);font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:600;padding:3px 9px;border-radius:999px}
body.stf .stf-page ul.spec{list-style:none;padding:0;margin:10px 0 0;display:grid;gap:6px;font-size:15px}
body.stf .stf-page ul.spec li::before{content:"";display:inline-block;width:8px;height:8px;background:var(--gold);margin-right:10px;transform:rotate(45deg)}
body.stf .stf-page .tablewrap{overflow-x:auto;margin-top:18px}
body.stf .stf-page table{border-collapse:collapse;width:100%;font-size:15px;background:var(--panel)}
body.stf .stf-page th,body.stf .stf-page td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
body.stf .stf-page th{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}
body.stf .stf-page td.num,body.stf .stf-page th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
body.stf .stf-page .fine{font-size:14px;color:var(--muted)}
body.stf .stf-page dl.terms{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px 24px;margin:0}
body.stf .stf-page dl.terms div{border-left:3px solid var(--gold);padding-left:12px}
body.stf .stf-page dt{font-weight:600}
body.stf .stf-page dd{margin:0;color:var(--muted);font-size:15px}
body.stf .stf-page form{display:grid;gap:12px}
body.stf .stf-page .row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
body.stf .stf-page label{display:flex;flex-direction:column;gap:4px;font-size:14px;color:var(--muted)}
body.stf .stf-page input,body.stf .stf-page select,body.stf .stf-page textarea{font:inherit;color:var(--fg);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px;width:100%}
body.stf .stf-page textarea{min-height:90px;resize:vertical}
body.stf .stf-page button{font:inherit}
body.stf .stf-page .btn:focus-visible,body.stf .stf-page a:focus-visible,body.stf .stf-page input:focus-visible,body.stf .stf-page select:focus-visible,body.stf .stf-page textarea:focus-visible,body.stf .stf-page button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
body.stf .stf-page .contactbox{background:var(--green);color:var(--green-fg);border-radius:12px;padding:22px}
body.stf .stf-page .contactbox a{color:var(--green-fg)}
body.stf .stf-page .copyline{font-size:18px;font-weight:600;word-break:break-all}
body.stf .stf-page .notice{background:var(--gold-soft);border-radius:8px;padding:10px 14px;font-size:14px;margin-top:12px}
@media (max-width:760px){body.stf .stf-page .hero .wrap{grid-template-columns:1fr}body.stf .stf-page .hero .facts{grid-template-columns:repeat(2,1fr)}body.stf .stf-page .hero .banner{border-radius:8px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Flatsome compatibility (added) */
body.stf .stf-page{font-family:var(--body);font-size:17px;line-height:1.55;color:var(--fg);background:var(--bg)}
body.stf .stf-page h1,body.stf .stf-page h2,body.stf .stf-page h3{color:inherit;width:auto}
body.stf .stf-page ul.spec li{margin:0}body.stf .stf-page ul.spec{margin-left:0}
body.stf .stf-page .btn{text-transform:none;letter-spacing:0;line-height:1.4;min-height:0;margin:0}
body.stf .stf-page label{font-weight:400;margin:0}
body.stf .stf-page input,body.stf .stf-page select,body.stf .stf-page textarea{height:auto;box-shadow:none;margin:0}
body.stf .stf-page .contactbox a.tel{color:inherit;text-decoration:none}