/* Meltymoji: a bright little corner of the Mac desktop. */
@font-face{font-family:'Bricolage Grotesque';src:url('assets/fonts/bricolage-grotesque-latin.woff2') format('woff2');font-style:normal;font-weight:500 800;font-display:swap}
@font-face{font-family:'IBM Plex Sans';src:url('assets/fonts/ibm-plex-sans-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('assets/fonts/ibm-plex-mono-500-latin.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url('assets/fonts/ibm-plex-mono-600-latin.woff2') format('woff2');font-style:normal;font-weight:600;font-display:swap}
:root{--paper:#f8f6ef;--white:#fffefa;--ink:#202a32;--muted:#596670;--blue:#1767c9;--blue-dark:#113b70;--sky:#dcecf9;--line:#d8dedf;--yellow:#ffd765;--display:'Bricolage Grotesque',Georgia,sans-serif;--body:'IBM Plex Sans',sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}a{color:inherit}a:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:3px}::selection{background:#b8d9fa;color:#102c4c}
.container{width:min(100% - 88px,1320px);margin-inline:auto}.skip-link{position:absolute;left:16px;top:-70px;padding:10px 16px;background:var(--ink);color:white;z-index:20}.skip-link:focus{top:10px}
.site-header{position:relative;z-index:2;border-bottom:1px solid #e5e4dc;background:var(--paper)}.header-inner{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;text-decoration:none;font-family:var(--display);font-weight:800;font-size:25px;letter-spacing:-.07em;line-height:1}.brand img{border-radius:11px}.brand-period{color:var(--blue)}.header-nav{display:flex;align-items:center;gap:36px}.header-nav a,.site-footer nav a{font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.header-nav a:hover,.site-footer a:hover{color:var(--blue)}.header-nav .header-contact{display:inline-flex;align-items:center;gap:12px;background:var(--ink);color:white;padding:10px 17px;border-radius:7px}.header-nav .header-contact:hover{background:var(--blue);color:white}
.hero{overflow:hidden}.hero-grid{min-height:680px;display:grid;grid-template-columns:minmax(380px,.88fr) minmax(0,1.12fr);align-items:center;gap:30px;padding-block:65px 74px}.hero-copy{position:relative;z-index:1;padding-bottom:12px;animation:rise-in .7s both}.eyebrow{margin:0 0 22px;font:600 11px/1.5 var(--mono);letter-spacing:.095em;color:var(--blue-dark);text-transform:uppercase}.eyebrow-mark{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:var(--blue);vertical-align:1px}.hero h1,h2,h3,p{margin-top:0}.hero h1,.section-copy h2,.details-heading h2,.closing-inner h2{font-family:var(--display);letter-spacing:-.065em;font-weight:800;line-height:1.035}.hero h1{font-size:clamp(58px,5.7vw,91px);max-width:650px;margin-bottom:29px}.hero h1 em,.section-copy h2 em,.closing-inner h2 em{font-weight:inherit;font-style:normal;color:var(--blue)}.hero-intro{max-width:480px;font-size:20px;line-height:1.48;color:#46535b;margin-bottom:29px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:15px 20px;border-radius:8px;text-decoration:none;font-weight:700;font-size:15px;line-height:1.2;transition:transform .2s,background .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button span{font-size:19px;line-height:1}.button-blue{background:var(--blue);color:white;box-shadow:0 6px 0 #bdcfdf}.button-blue:hover{background:#0c57b1;box-shadow:0 9px 0 #bdcfdf}.hero-platform{font:500 12px var(--mono);color:var(--muted)}.hero-aside{margin:47px 0 0;font-size:13px;color:#6c7477}.hero-art{position:relative;min-height:565px;display:flex;align-items:center;isolation:isolate;animation:rise-in .75s .12s both}.hero-art:before{content:"";position:absolute;z-index:-1;inset:25px -85px 13px 15px;background:var(--sky);border-radius:160px 8px 8px 8px;transform:rotate(-3deg)}.hero-art:after{content:"";position:absolute;z-index:-1;width:190px;height:190px;border:2px dashed #a7c9eb;border-radius:50%;right:-82px;top:0}.hero-screenshot{width:calc(100% + 20px);height:auto;max-width:none;flex:none;margin-left:-8px;filter:drop-shadow(0 30px 28px rgba(16,47,75,.18));position:relative}.art-label{position:absolute;right:1%;top:-5px;z-index:1;font:600 11px var(--mono);letter-spacing:.08em;color:var(--blue-dark);transform:rotate(5deg)}.art-label span{font-size:20px}.art-stamp{position:absolute;z-index:1;right:-48px;bottom:-8px;width:110px;height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:var(--yellow);border:2px solid #e7b938;text-align:center;font:700 16px/1.05 var(--display);letter-spacing:-.035em;transform:rotate(11deg);box-shadow:0 8px 0 rgba(31,79,116,.13)}.art-stamp span{font-size:19px;margin-top:2px}
.instruction-strip{background:var(--blue-dark);color:#f8fbff}.strip-inner{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:-.025em}.strip-inner b{font:500 11px var(--mono);color:#9ec9f5;margin-right:15px}.strip-arrow{color:#8db7e3;font-size:22px;font-weight:400}
.section-pad{padding-block:120px}.section-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:85px;align-items:center}.section-copy h2{font-size:clamp(43px,4.5vw,68px);max-width:620px;margin-bottom:26px}.section-copy>p:not(.eyebrow){font-size:19px;color:#4c5961;max-width:550px;line-height:1.55}.detail-rule{height:1px;background:var(--line);margin:33px 0 26px;max-width:460px}.section-copy .small-detail{display:flex;align-items:flex-start;gap:16px;font-size:15px!important;line-height:1.5!important}.detail-symbol{color:var(--blue);font-size:37px;line-height:.8;font-family:Georgia,serif}.screenshot-figure{min-width:0;margin:0}.figure-surface{padding:37px;background:var(--sky);border-radius:18px;overflow:hidden}.figure-surface img{width:100%;height:auto;filter:drop-shadow(0 18px 20px rgba(23,56,89,.16))}.screenshot-figure figcaption{padding-top:12px;font:500 11px/1.5 var(--mono);color:#6a7580}.search-section{background:var(--white)}.search-figure{transform:rotate(1.5deg)}.search-figure figcaption{transform:rotate(-1.5deg)}.menubar-section{background:#f0f5f7}.menubar-grid{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr)}.menubar-figure .figure-surface{background:#dbeaf4;padding:28px 31px 25px}.menubar-figure{transform:rotate(-1deg)}.menubar-figure figcaption{transform:rotate(1deg)}.menubar-section .section-copy{padding-left:8px}.mode-note{display:flex;align-items:center;gap:16px;margin-top:30px;padding:19px 22px;border-left:3px solid var(--blue);background:white;font-size:15px;line-height:1.4;max-width:440px}.mode-note span:first-child{font-size:29px}
.details-section{background:var(--paper)}.details-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:43px}.details-heading h2{font-size:clamp(42px,4.4vw,67px);margin:0;max-width:800px}.details-heading>p{max-width:280px;color:var(--muted);margin:0 0 5px;font-size:16px}.details-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--line);gap:1px}.detail-card{position:relative;min-height:340px;padding:32px 32px 30px;background:var(--white)}.card-emoji{display:block;font-size:43px;line-height:1;margin-bottom:53px}.card-number{position:absolute;top:36px;right:32px;font:500 11px var(--mono);color:#71818b}.detail-card h3{font:800 26px/1.08 var(--display);letter-spacing:-.045em;max-width:250px;margin-bottom:16px}.detail-card p{color:#536068;font-size:15px;line-height:1.55;max-width:300px;margin-bottom:0}
.closing-section{overflow:hidden;background:#143a6a;color:#f9fbff}.closing-inner{min-height:450px;display:flex;align-items:center;justify-content:space-between;gap:45px;padding-block:76px}.closing-inner>div{max-width:790px}.closing-inner .eyebrow{color:#a9d4ff}.closing-inner h2{font-size:clamp(47px,5vw,76px);margin-bottom:17px}.closing-inner h2 em{color:#ffd86b}.closing-inner p:not(.eyebrow){font-size:19px;color:#d7e6f5;margin-bottom:25px}.button-cream{background:var(--yellow);color:#132c4b}.button-cream:hover{background:#ffe28b}.closing-requirements{display:block;margin-top:28px;color:#acc6df;font:500 11px var(--mono);letter-spacing:.04em}.closing-icon{width:clamp(175px,21vw,295px);flex:none;transform:rotate(9deg);filter:drop-shadow(18px 25px 0 rgba(5,25,50,.22))}
.site-footer{background:var(--paper)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:43px;border-bottom:1px solid var(--line)}.site-footer nav{display:flex;gap:30px;flex-wrap:wrap}.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding-block:24px;font-size:13px;color:#626e76}.footer-bottom div{display:flex;gap:24px}.footer-bottom a{text-decoration:none}.footer-bottom a:hover{color:var(--blue)}
/* Privacy page */.page-heading{padding:90px 0 55px;border-bottom:1px solid var(--line)}.page-heading h1{font:800 clamp(54px,7vw,90px)/1 var(--display);letter-spacing:-.07em;margin:0 0 16px}.page-heading p:last-child{color:var(--muted);font-size:19px;margin:0}.prose{max-width:770px;padding-block:65px 115px}.prose h2{font:800 30px/1.1 var(--display);letter-spacing:-.045em;margin:45px 0 14px}.prose h2:first-child{margin-top:0}.prose p,.prose li{font-size:17px;color:#43515a}.prose a{color:var(--blue);text-underline-offset:3px}
@keyframes rise-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1150px){.container{width:min(100% - 56px,1320px)}.hero-grid{grid-template-columns:minmax(315px,.85fr) minmax(0,1.15fr);gap:15px;min-height:610px}.hero-art{min-height:460px}.hero h1{font-size:clamp(55px,6vw,76px)}.hero-screenshot{width:calc(100% + 50px)}.section-grid{gap:45px}.figure-surface{padding:22px}.section-copy h2{font-size:clamp(40px,4.5vw,58px)}}
@media(max-width:760px){.container{width:min(100% - 38px,600px)}.header-inner{min-height:74px}.brand{font-size:22px}.brand img{width:37px;height:37px}.header-nav{gap:0}.header-nav>a:not(.header-contact){display:none}.header-nav .header-contact{font-size:12px;padding:9px 11px;gap:5px}.hero-grid{display:block;min-height:0;padding-block:64px 55px}.hero-copy{padding-bottom:0}.hero h1{font-size:clamp(54px,12vw,78px);max-width:600px;margin-bottom:20px}.hero-intro{font-size:18px}.hero-aside{margin:36px 0 35px}.hero-art{min-height:0;margin:0 -5px;display:block;padding:36px 0 25px}.hero-art:before{inset:12px -50px 12px 0;border-radius:80px 4px 4px 4px}.hero-art:after{width:120px;height:120px;right:-42px;top:0}.hero-screenshot{width:calc(100% + 22px);margin-left:0}.art-label{top:0;right:0;font-size:9px}.art-stamp{right:-4px;bottom:-5px;width:74px;height:74px;font-size:12px}.art-stamp span{font-size:14px}.strip-inner{min-height:76px;gap:8px;font-size:12px}.strip-inner b{display:block;font-size:9px;margin:0 0 2px}.strip-arrow{font-size:16px}.section-pad{padding-block:80px}.section-grid,.menubar-grid{display:flex;flex-direction:column;gap:35px;align-items:stretch}.section-copy h2{font-size:clamp(43px,9vw,62px)}.section-copy>p:not(.eyebrow){font-size:17px}.search-figure,.menubar-figure{transform:none}.search-figure figcaption,.menubar-figure figcaption{transform:none}.menubar-grid .menubar-figure{order:2}.menubar-grid .section-copy{order:1;padding-left:0}.figure-surface,.menubar-figure .figure-surface{padding:14px;border-radius:12px}.details-heading{display:block;margin-bottom:30px}.details-heading>p{max-width:450px;margin-top:18px}.details-grid{grid-template-columns:1fr}.detail-card{min-height:0;padding:27px}.card-emoji{margin-bottom:25px}.card-number{top:30px;right:27px}.detail-card h3{max-width:none}.closing-inner{min-height:0;padding-block:75px;align-items:flex-end}.closing-inner h2{font-size:clamp(49px,9vw,68px)}.closing-icon{width:135px;margin-right:-65px;margin-bottom:12px;opacity:.7}.footer-top{align-items:flex-start;flex-direction:column;padding-block:36px;gap:26px}.site-footer nav{gap:13px 24px}.footer-bottom{flex-direction:column;gap:12px}.page-heading{padding:65px 0 40px}.prose{padding-block:45px 80px}}
@media(max-width:400px){.hero h1{font-size:53px}.hero-platform{width:100%}.hero-actions{gap:15px}.closing-icon{display:none}.strip-inner{font-size:11px}.site-footer nav{gap:12px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy,.hero-art{animation:none}.button,.header-nav a,.site-footer a{transition:none}}
