
:root{color-scheme:light;--ink:#112a3c;--muted:#5a6c77;--bg:#f6fafb;--paper:#fff;--accent:#10b99d;--dark:#092b34;--rule:#d8e4e9;--radius:24px;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink)}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.05em}p{line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.skip{position:absolute;left:-9999px;top:0;background:white;z-index:99}.skip:focus{left:1rem}.site-head{display:flex;align-items:center;gap:22px;min-height:82px;padding:16px clamp(20px,4vw,80px);background:var(--paper);position:relative;z-index:40;border-bottom:1px solid var(--rule)}.brand{font-size:27px;font-weight:850;letter-spacing:-.06em;white-space:nowrap}.brand-icon{color:var(--accent);padding-right:7px}.nav{margin-left:auto;display:flex;align-items:center;gap:23px;font-size:12px;font-weight:700}.nav a:hover,.foot-links a:hover{color:var(--accent)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;background:var(--accent);color:#071c25!important;border:0;border-radius:12px;padding:14px 22px;font-weight:800;font-size:13px;min-height:46px}.button.secondary{background:transparent;color:inherit!important;border:1px solid currentColor}.nav-cta{background:var(--dark);color:#fff!important;white-space:nowrap}.menu-btn{display:none;background:transparent;color:inherit;border:1px solid var(--rule);border-radius:10px;padding:11px 14px}.wrap{max-width:1450px;margin:auto}.hero{position:relative;isolation:isolate;min-height:560px;display:grid;grid-template-columns:1.1fr .9fr;gap:6%;align-items:center;padding:70px clamp(20px,5vw,88px)}.hero-inner{position:relative;z-index:2}.kicker{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:800;color:var(--accent)}h1{font-size:clamp(49px,5.8vw,92px);line-height:1.02;margin:21px 0 24px;max-width:850px}h2{font-size:clamp(34px,3.7vw,57px);line-height:1.09;margin:13px 0 23px}h3{font-size:23px;letter-spacing:-.03em;line-height:1.2}.hero p{max-width:550px;font-size:17px}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-image{height:490px;border-radius:var(--radius);overflow:hidden;position:relative;box-shadow:0 20px 55px #071b2822}.hero-image img{height:100%}.hero-image:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#00162480);pointer-events:none}.hero-image .image-tag{position:absolute;z-index:2;bottom:25px;left:25px;color:#fff;letter-spacing:.1em;text-transform:uppercase;font-size:12px;font-weight:800}.section{padding:85px clamp(20px,5vw,88px)}.section.alt{background:var(--paper)}.section.dark{background:var(--dark);color:#fff}.section-head{display:flex;justify-content:space-between;gap:32px;align-items:end;margin-bottom:32px}.section-head>*{max-width:750px}.lede{font-size:18px;color:var(--muted);max-width:850px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card{border:1px solid var(--rule);background:var(--paper);overflow:hidden;border-radius:var(--radius)}.card img{height:205px}.card-text{padding:23px}.card p{font-size:14px;color:var(--muted)}.card:hover{box-shadow:0 16px 40px #102e4014;transform:translateY(-3px)}.card{transition:transform .2s,box-shadow .2s}.chip{display:inline-flex;font-size:10px;letter-spacing:.12em;text-transform:uppercase;font-weight:800;color:var(--accent)}.utility{border-radius:var(--radius);background:var(--paper);padding:27px;border:1px solid var(--rule)}.utility h3{margin-bottom:15px}.utility p{color:var(--muted);font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.field{display:grid;gap:7px;margin-bottom:14px;color:var(--ink);font-size:12px;font-weight:800}.field input,.field select,.field textarea{background:white;width:100%;border:1px solid #bdcbd1;border-radius:9px;min-height:46px;padding:13px;color:#142735}.field textarea{min-height:110px}.form-panel{background:var(--paper);border-radius:var(--radius);padding:31px;color:var(--ink);box-shadow:0 12px 40px #081b1b16}.form-panel .consent{display:flex;align-items:start;gap:10px;font-size:13px;margin:13px 0 18px}.form-panel .consent input{margin-top:3px}.form-status{margin-top:16px;padding:15px;border:1px solid #a5dcc0;background:#f0faf5;border-radius:12px;color:#075d32;font-size:14px;display:flex;gap:12px;align-items:center}.form-status[hidden]{display:none}.form-status.error{border-color:#f3c3b4;background:#fff6f2;color:#953b27}.foot{background:var(--dark);color:#f9fdff;padding:65px clamp(20px,5vw,88px) 20px}.foot-grid{display:grid;grid-template-columns:1.65fr 1fr 1fr;gap:40px}.foot .brand{font-size:clamp(36px,4vw,70px)}.foot p,.foot a{font-size:13px;color:#bed0d8;overflow-wrap:anywhere}.foot-links{display:grid;gap:13px}.foot-bottom{border-top:1px solid #ffffff40;margin-top:60px;padding-top:24px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;font-size:11px;color:#bdd0d8}.foot-bottom button{border:0;background:transparent;color:inherit}.page-hero{padding:85px clamp(20px,5vw,88px) 65px;background:var(--paper)}.page-hero h1{max-width:970px}.article{display:grid;grid-template-columns:80px 1fr;gap:30px;padding:32px 0;border-bottom:1px solid var(--rule)}.article h2{font-size:clamp(27px,3vw,45px)}.article p{max-width:900px}.faq details{border-bottom:1px solid var(--rule);padding:21px 0}.faq summary{font-size:21px;font-weight:750;cursor:pointer}.faq details p{max-width:850px}.cookie{position:fixed;bottom:18px;right:18px;max-width:430px;background:white;color:#193341;box-shadow:0 4px 35px #0019;border:1px solid var(--rule);padding:20px;border-radius:14px;z-index:60}.cookie[hidden]{display:none}.footer-photo{height:260px;border-radius:var(--radius);overflow:hidden}.footer-photo img{height:100%}.editorial-mosaic{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:14px}.editorial-mosaic .card:first-child{grid-row:span 2}.editorial-mosaic .card:first-child img{height:440px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.step{border-left:2px solid var(--accent);padding:14px 22px}.step b{font-size:26px;color:var(--accent)}.choice-panel{background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius);padding:26px}.choice-panel button[aria-pressed=true]{background:var(--accent);color:#062329}.choice-panel button{border:1px solid var(--rule);border-radius:9px;background:white;padding:10px 13px;margin:3px 5px 3px 0}.checkrow{display:flex;gap:10px;align-items:center;margin:14px 0}.checkrow input{accent-color:var(--accent)}.calc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.calc-grid label{display:grid;gap:7px;font-size:13px}.calc-grid input{padding:12px;border:1px solid #abc0d0;border-radius:10px;max-width:100%;width:100%}.total{font-size:40px;font-weight:800;color:var(--accent)}.stop-list{list-style:none;padding:0;display:grid;gap:10px}.stop-list li{border-radius:10px;padding:12px 14px;border:1px solid var(--rule);display:flex;gap:10px;justify-content:space-between;align-items:center}.stop-list button{padding:7px;border:1px solid var(--rule);border-radius:7px;background:var(--paper)}.tabs{display:flex;gap:7px;flex-wrap:wrap;margin:24px 0}.tabs button{padding:11px 15px;border:1px solid var(--rule);background:var(--paper);border-radius:9px}.tabs button[aria-selected=true]{background:var(--accent);color:#0b2932;font-weight:800}.info-pane{padding:27px;background:var(--paper);border:1px solid var(--rule);border-radius:var(--radius)}.info-pane p{max-width:720px}.badge-row{display:flex;flex-wrap:wrap;gap:13px;padding:23px clamp(20px,5vw,88px);background:var(--paper);border-block:1px solid var(--rule);justify-content:space-between}.badge-row span{font-weight:800;font-size:13px}.image-panel{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.image-panel img{height:390px;border-radius:var(--radius)}.tiny{font-size:12px;color:var(--muted)}
/* Four distinct visual architectures */
body.alpine{--ink:#073446;--bg:#f1f7f6;--accent:#24d1a0;--dark:#063742;--rule:#d3e8e4;--radius:15px}body.alpine .hero{grid-template-columns:1fr;background:#063742;color:#fff;min-height:660px;padding:90px clamp(20px,5vw,88px)}body.alpine .hero .hero-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#001e2de8,#001e2d66 65%,#001e2d20),url('../images/photo-01.webp') center/cover}body.alpine .hero-image{display:none}body.alpine .hero h1{max-width:800px;font-family:Georgia,serif}body.alpine .hero .kicker{color:#a9f6db}body.alpine .hero p{color:#edf9f7}body.alpine .editorial-mosaic .card:first-child{background:#d6f4e7}
body.sky{--ink:#113e67;--bg:#eef7fd;--accent:#82cbf0;--dark:#123e68;--rule:#d5e4f1;--radius:30px}body.sky .hero{background:linear-gradient(120deg,#edf8ff,#daeafa)}body.sky h1{font-weight:780}body.sky .hero-image{border-radius:70px 20px 70px 20px}body.sky .card{border-radius:18px}body.sky .button{background:#174d79;color:white!important}body.sky .nav-cta{background:#174d79}
body.forest{--ink:#102e2a;--bg:#f3f8f4;--accent:#18cc9f;--dark:#082d29;--rule:#cfe4d8;--radius:10px}body.forest .hero{background:#092a25;color:white}body.forest .hero h1{font-family:Georgia,serif}body.forest .hero-image{transform:rotate(2deg);border:8px solid #fff}body.forest .hero p{color:#e0f6ed}body.forest .card:nth-child(even){border-radius:34px 10px 34px 10px}
body.terminal{--ink:#1b2934;--bg:#f2f5f7;--accent:#ffad40;--dark:#17232b;--rule:#dce3e6;--radius:8px}body.terminal .hero{grid-template-columns:1fr;background:#182731;color:white;min-height:610px}body.terminal .hero .hero-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101c27ef,#101c27aa 60%,#101c2740),url('../images/photo-01.webp') center/cover}body.terminal .hero-image{display:none}body.terminal .hero p{color:#dce8eb}body.terminal h1{font-weight:870}body.terminal .nav-cta{background:#f5ad47;color:#1b2934!important}body.terminal .card{border-radius:5px}
@media(max-width:1050px){.nav{gap:13px}.site-head{gap:12px}.grid4{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{gap:3%}.hero-image{height:420px}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-mosaic{grid-template-columns:1fr 1fr}.editorial-mosaic .card:first-child{grid-row:auto}.editorial-mosaic .card:first-child img{height:205px}}
@media(max-width:800px){.site-head{flex-wrap:wrap;min-height:72px}.menu-btn{display:block;margin-left:auto}.nav{display:none;flex-basis:100%;width:100%;flex-direction:column;align-items:stretch;margin:0;padding:12px 0 0;gap:4px}.nav.open{display:flex}.nav a{padding:12px 6px}.nav-cta{text-align:center}.hero{grid-template-columns:1fr;padding:55px 22px;gap:32px;min-height:auto}.hero-image{height:360px;transform:none!important}.section,.page-hero{padding:60px 22px}.grid3,.grid4,.image-panel,.form-grid{grid-template-columns:1fr}.editorial-mosaic{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.foot-grid{grid-template-columns:1fr 1fr}.foot-grid>div:first-child{grid-column:1/-1}.section-head{display:block}.image-panel img{height:260px}.calc-grid{grid-template-columns:1fr}}
@media(max-width:520px){h1{font-size:clamp(40px,12vw,65px)}h2{font-size:37px}.steps,.foot-grid{grid-template-columns:1fr}.grid4,.grid3{grid-template-columns:1fr}.brand{font-size:24px}.hero-image{height:280px}.article{grid-template-columns:1fr;gap:5px}.foot{padding:48px 22px 24px}.section{padding:55px 20px}.badge-row{gap:14px}.footer-photo{height:180px}.cookie{left:10px;right:10px;bottom:10px;max-width:none}.form-panel{padding:22px}body{overflow-wrap:break-word}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Four independent header and footer layouts */
.ux-header *,.ux-footer *{box-sizing:border-box}
.ux-header{position:relative;z-index:30}.ux-header .ux-shell{max-width:1440px;width:calc(100% - 48px);margin:auto;display:flex;align-items:center;gap:28px;min-height:88px}.ux-header .ux-logo{display:inline-flex;align-items:center;gap:11px;font-size:28px;font-weight:850;letter-spacing:-.055em;text-decoration:none;white-space:nowrap}.ux-symbol{display:inline-grid;place-items:center;width:40px;height:40px;font-size:26px}.ux-tagline{font-size:10px;line-height:1.35;letter-spacing:.16em;font-weight:800;max-width:120px}.ux-header .nav{margin-left:auto;display:flex;align-items:center;gap:clamp(10px,1.25vw,23px)}.ux-header .nav a{font-size:12px;font-weight:650;white-space:nowrap;text-decoration:none}.ux-header .nav .ux-contact{padding:12px 18px;text-align:center}.ux-header .menu-btn{display:none}.ux-footer{padding:0!important}.ux-footer .ux-content{max-width:1440px;width:calc(100% - 48px);margin:auto}.ux-footer .ux-feature{padding:80px 0 60px}.ux-footer .ux-feature small{font-weight:800;letter-spacing:.18em;font-size:11px}.ux-footer .ux-feature h2{font-size:clamp(36px,5vw,78px);max-width:850px;line-height:1.04;letter-spacing:-.055em;margin:21px 0 26px}.ux-footer .ux-feature>a{display:inline-flex;align-items:center;padding:14px 24px;text-decoration:none;font-size:14px;font-weight:750}.ux-footer .ux-columns{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:38px;padding:48px 0;border-top:1px solid currentColor}.ux-footer .ux-wordmark{font-size:clamp(33px,4vw,66px);font-weight:850;line-height:1;text-decoration:none;letter-spacing:-.075em}.ux-footer .ux-col{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.ux-footer .ux-col a,.ux-footer .ux-col p{font-size:13px;line-height:1.6;text-decoration:none;overflow-wrap:anywhere;margin:0}.ux-footer .ux-tail{border-top:1px solid currentColor;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px}.ux-footer .ux-tail div{display:flex;gap:15px;flex-wrap:wrap}.ux-footer .ux-tail a{text-decoration:none}.ux-footer .ux-tail button{border:0;background:none;color:inherit;font:inherit;padding:0;cursor:pointer}
.ux-journal.ux-header{background:#f6f9f5;color:#13434b;border-bottom:1px solid #d4e6df}.ux-journal .ux-symbol{border:2px solid #13817c;border-radius:13px}.ux-journal .ux-contact{background:#15545d;color:#fff;border-radius:40px}.ux-journal.ux-footer{background:#0e4144;color:#f3fff8}.ux-journal .ux-feature small{color:#6ce4c0}.ux-journal .ux-feature>a{background:#5fddbe;color:#103c3d;border-radius:40px}
.ux-atelier.ux-header{background:#f2f8ff;color:#133b6b}.ux-atelier .ux-shell{min-height:102px}.ux-atelier .ux-symbol{background:#dfedfe;color:#225c91;border-radius:50%}.ux-atelier .ux-tagline{order:3;margin-left:auto;text-align:right}.ux-atelier .nav{margin-left:0}.ux-atelier .ux-contact{background:#1c4878;color:#fff;border-radius:9px}.ux-atelier.ux-footer{background:#e8f3ff;color:#183f68}.ux-atelier .ux-feature{border-bottom:2px solid #b4d2ed}.ux-atelier .ux-feature small{color:#2d6aab}.ux-atelier .ux-feature>a{background:#1c4878;color:#fff;border-radius:9px}.ux-atelier .ux-columns{border:0}
.ux-atlas.ux-header{background:#0c292c;color:#eefff7;border-bottom:3px solid #24c99b}.ux-atlas .ux-symbol{background:#28d6a4;color:#062e2b;clip-path:polygon(0 0,100% 15%,85% 100%,0 85%)}.ux-atlas .ux-contact{background:#2cdaa6;color:#07342f;border-radius:5px}.ux-atlas.ux-footer{background:#09282a;color:#edfff5}.ux-atlas .ux-feature small{color:#38dea9}.ux-atlas .ux-feature>a{border:1px solid #3ce1b1;color:#3ce1b1;border-radius:5px}.ux-atlas .ux-feature{display:grid;grid-template-columns:1fr auto;align-items:end}.ux-atlas .ux-feature small{grid-column:1/-1}
.ux-terminal.ux-header{background:#17212b;color:#f4f6f8;border-bottom:1px solid #67747d}.ux-terminal .ux-shell{min-height:80px}.ux-terminal .ux-symbol{border-left:3px solid #f9a52e;border-right:3px solid #f9a52e;color:#f9a52e}.ux-terminal .ux-tagline{order:3;border:1px solid #61717f;padding:8px;max-width:145px}.ux-terminal .ux-contact{background:#ffa735;color:#17212b;border-radius:3px}.ux-terminal.ux-footer{background:#161e28;color:#f1f3f5}.ux-terminal .ux-feature{border-bottom:2px solid #ffa735}.ux-terminal .ux-feature h2{text-transform:uppercase;font-size:clamp(32px,4.7vw,70px)}.ux-terminal .ux-feature small{color:#ffb44f}.ux-terminal .ux-feature>a{background:#ffa735;color:#161e28;border-radius:3px}
@media(max-width:1200px){.ux-header .ux-tagline{display:none}.ux-header .ux-shell{gap:18px}.ux-header .nav{gap:12px}}
@media(max-width:900px){.ux-header .ux-shell{width:calc(100% - 32px);flex-wrap:wrap;min-height:74px;gap:0;padding:12px 0}.ux-header .ux-logo{margin-right:auto;font-size:25px}.ux-header .menu-btn{display:inline-flex;align-items:center;gap:10px;color:inherit;background:transparent;border:1px solid currentColor;border-radius:8px;padding:10px 14px;margin-left:auto;font-size:13px}.ux-header .nav{flex-basis:100%;width:100%;margin:0;display:none;flex-direction:column;align-items:stretch;padding:15px 0;gap:0}.ux-header .nav.open{display:flex}.ux-header .nav a{font-size:15px;padding:11px 6px}.ux-header .nav .ux-contact{margin-top:8px}.ux-footer .ux-content{width:calc(100% - 32px)}.ux-footer .ux-columns{grid-template-columns:1fr 1fr}.ux-footer .ux-columns>.ux-col:first-child{grid-column:1/-1}.ux-atlas .ux-feature{display:block}}
@media(max-width:540px){.ux-footer .ux-columns{grid-template-columns:1fr}.ux-footer .ux-columns>.ux-col:first-child{grid-column:auto}.ux-footer .ux-tail{align-items:flex-start;flex-direction:column}.ux-footer .ux-feature{padding:56px 0 44px}.ux-footer .ux-feature h2{font-size:clamp(34px,9vw,52px)}}
