@import url('moskie-fonts.css');
.moskie { --green:#004c3b; --cream:#fff8e9; --yellow:#ffe184; --line:#c7d1be; background:var(--cream); color:var(--green); font-family:'Manrope',sans-serif; font-weight:400; }
.moskie button,.moskie input,.moskie select { font-family:inherit; }
.moskie .wrap { width:min(1296px,calc(100% - 112px)); }
.moskie .btn { border-radius:7px; background:var(--green); color:var(--cream); font-size:17px; font-weight:600; gap:19px; padding:21px 24px; white-space:nowrap; }
.moskie .btn:hover { background:#176c50; }
.moskie .nav { min-height:112px; gap:30px; }
.moskie-wordmark { font-family:'Fredoka',sans-serif; font-weight:600; font-size:58px; letter-spacing:-2.7px; line-height:1; display:inline-flex; align-items:center; white-space:nowrap; }
.moskie-wordmark>img { width:67px; height:67px; object-fit:contain; margin-left:5px; }
.nav-status { font-size:15px; line-height:1.6; display:flex; align-items:center; gap:14px; margin-inline:auto; }
.nav-cta { display:inline-flex; align-items:center; gap:18px; border-bottom:1px solid #52734e; padding-block:7px; font-size:16px; font-weight:600; }
.nav-cta span { font-size:24px; font-weight:400; }
.hero-field { background:var(--yellow); overflow:hidden; }
.moskie-hero { position:relative; min-height:650px; padding-block:37px 48px; }
.moskie-hero-copy { position:relative; z-index:1; max-width:510px; }
.hero-location { display:none; }
.moskie-hero h1 { font-family:'Fredoka',sans-serif; font-size:128px; font-weight:600; line-height:.92; letter-spacing:-4px; margin-bottom:24px; }
.moskie-hero h1 span { display:block; }
.moskie-hero-copy>.intro { font-size:19px; line-height:1.6; max-width:435px; }
.hero-scene { position:absolute; width:1050px; max-width:none; height:auto; right:calc(-1 * max(56px,(100vw - 1296px)/2)); bottom:-8px; pointer-events:none; }
.pilot-zip { margin-top:23px; max-width:475px; }
.pilot-zip label { display:block; font-size:15px; line-height:1.5; margin-bottom:11px; }
.zip-fields { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:12px; }
.pilot-zip input { min-width:0; width:100%; padding:18px 19px; border:1px solid #52734e; border-radius:7px; background:var(--cream); color:var(--green); font-size:19px; outline-offset:4px; }
.pilot-zip input::placeholder { color:#5c745a; }
.pilot-zip .btn { font-size:16px; padding:19px 22px; }
.pilot-form-note { font-size:13px; line-height:1.6; margin-top:12px; }
.moskie-guide { padding-block:45px 46px; }
.section-label { font-size:15px; line-height:1.5; font-weight:500; margin-bottom:23px; }
.science-introduction { display:grid; grid-template-columns:1fr 1fr; gap:110px; align-items:start; }
.science-introduction h2 { font-size:43px; font-weight:600; line-height:1.13; letter-spacing:-1.5px; }
.science-introduction p { font-size:20px; line-height:1.65; max-width:560px; }
.science-source { display:inline-block; border-bottom:1px solid #879e7d; padding-bottom:5px; margin-top:17px; font-size:15px; line-height:1.5; }
.science-sequence { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:75px; list-style:none; padding:0; margin:24px 0 0; }
.science-sequence li { position:relative; }
.process-picture { width:240px; max-width:100%; height:185px; margin-inline:auto; background-image:url('assets/moskie-compact-science-higgsfield.png'); background-repeat:no-repeat; background-size:300% auto; background-position:left center; }
.process-pair { width:300px; background-position:center center; }
.process-eggs { width:220px; background-position:right center; }
.science-sequence li:not(:last-child)::after { content:'⟶'; position:absolute; right:-57px; top:65px; font-size:34px; font-weight:400; color:#648064; }
.science-sequence h3 { font-size:24px; font-weight:700; letter-spacing:-.7px; line-height:1.3; margin:16px 0 12px; }
.science-sequence p { font-size:18px; line-height:1.65; }
.dallas-pilot { position:relative; overflow:hidden; border-top:1px solid var(--line); padding-block:55px; }
.pilot-layout { display:grid; grid-template-columns:1.1fr 1fr; gap:60px; align-items:center; min-height:450px; }
.pilot-copy { order:2; position:relative; z-index:1; }
.pilot-copy h2 { font-size:60px; font-weight:600; line-height:1.08; letter-spacing:-2.7px; margin-bottom:28px; }
.pilot-copy>p:not(.section-label) { font-size:18px; line-height:1.65; margin-bottom:20px; }
.pilot-copy .section-label { margin-bottom:20px; }
.pilot-copy .btn { background:none; color:var(--green); border-radius:0; border-bottom:2px solid var(--green); padding:10px 0 12px; font-size:18px; margin-top:2px; }
.pilot-copy .btn:hover { background:none; transform:translateY(-2px); }
.pilot-concept { order:1; margin:0 -35px 0 calc(-1 * max(56px,(100vw - 1296px)/2)); width:calc(100% + max(56px,(100vw - 1296px)/2) + 35px); }
.pilot-concept img { width:100%; height:auto; object-fit:contain; }
.moskie-faq { border-top:1px solid var(--line); padding-block:38px 43px; }
.faq-heading { margin-bottom:28px; }
.faq-heading .section-label { display:none; }
.faq-heading h2 { font-size:36px; font-weight:600; letter-spacing:-1.1px; line-height:1.2; }
.visible-answers { display:grid; grid-template-columns:1fr 1fr; gap:30px 80px; }
.visible-answers article { border-top:1px solid #9aaa8f; padding-top:20px; }
.visible-answers h3 { font-size:20px; font-weight:700; letter-spacing:-.4px; line-height:1.4; margin-bottom:11px; }
.visible-answers p { font-size:17px; line-height:1.7; color:#345b40; }
.moskie-footer { padding-bottom:25px; }
.closing-invite { position:relative; border-top:1px solid #9aaa8f; padding-block:36px 45px; }
.closing-invite h2 { font-family:'Fredoka',sans-serif; font-size:85px; font-weight:500; line-height:1; letter-spacing:-2.5px; }
.closing-mascot { position:absolute; width:165px; height:165px; max-width:none; left:600px; top:-15px; pointer-events:none; }
.footer-bottom { display:flex; align-items:baseline; justify-content:space-between; gap:25px; }
.footer-bottom p,.kit-link { font-size:14px; line-height:1.6; }
.kit-link { border-bottom:1px solid #9aaa8f; padding-bottom:4px; }
.moskie .skip:not(:focus) { clip-path:inset(50%); width:1px; height:1px; padding:0; overflow:hidden; }
.moskie .quote-dialog { background:var(--cream); border-radius:20px; }
.moskie .dialog-inner { padding:36px; }
.moskie .dialog-top { margin-bottom:10px; }
.moskie .quote-dialog h2 { font-family:'Fredoka',sans-serif; font-size:41px; font-weight:500; margin-top:20px; }
.moskie .dialog-close { border-color:#b9c6ac; flex:none; }
.interest-identity { display:flex; align-items:center; gap:12px; }
.interest-identity img { width:60px; height:60px; object-fit:contain; background:#ffedb5; border-radius:50%; }
.interest-identity span { font-size:11px; letter-spacing:1px; }
.moskie .quote-dialog .dialog-copy { font-size:15px; }
.interest-form { display:grid; gap:18px; }
.interest-form label { display:grid; gap:8px; font-size:13px; font-weight:600; }
.interest-form input,.interest-form select { border:1px solid #bdcbb2; border-radius:6px; background:#fffef9; padding:13px 15px; color:var(--green); font-size:16px; width:100%; min-width:0; }
.interest-form .form-row { grid-template-columns:1.4fr 1fr; gap:13px; }
.interest-form .btn { justify-content:space-between; margin-top:6px; }
.interest-form .demo-note { font-size:12px; line-height:1.7; }
.interest-result h3 { font-size:32px; font-weight:600; letter-spacing:-.7px; }
.interest-result .result-check { width:45px; height:45px; display:grid; place-items:center; border-radius:50%; font-size:22px; background:#ffedb5; margin:15px 0; }
.interest-result p { font-size:15px; line-height:1.8; margin:14px 0 22px; }
.interest-result .demo-note { font-size:12px; color:#536c54; }
.interest-result .btn { width:100%; }
@media(min-width:1000px) and (max-width:1319px) {
 .moskie-hero { min-height:735px; padding-top:42px; }
 .moskie-hero-copy { max-width:none; }
 .moskie-hero h1 { font-size:116px; line-height:.96; white-space:nowrap; }
 .moskie-hero h1 span { display:inline; }
 .moskie-hero-copy>.intro { max-width:380px; }
 .hero-scene { width:1128px; right:-150px; }
 .pilot-zip { max-width:405px; }
}
@media(max-width:1150px) {
 .moskie .wrap { width:calc(100% - 72px); }
 .moskie .nav { gap:23px; }
 .moskie-wordmark { font-size:50px; }
 .moskie-wordmark>img { width:55px; height:55px; }
 .nav-status { font-size:14px; gap:10px; }
 .nav-cta { font-size:15px; }
 .science-introduction { gap:65px; }
 .science-introduction h2 { font-size:38px; }
 .science-introduction p { font-size:19px; }
 .science-sequence { gap:45px; }
 .science-sequence li:not(:last-child)::after { right:-37px; font-size:28px; }
 .process-picture { width:210px; height:175px; }
 .process-pair { width:260px; }
 .process-eggs { width:200px; }
 .science-sequence h3 { font-size:22px; }
 .science-sequence p { font-size:17px; }
 .pilot-layout { gap:35px; }
 .pilot-copy h2 { font-size:53px; }
 .pilot-concept { margin-left:-36px; width:calc(100% + 71px); }
 .visible-answers { gap:28px 55px; }
 .closing-invite h2 { font-size:76px; }
 .closing-mascot { left:540px; width:145px; height:145px; }
}
@media(min-width:701px) and (max-width:999px) {
 .moskie-hero { padding-top:42px; padding-bottom:52vw; min-height:0; }
 .moskie-hero-copy { max-width:none; }
 .moskie-hero h1 { font-size:clamp(100px,12vw,112px); line-height:.96; white-space:nowrap; }
 .moskie-hero h1 span { display:inline; }
 .moskie-hero-copy>.intro { max-width:530px; }
 .hero-scene { width:calc(100vw + 32px); right:-36px; }
 .pilot-zip { max-width:475px; }
 .moskie-wordmark { font-size:44px; }
 .moskie-wordmark>img { width:47px; height:47px; margin-left:0; }
 .nav-status { font-size:13px; gap:8px; }
 .nav-cta { font-size:14px; gap:12px; }
 .science-introduction { gap:40px; }
 .science-introduction h2 { font-size:34px; }
 .science-introduction p { font-size:18px; }
 .science-sequence { gap:32px; }
 .science-sequence li:not(:last-child)::after { right:-29px; font-size:25px; }
 .process-picture { width:180px; height:155px; }
 .process-pair { width:220px; }
 .process-eggs { width:170px; }
 .science-sequence h3 { font-size:20px; }
 .science-sequence p { font-size:16px; }
 .pilot-copy h2 { font-size:45px; }
 .pilot-copy>p:not(.section-label) { font-size:17px; }
 .pilot-layout { gap:30px; }
 .visible-answers { gap:26px 40px; }
 .visible-answers h3 { font-size:19px; }
 .visible-answers p { font-size:16px; }
 .closing-invite h2 { font-size:67px; }
 .closing-mascot { left:475px; width:130px; height:130px; top:-6px; }
}
@media(max-width:700px) {
 .moskie .wrap { width:calc(100% - 40px); }
 .moskie .nav { min-height:90px; gap:15px; }
 .moskie-wordmark { font-size:43px; letter-spacing:-2px; }
 .moskie-wordmark>img { width:49px; height:49px; margin-left:0; }
 .nav-status { display:none; }
 .nav-cta { margin-left:auto; font-size:14px; gap:12px; }
 .nav-cta span { font-size:22px; }
 .moskie-hero { padding-block:26px 395px; min-height:0; }
 .hero-location { display:flex; align-items:center; gap:8px; font-size:12px; line-height:1.6; margin-bottom:25px; }
 .hero-location>span { width:6px; height:6px; border-radius:50%; background:var(--green); flex:none; }
 .moskie-hero h1 { font-size:clamp(88px,28vw,155px); line-height:.91; letter-spacing:-3.8px; margin-bottom:27px; }
 .moskie-hero-copy>.intro { font-size:18px; max-width:420px; }
 .hero-scene { width:550px; right:-36px; }
 .pilot-zip { max-width:100%; margin-top:25px; }
 .pilot-zip label { font-size:14px; margin-bottom:12px; }
 .pilot-zip input { padding:18px 14px; font-size:18px; }
 .pilot-zip .btn { font-size:15px; padding:19px 20px; gap:15px; }
 .pilot-form-note { font-size:12px; }
 .moskie-guide { padding-block:35px; }
 .section-label { font-size:14px; margin-bottom:20px; }
 .science-introduction { grid-template-columns:1fr; gap:22px; }
 .science-introduction h2 { font-size:37px; letter-spacing:-1.1px; }
 .science-introduction p { font-size:18px; }
 .science-source { font-size:15px; margin-top:15px; }
 .science-sequence { grid-template-columns:1fr; margin-top:29px; gap:28px; }
 .science-sequence li { display:grid; grid-template-columns:105px minmax(0,1fr); gap:0 20px; align-items:center; }
 .science-sequence li:not(:last-child)::after { display:none; }
 .process-picture,.process-pair,.process-eggs { width:100%; height:140px; grid-row:1/3; }
 .science-sequence h3 { font-size:22px; margin:0 0 10px; align-self:end; }
 .science-sequence p { font-size:17px; align-self:start; }
 .dallas-pilot { padding-block:35px; }
 .pilot-layout { grid-template-columns:1fr; gap:25px; min-height:0; }
 .pilot-copy { order:1; }
 .pilot-copy h2 { font-size:48px; margin-bottom:25px; letter-spacing:-1.8px; }
 .pilot-copy>p:not(.section-label) { font-size:18px; margin-bottom:18px; }
 .pilot-copy .btn { font-size:17px; }
 .pilot-concept { order:2; margin-inline:-20px; width:calc(100% + 40px); }
 .moskie-faq { padding-block:32px 36px; }
 .faq-heading { margin-bottom:25px; }
 .faq-heading h2 { font-size:33px; letter-spacing:-.9px; }
 .visible-answers { grid-template-columns:1fr; gap:25px; }
 .visible-answers h3 { font-size:20px; }
 .visible-answers p { font-size:17px; }
 .closing-invite { padding-block:32px 38px; }
 .closing-invite h2 { font-size:67px; line-height:1; letter-spacing:-1.6px; max-width:300px; }
 .closing-mascot { width:135px; height:135px; left:auto; right:-10px; top:14px; }
 .footer-bottom { flex-wrap:wrap; gap:12px 20px; }
 .footer-bottom p,.kit-link { font-size:12px; }
 .footer-bottom .kit-link { margin-left:auto; }
 .moskie .dialog-inner { padding:27px; }
 .moskie .quote-dialog h2 { font-size:36px; }
 .interest-identity img { width:44px; height:44px; }
 .interest-identity span { font-size:10px; }
 .interest-form .form-row { grid-template-columns:1fr; }
 .interest-form input,.interest-form select { padding:12px 14px; }
 .interest-form .demo-note { font-size:11px; }
}
@media(max-width:370px) {
 .moskie-wordmark { font-size:38px; }
 .moskie-wordmark>img { display:none; }
 .nav-cta { font-size:13px; }
 .hero-location { font-size:11px; }
 .hero-scene { width:500px; right:-30px; }
 .moskie-hero-copy>.intro { font-size:17px; }
 .pilot-zip input { padding-inline:12px; font-size:17px; }
 .pilot-zip .btn { font-size:13px; padding-inline:17px; }
 .pilot-zip .btn span { display:none; }
 .science-introduction h2 { font-size:33px; }
 .science-sequence li { grid-template-columns:80px minmax(0,1fr); gap:0 18px; }
 .science-sequence h3 { font-size:20px; }
 .science-sequence p { font-size:16px; }
 .pilot-copy h2 { font-size:43px; }
 .closing-invite h2 { font-size:57px; }
}
@media(min-width:1000px) {
 .pilot-copy { grid-column:2; }
 .pilot-concept { position:absolute; inset:0 auto 0 0; width:54%; margin:0; overflow:hidden; }
 .pilot-concept img { height:100%; width:auto; max-width:none; transform:translateX(-5%); }
}
@media(min-width:701px) and (max-width:999px) {
 .dallas-pilot { padding-bottom:0; }
 .pilot-layout { display:flex; flex-direction:column; align-items:start; gap:30px; }
 .pilot-copy { order:1; max-width:620px; }
 .pilot-concept { order:2; margin-inline:-36px; width:calc(100% + 72px); }
}