:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;color:#252133;background:#f5f4f8;font-synthesis:none;-webkit-font-smoothing:antialiased;--device-scale:.75}
*{box-sizing:border-box}body{margin:0;min-width:280px;background:radial-gradient(ellipse at 77% 42%,#e9e4f6 0,transparent 48%),radial-gradient(ellipse at 10% 90%,#efedf5 0,transparent 45%),#f5f4f8}button,a{-webkit-tap-highlight-color:transparent}
.showcase{min-height:100dvh;max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:24px 46px}
.preview-copy{padding-left:10px;padding-bottom:16px}.preview-brand{display:flex;align-items:center;gap:12px;margin-bottom:52px}.preview-brand img{width:39px;height:39px;border-radius:12px}.preview-brand strong{display:block;font-size:21px;letter-spacing:-.5px;font-weight:750}.preview-brand div>span{display:block;font-size:10px;letter-spacing:1.1px;color:#9e97ac;margin-top:5px}.preview-eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;letter-spacing:2px;color:#8f80b0;margin:0 0 18px}.preview-eyebrow>span{width:5px;height:5px;border-radius:50%;background:#9f89dc}.preview-copy h1{font-size:46px;letter-spacing:-2px;line-height:1.38;font-weight:750;margin:0 0 22px}.preview-description{font-size:14px;line-height:2.1;color:#8b829c;margin:0}.preview-steps{display:flex;list-style:none;gap:26px;padding:0;margin:29px 0 37px}.preview-steps li{font-size:12px;color:#766a8c}.preview-steps li>span{display:block;color:#b8a8d2;font-size:10px;margin-bottom:7px;letter-spacing:1px;font-variant-numeric:tabular-nums}.interaction-tip{display:flex;align-items:center;gap:7px;font-size:11px;color:#8d7eaa;margin:0}.interaction-tip svg{width:17px;height:17px}.preview-version{font-size:10px;letter-spacing:.7px;color:#b8b0c4;margin:13px 0 0 24px}
.device-column{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0}.device-stage{width:calc(414px * var(--device-scale));height:calc(844px * var(--device-scale));position:relative;flex:none}.phone-device{position:absolute;left:0;top:0;width:414px;height:844px;padding:10px;border:2px solid #79777f;border-radius:58px;background:linear-gradient(125deg,#37353d,#141318 47%,#343139);box-shadow:inset 0 0 0 2px #0c0b10,inset 0 0 0 3px #66636d,0 36px 65px -24px #3021464a,0 9px 18px -9px #30214644;transform:scale(var(--device-scale));transform-origin:top left}.device-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:46px;background:#fff;display:flex;flex-direction:column;isolation:isolate;outline:1px solid #000}.device-status{height:43px;min-height:43px;display:flex;align-items:center;justify-content:space-between;padding:4px 25px 0 28px;background:#fff;color:#252133;position:relative;user-select:none}.device-status time{font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.4px;min-width:40px}.device-island{position:absolute;left:50%;top:9px;transform:translateX(-50%);width:109px;height:27px;border-radius:20px;background:#141318;box-shadow:inset 0 0 0 1px #08080b;display:flex;align-items:center;justify-content:flex-end;padding-right:10px}.device-island i{height:8px;width:8px;border-radius:50%;background:radial-gradient(circle at 40% 38%,#1b2649,#0c111e 55%,#1b1a22 75%);box-shadow:0 0 0 2px #19171e}.status-icons{display:flex;align-items:center;gap:5px}.status-icons svg{width:15px;height:14px}.status-icons .battery{width:24px}.device-screen iframe{width:100%;flex:1;min-height:0;display:block;border:0;background:#f7f7fb}.device-home{height:18px;min-height:18px;display:flex;justify-content:center;align-items:center;background:#fff;user-select:none}.device-home span{display:block;width:118px;height:4px;border-radius:4px;background:#29252e}.device-button{position:absolute;width:4px;background:linear-gradient(90deg,#5c5961,#99959e,#28262e);border-radius:3px 0 0 3px;left:-5px;box-shadow:0 0 1px #36333a}.silent-button{top:102px;height:23px}.volume-up{top:151px;height:48px}.volume-down{top:212px;height:48px}.power-button{left:auto;right:-5px;top:175px;height:77px;border-radius:0 3px 3px 0;background:linear-gradient(90deg,#28262e,#99959e,#5c5961)}.device-caption{font-size:10px;color:#aca2bd;letter-spacing:1px;margin:16px 0 0;display:flex;align-items:center;gap:6px}.device-caption>span{width:5px;height:5px;background:#a4b695;border-radius:50%}.no-script{position:fixed;bottom:0;background:#fff;padding:20px;width:100%;margin:0;text-align:center}
@media(min-height:950px){.preview-copy h1{font-size:51px}.preview-brand{margin-bottom:64px}}
@media(max-width:900px){.showcase{gap:36px;padding:24px 30px}.preview-copy{padding-left:0}.preview-copy h1{font-size:38px;letter-spacing:-1.6px}.preview-steps{gap:20px}.preview-description{font-size:13px}}
@media(max-width:700px){.showcase{display:flex;justify-content:center;padding:18px 18px 14px;min-height:100dvh}.preview-copy{display:none}.device-caption{margin-top:12px;font-size:9px}}
@media(prefers-reduced-motion:no-preference){.preview-copy{animation:appear .5s ease-out}.device-column{animation:appear .65s ease-out}@keyframes appear{from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}}