/* SMVSN editorial research concept. Device image and live interface are independent. */
.hero-device{position:absolute;right:-8px;top:-38px;width:550px;aspect-ratio:2/3;z-index:1;container-type:inline-size;--screen:#080d14;--ink:#e8edf4;--quiet:#95a6b9;--hair:#a6bdd522;--chart:#b4dbff;--rx:0deg;--ry:0deg;perspective:1100px}
.device-motion{position:relative;width:100%;height:100%;transform:rotate(-7deg) rotateX(var(--rx)) rotateY(var(--ry));transform-origin:50% 45%;transition:transform .7s cubic-bezier(.2,.7,.2,1);animation:device-arrive 1.4s both;}
.device-hand{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:brightness(.79) saturate(.6);mask-image:linear-gradient(#000 0 78%,transparent 99%)}
.phone-interface{position:absolute;left:26.5%;top:12.6%;width:46%;height:64.8%;padding:3cqw 2.7cqw 1.7cqw;background:var(--screen);color:var(--ink);border-radius:2cqw;overflow:hidden;font-size:1.9cqw;transition:background .45s,color .45s;display:flex;flex-direction:column;line-height:1.3}
.hp-en{display:none}html[lang=en] .hero-device .hp-en{display:initial}html[lang=en] .hero-device .hp-tr{display:none}
.phone-status{display:flex;justify-content:space-between;font-size:1.45cqw;color:var(--quiet);margin-bottom:3cqw}
.phone-masthead{display:flex;align-items:center;justify-content:space-between;padding-bottom:2.6cqw;border-bottom:1px solid var(--hair)}.phone-masthead b{font-weight:500;font-size:2.4cqw;letter-spacing:-.12cqw}.phone-masthead b>span{font-size:1cqw;vertical-align:top;margin-left:.3cqw}.phone-masthead>span{font-size:1.05cqw;letter-spacing:.16cqw;color:var(--quiet)}
.phone-company{display:flex;gap:1.5cqw;align-items:center;margin:3.4cqw 0 2.8cqw}.phone-company img{width:4.5cqw;height:4.5cqw;border-radius:50%}.phone-company strong{font-size:2.35cqw;font-weight:500;letter-spacing:.02em}.phone-company div>span{display:block;font-size:1.4cqw;color:var(--quiet);margin-top:.4cqw}.phone-company>small{margin-left:auto;font-size:1.25cqw;color:var(--quiet)}
.phone-editorial{font-size:5.2cqw;line-height:1.08;letter-spacing:-.24cqw;font-weight:400;margin-bottom:3.7cqw}.phone-chart-caption{display:flex;justify-content:space-between;color:var(--quiet);font-size:1.1cqw;letter-spacing:.12cqw}.phone-chart{width:100%;height:auto;flex-shrink:0;margin-top:1.3cqw;overflow:visible}.hp-grid{fill:none;stroke:var(--hair);stroke-width:.6}.hp-line{fill:none;stroke:var(--chart);stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;animation:chart-arrive 1.6s .6s backwards}.hp-area{fill:url(#hp-area)}.hp-dot{fill:var(--chart)}.hp-highlight{fill:#9acfff;opacity:.07;transition:x .7s,width .7s,opacity .7s}.phone-chart-times{display:flex;justify-content:space-between;color:var(--quiet);font-size:1.1cqw;margin:1cqw 0 1.5cqw}
.phone-periods{display:flex;justify-content:space-between;border-bottom:1px solid var(--hair);gap:1.4cqw}.phone-periods button{color:var(--quiet);background:none;padding:1.5cqw 0 1.4cqw;font-size:1.5cqw;min-width:8cqw;border-bottom:1px solid transparent;border-radius:0;transform:none}.phone-periods button[aria-pressed=true]{color:var(--ink);border-color:var(--chart)}.phone-research-title{display:flex;justify-content:space-between;margin:3.8cqw 0 1.4cqw;font-size:1.2cqw;letter-spacing:.15cqw;color:var(--quiet)}
.phone-insights button{display:flex;align-items:center;text-align:left;width:100%;padding:1.8cqw 0;background:transparent;border-top:1px solid var(--hair);gap:1.6cqw;transform:none;color:var(--quiet);transition:color .3s}.phone-insights button[aria-pressed=true]{color:var(--ink)}.phone-row-index{font-size:1.2cqw;color:var(--quiet)}.phone-insights b{display:block;font-size:1.8cqw;font-weight:400}.phone-insights small{display:block;font-size:1.15cqw;margin-top:.6cqw;color:var(--quiet)}.phone-row-arrow{margin-left:auto;opacity:.3}.phone-insights [aria-pressed=true] .phone-row-arrow{opacity:1;color:var(--chart)}.phone-interface button:focus-visible{outline-offset:1px;outline-width:1px}.phone-bottom{display:flex;justify-content:space-between;font-size:.95cqw;letter-spacing:.1cqw;color:var(--quiet);margin-top:auto;padding-top:2cqw}.phone-homebar{height:.45cqw;width:12cqw;border-radius:10px;background:var(--ink);opacity:.45;margin:2.2cqw auto 0}.device-caption{position:absolute;top:83%;left:16%;font-size:10px;color:var(--muted);letter-spacing:.06em;transform:rotate(-7deg)}
[data-theme=light] .hero-device{--screen:#eef3f8;--ink:#182b40;--quiet:#536b83;--hair:#213c5d22;--chart:#315f92}[data-theme=light] .device-hand{filter:brightness(.98) saturate(.65)}
@keyframes device-arrive{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@keyframes chart-arrive{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@media(min-width:1450px){.hero-device{right:0;top:-54px;width:590px}}
@media(min-width:761px) and (max-width:1050px){.hero-device{width:460px;right:-50px;top:0}.hero-copy{width:62%}.hero-copy h1{font-size:clamp(58px,7.2vw,76px)}.hero p{font-size:16px}.device-caption{font-size:9px}}
@media(max-width:760px){.hero-device{position:relative;right:auto;top:auto;width:min(500px,118%);margin:-8px auto -115px;left:-7%;aspect-ratio:2/3}.hero{padding-bottom:25px;overflow:clip}.hero-copy{width:100%}.device-caption{top:83%;font-size:9px}.phone-periods button{padding-block:2.5cqw}.phone-insights button{padding-block:2cqw}.phone-interface{height:65%}.phone-bottom{padding-top:1cqw}.phone-homebar{margin-top:1.4cqw}}
@media(prefers-reduced-motion:reduce){.device-motion,.hp-line{animation:none}.device-motion{transform:rotate(-7deg);transition:none}.hp-highlight{transition:none}}
/* Fit the complete research narrative inside the physical screen. */
.hero-device{width:490px;right:28px;top:-35px}
.phone-status{margin-bottom:1.8cqw}.phone-masthead{padding-bottom:1.8cqw}.phone-company{margin:2.3cqw 0 2cqw}.phone-company img{object-fit:cover;flex-shrink:0;background:#d71920}.phone-editorial{font-size:4.8cqw;margin-bottom:2.5cqw}.phone-research-title{margin-top:2.5cqw;margin-bottom:.9cqw}.phone-insights button{padding-block:1.4cqw}.phone-bottom{padding-top:1cqw}.phone-homebar{margin-top:1.6cqw}
@media(min-width:1450px){.hero-device{width:525px;right:35px;top:-38px}}
@media(min-width:761px) and (max-width:1050px){.hero-device{width:425px;right:-35px;top:0}}
@media(max-width:760px){.hero-device{width:min(500px,118%);right:auto;top:auto}.phone-periods button{padding-block:1.6cqw}.phone-insights button{padding-block:1.4cqw}.phone-interface{height:64.8%}}
.phone-interface{padding-bottom:1cqw}.phone-homebar{margin-top:1cqw;flex-shrink:0}.phone-company img{background:transparent;object-fit:contain}
.device-hand{mask-image:linear-gradient(#000 0 74%,transparent 94%)}.device-caption{top:87%;left:14%;transform:none}
@media(max-width:760px){.hero-device{margin-bottom:-25px}.device-caption{top:88%;left:15%}.phone-interface{padding-bottom:.7cqw}}
body{overflow-x:clip}
@media(min-width:761px) and (max-width:1050px){.hero-device{width:400px;right:20px}}
/* Feather the source image's bottom AND right wrist boundaries, preserving the screen. */
.device-hand{
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 73%,rgba(0,0,0,.96) 77%,rgba(0,0,0,.62) 82%,rgba(0,0,0,.22) 87%,transparent 94%),linear-gradient(to right,#000 0%,#000 83%,rgba(0,0,0,.82) 90%,rgba(0,0,0,.32) 96%,transparent 100%);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to bottom,#000 0%,#000 73%,rgba(0,0,0,.96) 77%,rgba(0,0,0,.62) 82%,rgba(0,0,0,.22) 87%,transparent 94%),linear-gradient(to right,#000 0%,#000 83%,rgba(0,0,0,.82) 90%,rgba(0,0,0,.32) 96%,transparent 100%);
 mask-composite:intersect;
}
@media(max-width:760px){.hero-device{width:100%;left:0;margin-bottom:-10px}.hero{overflow:visible}.device-caption{left:8%;font-size:8px}.phone-interface{padding-top:2.6cqw}.phone-status{margin-bottom:1.5cqw}}
@media(max-width:760px){.hero{overflow:clip}}