@import "./assets/fonts/google-fonts.css";

:root {
  --bg-black: #000;
  --text-white: #fff;
  --text-muted: #888;
  --card-bg: #161616;
  --card-hover: #1f1f1f;
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { background: #0a0a0a; color: #fff; font-family: Poppins, sans-serif; overflow-x: hidden; }
a { color: inherit; }
section { scroll-margin-top: 90px; }
.hidden { display: none !important; }
.site-wrapper { width: 90%; margin: 0 auto; background: #000; min-height: 100vh; box-shadow: 0 0 60px #000c; }
.hero-slide, .solution-card, .lead-step { display: none; }
.hero-slide.active, .solution-card.active, .lead-step.active { display: block; }

.header{display:flex;justify-content:space-between;align-items:center;gap:28px;padding:20px 60px;background-color:#000;position:sticky;top:0;z-index:1000;border-bottom:1px solid #111}
.logo{display:flex;align-items:center;justify-content:center;text-decoration:none;flex-shrink:0}
.logo-mark{width:132px;height:auto;object-fit:contain;display:block;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}
.nav-links{display:flex;gap:25px;align-items:center;flex:1;justify-content:center}
.nav-links a{color:#888;text-decoration:none;font-size:14px;font-weight:600;transition:all .3s ease;padding-bottom:5px}
.nav-links a.active-link{color:#fff;border-bottom:2.5px solid white}
.nav-links a:hover{color:#fff}
.btn-expert,.btn-expert-mobile{background-color:#fff;color:#000;padding:12px 24px;border-radius:50px;font-weight:700;border:none;cursor:pointer}
.btn-expert-mobile{display:none}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none}
.line{width:25px;height:3px;background-color:#fff;transition:.4s}

.about-us-container{display:flex;background-color:#000;color:#fff;font-family:Inter,-apple-system,sans-serif;padding:100px 80px;min-height:700px;gap:40px}
.content-left{flex:1.1;padding-right:20px}
.main-title,.gs-title,.problem-title,.sol-main-title,.returns-title,.test-title,.fees-title,.partners-title,.offices-title,.faq-header h1,.faq-subtitle{font-weight:500;letter-spacing:-.02em}
.main-title{font-size:56px;line-height:72px}
.feature-rows{margin:40px 0 50px}
.feature-row,.gs-list li{display:flex;align-items:center;gap:15px;margin-bottom:22px}
.check-circle,.gs-check{background:#00d1b226;color:#00d1b2;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;font-weight:700;font-size:14px}
.feature-row p,.gs-list li{font-size:20px;color:#f0f0f0}
.cta-btn,.schedule-btn,.sol-expert-btn,.btn-schedule,.test-cta,.fees-btn,.expert-btn,.offices-cta{background:#fff;color:#000;border:none;border-radius:50px;font-weight:700;cursor:pointer}
.cta-btn,.gs-btn{padding:18px 45px;font-size:18px}
.how-link,.factsheet-link,.gs-disclosure,.disclosure-link,.footer-link,.see-how-btn{display:block;color:#888;text-decoration:underline;font-size:14px}
.slider-right{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.founders-grid{display:flex;gap:12px;margin-bottom:40px;width:100%}
.founder-card{flex:1;height:280px;border-radius:12px;position:relative;background-size:cover;background-position:top center;overflow:hidden;display:flex;align-items:flex-end;filter:grayscale(100%);transition:filter .3s ease}
.founder-card:hover{filter:grayscale(0%)}
.founder-info{padding:15px;text-align:left;width:100%}
.founder-info h3{font-size:14px;font-weight:700}
.founder-info p{font-size:11px;color:#aaa;margin-top:4px}
.chart-header{font-size:16px;color:#ccc;margin-bottom:30px;line-height:1.5}
.chart-visual{display:flex;align-items:flex-end;justify-content:center;gap:40px;padding-bottom:10px;border-bottom:1px solid #222;margin-bottom:20px}
.bar-group{display:flex;flex-direction:column;align-items:center;position:relative}
.bar{width:90px;border-radius:6px 6px 0 0}
.grey-bar{background:#333}
.green-bar{background:linear-gradient(180deg,#b1c363,#1a240f);opacity:.95}
.val{font-weight:700;font-size:20px;margin-bottom:10px}
.val.grey,.date{color:#666}
.tooltip{background:#333;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:700;margin-bottom:15px}
.slide-footer{display:flex;align-items:center;justify-content:center;gap:30px;margin-top:20px}
.leaf-icon{font-size:40px;opacity:.3}
.footer-stats h2{font-size:52px;font-weight:800}
.footer-stats p{color:#666;font-size:16px;margin-top:5px}
.pagination{display:flex;gap:10px;margin-top:40px}
.dot{width:10px;height:10px;background:#333;border-radius:50%;cursor:pointer;transition:.3s}
.dot.active{width:28px;background:#fff;border-radius:10px}

.why-choose-section,.pms-ranking-section,.get-started-section,.returns-section,.testimonials-section,.fees-section,.partners-section,.faq-section,.problem-section,.solution-section,.footer,.articles-section,.offices-section{padding:80px 5%;background:#000;color:#fff}
.why-header,.pms-header,.test-header,.partners-header,.sol-header-row{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:50px}
.why-grid,.test-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.stat-card{background:#161616;border-radius:16px;padding:60px 20px;text-align:center;transition:all .3s ease}
.stat-card:hover,.test-card:hover,.article-card:hover{transform:translateY(-8px);background:#1f1f1f}
.icon-wrapper{width:50px;height:50px;background:#2a2a2a;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 30px;color:#aaa;font-size:12px;font-weight:700;text-align:center;padding:6px}
.stat-main{margin-bottom:10px;display:flex;align-items:baseline;justify-content:center;gap:8px}
.stat-value{font-size:42px;font-weight:700}
.stat-suffix{font-size:18px}
.stat-label{color:#888;font-size:16px}

.problem-container,.get-started-container,.returns-container,.fees-main-row,.about-us-container,.offices-card{display:flex;justify-content:space-between;align-items:center;gap:60px}
.problem-title,.sol-main-title,.returns-title,.partners-title,.offices-title{font-size:56px;line-height:1.1}
.problem-desc,.gs-subtitle{font-size:20px;color:#888;line-height:1.6;margin:30px 0}
.find-out-btn,.gs-btn,.btn-schedule,.test-cta,.fees-btn,.expert-btn,.offices-cta,.schedule-btn,.sol-expert-btn{display:flex;align-items:center;gap:12px;padding:14px 28px}
.source-label,.pms-footer,.plan-sub,.sub-detail,.protected-footer{font-size:13px;color:#555}
.image-wrapper{width:100%;max-width:500px}
.analysis-img,.card-graphic-img,.pyramid-img,.map-image{width:100%;height:auto}

.modal-overlay,.fees-modal-overlay,.video-modal-overlay,.popup-overlay{position:fixed;inset:0;background:#000d;backdrop-filter:blur(10px);display:grid;place-items:center;z-index:3000;padding:20px}
.modal-content,.fees-modal-content{background:#000;width:90%;max-width:900px;border-radius:24px;padding:40px;border:1px solid #222;position:relative}
.close-btn,.close-modal,.close-x{position:absolute;background:none;border:none;color:#fff;cursor:pointer}
.close-btn{top:20px;right:20px;font-size:28px}
.close-modal{top:-50px;right:0;font-size:40px}
.reason-item{display:flex;gap:18px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #111}
.understand-btn,.btn-next{width:100%;background:#fff;color:#000;border:none;padding:16px;border-radius:12px;font-weight:700;cursor:pointer}

.roadmap-nav{position:relative;margin-bottom:50px}
.roadmap-line{position:absolute;top:50%;left:0;right:0;height:1px;background:#222}
.pills-container{position:relative;z-index:2;display:flex;gap:30px}
.nav-pill{background:#0c0c0c;color:#fff;border:1px solid #222;padding:12px 40px;border-radius:50px;font-size:16px;cursor:pointer}
.nav-pill.active{background:#fff;color:#000;border-color:#fff}
.card-inner{background:#fff;color:#000;border-radius:40px;padding:60px;display:flex;min-height:480px;gap:40px}
.card-left-text{flex:1.2}
.step-tag{display:flex;align-items:center;gap:15px;margin-bottom:40px;color:#666}
.step-circ{width:40px;height:40px;border:1px solid #ddd;border-radius:50%;display:grid;place-items:center;font-size:14px}
.card-headline{font-size:48px;line-height:1.2;font-weight:700;letter-spacing:-1.5px}
.card-right-visual{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9f9f9;border-radius:32px;padding:40px}
.illustrative-text{margin-top:25px;font-size:11px;color:#aaa}

.table-container{background:#0c0c0c;border:1px solid #1a1a1a;border-radius:16px;overflow:hidden}
.pms-table,.comparison-table{width:100%;border-collapse:collapse}
.pms-table th,.comparison-table th{text-align:left;padding:20px 30px;color:#666;font-size:13px;text-transform:uppercase;border-bottom:1px solid #1a1a1a}
.pms-table td,.comparison-table td{padding:20px 30px;font-size:14px;color:#999;border-bottom:1px solid #111}
.highlight-row{background:#161616}
.highlight-row td,.total-row td{color:#fff;font-weight:700}
.view-more-btn{background:#111;color:#fff;border:1px solid #222;padding:10px 20px;margin:20px 30px;border-radius:30px;cursor:pointer}

.gs-title{font-size:56px;line-height:72px}
.video-container{position:relative;width:100%;aspect-ratio:16/15;max-width:650px;border-radius:32px;overflow:hidden;background:#111;box-shadow:0 20px 50px #0008}
.gs-video{width:100%;height:100%;object-fit:cover;display:block}
.video-overlay{position:absolute;inset:0;background:#0006;display:flex;justify-content:center;align-items:center;z-index:2;cursor:pointer}
.play-button{width:70px;height:70px;background:#fff;border-radius:50%;display:grid;place-items:center}
.play-triangle{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:18px solid #000;margin-left:5px}
.disclosure-wrapper{position:relative;display:inline-block}
.disclosure-popup,.disclosure-bubble{position:absolute;width:250px;background:#1a1a1a;border:1px solid #333;color:#888;padding:15px;border-radius:12px;font-size:12px;line-height:1.6;opacity:0;visibility:hidden;transition:.3s;z-index:10}
.disclosure-popup{left:0;top:36px}
.disclosure-bubble{bottom:40px;right:0}
.disclosure-wrapper:hover .disclosure-popup,.disclosure-wrapper:hover .disclosure-bubble{opacity:1;visibility:visible}
.bubble-pointer{position:absolute;bottom:-6px;right:25px;width:10px;height:10px;background:#1a1a1a;border-right:1px solid #333;border-bottom:1px solid #333;transform:rotate(45deg)}

.returns-right{flex:1;display:flex;flex-direction:column;align-items:center;max-width:500px}
.graph-area{display:flex;gap:40px;align-items:flex-end;margin-bottom:40px;height:350px}
.bar-container{display:flex;flex-direction:column;align-items:center}
.bar.bar-grey,.bar.bar-green{width:160px;border-radius:12px;position:relative;transition:height .4s ease}
.bar-grey{background:#777}
.bar-green{background:#718b44}
.bar-text{position:absolute;top:20px;left:0;right:0;text-align:center;font-size:24px;font-weight:700}
.bar-label{margin-top:15px}
.timeframe-box{background:#000;border:1px solid #1a1a1a;border-radius:12px;display:flex;width:100%;padding:15px 25px;justify-content:space-between;margin-bottom:25px}
.tf-item{background:none;border:none;color:#666;font-size:18px;font-weight:600;cursor:pointer}
.tf-item.active{color:#fff}
.graph-info-row{width:100%;display:flex;justify-content:space-between;font-size:13px;color:#888}

.test-grid{gap:25px}
.test-card{background:#f7f7f7;border-radius:24px;overflow:hidden;color:#000;display:flex;flex-direction:column;cursor:pointer;position:relative}
.test-img-box{width:100%;height:250px;overflow:hidden;position:relative}
.test-img-box img{width:100%;height:100%;object-fit:cover}
.test-content{padding:40px 30px;display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.test-quote{font-size:22px;font-weight:600;line-height:1.4}
.test-role{font-size:13px;color:#666}
.play-overlay{position:absolute;inset:0;background:#0003;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s}
.test-card:hover .play-overlay{opacity:1}
.play-btn-circ{width:60px;height:60px;background:#ffffffe6;border-radius:50%;display:grid;place-items:center;color:#000;font-size:20px}
.video-modal-content{width:100%;max-width:900px;position:relative}
.video-responsive{overflow:hidden;padding-bottom:56.25%;position:relative;height:0;border-radius:12px;background:#000}
.video-responsive iframe,.video-responsive video{position:absolute;inset:0;width:100%;height:100%}

.fees-title{font-size:64px;line-height:1.1}
.plan-desc{font-size:20px}
.blue-text{color:#52a1ff;font-weight:600}
.vs-section{margin-top:80px;display:flex;flex-direction:column;align-items:center}
.vs-line{width:100%;height:1px;background:#222;position:relative;margin-bottom:40px}
.vs-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#222;border:1px solid #333;width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:#888}

.slider-container,.articles-slider{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;padding-bottom:20px}
.partner-card,.article-card{min-width:320px;background:#0c0c0c;border:1px solid #1a1a1a;border-radius:20px;overflow:hidden}
.partner-photo-wrapper{position:relative;height:240px}
.partner-photo{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);opacity:.8}
.partner-name-overlay{position:absolute;bottom:0;left:0;width:100%;padding:20px;background:linear-gradient(transparent,#000000e6);display:flex;justify-content:space-between;align-items:center}
.li-icon-box{background:#fff;color:#000;width:20px;height:20px;border-radius:4px;display:grid;place-items:center;font-weight:700;font-size:10px}
.partner-info-content{padding:30px}
.managing-label{color:#666;font-size:12px;font-weight:700;margin-bottom:20px}
.client-bullets{padding-left:20px}
.client-bullets li{font-size:14px;color:#999;margin-bottom:12px}
.partners-footer-row,.slider-nav,.footer-banner-row,.footer-top,.footer-links-grid{display:flex;justify-content:space-between;align-items:center;gap:20px}
.arrow-circ,.nav-btn{background:none;border:1px solid #333;color:#fff;width:45px;height:45px;border-radius:50%;cursor:pointer}

.offices-card{background:#0d0d0d;border-radius:40px;padding:80px;min-height:500px;overflow:hidden;border:1px solid #1a1a1a}
.article-card{min-width:calc(33.333% - 16px);display:flex;flex-direction:column}
.article-graphic{height:220px;position:relative;overflow:hidden;background:linear-gradient(135deg,#111,#000)}
.article-graphic img{width:100%;height:100%;object-fit:cover;opacity:.5;filter:grayscale(1)}
.graphic-overlay{position:absolute;inset:0;background-image:radial-gradient(circle,#333 1px,transparent 1px);background-size:20px 20px;opacity:.2}
.article-body{padding:30px;display:flex;flex-direction:column;gap:20px;height:100%}
.article-body h3{font-size:20px;font-weight:600;line-height:1.4}
.article-body p{font-size:14px;color:#888;line-height:1.6}
.read-more{text-decoration:none;font-size:14px;font-weight:600}
.article-request-btn{background:none;border:none;color:#fff;cursor:pointer;padding:0;text-align:left}

.faq-section{text-align:center}
.faq-header{margin-bottom:80px}
.faq-header h1,.faq-subtitle{font-size:56px;line-height:1.1}
.faq-list{max-width:900px;margin:0 auto;text-align:left}
.faq-card{background:#0d0d0d;border:1px solid #1a1a1a;border-radius:16px;margin-bottom:15px;overflow:hidden}
.faq-card.open{border-color:#333}
.faq-question-row{padding:25px 35px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}
.faq-question-row h3{font-size:18px;font-weight:500;color:#f0f0f0;padding-right:20px}
.faq-arrow{font-size:22px;color:#666}
.faq-answer-row{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-card.open .faq-answer-row{max-height:300px}
.faq-text-content{padding:0 35px 30px;color:#999;font-size:15px;line-height:1.7}

.footer{border-top:1px solid #1a1a1a}
.footer-top{align-items:flex-start;padding-bottom:60px}
.footer-brand-section{flex:1.2}
.footer-logo-wrap{display:flex;align-items:center;gap:14px;margin-bottom:30px}
.footer-logo-mark{width:48px;height:48px;object-fit:contain;display:block}
.footer-logo{font-size:28px;font-weight:800;margin-bottom:0}
.app-download-card{background:#0d0d0d;border:1px solid #222;border-radius:16px;padding:15px;display:flex;align-items:center;gap:20px;max-width:380px;margin-bottom:30px}
.qr-box img{width:70px;height:70px;border-radius:8px}
.app-info-text p{font-size:13px;font-weight:500;margin-bottom:5px;color:#efefef}
.newsletter-desc{font-size:14px;color:#888;margin-bottom:20px;max-width:300px}
.subscribe-container{display:flex;background:#fff;border-radius:8px;overflow:hidden;max-width:380px}
.subscribe-container input{flex:1;padding:14px 20px;border:none;outline:none;font-size:14px}
.subscribe-container button{background:#555;color:#fff;border:none;padding:0 25px;font-weight:700;cursor:pointer}
.store-icons{display:flex;gap:10px;margin-top:10px}
.store-icons span{display:inline-flex;align-items:center;justify-content:center;min-width:64px;padding:6px 10px;border-radius:999px;background:#171717;color:#efefef;font-size:11px;font-weight:700}
.footer-links-grid{flex:2;align-items:flex-start}
.link-column h3{color:#666;font-size:13px;font-weight:600;text-transform:uppercase;margin-bottom:25px}
.link-column a{display:block;color:#efefef;text-decoration:none;font-size:14px;margin-bottom:12px}
.banner-tagline{font-size:48px;font-weight:700;line-height:1.1}
.social-links{display:flex;gap:25px}
.social-links a{font-size:24px;color:#fff;text-decoration:none;opacity:.8}
.footer-divider{height:1px;background:#1a1a1a}
.footer-legal-section{padding-top:40px;color:#555;font-size:12px}
.footer-legal-brand{margin-bottom:20px}
.footer-legal-logo{width:120px;height:auto;display:block;opacity:.92}
.legal-disclaimer p{line-height:1.8}

.popup-card{background:#000;width:100%;max-width:900px;height:550px;border-radius:24px;border:1px solid #222;display:flex;overflow:hidden;position:relative}
.popup-left{flex:1;background:#080808;padding:40px;border-right:1px solid #111}
.expert-profile{position:relative;width:60px;margin-bottom:20px}
.expert-profile img{width:60px;height:60px;border-radius:50%}
.expert-status{position:absolute;bottom:2px;right:2px;width:12px;height:12px;background:#4caf50;border:2px solid #000;border-radius:50%}
.sub-text{color:#888;font-size:14px;margin-bottom:25px}
.desc{color:#aaa;font-size:15px;line-height:1.6}
.video-thumb-small{margin-top:40px;background:#111;border-radius:12px;padding:15px;display:flex;align-items:center;gap:15px;border:1px solid #222}
.play-ico{background:#fff;color:#000;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:12px}
.popup-right{flex:1.2;padding:40px;display:flex;flex-direction:column}
.step-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
.step-count{color:#666;font-size:14px}
.help-btn{background:#111;color:#fff;border:1px solid #222;padding:5px 15px;border-radius:20px}
.form-content h1{font-size:32px;margin-bottom:30px}
.input-group{border:1px solid #333;border-radius:12px;padding:15px;margin-bottom:30px}
.input-group label{display:block;color:#666;font-size:12px;margin-bottom:5px}
.input-group input{background:transparent;border:none;color:#fff;width:100%;font-size:18px;outline:none}
.form-status{min-height:20px;margin-top:16px;font-size:13px;color:#888}
.form-status.error{color:#ff8b8b}
.form-status.success{color:#7fd6a3}
.form-status.pending{color:#f0d27a}

@media (max-width: 1100px){
  .header{padding:15px 30px}
  .btn-expert{display:none}
  .hamburger{display:flex}
  .logo-mark{width:108px;height:auto}
  .nav-links{position:fixed;top:70px;right:-100%;width:100%;height:calc(100vh - 70px);background:#000;flex-direction:column;align-items:center;padding-top:50px;transition:.5s ease;gap:40px}
  .nav-links.active{right:0}
  .btn-expert-mobile{display:block}
  .why-grid,.test-grid{grid-template-columns:repeat(2,1fr)}
  .article-card{min-width:calc(50% - 12px)}
}

@media (max-width: 1024px){
  .site-wrapper{width:100%}
  .about-us-container,.problem-container,.get-started-container,.returns-container,.fees-main-row,.offices-card,.footer-top,.footer-banner-row{flex-direction:column}
  .main-title,.gs-title,.problem-title,.sol-main-title,.returns-title,.fees-title,.partners-title,.offices-title,.test-title,.faq-header h1,.faq-subtitle,.banner-tagline{font-size:42px;line-height:54px}
  .card-inner{flex-direction:column;padding:40px}
  .card-headline{font-size:32px}
  .footer-links-grid{flex-wrap:wrap;gap:30px}
}

@media (max-width: 768px){
  .about-us-container,.problem-section,.solution-section,.get-started-section,.returns-section,.fees-section,.faq-section,.articles-section,.offices-section{padding:60px 20px}
  .why-grid,.test-grid{grid-template-columns:1fr}
  .pills-container{overflow-x:auto;gap:15px}
  .nav-pill{padding:8px 25px;font-size:14px}
  .timeframe-box{padding:12px;gap:12px;overflow:auto}
  .tf-item{font-size:14px}
  .article-card,.partner-card{min-width:100%}
  .faq-header h1,.faq-subtitle,.main-title,.gs-title,.problem-title,.sol-main-title,.returns-title,.fees-title,.partners-title,.offices-title,.test-title{font-size:32px;line-height:42px}
  .logo-mark{width:92px;height:auto}
  .feature-row p,.gs-list li{font-size:16px}
  .popup-card{flex-direction:column;height:auto;max-height:90vh;overflow-y:auto}
  .popup-left{display:none}
}