/* Emerald studio direction approved in the design interview. */
:root{--bg:#00291e;--ink:#fff;--dim:#b6d0c3;--gold:#8be1b6;--hair:#ffffff26}
body{font-family:Arial,Helvetica,sans-serif;font-weight:400;background:var(--bg)}
h1,h2,h3,p{text-wrap:pretty}h1,h2,h3{letter-spacing:-.045em}
::selection{background:#96f0bf;color:#00291e}
:focus-visible{outline:3px solid #00a96e;outline-offset:5px}
em{font-style:normal}
.hero{background:#002b1d;color:white;min-height:95svh;padding:170px max(24px,6vw) 120px;overflow:hidden}
.hero #c0{max-width:1050px}
.hero #c0 h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(54px,7.6vw,110px);font-weight:500;line-height:1.02;letter-spacing:-.06em;text-shadow:none}
.hero .copy h1 em{color:#b4dac2;font-style:normal;display:block;padding-top:8px}
.hero .copy .ov{color:#c4e4d4;text-shadow:none;letter-spacing:.14em;font-weight:400;margin-bottom:28px}
.hero .copy .lead-p{color:#e2f0e8;text-shadow:none;font-size:clamp(18px,1.6vw,22px);font-weight:400;max-width:44ch;margin-top:30px}
.aurora{position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,#003826,#001c13);overflow:hidden}
.aurora::before,.aurora::after{content:'';position:absolute;inset:-45%;background:radial-gradient(ellipse at 25% 25%,#00b877b3 0,transparent 40%),radial-gradient(ellipse at 80% 55%,#00986399 0,transparent 35%);filter:blur(65px);transform:rotate(-22deg);animation:light-drift 24s ease-in-out infinite alternate;animation-play-state:paused}
.aurora::after{background:linear-gradient(130deg,transparent 43%,#00be7d66 51%,transparent 62%);animation-duration:32s;animation-direction:alternate-reverse}
.motion-running .aurora::before,.motion-running .aurora::after{animation-play-state:running}
@keyframes light-drift{from{transform:translate(-3%,-2%) rotate(-22deg) scale(1)}to{transform:translate(5%,6%) rotate(-8deg) scale(1.1)}}
#nav{top:20px;width:min(1280px,calc(100% - 48px));max-width:none;padding:12px 20px;border-radius:4px;background:#00291ef0;border:1px solid #ffffff26;box-shadow:none;gap:28px}
#nav .brand{font-family:Arial,Helvetica,sans-serif;font-size:24px;font-weight:500;letter-spacing:-.06em;margin-right:auto;color:white}
#nav .brand em{font-style:normal;color:#8be1b6}#nav a.lnk{color:#e4f5ec;font-size:14px}
.cta,.cta.big{border-radius:4px;background:#fff;color:#003323;padding:16px 22px;gap:24px;white-space:normal;line-height:1.4;min-height:48px;font-weight:500}
.cta .arr,.cta.big .arr{border-radius:0;background:none;width:20px;height:20px;flex-shrink:0}
.cta:hover{background:#b7f2d2;box-shadow:none;transform:translateY(-2px)}
#motion-toggle{background:#00291e;color:#e4f5ec;border-color:#6a9780;border-radius:3px}
#pachete,.reservation,.contact-panel{--ink:#101b16;--dim:#4c5c53;--gold:#006d47;--hair:#d8e0db;background:#fff;color:var(--ink)}
#pachete{padding:100px 0 90px}
#pachete .head{max-width:1000px}
#pachete .head h2,.editorial h2,.contact-panel h2{font:500 clamp(36px,4.6vw,66px)/1.07 Arial,Helvetica,sans-serif;letter-spacing:-.05em}
#pachete h2 em,.editorial h2 em,.contact-panel h2 em{font-style:normal;color:var(--gold)}
#pachete .lead{font-size:18px;color:var(--dim)}
.offer-grid{grid-template-columns:1.3fr 1fr;gap:90px}.offer-grid h3,.demo h3,.comparison h3{font:500 26px/1.2 Arial,Helvetica,sans-serif;letter-spacing:-.035em}
.offer-grid p,.reservation .section-intro>p,.comparison p,.contact-panel p{color:#4c5c53}
.offer-list li{padding:18px 0}.offer-grid aside{padding-left:36px}
.procesrow{gap:40px}.procesrow .st h3{font-weight:500;font-size:18px;letter-spacing:-.02em}.procesrow .st b{font:400 36px Arial,Helvetica,sans-serif}.procesrow .st p{font-size:16px}
.editorial{padding:100px 0}.eyebrow{font-size:12px;letter-spacing:.1em}
#demonstratie{background:#00291e}.section-intro>p,.faq details p{color:#c2d6cb}
.demo{background:#053b2b;border:1px solid #ffffff29;border-top:2px solid #6cdba4;padding:40px;box-shadow:none}
.demo-heading span,.demo-note,.request dt{color:#b7d3c5}.request{gap:32px}.request dd{font-variant-numeric:tabular-nums}
.demo-controls button{border-color:#6b9b81;border-radius:3px;color:#e4f5ec;transition:background .2s,color .2s}
.demo-controls button:hover{background:#145f42}.demo-controls button[aria-pressed=true]{background:#b7f2d2;color:#00291e;border-color:#b7f2d2}
#demo-status p{color:#d0e6d9}.comparison article{border-top-color:#b5cbbd}
.faq{background:#00291e}.faq summary{font-weight:400;list-style-position:outside;margin-left:18px}
.contact-panel{padding:100px 0 110px}.contact-panel p a{color:#006d47}
#pachete .cta,.contact-panel .cta{background:#006d47;color:#fff}#pachete .cta:hover,.contact-panel .cta:hover{background:#004f33}
#footer{background:#fff;color:#4c5c53;border-color:#d8e0db;padding-bottom:90px}#footer a{color:#006d47}
#wa-fab{width:50px;height:50px;background:#006d47;box-shadow:0 4px 16px #00291e30}#wa-fab:hover{box-shadow:0 6px 24px #00291e40}
@media(max-width:700px){#nav{top:12px;width:calc(100% - 24px);padding:8px 13px;gap:16px}#nav .brand{font-size:22px}#nav a.lnk{font-size:13px}.hero{padding-top:145px;padding-bottom:110px;min-height:95svh}.hero #c0 h1{font-size:clamp(43px,11vw,72px);line-height:1.06}.hero .copy .ov{font-size:10px;line-height:1.6;margin-bottom:24px}.hero .copy .lead-p{font-size:18px}#pachete,.editorial{padding:64px 0}.offer-grid{grid-template-columns:1fr;gap:30px}.offer-grid aside{padding-left:0}.demo{padding:25px 20px}.request{gap:22px}.contact-panel{padding:65px 0 80px}.procesrow{gap:28px}.procesrow .st{display:grid;grid-template-columns:32px 1fr;column-gap:16px}.procesrow .st b{grid-row:span 2}.procesrow .st p{margin-top:4px}.aurora::before,.aurora::after{filter:blur(35px)}}
@media(prefers-reduced-motion:reduce){.aurora::before,.aurora::after{animation:none!important}}