body.nat-teaser-document{margin:0;background:#e1e4e9}
@font-face{font-family:'NAT Display';src:url('/fonts/barlow-semi-condensed-black.ttf') format('truetype');font-weight:900;font-display:swap}
@font-face{font-family:Inter;src:url('/fonts/inter-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('/fonts/plex-mono.woff2') format('woff2');font-display:swap}
.nat-teaser{--silver:#e1e4e9;--ink:#272a31;--accent:#ff9d65;box-sizing:border-box;background:var(--silver);color:var(--ink);font-family:Inter,sans-serif;min-height:100svh;display:flex;flex-direction:column;padding:0 clamp(24px,5vw,96px);overflow:hidden}
.nat-teaser *{box-sizing:border-box}.nat-teaser a{color:inherit;text-decoration:none}.nat-teaser a:focus-visible{outline:3px solid var(--ink);outline-offset:6px}.teaser-skip{position:absolute;top:-80px;z-index:10;background:var(--accent);padding:12px}.teaser-skip:focus{top:12px}
.teaser-header,.teaser-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:'IBM Plex Mono',monospace;font-size:12px;max-width:1728px;width:100%;margin:0 auto}.teaser-header{min-height:86px;border-bottom:1px solid #272a3138}.teaser-header>a{font-size:15px;letter-spacing:-.5px}.teaser-header>a span{margin-left:12px}.teaser-main{width:100%;max-width:1728px;flex:1;min-height:630px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:24px;padding:72px 0}.teaser-eyebrow{font:12px 'IBM Plex Mono',monospace;letter-spacing:.04em;margin:0 0 26px}.teaser-copy h1{font:900 clamp(64px,7.8vw,150px)/.89 'NAT Display',sans-serif;letter-spacing:-.035em;margin:0}.teaser-description{font-size:clamp(16px,1.35vw,22px);line-height:1.5;max-width:340px;margin:32px 0 0}.teaser-art{position:relative;height:490px;width:100%;max-width:690px;justify-self:end}.teaser-window{position:absolute;border:1.5px solid var(--ink);border-radius:12px;overflow:hidden;width:72%;height:310px;box-shadow:9px 12px 0 #272a3110}.teaser-chrome{height:42px;border-bottom:1px solid currentColor;padding:0 17px;display:flex;align-items:center;justify-content:space-between;font:10px 'IBM Plex Mono',monospace;letter-spacing:.02em}.teaser-window-back{background:var(--silver);left:6%;top:8px;transform:rotate(-12deg);animation:teaser-back 3.6s cubic-bezier(.2,.7,.2,1) both}.teaser-window-middle{background:var(--accent);left:22%;top:88px;transform:rotate(9deg);animation:teaser-middle 3.6s cubic-bezier(.2,.7,.2,1) both}.teaser-window-front{background:var(--ink);color:var(--silver);left:10%;top:164px;transform:rotate(-3deg);animation:teaser-front 3.6s cubic-bezier(.2,.7,.2,1) both}.teaser-window-copy{padding:22px;max-width:270px;font-size:25px}.teaser-question{font:900 70px/1 'NAT Display',sans-serif;padding:30px 20px}.teaser-window-brand{position:relative;font:900 clamp(45px,5vw,84px)/.84 'NAT Display',sans-serif;letter-spacing:-.02em;padding:23px}.teaser-square{position:absolute;right:26px;bottom:26px;width:16px;aspect-ratio:1;background:var(--accent)}.teaser-orbit{position:absolute;right:0;bottom:-10px;font:100px/1 Inter,sans-serif;animation:teaser-arrow 3.6s ease-out both}.teaser-footer{min-height:88px;border-top:1px solid #272a3138}.teaser-status{display:flex;align-items:center;gap:10px}.teaser-status i{height:7px;width:7px;background:var(--ink)}.teaser-login{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:44px;border-bottom:1px solid #272a3170}.teaser-login:hover{border-color:var(--ink)}
@keyframes teaser-back{0%{opacity:0;transform:translate(50px,65px) rotate(0)}30%,100%{opacity:1;transform:rotate(-12deg)}}
@keyframes teaser-middle{0%,12%{opacity:0;transform:translate(-30px,65px) rotate(-12deg)}48%,100%{opacity:1;transform:rotate(9deg)}}
@keyframes teaser-front{0%,28%{opacity:0;transform:translate(30px,80px) rotate(9deg)}70%,100%{opacity:1;transform:rotate(-3deg)}}
@keyframes teaser-arrow{0%,50%{opacity:0;transform:translate(-15px,15px)}100%{opacity:1;transform:none}}
@media(min-width:2100px){.teaser-main{min-height:800px}.teaser-art{transform:scale(1.12);transform-origin:center}}
@media(max-width:900px){.teaser-main{min-height:0;gap:24px;padding:44px 0;grid-template-columns:1fr}.teaser-copy h1{font-size:clamp(64px,12vw,110px)}.teaser-art{height:395px;max-width:540px;margin:8px auto 0;justify-self:center}.teaser-window{height:250px}.teaser-window-front{top:132px}.teaser-window-middle{top:65px}.teaser-window-brand{font-size:62px}.teaser-header{min-height:68px}.teaser-meta{font-size:10px}.teaser-description{margin-top:22px}.teaser-orbit{font-size:76px;bottom:-10px}}
@media(max-width:480px){.teaser-meta{display:none}.teaser-main{padding:36px 0 32px}.teaser-art{height:315px}.teaser-window{width:78%;height:207px}.teaser-window-back{left:4%}.teaser-window-middle{left:17%;top:50px}.teaser-window-front{left:7%;top:105px}.teaser-chrome{height:32px;padding:0 12px;font-size:8px}.teaser-window-brand{font-size:49px;padding:18px}.teaser-question{font-size:52px;padding:24px 14px}.teaser-window-copy{font-size:20px;padding:16px}.teaser-orbit{font-size:52px;right:-5px}.teaser-footer{font-size:10px;min-height:74px}.teaser-login{gap:15px}.teaser-eyebrow{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.nat-teaser *{animation:none!important;transition:none!important}}