@font-face{font-family:NeyDot;src:url('widgets/fonts/nox-dot.woff') format('woff');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111;color:#171717;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.hub-header{height:92px;padding:0 4.2%;display:flex;align-items:center;justify-content:space-between;background:#111;color:#f2f2f2;border-bottom:1px solid #303030}.hub-brand{font-size:25px;letter-spacing:-1.3px;font-weight:750;display:flex;align-items:center;gap:10px}.brand-glyph{color:#d71920;font-size:33px;letter-spacing:0}.brand-period{align-self:flex-start;font-size:8px;letter-spacing:0;padding-top:7px;margin-left:-6px}.hub-label,.header-link,.product-top,.product-kicker,.composition-label,.phone-annotation,.product-bottom>div>span,.product-action,.hub-footer>span{font:10px/1.5 'Courier New',monospace;letter-spacing:1.2px}.hub-label{color:#888}.header-link{font-size:9px}.header-link span{margin-left:20px;color:#ff4d55;font-size:21px}.product-split{display:grid;grid-template-columns:1fr 1fr;max-width:1920px;margin:auto}.product{display:flex;flex-direction:column;min-height:calc(100svh - 150px);padding:32px 8.2% 22px;position:relative;overflow:hidden;isolation:isolate;transition:background .3s}.product:focus-visible{outline:3px solid #d71920;outline-offset:-6px}.widgets-product{background:#eae9e5;border-right:1px solid #363636}.island-product{background:#08080a;color:#f2f2f2}.product-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#747471}.island-product .product-top{color:#888}.version-pill{border:1px solid #bcbcb7;border-radius:30px;padding:6px 10px;font-size:8px;letter-spacing:.7px;white-space:nowrap}.island-product .version-pill{border-color:#3b3b3e}.version-pill i{display:inline-block;height:5px;width:5px;background:#d71920;border-radius:50%;margin-right:5px}.product-copy{padding-top:39px;position:relative;z-index:2}.product-kicker{font-size:8px;margin:0 0 13px;letter-spacing:1.5px}.product h1,.product h2{font-size:clamp(35px,4.5vw,76px);line-height:1.02;letter-spacing:-.065em;margin:0;font-weight:500}.product h1 .red{font-size:.82em;vertical-align:top;margin-left:4px}.red{color:#d71920}.product-description{font-size:13px;line-height:1.75;color:#656561;margin:19px 0 0}.island-product .product-description{color:#99999f}.widget-composition,.island-composition{position:relative;flex:1;min-height:250px;margin:18px -10px 12px}.widget-composition{display:block}.widget-tile{position:absolute;filter:drop-shadow(0 12px 17px #25252516);transition:transform .5s cubic-bezier(.2,.7,.2,1)}.widget-tile img{width:100%;height:auto;display:block}.clock-tile{left:5%;top:9%;width:72%;transform:rotate(-5deg)}.vinyl-tile{left:2%;top:37%;width:37%;transform:rotate(-8deg);z-index:2}.weather-tile{right:-2%;top:47%;width:61%;transform:rotate(6deg)}.composition-label{position:absolute;bottom:5%;right:5%;font-size:8px;color:#8c8c85;letter-spacing:1.4px}.composition-cross{position:absolute;top:15%;right:2%;font-size:19px;font-weight:200;color:#999}.product:hover .clock-tile{transform:rotate(-3deg) translateY(-4px)}.product:hover .vinyl-tile{transform:rotate(-4deg) translate(-3px,-3px)}.product:hover .weather-tile{transform:rotate(3deg) translateY(-3px)}.island-composition{min-height:275px;perspective:900px}.phone-top{position:absolute;top:13px;left:17%;width:70%;max-width:360px;height:310px;border:1px solid #424247;background:linear-gradient(135deg,#222228,#0b0b0d 80%);border-radius:39px 39px 0 0;box-shadow:0 0 0 4px #1b1b1e,0 0 0 5px #3b3b3f;transform:rotate(6deg) translateY(20px);transition:transform .5s cubic-bezier(.2,.7,.2,1);padding:15px 8px;overflow:hidden;mask-image:linear-gradient(#000 78%,transparent)}.product:hover .phone-top{transform:rotate(3deg) translateY(14px)}.phone-status{display:flex;justify-content:space-between;font-size:9px;margin:0 15px;color:#ccc}.hub-island{position:absolute;top:7px;left:50%;transform:translateX(-50%);height:29px;width:130px;background:#000;border:1px solid #242424;border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:3px 7px;z-index:3}.hub-cover{width:20px;height:20px;border-radius:3px;object-fit:cover}.hub-camera{width:8px;height:8px;border-radius:50%;background:#08080b;box-shadow:inset 0 0 2px #242428}.orbit-glyph{position:relative;width:19px;height:19px;background:repeating-conic-gradient(#eee 0deg 9deg,transparent 9deg 45deg);border-radius:50%;animation:glyph-turn 5s linear infinite}.orbit-glyph:after{content:'';position:absolute;inset:5px;background:#000;border-radius:50%}.orbit-glyph i{position:absolute;width:3px;height:3px;top:0;left:8px;border-radius:50%;background:#d71920;z-index:1}.island-render{margin:24px 2px 0;box-shadow:0 10px 30px #0006;border-radius:14px;overflow:hidden}.island-render img{width:100%;height:auto;display:block}.phone-home{padding:18px 9px;color:#6d6d75;font-size:19px;letter-spacing:-.7px;line-height:1.05}.phone-home em{font-family:NeyDot,monospace;font-style:normal;color:#888;font-size:18px}.phone-annotation{position:absolute;bottom:6%;left:0;font-size:7px;color:#666;letter-spacing:.8px}.island-composition .composition-cross{top:20%;right:0;color:#555}.product-bottom{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #bebeb8;padding:18px 0 16px;margin-top:18px}.island-product .product-bottom{border-color:#333337}.product-bottom strong{display:block;font-size:28px;font-weight:500;letter-spacing:-1.2px;margin-bottom:8px}.product-bottom>div>span{display:block;font-size:8px;color:#73736e;letter-spacing:1px}.island-product .product-bottom>div>span{color:#888}.round-arrow{height:45px;width:45px;border:1px solid #b2b2ac;border-radius:50%;display:grid;place-items:center;font-size:24px;transition:background .25s,color .25s,transform .25s}.island-product .round-arrow{border-color:#3b3b3f}.product:hover .round-arrow{background:#d71920;border-color:#d71920;color:#fff;transform:rotate(5deg)}.product-action{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1px;color:#6e6e69}.island-product .product-action{color:#999}.product-action>span{font-size:16px}.hub-footer{min-height:58px;padding:16px 4.2%;color:#777;display:flex;gap:20px;align-items:center;justify-content:space-between;background:#111;border-top:1px solid #303030}.hub-footer>span{font-size:8px}.hub-footer p{margin:0;font-size:10px}.hub-footer b{font-weight:400;color:#aaa}@keyframes glyph-turn{to{transform:rotate(360deg)}}@media(min-width:1600px){.widget-composition,.island-composition{min-height:340px}.phone-top{left:22%;top:24px}}@media(max-width:800px){.hub-header{height:72px;padding:0 6%}.hub-label{display:none}.product{padding:27px 7% 20px}.product-top{align-items:flex-start;gap:6px}.product-index{font-size:8px}.version-pill{font-size:7px;padding:5px 8px}.product-copy{padding-top:32px}.product h1,.product h2{font-size:clamp(32px,5.4vw,44px)}.product-description{font-size:11px}.widget-composition,.island-composition{min-height:240px}.phone-top{left:10%;width:84%;border-radius:27px 27px 0 0}.product-bottom strong{font-size:23px}.hub-footer p{display:none}}@media(max-width:580px){.hub-header{height:68px}.hub-brand{font-size:21px}.header-link{font-size:7px;letter-spacing:.5px}.header-link span{margin-left:8px}.product-split{grid-template-columns:1fr}.product{min-height:600px;padding:24px 7%}.widgets-product{border-right:0;border-bottom:1px solid #3b3b3b}.product-top{align-items:center}.product-copy{padding-top:26px}.product h1,.product h2{font-size:47px}.product-description{font-size:12px;margin-top:15px}.widget-composition{min-height:235px;margin:0 0 5px}.clock-tile{left:18%;top:3%;width:61%}.vinyl-tile{width:33%;left:5%;top:30%}.weather-tile{width:55%;right:0;top:36%}.island-composition{min-height:265px;margin:0}.phone-top{left:26%;width:62%;max-width:260px;height:300px;top:0}.phone-annotation{left:0;bottom:18%}.product-bottom{margin-top:4px;padding:15px 0}.product-bottom strong{font-size:27px}.hub-footer{padding:20px 7%}.composition-label{right:4%;bottom:3%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.phone-top{transform:rotate(3deg) translateY(10px)}}

.widget-composition,.island-composition{overflow:hidden}.weather-tile{width:43%;right:2%;top:36%}.phone-top{mask-image:none}.phone-top:after{content:"";position:absolute;left:0;right:0;bottom:0;height:70px;background:linear-gradient(transparent,#08080a);pointer-events:none}@media(max-width:580px){.weather-tile{width:44%;right:1%}}