:root{--navy:#071d45;--blue:#123bff;--muted:#466180;--line:#dce7f5;--pale:#eff6ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f8fe;color:var(--navy);font-family:'DM Sans',Arial,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #ff9d35;outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.035em}p{color:var(--muted)}.site-header{height:70px;display:flex;align-items:center;gap:34px;padding:0 clamp(20px,3vw,50px);background:#fff;box-shadow:0 3px 20px #12397513;position:relative;z-index:5}.brand{display:flex;align-items:center;gap:9px;color:#0734d7;font-size:20px;font-weight:800;white-space:nowrap;letter-spacing:-.05em}.brand img{object-fit:contain;border-radius:10px}.desktop-nav{display:flex;justify-content:center;align-items:center;gap:clamp(15px,2.1vw,33px);flex:1;font-size:13px;font-weight:700;white-space:nowrap}.desktop-nav a{padding:25px 0 21px;border-bottom:3px solid transparent}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--blue);border-color:var(--blue)}.header-cta{border:1px solid var(--line);padding:10px 13px;border-radius:10px;font-size:12px;font-weight:800;white-space:nowrap}.menu{display:none}main{max-width:1520px;margin:auto;background:#fff;box-shadow:0 10px 50px #28456814}.hero{min-height:475px;display:grid;grid-template-columns:51% 49%;overflow:hidden;background:#f5faff}.hero-copy{position:relative;z-index:1;padding:clamp(43px,4.6vw,76px) 0 40px clamp(30px,4.4vw,70px);background:linear-gradient(90deg,#f8fbff 78%,#f8fbff00);margin-right:-80px}.eyebrow{display:block;color:#123b96;font-size:11px;font-weight:800;letter-spacing:.1em;margin-bottom:13px}.hero h1{font-size:clamp(36px,3.55vw,62px);max-width:650px;margin:0 0 18px;font-weight:800}.hero h1 em{font-style:normal;color:#0d3aff}.hero-copy>p:not(.availability){font-size:clamp(15px,1.1vw,18px);max-width:600px;margin:0 0 24px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:47px;display:inline-flex;align-items:center;justify-content:center;gap:18px;border-radius:10px;padding:11px 21px;font-size:14px;font-weight:800;text-align:center;transition:transform .18s,box-shadow .18s}.button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #133cdf26}.button.primary{background:var(--blue);color:white;box-shadow:0 6px 15px #173fff34}.button.outline{background:white;color:#1438dd;border:1px solid #a9bafa}.button.light{background:white;color:#1238c9}.availability{font-size:12px;margin:15px 0 0;color:#527090}.hero-image{background:url('/trajexcar-communautes-village.png') center/cover no-repeat;min-height:410px;position:relative}.hero-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f8fbff 0%,#f8fbff00 35%),linear-gradient(0deg,#001b4055,transparent 45%)}.hero-tag{position:absolute;bottom:22px;right:28px;color:#fff;background:#071d45cc;backdrop-filter:blur(8px);padding:9px 15px;border-radius:10px;font-weight:800;font-size:13px}.section{padding:46px clamp(28px,4.4vw,70px)}.section-head h2,.section h2{font-size:clamp(27px,2.4vw,37px);margin:0 0 11px}.section-head>p{margin:0;font-size:15px}.steps{list-style:none;padding:0;margin:25px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.steps li{display:flex;gap:13px;padding:18px 13px;background:#f8fbff;border:1px solid #e8eef9;border-radius:15px;min-height:160px}.step-icon,.audience-icon{width:46px;height:46px;display:grid;place-items:center;flex:none;border-radius:12px;background:#eaf1ff;color:#153bff;font-size:29px;font-weight:800}.step-number{font-weight:800;color:#143bff}.steps h3{font-size:15px;margin:4px 0 6px}.steps p{font-size:12px;margin:0;line-height:1.43}.story{display:grid;grid-template-columns:1.55fr 1fr;gap:22px;padding-top:14px}.story-main,.network-card{border:1px solid var(--line);border-radius:17px;padding:28px;background:#f9fbff}.story-main h2{max-width:650px}.story-main>p{max-width:710px;font-size:15px}.route-illustration{display:flex;align-items:center;background:white;border:1px solid #dfebfa;border-radius:15px;padding:25px;margin:22px 0 9px;max-width:650px}.route-illustration>div:not(.route-line){display:grid;grid-template-columns:22px auto;column-gap:8px;align-items:center;min-width:117px}.route-dot{grid-row:span 2;width:13px;height:13px;border-radius:50%;background:#128bff}.route-dot.end{background:#ef304d}.route-illustration strong{font-size:15px}.route-illustration small{font-size:12px;color:#6d829f}.route-line{height:3px;min-width:25px;background:linear-gradient(90deg,#128bff,#153bff,#ef304d);flex:1;position:relative}.route-line:after{content:'›';position:absolute;right:45%;top:-20px;color:#123bff;font-size:28px}.story-main .caption{font-size:11px;margin:0;color:#7084a0}.network-card{background:linear-gradient(145deg,#e9f3ff,#f9fcff);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.network-icon{font-size:36px;color:#133bff;line-height:1}.network-card h3{font-size:23px;margin:14px 0 10px}.network-card p{font-size:14px}.network-card .button{margin-top:6px}.open-network{display:grid;grid-template-columns:45% 1fr;align-items:center;gap:50px}.network-art{border-radius:22px;background:linear-gradient(145deg,#e9f2ff,#fafdff);padding:32px;min-height:250px;display:grid;gap:8px;justify-items:center;align-content:center;border:1px solid #dce8fa}.node{display:block;text-align:center;width:min(290px,100%);padding:16px;background:white;border:1px solid #dce8fa;border-radius:14px;font-weight:800;box-shadow:0 8px 16px #1745840d}.node-one{color:#133bff}.node-two{color:#fff;background:#0b3982}.plus{font-size:27px;color:#143bff;font-weight:800;line-height:1}.open-network p{font-size:16px;max-width:610px}.text-link{color:#143bff;font-weight:800;border-bottom:1px solid #bbc9ff}.audience{background:#f7faff;text-align:center}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:26px 0}.audience-grid article{text-align:left;background:white;padding:25px;border:1px solid #e1eafa;border-radius:15px}.audience-grid h3{margin:15px 0 7px;font-size:21px}.audience-grid p{font-size:14px;margin:0}.audience-icon.red{background:#fff0f3;color:#f03b67}.metrics{background:linear-gradient(110deg,#071e48,#1366ad);color:white;display:grid;grid-template-columns:.9fr 1.1fr;gap:35px;align-items:center}.metrics .eyebrow,.metrics p{color:#d3e6ff}.metrics h2{color:#fff}.metric-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric-preview>div{background:#fff;border-radius:13px;color:#153665;padding:15px 12px;min-height:115px;display:flex;flex-direction:column;gap:4px}.metric-preview span{color:#1642ff;font-size:22px;line-height:1}.metric-preview strong{font-size:13px;line-height:1.25}.metric-preview small{font-size:12px;color:#6d8298}.final-cta{margin:36px clamp(28px,4.4vw,70px);border-radius:17px;padding:27px 32px;background:#123bff;color:white;display:flex;justify-content:space-between;align-items:center;gap:25px}.final-cta h2{font-size:25px;margin:0 0 5px}.final-cta p{color:#e8edff;margin:0;font-size:14px}footer{max-width:1520px;margin:auto;padding:35px clamp(28px,4.4vw,70px) 45px;background:#f6faff;display:flex;align-items:center;gap:30px}footer p{margin:0;font-size:13px}footer nav{display:flex;gap:20px;margin-left:auto;font-size:13px;font-weight:700}.mobile-dock{display:none}
@media(max-width:1050px){.desktop-nav{gap:10px;font-size:11px}.site-header{gap:16px}.header-cta{display:none}.hero{grid-template-columns:55% 45%}.hero-copy{margin-right:-45px}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){body{background:#fff;padding-bottom:76px}.site-header{height:61px;padding:0 17px;justify-content:space-between}.brand{font-size:19px}.brand img{width:34px;height:34px}.desktop-nav{display:none}.menu{display:block;position:relative}.menu summary{list-style:none;width:38px;height:36px;border:1px solid #dce5f4;border-radius:9px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer;background:#fff}.menu summary::-webkit-details-marker{display:none}.menu summary span{display:block;width:18px;height:2px;background:#173363;border-radius:2px}.menu nav{position:absolute;right:0;top:42px;width:205px;background:white;box-shadow:0 10px 30px #071d4533;border:1px solid #e2eaf6;border-radius:12px;display:grid;padding:7px;z-index:9}.menu nav a{padding:10px;border-radius:8px;font-size:14px;font-weight:700}.menu nav a[aria-current]{background:#edf4ff;color:#133bff}.hero{display:flex;flex-direction:column-reverse;min-height:0;background:#fff}.hero-image{min-height:230px;background-position:center 53%}.hero-image:before{background:linear-gradient(0deg,#001b4050,transparent 60%)}.hero-tag{bottom:12px;right:16px;font-size:11px}.hero-copy{margin:0;padding:23px 22px 29px;background:linear-gradient(180deg,#e9f6ff,#fff 82%)}.eyebrow{font-size:10px;margin-bottom:9px}.hero h1{font-size:clamp(31px,8vw,41px);line-height:1.08;margin-bottom:12px}.hero-copy>p:not(.availability){font-size:14px;margin-bottom:18px}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.button{font-size:12px;padding:10px 9px;min-height:45px;gap:5px}.availability{font-size:11px;line-height:1.35}.section{padding:30px 21px}.section-head h2,.section h2{font-size:25px}.section-head>p,.story-main>p,.open-network p{font-size:14px}.steps{gap:9px;margin-top:18px}.steps li{padding:13px 10px;display:block;min-height:0}.step-icon{width:36px;height:36px;font-size:23px;border-radius:9px;margin-bottom:7px}.steps h3{font-size:13px;margin:2px 0 5px}.steps p{font-size:11px}.story{display:block;padding-top:0}.story-main,.network-card{padding:20px}.network-card{margin-top:12px}.story-main h2{font-size:23px}.route-illustration{padding:15px 11px;margin:17px 0 9px}.route-illustration>div:not(.route-line){min-width:82px;grid-template-columns:14px auto;column-gap:4px}.route-illustration strong{font-size:12px}.route-illustration small{font-size:10px}.route-dot{width:9px;height:9px}.route-line:after{top:-14px;font-size:21px}.network-card h3{font-size:21px}.open-network{display:flex;flex-direction:column-reverse;gap:20px}.network-art{width:100%;min-height:180px;padding:20px}.node{font-size:13px;padding:11px}.audience-grid{grid-template-columns:1fr;gap:8px;margin:18px 0}.audience-grid article{padding:15px;display:grid;grid-template-columns:44px auto;gap:0 10px}.audience-icon{width:38px;height:38px;font-size:23px;grid-row:span 2}.audience-grid h3{font-size:16px;margin:0 0 3px}.audience-grid p{font-size:12px}.metrics{display:block}.metrics p{font-size:13px}.metric-preview{margin-top:17px}.metric-preview>div{padding:12px 7px;min-height:112px}.metric-preview strong{font-size:11px}.metric-preview small{font-size:10px}.final-cta{margin:20px 21px 30px;display:block;padding:21px}.final-cta h2{font-size:22px}.final-cta .button{margin-top:15px;width:100%}footer{padding:25px 21px 36px;display:block}footer p{margin:8px 0 13px}footer nav{gap:12px;flex-wrap:wrap}.mobile-dock{position:fixed;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;bottom:0;left:0;right:0;height:69px;padding:5px 5px max(5px,env(safe-area-inset-bottom));background:white;border-top:1px solid #dbe6f3;box-shadow:0 -6px 24px #13376319;z-index:20}.mobile-dock a{text-align:center;color:#59708d;font-size:10px;font-weight:800;display:flex;flex-direction:column;align-items:center;line-height:1.3}.mobile-dock span{font-size:24px;line-height:1.15;font-weight:500}.mobile-dock .publish{color:#fff;background:#0cbded;border-radius:16px;padding:3px 0 2px;margin:0 5px;box-shadow:0 4px 12px #13b6e354}.mobile-dock .publish span{font-size:29px}}