/* Quiet glass surfaces: readable controls, crisp edges, restrained reflections. */
:root{--nav-offset:110px}
html{scroll-padding-top:0}
.montel-navigation.new-header{position:sticky;top:16px;z-index:100;display:flex;align-items:center;width:min(1280px,calc(100% - 64px));height:72px;margin:16px auto 0;padding:10px 13px 10px 24px;gap:28px;border:1px solid rgba(255,255,255,.92);border-radius:100px;background:rgba(250,252,249,.82);box-shadow:inset 0 1px 0 #fff,inset 0 -1px 1px #6a83751a,0 7px 24px -14px #344c4359;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%)}
.montel-navigation.new-header .new-brand{font-size:30px;gap:10px;letter-spacing:-1.5px;flex-shrink:0}
.montel-navigation.new-header .new-brand img{width:23px;height:27px}
.montel-navigation.new-header .montel-desktop-nav{display:flex;align-items:center;justify-content:center;gap:8px;margin-left:auto;font-size:14px;color:#304d42}
.montel-navigation .montel-desktop-nav>a,.montel-pillar-menu>summary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;min-height:44px;border-radius:25px;cursor:pointer;transition:background .25s,color .25s;white-space:nowrap}
.montel-desktop-nav>a:hover,.montel-pillar-menu>summary:hover,.montel-pillar-menu[open]>summary{background:#e6ece5a3;color:#183e30}
.montel-pillar-menu{position:relative}
.montel-pillar-menu>summary{list-style:none}
.montel-pillar-menu>summary::-webkit-details-marker{display:none}
.montel-pillar-menu>summary svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.5;transition:transform .25s}
.montel-pillar-menu[open]>summary svg{transform:rotate(180deg)}
.montel-pillar-dropdown{position:absolute;top:calc(100% + 24px);left:-60px;width:392px;padding:18px 12px 12px;border:1px solid #fff;border-radius:24px;background:#f9fbf7f5;box-shadow:inset 0 1px 0 #fff,0 20px 60px -22px #203b3352;-webkit-backdrop-filter:blur(28px) saturate(125%);backdrop-filter:blur(28px) saturate(125%);animation:montel-menu-in .24s ease both}
.montel-pillar-dropdown>p{padding:0 12px 12px;font-size:12px;letter-spacing:.05em;color:#67776c}
.montel-navigation .montel-pillar-dropdown>a{display:flex;align-items:center;gap:13px;min-height:61px;padding:11px 12px;border-radius:14px;color:#294338;transition:background .2s}
.montel-pillar-dropdown>a:hover,.montel-pillar-dropdown>a[aria-current=page]{background:var(--nav-pillar-surface)}
.montel-pillar-dropdown>a>span:first-child{display:grid;place-items:center;width:35px;height:35px;flex:0 0 35px;border:1px solid var(--nav-pillar-border);border-radius:11px;background:var(--nav-pillar-surface);color:var(--nav-pillar-ink);font-size:12px}
.montel-pillar-dropdown strong{font-size:14px;font-weight:500}
.montel-pillar-dropdown>a>span:last-child{margin-left:auto;font-size:18px;color:var(--nav-pillar-ink)}
.nav-pillar-1{--nav-pillar-surface:#edf1e5;--nav-pillar-ink:#425536;--nav-pillar-border:#d4ddc8}
.nav-pillar-2{--nav-pillar-surface:#f0edf5;--nav-pillar-ink:#59496b;--nav-pillar-border:#d9d0e4}
.nav-pillar-3{--nav-pillar-surface:#eaf3f2;--nav-pillar-ink:#305b60;--nav-pillar-border:#cbdedc}
.nav-pillar-4{--nav-pillar-surface:#f1e9de;--nav-pillar-ink:#655039;--nav-pillar-border:#dfd1be}
.nav-pillar-5{--nav-pillar-surface:#e6ebf3;--nav-pillar-ink:#3f4d64;--nav-pillar-border:#c4cddd}
.montel-glass-button{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:48px;padding:13px 24px;border:1px solid #ffffffdf;border-radius:100px;background:linear-gradient(165deg,#ffffffc7 0%,#f3f8f270 44%,#d5e2d170 100%);box-shadow:inset 0 1px 1px #fff,inset 1px 0 1px #ffffffcc,inset 0 -2px 3px #58726425,0 5px 12px -8px #233f3680;color:#203d31;font-size:14px;font-weight:500;text-decoration:none;overflow:hidden;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);transition:transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s,background .35s}
.montel-glass-button:before{content:'';position:absolute;z-index:-1;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 25%,#ffffff70 45%,transparent 65%);transform:translateX(-115%);transition:transform .65s ease;pointer-events:none}
.montel-glass-button:hover:before{transform:translateX(115%)}
.montel-glass-button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 1px #fff,inset 0 -2px 3px #58726430,0 9px 20px -12px #233f3690}
.montel-glass-button:active{transform:translateY(0) scale(.98)}
.montel-glass-button>span{font-size:18px;line-height:1;transition:transform .3s}
.montel-navigation.new-header .header-contact{margin:0;padding:13px 23px;border:1px solid #ffffffcc;color:#fff;background:linear-gradient(155deg,#537867ed,#244c3fed 55%,#1d4035f5);box-shadow:inset 0 1px 1px #ffffff70,inset 0 -2px 3px #112e3266,0 4px 12px -9px #203b33;white-space:nowrap}
.montel-navigation .new-menu{flex:0 0 35px}
.montel-navigation a:focus-visible,.montel-navigation summary:focus-visible,.montel-glass-button:focus-visible{outline:2px solid #365d4b;outline-offset:4px}
.tech-page [id],.montel-home main>[id],.montel-home .home-pillars{scroll-margin-top:var(--nav-offset)}
.tech-page .t-journey{top:104px;z-index:25}
.tech-page [id]{scroll-margin-top:184px}
.montel-home{position:relative;isolation:isolate;background:#fafbf8}
.home-atmosphere{position:absolute;inset:0 0 auto;height:700px;pointer-events:none;z-index:-1;overflow:hidden;background:#f0f5ee;-webkit-mask-image:linear-gradient(#000 0%,#000 55%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 55%,transparent 100%)}
.home-atmosphere img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 46%;opacity:.22;filter:saturate(.65)}
.montel-home .home-introduction{padding-top:68px;padding-bottom:67px}
.montel-home .home-audience{color:#526959}
.montel-home .home-promise{color:#4e6458}
.montel-home .home-discover{margin-top:29px;min-height:52px;padding-inline:27px;color:#203d31;background:linear-gradient(165deg,#ffffffe0,#f4f8f19e 47%,#cedfcb9c);font-size:14px}
.montel-home .home-discover:hover{background:linear-gradient(165deg,#fffffff0,#f4f8f1c9 47%,#c8ddc4b0)}
.montel-home .pillar-section-heading{border-top-color:#d4dfd2;padding-top:28px}
.montel-home .pillar-card{border-color:#ffffffcf;box-shadow:inset 0 1px 0 #fff,0 9px 24px -22px #23413455}
.montel-home .pillar-card[aria-expanded=true]{border-color:var(--pillar-accent)}
.montel-home .pillar-card-plus{background:#ffffff70;box-shadow:inset 0 1px 1px #fff,0 2px 4px -3px #23413466}
.montel-home .pillar-detail-link.montel-glass-button{color:var(--pillar-ink);background:linear-gradient(160deg,#ffffffe6,#ffffff85 45%,#ffffff29);border-color:#ffffffdd}
.montel-home .pillar-close{background:#ffffff73;box-shadow:inset 0 1px 1px #fff,0 3px 8px -5px #203b3344;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.montel-mobile-nav{position:fixed;top:100px;left:20px;right:20px;z-index:99;width:auto!important;margin:0!important;border:1px solid #fff;border-radius:22px;background:#f8fbf4f5;padding:17px 21px;box-shadow:0 15px 30px -15px #203b3355;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.montel-mobile-nav>a{display:block;padding:12px 0;font-size:15px;color:#294338}
.montel-mobile-nav details{border-block:1px solid #dce4d8;margin:4px 0;padding:10px 0}
.montel-mobile-nav summary{cursor:pointer;padding:8px 0}
.montel-mobile-nav details a{display:block;padding:10px 8px;font-size:14px;color:#4c6555}
@keyframes montel-menu-in{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@supports not (backdrop-filter:blur(1px)){.montel-navigation.new-header,.montel-pillar-dropdown{background:#f5f8f1}.montel-glass-button{background:#eef3e9}}
@media(min-width:1101px) and (max-height:800px){.montel-home .home-introduction{padding-top:42px;padding-bottom:51px}.home-atmosphere{height:650px}}
@media(max-width:1100px){.montel-navigation.new-header{gap:14px;padding-left:19px}.montel-navigation.new-header .montel-desktop-nav{gap:0}.montel-desktop-nav>a,.montel-pillar-menu>summary{padding-inline:11px}.montel-navigation.new-header .header-contact{padding-inline:17px}.montel-pillar-dropdown{left:-45px}}
@media(max-width:900px){.montel-navigation.new-header{width:calc(100% - 32px);height:68px;padding:10px 15px}.montel-navigation.new-header .montel-desktop-nav{display:none}.montel-navigation.new-header .header-contact{margin-left:auto}.montel-navigation .new-menu{display:flex}.montel-home .home-introduction{padding-top:46px}.home-atmosphere{height:850px}.tech-page .t-journey{top:100px}}
@media(max-width:500px){.montel-navigation.new-header .new-brand{font-size:26px}.montel-navigation.new-header .new-brand img{width:19px}.montel-navigation.new-header{gap:10px}.montel-navigation.new-header .header-contact{font-size:12px;min-height:42px;padding-inline:12px;gap:7px}.home-atmosphere{height:800px}.montel-home .home-introduction{padding-top:40px;padding-bottom:49px}}
@media(prefers-reduced-motion:reduce){.montel-glass-button,.montel-glass-button:before,.montel-glass-button>span,.montel-pillar-menu svg,.montel-pillar-dropdown{animation:none!important;transition:none!important}}
@media(prefers-reduced-transparency:reduce){.montel-navigation.new-header,.montel-pillar-dropdown,.montel-mobile-nav{background:#f7faf3}.montel-glass-button{background:#e9f0e4}}

/* Consistent, visible feedback without moving the reading surface. */
.tech-page main button[aria-pressed]{transition:background-color .18s,border-color .18s,box-shadow .18s}
.tech-page main button[aria-pressed]:hover{box-shadow:inset 0 0 0 1px currentColor}
.tech-page main button:focus-visible,.tech-page main summary:focus-visible,.tech-page .t-journey a:focus-visible{outline:2px solid var(--t-accent,#536b48);outline-offset:3px;border-radius:5px}
.montel-navigation .montel-pillar-dropdown>a[aria-current=page]>span:last-child{font-weight:600}
@media(prefers-reduced-motion:reduce){.tech-page main button[aria-pressed]{transition:none}}

@media(min-width:1001px){
 .tech-page .t-scene{align-items:start}
 .tech-page .t-scene-copy{padding-top:8px}
}

/* The header already blurs the backdrop; avoid nested filter layers on its CTA. */
.montel-navigation.new-header .header-contact{-webkit-backdrop-filter:none;backdrop-filter:none}