/* JME experience layer — accessible, motion-aware, mobile-first */
:root{--jme-navy:#061a40;--jme-electric:#20caff;--jme-mid:#176bde}
html{scroll-padding-top:96px}section[id]{scroll-margin-top:94px}
body{overflow-x:hidden}
.site-header{position:fixed;inset:0 0 auto;transition:background .35s ease,box-shadow .35s ease,backdrop-filter .35s ease}
.site-header.is-scrolled{background:rgba(5,22,51,.93);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 8px 34px #0004}
.site-header.is-scrolled .nav-shell{border-bottom-color:#57c9ff24}
.site-header .desktop-nav a{position:relative}
.site-header .desktop-nav a::after{content:"";position:absolute;height:2px;bottom:-10px;left:0;right:100%;background:#20caff;transition:right .24s ease}
.site-header .desktop-nav a:hover::after,.site-header .desktop-nav a[aria-current="location"]::after{right:0}
.site-header .desktop-nav a[aria-current="location"]{color:#8ce5ff}
.nav-cta,.btn,.brief-send{transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.nav-cta:hover,.btn:hover,.brief-send:hover{transform:translateY(-3px);box-shadow:0 13px 35px #15c7fa33}
.nav-cta:focus-visible,.btn:focus-visible,.brief-send:focus-visible,.journey-option:focus-visible,.mobile-nav a:focus-visible{outline:3px solid #20caff;outline-offset:4px}
.jme-progress{position:fixed;z-index:101;left:0;top:0;right:0;height:3px;pointer-events:none;background:transparent}
.jme-progress span{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#21caff,#67e3ff);box-shadow:0 0 14px #20caff9c}
.hero{background:radial-gradient(ellipse at 82% 20%,#125db0 0,transparent 42%),linear-gradient(125deg,#061633,#082e6d 73%,#063f84);position:relative}
.hero::before{content:"";position:absolute;inset:-15%;pointer-events:none;background:radial-gradient(circle at 74% 44%,#20caff1c,transparent 34%);animation:jme-ambient 13s ease-in-out infinite alternate}
.hero .hero-copy{animation:jme-enter .9s both}
.hero .hero-art{animation:jme-enter 1.05s .15s both}
.hero-art .desktop-mock{animation:jme-hover 7s ease-in-out infinite}
.hero-art .phone-mock{animation:jme-hover 6.5s -2.7s ease-in-out infinite}
.hero-art .orbit-a{animation:jme-orbit 26s linear infinite}
.hero-art .orbit-b{animation:jme-orbit 34s linear infinite reverse}
.hero-art .orbit-c{animation:jme-orbit 39s linear infinite}
.hero-art .float-chip{animation:jme-hover 5s ease-in-out infinite}
.hero-art .chip-two{animation-delay:-2.5s}
.hero-proof{border-left:2px solid #20caff;padding-left:15px}
.trust-ribbon{background:#eff7ff;border-bottom:1px solid #d6e8fc;color:#143c74}
.trust-ribbon .container{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;padding-top:18px;padding-bottom:18px}
.trust-ribbon p{margin:0;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.02em}
.trust-ribbon p::before{content:"✓";display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:#d9efff;color:#087cc4;font-weight:900}
.trust-ribbon .separator{height:20px;width:1px;background:#cadef3}
.jme-reveal{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1);will-change:opacity,transform}
.js-jme .jme-reveal:not(.is-visible){opacity:0;transform:translateY(27px)}
.jme-reveal.is-visible{opacity:1;transform:translateY(0)}
.value-card,.service-card,.addon-card,.founder-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.value-card:hover,.service-card:hover,.addon-card:hover,.founder-card:hover{transform:translateY(-5px);box-shadow:0 22px 48px #03183a1d}
.service-card:hover,.addon-card:hover{border-color:#31b7fa}
.journey-section{padding:105px 0;background:linear-gradient(135deg,#eaf5ff,#fff 60%,#edf7ff);color:#0a2557;position:relative;overflow:hidden}
.journey-section::after{content:"";pointer-events:none;position:absolute;border-radius:50%;width:500px;height:500px;right:-250px;top:-230px;background:radial-gradient(circle,#cdeaff,transparent 70%)}
.journey-top{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px;position:relative;z-index:1}
.journey-top h2{font-size:clamp(38px,5.1vw,64px);line-height:1.05;letter-spacing:-.055em;margin:0}
.journey-top>p{max-width:330px;line-height:1.7;color:#58718f;margin:0}
.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;position:relative;z-index:1}
.journey-step{background:#fff;border:1px solid #d4e6fa;border-radius:19px;padding:29px;box-shadow:0 14px 32px #0b37640b}
.journey-number{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;width:48px;height:48px;background:#e9f5ff;color:#0477d4;font:800 14px var(--ff)}
.journey-step h3{font-size:24px;letter-spacing:-.04em;margin:23px 0 12px}
.journey-step p{color:#536e8d;line-height:1.72;font-size:14px;margin:0}
.journey-step .journey-line{margin-top:25px;height:3px;background:#eaf3ff;overflow:hidden;border-radius:8px}
.journey-step .journey-line span{height:100%;display:block;background:linear-gradient(90deg,#086de1,#27d5ff);width:35%}
.journey-step:nth-child(2) .journey-line span{width:68%}
.journey-step:nth-child(3) .journey-line span{width:100%}
.journey-bottom{position:relative;z-index:1;margin-top:28px;display:flex;gap:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.journey-bottom p{font-size:14px;color:#4f6889;max-width:590px;margin:0}
.journey-bottom a{font-weight:800;color:#095dc1;text-decoration:underline;text-underline-offset:5px}
.brief-section{background:linear-gradient(112deg,#061633,#0a306b);position:relative;overflow:hidden;color:#fff;padding:106px 0}
.brief-section::before{content:"";position:absolute;inset:-30%;pointer-events:none;background:radial-gradient(circle at 80% 50%,#23c5ff25,transparent 32%)}
.brief-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center;position:relative;z-index:1}
.brief-copy h2{font-size:clamp(38px,5.2vw,66px);letter-spacing:-.055em;line-height:1.09;margin:0 0 24px}
.brief-copy h2 em{font-style:normal;color:#41d5ff}
.brief-copy>p:not(.kicker){line-height:1.8;color:#bad0e8;max-width:420px}
.brief-points{display:grid;gap:13px;margin-top:28px}
.brief-points span{font-size:13px;color:#c9eaff;display:flex;align-items:center;gap:11px}
.brief-points span::before{content:"✓";display:grid;place-items:center;border-radius:50%;width:22px;height:22px;color:#061633;background:#42d8ff;font-weight:800}
.brief-panel{background:#fff;color:#112d5a;border-radius:22px;padding:33px;box-shadow:0 24px 80px #0004}
.brief-panel>span{display:block;font-size:11px;font-weight:800;letter-spacing:.16em;color:#0e74c7;margin-bottom:8px}
.brief-panel h3{font-size:26px;letter-spacing:-.035em;margin:0 0 20px}
.brief-panel fieldset{border:0;padding:0;margin:0}
.brief-panel legend,.brief-panel label[for="brief-name"]{display:block;font-size:13px;font-weight:800;color:#21416c;margin-bottom:11px}
.journey-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:20px}
.journey-option{appearance:none;border:1px solid #d5e5f9;background:#f6faff;border-radius:11px;padding:13px 11px;text-align:left;font-size:13px;font-weight:700;color:#285078;cursor:pointer;min-height:49px;transition:background .2s,border-color .2s,box-shadow .2s}
.journey-option:hover{border-color:#6abaff}
.journey-option[aria-pressed="true"]{background:#e5f6ff;border:2px solid #0a8cea;box-shadow:0 0 0 3px #0a8cea14;color:#064a94;padding:12px 10px}
.brief-panel input{width:100%;border-radius:10px;border:1px solid #ccdff4;background:#fbfdff;padding:13px 15px;font-size:14px;color:#0c2553}
.brief-panel input:focus{outline:3px solid #20caff5c;border-color:#0786d7}
.brief-send{margin-top:19px;width:100%;display:flex;justify-content:center;align-items:center;gap:12px;border:0;border-radius:11px;background:#11a8ea;color:#fff;padding:17px 22px;font:800 14px var(--ff);cursor:pointer}
.brief-send:hover{background:#0787d2}
.brief-note{font-size:11px;line-height:1.55;color:#7083a1;margin:13px 0 0}
.mobile-quick{display:none}
@keyframes jme-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}
@keyframes jme-enter{from{opacity:0;transform:translateY(23px)}to{opacity:1;transform:translateY(0)}}
@keyframes jme-ambient{from{transform:translate(-2%,-1%) scale(1)}to{transform:translate(2%,1%) scale(1.1)}}
@keyframes jme-orbit{to{transform:rotate(360deg)}}
@media(max-width:950px){.journey-top{display:block}.journey-top>p{margin-top:18px}.brief-layout{grid-template-columns:1fr;gap:31px}.brief-copy h2{max-width:650px}.journey-grid{gap:11px}.journey-step{padding:21px}}
@media(max-width:700px){
 .journey-section,.brief-section{padding:72px 0}
 .journey-grid{grid-template-columns:1fr}
 .journey-step{min-height:0}
 .journey-step h3{margin-top:14px}
 .trust-ribbon .container{justify-content:flex-start;gap:11px 18px}
 .trust-ribbon .separator{display:none}
 .trust-ribbon p{font-size:11px}
 .brief-panel{padding:23px 19px}
 .mobile-quick{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:72;display:flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:50px;background:#09ace5;color:#051d47;box-shadow:0 8px 35px #003c78a3;font-size:13px;font-weight:850;text-decoration:none;transform:translateY(120px);opacity:0;pointer-events:none;transition:transform .3s,opacity .3s}
 .mobile-quick.is-visible{transform:translateY(0);opacity:1;pointer-events:auto}
 .mobile-quick span{margin-left:10px}
 .floating-whatsapp{bottom:85px}
}
@media(max-width:380px){.journey-options{grid-template-columns:1fr}.brief-panel{padding:18px}}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
 .js-jme .jme-reveal:not(.is-visible){opacity:1;transform:none}
}