/*
Theme Name: Tempo Family Investment
Theme URI: https://example.com/tempo-family
Author: OpenAI
Description: Tempo Family investment theme with Elementor demo JSON importer, responsive styling, header and footer.
Version: 1.1.0
Requires at least: 6.0
Tested up to: 6.8
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: tempo-family
*/
:root{--tf-navy:#0c2b4f;--tf-deep:#031a33;--tf-yellow:#f3c400;--tf-blue:#183c68;--tf-ink:#102c4f;--tf-muted:#5d6b7a;--tf-light:#f2f4f7;--tf-white:#fff;--tf-radius:5px;--tf-shadow:0 9px 24px rgba(5,28,52,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#172b42;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.6;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea{font:inherit}.container{width:min(1120px,92%);margin-inline:auto}.site-main{min-height:55vh}.tf-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--tf-yellow);color:#102c4f;border:0;border-radius:24px;padding:11px 23px;font-size:11px;font-weight:800;letter-spacing:.25px;text-transform:uppercase;transition:.2s}.tf-btn:hover{background:#ffda32;transform:translateY(-1px)}.tf-btn--navy{background:#20265d;color:white}.tf-btn--navy:hover{background:#303878}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:#c4a000;font-weight:800}h1,h2,h3,h4{color:var(--tf-ink);line-height:1.2;margin-top:0}h1{font-size:clamp(29px,4vw,44px)}h2{font-size:clamp(23px,3vw,32px)}h3{font-size:16px}p{margin-top:0}.section{padding:56px 0}.section--light{background:#f2f4f7}.section-heading{text-align:center;margin:0 auto 30px;max-width:780px}.section-heading p{font-size:12px;color:var(--tf-muted)}
/* header */
.topline{background:var(--tf-navy);color:white;font-size:10px}.topline-inner{display:flex;align-items:center;justify-content:center;gap:16px;min-height:30px}.topline strong{color:var(--tf-yellow);font-size:9px}.topline a{text-decoration:underline;text-decoration-color:var(--tf-yellow)}.topline-actions{display:flex;gap:7px;margin-left:8px}.mini-pill{padding:4px 11px;background:#27265d;border-radius:16px;font-size:9px}.mini-pill.yellow{background:var(--tf-yellow);color:#172b42;font-weight:700}.site-header{background:#fff;position:relative;z-index:10;box-shadow:0 2px 9px #001a3310}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:20px}.brand{display:flex;align-items:center;gap:8px;min-width:175px;color:var(--tf-navy);font-weight:900;line-height:1}.brand-mark{font-size:34px;letter-spacing:-5px;font-weight:900;color:var(--tf-navy);border-left:7px solid var(--tf-yellow);padding-left:5px}.brand-name{font-size:18px;letter-spacing:-.7px}.brand-name small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:5px}.main-nav{display:flex;align-items:center;gap:20px;font-size:11px;font-weight:700;color:#263a50}.main-nav a:hover{color:#b08f00}.main-nav .nav-cta{display:none}.menu-toggle{display:none;border:0;background:transparent;color:var(--tf-navy);font-size:25px}
/* hero */
.hero{position:relative;color:#fff;background:linear-gradient(90deg,rgba(5,31,60,.94),rgba(8,44,77,.58)),url('https://images.unsplash.com/photo-1519501025264-65ba15a82390?auto=format&fit=crop&w=2000&q=85') center/cover; padding:28px 0 44px}.promo{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:145px;border:1px solid var(--tf-yellow);background:#0a2443;overflow:hidden;margin-bottom:34px;box-shadow:0 5px 16px #0004}.promo-image{background:url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=1000&q=85') center/cover;min-height:145px}.promo-copy{padding:19px 22px;display:flex;flex-direction:column;justify-content:center}.promo-copy h2{color:#fff;font-size:23px;margin:0 0 7px}.promo-copy p{font-size:12px;margin-bottom:8px;color:#e3e8ef}.promo-ribbon{position:absolute;top:12px;left:-29px;transform:rotate(-40deg);background:var(--tf-yellow);color:var(--tf-navy);font-weight:900;font-size:10px;padding:4px 32px}.promo-stats{display:flex;gap:15px;align-items:center;font-size:10px;color:#fff;margin-top:5px}.promo-stats b{color:var(--tf-yellow);font-size:15px}.hero-main{text-align:center;max-width:760px;margin:auto}.hero-main h1{color:#fff;margin-bottom:10px}.hero-main p{color:#e2e9f0;font-size:15px;margin-bottom:20px}.hero .tf-btn{margin-top:0}
/* stats */
.stats{padding:22px 0 25px;text-align:center}.stats h2{font-size:25px;margin-bottom:17px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.stat-label{font-size:10px;color:#62748a}.stat-number{font-size:34px;font-weight:900;line-height:1.1;color:var(--tf-navy)}
/* cards */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.why-card{background:#fff;padding:20px 19px 18px;box-shadow:var(--tf-shadow);border-radius:4px;display:flex;flex-direction:column}.why-card h3{font-size:14px;min-height:36px;margin-bottom:12px}.why-card p{font-size:11px;color:#526174;line-height:1.65;flex:1}.why-card img{width:100%;height:150px;object-fit:cover;margin-top:12px}.center-cta{text-align:center;margin-top:24px}.center-cta p{font-weight:800;color:var(--tf-navy);max-width:580px;margin:0 auto 15px;font-size:16px}
/* advantages */
.advantages{background:#f8f9fa url('https://images.unsplash.com/photo-1511818966892-d7d671e672a2?auto=format&fit=crop&w=1600&q=75') center/cover}.advantage-layout{position:relative;min-height:370px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:15px}.adv-card{background:#ffffffd9;border:1px dashed #9eafbf;padding:19px 16px;z-index:2}.adv-card .symbol{font-size:24px;color:#e5b700}.adv-card h3{font-size:13px;margin:5px 0 9px}.adv-card p{font-size:11px;color:#526174;margin:0}.adv-center{position:absolute;width:45%;left:27.5%;bottom:0;height:205px;object-fit:cover;object-position:center;z-index:1}.adv-card:nth-child(2){transform:translateY(-34px)}.adv-card:nth-child(3){transform:translateY(23px)}
/* investment feature */
.investment-feature{padding-top:48px}.feature-panel{position:relative;min-height:310px;overflow:hidden;border-radius:4px;background:#d9e0e4}.feature-panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.feature-panel:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.77) 40%,transparent 76%)}.feature-copy{position:relative;z-index:1;max-width:440px;padding:45px 42px}.feature-copy h2{font-size:26px;margin-bottom:12px}.feature-copy p{font-size:12px;color:#28394b}.feature-dots{display:flex;gap:7px;margin-top:18px}.feature-dots span{height:3px;width:36px;background:#17345a}
/* testimonial */
.testimonials{background:var(--tf-navy);color:#fff;text-align:center;padding:32px 0}.testimonials h2{color:#fff;font-size:25px}.quote{max-width:720px;margin:20px auto 12px;font-size:13px;font-style:italic;color:#f0f3f7}.quote-author{font-size:11px;font-weight:700}.quote-author small{display:block;font-weight:400;color:#b8c7d8}.dots{display:flex;gap:6px;justify-content:center;margin-top:25px}.dots span{width:5px;height:5px;border-radius:50%;background:#a7b5c4}.dots span:first-child{background:var(--tf-yellow)}
/* guide */
.guide{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:30px;max-width:780px;margin:auto;padding:34px 0}.guide-cover{width:100px;height:140px;margin:auto;background:linear-gradient(120deg,#0b1e36,#243a5b);box-shadow:8px 6px 0 #ddd;display:flex;align-items:center;justify-content:center;color:#eacb40;text-align:center;padding:10px;font-weight:800;font-size:11px;border:1px solid #d6c56a}.guide h2{font-size:23px;margin-bottom:10px}.guide p{font-size:12px;color:#526174}.guide .tf-btn{font-size:9px}
/* how */
.how-layout{display:grid;grid-template-columns:1fr 1.05fr;gap:38px;align-items:center}.steps{list-style:none;padding:0;margin:0;counter-reset:step}.steps li{position:relative;padding:0 0 22px 42px;counter-increment:step}.steps li:before{content:counter(step);position:absolute;left:0;top:0;width:25px;height:25px;display:grid;place-items:center;background:#172f68;color:#fff;border-radius:50%;font-size:12px;font-weight:800}.steps h3{font-size:14px;margin:0 0 5px}.steps p{font-size:11px;color:#526174;margin:0}.how-image{width:100%;height:340px;object-fit:cover;border-radius:4px}
/* footer */
.site-footer{background:var(--tf-deep);color:#d6e0eb;padding:35px 0 14px;font-size:11px}.footer-grid{display:grid;grid-template-columns:1.1fr 1.2fr .65fr;gap:50px}.newsletter{background:#fff;color:#102c4f;padding:20px;border-radius:2px;max-width:300px}.newsletter h3{color:#c09b00;font-size:17px}.newsletter label{display:block;font-size:10px;font-weight:700;margin:9px 0 3px}.newsletter input{width:100%;padding:8px;border:1px solid #d8dde4;border-radius:2px;font-size:11px}.newsletter button{width:100%;margin-top:12px}.footer-brand{color:#fff;font-size:22px;font-weight:900;display:flex;align-items:center;gap:8px;margin-bottom:18px}.footer-brand .brand-mark{color:#fff}.footer-col h4{font-size:12px;color:#fff;margin-bottom:12px}.footer-col p{font-size:11px;color:#c5d1df}.footer-links{display:flex;flex-direction:column;gap:8px}.footer-links a:hover{color:var(--tf-yellow)}.footer-bottom{border-top:1px solid #29405a;margin-top:30px;padding-top:12px;display:flex;justify-content:space-between;gap:15px;font-size:9px;color:#b2c1d0}.footer-bottom a{margin-left:12px}.elementor-page .site-main{width:100%}.elementor-page .entry-content{margin:0}.elementor-page .site-main .container{width:100%;max-width:none}
@media(max-width:850px){.main-nav{gap:10px;font-size:10px}.brand{min-width:auto}.brand-name{font-size:15px}.header-inner{gap:10px}.promo-copy h2{font-size:19px}.advantage-layout{min-height:420px}.adv-center{width:50%;left:25%;height:170px}.footer-grid{gap:25px}}
@media(max-width:680px){.topline-inner{flex-wrap:wrap;padding:7px 0;gap:7px}.topline-actions{margin-left:0}.header-inner{min-height:62px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:15px 5%;box-shadow:0 8px 15px #001a3320;flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav a{padding:12px 0;border-bottom:1px solid #edf0f4;font-size:13px}.main-nav .nav-cta{display:block}.header-inner>.tf-btn{display:none}.hero{padding:20px 0 34px}.promo{grid-template-columns:1fr;margin-bottom:27px}.promo-image{min-height:130px}.promo-copy{padding:17px}.promo-copy h2{font-size:20px}.promo-stats{flex-wrap:wrap}.hero-main p{font-size:13px}.stats-grid{grid-template-columns:repeat(2,1fr);row-gap:23px}.stat-number{font-size:29px}.section{padding:42px 0}.why-grid{grid-template-columns:1fr}.why-card h3{min-height:0}.why-card img{height:190px}.advantage-layout{display:flex;flex-direction:column;min-height:0;align-items:stretch}.adv-card,.adv-card:nth-child(2),.adv-card:nth-child(3){transform:none}.adv-center{position:relative;left:auto;bottom:auto;width:100%;height:220px;order:4}.feature-panel{min-height:380px}.feature-panel:after{background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.74))}.feature-copy{padding:30px 23px;max-width:100%}.testimonials h2{font-size:22px}.quote{font-size:12px}.guide{grid-template-columns:90px 1fr;gap:20px;padding:30px 0}.guide-cover{width:75px;height:110px;font-size:9px}.guide h2{font-size:20px}.how-layout{grid-template-columns:1fr;gap:25px}.how-image{height:240px;grid-row:1}.footer-grid{grid-template-columns:1fr;gap:28px}.newsletter{max-width:none}.footer-bottom{flex-direction:column}.footer-bottom a{margin:0 12px 0 0}.section-heading{margin-bottom:24px}}

/* Elementor demo content full-width support */
.elementor-page-content{width:100%;max-width:100%;}.elementor-page-content>.elementor{width:100%;}