@import url(‘https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,700;1,600&display=swap’); #sg,#sg *,#sg *::before,#sg *::after{box-sizing:border-box;margin:0;padding:0} #sg{ width:100vw; position:relative; left:50%; transform:translateX(-50%); overflow-x:hidden; font-family:’Manrope’,system-ui,sans-serif; font-weight:400; line-height:1.6; -webkit-font-smoothing:antialiased; –navy:#0d1b2e; –navy2:#12243d; –navy3:#172d4a; –gold:#c49a2e; –gold2:#e8b84b; –gold-soft:rgba(196,154,46,0.1); –white:#ffffff; –off:#f8f7f4; –off2:#f0ede8; –text:#0d0d0b; –muted:#6b6860; –muted2:#a09d98; –border:#e4e1db; –border2:#d0ccC4; –li:#0a66c2; } #sg a{text-decoration:none;color:inherit} .w{max-width:1080px;margin-left:auto;margin-right:auto;padding-left:max(32px,calc((100% – 1080px)/2 + 40px));padding-right:max(32px,calc((100% – 1080px)/2 + 40px))} /* ── RIBBON ── */ #sg .rib{background:var(–navy);border-bottom:1px solid rgba(255,255,255,0.06);padding:11px 0} #sg .rib .w{display:flex;align-items:center;justify-content:center;gap:10px} #sg .rib-dot{width:5px;height:5px;background:var(–gold2);border-radius:50%;animation:sgpulse 2s ease-in-out infinite;flex-shrink:0} @keyframes sgpulse{0%,100%{opacity:1}50%{opacity:.3}} #sg .rib-t{font-size:12px;font-weight:500;color:rgba(255,255,255,0.65);letter-spacing:.04em} #sg .rib-t strong{color:var(–gold2);font-weight:600} /* ── NAV ── */ #sg .nav{background:var(–navy);padding:18px 0;border-bottom:1px solid rgba(255,255,255,0.06)} #sg .nav-in{display:flex;align-items:center;justify-content:space-between;gap:20px} #sg .logo{display:flex;align-items:center;gap:6px} #sg .logo-serif{font-family:’Playfair Display’,serif;font-size:20px;font-weight:700;color:#fff} #sg .logo-gold{font-family:’Playfair Display’,serif;font-size:20px;font-style:italic;color:var(–gold2);margin-left:3px} #sg .logo-sep{width:1px;height:18px;background:rgba(255,255,255,0.12);margin:0 14px} #sg .logo-tag{font-size:11px;font-weight:400;color:rgba(255,255,255,0.35);letter-spacing:.06em} #sg .nav-actions{display:flex;align-items:center;gap:10px} #sg .nav-li{display:inline-flex;align-items:center;gap:6px;background:rgba(10,102,194,0.15);border:1px solid rgba(10,102,194,0.3);border-radius:20px;padding:6px 14px;font-size:11px;font-weight:600;color:#7bbdf0;letter-spacing:.04em} #sg .nav-cta{background:var(–gold);color:var(–navy);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:11px 22px;border-radius:6px;transition:background .2s;white-space:nowrap} #sg .nav-cta:hover{background:var(–gold2)} /* ── HERO ── */ #sg .hero{background:var(–navy);padding:96px 0 100px;border-bottom:1px solid rgba(255,255,255,0.06)} #sg .hero-tag{display:inline-flex;align-items:center;gap:8px;background:rgba(196,154,46,0.1);border:1px solid rgba(196,154,46,0.25);border-radius:20px;padding:6px 16px;font-size:11px;font-weight:600;color:var(–gold2);letter-spacing:.08em;text-transform:uppercase;margin-bottom:32px} #sg .hero-h1{font-family:’Playfair Display’,serif;font-size:clamp(38px,5.5vw,72px);font-weight:700;line-height:1.06;letter-spacing:-.02em;color:#fff;max-width:720px;margin-bottom:20px} #sg .hero-h1 em{font-style:italic;color:var(–gold2)} #sg .hero-sub{font-size:17px;font-weight:300;color:rgba(255,255,255,0.55);max-width:480px;line-height:1.7;margin-bottom:40px} #sg .hero-sub strong{color:rgba(255,255,255,0.8);font-weight:500} #sg .hero-btns{display:flex;align-items:center;gap:16px;flex-wrap:wrap} #sg .btn-hero{display:inline-flex;align-items:center;gap:8px;background:var(–gold);color:var(–navy);font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:15px 30px;border-radius:6px;transition:all .2s} #sg .btn-hero:hover{background:var(–gold2);transform:translateY(-1px)} #sg .btn-ghost{font-size:13px;font-weight:500;color:rgba(255,255,255,0.45);border-bottom:1px solid rgba(255,255,255,0.15);padding-bottom:1px;transition:all .2s} #sg .btn-ghost:hover{color:rgba(255,255,255,0.75)} #sg .hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:72px;padding-top:48px;border-top:1px solid rgba(255,255,255,0.07)} #sg .hs{padding-right:32px;border-right:1px solid rgba(255,255,255,0.07)} #sg .hs:last-child{border-right:none;padding-right:0} #sg .hs-n{font-family:’Playfair Display’,serif;font-size:clamp(26px,3.5vw,40px);font-weight:700;color:#fff;line-height:1;letter-spacing:-.02em;margin-bottom:6px} #sg .hs-n span{color:var(–gold2)} #sg .hs-l{font-size:12px;font-weight:400;color:rgba(255,255,255,0.38);line-height:1.4;max-width:110px} /* ── HUMAN USP STRIP ── */ #sg .usp-strip{background:var(–navy2);padding:48px 0;border-bottom:1px solid rgba(255,255,255,0.06)} #sg .usp-items{display:grid;grid-template-columns:repeat(3,1fr);gap:0} #sg .usp-item{padding:28px 36px;border-right:1px solid rgba(255,255,255,0.07);display:flex;align-items:flex-start;gap:16px} #sg .usp-item:last-child{border-right:none} #sg .usp-icon{width:40px;height:40px;background:var(–gold-soft);border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:18px} #sg .usp-t{font-size:13px;font-weight:700;color:#fff;margin-bottom:4px;letter-spacing:.01em} #sg .usp-b{font-size:12px;font-weight:300;color:rgba(255,255,255,0.4);line-height:1.55} /* ── LIGHT SECTIONS shared ── */ #sg .sec-eye{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(–navy);margin-bottom:14px} #sg .sec-eye::before{content:”;width:16px;height:1px;background:var(–navy)} #sg .sec-h2{font-family:’Playfair Display’,serif;font-size:clamp(26px,3.5vw,40px);font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(–text);margin-bottom:8px} #sg .sec-h2 em{font-style:italic;color:var(–navy)} #sg .sec-sub{font-size:14px;font-weight:300;color:var(–muted);line-height:1.65;max-width:520px} /* ── SERVICES ── */ #sg .svc-sec{background:var(–white);padding:80px 0;border-bottom:1px solid var(–border)} #sg .svc-hd{text-align:center;margin-bottom:52px} #sg .svc-hd .sec-eye{justify-content:center} #sg .svc-hd .sec-eye::before{display:none} #sg .svc-hd .sec-sub{margin:0 auto} #sg .svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start} #sg .sc{background:var(–white);border:1px solid var(–border);border-radius:12px;overflow:hidden;transition:transform .25s,box-shadow .25s} #sg .sc:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgba(0,0,0,0.08)} #sg .sc-bar{height:3px;background:var(–border2)} #sg .sc.best .sc-bar{background:var(–navy)} #sg .sc-pop{display:flex;align-items:center;justify-content:center;gap:6px;background:var(–navy);padding:8px;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff} #sg .sc-body{padding:28px 26px} #sg .sc-tier{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(–muted2);margin-bottom:10px} #sg .sc.best .sc-tier{color:var(–navy)} #sg .sc-name{font-family:’Playfair Display’,serif;font-size:21px;font-weight:700;color:var(–text);margin-bottom:6px;letter-spacing:-.01em} #sg .sc-desc{font-size:13px;font-weight:300;color:var(–muted);line-height:1.6;margin-bottom:20px;min-height:38px} #sg .sc-div{height:1px;background:var(–border);margin-bottom:20px} #sg .sc-price{font-family:’Playfair Display’,serif;font-size:46px;font-weight:700;color:var(–text);letter-spacing:-.03em;line-height:1;margin-bottom:3px} #sg .sc-price sub{font-family:’Manrope’,sans-serif;font-size:19px;font-weight:300;color:var(–muted);vertical-align:baseline} #sg .sc-cad{font-size:12px;font-weight:300;color:var(–muted2);margin-bottom:14px} #sg .sc-save{display:inline-flex;font-size:11px;font-weight:600;color:var(–gold);background:var(–gold-soft);border-radius:4px;padding:3px 9px;margin-bottom:20px} #sg .sc-feats{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:24px} #sg .sc-feats li{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:300;color:var(–muted);line-height:1.5} #sg .sc-feats li::before{content:”;width:4px;height:4px;background:var(–gold);border-radius:50%;flex-shrink:0;margin-top:7px} #sg .sc-btn{display:block;text-align:center;font-size:12px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;padding:13px;border-radius:6px;border:1.5px solid var(–border2);color:var(–muted);transition:all .2s} #sg .sc-btn:hover{border-color:var(–navy);color:var(–navy)} #sg .sc.best .sc-btn{background:var(–navy);color:#fff;border-color:var(–navy)} #sg .sc.best .sc-btn:hover{background:var(–navy2)} /* ── COMPARE ── */ #sg .cmp-sec{background:var(–off);padding:72px 0;border-bottom:1px solid var(–border)} #sg .cmp-h3{font-family:’Playfair Display’,serif;font-size:clamp(22px,2.6vw,30px);font-weight:700;letter-spacing:-.02em;color:var(–text);margin-bottom:28px} #sg .cmp-h3 em{font-style:italic;color:var(–navy)} #sg table{width:100%;border-collapse:collapse;background:var(–white);border-radius:12px;overflow:hidden;border:1px solid var(–border)} #sg thead tr{background:var(–navy)} #sg thead th{padding:14px 18px;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,0.55);text-align:left} #sg thead th:not(:first-child){text-align:center} #sg thead th.hi{color:#fff} #sg tbody tr{border-bottom:1px solid var(–border)} #sg tbody tr:last-child{border-bottom:none} #sg tbody tr:hover{background:var(–off)} #sg tbody td{padding:13px 18px;font-size:13px;font-weight:300;color:var(–muted)} #sg tbody td:first-child{font-weight:500;color:var(–text)} #sg tbody td:not(:first-child){text-align:center} #sg .y{color:var(–navy);font-size:15px;font-weight:700} #sg .n{color:var(–border2);font-size:15px} /* ── HOW ── */ #sg .how-sec{background:var(–white);padding:80px 0;border-bottom:1px solid var(–border)} #sg .how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px} #sg .step{background:var(–off);border:1px solid var(–border);border-radius:12px;padding:32px 28px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s} #sg .step:hover{transform:translateY(-3px);box-shadow:0 10px 32px rgba(0,0,0,0.06)} #sg .step-line{position:absolute;top:0;left:0;right:0;height:3px;background:var(–gold)} #sg .step-n{font-family:’Playfair Display’,serif;font-size:48px;font-weight:700;font-style:italic;color:var(–gold);opacity:.18;line-height:1;margin-bottom:18px} #sg .step-t{font-size:15px;font-weight:700;color:var(–text);margin-bottom:10px} #sg .step-b{font-size:13px;font-weight:300;color:var(–muted);line-height:1.7} /* ── FAQ ── */ #sg .faq-sec{background:var(–off);padding:80px 0;border-bottom:1px solid var(–border)} #sg .faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(–border);border-radius:12px;overflow:hidden;background:var(–white);margin-top:48px} #sg .fi{padding:22px 26px;border-bottom:1px solid var(–border)} #sg .fi:nth-child(odd){border-right:1px solid var(–border)} #sg .fi:nth-child(5),#sg .fi:nth-child(6){border-bottom:none} #sg .fq{font-size:13px;font-weight:700;color:var(–text);margin-bottom:7px} #sg .fa{font-size:13px;font-weight:300;color:var(–muted);line-height:1.7} /* ── CTA ── */ #sg .cta-sec{background:var(–navy);padding:96px 0;text-align:center;position:relative;overflow:hidden} #sg .cta-sec::after{content:”;position:absolute;bottom:-80px;left:50%;transform:translateX(-50%);width:600px;height:300px;background:radial-gradient(ellipse,rgba(196,154,46,0.1) 0%,transparent 70%);pointer-events:none} #sg .cta-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);border-radius:20px;padding:7px 18px;font-size:11px;font-weight:600;color:rgba(255,255,255,0.5);letter-spacing:.06em;margin-bottom:28px} #sg .cta-h2{font-family:’Playfair Display’,serif;font-size:clamp(28px,4.5vw,54px);font-weight:700;color:#fff;line-height:1.08;letter-spacing:-.02em;max-width:640px;margin:0 auto 18px} #sg .cta-h2 em{font-style:italic;color:var(–gold2)} #sg .cta-p{font-size:15px;font-weight:300;color:rgba(255,255,255,0.45);max-width:380px;margin:0 auto 40px;line-height:1.7} #sg .btn-cta{display:inline-flex;align-items:center;gap:8px;background:var(–gold);color:var(–navy);font-size:13px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:16px 34px;border-radius:6px;transition:all .2s} #sg .btn-cta:hover{background:var(–gold2);transform:translateY(-2px)} #sg .cta-note{margin-top:16px;font-size:12px;font-weight:300;color:rgba(255,255,255,0.25)} /* ── FOOTER ── */ #sg .foot{background:#080f1a;padding:28px 0} #sg .foot-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px} #sg .foot-logo{display:flex;align-items:center;gap:3px} #sg .fl1{font-family:’Playfair Display’,serif;font-size:15px;font-weight:700;color:rgba(255,255,255,0.4)} #sg .fl2{font-family:’Playfair Display’,serif;font-size:15px;font-style:italic;color:var(–gold)} #sg .foot-links{display:flex;gap:22px;align-items:center} #sg .foot-links a{font-size:12px;font-weight:300;color:rgba(255,255,255,0.3);transition:color .2s} #sg .foot-links a:hover{color:rgba(255,255,255,0.6)} #sg .foot-li{display:inline-flex;align-items:center;gap:5px;background:rgba(10,102,194,0.12);border:1px solid rgba(10,102,194,0.25);border-radius:4px;padding:4px 9px;font-size:11px;color:#7bbdf0} #sg .foot-li:hover{background:rgba(10,102,194,0.22) !important} /* ── RESPONSIVE ── */ @media(max-width:900px){ #sg .svc-grid,#sg .how-grid,#sg .hero-stats{grid-template-columns:1fr;max-width:460px;margin-left:auto;margin-right:auto} #sg .usp-items{grid-template-columns:1fr} #sg .usp-item{border-right:none;border-bottom:1px solid rgba(255,255,255,0.07)} #sg .usp-item:last-child{border-bottom:none} #sg .hs{border-right:none;padding-right:0;border-bottom:1px solid rgba(255,255,255,0.07);padding-bottom:22px} #sg .hs:last-child{border-bottom:none;padding-bottom:0} #sg .faq-grid{grid-template-columns:1fr} #sg .fi:nth-child(odd){border-right:none} #sg .fi:nth-child(5){border-bottom:1px solid var(–border)} #sg table{display:block;overflow-x:auto} #sg .logo-sep,#sg .logo-tag,#sg .nav-li{display:none} } @media(max-width:600px){ #sg .w{padding-left:20px;padding-right:20px} #sg .hero{padding:64px 0 72px} #sg .svc-sec,#sg .cta-sec,#sg .how-sec,#sg .faq-sec{padding:60px 0} }