:root { --ink:#141414; --slate:#282930; --muted:#70717a; --paper:#f7f5f0; --white:#fff; --gold:#e2ad22; --gold-light:#f5d672; --line:rgba(20,20,20,.13); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:"DM Sans",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
body.menu-open { overflow:hidden; }
a { color:inherit; text-decoration:none; }
button { font:inherit; }
.container { width:min(1160px, calc(100% - 48px)); margin-inline:auto; }
.skip-link { position:fixed; left:16px; top:-55px; padding:10px 14px; z-index:99; background:var(--gold); color:var(--ink); border-radius:4px; font-weight:700; transition:top .2s; }
.skip-link:focus { top:16px; }
.site-header { position:absolute; z-index:10; left:0; right:0; color:#fff; border-bottom:1px solid rgba(255,255,255,.14); }
.nav-wrap { height:88px; display:flex; align-items:center; justify-content:space-between; gap:32px; }
.brand { display:inline-flex; align-items:center; gap:9px; color:var(--gold-light); font:800 10px/1.05 "Manrope",sans-serif; letter-spacing:.12em; }
.brand-mark { display:inline-grid; place-items:center; width:36px; height:36px; border:1.5px solid currentColor; border-radius:50%; font:800 12px/1 "Manrope",sans-serif; letter-spacing:-.08em; }
.main-nav { display:flex; align-items:center; gap:29px; font-size:14px; font-weight:500; }
.main-nav > a:not(.nav-cta) { opacity:.75; transition:opacity .2s; }
.main-nav > a:hover,.main-nav > a.active { opacity:1; }
.nav-cta { display:inline-flex; gap:9px; padding:12px 16px; border:1px solid rgba(245,214,114,.7); color:var(--gold-light); transition:background .2s,color .2s; }
.nav-cta:hover { background:var(--gold-light); color:var(--ink); }
.menu-button { display:none; padding:8px 0; border:0; background:transparent; color:white; cursor:pointer; }
.menu-button span { display:block; width:25px; height:2px; margin:5px 0; background:currentColor; transition:transform .2s,opacity .2s; }
.hero { overflow:hidden; padding:168px 0 0; color:#fff; background:radial-gradient(circle at 85% 28%,#494b58 0, #292a31 31%, #171719 72%); }
.hero-grid { min-height:514px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:48px; }
.eyebrow { margin:0 0 20px; display:flex; align-items:center; gap:10px; color:var(--gold-light); font:700 11px/1.3 "Manrope",sans-serif; letter-spacing:.15em; text-transform:uppercase; }
.eyebrow span { width:24px; height:1px; background:currentColor; }
.eyebrow.dark { color:#9b7111; }
h1,h2,h3 { margin:0; font-family:"Manrope",Arial,sans-serif; letter-spacing:-.055em; }
h1 { max-width:660px; font-size:clamp(45px,5.5vw,76px); line-height:.98; font-weight:800; }
h1 em,h2 em { color:var(--gold-light); font-style:normal; }
.lead { max-width:500px; margin:26px 0 0; color:rgba(255,255,255,.7); font-size:18px; line-height:1.55; }
.hero-actions { display:flex; flex-wrap:wrap; gap:24px; align-items:center; margin-top:34px; }
.button { display:inline-flex; align-items:center; justify-content:center; gap:18px; padding:15px 21px; font-size:14px; font-weight:700; transition:transform .2s,background .2s,color .2s; }
.button:hover { transform:translateY(-2px); }
.button-primary { color:#171717; background:linear-gradient(105deg,var(--gold-light),var(--gold)); box-shadow:0 12px 25px rgba(0,0,0,.18); }
.button-text { padding-inline:0; color:#fff; border-bottom:1px solid rgba(255,255,255,.6); }
.hero-visual { position:relative; align-self:stretch; min-height:465px; display:grid; place-items:center; }
.hero-visual img { position:relative; z-index:2; width:min(400px,100%); filter:drop-shadow(0 22px 18px rgba(0,0,0,.35)); mix-blend-mode:screen; border-radius:50%; }
.halo { position:absolute; z-index:0; width:360px; height:360px; border:1px solid rgba(245,214,114,.2); border-radius:50%; box-shadow:0 0 0 52px rgba(245,214,114,.035),0 0 0 105px rgba(245,214,114,.025); }
.gold-line { position:absolute; z-index:1; height:1px; background:linear-gradient(90deg,transparent,var(--gold),transparent); transform:rotate(-43deg); opacity:.7; }
.gold-line-one { width:480px; top:40%; }
.gold-line-two { width:320px; top:65%; transform:rotate(-43deg) translateX(-55px); opacity:.25; }
.metric-card { position:absolute; z-index:3; right:0; bottom:66px; padding:17px 20px; width:170px; background:rgba(21,21,21,.72); border:1px solid rgba(255,255,255,.14); backdrop-filter:blur(8px); }
.metric-card strong { display:block; color:var(--gold-light); font:800 19px/1 "Manrope",sans-serif; letter-spacing:-.06em; }.metric-card span { display:block; margin-top:5px; font-size:10px; line-height:1.35; color:rgba(255,255,255,.7); }
.trust-bar { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid rgba(255,255,255,.15); }
.trust-bar div { padding:25px 30px; border-right:1px solid rgba(255,255,255,.15); }.trust-bar div:first-child{padding-left:0}.trust-bar div:last-child{border:0}
.trust-bar strong { display:block; font:800 27px/1 "Manrope",sans-serif; letter-spacing:-.06em; }.trust-bar strong span{color:var(--gold-light)}.trust-bar small { display:block; margin-top:7px; color:rgba(255,255,255,.6); font-size:11px; }
.section { padding:120px 0; }.story { background:var(--paper); }.story-grid { display:grid; grid-template-columns:27% 1fr; gap:30px; }.story h2,.section-heading h2,.solutions h2,.cta-section h2 { font-size:clamp(35px,4.4vw,61px); line-height:1.03; font-weight:800; }.story h2 { max-width:700px; }.large-copy { max-width:690px; margin:31px 0 15px; font-size:22px; line-height:1.47; }.story p:not(.eyebrow) { color:#54555a; max-width:670px; line-height:1.75; }.inline-link { display:inline-flex; gap:12px; margin-top:22px; color:#8b6509; font-weight:700; border-bottom:1px solid #c99b2a; padding-bottom:6px; }
.values { color:white; background:var(--ink); }.section-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; }.section-heading h2 { max-width:650px; }.values h2 em { color:var(--gold-light); }.values-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin-top:67px; background:rgba(255,255,255,.14); }.value-card { min-height:270px; padding:27px; position:relative; background:#1b1b1d; transition:background .25s; }.value-card:hover { background:#222225; }.card-number { color:rgba(245,214,114,.7); font:600 11px "Manrope",sans-serif; }.icon { margin:31px 0 18px; color:var(--gold-light); font-size:34px; line-height:1; }.value-card h3 { font-size:24px; }.value-card p { max-width:260px; margin:13px 0 0; color:rgba(255,255,255,.62); font-size:14px; line-height:1.65; }
.solutions { background:#eae7df; }.solutions-grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:10%; align-items:center; }.solutions-image { position:relative; display:grid; place-items:center; min-height:470px; overflow:hidden; background:#2d2e35; }.solutions-image::after { content:""; position:absolute; width:230px; height:230px; border:1px solid rgba(245,214,114,.25); border-radius:50%; }.solutions-image img { width:80%; position:relative; z-index:1; mix-blend-mode:screen; border-radius:50%; }.solutions-image p { position:absolute; z-index:2; left:24px; bottom:20px; margin:0; color:white; font:700 13px/1.45 "Manrope",sans-serif; letter-spacing:-.03em; }.solutions h2 { margin-bottom:31px; }.accordion { border-top:1px solid var(--line); }.accordion-item { border-bottom:1px solid var(--line); }.accordion-item button { width:100%; padding:21px 0; display:flex; justify-content:space-between; border:0; background:transparent; color:var(--ink); text-align:left; font-weight:700; cursor:pointer; }.accordion-item button b { color:#a57912; font-size:20px; font-weight:400; }.accordion-content { display:grid; grid-template-rows:0fr; transition:grid-template-rows .28s ease; }.accordion-content p { overflow:hidden; margin:0; color:#66676a; line-height:1.7; }.accordion-item.open .accordion-content { grid-template-rows:1fr; }.accordion-item.open .accordion-content p { padding:0 40px 22px 0; }
.cta-section { padding:118px 0; color:#fff; text-align:center; background:linear-gradient(rgba(20,20,20,.86),rgba(20,20,20,.96)),url("WhatsApp%20Image%202026-07-30%20at%2011.27.55%20(1).jpeg") center/cover; }.cta-content { max-width:720px; display:flex; flex-direction:column; align-items:center; }.cta-content h2 { font-size:clamp(43px,5.8vw,76px); }.cta-content h2 em { color:var(--gold-light); }.cta-content > p:not(.eyebrow) { max-width:470px; margin:24px 0 32px; color:rgba(255,255,255,.68); line-height:1.7; }
.site-footer { color:#f4f2ed; background:#101011; }.footer-top { min-height:170px; display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:35px; }.brand-footer { color:var(--gold-light); }.footer-top p { max-width:270px; margin:0; color:rgba(255,255,255,.55); font-size:13px; line-height:1.55; }.back-top { display:inline-flex; gap:10px; color:var(--gold-light); font-weight:700; font-size:13px; }.footer-bottom { padding:20px 0; display:flex; justify-content:space-between; gap:20px; border-top:1px solid rgba(255,255,255,.13); color:rgba(255,255,255,.38); font-size:11px; }
.reveal { opacity:0; transform:translateY(20px); transition:opacity .6s ease,transform .6s ease; }.reveal.visible { opacity:1; transform:none; }
@media (max-width:800px) { .container{width:min(100% - 36px,600px)}.site-header{position:absolute}.nav-wrap{height:72px}.menu-button{display:block;position:relative;z-index:2}.main-nav{position:fixed;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:40px;gap:27px;background:#19191b;transform:translateX(100%);transition:transform .28s ease;font-size:21px}.main-nav.open{transform:none}.nav-cta{margin-top:8px;font-size:15px}.hero{padding-top:117px}.hero-grid{display:block;min-height:0}.hero-copy{padding-bottom:38px}.lead{font-size:16px}.hero-visual{min-height:360px}.hero-visual img{width:290px}.halo{width:230px;height:230px}.metric-card{bottom:15px;right:0}.trust-bar{grid-template-columns:repeat(2,1fr)}.trust-bar div{padding:18px 0;border-right:0}.trust-bar div:nth-child(odd){border-right:1px solid rgba(255,255,255,.15)}.trust-bar div:nth-child(even){padding-left:20px}.trust-bar div:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.15)}.section{padding:75px 0}.story-grid,.solutions-grid{grid-template-columns:1fr;gap:24px}.story-label{margin-bottom:-8px}.large-copy{font-size:19px}.section-heading{display:block}.values-grid{grid-template-columns:1fr;margin-top:38px}.value-card{min-height:0}.solutions-image{min-height:335px}.solutions-copy{margin-top:18px}.cta-section{padding:82px 0}.footer-top{padding:40px 0;min-height:0;grid-template-columns:1fr;gap:25px}.footer-bottom{padding:16px 0;flex-direction:column;gap:7px} }
@media (max-width:420px) { h1{font-size:42px}.hero-actions{gap:18px}.button-primary{width:100%}.trust-bar strong{font-size:23px}.trust-bar small{font-size:10px} }
@media (prefers-reduced-motion:reduce) { html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.accordion-content{transition:none}.button{transition:none} }