@font-face{font-family:EvialDisplay;src:url('../fonts/JuliusSansOne-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--green:#007f73;--green-dark:#006358;--ink:#153f49;--muted:#526d72;--mint:#e8f5ef;--line:#dbe8e7;--gutter:clamp(24px,4.4vw,96px);--radius:16px;--shadow:0 18px 54px #174b4820}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:112px}body{margin:0;background:#fff;color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;height:auto}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}p,h1,h2,h3,h4{margin:0}p+p{margin-top:16px}h1,h2,h3,h4{line-height:1.18}h1{font-size:clamp(38px,3.5vw,66px);letter-spacing:-.045em;font-weight:700}h2{font-size:clamp(28px,2.6vw,43px);letter-spacing:-.035em}h3{font-size:21px;letter-spacing:-.025em}.display{font-family:EvialDisplay,Arial,sans-serif;font-weight:400;letter-spacing:-.035em;color:var(--green)}.wrap{width:calc(100% - var(--gutter)*2);max-width:1536px;margin-inline:auto}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.22em;display:block;margin-bottom:20px}.lead{font-size:clamp(17px,1.45vw,22px);line-height:1.6;margin-top:24px;max-width:570px}.muted{color:var(--muted);font-size:14px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.button{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:14px 23px;min-height:50px;border-radius:9px;font-size:14px;font-weight:700;border:1px solid transparent;transition:background .18s,box-shadow .18s,transform .18s;line-height:1.4}.button svg{width:18px;height:18px}.button.primary{background:var(--green);color:#fff;box-shadow:0 6px 18px #007f7315}.button.primary:hover{background:var(--green-dark);box-shadow:0 7px 20px #007f7330;transform:translateY(-1px)}.button.outline{border-color:var(--green);color:var(--green);background:#fff}.button.outline:hover{background:var(--mint)}.button.light{background:#fff;color:var(--green)}.button.light:hover{background:#e5f4ed}:focus-visible{outline:3px solid #d28a1a;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:12px;z-index:100}.skip:focus{top:10px}.site-header{position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(14px);z-index:20;border-bottom:1px solid #e4ece9}.header-inner{display:flex;justify-content:space-between;align-items:center;gap:40px;min-height:98px}.logo{display:block;line-height:0;width:214px;flex-shrink:0}.logo img{display:block;width:100%;height:auto}#site-nav{display:flex;align-items:center;gap:32px}#site-nav>a:not(.button){font-size:14px;font-weight:600;color:var(--green);padding:10px 0}#site-nav>a:not(.button):hover{text-decoration:underline;text-underline-offset:6px}.menu-toggle{display:none}.home-hero{position:relative;background:#f1f8f4;isolation:isolate;overflow:hidden}.home-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#f8fbf9 0%,#f8fbf9ed 35%,#e8f4ee55 65%,#00847720 100%),url('../brand/evial-coche-home.png') center 55%/cover;z-index:-2}.home-hero:after{content:'';position:absolute;right:-15%;bottom:-280px;width:65%;height:700px;transform:rotate(-24deg);background:#00917f16;z-index:-1}.hero-layout{display:grid;grid-template-columns:.95fr 1.15fr;gap:40px;align-items:center}.home-hero .hero-layout{padding-block:85px 65px;min-height:570px}.hero-copy .button{margin-top:29px}.hero-caption{margin-top:28px;font-size:13px;color:var(--muted);line-height:1.7}.hero-visual{position:relative;min-width:0;padding:12px 0}.floating-note{position:absolute;right:-12px;bottom:45px;display:flex;align-items:center;gap:10px;background:white;padding:14px 20px;border:1px solid var(--line);border-radius:12px;font-size:12px;font-weight:700;box-shadow:var(--shadow)}.floating-note svg{color:var(--green)}.preview-stage{max-width:760px;margin:auto}.app-preview{background:white;border:7px solid #183c43;border-radius:16px;box-shadow:0 26px 50px #12383e2e;overflow:hidden;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg);font-size:11px;line-height:1.5}.preview-top{height:40px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#f8fbfa;font-size:9px;letter-spacing:.04em}.window-dots{display:flex;gap:5px}.window-dots i{width:6px;height:6px;border-radius:50%;background:#bdd3cc}.preview-avatar{background:var(--mint);padding:4px;border-radius:50%;font-size:9px}.preview-layout{display:grid;grid-template-columns:80px 1fr;min-height:310px}.preview-sidebar{padding:15px 8px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:10px;font-size:9px}.preview-sidebar b{letter-spacing:.2em;color:var(--green);font-family:EvialDisplay,Arial,sans-serif;font-size:14px;margin-bottom:16px}.preview-sidebar span{padding:7px 5px}.preview-sidebar .selected{background:var(--mint);border-radius:5px;color:var(--green);font-weight:700}.preview-body{padding:18px;min-width:0}.preview-greeting{margin-bottom:16px}.preview-greeting small{font-size:8px;letter-spacing:.1em;color:var(--green)}.preview-greeting h3{font-size:16px;margin:7px 0}.preview-greeting>span{color:var(--muted);font-size:9px}.demo-weekdays{display:grid;grid-template-columns:repeat(5,1fr);font-size:8px;text-align:center;font-weight:700;padding-bottom:8px}.demo-calendar-grid{height:195px;position:relative;border:1px solid var(--line);background:linear-gradient(to right,transparent calc(100% - 1px),var(--line) 0) 0 0/20% 100%,linear-gradient(to bottom,transparent calc(100% - 1px),var(--line) 0) 0 0/100% 25%}.demo-event{position:absolute;width:19%;height:43px;border-left:2px solid #60ac8e;background:#e6f3ed;border-radius:4px;padding:6px 4px;font-size:7px;overflow:hidden}.demo-event b,.demo-event small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-event small{font-size:6px;margin-top:4px}.e1{left:1%;top:5px}.e2{left:21%;top:45px}.e3{left:41%;top:25px;background:#e9effe;border-color:#91a9f0}.e4{left:61%;top:65px;background:#faf2df;border-color:#d7b65d}.e5{left:81%;top:95px;background:#f0eaf9;border-color:#ad89d0}.e6{left:1%;top:115px;background:#e9effe;border-color:#91a9f0}.e7{left:21%;top:145px;background:#f0eaf9;border-color:#ad89d0}.e8{left:61%;top:135px}.preview-footer{display:flex;align-items:center;gap:6px;margin-top:14px;color:var(--green);font-size:9px}.status-dot{width:7px;height:7px;display:inline-block;background:var(--green);border-radius:50%;flex-shrink:0}.preview-caption{text-align:right;color:#45656a;font-size:10px;margin-top:18px}.product-section{padding-block:56px 64px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:30px}.section-heading h2{font-size:clamp(28px,2.2vw,38px)}.section-heading .eyebrow{margin-bottom:14px}.section-heading>p{max-width:390px;color:var(--muted);font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{display:flex;gap:18px;padding:28px 22px 24px;border:1px solid var(--line);border-radius:12px;background:#fff;transition:transform .18s,box-shadow .18s,border-color .18s}.product-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #153f4910;border-color:#82b8ac}.product-card>svg{width:38px;height:38px;color:var(--green)}.product-card h3{font-size:19px;margin:1px 0 10px}.product-card p{font-size:13px;line-height:1.5;min-height:40px;max-width:190px}.badge{display:inline-block;padding:4px 11px;border-radius:7px;font-size:11px;font-weight:500;line-height:1.5;margin-top:13px;white-space:nowrap}.badge.green{background:#d9f0e2;color:#005c45}.badge.amber{background:#fff0b9;color:#664c00}.badge.neutral{background:#e8edf0;color:#37515b}.card-link{display:flex;gap:15px;align-items:center;color:var(--green);font-weight:700;font-size:12px;margin-top:20px}.connection-note{display:flex;justify-content:center;align-items:center;gap:12px;background:linear-gradient(105deg,#edf8f2,#def2ee);padding:16px 20px;margin-top:18px;border-radius:10px;font-size:13px;color:var(--green-dark)}.journey{background:#f5f9f7;padding-block:76px}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px}.journey-grid article{border-top:1px solid #c8ded6;padding-top:25px}.step-number{font-family:EvialDisplay,sans-serif;font-size:34px;color:var(--green);display:block;margin-bottom:23px}.journey-grid h3{margin-bottom:14px}.journey-grid p{font-size:15px;color:var(--muted);max-width:370px}.text-link{font-size:13px;color:var(--green);font-weight:700;display:inline-block;margin:22px 20px 0 0}.text-link:hover{text-decoration:underline}.brand-section{padding-block:100px;display:grid;grid-template-columns:.75fr 1fr;align-items:center;gap:100px}.brand-mark{height:280px;display:flex;align-items:center;justify-content:center;font-family:EvialDisplay,sans-serif;font-size:155px;letter-spacing:-.15em;color:var(--green);background:linear-gradient(145deg,#e7f6ed,#f9fcfa);border-radius:28px}.brand-mark span{color:#9ed8c4}.brand-section p{margin-top:22px;max-width:570px}.contact{border-radius:20px;background:linear-gradient(120deg,#12483f,#007f73);color:white;display:flex;align-items:center;justify-content:space-between;gap:48px;padding:48px 54px;margin-bottom:60px}.contact h2{font-size:38px}.contact .display{color:#b9e4d3}.contact .eyebrow{color:#c0e8d6}.contact p{margin-top:18px;max-width:590px;color:#e0eee9;font-size:15px}.contact-actions{display:flex;flex-direction:column;gap:20px;align-items:flex-start;flex-shrink:0}.contact-login{font-size:12px;color:#f3fbf6}.contact-login:hover{text-decoration:underline}.footer{padding-block:10px 26px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:35px}.footer .logo{width:180px}.footer-brand p{font-size:12px;color:var(--muted);margin-top:12px}.footer nav{display:flex;gap:30px;align-items:center;font-size:13px;color:var(--green)}.footer a:hover{text-decoration:underline}.footer-bottom{flex-basis:100%;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:11px}.mobile-only{display:none}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:12px;padding-block:28px 35px;color:var(--muted)}.breadcrumbs a{color:var(--green)}.product-hero{background:linear-gradient(130deg,#fff 10%,#f1f8f4 80%,#dff2e8);padding-bottom:24px;overflow:hidden}.product-hero .hero-layout{padding-bottom:40px;gap:60px}.product-hero h1{font-size:clamp(36px,3.1vw,55px)}.product-kicker{display:flex;gap:10px;align-items:center;color:var(--green);margin-bottom:28px;flex-wrap:wrap}.product-kicker .badge{margin:0 0 0 5px}.product-kicker svg{width:27px;height:27px}.product-hero .eyebrow{font-size:9px}.actions{display:flex;flex-wrap:wrap;gap:12px}.product-note{display:flex;gap:10px;align-items:center;border-top:1px solid #d8e6df;padding-top:20px;color:var(--muted);font-size:12px}.features-section{padding-block:75px}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 45px}.feature{border-top:1px solid var(--line);padding-top:28px}.feature>svg{width:33px;height:33px;color:var(--green);margin-bottom:16px}.feature h3{font-size:20px;margin-bottom:13px}.feature p{font-size:15px;color:var(--muted);line-height:1.75}.faq-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px;padding-block:90px}.faq-section details{border-top:1px solid var(--line)}.faq-section details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:16px;font-weight:600;display:flex;justify-content:space-between;gap:20px;list-style:none;padding-block:23px}summary::-webkit-details-marker{display:none}summary>span{color:var(--green);font-size:24px;line-height:1}details[open] summary>span{transform:rotate(45deg)}details p{font-size:15px;color:var(--muted);padding-bottom:22px;line-height:1.8}.related{padding-bottom:75px}.current{background:#f4faf6}.video-preview{position:relative;min-height:170px;background:linear-gradient(120deg,#123f40d9,#007b7299),url('../brand/evial-coche-home.png') center/cover;border-radius:8px;color:white;padding:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.video-preview>svg{width:43px;height:43px;margin-top:10px}.video-preview>strong{font-size:13px}.video-preview>span:last-child{font-size:9px}.video-badge{position:absolute;top:10px;left:12px;font-size:7px;letter-spacing:.1em}.demo-course-grid,.concept-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.demo-course-grid>div,.concept-stats>div{border:1px solid var(--line);padding:12px;border-radius:7px;display:flex;flex-direction:column;gap:5px}.demo-course-grid svg,.concept-stats svg{color:var(--green);width:20px;height:20px}.demo-course-grid small{font-size:8px;color:var(--muted)}.student-preview{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding-bottom:15px}.student-preview h4{font-size:13px;margin-bottom:3px}.student-preview .badge{font-size:8px;margin:0 0 0 auto}.student-avatar{padding:13px;background:var(--mint);border-radius:50%;color:var(--green);font-weight:700}.demo-progress{padding-top:14px}.demo-progress>div{display:flex;justify-content:space-between;font-size:10px}.demo-progress b{font-weight:400;color:var(--green);font-size:9px}.demo-progress>i{height:7px;display:block;margin:7px 0 14px;border-radius:5px;background:linear-gradient(to right,#65b79c var(--progress),#ecf3ef var(--progress))}.demo-note{background:#eff7f2;border-radius:8px;padding:12px;margin-top:12px}.demo-note p{font-size:9px;margin-top:5px}.concept-stats{margin-bottom:15px}.concept-stats span{font-size:8px;color:var(--muted)}.concept-flow{border:1px solid var(--line);border-radius:8px;padding:13px}.concept-flow>b{display:block;margin-bottom:10px}.concept-flow>span{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:7px 0;font-size:10px}.concept-flow i{font-style:normal;color:var(--green)}.concept-tag{display:block;text-align:center;margin-top:15px;font-size:8px;letter-spacing:.14em;color:var(--green)}
@media(min-width:1650px){.home-hero .hero-layout{min-height:640px}.app-preview{font-size:13px}.preview-layout{min-height:360px}.demo-calendar-grid{height:225px}.demo-event{height:49px;font-size:9px}.demo-event small{font-size:7px}}
@media(max-width:1200px){.hero-layout{gap:25px;grid-template-columns:1fr 1.1fr}.product-grid{gap:12px}.product-card{padding:23px 17px;gap:12px}.product-card>svg{width:29px;height:29px}.product-card h3{font-size:17px}.home-hero .hero-layout{padding-block:60px}.preview-sidebar{display:none}.preview-layout{grid-template-columns:1fr}.product-hero .hero-layout{gap:35px}.contact{padding:40px}.brand-section{gap:60px}#site-nav{gap:22px}.product-card p{min-height:60px}}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr)}.product-card p{min-height:0;max-width:none}.product-card{padding:25px}.product-card>svg{width:36px;height:36px}.product-card h3{font-size:21px}.section-heading>p{max-width:280px}.hero-layout{grid-template-columns:1fr 1fr;gap:20px}.preview-body{padding:14px}.preview-greeting h3{font-size:13px}.floating-note{right:0;bottom:30px;font-size:10px;padding:10px}.journey-grid{gap:25px}.brand-section{gap:40px}.brand-mark{font-size:110px;height:260px}.contact{gap:30px}.contact h2{font-size:32px}.contact-actions{max-width:220px;flex-shrink:1}.footer nav{gap:20px}.student-preview{gap:7px}.student-avatar{padding:9px}.student-preview .badge{display:none}.features-grid{gap:30px}}
@media(max-width:800px){:root{--gutter:24px}.header-inner{min-height:82px;gap:15px;flex-wrap:wrap;position:relative}.logo{width:175px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;width:44px;height:44px;padding:10px;color:var(--green)}.menu-toggle span{display:block;width:24px;height:2px;background:currentColor;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-7px) rotate(-45deg)}#site-nav{flex-basis:100%;flex-direction:column;align-items:stretch;gap:5px;padding-bottom:18px}#site-nav>a:not(.button){padding:13px 8px}.js #site-nav{display:none}.js #site-nav.open{display:flex}.hero-layout,.product-hero .hero-layout{grid-template-columns:1fr;gap:32px}.home-hero .hero-layout{padding-block:44px 28px;min-height:auto}.home-hero:before{background:linear-gradient(180deg,#f8fbf9 0%,#f8fbf9e8 38%,#e8f4ee99 100%),url('../brand/evial-coche-home.png') 65% center/cover}.hero-copy{max-width:620px}h1{font-size:clamp(36px,6.8vw,53px);letter-spacing:-.045em}.lead{font-size:18px;margin-top:18px}.hero-caption{display:none}.hero-visual{width:100%;max-width:620px;margin:auto;padding:4px 0}.app-preview{transform:none;min-height:0}.preview-layout{grid-template-columns:80px 1fr}.preview-sidebar{display:flex}.preview-greeting h3{font-size:16px}.preview-body{padding:17px}.preview-caption{font-size:9px;margin-top:11px}.floating-note{bottom:45px;right:-8px}.product-section{padding-block:40px}.section-heading{display:block;margin-bottom:25px}.section-heading>p{max-width:480px;margin-top:14px}.journey{padding-block:50px}.journey-grid{gap:23px}.journey-grid h3{font-size:18px}.journey-grid p{font-size:14px}.step-number{margin-bottom:18px}.brand-section{padding-block:60px;grid-template-columns:.65fr 1fr;gap:30px}.brand-mark{height:240px;font-size:95px}.contact{padding:35px;align-items:flex-start;flex-direction:column;margin-bottom:40px;gap:28px}.contact-actions{max-width:none}.footer{gap:26px}.footer nav{flex-wrap:wrap;gap:18px 26px}.footer-bottom{flex-wrap:wrap;font-size:10px}.product-hero h1{font-size:clamp(34px,6.5vw,52px)}.product-kicker{margin-bottom:22px}.product-hero .hero-layout{padding-bottom:23px}.product-note{align-items:flex-start;font-size:11px}.product-note .status-dot{margin-top:5px}.features-grid{grid-template-columns:repeat(2,1fr);gap:30px}.features-section{padding-block:48px}.faq-section{grid-template-columns:1fr;gap:30px;padding-block:55px}.related{padding-bottom:48px}.breadcrumbs{padding-block:23px}.video-preview{min-height:200px}}
@media(max-width:540px){:root{--gutter:22px}.eyebrow{font-size:9px;letter-spacing:.17em;margin-bottom:17px}.home-hero .hero-layout{gap:30px}.hero-copy .button{margin-top:23px}.product-grid{grid-template-columns:1fr;gap:12px}.product-card{padding:22px;gap:20px}.product-card>svg{width:36px;height:36px}.product-card h3{font-size:19px;margin-bottom:7px}.product-card p{font-size:13px}.product-card>div{flex:1;min-width:0}.card-link{display:inline-flex;float:right;font-size:11px;margin-top:17px;gap:8px}.badge{font-size:10px}.connection-note{padding:14px;font-size:11px;gap:8px;align-items:flex-start}.connection-note svg{width:20px;height:20px}.mobile-only{display:block}.desktop-only{display:none}.section-heading h2{font-size:29px}.section-heading>p{font-size:13px}.preview-layout{grid-template-columns:1fr;min-height:0}.preview-sidebar{display:none}.preview-body{padding:14px}.app-preview{border-width:5px;border-radius:12px}.preview-top{height:30px;font-size:7px}.preview-greeting{margin-bottom:12px}.preview-greeting h3{font-size:14px}.preview-greeting>span{font-size:8px}.demo-calendar-grid{height:185px}.demo-event{font-size:6px;padding:5px 3px}.demo-event small{font-size:6px}.preview-footer{font-size:8px}.floating-note{display:none}.preview-caption{text-align:center}.journey-grid{grid-template-columns:1fr;gap:28px}.journey-grid article{position:relative;padding-left:51px;padding-top:22px}.step-number{position:absolute;top:18px;left:0;font-size:28px}.journey-grid h3{font-size:21px}.brand-section{grid-template-columns:1fr;gap:30px}.brand-mark{height:160px;font-size:90px}.brand-section h2{font-size:30px}.brand-section p{font-size:15px}.brand-section p.muted{font-size:13px}.contact{padding:30px 25px;border-radius:14px}.contact h2{font-size:30px}.contact p{font-size:14px}.contact .eyebrow{font-size:8px}.contact-login{font-size:11px}.footer nav{display:grid;grid-template-columns:1fr 1fr;width:100%;font-size:13px}.footer-bottom{gap:12px}.footer-bottom>span:nth-child(2){flex-basis:100%;order:3}.footer .logo{width:160px}.features-grid{grid-template-columns:1fr;gap:26px}.feature{padding-top:22px}.feature h3{font-size:21px}.feature p{font-size:14px}.product-hero h1{font-size:35px;line-height:1.18}.product-hero .lead{font-size:17px}.actions{gap:10px}.actions .button{font-size:12px;padding:13px 16px}.product-kicker{font-size:15px}.product-kicker>svg{width:25px;height:25px}.product-kicker .badge{font-size:9px}.product-note{font-size:11px}.video-preview{min-height:175px}.student-preview .badge{display:block}.student-preview h4{font-size:12px}.student-preview span{font-size:9px}summary{font-size:15px;line-height:1.5;padding-block:20px}details p{font-size:14px}.related .section-heading h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media print{.site-header{position:static}.menu-toggle,.contact-actions,.skip{display:none}.hero-layout{grid-template-columns:1fr}.hero-visual{max-width:550px}.product-grid,.features-grid{grid-template-columns:repeat(2,1fr)}.contact{background:#fff;color:#153f49;border:1px solid #ddd}.contact p,.contact .display,.contact .eyebrow{color:#153f49}.app-preview{box-shadow:none;transform:none}details p{display:block}section{break-inside:avoid}}
.hero-copy .actions{margin-top:29px}.hero-copy .actions .button{margin-top:0}
@media(max-width:540px){.hero-copy .actions{margin-top:23px}}
