@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;1,300&display=swap');

:root{
  --bg:#0D1520;--surface:#131A22;--surface2:#1a2535;
  --text:#EAF1F7;--text-muted:#9BA8B5;
  --cyan:#35D0FF;--teal:#00B3A4;--emerald:#22C55E;--amber:#F5A524;
  --border:rgba(53,208,255,0.12);--border-sm:rgba(255,255,255,0.06);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'DM Sans',sans-serif;background:var(--bg);color:var(--text);font-size:16px;line-height:1.7;}

/* NAV */
.nav{position:sticky;top:0;z-index:1000;background:rgba(13,21,32,0.96);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-sm);padding:0 48px;display:flex;align-items:center;justify-content:space-between;height:72px;}
.nav-logo{display:flex;align-items:center;line-height:0;}
.nav-logo img{height:52px;width:auto;display:block;}
.nav-logo-fallback{font-size:20px;font-weight:700;color:var(--cyan);}
.nav-links{display:flex;gap:4px;align-items:center;list-style:none;}
.nav-links a{font-size:13px;font-weight:500;color:var(--text-muted);text-decoration:none;padding:7px 14px;border-radius:6px;transition:all 0.2s;}
.nav-links a:hover{color:var(--text);background:rgba(255,255,255,0.05);}
.nav-cta{background:var(--cyan)!important;color:var(--bg)!important;font-weight:700!important;border-radius:7px!important;padding:9px 20px!important;}
.nav-cta:hover{background:#1ab8e8!important;}

/* HERO */
.hero{background:var(--bg);padding:96px 48px 88px;position:relative;overflow:hidden;}
.hero::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(53,208,255,0.06) 0%,transparent 70%);pointer-events:none;}
.hero::after{content:'';position:absolute;bottom:-150px;left:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(0,179,164,0.05) 0%,transparent 70%);pointer-events:none;}
.hero-inner{max-width:860px;margin:0 auto;position:relative;z-index:1;}
.hero-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--cyan);border:1px solid rgba(53,208,255,0.2);padding:6px 16px;border-radius:20px;margin-bottom:28px;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.4;}}
.hero-badge::before{content:'';width:6px;height:6px;background:var(--cyan);border-radius:50%;animation:pulse 2s infinite;}
.hero h1{font-family:'Playfair Display',serif;font-size:54px;font-weight:700;line-height:1.12;color:var(--text);margin-bottom:28px;}
.hero h1 .fix-line{display:block;margin-top:14px;font-size:34px;font-weight:400;font-style:italic;color:var(--text-muted);}
.hero h1 .fix-line strong{color:var(--cyan);font-style:normal;font-weight:600;}
.hero-sub{font-size:17px;color:var(--text-muted);max-width:620px;margin-bottom:14px;line-height:1.75;}
.hero-trust{font-size:13px;color:var(--teal);margin-bottom:36px;display:flex;align-items:center;gap:8px;}
.hero-trust::before{content:'✓';font-weight:700;}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;}

/* BUTTONS */
.btn{display:inline-block;text-decoration:none;border-radius:8px;font-size:14px;font-weight:600;padding:13px 28px;transition:all 0.2s;cursor:pointer;font-family:'DM Sans',sans-serif;}
.btn-primary{background:var(--cyan);color:var(--bg);}
.btn-primary:hover{background:#1ab8e8;transform:translateY(-1px);}
.btn-ghost{background:rgba(53,208,255,0.08);color:var(--text);border:1px solid rgba(53,208,255,0.2);}
.btn-ghost:hover{background:rgba(53,208,255,0.14);}
.btn-teal{background:var(--teal);color:var(--bg);}
.btn-teal:hover{background:#009e91;}

/* SECTIONS */
.section{padding:80px 48px;}
.section-inner{max-width:1080px;margin:0 auto;}
.section-dark{background:var(--bg);}
.section-surface{background:var(--surface);}
.section-eyebrow{font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:var(--cyan);margin-bottom:12px;}
.section-title{font-family:'Playfair Display',serif;font-size:38px;font-weight:700;line-height:1.2;color:var(--text);margin-bottom:16px;}
.section-intro{font-size:16px;color:var(--text-muted);max-width:640px;margin-bottom:48px;line-height:1.75;}

/* CARDS */
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;transition:border-color 0.2s,transform 0.2s;}
.card:hover{border-color:rgba(53,208,255,0.3);transform:translateY(-2px);}
.card-icon{width:42px;height:42px;background:rgba(53,208,255,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:16px;}
.card h3{font-family:'Playfair Display',serif;font-size:18px;font-weight:600;color:var(--text);margin-bottom:10px;}
.card p{font-size:14px;color:var(--text-muted);line-height:1.65;}

/* STAT BAR */
.stat-bar{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:12px;overflow:hidden;}
.stat-item{padding:32px 20px;text-align:center;border-right:1px solid var(--border);}
.stat-item:last-child{border-right:none;}
.stat-val{font-family:'Playfair Display',serif;font-size:26px;font-weight:700;color:var(--cyan);margin-bottom:8px;}
.stat-lbl{font-size:12px;color:var(--text-muted);line-height:1.4;}

/* TRUST SIGNALS */
.trust-signal{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:20px;}
.trust-pill{font-size:11px;font-weight:600;padding:4px 12px;border-radius:20px;}
.trust-emerald{background:rgba(34,197,94,0.12);color:var(--emerald);border:1px solid rgba(34,197,94,0.2);}
.trust-teal{background:rgba(0,179,164,0.12);color:var(--teal);border:1px solid rgba(0,179,164,0.2);}
.trust-cyan{background:rgba(53,208,255,0.12);color:var(--cyan);border:1px solid rgba(53,208,255,0.2);}
.trust-amber{background:rgba(245,165,36,0.12);color:var(--amber);border:1px solid rgba(245,165,36,0.2);}

/* PHASES */
.phase{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden;margin-bottom:16px;}
.phase-hdr{display:flex;align-items:center;gap:16px;padding:16px 24px;background:linear-gradient(90deg,rgba(53,208,255,0.07),rgba(0,179,164,0.04));border-bottom:1px solid var(--border);}
.phase-num{width:34px;height:34px;background:var(--cyan);color:var(--bg);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;}
.phase-name{font-family:'Playfair Display',serif;font-size:19px;font-weight:600;color:var(--text);}
.phase-weeks{margin-left:auto;font-size:11px;font-weight:600;background:rgba(53,208,255,0.1);color:var(--cyan);padding:4px 12px;border-radius:20px;white-space:nowrap;}
.phase-body{padding:20px 24px;}
.phase-body p{font-size:14px;color:var(--text-muted);line-height:1.7;}

/* TIERS */
.tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px;}
.tier{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;}
.tier.featured{border:1.5px solid var(--cyan);background:rgba(53,208,255,0.04);transform:translateY(-6px);box-shadow:0 20px 60px rgba(53,208,255,0.08);}
.tier-badge{display:inline-block;background:var(--cyan);color:var(--bg);font-size:10px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:3px 12px;border-radius:20px;margin-bottom:14px;}
.tier-name{font-family:'Playfair Display',serif;font-size:20px;font-weight:600;color:var(--text);margin-bottom:6px;}
.tier-scope{font-size:13px;color:var(--text-muted);margin-bottom:18px;}
.tier-features{list-style:none;padding:0;}
.tier-features li{font-size:13px;color:var(--text-muted);padding:6px 0 6px 20px;position:relative;border-bottom:1px solid var(--border-sm);line-height:1.5;}
.tier-features li:last-child{border-bottom:none;}
.tier-features li::before{content:'✓';position:absolute;left:0;color:var(--cyan);font-weight:700;font-size:12px;}
.tier-note{font-size:13px;color:var(--cyan);font-weight:500;margin-top:14px;}
.pricing-banner{background:rgba(53,208,255,0.06);border:1px solid var(--border);border-radius:10px;padding:20px 28px;text-align:center;margin-bottom:28px;}
.pricing-banner p{font-size:15px;font-weight:500;color:var(--text);}
.pricing-banner strong{color:var(--cyan);}

/* ROI BOX */
.roi-box{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--emerald);border-radius:0 12px 12px 0;padding:24px 28px;margin-bottom:36px;}
.roi-box-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--emerald);margin-bottom:10px;}
.roi-box h3{font-family:'Playfair Display',serif;font-size:20px;font-weight:600;color:var(--text);margin-bottom:12px;}
.roi-box p{font-size:14px;color:var(--text-muted);line-height:1.7;}
.roi-numbers{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;}
.roi-num{text-align:center;}
.roi-num .val{font-family:'Playfair Display',serif;font-size:22px;color:var(--emerald);font-weight:700;}
.roi-num .lbl{font-size:11px;color:var(--text-muted);margin-top:4px;}

/* DELIVERABLES */
.del-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.del{display:flex;gap:12px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:flex-start;}
.del-num{width:26px;height:26px;background:var(--cyan);color:var(--bg);border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.del-text{font-size:13.5px;color:var(--text);font-weight:500;}

/* MODULES */
.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.module{background:rgba(53,208,255,0.04);border:1px solid var(--border);border-radius:10px;padding:22px;}
.module-badge{font-size:9px;font-weight:700;letter-spacing:1px;text-transform:uppercase;background:rgba(245,165,36,0.12);color:var(--amber);padding:3px 10px;border-radius:20px;display:inline-block;margin-bottom:12px;}
.module h3{font-size:15px;font-weight:600;color:var(--text);margin-bottom:8px;}
.module p{font-size:12px;color:var(--text-muted);line-height:1.6;}

/* FRAMEWORK TAGS */
.fw-group{margin-bottom:22px;}
.fw-label{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--amber);margin-bottom:10px;}
.fw-tags{display:flex;flex-wrap:wrap;gap:7px;}
.fw-tag{font-size:11px;font-weight:500;padding:4px 12px;border-radius:20px;background:rgba(255,255,255,0.05);color:var(--text-muted);border:1px solid var(--border-sm);}

/* CREDENTIALS */
.cred-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:36px;}
.cred{background:rgba(53,208,255,0.04);border:1px solid var(--border);border-radius:10px;padding:20px 22px;}
.cred-title{font-size:15px;font-weight:600;color:var(--cyan);margin-bottom:4px;}
.cred-desc{font-size:13px;color:var(--text-muted);line-height:1.5;}

/* BOOKING */
.booking-points{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:40px;}
.booking-point{background:rgba(53,208,255,0.04);border:1px solid var(--border);border-radius:10px;padding:22px;text-align:center;}
.booking-point h3{font-size:14px;font-weight:600;color:var(--cyan);margin-bottom:8px;}
.booking-point p{font-size:13px;color:var(--text-muted);line-height:1.5;}
.booking-cta-block{background:linear-gradient(135deg,rgba(53,208,255,0.07),rgba(0,179,164,0.05));border:1px solid var(--border);border-radius:14px;padding:52px 40px;text-align:center;margin-bottom:36px;}
.booking-cta-block h2{font-family:'Playfair Display',serif;font-size:28px;font-weight:600;color:var(--text);margin-bottom:8px;}
.booking-cta-block p{font-size:15px;color:var(--text-muted);margin-bottom:28px;}
.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.contact-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:18px;text-align:center;}
.contact-type{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);margin-bottom:8px;}
.contact-card a{font-size:13px;font-weight:500;color:var(--text);text-decoration:none;}
.contact-card a:hover{color:var(--cyan);}

/* CTA SECTION */
.cta-section{background:var(--surface);border-top:1px solid var(--border-sm);padding:80px 48px;text-align:center;position:relative;overflow:hidden;}
.cta-section::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(53,208,255,0.05) 0%,transparent 70%);pointer-events:none;}
.cta-section h2{font-family:'Playfair Display',serif;font-size:38px;font-weight:700;color:var(--text);margin-bottom:16px;position:relative;z-index:1;}
.cta-section p{font-size:17px;color:var(--text-muted);margin-bottom:32px;max-width:520px;margin-left:auto;margin-right:auto;position:relative;z-index:1;}

/* PAGE HEADER */
.page-header{background:var(--bg);padding:72px 48px 60px;border-bottom:1px solid var(--border-sm);position:relative;overflow:hidden;}
.page-header::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(53,208,255,0.05) 0%,transparent 70%);}
.page-header-inner{max-width:1080px;margin:0 auto;position:relative;z-index:1;}
.page-header h1{font-family:'Playfair Display',serif;font-size:46px;font-weight:700;color:var(--text);margin-bottom:14px;}
.page-header p{font-size:17px;color:var(--text-muted);max-width:580px;font-weight:300;}

/* ACCENT LINE */
.accent-line{height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--teal),transparent);}

/* COMPANY LIST */
.company-list{font-size:14px;color:var(--text-muted);line-height:2.1;}

/* BLOG */
.post-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;}
.post-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px;text-decoration:none;display:block;transition:all 0.2s;}
.post-card:hover{border-color:rgba(53,208,255,0.3);transform:translateY(-2px);}
.post-cat{font-size:10px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--cyan);margin-bottom:10px;}
.post-title{font-family:'Playfair Display',serif;font-size:19px;font-weight:600;color:var(--text);margin-bottom:12px;line-height:1.35;}
.post-excerpt{font-size:13px;color:var(--text-muted);line-height:1.65;margin-bottom:16px;}
.post-more{font-size:13px;font-weight:600;color:var(--cyan);}

/* BLOG POST */
.post-header{background:var(--bg);padding:80px 48px 60px;border-bottom:1px solid var(--border-sm);}
.post-header-inner{max-width:760px;margin:0 auto;}
.post-meta{font-size:12px;color:var(--text-muted);margin-bottom:18px;}
.post-header h1{font-family:'Playfair Display',serif;font-size:40px;font-weight:700;color:var(--text);line-height:1.2;}
.post-body{max-width:760px;margin:0 auto;padding:60px 48px;}
.post-body h2{font-family:'Playfair Display',serif;font-size:26px;font-weight:600;color:var(--text);margin:40px 0 16px;}
.post-body p{font-size:16px;color:var(--text-muted);line-height:1.85;margin-bottom:20px;}
.post-body hr{border:none;border-top:1px solid var(--border);margin:40px 0;}
.post-bio{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:22px;margin-top:36px;}
.post-bio p{font-size:13px;color:var(--text-muted);font-style:italic;}
.post-bio a{color:var(--cyan);text-decoration:none;}

/* FOOTER */
.footer{background:var(--surface);border-top:1px solid var(--border-sm);padding:52px 48px 32px;}
.footer-inner{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:48px;margin-bottom:40px;}
.footer-brand img{height:40px;margin-bottom:16px;display:block;}
.footer-brand p{font-size:13px;color:var(--text-muted);line-height:1.65;}
.footer-col h4{font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);margin-bottom:18px;}
.footer-col ul{list-style:none;}
.footer-col ul li{margin-bottom:10px;}
.footer-col ul li a{font-size:13px;color:var(--text-muted);text-decoration:none;transition:color 0.2s;}
.footer-col ul li a:hover{color:var(--text);}
.footer-col p{font-size:13px;color:var(--text-muted);margin-bottom:8px;}
.footer-col a{color:var(--text-muted);text-decoration:none;}
.footer-col a:hover{color:var(--cyan);}
.footer-bottom{max-width:1080px;margin:0 auto;padding-top:24px;border-top:1px solid var(--border-sm);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-muted);}

@media(max-width:768px){
  .nav{padding:0 20px;}.nav-links{display:none;}
  .hero{padding:60px 24px;}.hero h1{font-size:34px;}.hero h1 .fix-line{font-size:22px;}
  .section{padding:60px 24px;}
  .grid-3,.grid-2,.grid-4,.tier-grid,.module-grid,.del-grid,.cred-grid,.booking-points,.contact-grid,.post-grid{grid-template-columns:1fr;}
  .stat-bar{grid-template-columns:repeat(2,1fr);}
  .tier.featured{transform:none;}
  .footer-inner{grid-template-columns:1fr;}
  .post-body,.post-header{padding-left:24px;padding-right:24px;}
  .roi-numbers{grid-template-columns:1fr;}
  .page-header{padding:50px 24px 40px;}.page-header h1{font-size:34px;}
}