@import url("https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,600;9..144,700&family=Manrope:wght@400;500;600;700&display=swap");
:root{--navy:#07182a;--navy-2:#0b2238;--navy-3:#0e2a45;--panel:#f3efe6;--ink:#14202c;--muted:#5d6874;--gold:#a8782a;--gold-light:#f0c97a;--line:rgba(7,24,42,.12);--line-onDark:rgba(255,255,255,.14);--serif:"Fraunces",Georgia,serif;--sans:"Manrope",system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
body{background:#faf8f3;font-family:var(--sans);overflow-x:hidden}
h1,h2,h3,h4{font-family:var(--serif);letter-spacing:-.02em}
::selection{background:var(--gold-light);color:var(--navy)}
:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}
/* progress + preloader */
.prog{position:fixed;top:0;left:0;height:3px;width:100%;background:linear-gradient(90deg,var(--gold),var(--gold-light));transform:scaleX(0);transform-origin:left;z-index:300}
.pre{position:fixed;inset:0;z-index:400;background:var(--navy);display:grid;place-items:center;transition:transform 1s var(--ease)}
.pre.done{transform:translateY(-100%)}
.pre b{font:600 clamp(28px,5vw,54px)/1 var(--serif);color:#fff;display:block;overflow:hidden}
.pre b i{display:block;font-style:normal;animation:up .9s var(--ease) both}
.pre span{display:block;height:2px;margin-top:22px;background:rgba(255,255,255,.15);overflow:hidden}
.pre span::after{content:"";display:block;height:100%;background:var(--gold-light);transform:translateX(-100%);animation:ld 1.1s var(--ease) .2s forwards}
@keyframes up{from{transform:translateY(110%)}}@keyframes ld{to{transform:none}}
/* cursor */
.cur-dot,.cur-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:500;display:none;border-radius:50%}
.cur-dot{width:7px;height:7px;background:var(--gold-light);margin:-3.5px 0 0 -3.5px}
.cur-ring{width:44px;height:44px;margin:-22px 0 0 -22px;border:1.5px solid rgba(240,201,122,.9);display:none;place-items:center;transition:width .35s var(--ease),height .35s var(--ease),margin .35s var(--ease),background .3s,border-color .3s;mix-blend-mode:normal}
.cur-ring em{font:700 11px var(--sans);letter-spacing:.06em;color:var(--navy);opacity:0;transition:opacity .2s}
@media (hover:hover) and (pointer:fine){html.cur *{cursor:none!important}html.cur .cur-dot,html.cur .cur-ring{display:grid}}
.cur-ring.link{width:72px;height:72px;margin:-36px 0 0 -36px;background:rgba(240,201,122,.18)}
.cur-ring.lbl{width:96px;height:96px;margin:-48px 0 0 -48px;background:var(--gold-light);border-color:var(--gold-light)}
.cur-ring.lbl em{opacity:1}
.cur-ring.btnh{width:20px;height:20px;margin:-10px 0 0 -10px;background:var(--gold-light)}
/* nav */
header#top{top:14px;left:50%;right:auto;transform:translateX(-50%);width:min(1180px,calc(100% - 28px));padding:8px 0;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(7,24,42,.55);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);transition:transform .6s var(--ease),background .3s}
header#top.scrolled{padding:6px 0;background:rgba(7,24,42,.82)}
header#top.hide{transform:translate(-50%,-140%)}
.nav-inner{padding:0 14px 0 22px}
.brand-mark{width:104px!important;height:40px!important}
.brand-lockup .logo{display:none}
nav.primary-nav{margin-left:auto;margin-right:20px;gap:6px!important}
nav.primary-nav a{padding:8px 14px;border-radius:999px;transition:background .3s,color .3s}
nav.primary-nav a::after{display:none}
nav.primary-nav a:hover{background:rgba(255,255,255,.12)}
.nav-actions{transform:none!important}
/* buttons */
.btn{border-radius:999px!important;padding:15px 30px;transition:background .4s var(--ease),color .3s,border-color .3s,box-shadow .4s,transform .2s ease-out!important;will-change:transform}
.btn-gold{background:linear-gradient(135deg,#c9973f,#f0c97a)!important;color:var(--navy)!important;box-shadow:0 8px 30px rgba(240,201,122,.25)}
.btn-gold:hover{box-shadow:0 10px 44px rgba(240,201,122,.5)}
.btn-ghost-dark{backdrop-filter:blur(8px);background:rgba(255,255,255,.06)}
.rule-label{font-weight:700;color:var(--gold)}
.rule-label::before{width:34px;height:1px}
/* hero */
#home{padding:210px 0 0;background-position:center calc(50% + var(--py,0px));background-size:cover;min-height:100vh;display:flex;flex-direction:column;justify-content:space-between}
#home::before{background:linear-gradient(100deg,rgba(6,18,29,.9) 0%,rgba(6,18,29,.5) 50%,rgba(6,18,29,.1) 100%)!important}
#fx{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.hero-inner{position:relative;z-index:1}
.hero-credibility{display:inline-block;padding:9px 18px;border:1px solid var(--line-onDark);border-radius:999px;backdrop-filter:blur(8px);background:rgba(255,255,255,.05);color:rgba(255,255,255,.8)!important;font-weight:600}
#home h1{font-size:clamp(40px,6.6vw,96px)!important;line-height:1.02!important;max-width:1000px!important;letter-spacing:-.035em}
#home h1 .w{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.12em}
#home h1 .w i{display:inline-block;font-style:normal;transform:translateY(110%);transition:transform 1.1s var(--ease);transition-delay:calc(var(--i)*70ms)}
#home.go h1 .w i{transform:none}
.hero-sub,.hero-ctas,.hero-credibility{opacity:0;transform:translateY(24px);transition:opacity 1s var(--ease) .6s,transform 1s var(--ease) .6s}
#home.go .hero-sub,#home.go .hero-ctas,#home.go .hero-credibility{opacity:1;transform:none}
.hero-strip{position:relative;z-index:1;background:rgba(7,24,42,.55)!important;backdrop-filter:blur(14px)}
.hero-strip-item{min-height:120px!important}
.hero-strip-item .k{font-size:clamp(22px,2.4vw,32px)!important;background:linear-gradient(90deg,#f0c97a,#fff);-webkit-background-clip:text;background-clip:text;color:transparent!important;text-shadow:none!important}
.marquee{position:relative;z-index:1;overflow:hidden;background:var(--gold-light);color:var(--navy);padding:16px 0;white-space:nowrap}
.marquee div{display:inline-flex;gap:46px;animation:mq 38s linear infinite;padding-right:46px}
.marquee span{font:600 22px var(--serif)}.marquee span::after{content:"\2726";margin-left:46px;font-size:14px}
.marquee:hover div{animation-play-state:paused}
@keyframes mq{to{transform:translateX(-50%)}}
/* sections */
.section-pad{padding:130px 0}
.section-head h2{font-size:clamp(32px,4.6vw,60px)!important;line-height:1.06!important}
.about-lede{font-size:clamp(20px,2.2vw,28px)!important;line-height:1.45!important}
.founders-panel{border:0;border-radius:24px;background:linear-gradient(135deg,var(--navy),var(--navy-3));padding:36px 40px;color:#fff}
.founders-panel .fp-label{color:var(--gold-light)}
.founders-panel li{color:#fff;font-size:20px}.founders-panel li span{color:rgba(255,255,255,.6)}
/* card system */
.philosophy-grid,.card-grid,.why-grid,.careers-perks,.mv-grid,.contact-details{background:none!important;border:0!important;gap:18px!important}
.philosophy-card,.solution-card,.why-card,.perk-card,.mv-card,.contact-detail,.blog-card{position:relative;overflow:hidden;border-radius:22px;background:#fff;border:1px solid var(--line);transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .3s,background .3s;transform-style:preserve-3d}
.philosophy-card::before,.solution-card::before,.why-card::before,.perk-card::before,.mv-card::before,.blog-card::before{content:"";position:absolute;inset:0;background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(240,201,122,.28),transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}
.philosophy-card:hover::before,.solution-card:hover::before,.why-card:hover::before,.perk-card:hover::before,.mv-card:hover::before,.blog-card:hover::before{opacity:1}
.solution-card:hover,.why-card:hover,.philosophy-card:hover,.blog-card:hover{box-shadow:0 30px 60px -20px rgba(7,24,42,.28);border-color:rgba(168,120,42,.5);background:#fff}
.solution-card,.why-card{padding:34px 30px}
.solution-card .icon,.why-card .icon,.perk-card .icon,.mv-icon{width:46px!important;height:46px!important;padding:11px;border-radius:14px;background:var(--navy);color:var(--gold-light)!important;transition:transform .5s var(--ease)}
.solution-card:hover .icon,.why-card:hover .icon{transform:rotate(-8deg) scale(1.1)}
.group-title{border-bottom:1px solid var(--line)}.group-title h3{font-size:clamp(22px,2.6vw,32px)}
.philosophy-card .num{font-size:44px;color:rgba(168,120,42,.35)}
.mv-card,.perk-card{background:rgba(255,255,255,.05)!important;border-color:var(--line-onDark);backdrop-filter:blur(6px)}
.mv-card{padding:54px 46px}
.why-card:nth-child(4),.why-card:nth-child(5){grid-column:span 3}
.why-grid{grid-template-columns:repeat(6,1fr)}
/* dark sections */
#mission-vision,#careers,footer{background:radial-gradient(900px 500px at 85% -10%,rgba(240,201,122,.14),transparent 60%),var(--navy)!important}
#mission-vision::after,#careers::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 50% 30%,#000,transparent 75%);-webkit-mask-image:radial-gradient(circle at 50% 30%,#000,transparent 75%);pointer-events:none}
#mission-vision .wrap,#careers .wrap{position:relative;z-index:1}
#pull-quote{padding:150px 0;background:var(--panel)}
#pull-quote blockquote{max-width:1000px;font-size:clamp(30px,5vw,64px);line-height:1.12;letter-spacing:-.03em}
#process{background:var(--panel)}
.timeline{position:relative}
.timeline::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--gold),var(--gold-light));transform:scaleX(var(--p,0));transform-origin:left;z-index:2}
.tl-step{border-top-color:var(--line)!important}
.tl-step .tl-num{font-size:40px;color:var(--gold)}
/* jobs */
.job-item{transition:background .3s}.job-item:hover{background:rgba(255,255,255,.04)}
.job-trigger .job-title{font-size:clamp(20px,2.4vw,30px)}
/* contact */
#contact{background:var(--panel)}
#contact h2{font-size:clamp(34px,5.4vw,72px)!important;max-width:900px!important;line-height:1.05!important}
.contact-detail .value{font:600 clamp(18px,2vw,26px) var(--serif)}
footer .footer-col a{transition:color .3s,padding-left .3s}footer .footer-col a:hover{color:var(--gold-light);padding-left:6px}
/* reveal */
.reveal{opacity:0;transform:translateY(46px);filter:blur(8px);transition:opacity 1s var(--ease),transform 1.1s var(--ease),filter 1s var(--ease);transition-delay:var(--d,0ms)}
.reveal.in{opacity:1;transform:none;filter:none}
@media (max-width:900px){.section-pad{padding:80px 0}header#top{border-radius:28px}.why-grid{grid-template-columns:1fr 1fr}.why-card:nth-child(n){grid-column:auto}#home{padding-top:140px}.timeline::before{display:none}.brand-mark{width:90px!important;height:34px!important}}
@media (max-width:560px){.why-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.reveal,.hero-sub,.hero-ctas,.hero-credibility,#home h1 .w i{opacity:1!important;transform:none!important;filter:none!important}.marquee div,.pre{animation:none;display:none}}
.reveal[data-from]{transition-duration:1.2s}
.reveal[data-from=l]{transform:translate(-110px,30px) rotate(-9deg)}
.reveal[data-from=r]{transform:translate(110px,30px) rotate(9deg)}
.reveal[data-from=b]{transform:translateY(130px) scale(.9)}
.reveal[data-from=t]{transform:translateY(-90px) rotate(4deg) scale(.95)}
.reveal[data-from=f]{transform:perspective(900px) rotateX(40deg) translateY(80px)}
.reveal[data-from=z]{transform:scale(.6) rotate(-6deg)}
.reveal[data-from].in{transform:none}
.reveal.done{transition:transform .5s var(--ease),box-shadow .5s var(--ease),border-color .3s,background .3s,opacity .3s,filter .3s;transition-delay:0ms}
.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:26px!important;align-items:stretch}
.blog-card{padding:34px 30px 30px!important;min-height:0!important;overflow:visible!important;height:100%;cursor:pointer}
.blog-card h2{font-size:clamp(21px,1.8vw,26px)!important;overflow-wrap:anywhere}
.blog-card p{font-size:15px!important}
.blog-card .read-more{position:static;margin-top:auto;padding-top:30px}
.blog-card .read-more::after{content:"";position:absolute;inset:0;z-index:3;border-radius:inherit}
.blog-card:focus-within{outline:2px solid var(--gold);outline-offset:3px}
.blog-card:hover .read-more span{transform:translateX(8px)}
.blog-card:hover h2{color:var(--gold)}
@media(max-width:1100px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:700px){.blog-grid{grid-template-columns:1fr!important}}
:root{--v2-bg:#05060b;--v2-ink:#f5f3ed;--v2-muted:rgba(245,243,237,.64);--v2-line:rgba(255,255,255,.10);--v2-blue:#6877ff;--v2-cyan:#67e8f9;--v2-lime:#d9ff63;--v2-violet:#a78bfa;--v2-ease:cubic-bezier(.16,1,.3,1)}
html{background:var(--v2-bg);scroll-behavior:smooth}
body{background:var(--v2-bg);color:var(--v2-ink)}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:250;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
header#top{border-color:rgba(255,255,255,.12)!important;background:rgba(5,6,11,.48)!important;box-shadow:0 18px 70px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.08)}
header#top::after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(100deg,transparent 20%,rgba(103,232,249,.18),transparent 55%);opacity:.7;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);padding:1px;-webkit-mask-composite:xor;mask-composite:exclude}
nav.primary-nav a{color:rgba(255,255,255,.68)!important}
nav.primary-nav a:hover,nav.primary-nav a.active{color:#fff!important;background:rgba(255,255,255,.08)!important}
#home{isolation:isolate;background:#05060b!important;min-height:100svh!important;padding-top:210px!important}
#home::before{background:radial-gradient(70% 80% at 78% 48%,rgba(104,119,255,.18),transparent 60%),radial-gradient(45% 50% at 22% 68%,rgba(103,232,249,.10),transparent 65%),linear-gradient(90deg,rgba(5,6,11,.98) 0%,rgba(5,6,11,.72) 48%,rgba(5,6,11,.18) 100%)!important;z-index:1}
#home::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 70% 50%,#000 0%,transparent 72%);-webkit-mask-image:radial-gradient(circle at 70% 50%,#000 0%,transparent 72%)}
#fx,#fx-v2{z-index:0!important;mix-blend-mode:screen}
.hero-inner{z-index:3!important}
.hero-credibility{border-color:rgba(217,255,99,.24)!important;background:rgba(217,255,99,.055)!important;color:rgba(255,255,255,.76)!important;box-shadow:0 0 0 1px rgba(255,255,255,.02),0 12px 40px rgba(0,0,0,.18)}
#home h1{font-family:var(--serif)!important;font-weight:600!important;font-size:clamp(46px,7.7vw,116px)!important;letter-spacing:-.055em!important;text-shadow:0 18px 60px rgba(0,0,0,.3)}
#home h1 .w i{background:linear-gradient(110deg,#fff 35%,#d7d5cc 65%,#9ba4ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero-sub{color:rgba(255,255,255,.66)!important;max-width:650px}
.hero-ctas{gap:14px!important}
.btn-gold{background:linear-gradient(115deg,#d9ff63,#b6e84c)!important;color:#05060b!important;box-shadow:0 12px 50px rgba(217,255,99,.16),inset 0 1px rgba(255,255,255,.65)!important}
.btn-gold:hover{box-shadow:0 18px 70px rgba(217,255,99,.28)!important;transform:translateY(-2px)!important}
.btn-ghost-dark{border-color:rgba(255,255,255,.18)!important;background:rgba(255,255,255,.045)!important;color:#fff!important}
.btn-ghost-dark:hover{background:rgba(255,255,255,.10)!important}
.hero-strip{z-index:3!important;border-top:1px solid rgba(255,255,255,.10)!important;border-bottom:1px solid rgba(255,255,255,.10)!important;background:linear-gradient(90deg,rgba(5,6,11,.82),rgba(20,22,34,.45),rgba(5,6,11,.82))!important}
.hero-strip-item{position:relative;overflow:hidden}
.hero-strip-item::after{content:"";position:absolute;left:0;bottom:0;width:38%;height:1px;background:linear-gradient(90deg,var(--v2-cyan),transparent);transform:translateX(-100%);animation:v2line 5s var(--v2-ease) infinite}
.hero-strip-item .k{background:linear-gradient(100deg,#fff,var(--v2-cyan),var(--v2-violet));-webkit-background-clip:text;background-clip:text}
@keyframes v2line{55%,100%{transform:translateX(320%)}}
.marquee{background:rgba(217,255,99,.96)!important;box-shadow:0 0 50px rgba(217,255,99,.08)}
.section-pad{position:relative}
#about,#solutions,#why,#process,#blog,#contact,#pull-quote{background:#080a11!important}
#about::before,#solutions::before,#why::before,#process::before,#blog::before,#contact::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;background:radial-gradient(500px 300px at var(--section-x,80%) 10%,rgba(104,119,255,.10),transparent 70%)}
.section-head h2,#pull-quote blockquote{color:#f7f5ef!important}
.section-head p,.about-lede{color:var(--v2-muted)!important}
.rule-label{color:var(--v2-lime)!important}.rule-label::before{background:var(--v2-lime)!important}
.philosophy-card,.solution-card,.why-card,.perk-card,.mv-card,.contact-detail,.blog-card,.founders-panel{border-color:rgba(255,255,255,.09)!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;box-shadow:0 24px 80px rgba(0,0,0,.16),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.philosophy-card:hover,.solution-card:hover,.why-card:hover,.perk-card:hover,.blog-card:hover,.contact-detail:hover{border-color:rgba(103,232,249,.28)!important;box-shadow:0 34px 100px rgba(0,0,0,.32),0 0 50px rgba(104,119,255,.07),inset 0 1px rgba(255,255,255,.13)}
.philosophy-card::before,.solution-card::before,.why-card::before,.perk-card::before,.mv-card::before,.blog-card::before{background:radial-gradient(420px circle at var(--mx,50%) var(--my,0%),rgba(103,232,249,.13),transparent 58%)!important}
.solution-card .icon,.why-card .icon,.perk-card .icon,.mv-icon{background:rgba(217,255,99,.10)!important;border:1px solid rgba(217,255,99,.22);color:var(--v2-lime)!important;box-shadow:0 10px 30px rgba(217,255,99,.06)}
.solution-card h4,.why-card h4,.philosophy-card h3,.perk-card h4,.mv-card h3,.blog-card h3{color:#f5f3ed!important}
.solution-card p,.why-card p,.philosophy-card p,.perk-card p,.mv-card p,.blog-card p{color:rgba(245,243,237,.62)!important}
.why-card:nth-child(1){background:linear-gradient(135deg,#11152a,#080a11)!important}
.why-card:nth-child(3){background:linear-gradient(135deg,#d9ff63,#9dc63b)!important}
.why-card:nth-child(3) h4,.why-card:nth-child(3) p{color:#05060b!important}
#pull-quote{background:linear-gradient(135deg,#0b0d18,#05060b)!important;overflow:hidden}
#pull-quote::before{content:"";position:absolute;width:55vw;height:55vw;right:-18vw;top:-30vw;border-radius:50%;border:1px solid rgba(103,232,249,.14);box-shadow:0 0 0 70px rgba(103,232,249,.025),0 0 0 140px rgba(104,119,255,.018)}
#pull-quote blockquote{position:relative;z-index:1}
#process{background:#080a11!important}
.timeline::before{background:linear-gradient(90deg,var(--v2-lime),var(--v2-cyan),var(--v2-violet))!important;box-shadow:0 0 24px rgba(103,232,249,.28)}
.tl-step{border-color:rgba(255,255,255,.10)!important}.tl-step .tl-num{color:var(--v2-lime)!important}
#mission-vision,#careers,footer{background:radial-gradient(700px 500px at 80% 20%,rgba(104,119,255,.17),transparent 65%),#05060b!important}
#mission-vision::after,#careers::after{opacity:.45;background-size:72px 72px}
.mv-card,.perk-card{background:rgba(255,255,255,.045)!important}
.contact-detail{background:rgba(255,255,255,.035)!important}
.contact-detail:hover{background:linear-gradient(135deg,#10142a,#080a11)!important;border-color:rgba(103,232,249,.28)!important}
.contact-detail .value{color:#f5f3ed!important}.contact-detail:hover .value{color:var(--v2-lime)!important}
.reveal{transition-duration:1s!important;transition-timing-function:var(--v2-ease)!important}.reveal.in{filter:none!important}
::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#05060b}::-webkit-scrollbar-thumb{background:linear-gradient(var(--v2-blue),var(--v2-lime));border-radius:20px}
@media(max-width:700px){#home{padding-top:170px!important}#home h1{font-size:clamp(43px,13vw,72px)!important}#home::after{background-size:44px 44px}.hero-strip-item{min-height:92px!important}}
@media(prefers-reduced-motion:reduce){body::before{display:none}#fx-v2{display:none!important}}
#fx-v2{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;pointer-events:none}
#about .nl-orb,#about .nl-ring{display:none!important}
#about .about-columns p{color:rgba(245,243,237,.80)!important}
#about .philosophy-card h4{color:#f5f3ed!important}
.about-journey{position:relative;margin:56px 0 40px;padding:44px 40px 36px;border-radius:24px;border:1px solid rgba(255,255,255,.10);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));box-shadow:0 24px 80px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.08);overflow:hidden}
.about-journey::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(520px 260px at 85% 0%,rgba(240,201,122,.12),transparent 70%)}
.aj-chart{position:relative;height:220px}.aj-chart svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.aj-line{stroke-dasharray:3000;stroke-dashoffset:3000;transition:stroke-dashoffset 2.2s cubic-bezier(.22,1,.36,1) .2s}.aj-area{opacity:0;transition:opacity 1.6s ease 1s}
.about-journey.in .aj-line{stroke-dashoffset:0}.about-journey.in .aj-area{opacity:1}
.aj-dot{position:absolute;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#f0c97a;box-shadow:0 0 0 6px rgba(240,201,122,.18),0 0 24px rgba(240,201,122,.6);transform:scale(0);transition:transform .6s cubic-bezier(.22,1,.36,1) var(--d,0s)}
.aj-dot:nth-of-type(1){background:#3fd0c9;box-shadow:0 0 0 6px rgba(63,208,201,.18),0 0 24px rgba(63,208,201,.6)}
.about-journey.in .aj-dot{transform:scale(1)}
.aj-steps{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}
.aj-steps li{padding:0 18px;text-align:center;display:flex;flex-direction:column;gap:6px}.aj-steps b{font:700 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#f0c97a}.aj-steps strong{font:600 19px/1.25 var(--serif);color:#f5f3ed}.aj-steps span{font-size:14px;line-height:1.6;color:rgba(245,243,237,.72)}
@media(max-width:800px){.about-journey{padding:30px 22px}.aj-chart{height:150px}.aj-steps{grid-template-columns:1fr 1fr;gap:26px 14px;margin-top:24px}.aj-steps li{padding:0 6px}}
@media(max-width:480px){.aj-steps{grid-template-columns:1fr}.aj-steps li{text-align:left}}
@media(prefers-reduced-motion:reduce){.aj-line{stroke-dashoffset:0;transition:none}.aj-area{opacity:1;transition:none}.aj-dot{transform:scale(1);transition:none}}

/* =========================
   MOBILE / TABLET RESPONSIVE FIXES
   ========================= */
*{box-sizing:border-box}
html,body{max-width:100%;overflow-x:hidden}
img,svg,canvas,video{max-width:100%;height:auto}
.wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}

@media(max-width:900px){
  header#top{
    width:calc(100% - 24px);
    top:10px;
    padding:6px 0!important;
    border-radius:24px!important;
  }
  .nav-inner{padding:0 12px!important;min-height:48px}
  .brand-mark{width:86px!important;height:34px!important;object-fit:contain}
  nav.primary-nav{margin:0 8px 0 auto!important;gap:2px!important}
  nav.primary-nav a{padding:7px 9px!important;font-size:12px}
  .nav-actions{gap:6px!important}
  .nav-actions .btn{padding:10px 14px!important;font-size:12px}
  #home{padding-top:145px!important;min-height:auto!important}
  .hero-inner{padding-bottom:60px}
  #home h1{max-width:760px!important}
  .hero-sub{font-size:16px;line-height:1.65}
  .hero-ctas{flex-wrap:wrap}
  .hero-strip{margin-top:20px}
  .hero-strip-item{min-height:100px!important;padding:20px 14px}
  .section-pad{padding:90px 0}
  .section-head h2{font-size:clamp(34px,7vw,52px)!important}
  .about-lede{font-size:clamp(19px,3vw,24px)!important}
  .philosophy-card,.solution-card,.why-card,.perk-card,.mv-card,.contact-detail,.blog-card{border-radius:18px}
  .solution-card,.why-card{padding:28px 24px}
  .mv-card{padding:36px 28px}
  .founders-panel{padding:30px 26px}
  .founders-panel li{font-size:18px}
  .timeline{padding-left:28px}
  .tl-step{border-top:0!important;border-left:1px solid rgba(255,255,255,.12)!important;padding:0 0 28px 24px!important}
  .tl-step:last-child{padding-bottom:0!important}
  .tl-step .tl-num{font-size:34px}
  #pull-quote{padding:100px 0}
  #contact h2{font-size:clamp(38px,8vw,60px)!important}
  .contact-details{grid-template-columns:1fr!important}
  .job-trigger .job-title{font-size:clamp(20px,4vw,28px)}
  footer .footer-col a{padding-left:0}
}

@media(max-width:700px){
  .wrap{width:min(100% - 28px,620px)}
  header#top{width:calc(100% - 18px)}
  .nav-inner{padding:0 9px!important}
  .brand-mark{width:78px!important;height:30px!important}
  nav.primary-nav{margin-right:2px!important;max-width:58vw;overflow-x:auto;scrollbar-width:none}
  nav.primary-nav::-webkit-scrollbar{display:none}
  nav.primary-nav a{white-space:nowrap;padding:6px 7px!important;font-size:11px}
  .nav-actions{display:none}
  #home{padding-top:155px!important}
  #home h1{font-size:clamp(42px,13vw,70px)!important;line-height:1.02!important}
  .hero-credibility{font-size:12px;padding:8px 13px}
  .hero-sub{font-size:15px;line-height:1.7}
  .hero-ctas{display:flex!important;flex-direction:column!important;align-items:stretch!important;width:100%;max-width:360px}
  .hero-ctas .btn{width:100%;text-align:center;padding:13px 20px}
  .hero-strip{display:grid!important;grid-template-columns:1fr 1fr}
  .hero-strip-item{min-height:86px!important;padding:18px 12px}
  .hero-strip-item .k{font-size:21px!important}
  .hero-strip-item .t{font-size:11px}
  .marquee{padding:12px 0}
  .marquee span{font-size:17px}
  .marquee div{gap:28px;padding-right:28px}
  .marquee span::after{margin-left:28px}
  .section-pad{padding:72px 0}
  .section-head h2{font-size:clamp(32px,10vw,48px)!important}
  .section-head p{font-size:14px;line-height:1.7}
  .philosophy-grid,.card-grid,.why-grid,.careers-perks,.mv-grid{grid-template-columns:1fr!important}
  .why-card:nth-child(4),.why-card:nth-child(5){grid-column:auto!important}
  .solution-card,.why-card{padding:25px 21px}
  .philosophy-card,.solution-card,.why-card,.perk-card,.mv-card,.contact-detail,.blog-card{width:100%;max-width:100%}
  .group-title h3{font-size:25px}
  .founders-panel{padding:26px 21px}
  .founders-panel li{font-size:16px;line-height:1.5}
  .mv-card{padding:30px 22px}
  .about-journey{margin:35px 0 25px;padding:24px 18px}
  .aj-chart{height:130px}
  .aj-steps{grid-template-columns:1fr!important;gap:20px!important}
  .aj-steps li{text-align:left;padding:0!important}
  .timeline{padding-left:20px}
  .tl-step{padding-left:18px!important}
  #pull-quote{padding:82px 0}
  #pull-quote blockquote{font-size:clamp(30px,9vw,46px)}
  #contact h2{font-size:clamp(34px,10vw,52px)!important}
  .contact-detail .value{font-size:20px}
  .blog-grid{grid-template-columns:1fr!important;gap:18px!important}
  .blog-card{padding:26px 21px 24px!important}
  .blog-card h2{font-size:22px!important}
  footer .wrap{width:calc(100% - 28px)}
  footer .footer-col{min-width:0}
}

@media(max-width:480px){
  header#top{top:7px}
  .nav-inner{min-height:44px}
  .brand-mark{width:70px!important;height:28px!important}
  nav.primary-nav{max-width:62vw}
  nav.primary-nav a{font-size:10px;padding:5px 6px!important}
  #home{padding-top:135px!important}
  #home h1{font-size:clamp(38px,13vw,58px)!important}
  .hero-inner{padding-bottom:45px}
  .hero-strip{grid-template-columns:1fr!important}
  .hero-strip-item{min-height:78px!important}
  .section-pad{padding:60px 0}
  .btn{font-size:14px}
  .rule-label{font-size:11px}
  .about-lede{font-size:18px!important}
  .aj-chart{height:110px}
}

@media(prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
  .marquee div,.pre span::after,.hero-strip-item::after{animation:none!important}
}
/* =========================================================
   DESKTOP NAVBAR CLICK FIX — Energize Express
   Fixes delayed/unreliable desktop navbar clicks.
   Mobile navigation remains unchanged.
   ========================================================= */

@media (min-width: 901px){

  /* Keep the complete navbar above visual overlays */
  header#top{
    z-index:1000!important;
    pointer-events:auto!important;
  }

  header#top .nav-inner,
  header#top .brand-lockup,
  header#top .primary-nav,
  header#top .primary-nav a,
  header#top .nav-actions,
  header#top .nav-actions a{
    position:relative!important;
    z-index:1001!important;
    pointer-events:auto!important;
  }

  /* Decorative navbar layers must never block a click */
  header#top::before,
  header#top::after{
    pointer-events:none!important;
  }

  /* Remove any visual transition delay from the actual nav links */
  header#top .primary-nav a{
    cursor:pointer!important;
    transition-property:background,color!important;
    transition-duration:.15s!important;
    transition-delay:0s!important;
  }

  /* Make the click area stable */
  header#top .primary-nav a,
  header#top .brand-lockup,
  header#top .nav-actions .btn{
    -webkit-tap-highlight-color:transparent;
  }
}
/* =========================================================
   CUSTOM CURSOR VISIBILITY FIX
   Keeps the custom cursor above the navbar and all page layers.
   ========================================================= */

.cur-dot,
.cur-ring {
  z-index: 20000 !important;
  pointer-events: none !important;
}

html.cur .cur-dot,
html.cur .cur-ring {
  z-index: 20000 !important;
  pointer-events: none !important;
}

/* Keep navbar clickable while allowing the custom cursor to show above it */
@media (min-width: 901px) {
  header#top {
    position: relative;
    z-index: 1000 !important;
  }

  header#top .primary-nav a,
  header#top .brand-lockup,
  header#top .nav-actions a {
    cursor: none !important;
  }
}
/* ================================================================
   ENERGIZE EXPRESS — MOBILE CONTRAST & VISIBILITY FIX
   Append this file LAST in theme.css / sections.css / subpages.css.
   Desktop styling is not changed.
   ================================================================= */

@media (max-width: 900px) {

  /* ---------- GLOBAL MOBILE BASE ---------- */
  html, body {
    color-scheme: dark;
  }

  body {
    background: #070a10 !important;
    color: #f5f3ed !important;
  }

  main {
    background: #070a10 !important;
  }

  p, li, span, small, label {
    text-shadow: none;
  }

  a {
    -webkit-tap-highlight-color: transparent;
  }

  /* ---------- MOBILE NAVBAR ---------- */
  header#top {
    background: rgba(5, 8, 14, .96) !important;
    border-color: rgba(255,255,255,.18) !important;
    box-shadow: 0 12px 35px rgba(0,0,0,.45) !important;
    backdrop-filter: blur(18px) !important;
    -webkit-backdrop-filter: blur(18px) !important;
  }

  nav.primary-nav a,
  .mobile-nav a {
    color: #f7f5ef !important;
  }

  nav.primary-nav a:hover,
  nav.primary-nav a.active,
  .mobile-nav a:hover {
    color: #ffffff !important;
    background: rgba(255,255,255,.10) !important;
  }

  .mobile-nav {
    background: #080c14 !important;
    border-color: rgba(255,255,255,.14) !important;
    box-shadow: 0 20px 50px rgba(0,0,0,.55) !important;
  }

  .mobile-nav a {
    border-color: rgba(255,255,255,.08) !important;
  }

  .hamburger span {
    background: #ffffff !important;
  }

  /* ---------- HERO ---------- */
  #home {
    background: #05070d !important;
    color: #ffffff !important;
  }

  #home::before {
    background:
      radial-gradient(90% 60% at 78% 30%, rgba(104,119,255,.20), transparent 68%),
      linear-gradient(180deg, rgba(5,7,13,.82), rgba(5,7,13,.96)) !important;
  }

  #home h1,
  #home h1 *,
  .hero-sub,
  .hero-credibility,
  .hero-credibility *,
  .hero-strip-item,
  .hero-strip-item * {
    color: #f7f5ef !important;
  }

  #home h1 .w i {
    background: linear-gradient(110deg,#ffffff,#d9d5ca 55%,#9ca8ff) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  .hero-sub {
    color: rgba(255,255,255,.82) !important;
  }

  .hero-credibility {
    background: rgba(255,255,255,.08) !important;
    border-color: rgba(255,255,255,.20) !important;
  }

  .hero-strip {
    background: rgba(5,8,14,.92) !important;
    border-color: rgba(255,255,255,.12) !important;
  }

  .hero-strip-item {
    border-color: rgba(255,255,255,.10) !important;
  }

  .hero-strip-item .k {
    background: none !important;
    color: #f0c97a !important;
    -webkit-text-fill-color: #f0c97a !important;
  }

  /* ---------- BUTTONS / WHATSAPP / CTA LINKS ---------- */
  .btn,
  .btn-gold,
  .btn-ghost-dark {
    text-shadow: none !important;
  }

  .btn-gold {
    background: linear-gradient(135deg,#f6d58f,#d9a54a) !important;
    color: #07182a !important;
    border-color: transparent !important;
  }

  .btn-ghost-dark {
    background: rgba(255,255,255,.08) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.30) !important;
  }

  /* WhatsApp links/buttons: strong green/white contrast */
  a[href*="wa.me"],
  a[href*="whatsapp"],
  .whatsapp-btn,
  .whatsapp-link {
    background: #16a34a !important;
    color: #ffffff !important;
    border-color: #22c55e !important;
    text-shadow: none !important;
    box-shadow: 0 8px 24px rgba(22,163,74,.25) !important;
  }

  a[href*="wa.me"] *,
  a[href*="whatsapp"] *,
  .whatsapp-btn *,
  .whatsapp-link * {
    color: #ffffff !important;
  }

  /* ---------- DARK SECTIONS ---------- */
  #solutions,
  #process,
  #mission-vision,
  #careers,
  #contact,
  #pull-quote {
    background: #07111f !important;
    color: #ffffff !important;
  }

  #solutions h1, #solutions h2, #solutions h3, #solutions h4,
  #process h1, #process h2, #process h3, #process h4,
  #mission-vision h1, #mission-vision h2, #mission-vision h3, #mission-vision h4,
  #careers h1, #careers h2, #careers h3, #careers h4,
  #contact h1, #contact h2, #contact h3, #contact h4,
  #pull-quote h1, #pull-quote h2, #pull-quote h3, #pull-quote h4,
  #solutions p, #process p, #mission-vision p, #careers p, #contact p {
    color: #f7f5ef !important;
  }

  #solutions .section-head p,
  #process .section-head p,
  #mission-vision .section-head p,
  #careers .section-head p,
  #contact .sub,
  #contact p {
    color: rgba(255,255,255,.78) !important;
  }

  /* Keep gradient headings readable instead of becoming dark */
  #solutions .section-head h2,
  #process .section-head h2,
  #mission-vision h2,
  #careers h2,
  #contact h2 {
    background: linear-gradient(110deg,#ffffff,#f0c97a) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
  }

  /* ---------- DARK GLASS CARDS ---------- */
  #solutions .solution-card,
  #solutions .why-card,
  #mission-vision .mv-card,
  #careers .perk-card,
  #process .tl-step,
  #contact .contact-detail {
    background: linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035)) !important;
    color: #ffffff !important;
    border-color: rgba(255,255,255,.16) !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.30), inset 0 1px rgba(255,255,255,.08) !important;
  }

  #solutions .solution-card h3,
  #solutions .solution-card h4,
  #solutions .why-card h3,
  #solutions .why-card h4,
  #mission-vision .mv-card h3,
  #careers .perk-card h3,
  #careers .perk-card h4,
  #process .tl-step h3,
  #process .tl-step h4,
  #contact .contact-detail .value {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  #solutions .solution-card p,
  #solutions .why-card p,
  #mission-vision .mv-card p,
  #careers .perk-card p,
  #process .tl-step p,
  #contact .contact-detail p {
    color: rgba(255,255,255,.78) !important;
  }

  /* ---------- LIGHT SECTIONS: DARK TEXT ON LIGHT BACKGROUND ---------- */
  #about,
  #why-us {
    background: #f7f4ec !important;
    color: #14202c !important;
  }

  #about .section-head h2,
  #why-us .section-head h2,
  #about h2,
  #why-us h2 {
    background: none !important;
    color: #14202c !important;
    -webkit-text-fill-color: #14202c !important;
  }

  #about .section-head p,
  #why-us .section-head p,
  #about .about-lede,
  #why-us .sub {
    color: #46515e !important;
  }

  #about .rule-label,
  #why-us .rule-label {
    color: #8a5a10 !important;
  }

  #about .philosophy-card,
  #why-us .why-card {
    background: #ffffff !important;
    color: #14202c !important;
    border-color: rgba(20,32,44,.14) !important;
    box-shadow: 0 14px 35px rgba(20,32,44,.10) !important;
    backdrop-filter: none !important;
  }

  #about .philosophy-card h3,
  #about .philosophy-card h4,
  #about .philosophy-card p,
  #why-us .why-card h3,
  #why-us .why-card h4,
  #why-us .why-card p {
    color: #14202c !important;
    -webkit-text-fill-color: #14202c !important;
  }

  #about .philosophy-card p,
  #why-us .why-card p {
    color: #53606d !important;
  }

  #about .philosophy-card .num {
    color: #a8782a !important;
    -webkit-text-stroke: 0 !important;
  }

  /* ---------- PROCESS TIMELINE ---------- */
  #process .tl-step {
    opacity: 1 !important;
  }

  #process .tl-step .tl-num {
    color: #f0c97a !important;
    -webkit-text-fill-color: #f0c97a !important;
  }

  #process .tl-step::before {
    background: #f0c97a !important;
    border-color: #07111f !important;
  }

  /* ---------- CONTACT FORM / INPUTS ---------- */
  #contact input,
  #contact textarea,
  #contact select,
  input,
  textarea,
  select {
    background: #ffffff !important;
    color: #17212b !important;
    border-color: rgba(20,32,44,.25) !important;
  }

  #contact input::placeholder,
  #contact textarea::placeholder,
  input::placeholder,
  textarea::placeholder {
    color: #66717d !important;
    opacity: 1 !important;
  }

  /* ---------- BLOG PAGE ---------- */
  .blog-hero,
  .blog-list {
    background: #080c14 !important;
    color: #f5f3ed !important;
  }

  .blog-hero h1,
  .blog-hero h2,
  .blog-hero h3 {
    color: #f7f5ef !important;
    -webkit-text-fill-color: #f7f5ef !important;
  }

  .blog-hero p,
  .blog-list p {
    color: rgba(255,255,255,.78) !important;
  }

  .blog-card {
    background: linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035)) !important;
    border-color: rgba(255,255,255,.15) !important;
    color: #ffffff !important;
    box-shadow: 0 18px 45px rgba(0,0,0,.28) !important;
  }

  .blog-card h2,
  .blog-card h3 {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
  }

  .blog-card p {
    color: rgba(255,255,255,.76) !important;
  }

  .blog-card-top,
  .read-more {
    color: #f0c97a !important;
  }

  /* ---------- LEGAL PAGES ---------- */
  body:has(.legal-section),
  body:has(.legal-section) main {
    background: #080c14 !important;
    color: #f5f3ed !important;
  }

  body:has(.legal-section) main > h1,
  body:has(.legal-section) main > .intro,
  body:has(.legal-section) .legal-section h2 {
    color: #f7f5ef !important;
    -webkit-text-fill-color: #f7f5ef !important;
  }

  body:has(.legal-section) main > .updated,
  body:has(.legal-section) .legal-section p,
  body:has(.legal-section) .legal-section li {
    color: rgba(255,255,255,.80) !important;
  }

  body:has(.legal-section) .legal-section {
    border-top-color: rgba(255,255,255,.14) !important;
  }

  body:has(.legal-section) .legal-section a {
    color: #d9ff63 !important;
  }

  body:has(.legal-section) .contact-box {
    background: rgba(255,255,255,.07) !important;
    border-left-color: #d9ff63 !important;
  }

  body:has(.legal-section) .contact-box p,
  body:has(.legal-section) .contact-box strong {
    color: #ffffff !important;
  }

  /* ---------- FOOTER ---------- */
  footer {
    background: #05070d !important;
    color: rgba(255,255,255,.76) !important;
  }

  footer .footer-brand p,
  footer .footer-col a,
  footer .footer-col span,
  footer .footer-bottom span {
    color: rgba(255,255,255,.76) !important;
  }

  footer .footer-col h5 {
    color: #ffffff !important;
  }

  footer .footer-col a:hover {
    color: #f0c97a !important;
  }

  /* ---------- REMOVE LOW-CONTRAST / FADED MOBILE STATES ---------- */
  .reveal,
  .tl-step {
    filter: none !important;
  }

  .reveal.in,
  .reveal {
    opacity: 1 !important;
  }

  /* Don't let decorative overlays reduce text visibility */
  #home::after,
  #about::before,
  #solutions::before,
  #why-us::before,
  #process::before,
  #contact::before {
    opacity: .20 !important;
  }

  /* Keep all decorative canvases behind content */
  #fx,
  #fx-v2,
  .nl-canvas,
  .nl-vignette,
  .nl-grain,
  .nl-aurora {
    pointer-events: none !important;
  }
}

/* Small-phone fine tuning */
@media (max-width: 480px) {
  .hero-sub,
  .section-head p,
  .about-lede,
  .legal-section p,
  .legal-section li,
  .blog-card p,
  footer p {
    font-size: 15px !important;
    line-height: 1.65 !important;
  }

  .btn {
    min-height: 48px;
  }

  .blog-card,
  .solution-card,
  .why-card,
  .philosophy-card,
  .mv-card,
  .perk-card,
  .contact-detail {
    border-radius: 18px !important;
  }
}