:root{--font-display: "Familjen Grotesk", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-sans: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", SFMono-Regular, ui-monospace, Menlo, Monaco, Consolas, monospace;--radius: .25rem;--ease-out: cubic-bezier(.23, 1, .32, 1);--bg: oklch(.18 .008 258);--panel: oklch(.225 .01 258);--panel-strong: oklch(.28 .012 258);--text: oklch(.95 .006 250);--text-muted: oklch(.8 .006 250);--text-soft: oklch(.66 .007 250);--border: oklch(.47 .012 256 / .32);--border-strong: oklch(.64 .014 256 / .42);--accent: oklch(.67 .155 24);--accent-deep: oklch(.61 .142 24);--accent-ink: oklch(.18 .008 258);--accent-ghost: oklch(.67 .155 24 / .16);--accent-haze: oklch(.67 .11 24 / .08);color-scheme:dark}html[data-theme=light]{--bg: oklch(.965 .008 72);--panel: oklch(.935 .01 72);--panel-strong: oklch(.9 .012 72);--text: oklch(.22 .01 38);--text-muted: oklch(.4 .012 38);--text-soft: oklch(.55 .012 40);--border: oklch(.74 .02 48 / .5);--border-strong: oklch(.62 .024 42 / .58);--accent: oklch(.58 .128 34);--accent-deep: oklch(.52 .122 34);--accent-ink: oklch(.97 .004 72);--accent-ghost: oklch(.58 .128 34 / .12);--accent-haze: oklch(.58 .09 34 / .08);color-scheme:light}*{box-sizing:border-box}html{background:var(--bg);color:var(--text);color-scheme:light dark;scroll-behavior:smooth}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-kerning:normal;line-height:1.65;text-rendering:optimizeLegibility;transition:background-color .18s var(--ease-out),color .18s var(--ease-out)}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,a,input,textarea,select{font:inherit}button{padding:0;color:inherit;cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}::selection{background:var(--accent-ghost);color:var(--text)}code{padding:.08em .3em;border:1px solid var(--border);background:color-mix(in oklch,var(--panel) 84%,var(--accent) 16%);font-family:var(--font-mono);font-size:.92em}.page-shell,.policy-shell{position:relative;z-index:1;width:min(100%,98rem);margin:0 auto;padding:1.25rem clamp(1rem,2.6vw,2.25rem) clamp(4.5rem,8vw,7rem)}.page-shell{display:grid;gap:clamp(4rem,6vw,6.5rem)}.page-shell--landing{--motion-out: cubic-bezier(.23, 1, .32, 1);gap:clamp(4.2rem,6vw,6.8rem)}.page-shell--landing .section{border-top-color:color-mix(in oklch,var(--border) 62%,transparent)}.policy-shell{display:grid;gap:clamp(3rem,5vw,4rem)}.section{display:grid;gap:clamp(1.5rem,2.5vw,2rem);padding-top:clamp(2rem,4vw,3.2rem);border-top:1px solid var(--border)}.masthead{gap:clamp(1.5rem,3vw,2.4rem);padding-top:clamp(.75rem,1.5vw,1.25rem);border-top:0}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand,.site-footer__brand{display:inline-flex;align-items:center;gap:.85rem;min-width:0}.brand__mark,.site-footer__mark{width:2rem;height:auto;flex:none}.metn-logo__bar{transform-box:fill-box;transform-origin:center bottom}.metn-logo__bar--1,.metn-logo__bar--2{--bar-shift: -2px;--bar-scale: 1.06}.metn-logo__bar--3,.metn-logo__bar--5{--bar-shift: 1px;--bar-scale: .94}.metn-logo__bar--4{--bar-shift: 2px;--bar-scale: .9}.brand__wordmark{font-family:var(--font-display);font-size:1.02rem;font-weight:600;letter-spacing:0}.site-nav__actions,.site-footer__links{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem}.site-nav__actions{justify-content:flex-end;color:var(--text-muted)}.page-shell--landing .site-nav__actions{color:var(--text-soft)}.site-nav__actions a,.site-footer__links a{position:relative;display:inline-flex;align-items:center;min-height:44px;transition:color .16s var(--ease-out),opacity .16s var(--ease-out)}.site-nav__actions a{font-size:.78rem;letter-spacing:.09em;text-transform:uppercase}.site-nav__actions a:after,.site-footer__links a:after{content:"";position:absolute;left:0;right:0;bottom:.7rem;height:1px;background:currentColor;opacity:0;transform:scaleX(.6);transform-origin:left center;transition:opacity .18s var(--ease-out),transform .18s var(--ease-out)}.site-footer__links{color:var(--text-muted);font-size:.9rem}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);color:var(--text-muted);transition:color .16s var(--ease-out),border-color .16s var(--ease-out),background-color .16s var(--ease-out),transform .12s var(--ease-out)}.theme-toggle:active{transform:scale(.98)}.theme-toggle__icons{position:relative;width:1rem;height:1rem}.theme-toggle__icon{position:absolute;inset:0;width:100%;height:100%;transition:opacity .16s ease-out,transform .22s var(--ease-out)}html[data-theme=dark] .theme-toggle__icon--sun,html[data-theme=light] .theme-toggle__icon--moon{opacity:0;transform:scale(.68) rotate(-32deg)}html[data-theme=dark] .theme-toggle__icon--moon,html[data-theme=light] .theme-toggle__icon--sun{opacity:1;transform:scale(1) rotate(0)}.section-kicker,.eyebrow,.feature-row__eyebrow,.shot-frame__placeholder-label{margin:0;color:var(--text-soft);font-family:var(--font-mono);font-size:.74rem;letter-spacing:.12em;line-height:1.4;text-transform:uppercase}.masthead__grid,.section--split,.feature-row,.cta-strip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1rem,2vw,2rem);align-items:start}.masthead__intro{grid-column:1 / span 5;display:grid;gap:1rem;max-width:31rem}.masthead__intro h1{margin:0;max-width:11ch;font-family:var(--font-display);font-size:clamp(3.1rem,8vw,6.3rem);font-weight:500;line-height:.92;letter-spacing:0;text-wrap:balance}.masthead__summary,.section__intro>p:last-child,.cta-strip__copy>p:last-child{margin:0;max-width:65ch;color:var(--text-muted);font-size:clamp(1.02rem,1.25vw,1.16rem);line-height:1.68;text-wrap:pretty}.masthead__actions{display:flex;flex-wrap:wrap;gap:.8rem}.masthead__caption,.cta-strip__caption{margin:0;color:var(--text-soft);font-size:.9rem;line-height:1.5}.proof-line{margin:0;color:var(--text-soft);font-family:var(--font-mono);font-size:.76rem;letter-spacing:.1em;line-height:1.5;text-transform:uppercase}.hero-viewer{grid-column:6 / -1;display:grid;gap:.85rem;margin:0}.hero-viewer--hero{padding-top:.3rem}.hero-viewer__meta{display:flex;align-items:center;justify-content:flex-end;gap:1rem}.page-shell--landing .hero-viewer__meta{justify-content:space-between;gap:.85rem}.hero-viewer__caption{margin:0;color:var(--text-soft);font-size:.92rem;line-height:1.5}.hero-viewer__toggle{display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.2rem;padding:.2rem;border-radius:var(--radius);background:color-mix(in oklch,var(--panel) 88%,var(--panel-strong) 12%);box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--border) 80%,transparent)}.hero-viewer__toggle button{min-height:44px;padding:.55rem .95rem;border:0;border-radius:var(--radius);background:transparent;color:var(--text-soft);font-size:.8rem;transition:background-color .16s var(--ease-out),color .16s var(--ease-out),box-shadow .16s var(--ease-out),transform .12s var(--ease-out)}.hero-viewer__toggle button:active{transform:scale(.98)}.hero-viewer__toggle button[aria-pressed=true]{background:color-mix(in oklch,var(--panel-strong) 86%,var(--bg) 14%);box-shadow:0 0 0 1px color-mix(in oklch,var(--border-strong) 72%,transparent);color:var(--text)}.hero-viewer__surface,.feature-row__shot{position:relative;display:block;overflow:hidden;padding:clamp(.45rem,.8vw,.7rem);border:1px solid var(--border-strong);background:var(--panel);transition:transform .22s var(--ease-out),border-color .22s var(--ease-out),background-color .22s var(--ease-out)}.hero-viewer__surface[data-empty=true],.feature-row__shot[data-empty=true]{min-height:clamp(18rem,32vw,30rem)}.hero-viewer__surface img,.feature-row__shot img{position:relative;z-index:2;width:100%;height:auto;border:1px solid var(--border);background:var(--panel-strong);transition:transform .24s var(--ease-out),opacity .16s ease-out}.hero-viewer[data-hero-swapping=true] .hero-viewer__surface img{opacity:.84;transform:scale(.995)}.page-shell--landing .hero-viewer__surface,.page-shell--landing .feature-row__shot{overflow:visible;padding:0;border:0;background:transparent;box-shadow:none}.page-shell--landing .hero-viewer__surface img,.page-shell--landing .feature-row__shot img{border:0;background:transparent;filter:drop-shadow(0 18px 32px color-mix(in oklch,var(--text) 9%,transparent))}.page-shell--landing .hero-viewer__surface[data-empty=true],.page-shell--landing .feature-row__shot[data-empty=true]{min-height:clamp(18rem,32vw,30rem);overflow:hidden;padding:clamp(.9rem,1.6vw,1.2rem);border:1px solid color-mix(in oklch,var(--border) 72%,transparent);background:var(--panel)}.page-shell--landing .hero-viewer__surface img{transition:transform .22s var(--motion-out),opacity .16s ease-out,filter .22s var(--motion-out)}.page-shell--landing .hero-viewer[data-hero-swapping=true] .hero-viewer__surface img{opacity:.78;transform:scale(.988);filter:blur(2px) drop-shadow(0 18px 32px color-mix(in oklch,var(--text) 9%,transparent))}.shot-frame__placeholder{position:absolute;inset:0;z-index:1;display:grid;place-items:center;width:100%;height:100%;padding:clamp(1rem,2vw,1.5rem)}.shot-frame__placeholder-inner{display:grid;gap:.5rem;width:min(100%,30rem);color:var(--text-muted);text-align:center}.shot-frame__placeholder-inner strong{color:var(--text);font-family:var(--font-mono);font-size:.82rem;line-height:1.5;word-break:break-all}.shot-frame__placeholder-inner p{margin:0}.section__intro{grid-column:1 / span 4;display:grid;gap:.85rem;max-width:25rem}.section__body{grid-column:5 / -1}.section__body--wide{display:grid;gap:1.5rem}.section__intro--features{gap:1.25rem}.feature-story{display:grid;gap:.85rem;max-width:24rem}.feature-story h3{margin:0;font-family:var(--font-display);font-size:clamp(1.45rem,2.2vw,2rem);font-weight:500;line-height:1;letter-spacing:0;text-wrap:balance}.section__intro h2,.cta-strip__copy h2,.policy h1{margin:0;max-width:12ch;font-family:var(--font-display);font-size:clamp(2.15rem,4.4vw,4rem);font-weight:500;line-height:.96;letter-spacing:0;text-wrap:balance}.detail-panel h3,.feature-row__copy h3{margin:0;font-family:var(--font-display);font-size:clamp(1.28rem,2vw,1.75rem);font-weight:500;line-height:1.02;letter-spacing:0;text-wrap:balance}.supporting-copy,.policy__content p{margin:0;max-width:60ch;color:var(--text-muted);font-size:1rem;line-height:1.62;text-wrap:pretty}.detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem)}.detail-panel{display:grid;gap:.85rem;min-height:100%;padding-top:.9rem;border-top:1px solid var(--border)}.feature-rows{display:grid}.feature-rows{gap:clamp(2rem,4vw,3rem)}.feature-row{position:relative;padding-top:0;border-top:1px solid var(--border)}.page-shell--landing .feature-row{border-top-color:color-mix(in oklch,var(--border) 52%,transparent)}.feature-row:first-child{padding-top:0;border-top:0}.feature-row__copy{display:grid;grid-column:1 / -1;gap:.7rem;align-self:start;max-width:21rem}.feature-row__shot{grid-column:1 / -1;margin:0}.feature-points{display:grid;gap:.75rem;padding:0;margin:0;list-style:none}.feature-points--lead{gap:.7rem}.feature-row[data-feature-active=true] .feature-row__shot{border-color:color-mix(in oklch,var(--accent) 30%,var(--border-strong))}.page-shell--landing .feature-row[data-feature-active=true] .feature-row__shot{border-color:transparent;box-shadow:none}.feature-points li{display:grid;grid-template-columns:auto 1fr;gap:.75rem;align-items:start;color:var(--text-muted);font-size:.96rem;line-height:1.62}.feature-points li:before{content:"";width:.55rem;height:.55rem;margin-top:.45rem;background:var(--accent)}.page-shell--landing .feature-points li:before{width:.4rem;height:.4rem;margin-top:.5rem;border-radius:999px;background:color-mix(in oklch,var(--accent) 72%,var(--panel-strong))}.button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;min-height:48px;padding:.85rem 1.1rem;border:1px solid var(--border-strong);border-radius:var(--radius);background:transparent;color:var(--text);font-size:.94rem;font-weight:600;letter-spacing:0;transition:transform .12s var(--ease-out),border-color .16s var(--ease-out),background-color .16s var(--ease-out),color .16s var(--ease-out)}.button:active{transform:scale(.98)}.button--accent{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.button--ghost{background:var(--panel)}.button__text{line-height:1;white-space:nowrap}.button__mark{position:relative;width:1.125rem;height:.95rem;flex:none}.button__bar{position:absolute;top:0;left:0;width:2px;height:.38rem;border-radius:999px;background:currentColor;transform-origin:center center;transform:translate(var(--bar-x, 0),var(--bar-y, 0));transition:transform .22s var(--ease-out)}.button__bar:nth-child(1){--bar-x: 0px;--bar-y: 4px;--bar-hover-x: 0px;--bar-hover-y: 0px}.button__bar:nth-child(2){--bar-x: 4px;--bar-y: 4px;--bar-hover-x: 0px;--bar-hover-y: 9px}.button__bar:nth-child(3){--bar-x: 8px;--bar-y: 4px;--bar-hover-x: 8px;--bar-hover-y: 9px}.button__bar:nth-child(4){--bar-x: 12px;--bar-y: 4px;--bar-hover-x: 16px;--bar-hover-y: 0px}.button__bar:nth-child(5){--bar-x: 16px;--bar-y: 4px;--bar-hover-x: 16px;--bar-hover-y: 9px}.cta-strip{align-items:center}.cta-strip__copy{grid-column:1 / span 7;display:grid;gap:.85rem;max-width:38rem}.cta-strip__copy h2{font-size:clamp(2rem,4vw,3.4rem)}.cta-strip__actions{grid-column:8 / -1;display:flex;flex-wrap:wrap;align-items:center;gap:.85rem 1rem;justify-content:flex-start}.cta-strip__caption{width:100%}.download-facts{display:flex;flex-wrap:wrap;gap:.45rem;width:100%;padding:0;margin:0;list-style:none}.download-facts li{display:inline-flex;align-items:center;min-height:2.1rem;padding:.42rem .62rem;border:1px solid color-mix(in oklch,var(--border) 72%,transparent);color:var(--text-soft);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;line-height:1;text-transform:uppercase}.themes-section .section__intro{align-self:center;max-width:16rem}.themes-section .section__intro h2{max-width:11ch;font-size:clamp(1.55rem,2.4vw,2.15rem);line-height:1.02;letter-spacing:0}.themes-section .section__body{align-self:center}.theme-strip{overflow:visible;padding:.2rem 0 0}.theme-strip__row{display:flex;gap:clamp(.18rem,.38vw,.32rem);align-items:center;isolation:isolate;overflow:visible;padding:0}.theme-card{position:relative;flex:1 0 clamp(2.7rem,3vw,3.2rem);margin:0;transform-origin:center bottom;transition:transform .26s var(--ease-out),filter .26s var(--ease-out);will-change:transform}.theme-card:before{content:"";position:absolute;inset:-1.15rem -.18rem -.55rem}.theme-card img{width:100%;height:auto;transform-origin:center bottom;transition:transform .26s var(--ease-out),filter .26s var(--ease-out);filter:drop-shadow(0 10px 18px color-mix(in oklch,var(--text) 7%,transparent))}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-top:1rem;border-top:1px solid var(--border);color:var(--text-soft)}.site-footer__brand{color:var(--text-soft)}.site-footer__brand span{font-size:.9rem}.brand--static{padding-top:.2rem}.policy{display:grid;gap:1rem;max-width:44rem}.policy__content{display:grid;gap:1rem}html[data-theme-switching=true] [data-logo] .metn-logo__bar{animation:logo-bar-swap .26s var(--ease-out) both}html[data-theme-switching=true] .metn-logo__bar--1,html[data-theme-switching=true] .metn-logo__bar--2{animation-delay:0ms}html[data-theme-switching=true] .metn-logo__bar--3,html[data-theme-switching=true] .metn-logo__bar--5{animation-delay:32ms}html[data-theme-switching=true] .metn-logo__bar--4{animation-delay:64ms}.js .reveal{opacity:0;transform:translateY(10px)}.js .reveal[data-revealed=true]{animation:reveal-up .42s var(--ease-out) both;animation-delay:var(--delay, 0ms)}@keyframes reveal-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes logo-bar-swap{0%{transform:translateY(0) scaleY(1)}45%{transform:translateY(var(--bar-shift, 0)) scaleY(var(--bar-scale, 1))}to{transform:translateY(0) scaleY(1)}}@media(min-width:75rem){.section__intro{position:sticky;top:1rem}.js .page-shell--landing .feature-row__copy{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}}@media(hover:hover)and (pointer:fine){.site-nav__actions a:hover,.site-footer__links a:hover,.hero-viewer__toggle button:hover{color:var(--text)}.site-nav__actions a:hover:after,.site-nav__actions a:focus-visible:after,.site-footer__links a:hover:after,.site-footer__links a:focus-visible:after{opacity:.55;transform:scaleX(1)}.theme-toggle:hover{transform:translateY(-1px);color:var(--text);border-color:var(--border-strong)}.button:hover{transform:translateY(-1px);border-color:var(--text-soft);background:color-mix(in oklch,var(--panel) 86%,var(--accent) 14%)}.button--accent:hover{border-color:var(--accent-deep);background:var(--accent-deep)}.hero-viewer__surface:hover,.feature-row__shot:hover{transform:translateY(-2px);border-color:color-mix(in oklch,var(--accent) 32%,var(--border-strong))}.hero-viewer__surface:hover img,.feature-row__shot:hover img{transform:scale(1.006)}.page-shell--landing .hero-viewer__surface:hover,.page-shell--landing .feature-row__shot:hover{transform:none;border-color:transparent}.page-shell--landing .hero-viewer__surface:hover img,.page-shell--landing .feature-row__shot:hover img{transform:none}.theme-card:hover,.theme-card:focus-within{z-index:2;transform:translateY(-1.15rem)}.theme-card:hover img,.theme-card:focus-within img{transform:scale(3.5);filter:drop-shadow(0 24px 40px color-mix(in oklch,var(--text) 14%,transparent))}.button--download:hover .button__bar,.button--download:focus-visible .button__bar{transform:translate(var(--bar-hover-x, 0),var(--bar-hover-y, 0))}}@media(max-width:76rem){.masthead__intro,.hero-viewer,.section__intro,.section__body,.cta-strip__copy,.cta-strip__actions,.feature-row__shot,.feature-row__copy{grid-column:1 / -1}.feature-story{display:none}.feature-row__copy{display:grid;max-width:none}.page-shell--landing .section__intro{position:static}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:60rem){.page-shell,.policy-shell{padding-top:1rem}.site-nav,.site-footer{flex-direction:column;align-items:flex-start}.site-nav__actions{width:100%;justify-content:flex-start;gap:.25rem .9rem}.page-shell--landing{gap:clamp(3rem,10vw,4.5rem)}.detail-grid{grid-template-columns:1fr}}@media(max-width:42rem){.page-shell--landing .masthead{gap:.75rem}.page-shell--landing .masthead__intro{gap:.8rem}.page-shell--landing .masthead__summary{font-size:1rem;line-height:1.56}.page-shell--landing .masthead__actions{gap:.55rem}.page-shell--landing .masthead__actions .button{min-height:44px;padding:.72rem .95rem}.page-shell--landing .masthead__actions .button--ghost{min-height:32px;justify-content:flex-start;padding:.18rem 0;border-color:transparent;background:transparent}.page-shell--landing .proof-line{display:none}.hero-viewer__meta{flex-direction:column;align-items:stretch}.page-shell--landing .hero-viewer__caption{display:none}.page-shell--landing .hero-viewer--hero{margin-top:-.35rem}.page-shell--landing .hero-viewer--hero .hero-viewer__surface{max-height:clamp(11rem,52vw,15.5rem);overflow:hidden}.page-shell--landing .hero-viewer--hero .hero-viewer__surface img{transform-origin:top center}.masthead__intro h1{font-size:clamp(2.2rem,9.8vw,2.75rem);line-height:.98}.section__intro h2,.cta-strip__copy h2,.policy h1{font-size:clamp(1.9rem,11vw,2.8rem)}.theme-strip__row{overflow-x:auto;overflow-y:visible;padding:0 .1rem .85rem;scrollbar-width:none}.theme-strip__row::-webkit-scrollbar{display:none}.theme-card{flex:0 0 2.9rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}.js .reveal{opacity:1;transform:none}}