.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px}.phone-demo{perspective:1400px;isolation:isolate;place-items:center;min-width:0;min-height:740px;display:grid;position:relative}.demo-ground{filter:blur(22px);opacity:.55;background:#071d6b;border-radius:50%;width:270px;height:45px;position:absolute;bottom:35px;transform:rotate(-8deg)}.demo-device{background:linear-gradient(115deg,#f4f1eb 0%,#8a8b91 5%,#d0d0d2 14%,#64656a 47%,#e5e2dd 76%,#6a6b70 100%);border-radius:51px;width:310px;height:636px;padding:9px;position:relative;transform:rotate(-7deg)rotateY(-9deg);box-shadow:inset 0 0 0 1px #eeeeeb,inset 0 0 0 3px #56585d,5px 7px #333941,8px 12px #9b9ca0,20px 30px 38px #071b644d}.demo-device:after{content:"";pointer-events:none;border:1px solid #ffffff80;border-radius:47px;position:absolute;inset:4px}.demo-screen{isolation:isolate;color:#11192c;background:#bfcbe3;border:5px solid #090c12;border-radius:43px;height:100%;position:relative;overflow:hidden}.demo-wallpaper{z-index:-1;background:linear-gradient(145deg,#def0fa,#a6bce2 35%,#668bd0 70%,#dde8f4);position:absolute;inset:0;overflow:hidden}.demo-wallpaper i{border:30px solid #e0eafa8c;border-radius:48%;width:430px;height:570px;position:absolute;top:-160px;left:90px;transform:rotate(32deg);box-shadow:inset 10px 10px 45px #fbfeff70,12px 16px 45px #335e9b80}.demo-wallpaper i:nth-child(2){border-width:55px;border-color:#6b92cd80;top:210px;left:-300px}.demo-wallpaper i:nth-child(3){border-color:#eff5ff70;width:340px;height:340px;top:395px;left:20px}.demo-side{background:linear-gradient(#98999e,#414953,#b3b4b8);border:1px solid #bec0c5;border-radius:3px;width:4px;position:absolute}.side-volume{height:68px;top:143px;left:-4px;box-shadow:0 -47px 0 -1px #a3a6ac}.side-power{height:73px;top:185px;right:-4px}.demo-status{justify-content:space-between;align-items:center;height:51px;padding:0 20px;font:600 13px Arial,sans-serif;display:flex;position:relative}.demo-status>svg{width:48px;height:14px}.demo-island{background:#090c12;border-radius:18px;width:85px;height:25px;position:absolute;top:10px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #000}.demo-island i{background:radial-gradient(circle at 35% 30%,#344a78,#141c30 45%,#080d14 70%);border-radius:50%;width:8px;height:8px;position:absolute;top:8px;right:8px}.demo-clock{text-align:center;letter-spacing:-4px;color:#213655d9;margin:8px 0 23px;font:600 63px/1.15 DM Sans Variable,sans-serif}.demo-clock span{opacity:.8}.demo-widget{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:linear-gradient(125deg,#faffffe6,#f3f7ffad);border:1px solid #ffffffb8;border-radius:27px;margin:0 16px;padding:17px 17px 12px;box-shadow:0 9px 22px #26466d26,inset 1px 1px #fff}.demo-widget-brand{color:#576881;align-items:center;gap:6px;font-size:10px;display:flex}.demo-widget-brand img{border-radius:6px}.demo-widget-dot{background:#6e91c8;border-radius:50%;width:5px;height:5px;margin-left:auto}.demo-word{letter-spacing:-1.5px;color:#172a48;margin-top:14px;font:600 36px/1.1 DM Sans Variable,sans-serif;display:block}.demo-phonetic{color:#697b94;margin:7px 0;font:12px/1.3 Arial,sans-serif;display:block}.demo-meaning{color:#536780;margin:0 0 20px;font-size:13px}.demo-speak{color:#2457eb;cursor:pointer;text-align:left;background:#fff9;border:1px solid #ffffffab;border-radius:15px;align-items:center;gap:9px;width:100%;min-height:44px;padding:10px 12px;font:600 11px/1.3 DM Sans Variable,sans-serif;transition:background .18s,box-shadow .18s;display:flex;box-shadow:0 3px 7px #233f7912}.demo-speak:hover{background:#fff;box-shadow:0 3px 10px #2457eb24}.demo-speak:active{background:#dce7ff}.demo-speak:focus-visible{outline-offset:3px;outline:3px solid #2457eb}.demo-speak>svg{flex-shrink:0;width:21px;height:21px}.demo-speak>span:not(.demo-equalizer){min-width:0}.demo-equalizer{align-items:center;gap:3px;height:20px;margin-left:auto;display:flex}.demo-equalizer i{background:currentColor;border-radius:3px;width:2px;height:5px}.demo-equalizer i:nth-child(2){height:13px}.demo-equalizer i:nth-child(3){height:9px}.demo-equalizer i:nth-child(4){height:16px}[data-playing=true] .demo-equalizer i{animation:.45s ease-in-out infinite alternate demo-level}[data-playing=true] .demo-equalizer i:nth-child(2n){animation-delay:-.22s}@keyframes demo-level{to{transform:scaleY(.3)}}.demo-app-grid{justify-content:space-between;padding:24px 22px;display:flex}.demo-app{color:#fff;border-radius:12px;place-items:center;width:43px;height:43px;font:500 24px Arial,sans-serif;display:grid;box-shadow:0 3px 7px #172a4826,inset 0 1px #ffffffa6}.demo-calendar{color:#24324b;background:linear-gradient(#ef6a70 25%,#fff 25%);padding-top:9px;font-size:22px}.demo-photo{background:conic-gradient(#ed6b6b,#efbb51,#83c99d,#648fdf,#c78bd6,#ed6b6b);font-size:39px}.demo-note{background:linear-gradient(#ffd761 25%,#fff 25%);flex-direction:column;gap:5px;padding:14px 8px 3px;display:flex}.demo-note i{background:#d8dce3;width:100%;height:1px}.demo-brand{background:#f4f7fd}.demo-brand img{border-radius:12px;width:100%;height:100%}.demo-page-dots{justify-content:center;gap:5px;margin:4px 0 21px;display:flex}.demo-page-dots i{background:#fff7;border-radius:50%;width:4px;height:4px}.demo-page-dots i:first-child{background:#fff}.demo-dock{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ebf3ff59;border:1px solid #ffffff45;border-radius:27px;justify-content:space-between;padding:13px 12px;display:flex;position:absolute;bottom:20px;left:12px;right:12px}.demo-call{background:linear-gradient(#64db83,#24b752)}.demo-browser{background:radial-gradient(circle,#64ccff,#247de0)}.demo-message{background:linear-gradient(#70df86,#32b95d)}.demo-music{background:linear-gradient(#f87989,#e54363)}.demo-home-indicator{background:#1c273e;border-radius:4px;width:97px;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.demo-audio-fallback{color:#2457eb;background:#fff;border-radius:8px;padding:8px 12px;font-size:13px;position:absolute;bottom:0}@media (max-width:1050px){.hero{gap:24px}.demo-device{width:280px;height:580px}.phone-demo{min-height:680px}.demo-widget{margin:0 12px;padding:14px}.demo-clock{margin-bottom:18px;font-size:53px}.demo-word{font-size:33px}.demo-app-grid{padding:20px 18px}.demo-dock{padding:11px 10px}.demo-app{width:39px;height:39px}.demo-meaning{margin-bottom:14px}}@media (max-width:650px){.phone-demo{min-height:675px;margin-top:20px}.demo-device{width:280px;height:580px;transform:rotate(-5deg)}.demo-ground{bottom:28px}.hero{padding-bottom:25px}.legal-grid aside{top:auto}}@media (prefers-reduced-motion:reduce){.demo-speak{transition:none}[data-playing=true] .demo-equalizer i{animation:none}}