/*
Theme Name: STT Golden Landing Page
Theme URI: https://sttgolden.vn
Author: STT Golden
Description: Landing page one-page cho STT Golden: kinh doanh tàu xuồng hơi, đầu tư bất động sản, đầu tư tài chính.
Version: 1.0.0
License: GPL v2 or later
Text Domain: stt-golden
*/
:root{--navy:#002846;--navy2:#04192d;--gold:#d7a84a;--gold2:#f5d485;--white:#fff;--muted:#6b7280;--bg:#f7f8fb;--shadow:0 18px 45px rgba(0,25,55,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Helvetica Neue',sans-serif;color:#0b1f35;background:var(--bg);line-height:1.65}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{width:min(1160px,92%);margin:auto}.topbar{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(0,31,55,.94);backdrop-filter:blur(14px);box-shadow:0 8px 28px rgba(0,0,0,.22)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff;font-weight:800}.logo-mark{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);font-size:24px;font-weight:900}.brand small{display:block;font-size:10px;letter-spacing:.12em;color:#f0d590}.menu{display:flex;align-items:center;gap:26px;color:#fff;font-size:14px;font-weight:700}.menu a:hover{color:var(--gold2)}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:7px;padding:13px 22px;font-weight:800;font-size:14px;border:1px solid transparent;transition:.25s}.btn.gold{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#10233a}.btn.outline{border-color:rgba(255,255,255,.48);color:#fff}.btn.blue{background:#002846;color:#fff}.hero{min-height:760px;padding-top:78px;display:flex;align-items:center;position:relative;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(0,34,62,.95) 0%,rgba(0,50,85,.72) 42%,rgba(0,0,0,.12) 100%),url('assets/images/landingpage-demo.png') center top/cover no-repeat}.hero:after{content:"";position:absolute;inset:auto 0 0 0;height:180px;background:linear-gradient(0deg,var(--bg),rgba(247,248,251,0))}.hero-content{position:relative;z-index:2;width:min(650px,100%)}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--gold2);font-weight:800;font-size:13px}.hero h1{font-size:clamp(44px,7vw,84px);line-height:1.02;margin:20px 0 22px}.hero h1 span{display:block;color:var(--gold2)}.hero p{font-size:18px;max-width:610px;color:#e8eef5}.cta{display:flex;gap:14px;margin-top:32px;flex-wrap:wrap}.section{padding:86px 0}.center{text-align:center}.section-title{font-size:clamp(32px,4vw,48px);line-height:1.12;margin:8px 0 12px;color:#0b2540}.title-line{width:90px;height:3px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:18px auto 0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px}.card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow);transition:.3s}.card:hover{transform:translateY(-8px)}.thumb{height:230px;background-size:cover;background-position:center;position:relative}.thumb.boat{background:linear-gradient(135deg,#05618b,#e7f9ff)}.thumb.boat:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 360"><rect width="600" height="360" fill="%23055f87"/><path d="M0 250 C150 220 250 290 400 245 C490 220 540 235 600 220 L600 360 L0 360Z" fill="%23003e66"/><path d="M120 195 L420 195 L372 245 L155 245Z" fill="white"/><path d="M238 135 L340 135 L375 195 L215 195Z" fill="%23d7a84a"/><circle cx="190" cy="248" r="22" fill="%2300192d"/><circle cx="352" cy="248" r="22" fill="%2300192d"/></svg>') center/cover no-repeat}.thumb.real{background:linear-gradient(135deg,#afc8d7,#fff)}.thumb.real:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 360"><rect width="600" height="360" fill="%23dfeaf3"/><rect x="150" y="70" width="120" height="240" fill="%23002846"/><rect x="285" y="35" width="150" height="275" fill="%23d7a84a"/><g fill="white"><rect x="172" y="95" width="28" height="26"/><rect x="220" y="95" width="28" height="26"/><rect x="315" y="70" width="32" height="28"/><rect x="375" y="70" width="32" height="28"/><rect x="315" y="125" width="32" height="28"/><rect x="375" y="125" width="32" height="28"/><rect x="172" y="155" width="28" height="26"/><rect x="220" y="155" width="28" height="26"/></g><path d="M0 310 Q300 250 600 310 L600 360 L0 360Z" fill="%230d5d80"/></svg>') center/cover no-repeat}.thumb.finance{background:linear-gradient(135deg,#00192d,#0d6e91)}.thumb.finance:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 600 360"><rect width="600" height="360" fill="%2300192d"/><g stroke="%23ffffff" opacity=".12"><path d="M0 60H600M0 120H600M0 180H600M0 240H600M0 300H600M100 0V360M200 0V360M300 0V360M400 0V360M500 0V360"/></g><polyline points="40,270 120,220 190,240 260,150 330,175 410,80 520,120 575,55" fill="none" stroke="%23f5d485" stroke-width="12"/><polyline points="40,285 120,250 190,265 260,210 330,225 410,150 520,170 575,130" fill="none" stroke="%2306b6d4" stroke-width="7"/></svg>') center/cover no-repeat}.card-body{padding:34px 28px 32px;text-align:center}.icon{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:var(--gold2);font-size:30px;margin:-70px auto 20px;position:relative;border:5px solid #fff}.card h3{margin:0 0 12px;font-size:20px;text-transform:uppercase;color:#0b2540}.card p{color:var(--muted);margin:0 0 24px}.link{color:#b78524;font-weight:800}.dark{background:linear-gradient(135deg,var(--navy2),var(--navy));color:#fff}.dark .section-title{color:#fff}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:48px}.feature{text-align:center;padding:18px;border-right:1px solid rgba(255,255,255,.12)}.feature:last-child{border-right:0}.feature-icon{font-size:44px;color:var(--gold2);margin-bottom:12px}.feature h4{margin:0 0 8px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px;padding-top:36px;border-top:1px solid rgba(255,255,255,.18);text-align:center}.stat strong{display:block;font-size:46px;color:var(--gold2);line-height:1}.projects{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:44px}.project{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 10px 28px rgba(0,0,0,.1)}.project .thumb{height:165px}.project h4{padding:18px 18px 4px;margin:0}.project span{display:block;color:#bd8d35;padding:0 18px 20px;font-weight:700}.banner{background:linear-gradient(90deg,rgba(215,168,74,.95),rgba(245,212,133,.72)),linear-gradient(135deg,#d7a84a,#fff);padding:62px 0}.banner .container{display:flex;align-items:center;justify-content:space-between;gap:24px}.footer{background:#00192d;color:#dfe9f5;padding:64px 0 20px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:38px}.footer h4{color:#fff;margin-top:0}.footer a{display:block;color:#dfe9f5;margin:8px 0}.input{width:100%;padding:15px;border:1px solid rgba(255,255,255,.24);background:transparent;color:#fff;border-radius:6px;margin-bottom:12px}.copyright{text-align:center;margin-top:44px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:13px;color:#9fb3c7}@media(max-width:900px){.menu{display:none}.hero{min-height:680px}.cards,.features,.stats,.projects,.footer-grid{grid-template-columns:1fr 1fr}.banner .container{display:block}.banner .btn{margin-top:18px}}@media(max-width:620px){.cards,.features,.stats,.projects,.footer-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.feature{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}}