@font-face { font-family: "M01n Pilot Kanit"; font-style: normal; font-weight: 400; font-display: block; src: url("assets/fonts/kanit-normal-latin-400.woff2") format("woff2"); }
@font-face { font-family: "M01n Pilot Kanit"; font-style: normal; font-weight: 500; font-display: block; src: url("assets/fonts/kanit-normal-latin-500.woff2") format("woff2"); }
@font-face { font-family: "M01n Pilot Kanit"; font-style: normal; font-weight: 600; font-display: block; src: url("assets/fonts/kanit-normal-latin-600.woff2") format("woff2"); }
@font-face { font-family: "M01n Pilot Kanit"; font-style: normal; font-weight: 700; font-display: block; src: url("assets/fonts/kanit-normal-latin-700.woff2") format("woff2"); }
@font-face { font-family: "M01n Pilot Kanit"; font-style: normal; font-weight: 800; font-display: block; src: url("assets/fonts/kanit-normal-latin-800.woff2") format("woff2"); }
@font-face { font-family: "M01n Pilot Kanit"; font-style: normal; font-weight: 900; font-display: block; src: url("assets/fonts/kanit-normal-latin-900.woff2") format("woff2"); }
.m01n-pilot { --petrol: #003E53; --petrol-deep: #002B3A; --mint: #39B398; --beere: #A62055; --sand: #F3EDE2; --sand-warm: #E9D0B2; --white: #FFFFFF; --ink: #0E232B; }
.m01n-pilot, .m01n-pilot * { box-sizing: border-box; margin: 0px; padding: 0px; }
.m01n-pilot { width: 100%; overflow-x: hidden; font-family: "M01n Pilot Roboto", -apple-system, BlinkMacSystemFont, sans-serif; color: var(--ink); background: var(--white); -webkit-font-smoothing: antialiased; font-size: 18px; line-height: 1.6; }
.m01n-pilot img { max-width: 100%; height: auto; display: block; }
.m01n-pilot a { color: inherit; text-decoration: none; }
.m01n-pilot .container { max-width: 1220px; margin: 0px auto; padding: 0px 48px; }
.m01n-pilot .m01n-topbar { position: absolute; top: 0px; left: 0px; right: 0px; z-index: 30; display: flex; justify-content: center; align-items: flex-start; padding: 20px 36px 0px; pointer-events: none; }
.m01n-pilot .m01n-brand { display: inline-block; text-align: center; pointer-events: auto; }
.m01n-pilot .m01n-brand img { width: 190px; height: auto; margin: 0px auto; filter: drop-shadow(rgba(0, 26, 36, 0.42) 0px 2px 12px); }
.m01n-pilot .m01n-burger { position: absolute; right: 34px; top: 22px; width: 54px; height: 54px; border-radius: 50%; background: rgb(255, 255, 255); box-shadow: rgba(0, 40, 55, 0.22) 0px 6px 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 6px; }
.m01n-pilot .m01n-burger i { display: block; width: 26px; height: 4px; border-radius: 2px; background: var(--petrol); }
.m01n-pilot .hero-visual { position: relative; width: 100%; height: 460px; background: var(--petrol-deep); overflow: hidden; }
.m01n-pilot .hero-visual::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 38, 52, 0.48) 0%, rgba(0, 38, 52, 0.04) 36%, rgba(0, 38, 52, 0.08) 100%); pointer-events: none; }
.m01n-pilot .hero-bg { width: 100%; height: 100%; object-fit: cover; }
.m01n-pilot .hero-band { background: var(--mint); color: var(--petrol-deep); padding: 54px 0px 52px; }
.m01n-pilot .hero-band h1 { font-family: "M01n Pilot Kanit", sans-serif; font-weight: 900; font-size: 86px; line-height: 0.94; text-transform: lowercase; color: var(--petrol-deep); letter-spacing: -0.015em; margin-bottom: 22px; }
.m01n-pilot .hero-band .lead { font-family: "M01n Pilot Roboto", sans-serif; font-weight: 500; font-size: 21px; line-height: 1.52; color: var(--petrol-deep); max-width: 980px; margin-bottom: 28px; }
.m01n-pilot .m01n-nav-links { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.m01n-pilot .m01n-btn { display: inline-flex; align-items: center; gap: 8px; font-family: "M01n Pilot Kanit", sans-serif; font-weight: 800; font-size: 19px; line-height: 1.1; text-transform: lowercase; background: var(--petrol); color: rgb(255, 255, 255); padding: 11px 20px; border-radius: 4px; margin-right: 12px; margin-top: 8px; }
.m01n-pilot .m01n-btn.beere { background: var(--beere); color: rgb(255, 255, 255); }
.m01n-pilot .m01n-btn.sand { background: var(--sand-warm); color: var(--petrol-deep); }
.m01n-pilot .m01n-btn.mint { background: var(--mint); color: var(--petrol-deep); }
.m01n-pilot .hl-link { display: inline-block; background: var(--mint); color: var(--petrol-deep); font-weight: 700; padding: 0px 7px; border-radius: 2px; line-height: 1.35; }
.m01n-pilot .block-petrol .hl-link { background: var(--mint); color: var(--petrol-deep); }
.m01n-pilot .block-mint .hl-link { background: var(--petrol); color: rgb(255, 255, 255); }
.m01n-pilot .m01n-block { padding: 84px 0px; }
.m01n-pilot .block-white { background: var(--white); color: var(--ink); }
.m01n-pilot .block-sand { background: var(--sand); color: var(--ink); }
.m01n-pilot .block-petrol { background: var(--petrol); color: rgb(255, 255, 255); }
.m01n-pilot .block-beere { background: var(--beere); color: rgb(255, 255, 255); }
.m01n-pilot .block-mint { background: var(--mint); color: var(--petrol-deep); }
.m01n-pilot .statement-grid { display: grid; grid-template-columns: 1fr 280px; gap: 48px; align-items: center; }
.m01n-pilot .statement-grid.reverse { grid-template-columns: 280px 1fr; }
.m01n-pilot .statement-title { font-family: "M01n Pilot Kanit", sans-serif; font-weight: 900; font-size: 72px; line-height: 0.94; text-transform: lowercase; margin-bottom: 18px; }
.m01n-pilot .block-white .statement-title, .m01n-pilot .block-sand .statement-title { color: var(--petrol); }
.m01n-pilot .block-petrol .statement-title { color: rgb(255, 255, 255); }
.m01n-pilot .block-beere .statement-title { color: rgb(255, 255, 255); }
.m01n-pilot .block-mint .statement-title { color: var(--petrol-deep); }
.m01n-pilot .statement-sub { font-size: 20px; line-height: 1.56; max-width: 780px; }
.m01n-pilot .block-petrol .statement-sub, .m01n-pilot .block-beere .statement-sub { color: rgba(255, 255, 255, 0.94); }
.m01n-pilot .block-mint .statement-sub { color: var(--petrol-deep); font-weight: 500; }
.m01n-pilot .free-illu { width: 240px; max-height: 240px; object-fit: contain; margin: 0px auto; }
.m01n-pilot .showcase-row { display: grid; grid-template-columns: 1.22fr 0.98fr; gap: 56px; align-items: center; margin-bottom: 88px; }
.m01n-pilot .showcase-row:last-child { margin-bottom: 0px; }
.m01n-pilot .showcase-row.reverse { grid-template-columns: 0.98fr 1.22fr; }
.m01n-pilot .showcase-visual img { width: 100%; height: auto; border-radius: 8px; }
.m01n-pilot .showcase-visual img.elevated { box-shadow: rgba(0, 34, 46, 0.14) 0px 18px 44px; }
.m01n-pilot .block-petrol .showcase-visual img.elevated { box-shadow: rgba(0, 14, 20, 0.42) 0px 22px 52px; }
.m01n-pilot .showcase-copy h2, .m01n-pilot .showcase-copy h3 { font-family: "M01n Pilot Kanit", sans-serif; font-weight: 900; font-size: 46px; line-height: 0.98; text-transform: lowercase; color: var(--petrol); margin-bottom: 18px; }
.m01n-pilot .block-petrol .showcase-copy h2, .m01n-pilot .block-petrol .showcase-copy h3 { color: var(--sand-warm); }
.m01n-pilot .block-beere .showcase-copy h2, .m01n-pilot .block-beere .showcase-copy h3 { color: rgb(255, 255, 255); }
.m01n-pilot .block-mint .showcase-copy h2, .m01n-pilot .block-mint .showcase-copy h3 { color: var(--petrol-deep); }
.m01n-pilot .showcase-copy p { font-size: 18px; line-height: 1.62; margin-bottom: 16px; }
.m01n-pilot .block-petrol .showcase-copy p { color: rgba(255, 255, 255, 0.93); }
.m01n-pilot .block-mint .showcase-copy p { color: var(--petrol-deep); }
.m01n-pilot .open-columns-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px; margin-top: 56px; }
.m01n-pilot .open-col h3 { font-family: "M01n Pilot Kanit", sans-serif; font-weight: 900; font-size: 34px; line-height: 1.04; text-transform: lowercase; margin-bottom: 14px; color: var(--sand-warm); }
.m01n-pilot .block-mint .open-col h3, .m01n-pilot .block-sand .open-col h3, .m01n-pilot .block-white .open-col h3 { color: var(--petrol-deep); }
.m01n-pilot .open-col p { font-size: 17.5px; line-height: 1.6; }
.m01n-pilot .open-faq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 44px 64px; margin-top: 44px; }
.m01n-pilot .open-faq-item h3 { font-family: "M01n Pilot Kanit", sans-serif; font-weight: 900; font-size: 30px; line-height: 1.08; text-transform: lowercase; color: var(--petrol); margin-bottom: 10px; }
.m01n-pilot .open-faq-item p { font-size: 17.5px; line-height: 1.6; color: var(--ink); }
.m01n-pilot .m01n-footer-top { background: var(--petrol); color: rgb(255, 255, 255); padding: 68px 0px 58px; position: relative; }
.m01n-pilot .footer-grid { display: grid; grid-template-columns: 1fr 360px; align-items: center; gap: 32px; }
.m01n-pilot .footer-title { font-family: "M01n Pilot Kanit", sans-serif; font-weight: 900; font-size: 65px; line-height: 1; text-transform: lowercase; color: var(--sand-warm); margin-bottom: 18px; }
.m01n-pilot .footer-logo { width: 240px; height: auto; margin-bottom: 34px; }
.m01n-pilot .footer-contacts { list-style: none; display: flex; flex-direction: column; gap: 16px; margin-bottom: 32px; }
.m01n-pilot .footer-contacts li { display: flex; align-items: center; gap: 16px; font-size: 20px; font-weight: 400; }
.m01n-pilot .footer-contacts svg { width: 26px; height: 26px; fill: rgb(255, 255, 255); flex-shrink: 0; }
.m01n-pilot .footer-socials { display: flex; gap: 34px; align-items: center; }
.m01n-pilot .footer-socials svg { width: 30px; height: 30px; fill: rgb(255, 255, 255); }
.m01n-pilot .footer-seal { width: 300px; height: auto; margin: 0px auto; }
.m01n-pilot .m01n-footer-bottom { background: rgb(255, 255, 255); padding: 28px 0px 40px; font-size: 15.5px; line-height: 1.75; }
.m01n-pilot .footer-links-row { margin-bottom: 6px; }
.m01n-pilot .footer-links-row strong { color: rgb(0, 0, 0); font-weight: 700; margin-right: 6px; }
.m01n-pilot .footer-links-row a { color: var(--petrol); font-weight: 600; text-decoration-line: underline; text-decoration-thickness: initial; text-decoration-style: initial; text-decoration-color: var(--mint); text-underline-offset: 3px; }
.m01n-pilot .footer-links-row span.sep { color: rgb(153, 170, 176); margin: 0px 5px; }
.m01n-pilot .footer-legal { margin-top: 16px; padding-top: 16px; border-top: 1px solid rgb(229, 232, 234); font-size: 16px; font-weight: 600; color: var(--petrol); }
.m01n-pilot .footer-legal a { color: var(--beere); }
@media (max-width: 768px) {
.m01n-pilot .container { padding: 0px 22px; }
.m01n-pilot .m01n-topbar { padding: 14px 16px 0px; }
.m01n-pilot .m01n-brand img { width: 136px; }
.m01n-pilot .m01n-burger { right: 16px; top: 14px; width: 44px; height: 44px; }
.m01n-pilot .hero-visual { height: 220px; }
.m01n-pilot .hero-band { padding: 28px 0px 32px; }
.m01n-pilot .hero-band h1 { font-size: 46px; line-height: 0.96; margin-bottom: 14px; }
.m01n-pilot .hero-band .lead { font-size: 17.5px; line-height: 1.46; margin-bottom: 18px; }
.m01n-pilot .m01n-nav-links { gap: 8px; }
.m01n-pilot .m01n-btn { font-size: 16px; padding: 9px 14px; margin-right: 6px; margin-top: 4px; }
.m01n-pilot .m01n-block { padding: 48px 0px; }
.m01n-pilot .statement-grid, .m01n-pilot .statement-grid.reverse { grid-template-columns: 1fr; gap: 24px; }
.m01n-pilot .statement-title { font-size: 42px; line-height: 0.98; }
.m01n-pilot .statement-sub { font-size: 17.5px; }
.m01n-pilot .free-illu { width: 150px; max-height: 150px; }
.m01n-pilot .showcase-row, .m01n-pilot .showcase-row.reverse { grid-template-columns: 1fr; gap: 24px; margin-bottom: 52px; }
.m01n-pilot .showcase-row.reverse .showcase-visual { order: -1; }
.m01n-pilot .showcase-copy h2, .m01n-pilot .showcase-copy h3 { font-size: 34px; margin-bottom: 12px; }
.m01n-pilot .showcase-copy p { font-size: 17px; }
.m01n-pilot .open-columns-3, .m01n-pilot .open-faq-grid, .m01n-pilot .footer-grid { grid-template-columns: 1fr; gap: 28px; }
.m01n-pilot .open-col h3 { font-size: 28px; }
.m01n-pilot .open-faq-item h3 { font-size: 24px; }
.m01n-pilot .footer-title { font-size: 46px; }
.m01n-pilot .footer-seal { width: 210px; order: -1; }
}
body.m01n-pilot-page { margin: 0; padding: 0; background: #fff; }
body.m01n-pilot-page .m01n-pilot-section > .elementor-container { max-width: none; }
body.m01n-pilot-page .m01n-pilot-section,
body.m01n-pilot-page .m01n-pilot-section > .elementor-container > .elementor-column > .elementor-widget-wrap,
body.m01n-pilot-page .m01n-pilot-section .elementor-widget-html,
body.m01n-pilot-page .m01n-pilot-section .elementor-widget-html > .elementor-widget-container { margin: 0; padding: 0; }
.m01n-pilot a:focus-visible { outline: 3px solid currentColor; outline-offset: 4px; }
.m01n-pilot .m01n-burger { cursor: pointer; pointer-events: auto; }
.m01n-pilot .footer-socials a { display: block; line-height: 0; }