/*
Theme Name: RenomatePro FSE
Theme URI: https://renomatepro.com
Author: RenomatePro
Author URI: https://renomatepro.com
Description: Full Site Editing Theme เธชเธณเธซเธฃเธฑเธš RenomatePro โ€” เนเธเน‰เน„เธ‚เธ—เธธเธเธชเนˆเธงเธ™เธœเนˆเธฒเธ™ Gutenberg Editor
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: rp-fse
Tags: full-site-editing, block-theme, dark, modern, renovation
*/


/* RenomatePro FSE โ€” blocks.css v4.0 */
/* Google Fonts โ€” เธเธฑเธ‡เน„เธงเน‰เน€เธฅเธขเน„เธกเนˆเธ•เน‰เธญเธ‡เธฃเธญ network */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700;900&family=DM+Sans:wght@300;400;500;600&display=swap');
/* Fallback fonts เธ–เน‰เธฒ Google Fonts เน‚เธซเธฅเธ”เน„เธกเนˆเน„เธ”เน‰ */
body { font-family: 'DM Sans', 'Segoe UI', Tahoma, Arial, sans-serif; }
h1,h2,h3,.sec-title,.hero-title,.ih-title,.stat-num,.ws-num,.profit-rate,.price-amount,.proc-circle span { font-family: 'Playfair Display', Georgia, 'Times New Roman', serif; }
:root{--ink:#0f1117;--ink2:#161b27;--cream:#f7f4ee;--gold:#c9a84c;--gold-l:#e8c96e;--white:#fff;--muted:#7a7f8e;--green:#3aa066;--r:4px;--rl:12px;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans','Segoe UI',Arial,sans-serif;background:var(--ink);color:var(--white);overflow-x:hidden;}
img{max-width:100%;height:auto;display:block;}
a{text-decoration:none;color:inherit;}
ul{list-style:none;}
button{font-family:inherit;cursor:pointer;}

/* โ”€โ”€ NAV โ”€โ”€ */
#site-nav{position:fixed;top:0;left:0;width:100%;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:18px 60px;background:rgba(15,17,23,.97);backdrop-filter:blur(16px);border-bottom:1px solid rgba(201,168,76,.15);transition:padding .3s;}
#site-nav.scrolled{padding:12px 60px;}
.nav-logo{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:900;color:var(--white);letter-spacing:1px;}
.nav-logo span{color:var(--gold);}
.nav-logo img{height:48px;width:auto;}
.nav-links{display:flex;gap:28px;list-style:none;margin:0;padding:0;}
.nav-links li a{color:rgba(255,255,255,.65);font-size:14px;font-weight:500;transition:color .2s;}
.nav-links li a:hover,.nav-links li.current-menu-item>a{color:var(--gold);}
.nav-cta{background:var(--gold);color:var(--ink);padding:10px 22px;border-radius:var(--r);font-size:13px;font-weight:700;transition:all .2s;white-space:nowrap;}
.nav-cta:hover{background:var(--gold-l);transform:translateY(-1px);}
.nav-hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px;}
.nav-hamburger span{width:24px;height:2px;background:#fff;border-radius:2px;display:block;transition:all .3s;}
#site-nav.open .nav-links{display:flex;flex-direction:column;position:fixed;top:64px;left:0;right:0;background:rgba(15,17,23,.98);padding:24px 32px;gap:18px;border-bottom:1px solid rgba(201,168,76,.15);z-index:999;}

/* โ”€โ”€ BUTTONS โ”€โ”€ */
.btn-gold{background:var(--gold);color:var(--ink);padding:15px 32px;border-radius:var(--r);font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:8px;transition:all .2s;}
.btn-gold:hover{background:var(--gold-l);transform:translateY(-2px);box-shadow:0 12px 32px rgba(201,168,76,.3);}
.btn-ghost{border:1px solid rgba(255,255,255,.22);color:var(--white);padding:15px 28px;border-radius:var(--r);font-size:15px;font-weight:500;transition:all .2s;}
.btn-ghost:hover{border-color:var(--gold);color:var(--gold);}

/* โ”€โ”€ SECTION COMMON โ”€โ”€ */
section{padding:96px 80px;position:relative;}
.sec-label{font-size:11px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--gold);margin-bottom:12px;}
.sec-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(28px,3.2vw,44px);font-weight:900;line-height:1.15;}
.sec-desc{font-size:16px;color:var(--muted);line-height:1.8;max-width:540px;margin-top:14px;}
.sec-intro{text-align:center;max-width:620px;margin:0 auto 64px;}
.sec-intro .sec-desc{margin:14px auto 0;}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .65s,transform .65s;}
.reveal.visible{opacity:1;transform:none;}

/* โ”€โ”€ HERO โ”€โ”€ */
#hero{min-height:100vh;display:flex;align-items:center;padding:0 80px;background:var(--ink);overflow:hidden;}
.hero-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 75% 20%,rgba(201,168,76,.13) 0%,transparent 55%),radial-gradient(ellipse at 10% 75%,rgba(45,122,79,.09) 0%,transparent 50%);}
.hero-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:60px 60px;}
.hero-circles{position:absolute;right:-80px;top:-80px;width:650px;height:650px;border:1px solid rgba(201,168,76,.07);border-radius:50%;pointer-events:none;}
.hero-circles::after{content:'';position:absolute;inset:70px;border:1px solid rgba(201,168,76,.04);border-radius:50%;}
.hero-content{position:relative;z-index:2;max-width:680px;padding-top:100px;}
.hero-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(45,122,79,.15);border:1px solid rgba(45,122,79,.4);color:#5ecb88;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;padding:7px 16px;border-radius:20px;margin-bottom:28px;}
.badge-dot{width:7px;height:7px;border-radius:50%;background:#5ecb88;flex-shrink:0;animation:pulse 2s infinite;}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}
.hero-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(42px,5.5vw,72px);font-weight:900;line-height:1.07;color:var(--white);margin-bottom:22px;}
.hero-title em{color:var(--gold);font-style:normal;display:block;}
.hero-sub{font-size:17px;font-weight:300;color:rgba(255,255,255,.55);line-height:1.85;max-width:560px;margin-bottom:40px;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:60px;}
.hero-stats{display:flex;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.03);max-width:560px;}
.stat-item{flex:1;padding:20px 22px;border-right:1px solid rgba(255,255,255,.07);}
.stat-item:last-child{border-right:none;}
.stat-num{font-family:'Playfair Display',Georgia,serif;font-size:28px;font-weight:900;color:var(--gold);}
.stat-lbl{font-size:11px;color:rgba(255,255,255,.4);margin-top:3px;line-height:1.4;}
.hero-visual{position:absolute;right:0;top:0;bottom:0;width:40%;overflow:hidden;}
.hv-inner{width:100%;height:100%;background:linear-gradient(135deg,#1a2535,#0d1520);position:relative;display:flex;align-items:center;justify-content:center;}
.hv-inner::before{content:'';position:absolute;left:0;top:0;bottom:0;width:120px;z-index:2;background:linear-gradient(90deg,var(--ink),transparent);}
.hv-bg-text{font-family:'Playfair Display',Georgia,serif;font-size:200px;font-weight:900;color:rgba(201,168,76,.04);position:absolute;bottom:-20px;left:-10px;white-space:nowrap;line-height:1;pointer-events:none;}
.hv-card{position:absolute;z-index:3;background:rgba(255,255,255,.07);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 20px;color:#fff;}
.hv-c1{top:20%;left:8%;animation:fA 5s ease-in-out infinite;}
.hv-c2{bottom:22%;right:6%;animation:fB 5s ease-in-out infinite 2s;}
.hv-c3{top:52%;left:28%;animation:fA 6s ease-in-out infinite 1s;}
@keyframes fA{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes fB{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}
.hvc-tag{font-size:10px;color:var(--gold);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:5px;font-weight:600;}
.hvc-val{font-size:20px;font-weight:800;}
.hvc-sub{font-size:11px;color:rgba(255,255,255,.42);margin-top:2px;}
.hvc-green{color:#5ecb88;}

/* โ”€โ”€ SERVICES โ”€โ”€ */
#services{background:var(--cream);}
#services .sec-title{color:#0f1117;}
#services .sec-desc{color:#3a4050;}
.srv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.srv-card{background:#fff;border:1px solid #e8e0d4;border-radius:var(--rl);padding:36px 32px;cursor:pointer;transition:all .35s;position:relative;overflow:hidden;}
.srv-card::before{content:'';position:absolute;inset:0;background:var(--ink2);opacity:0;transition:opacity .35s;}
.srv-card:hover::before{opacity:1;}
.srv-card:hover{border-color:rgba(201,168,76,.4);transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.18);}
.srv-icon{width:56px;height:56px;border-radius:12px;background:rgba(201,168,76,.08);display:flex;align-items:center;justify-content:center;margin-bottom:22px;position:relative;z-index:1;transition:background .35s;}
.srv-icon svg{width:26px;height:26px;stroke:var(--gold);fill:none;transition:stroke .35s;}
.srv-name{font-family:'Playfair Display',Georgia,serif;font-size:20px;font-weight:700;color:#0f1117;margin-bottom:10px;position:relative;z-index:1;transition:color .35s;}
.srv-text{font-size:14px;color:var(--muted);line-height:1.7;position:relative;z-index:1;transition:color .35s;}
.srv-arrow{display:block;margin-top:20px;font-size:20px;color:transparent;position:relative;z-index:1;transition:color .35s;}
.srv-card:hover .srv-name,.srv-card:hover .srv-card{color:#fff;}
.srv-card:hover .srv-name{color:#fff;}
.srv-card:hover .srv-text{color:rgba(255,255,255,.5);}
.srv-card:hover .srv-arrow{color:var(--gold);}
.srv-card:hover .srv-icon{background:rgba(201,168,76,.12);}
.srv-card:hover .srv-icon svg{stroke:var(--gold);}

/* โ”€โ”€ WHY โ”€โ”€ */
#why{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;background:var(--ink2);padding:96px 80px;}
#why .sec-title{color:var(--white);}
.why-points{display:flex;flex-direction:column;gap:28px;margin-top:32px;}
.why-pt{display:flex;gap:16px;align-items:flex-start;}
.why-icon{width:46px;height:46px;flex-shrink:0;border-radius:10px;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.2);display:flex;align-items:center;justify-content:center;margin-top:2px;}
.why-icon svg{width:22px;height:22px;stroke:var(--gold);fill:none;}
.why-pt h4{font-size:16px;font-weight:700;color:var(--white);margin-bottom:5px;}
.why-pt p{font-size:14px;color:rgba(255,255,255,.48);line-height:1.7;}
.why-stats{background:linear-gradient(135deg,rgba(201,168,76,.08),rgba(201,168,76,.03));border:1px solid rgba(201,168,76,.15);border-radius:20px;padding:48px;display:grid;grid-template-columns:1fr 1fr;gap:40px;}
.ws-num{font-family:'Playfair Display',Georgia,serif;font-size:52px;font-weight:900;color:var(--gold);line-height:1;}
.ws-lbl{font-size:14px;color:rgba(255,255,255,.5);margin-top:8px;line-height:1.5;}
.ws-item:nth-child(3),.ws-item:nth-child(4){border-top:1px solid rgba(255,255,255,.06);padding-top:40px;}

/* โ”€โ”€ PORTFOLIO โ”€โ”€ */
#portfolio{background:var(--ink);}
#portfolio .sec-title{color:var(--white);}
.port-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:20px;margin-bottom:40px;}
.port-filters{display:flex;gap:10px;flex-wrap:wrap;}
.pf-btn{padding:9px 20px;border-radius:50px;font-size:13px;font-weight:600;border:1px solid rgba(255,255,255,.12);background:transparent;color:rgba(255,255,255,.55);transition:all .2s;}
.pf-btn:hover,.pf-btn.active{background:var(--gold);border-color:var(--gold);color:var(--ink);}
.port-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:260px 260px;gap:16px;}
.port-item{border-radius:var(--rl);overflow:hidden;position:relative;cursor:pointer;background:var(--ink2);}
.port-item.tall{grid-row:span 2;}
.port-item.wide{grid-column:span 2;}
.port-img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.port-item:hover .port-img{transform:scale(1.06);}
.port-placeholder{width:100%;height:100%;min-height:220px;display:flex;align-items:center;justify-content:center;font-size:52px;opacity:.2;transition:transform .5s;}
.port-item:hover .port-placeholder{transform:scale(1.06);}
.port-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,17,23,.92) 0%,transparent 55%);opacity:0;transition:opacity .35s;z-index:2;display:flex;align-items:flex-end;padding:24px;}
.port-item:hover .port-overlay{opacity:1;}
.port-tag{position:absolute;top:14px;left:14px;z-index:3;background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.3);color:var(--gold);font-size:10px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:5px 12px;border-radius:20px;}
.port-overlay div{color:#fff;}
.port-loc{font-size:10px;color:var(--gold);letter-spacing:1px;text-transform:uppercase;margin-bottom:5px;font-weight:600;}
.port-overlay h4{font-family:'Playfair Display',Georgia,serif;font-size:17px;font-weight:700;margin-bottom:4px;}
.port-overlay p{font-size:12px;color:rgba(255,255,255,.5);}

/* โ”€โ”€ PROCESS โ”€โ”€ */
#process{background:var(--cream);}
#process .sec-title{color:#0f1117;}
#process .sec-desc{color:#3a4050;}
.proc-track{position:relative;display:flex;justify-content:space-between;gap:24px;}
.proc-track::before{content:'';position:absolute;top:42px;left:5%;right:5%;height:2px;background:linear-gradient(90deg,var(--gold) 0%,rgba(201,168,76,.2) 100%);}
.proc-step{flex:1;text-align:center;position:relative;z-index:1;}
.proc-circle{width:84px;height:84px;margin:0 auto 22px;position:relative;display:flex;align-items:center;justify-content:center;}
.proc-circle::before{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid var(--gold);background:var(--cream);}
.proc-circle::after{content:'';position:absolute;inset:8px;border-radius:50%;background:var(--ink);}
.proc-circle span{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:900;color:var(--gold);position:relative;z-index:1;}
.proc-step h3{font-size:16px;font-weight:700;color:#0f1117;margin-bottom:10px;}
.proc-step p{font-size:13px;color:var(--muted);line-height:1.65;max-width:140px;margin:0 auto;}

/* โ”€โ”€ TESTIMONIALS โ”€โ”€ */
#testimonials{background:var(--ink2);}
#testimonials .sec-title{color:var(--white);}
#testimonials .sec-desc{color:rgba(255,255,255,.45);}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.testi-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:var(--rl);padding:32px 28px;transition:all .3s;}
.testi-card:hover{border-color:rgba(201,168,76,.3);transform:translateY(-4px);}
.testi-stars{color:var(--gold);font-size:16px;letter-spacing:2px;margin-bottom:16px;}
.testi-card blockquote{font-size:15px;color:rgba(255,255,255,.72);line-height:1.75;margin-bottom:24px;font-style:italic;border:none;padding:0;}
.testi-author{display:flex;align-items:center;gap:14px;}
.testi-av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,rgba(201,168,76,.3),rgba(201,168,76,.1));display:flex;align-items:center;justify-content:center;font-size:18px;border:1px solid rgba(201,168,76,.25);flex-shrink:0;}
.testi-author strong{display:block;font-size:14px;font-weight:700;color:var(--white);}
.testi-author span{display:block;font-size:12px;color:rgba(255,255,255,.38);margin-top:2px;}

/* โ”€โ”€ PRICING โ”€โ”€ */
#pricing{background:var(--ink2);padding-top:16px;}
#pricing .sec-title{color:var(--white);}
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px;}
.price-card{border-radius:var(--rl);padding:40px 32px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);position:relative;transition:all .3s;}
.price-card:hover{transform:translateY(-6px);}
.price-card.popular{background:var(--ink);border-color:var(--gold);box-shadow:0 0 60px rgba(201,168,76,.12);}
.price-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--gold);color:var(--ink);font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:5px 18px;border-radius:20px;white-space:nowrap;}
.price-plan{font-size:13px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:16px;}
.price-amount{font-family:'Playfair Display',Georgia,serif;font-size:44px;font-weight:900;color:var(--white);line-height:1;}
.price-amount span{font-size:18px;font-weight:400;color:rgba(255,255,255,.4);}
.price-note{font-size:12px;color:rgba(255,255,255,.35);margin:8px 0 24px;}
.price-divider{height:1px;background:rgba(255,255,255,.08);margin-bottom:24px;}
.price-feats{display:flex;flex-direction:column;gap:12px;margin-bottom:32px;}
.price-feats li{display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.65);}
.price-feats li::before{content:'โœ“';color:var(--green);font-weight:700;flex-shrink:0;}
.price-feats li.no{color:rgba(255,255,255,.25);}
.price-feats li.no::before{content:'โ€“';color:rgba(255,255,255,.2);}
.price-cta{display:block;text-align:center;padding:13px;border-radius:var(--r);font-size:14px;font-weight:700;border:1px solid rgba(255,255,255,.15);color:var(--white);transition:all .2s;}
.price-cta:hover{border-color:var(--gold);color:var(--gold);}
.price-card.popular .price-cta{background:var(--gold);border-color:var(--gold);color:var(--ink);}
.price-card.popular .price-cta:hover{background:var(--gold-l);}

/* โ”€โ”€ CONTACT โ”€โ”€ */
#contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;background:var(--ink);padding:96px 80px;}
#contact .sec-title{color:var(--white);margin-bottom:16px;}
#contact .sec-desc{color:rgba(255,255,255,.45);margin-bottom:40px;}
.ci-list{display:flex;flex-direction:column;gap:18px;}
.ci-item{display:flex;align-items:flex-start;gap:14px;}
.ci-icon{width:44px;height:44px;border-radius:10px;flex-shrink:0;background:rgba(201,168,76,.1);border:1px solid rgba(201,168,76,.2);display:flex;align-items:center;justify-content:center;}
.ci-icon svg{width:20px;height:20px;stroke:var(--gold);fill:none;}
.ci-text{font-size:15px;color:var(--white);font-weight:500;padding-top:10px;}
.ci-text a{color:var(--white);transition:color .2s;}
.ci-text a:hover{color:var(--gold);}
.contact-form-wrap{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:44px;}
.form-title{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:700;color:var(--white);margin-bottom:28px;}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.form-group{margin-bottom:16px;}
.form-group label{font-size:12px;font-weight:600;color:rgba(255,255,255,.5);margin-bottom:8px;display:block;letter-spacing:.5px;}
#rph-form input,#rph-form select,#rph-form textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:13px 16px;color:var(--white);font-family:'DM Sans','Segoe UI',Arial,sans-serif;font-size:14px;transition:border-color .2s;outline:none;-webkit-appearance:none;appearance:none;}
#rph-form input::placeholder,#rph-form textarea::placeholder{color:rgba(255,255,255,.25);}
#rph-form input:focus,#rph-form select:focus,#rph-form textarea:focus{border-color:var(--gold);}
#rph-form select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%237a7f8e' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;}
#rph-form select option{background:#161b27;color:#fff;}
#rph-form textarea{resize:vertical;min-height:110px;}
.form-submit{width:100%;padding:15px;background:var(--gold);color:var(--ink);border:none;border-radius:var(--r);font-family:'DM Sans','Segoe UI',Arial,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;}
.form-submit:hover{background:var(--gold-l);transform:translateY(-2px);}
.form-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;}
.form-msg{margin-top:14px;padding:12px 16px;border-radius:var(--r);font-size:14px;display:none;}
.form-msg.success{background:rgba(45,122,79,.15);border:1px solid rgba(45,122,79,.4);color:#5ecb88;display:block;}
.form-msg.error{background:rgba(192,82,42,.15);border:1px solid rgba(192,82,42,.4);color:#e8875a;display:block;}

/* โ”€โ”€ FOOTER โ”€โ”€ */
#site-footer{background:#0a0c11;border-top:1px solid rgba(201,168,76,.1);padding:60px 80px 40px;}
.ft-top{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:48px;}
.ft-logo{font-family:'Playfair Display',Georgia,serif;font-size:24px;font-weight:900;color:var(--white);letter-spacing:1px;margin-bottom:14px;}
.ft-logo span{color:var(--gold);}
.ft-brand p{font-size:14px;color:rgba(255,255,255,.38);line-height:1.7;max-width:260px;margin-bottom:24px;}
.ft-socials{display:flex;gap:10px;}
.ft-socials a{width:38px;height:38px;border-radius:8px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:rgba(255,255,255,.5);transition:all .2s;}
.ft-socials a:hover{background:rgba(201,168,76,.1);border-color:rgba(201,168,76,.3);color:var(--gold);}
.ft-col h5{font-size:13px;font-weight:700;color:var(--white);letter-spacing:.5px;margin-bottom:18px;}
.ft-col ul{display:flex;flex-direction:column;gap:11px;}
.ft-col li a{font-size:14px;color:rgba(255,255,255,.4);transition:color .2s;}
.ft-col li a:hover{color:var(--gold);}
.ft-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;}
.ft-bottom span,.ft-bottom a{font-size:13px;color:rgba(255,255,255,.3);}
.ft-bottom div{display:flex;gap:20px;}
.ft-bottom a:hover{color:var(--gold);}

/* โ”€โ”€ WHATSAPP โ”€โ”€ */
.wa-float{position:fixed;bottom:28px;right:28px;z-index:999;width:58px;height:58px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 24px rgba(37,211,102,.4);transition:all .2s;font-size:26px;animation:waPulse 3s ease-in-out infinite;}
.wa-float svg{width:28px;height:28px;fill:#fff;}
.wa-float:hover{transform:scale(1.1);box-shadow:0 6px 30px rgba(37,211,102,.55);}
@keyframes waPulse{0%,100%{box-shadow:0 4px 24px rgba(37,211,102,.4)}50%{box-shadow:0 4px 40px rgba(37,211,102,.65)}}

/* โ”€โ”€ RESPONSIVE โ”€โ”€ */
@media(max-width:1024px){
  #why{grid-template-columns:1fr;gap:48px;padding:64px 40px;}
  #contact{grid-template-columns:1fr;gap:48px;padding:64px 40px;}
  .port-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto;}
  .port-item.tall,.port-item.wide{grid-row:unset;grid-column:unset;}
  .port-item{min-height:240px;}
  .ft-top{grid-template-columns:1fr 1fr;gap:40px;}
}
@media(max-width:900px){
  #site-nav{padding:16px 24px;}
  .nav-links,.nav-cta{display:none;}
  .nav-hamburger{display:flex;}
  #site-nav.open .nav-links{display:flex;}
  section{padding:64px 24px;}
  #hero{padding:0 24px;}
  .hero-visual{display:none;}
  .hero-content{max-width:100%;}
  .hero-stats{max-width:100%;}
  .srv-grid{grid-template-columns:1fr 1fr;}
  .proc-track{flex-direction:column;align-items:center;gap:36px;}
  .proc-track::before{display:none;}
  .testi-grid,.price-grid{grid-template-columns:1fr;}
  #site-footer{padding:48px 24px 32px;}
  .ft-top{grid-template-columns:1fr 1fr;gap:32px;}
}
@media(max-width:600px){
  .srv-grid,.port-grid{grid-template-columns:1fr;}
  .form-row{grid-template-columns:1fr;}
  .hero-stats{flex-direction:column;}
  .stat-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.07);}
  .stat-item:last-child{border-bottom:none;}
  .ft-top{grid-template-columns:1fr;}
}

/* ๏ฟฝ๏ฟฝ FSE Overrides ๏ฟฝ๏ฟฝ */
.wp-site-blocks { padding: 0 !important; }
.wp-block-site-title a { text-decoration: none; }
.site-header { padding: 18px 60px !important; position: sticky; top: 0; z-index: 1000; backdrop-filter: blur(16px); border-bottom: 1px solid rgba(201,168,76,.15); }
.wp-block-navigation a { color: rgba(255,255,255,.65) !important; font-size: 14px; font-weight: 500; transition: color .2s; }
.wp-block-navigation a:hover { color: var(--wp--preset--color--gold) !important; }
.nav-cta .wp-block-button__link { background: var(--wp--preset--color--gold) !important; color: #0f1117 !important; padding: 10px 22px !important; border-radius: 4px !important; font-weight: 700 !important; font-size: 13px !important; }
.nav-cta .wp-block-button__link:hover { background: #e8c96e !important; }
.footer-links a { color: rgba(255,255,255,.4) !important; font-size: 14px; }
.footer-links a:hover { color: var(--wp--preset--color--gold) !important; }
.wp-block-social-links .wp-block-social-link a { background: rgba(255,255,255,.05) !important; border: 1px solid rgba(255,255,255,.08) !important; border-radius: 8px !important; width: 38px !important; height: 38px !important; }

/* ๏ฟฝ๏ฟฝ CALL FLOAT BUTTON ๏ฟฝ๏ฟฝ */
.call-float {
  position: fixed; bottom: 28px; right: 28px; z-index: 999;
  display: flex; align-items: center; gap: 10px;
  background: #c9a84c; color: #0f1117;
  padding: 0 22px 0 16px; height: 58px;
  border-radius: 50px; text-decoration: none;
  box-shadow: 0 4px 24px rgba(201,168,76,.45);
  transition: all .25s;
  animation: callPulse 3s ease-in-out infinite;
}
.call-float svg { width: 24px; height: 24px; flex-shrink: 0; }
.call-label { font-size: 14px; font-weight: 700; color: #0f1117; white-space: nowrap; }
.call-float:hover { background: #e8c96e; transform: translateY(-3px); box-shadow: 0 8px 32px rgba(201,168,76,.6); }
@keyframes callPulse {
  0%,100% { box-shadow: 0 4px 24px rgba(201,168,76,.45); }
  50%      { box-shadow: 0 4px 40px rgba(201,168,76,.75); }
}
@media (max-width: 600px) {
  .call-float { padding: 0; width: 58px; border-radius: 50%; justify-content: center; }
  .call-label { display: none; }
}

/* ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ
   INVEST PAGE STYLES ๏ฟฝ rp-fse
๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ */

/* ๏ฟฝ๏ฟฝ Invest Hero ๏ฟฝ๏ฟฝ */
#invest-hero{min-height:100vh;display:flex;align-items:center;padding:0 80px;background:#0f1117;overflow:hidden;position:relative;}
.ih-bg{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 20%,rgba(201,168,76,.14) 0%,transparent 55%),radial-gradient(ellipse at 10% 80%,rgba(45,122,79,.1) 0%,transparent 50%);}
.ih-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:60px 60px;}
.ih-ring{position:absolute;right:-80px;top:-80px;width:650px;height:650px;border:1px solid rgba(201,168,76,.07);border-radius:50%;pointer-events:none;}
.ih-content{position:relative;z-index:2;max-width:700px;padding-top:100px;}
.ih-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(45,122,79,.15);border:1px solid rgba(45,122,79,.4);color:#5ecb88;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;padding:7px 16px;border-radius:20px;margin-bottom:28px;}
.ih-title{font-family:'Playfair Display',Georgia,serif;font-size:clamp(40px,5vw,70px);font-weight:900;line-height:1.07;color:#fff;margin-bottom:22px;}
.ih-title em{color:#c9a84c;font-style:normal;display:block;}
.ih-sub{font-size:17px;font-weight:300;color:rgba(255,255,255,.55);line-height:1.85;max-width:580px;margin-bottom:40px;}
.ih-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:56px;}
.ih-kpi{display:flex;border:1px solid rgba(255,255,255,.08);border-radius:10px;overflow:hidden;background:rgba(255,255,255,.03);}
.kpi-item{flex:1;padding:20px 24px;border-right:1px solid rgba(255,255,255,.07);}
.kpi-item:last-child{border-right:none;}
.kpi-num{font-family:'Playfair Display',Georgia,serif;font-size:28px;font-weight:900;color:#c9a84c;}
.kpi-lbl{font-size:11px;color:rgba(255,255,255,.4);margin-top:3px;line-height:1.4;}
.ih-visual{position:absolute;right:0;top:0;bottom:0;width:40%;overflow:hidden;}
.ih-visual-inner{width:100%;height:100%;background:linear-gradient(135deg,#1a2535,#0d1520);position:relative;display:flex;align-items:center;justify-content:center;}
.ih-visual::before{content:'';position:absolute;left:0;top:0;bottom:0;width:120px;z-index:2;background:linear-gradient(90deg,#0f1117,transparent);}
.ih-bg-sym{font-family:'Playfair Display',Georgia,serif;font-size:240px;font-weight:900;color:rgba(201,168,76,.04);position:absolute;bottom:-20px;left:-10px;line-height:1;pointer-events:none;}
.prop-card{position:absolute;z-index:3;background:rgba(255,255,255,.07);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:16px 20px;color:#fff;}
.pc-1{top:20%;left:8%;animation:fA 5s ease-in-out infinite;}
.pc-2{bottom:22%;right:6%;animation:fB 5s ease-in-out infinite 2s;}
.pc-3{top:52%;left:28%;animation:fA 6s ease-in-out infinite 1s;}
.pc-tag{font-size:10px;color:#c9a84c;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:5px;font-weight:600;}
.pc-val{font-size:20px;font-weight:800;}
.pc-sub{font-size:11px;color:rgba(255,255,255,.42);margin-top:2px;}
.pc-green{color:#5ecb88;}

/* ๏ฟฝ๏ฟฝ Paths ๏ฟฝ๏ฟฝ */
#how-it-works{background:#fff;padding:96px 80px;}
#how-it-works .sec-title{color:#0f1117;}
#how-it-works .sec-desc{color:#3a4050;}
.paths-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.path-card{border-radius:12px;overflow:hidden;border:1px solid #ece8e0;transition:all .3s;}
.path-card:hover{transform:translateY(-6px);box-shadow:0 24px 60px rgba(0,0,0,.1);}
.path-head{padding:32px 36px 28px;position:relative;overflow:hidden;}
.path-head--gold{background:#0f1117;}
.path-head--green{background:linear-gradient(135deg,#1a3040,#0d2030);}
.path-head-bg{position:absolute;right:-30px;top:-30px;font-family:'Playfair Display',Georgia,serif;font-size:120px;font-weight:900;opacity:.05;color:#fff;line-height:1;pointer-events:none;}
.path-letter{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',Georgia,serif;font-size:20px;font-weight:900;margin-bottom:20px;}
.path-letter--gold{background:rgba(201,168,76,.15);color:#c9a84c;border:1px solid rgba(201,168,76,.3);}
.path-letter--green{background:rgba(94,203,136,.12);color:#5ecb88;border:1px solid rgba(94,203,136,.3);}
.path-head h3{font-family:'Playfair Display',Georgia,serif;font-size:22px;font-weight:900;color:#fff;margin-bottom:10px;}
.path-head p{font-size:14px;color:rgba(255,255,255,.5);line-height:1.6;}
.path-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-top:14px;}
.path-badge--gold{background:rgba(201,168,76,.15);color:#c9a84c;}
.path-badge--green{background:rgba(94,203,136,.12);color:#5ecb88;}
.path-body{padding:32px 36px;background:#fff;}
.path-steps{list-style:none;display:flex;flex-direction:column;gap:18px;margin:0;padding:0;}
.path-step{display:flex;gap:14px;align-items:flex-start;}
.ps-dot{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;margin-top:2px;}
.ps-dot--gold{background:rgba(201,168,76,.12);color:#c9a84c;border:1px solid rgba(201,168,76,.25);}
.ps-dot--green{background:rgba(94,203,136,.1);color:#2d7a4f;border:1px solid rgba(94,203,136,.25);}
.path-step strong{font-size:14px;font-weight:600;color:#0f1117;display:block;margin-bottom:3px;}
.path-step p{font-size:13px;color:#7a7f8e;line-height:1.6;margin:0;}

/* ๏ฟฝ๏ฟฝ Profit Model ๏ฟฝ๏ฟฝ */
#profit{background:#0f1117;padding:96px 80px;}
#profit .sec-title{color:#fff;}
#profit .sec-desc{color:rgba(255,255,255,.5);}
.profit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:56px;}
.profit-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:32px 28px;transition:all .3s;}
.profit-card:hover{border-color:rgba(201,168,76,.35);transform:translateY(-4px);}
.profit-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;font-size:22px;}
.pi-gold{background:rgba(201,168,76,.12);}
.pi-green{background:rgba(94,203,136,.1);}
.pi-rust{background:rgba(192,82,42,.12);}
.pi-blue{background:rgba(45,100,180,.12);}
.profit-name{font-size:17px;font-weight:700;color:#fff;margin-bottom:10px;}
.profit-desc{font-size:13px;color:rgba(255,255,255,.5);line-height:1.7;margin-bottom:20px;}
.profit-rate{font-family:'Playfair Display',Georgia,serif;font-size:36px;font-weight:900;color:#c9a84c;line-height:1;}
.profit-rate-lbl{font-size:12px;color:rgba(255,255,255,.35);margin-top:4px;}

/* ๏ฟฝ๏ฟฝ Case Studies ๏ฟฝ๏ฟฝ */
#invest-cases{background:#f7f4ee;padding:96px 80px;}
#invest-cases .sec-title{color:#0f1117;}
#invest-cases .sec-desc{color:#3a4050;}
.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;}
.case-card{background:#fff;border:1px solid #ece8e0;border-radius:12px;overflow:hidden;transition:all .3s;}
.case-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(0,0,0,.09);}
.case-img{height:180px;display:flex;align-items:center;justify-content:center;font-size:56px;opacity:.35;}
.case-body{padding:24px;}
.case-body h4{font-family:'Playfair Display',Georgia,serif;font-size:18px;font-weight:700;color:#0f1117;margin-bottom:6px;}
.case-loc{font-size:12px;color:#c9a84c;font-weight:600;letter-spacing:1px;text-transform:uppercase;margin-bottom:16px;}
.case-nums{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px;margin-bottom:16px;padding:16px;background:#f7f4ee;border-radius:8px;}
.case-nums>div{text-align:center;}
.case-nums span{display:block;font-size:11px;color:#7a7f8e;margin-bottom:4px;}
.case-nums strong{font-family:'Playfair Display',Georgia,serif;font-size:16px;font-weight:700;color:#0f1117;}
.cn-profit strong{color:#3aa066;}
.case-meta{font-size:12px;color:#7a7f8e;border-top:1px solid #f0ebe2;padding-top:14px;}

/* ๏ฟฝ๏ฟฝ Invest Form Section ๏ฟฝ๏ฟฝ */
#invest-form{background:#161b27;padding:96px 80px;}
#invest-form .sec-title{color:#fff;}
#invest-form .sec-desc{color:rgba(255,255,255,.45);}
.invest-form-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;}
.iff-perks{display:flex;flex-direction:column;gap:12px;margin-top:28px;}
.iff-perk{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:rgba(255,255,255,.65);line-height:1.5;}
.iff-perk span{color:#3aa066;font-weight:700;font-size:16px;flex-shrink:0;}
.invest-form-wrap{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:44px;}
.invest-form-wrap .form-title{font-family:'Playfair Display',Georgia,serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:24px;display:block;}
.inv-radios{display:flex;flex-direction:column;gap:10px;margin-top:8px;}
.inv-radio{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:rgba(255,255,255,.65);cursor:pointer;line-height:1.5;}
.inv-radio input{margin-top:3px;accent-color:#c9a84c;flex-shrink:0;}

/* ๏ฟฝ๏ฟฝ Responsive Invest ๏ฟฝ๏ฟฝ */
@media(max-width:1024px){
  #invest-hero{padding:0 40px;}
  .ih-visual{display:none;}
  .ih-content{max-width:100%;}
  .paths-grid,.invest-form-layout{grid-template-columns:1fr;}
  .profit-grid{grid-template-columns:1fr 1fr;}
  .cases-grid{grid-template-columns:1fr;}
  #how-it-works,#profit,#invest-cases,#invest-form{padding:64px 40px;}
}
@media(max-width:600px){
  .profit-grid{grid-template-columns:1fr;}
  .case-nums{grid-template-columns:1fr;}
  .ih-kpi{flex-direction:column;}
  .kpi-item{border-right:none;border-bottom:1px solid rgba(255,255,255,.07);}
}

/* ๏ฟฝ๏ฟฝ Missing layout wrapper classes ๏ฟฝ๏ฟฝ */
.why-left { }
.contact-info { }
.iff-info { }

/* ๏ฟฝ๏ฟฝ ๏ฟฝ๏ฟฝวจ๏ฟฝอบ Section wrappers (๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝาทุก section ๏ฟฝูก๏ฟฝ๏ฟฝอง) ๏ฟฝ๏ฟฝ */
.rp-hero    { display: block; }
.rp-services{ background: #f7f4ee; }
.rp-why     { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; background: #161b27; padding: 96px 80px; }
.rp-portfolio { background: #0f1117; padding: 96px 80px; }
.rp-process { background: #f7f4ee; padding: 96px 80px; }
.rp-testimonials { background: #161b27; padding: 96px 80px; }
.rp-pricing { background: #161b27; padding-top: 16px; padding-bottom: 96px; padding-left: 80px; padding-right: 80px; }
.rp-contact { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; background: #0f1117; padding: 96px 80px; }
.rp-invest-hero   { display: block; }
.rp-invest-paths  { background: #fff; padding: 96px 80px; }
.rp-invest-profit { background: #0f1117; padding: 96px 80px; }
.rp-invest-cases  { background: #f7f4ee; padding: 96px 80px; }
.rp-invest-form   { background: #161b27; padding: 96px 80px; }

/* ๏ฟฝ๏ฟฝ profit-name ๏ฟฝ๏ฟฝ๏ฟฝ profit-desc (๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ๏ฟฝ) ๏ฟฝ๏ฟฝ */
.profit-name { font-size: 17px; font-weight: 700; color: #fff; margin-bottom: 10px; }
.profit-desc { font-size: 13px; color: rgba(255,255,255,.5); line-height: 1.7; margin-bottom: 20px; }

/* ๏ฟฝ๏ฟฝ Responsive updates ๏ฟฝ๏ฟฝ */
@media(max-width:900px){
  .rp-why    { grid-template-columns: 1fr; gap: 48px; padding: 64px 24px; }
  .rp-contact{ grid-template-columns: 1fr; gap: 48px; padding: 64px 24px; }
  .rp-services,.rp-portfolio,.rp-process,.rp-testimonials,.rp-pricing { padding: 64px 24px; }
  .rp-invest-paths,.rp-invest-profit,.rp-invest-cases,.rp-invest-form { padding: 64px 24px; }
}