.svc-scene-band--phone{height:auto;overflow:visible;padding-block:72px 96px;}.svc-scene-band--phone .phone-scene{position:relative;inset:auto;}.phone-scene{position:relative;display:grid;place-items:center;padding:24px 0;isolation:isolate;}.phone-scene__glow{position:absolute;width:min(520px,90vw);aspect-ratio:1 / 1;border-radius:50%;z-index:-1;background:radial-gradient(circle at 36% 32%,rgba(99,99,241,.34),transparent 62%),radial-gradient(circle at 68% 70%,rgba(35,240,195,.16),transparent 64%);filter:blur(14px);}.phone{--phone-w:300px;--phone-h:612px;position:relative;width:var(--phone-w);height:var(--phone-h);border-radius:50px;background:linear-gradient(145deg,#c3c5cb 0%,#6d7078 10%,#2a2c33 30%,#0b0c10 52%,#23252b 74%,#7c7f87 90%,#b9bbc2 100%);padding:11px;box-shadow:0 0 0 1px rgba(255,255,255,.55) inset,0 0 0 2px rgba(0,0,0,.58) inset,0 0 0 4px rgba(255,255,255,.06) inset,0 0 0 1px rgba(0,0,0,.75),0 2px 3px rgba(255,255,255,.22),0 40px 90px rgba(3,5,39,.62);animation:phone-float 7s ease-in-out infinite alternate;}@keyframes phone-float{from{transform:translateY(0);}to{transform:translateY(-9px);}}.phone::before,.phone::after{content:"";position:absolute;left:-4px;width:4px;border-radius:3px 0 0 3px;background:linear-gradient(90deg,#d7d9df 0%,#8a8d96 18%,#3f424a 62%,#14151a 100%);box-shadow:0 0 0 1px rgba(0,0,0,.38),1px 0 0 rgba(255,255,255,.5) inset,-1px 0 0 rgba(0,0,0,.55) inset;}.phone::before{top:128px;height:30px;}.phone::after{top:166px;height:30px;}.phone__action{position:absolute;left:-4px;top:78px;width:4px;height:28px;border-radius:3px 0 0 3px;background:linear-gradient(90deg,#d7d9df 0%,#8a8d96 18%,#3f424a 62%,#14151a 100%);box-shadow:0 0 0 1px rgba(0,0,0,.38),1px 0 0 rgba(255,255,255,.5) inset,-1px 0 0 rgba(0,0,0,.55) inset;}.phone__power{position:absolute;right:-4px;top:158px;width:4px;height:82px;border-radius:0 3px 3px 0;background:linear-gradient(270deg,#d7d9df 0%,#8a8d96 18%,#3f424a 62%,#14151a 100%);box-shadow:0 0 0 1px rgba(0,0,0,.38),-1px 0 0 rgba(255,255,255,.5) inset,1px 0 0 rgba(0,0,0,.55) inset;}.phone__camera{position:absolute;right:-4px;top:61%;width:4px;height:24px;border-radius:0 3px 3px 0;background:linear-gradient(270deg,#e5e7ec 0%,#9a9da6 22%,#4b4e57 70%,#1b1c21 100%);box-shadow:0 0 0 1px rgba(0,0,0,.38),-1px 0 0 rgba(255,255,255,.55) inset,1px 0 0 rgba(0,0,0,.5) inset;}.phone__screen{position:relative;width:100%;height:100%;border-radius:39px;overflow:hidden;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset;}.phone__screen::after{content:"";position:absolute;inset:0;z-index:10;border-radius:inherit;pointer-events:none;background:linear-gradient(118deg,rgba(255,255,255,.13) 0%,transparent 26%,transparent 70%,rgba(255,255,255,.035) 100%);opacity:.45;}.phone__screen-off{position:absolute;inset:0;z-index:8;background:#05060c;opacity:1;}.js .phone-scene .phone__screen-off{transition:opacity .5s ease .2s;}.js .phone-scene.is-on .phone__screen-off{opacity:0;pointer-events:none;}.phone__island{position:absolute;top:11px;left:50%;transform:translateX(-50%);width:84px;height:25px;border-radius:100px;background:#000;z-index:7;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;box-shadow:0 0 0 1px rgba(255,255,255,.06),0 2px 8px rgba(0,0,0,.42);}.phone__island i{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#34465d,#05060a 72%);box-shadow:0 0 0 1px rgba(255,255,255,.12) inset;}.phone__status{position:absolute;top:15px;left:0;right:0;z-index:6;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-family:var(--font-sans);font-size:11.5px;font-weight:600;color:#fff;letter-spacing:.01em;text-shadow:0 1px 2px rgba(0,0,0,.35);pointer-events:none;}.phone__status-right{display:inline-flex;align-items:center;gap:5px;}.phone__status-right svg{width:15px;height:11px;opacity:.95;}.phone__wall{position:absolute;inset:0;background:radial-gradient(120% 80% at 20% 0%,#3b2b8f,transparent 58%),radial-gradient(120% 90% at 90% 20%,#12406b,transparent 55%),radial-gradient(140% 90% at 50% 110%,#1f6f6a,transparent 60%),linear-gradient(180deg,#0b0c22,#05060f);}.phone__blur{position:absolute;inset:0;backdrop-filter:blur(0px);background:rgba(0,0,0,0);z-index:4;transition:background .45s ease,backdrop-filter .45s ease;}.js .phone-scene.is-app .phone__blur{background:rgba(0,0,0,.35);backdrop-filter:blur(14px);}.phone__home{position:absolute;inset:0;z-index:3;padding:58px 20px 0;display:flex;flex-direction:column;}.phone__home::after{content:"";position:absolute;left:50%;bottom:104px;width:5px;height:5px;border-radius:50%;background:#fff;box-shadow:-11px 0 0 rgba(255,255,255,.35),11px 0 0 rgba(255,255,255,.35);transform:translateX(-50%);opacity:.85;}.phone__clock{text-align:left;color:#fff;margin:0 0 20px;padding:15px 16px 14px;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.055));border:1px solid rgba(255,255,255,.13);box-shadow:0 1px 0 rgba(255,255,255,.18) inset,0 12px 28px rgba(0,0,0,.16);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);}.phone__time{font-size:52px;font-weight:600;letter-spacing:-.05em;line-height:1;}.phone__date{font-size:11px;font-weight:500;opacity:.72;margin-top:5px;letter-spacing:.01em;}.phone__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 14px;}.phone__app{display:grid;gap:6px;justify-items:center;}.phone__app-icon{position:relative;width:46px;height:46px;border-radius:13px;display:grid;place-items:center;color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 8px 18px rgba(0,0,0,.35),0 1px 0 rgba(255,255,255,.28) inset,0 0 0 1px rgba(255,255,255,.05) inset;}.phone__app-icon::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(150deg,rgba(255,255,255,.34),transparent 44%);opacity:.65;pointer-events:none;}.phone__app-icon svg{position:relative;z-index:1;width:24px;height:24px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2));}.phone__app-name{max-width:100%;overflow:visible;font-size:8.5px;color:rgba(255,255,255,.86);font-weight:500;letter-spacing:.01em;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.55);}.phone__app-icon--brand{background:linear-gradient(140deg,#6363f1,#8b5cf0);}.phone__app-icon--mint{background:linear-gradient(140deg,#14b899,#23f0c3);}.phone__app-icon--amber{background:linear-gradient(140deg,#f0933a,#f7c14b);}.phone__app-icon--rose{background:linear-gradient(140deg,#ef5f8e,#f78fb3);}.phone__app-icon--sky{background:linear-gradient(140deg,#3a8ef0,#63c6f7);}.phone__app-icon--slate{background:linear-gradient(140deg,#3d4250,#5b6273);}.phone__app-icon--green{background:linear-gradient(140deg,#2e9e5b,#5bd486);}.phone__app-icon--violet{background:linear-gradient(140deg,#7a4de0,#a97ef5);}.js .phone-scene.is-open .phone__app--target .phone__app-icon{animation:phone-tap .6s ease;}@keyframes phone-tap{0%{transform:scale(1);}35%{transform:scale(.82);box-shadow:0 0 0 0 rgba(255,255,255,.5);}100%{transform:scale(1);}}.phone__app--target .phone__app-icon{position:relative;}.phone__app--target .phone__app-icon::after{content:"";position:absolute;inset:-4px;border-radius:16px;border:2px solid rgba(255,255,255,.0);}.js .phone-scene.is-open .phone__app--target .phone__app-icon::after{animation:phone-ring .7s ease forwards;}@keyframes phone-ring{from{border-color:rgba(255,255,255,.7);inset:-2px;opacity:1;}to{border-color:rgba(255,255,255,0);inset:-16px;opacity:0;}}.phone__dock{margin-top:auto;margin-bottom:22px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px 8px;justify-items:center;padding:12px 14px;border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.075));border:1px solid rgba(255,255,255,.13);box-shadow:0 1px 0 rgba(255,255,255,.2) inset,0 12px 28px rgba(0,0,0,.18);backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25);}.phone__dock .phone__app-icon{width:44px;height:44px;}.phone__dock .phone__app-name{display:none;}.phone__bar{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:112px;height:5px;border-radius:100px;background:rgba(255,255,255,.72);box-shadow:0 0 0 1px rgba(0,0,0,.08);z-index:6;}.phone__app-view{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;padding:52px 18px 18px;background:linear-gradient(180deg,#10122b,#0a0b18);opacity:0;transform:scale(.92);transform-origin:70% 60%;transition:opacity .4s ease,transform .5s cubic-bezier(.22,1,.36,1);pointer-events:none;}.js .phone-scene.is-app .phone__app-view{opacity:1;transform:scale(1);}.phone__app-head{display:flex;align-items:center;gap:10px;margin-bottom:18px;}.phone__app-head-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;color:#fff;background:linear-gradient(140deg,#6363f1,#8b5cf0);}.phone__app-head-icon svg{width:18px;height:18px;}.phone__app-head b{color:#fff;font-size:15px;font-weight:600;letter-spacing:-.01em;}.phone__app-head span{display:block;font-size:11px;color:rgba(244,244,246,.55);}.phone__stat{border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:14px;margin-bottom:12px;}.phone__stat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,244,246,.5);}.phone__stat-value{font-size:26px;font-weight:600;color:#fff;letter-spacing:-.03em;margin-top:4px;}.phone__stat-value small{font-size:13px;font-weight:500;color:var(--d-mint);margin-left:6px;}.phone__rows{display:grid;gap:9px;margin-top:4px;}.phone__row{display:flex;align-items:center;gap:10px;padding:11px 13px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);}.phone__row i{width:26px;height:26px;border-radius:8px;flex:none;background:linear-gradient(140deg,rgba(99,99,241,.6),rgba(139,92,240,.35));}.phone__row span{height:7px;border-radius:4px;background:rgba(255,255,255,.16);flex:1;}.phone__row span.is-short{flex:0 0 40%;}.phone__mini{border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);padding:13px 14px 15px;margin-bottom:12px;}.phone__mini-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;}.phone__mini-head span:first-child{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:rgba(244,244,246,.5);}.phone__mini-head span:last-child{font-size:10px;color:rgba(244,244,246,.4);}.phone__chart{display:flex;align-items:flex-end;gap:6px;height:54px;}.phone__chart span{flex:1;border-radius:3px 3px 2px 2px;background:linear-gradient(180deg,rgba(99,99,241,.85),rgba(99,99,241,.35));transform-origin:bottom;transform:scaleY(0);}.phone__chart span.is-peak{background:linear-gradient(180deg,#23f0c3,rgba(35,240,195,.35));}.js .phone-scene.is-app .phone__chart span{animation:phone-bar .5s cubic-bezier(.22,1,.36,1) forwards;}.phone__chart span:nth-child(1){animation-delay:.30s;}.phone__chart span:nth-child(2){animation-delay:.36s;}.phone__chart span:nth-child(3){animation-delay:.42s;}.phone__chart span:nth-child(4){animation-delay:.48s;}.phone__chart span:nth-child(5){animation-delay:.54s;}.phone__chart span:nth-child(6){animation-delay:.60s;}.phone__chart span:nth-child(7){animation-delay:.66s;}@keyframes phone-bar{to{transform:scaleY(1);}}.phone__app-view .phone__stat,.phone__app-view .phone__mini,.phone__app-view .phone__rows,.phone__app-view .phone__app-head{opacity:0;transform:translateY(14px);}.js .phone-scene.is-app .phone__app-view .phone__app-head,.js .phone-scene.is-app .phone__app-view .phone__stat,.js .phone-scene.is-app .phone__app-view .phone__mini,.js .phone-scene.is-app .phone__app-view .phone__rows{animation:phone-rise .5s cubic-bezier(.22,1,.36,1) forwards;}.js .phone-scene.is-app .phone__app-view .phone__app-head{animation-delay:.1s;}.js .phone-scene.is-app .phone__app-view .phone__stat{animation-delay:.2s;}.js .phone-scene.is-app .phone__app-view .phone__mini{animation-delay:.28s;}.js .phone-scene.is-app .phone__app-view .phone__rows{animation-delay:.4s;}@keyframes phone-rise{to{opacity:1;transform:translateY(0);}}@media (prefers-reduced-motion:reduce){.phone,.phone__screen-off,.js .phone-scene.is-open .phone__app--target .phone__app-icon,.js .phone-scene.is-open .phone__app--target .phone__app-icon::after{animation:none;}.phone__app-view,.phone__app-view .phone__stat,.phone__app-view .phone__mini,.phone__app-view .phone__rows,.phone__app-view .phone__app-head{transition:none;opacity:1;transform:none;}.phone__chart span{transform:scaleY(1);}}@media (max-width:400px){.phone{--phone-w:250px;--phone-h:510px;}.phone__home{padding:52px 16px 0;}.phone__time{font-size:42px;}.phone__grid{gap:12px 12px;}.phone__app-icon{width:34px;height:34px;border-radius:10px;}.phone__app-icon svg{width:18px;height:18px;}.phone__app-name{font-size:7px;letter-spacing:-.1px;}.phone__dock{gap:8px 8px;padding:8px 10px;border-radius:20px;}.phone__dock .phone__app-icon{width:32px;height:32px;}.phone__dock .phone__app-icon svg{width:16px;height:16px;}.phone__home::after{bottom:86px;}}