:root{
  color-scheme:dark;
  --bg:#07100b;
  --panel:rgba(14,24,19,.78);
  --glass:rgba(255,255,255,.1);
  --stroke:rgba(255,255,255,.18);
  --text:#f3fff8;
  --muted:#aac0b2;
  --android:#3ddc84;
  --android-2:#00b36b;
  --blue:#61a8ff;
  --shadow:0 28px 90px rgba(0,0,0,.55);
}
*{box-sizing:border-box}
[hidden]{display:none!important}
html,body{height:100%;margin:0;overflow-x:hidden;background:radial-gradient(circle at 20% 20%,#143d2a 0,#07100b 36%,#030504 100%);font-family:Inter,Roboto,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text)}
button,input{font:inherit;color:inherit}button{border:0;cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid rgba(61,220,132,.55);outline-offset:2px}.stage{min-height:100%;display:grid;grid-template-columns:minmax(280px,520px) minmax(340px,480px);gap:clamp(24px,5vw,80px);align-items:center;justify-content:center;padding:42px 22px;position:relative}.stage:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(61,220,132,.08),transparent);pointer-events:none}.intro{position:relative;z-index:1}.eyebrow{color:var(--android);font-weight:800;letter-spacing:.18em;text-transform:uppercase;font-size:12px}.intro h1{font-size:clamp(52px,8vw,112px);line-height:.86;margin:14px 0 18px;letter-spacing:-.08em}.intro p{font-size:clamp(18px,2.3vw,24px);line-height:1.45;color:#d4e8dc;max-width:620px}.hints{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.hints span{border:1px solid var(--stroke);background:rgba(255,255,255,.08);backdrop-filter:blur(14px);border-radius:999px;padding:10px 14px;color:#dff5e9}.phone{position:relative;z-index:2;width:min(92vw,390px);aspect-ratio:9/19.5;border-radius:48px;padding:12px;background:linear-gradient(145deg,#1b2320,#020403 48%,#334039);box-shadow:var(--shadow),inset 0 0 0 1px rgba(255,255,255,.15)}.phone:before{content:"";position:absolute;top:8px;left:50%;translate:-50% 0;width:96px;height:25px;background:#050807;border-radius:0 0 22px 22px;z-index:5}.hardware-button{position:absolute;background:#18221d;border-radius:6px}.volume{left:-4px;top:132px;width:4px;height:78px}.power{right:-4px;top:184px;width:4px;height:64px}.screen{height:100%;position:relative;overflow:hidden;border-radius:38px;background:linear-gradient(160deg,#0a190f,#102b1b 45%,#020403);isolation:isolate}.wallpaper-orb{position:absolute;border-radius:999px;filter:blur(2px);opacity:.72;z-index:-1}.orb-a{width:280px;height:280px;background:radial-gradient(circle,#43ff99,transparent 68%);right:-96px;top:80px}.orb-b{width:310px;height:310px;background:radial-gradient(circle,#3485ff,transparent 67%);left:-145px;bottom:80px}.status-bar{height:44px;display:flex;align-items:end;justify-content:space-between;padding:0 24px 8px;position:relative;z-index:10;font-size:13px;font-weight:700}.status-time{background:none;padding:0}.status-icons{display:flex;gap:7px;align-items:center}.battery{width:22px;height:11px;border:1.8px solid #fff;border-radius:3px;display:inline-flex;padding:1px}.battery:after{content:"";width:2px;height:5px;background:#fff;border-radius:2px;margin:auto -5px auto 3px}.battery i{display:block;width:70%;background:var(--android);border-radius:2px}.home{position:absolute;inset:0;padding:64px 20px 18px;display:flex;flex-direction:column}.date-widget{margin-top:12px;text-shadow:0 2px 14px rgba(0,0,0,.35)}.date-widget span{display:block;color:#d8eee0;font-weight:650}.date-widget strong{font-size:62px;line-height:1;letter-spacing:-.07em}.search-widget{margin:22px 0 24px;width:100%;min-height:48px;border-radius:24px;background:rgba(245,255,249,.9);color:#26332b;display:flex;align-items:center;gap:12px;padding:0 16px;box-shadow:0 16px 32px rgba(0,0,0,.24)}.g{font-weight:900;color:#4285f4}.app-grid,.drawer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 12px}.app-shortcut{background:none;display:grid;place-items:center;gap:7px;padding:0;min-width:0}.icon{width:54px;height:54px;border-radius:17px;display:grid;place-items:center;font-size:25px;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.08));box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 10px 26px rgba(0,0,0,.25)}.app-shortcut small{font-size:11px;color:#eefbf2;text-shadow:0 1px 8px #000;max-width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock{margin-top:auto;height:78px;border-radius:28px;background:rgba(7,12,9,.52);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:0 14px}.dock .icon{margin:auto}.phone-icon{background:linear-gradient(145deg,#22df78,#028b50)}.messages-icon{background:linear-gradient(145deg,#6ab2ff,#1a63ff)}.chrome-icon{background:conic-gradient(#ea4335,#fbbc05,#34a853,#4285f4,#ea4335)}.camera-icon{background:linear-gradient(145deg,#3b4240,#101312)}.gesture-pill,.drawer-handle,.shade-grabber{width:112px;height:5px;border-radius:999px;background:rgba(255,255,255,.75);margin:12px auto 0}.gesture-pill{margin-top:12px;opacity:.9}.notification-shade{position:absolute;inset:0 0 auto 0;min-height:58%;z-index:30;background:rgba(12,20,16,.82);backdrop-filter:blur(28px);border-radius:0 0 32px 32px;padding:14px 18px 22px;box-shadow:0 24px 50px rgba(0,0,0,.35);animation:drop .24s ease-out}.shade-head{display:flex;justify-content:space-between;align-items:end;margin:18px 0}.shade-head strong{font-size:30px}.shade-head span{color:var(--muted);font-size:13px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:12px;text-align:left;color:#e8f7ed}.tile span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.12);margin-right:8px}.tile.active{background:linear-gradient(135deg,var(--android),#b8ffd8);color:#052112}.slider-label{display:block;margin:16px 0;color:#dceee3}input[type=range]{width:100%;accent-color:var(--android)}.notification{display:grid;grid-template-columns:36px 1fr auto;gap:10px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:12px;margin-top:10px}.notification p{margin:3px 0 0;color:#c9dbd0;font-size:12px}.notification time{font-size:10px;color:#aac0b2}.app-dot{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:900}.green{background:#3ddc84;color:#052112}.blue{background:#61a8ff;color:#06162a}.drawer{position:absolute;inset:98px 0 0;z-index:20;background:rgba(8,13,10,.76);backdrop-filter:blur(26px);border-radius:28px 28px 0 0;padding:8px 20px 24px;animation:rise .22s ease-out}.drawer-search{width:100%;height:44px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.1);border-radius:999px;padding:0 16px;margin:16px 0 22px}.drawer-grid{overflow:auto;max-height:calc(100% - 94px);padding-bottom:24px}.app-window{position:absolute;inset:0;z-index:40;background:linear-gradient(160deg,#101a15,#050706);animation:zoom .18s ease-out;display:flex;flex-direction:column}.app-topbar{height:62px;padding:20px 14px 8px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;border-bottom:1px solid rgba(255,255,255,.1)}.app-topbar button{height:38px;border-radius:13px;background:rgba(255,255,255,.1);font-size:28px}.app-topbar strong{text-align:center}.app-content{padding:18px;overflow:auto;flex:1}.card{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:16px;margin-bottom:14px}.card h3{margin:0 0 8px}.card p{color:#c7d9cf;line-height:1.45}.settings-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.08)}.switch{width:48px;height:28px;border-radius:999px;background:var(--android);position:relative}.switch:after{content:"";position:absolute;width:22px;height:22px;border-radius:50%;background:white;right:3px;top:3px}.calc{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.calc output{grid-column:1/-1;background:#000;border-radius:16px;padding:16px;text-align:right;font-size:32px}.calc button{height:46px;border-radius:14px;background:rgba(255,255,255,.12)}.photo-demo{height:260px;border-radius:24px;background:radial-gradient(circle at 30% 30%,#f8e7a1,transparent 20%),linear-gradient(150deg,#19412d,#111,#315d96);position:relative;overflow:hidden}.photo-demo:after{content:"ANDROID";position:absolute;bottom:20px;right:-8px;font-size:42px;font-weight:950;color:rgba(255,255,255,.22);letter-spacing:-.08em}.browser-bar{height:42px;background:#eaf3ee;color:#17221c;border-radius:999px;display:flex;align-items:center;padding:0 14px;margin-bottom:16px}.note-area{width:100%;min-height:170px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.08);padding:12px;resize:vertical}.toast{position:absolute;left:50%;bottom:112px;translate:-50% 0;background:rgba(0,0,0,.75);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:10px 14px;z-index:80;animation:toast 1.7s both;white-space:nowrap}@keyframes drop{from{translate:0 -40px;opacity:0}}@keyframes rise{from{translate:0 80px;opacity:0}}@keyframes zoom{from{scale:.96;opacity:0}}@keyframes toast{0%,100%{opacity:0;translate:-50% 12px}12%,85%{opacity:1;translate:-50% 0}}[hidden]{display:none!important}@media(max-width:860px){.stage{grid-template-columns:1fr;justify-items:center;padding-top:28px}.intro{text-align:center}.intro p{margin-inline:auto}.hints{justify-content:center}.phone{width:min(96vw,380px)}}