/* Plastic: the pages around the product pages (home, "almost ready"). The same ground, ink, red and type as
   the DOT page (dot/style.css), in a few lines. */
@font-face{font-family:"Uncut Sans";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/uncut-sans-400.woff2) format("woff2")}
:root{--paper:#F2F0EA;--ink:#0A0908;--grey:#86847E;--hair:#3A3834;--red:#DA291C;--u:clamp(16px,1.25vw,24px)}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--ink);color:var(--paper);font-family:"Uncut Sans","Helvetica Neue",Helvetica,sans-serif;font-feature-settings:"kern","liga","ss02","ss05","ss06";font-size:var(--u);line-height:1.1875;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
p{margin:0}
.wrap{width:100%;max-width:1920px;margin:0 auto;padding:0 calc(var(--u)*2)}
.top{display:flex;align-items:center;justify-content:space-between;height:calc(var(--u)*4)}
.word{font-size:var(--u);letter-spacing:-0.005em}
.word .dot{display:inline-block;width:.42em;height:.42em;margin-left:.06em;border-radius:50%;background:var(--red)}
.link{display:inline-flex;align-items:center;height:calc(var(--u)*2.5);padding:0 var(--u);border-radius:999px;transition:background-color .15s ease}
.link:hover{background:rgba(242,240,234,.1)}
.link .h{margin-left:calc(var(--u)*.5);color:var(--grey)}
main{flex:1}
.stage{margin:calc(var(--u)*8) 0 0;font-weight:400;font-size:min(max(min(128px,12.6vw),calc(100vw*128/1440)),calc(1920px*128/1440));line-height:.9;letter-spacing:-0.02em;text-transform:uppercase}
.lede{max-width:calc(var(--u)*36);margin-top:calc(var(--u)*3);font-size:calc(var(--u)*1.25);line-height:1.2;color:#D3D1CA}
.label{color:var(--grey);font-size:calc(var(--u)*.875);line-height:1.2857;letter-spacing:.08em;text-transform:uppercase}
.apps{margin-top:calc(var(--u)*8);border-top:1px solid var(--hair)}
.app{display:grid;grid-template-columns:calc(var(--u)*3) minmax(0,1fr) auto;gap:calc(var(--u)*1.5);align-items:center;padding:calc(var(--u)*1.5) 0;border-bottom:1px solid var(--hair)}
.app img{width:calc(var(--u)*3);height:calc(var(--u)*3);display:block}
.app .name{font-size:calc(var(--u)*1.25);line-height:1.2}
.app .what{margin-top:calc(var(--u)*.25);color:var(--grey)}
.app:hover .go{background:rgba(242,240,234,.1)}
.go{display:inline-flex;align-items:center;gap:calc(var(--u)*.5);height:calc(var(--u)*2.5);padding:0 var(--u);border-radius:999px;transition:background-color .15s ease}
.go svg{fill:none;stroke:currentColor;stroke-width:1.2}
.foot{display:flex;justify-content:space-between;gap:calc(var(--u)*3);margin-top:calc(var(--u)*8);padding:var(--u) 0 calc(var(--u)*2);border-top:1px solid var(--hair);color:var(--grey);font-size:calc(var(--u)*.875);line-height:1.2857}
.foot a{box-shadow:inset 0 -1px 0 var(--grey)}
.key{display:inline-flex;align-items:center;gap:calc(var(--u)*1.5);height:calc(var(--u)*3);padding:0 calc(var(--u)*20/18);border-radius:999px;background:var(--red);color:#FFFFFF;font-size:calc(var(--u)*1.25);transition:background-color .15s ease}
.key:hover{background:#B91F14}
.key .h{color:rgba(255,255,255,.62)}
.ctas{display:flex;flex-wrap:wrap;gap:calc(var(--u)*.5);margin-top:calc(var(--u)*4)}
@media (max-width:699px){.wrap{padding:0 var(--u)}.stage{margin-top:calc(var(--u)*5)}.app{grid-template-columns:calc(var(--u)*3) minmax(0,1fr)}.app .go{display:none}.foot{flex-direction:column;gap:var(--u)}}