:root{--black:#05070a;--bg:#080b10;--surface:#10151b;--surface2:#151b22;--line:rgba(255,255,255,.09);--text:#f5f7fa;--muted:#8f9aa8;--blue:#18a8e1;--cyan:#72d8ff;--deep:#0e2b3d;--good:#60e3af;--danger:#ff7f8f;--font:"Helvetica Neue",Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 15%,#102b43 0,transparent 29%),linear-gradient(135deg,#050608,#0a0e13 58%,#070a0f);color:var(--text);font-family:var(--font);min-height:100vh}.studio{min-height:100vh;display:grid;grid-template-columns:minmax(280px,440px) 1fr;max-width:1440px;margin:auto}.brief{padding:64px 48px;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:center}.eyebrow,.overline,.label{font-size:10px;letter-spacing:.18em;color:var(--cyan);font-weight:700}.brief h1{font-size:clamp(54px,6vw,92px);line-height:.83;letter-spacing:-.06em;margin:18px 0 32px}.brief h1 span{font-weight:300;color:#7d8792}.intro{color:#aeb7c1;line-height:1.6;max-width:390px}.tokens{display:flex;gap:8px;flex-wrap:wrap;margin:25px 0}.tokens span{font-size:9px;color:#dfe9f2;background:var(--token);padding:12px;border-radius:10px;border:1px solid var(--line)}.notes{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.notes h2{font-size:13px;letter-spacing:.08em}.notes p{font-size:12px;color:var(--muted);line-height:1.6}.screen-picker{display:flex;flex-wrap:wrap;gap:6px;margin-top:22px}.screen-picker button{background:#111820;border:1px solid var(--line);color:#a9b4c0;padding:8px 10px;border-radius:9px;cursor:pointer}.screen-picker button.active{background:var(--blue);color:#041018}.device-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px;overflow:hidden}.device-glow{position:absolute;width:520px;height:520px;background:radial-gradient(circle,rgba(24,168,225,.2),transparent 65%);filter:blur(12px)}.phone{position:relative;width:390px;height:844px;border-radius:56px;padding:9px;background:linear-gradient(145deg,#5f6b76,#13171c 16%,#000 55%,#40566b);box-shadow:0 55px 100px rgba(0,0,0,.65),0 0 0 1px #42637f;z-index:2}.phone:before,.phone:after{content:"";position:absolute;left:-4px;width:4px;background:#273d50;border-radius:5px}.phone:before{top:150px;height:90px}.phone:after{top:260px;height:55px}.speaker{position:absolute;z-index:5;top:19px;left:50%;transform:translateX(-50%);width:104px;height:28px;border-radius:30px;background:#010204}.screen{position:relative;width:100%;height:100%;border-radius:48px;overflow:hidden;background:radial-gradient(circle at 65% 0,rgba(21,142,190,.28),transparent 28%),linear-gradient(180deg,#081118,#090d12 42%,#080b0f);border:1px solid #162536}.status{height:45px;padding:15px 25px 0;display:flex;justify-content:space-between;font-size:10px;font-weight:700}.view{display:none;height:calc(100% - 122px);overflow-y:auto;padding:22px 18px 28px;scrollbar-width:none}.view::-webkit-scrollbar{display:none}.view.active{display:block}.topline{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.topline h2{font-size:28px;line-height:1.05;letter-spacing:-.035em;margin:6px 0 0;font-weight:400}.topline h2 b{font-weight:650}.icon-btn{width:40px;height:40px;border-radius:13px;border:1px solid rgba(114,216,255,.2);background:linear-gradient(145deg,#153344,#0c171f);color:var(--cyan);font-size:20px}.hero-card{position:relative;padding:20px;border-radius:24px;background:linear-gradient(135deg,rgba(24,168,225,.2),rgba(16,21,27,.98) 58%);border:1px solid rgba(114,216,255,.16);display:flex;align-items:center;justify-content:space-between;overflow:hidden}.hero-card:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;background:var(--blue);filter:blur(70px);opacity:.18;right:-50px}.hero-copy{display:flex;flex-direction:column;gap:4px}.hero-copy span,.section-title span,.metrics span,.insight-main span,.insight-grid span,.active-profile span{font-size:9px;letter-spacing:.13em;color:var(--muted)}.hero-copy strong{font-size:38px}.hero-copy small,.goal-row small,.select-row small,.safety-row small,.schedule-card small,.profile-row small,.active-profile small,.insight-main small,.insight-grid small{color:var(--muted);font-size:10px}.ring{--value:50;width:86px;height:86px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--blue) calc(var(--value)*1%),#24303a 0);position:relative}.ring:before{content:"";position:absolute;inset:8px;background:#0e151b;border-radius:50%}.ring span{position:relative;font-size:17px;font-weight:700}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 25px}.quick{border:1px solid var(--line);background:#121820;color:white;border-radius:18px;padding:16px;text-align:left;display:flex;gap:12px;align-items:center;cursor:pointer}.quick.primary{background:linear-gradient(135deg,#159bd3,#1bc2f2);color:#031219}.quick i{font-style:normal;font-size:28px}.quick span{font-weight:650;line-height:1.12}.section-title{display:flex;align-items:end;justify-content:space-between;margin:18px 0 10px}.section-title h3{font-size:17px;margin:4px 0 0}.section-title button{border:0;background:none;color:var(--cyan);font-size:10px}.goal-list{display:flex;flex-direction:column;gap:7px}.goal-row,.select-row,.profile-row{width:100%;display:grid;grid-template-columns:42px 1fr auto;align-items:center;text-align:left;border:1px solid var(--line);background:#11171d;color:var(--text);padding:10px;border-radius:14px}.goal-row span,.select-row span{display:flex;flex-direction:column;gap:3px}.goal-row em{font-style:normal;color:var(--cyan);font-size:11px}.goal-row.done{opacity:.58}.goal-icon{width:34px;height:34px;border-radius:11px;background:#183241!important;color:var(--cyan);display:grid!important;place-items:center}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:12px}.metrics div,.insight-grid div{background:#10161c;border:1px solid var(--line);padding:12px;border-radius:14px;display:flex;flex-direction:column}.metrics b{font-size:22px;margin-top:6px}.metrics small{color:var(--muted)}.focus-orbit{display:grid;place-items:center;padding:25px 0}.orbit-ring{width:230px;height:230px;border-radius:50%;display:grid;place-items:center;background:repeating-conic-gradient(var(--blue) 0 5deg,transparent 5deg 9deg);filter:drop-shadow(0 0 20px rgba(24,168,225,.3));position:relative}.orbit-ring:before{content:"";position:absolute;inset:23px;border-radius:50%;background:radial-gradient(circle,#122b39,#090d12 70%);border:1px solid #1d4e68}.orbit-ring div{position:relative;text-align:center;display:flex;flex-direction:column}.orbit-ring span{font-size:38px;font-weight:300}.orbit-ring small{font-size:8px;letter-spacing:.12em;color:var(--cyan)}.time-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:8px 0 20px}.time-selector button{background:#11171d;border:1px solid var(--line);color:#c9d2db;border-radius:12px;padding:12px}.time-selector button.selected{background:var(--blue);color:#041018;border-color:var(--cyan)}.select-row{margin:8px 0 12px}.safety-row{display:flex;justify-content:space-between;align-items:center;padding:12px 2px}.safety-row span{display:flex;flex-direction:column}.switch{width:43px;height:25px;border:0;border-radius:20px;background:#303943;padding:3px}.switch i{display:block;width:19px;height:19px;border-radius:50%;background:white;transition:.2s}.switch.on{background:var(--blue)}.switch.on i{transform:translateX(18px)}.cta,.outline-cta{width:100%;border:0;border-radius:14px;padding:15px;background:linear-gradient(135deg,#159bd3,#20bced);color:#031219;font-weight:800;letter-spacing:.05em;margin-top:10px;cursor:pointer}.outline-cta{background:#10171d;color:var(--cyan);border:1px solid rgba(114,216,255,.25)}.progress-panel{padding:18px;border-radius:18px;background:linear-gradient(135deg,#122838,#11161c);display:flex;justify-content:space-between}.progress-panel>div:first-child{display:flex;flex-direction:column}.progress-panel span{font-size:9px;color:var(--muted)}.progress-panel b{font-size:27px}.progress-panel small{color:var(--muted)}.mini-bars{display:flex;gap:4px;align-items:end}.mini-bars i{width:8px;height:44px;border-radius:5px;background:var(--blue)}.mini-bars i.dim{height:25px;background:#25303a}.goal-cards{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.goal-card{min-height:155px;border-radius:18px;background:#11171d;border:1px solid var(--line);padding:15px;display:flex;flex-direction:column;gap:7px}.goal-card>span{font-size:25px;color:var(--cyan)}.goal-card>b{font-size:17px;line-height:1.05}.goal-card small{color:var(--muted);margin-top:auto}.goal-card>div{height:4px;background:#25303a;border-radius:5px}.goal-card>div i{display:block;height:100%;background:var(--blue);border-radius:5px}.goal-card.complete{background:#112520}.goal-card.complete>span{color:var(--good)}.routine-explainer{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.routine-explainer>span{color:var(--cyan);font-size:22px;font-weight:200}.routine-explainer p{display:flex;flex-direction:column;margin:0;gap:4px}.routine-explainer small{color:var(--muted)}.schedule-card{display:grid;grid-template-columns:105px 1fr 20px;align-items:center;background:#11171d;border:1px solid var(--line);border-radius:15px;padding:12px;margin-bottom:8px}.schedule-time{font-size:20px;color:var(--cyan);display:flex;flex-direction:column}.schedule-time small{font-size:7px}.schedule-card>div:nth-child(2){display:flex;flex-direction:column}.schedule-card button{border:0;background:none;color:var(--cyan)}.active-profile{padding:18px;background:linear-gradient(135deg,#123246,#10161c);border:1px solid rgba(114,216,255,.18);border-radius:19px;display:flex;justify-content:space-between}.active-profile div{display:flex;flex-direction:column;gap:4px}.active-profile b{font-size:20px}.active-profile>i{font-style:normal;font-size:8px;color:#041018;background:var(--good);padding:6px 9px;height:max-content;border-radius:20px}.apps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.app{aspect-ratio:1;border:1px solid var(--line);background:#11171d;border-radius:17px;color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.app i{font-style:normal;width:37px;height:37px;border-radius:12px;background:#222a32;display:grid;place-items:center}.app.selected{border-color:rgba(114,216,255,.55);background:#102330}.app.selected i{background:var(--blue);color:#041018}.app span{font-size:9px}.profile-row{grid-template-columns:35px 1fr auto 15px;margin-bottom:7px}.profile-row b{font-size:12px}.profile-row small{margin-left:auto}.insight-main{display:flex;align-items:center;gap:18px;padding:18px;background:#11171d;border-radius:20px}.ring.large{width:122px;height:122px;flex:0 0 auto}.ring.large span{display:flex;flex-direction:column;align-items:center;font-size:22px}.ring.large small{font-size:7px;color:var(--muted)}.insight-main>div:last-child{display:flex;flex-direction:column;gap:6px}.insight-main b{font-size:26px}.chart{height:170px;display:flex;align-items:end;gap:9px;padding:25px 12px 22px;margin:12px 0;background:linear-gradient(180deg,#0f171e,#0c1015);border-radius:20px}.chart span{height:var(--h);flex:1;background:linear-gradient(180deg,var(--cyan),#195be1);border-radius:7px 7px 2px 2px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:5px;font-size:8px;color:white}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.insight-grid b{font-size:18px;margin:5px 0}.bottom-nav{position:absolute;bottom:0;left:0;right:0;height:78px;background:rgba(12,16,21,.96);border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);align-items:center;padding:6px 8px 13px;backdrop-filter:blur(14px)}.bottom-nav button{border:0;background:none;color:#697582;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:8px}.bottom-nav i{font-style:normal;font-size:20px}.bottom-nav button.active{color:var(--cyan)}.bottom-nav .nav-main i{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;background:var(--blue);color:#031219;box-shadow:0 0 25px rgba(24,168,225,.28)}.bottom-nav .nav-main span{display:none}.device-caption{z-index:2;color:#6f7a86;font-size:11px;letter-spacing:.1em}.modal{position:fixed;inset:0;display:none;place-items:center;background:rgba(0,0,0,.72);z-index:10}.modal.show{display:grid}.modal-card{position:relative;width:min(360px,90vw);text-align:center;padding:35px;background:#11171d;border:1px solid rgba(114,216,255,.25);border-radius:24px;box-shadow:0 30px 90px #000}.modal-close:first-child{position:absolute;right:14px;top:12px;background:none;border:0;color:white;font-size:22px}.modal-icon{display:grid;place-items:center;margin:auto;width:70px;height:70px;border-radius:50%;background:#12364b;color:var(--cyan);font-size:35px}.modal-card p{color:var(--muted)}@media(max-width:900px){.studio{display:block}.brief{padding:30px 22px;border:0}.brief h1{font-size:50px}.notes{display:none}.device-stage{padding:20px 4px 50px}.phone{width:min(390px,96vw);height:min(844px,207vw);border-radius:48px}.screen{border-radius:40px}.device-caption{display:none}}