@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=DM+Sans:wght@400;500;600&display=swap');*{box-sizing:border-box}body{margin:0;background:#f2f4f4;color:#233e51;font-family:'DM Sans',sans-serif}.workspace{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:clamp(35px,8vw,130px);padding:25px}.intro{width:285px}.intro img{width:212px;height:80px;object-fit:contain}.eyebrow{font-size:9px;letter-spacing:2px;color:#9d8876;margin-top:36px}h1{font:600 36px/1.25 Manrope;letter-spacing:-1.4px}p{font-size:12px;line-height:1.9;color:#7c909e}nav{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}nav a{font-size:10px;text-decoration:none;border:1px solid #dce4e9;padding:10px 12px;border-radius:8px;color:#79909f;background:#ffffff80}nav a.active{background:white;color:#23465d;border-color:#aebfca}.note{font-size:10px;margin-top:30px;color:#96a6b0}.device-area{display:flex;flex-direction:column;align-items:center}.device-label{font-size:8px;letter-spacing:1.8px;color:#97a7b1;margin:0 0 12px}#device{width:464px;height:980px;padding:12px;background:#263039;border-radius:66px;box-shadow:0 22px 65px #172d4020,inset 0 0 0 1px #abb3b9,inset 0 0 0 4px #3d464d;transform-origin:top left}iframe{width:440px;height:956px;border:0;border-radius:54px;background:white;outline:4px solid #0b1118}@media(max-width:767px),(hover:none) and (pointer:coarse){body{background:white}.workspace{padding:0;display:block}.intro,.device-label{display:none}#device-fit{width:100%!important;height:100dvh!important}#device{padding:0;border-radius:0;width:100%;height:100%;transform:none!important;box-shadow:none;background:white}iframe{width:100%;height:100%;border-radius:0;outline:none}}