/* Modern HiLawyer phone: drawn UI, glass display, titanium edges. */
.smartphone-stage{position:absolute;inset:58px 0 104px;perspective:1100px;isolation:isolate}
.device-pivot{position:absolute;left:50%;top:50%;width:204px;height:416px;transform:translate(-50%,-50%) scale(var(--device-scale,1)) rotateX(var(--phone-rx,0deg)) rotateY(var(--phone-ry,0deg));transform-style:preserve-3d;transition:transform 1.1s cubic-bezier(.22,1,.36,1);z-index:3}
.smartphone{display:block;position:relative;width:204px;height:416px;padding:6px;border-radius:35px;background:linear-gradient(115deg,#b6b9ad,#434c43 7%,#0b1612 19%,#2d4135 55%,#75606d 86%,#131b15);border:1px solid #b0b8a56b;box-shadow:inset 1px 0 1px #f3f0d9aa,inset -2px 0 2px #b993a488,7px 6px 0 #050d0980,15px 28px 35px #0009;transform-style:preserve-3d;animation:smartphone-float 9s ease-in-out infinite;will-change:transform;color:#ecebda;outline-offset:9px}
.smartphone:before{content:'';pointer-events:none;position:absolute;inset:-2px;border-radius:37px;border-left:1px solid #d9ddc571;border-top:1px solid #d9ddc544;border-right:1px solid #a6809670}
.smartphone:after{content:'';position:absolute;inset:7px;border-radius:28px;background:linear-gradient(114deg,#ffffff0b 0,#ffffff02 25%,transparent 45%,#ffffff00 60%,#c7d3bc06 76%,#fff0 79%);pointer-events:none;z-index:4}
.device-side{position:absolute;width:3px;background:linear-gradient(90deg,#bbc1ae,#2d4438);border-radius:2px;left:-3px;height:34px;top:100px}.side-two{top:147px;height:24px}.side-one:after{content:'';position:absolute;height:46px;width:3px;left:204px;top:21px;background:linear-gradient(90deg,#473742,#a795a0);border-radius:2px}
.device-screen{height:100%;position:relative;overflow:hidden;border-radius:28px;border:1px solid #060c08;background:radial-gradient(ellipse at 85% 55%,#55253745,transparent 65%),linear-gradient(155deg,#13362b,#0b211c 52%,#172020);box-shadow:inset 0 0 16px #0002}
.device-status{position:absolute;top:10px;left:15px;right:12px;display:flex;justify-content:space-between;align-items:center;font:600 8px/1.1 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#e6e9d9;letter-spacing:.02em}.status-icons{display:flex;align-items:center;gap:4px;font-size:6px;letter-spacing:-1px}.status-icons i{display:block;width:12px;height:6px;border:1px solid #c6d0bc;border-radius:2px;position:relative;opacity:.85}.status-icons i:before{content:'';position:absolute;inset:1px;background:#dfe5d1;border-radius:1px}.status-icons i:after{content:'';position:absolute;right:-3px;top:1px;width:1px;height:2px;background:#c6d0bc}
.device-island{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:62px;height:16px;border-radius:14px;background:#030806;box-shadow:0 1px 1px #788b7216;z-index:3}.device-island:after{content:'';position:absolute;right:8px;top:6px;width:4px;height:4px;border-radius:50%;background:#142728;box-shadow:inset 0 0 0 1px #264546}
.screen-content{padding:46px 14px 0}.screen-eyebrow{display:block;font:500 7px/1.4 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.21em;color:#b8c5af}.screen-title{font:26px/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.035em;color:#eeecd9;margin-top:10px}.screen-title em{color:#cdd3bb}
.person-illustration{width:164px;height:140px;margin:18px -3px 0;position:relative}.person-illustration svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 6px 10px #0002)}.question-bubble{animation:question-hover 7s ease-in-out infinite;transform-origin:140px 42px}
.screen-response{display:flex;align-items:center;gap:7px;color:#e2e3cc;font:500 9px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;margin-top:11px;border-top:1px solid #a7b69c26;padding-top:12px}.screen-response small{display:block;font-size:6.8px;color:#bdc8b5;font-weight:400;margin-top:2px}.response-mark{border:1px solid #b1c3a55c;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:9px;color:#c6d8b9;flex-shrink:0}
.screen-cta{position:absolute;bottom:26px;left:14px;right:14px;display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:8px 11px;border-radius:6px;color:#193629;background:#e0dfcb;font:600 9px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 4px 12px #0002}.screen-cta>span{font-size:14px;line-height:1}.smartphone:hover .screen-cta{background:#eeecd9}
.device-home{position:absolute;width:57px;height:3px;border-radius:3px;background:#c0c9b7aa;bottom:7px;left:50%;transform:translateX(-50%)}
.device-light{position:absolute;inset:0;background:radial-gradient(ellipse at 38% 40%,#78997721,transparent 55%),radial-gradient(ellipse at 72% 56%,#61344f25,transparent 58%);filter:blur(23px);animation:device-light 14s ease-in-out infinite alternate;pointer-events:none}
.device-shadow{position:absolute;bottom:-7px;left:24%;right:12%;height:25px;background:#000b07c9;filter:blur(16px);transform:rotate(-10deg);border-radius:50%;animation:device-shadow 9s ease-in-out infinite;pointer-events:none}
.hero-art.phone-art{background:radial-gradient(ellipse at 0% 45%,#153e2d70,transparent 67%),radial-gradient(ellipse at 100% 65%,#4620394d,transparent 60%),linear-gradient(140deg,#0e211a,#14211d 55%,#271726)}
.phone-art .art-caption>span{display:none}.phone-art .art-caption{justify-content:flex-end!important;bottom:114px!important;z-index:5}.phone-art .art-index{max-width:123px;line-height:1.6;text-align:right}.phone-art .motion-control{background:#101c1766}
@keyframes smartphone-float{0%,100%{transform:translateY(5px) rotate(-10deg)}50%{transform:translateY(-7px) rotate(-7deg)}}
@keyframes question-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes device-light{from{opacity:.6}to{opacity:1}}
@keyframes device-shadow{0%,100%{opacity:.6;transform:rotate(-10deg) scale(1)}50%{opacity:.35;transform:rotate(-10deg) scale(.92)}}
@media(max-width:1100px){.device-pivot{--device-scale:.92}.smartphone-stage{inset:58px 0 103px}}
@media(max-width:820px){.device-pivot{--device-scale:.87}.smartphone-stage{inset:61px 0 109px}.phone-art .art-caption{right:13px!important}.phone-art .motion-control{width:35px;height:35px}}
@media(max-width:600px){.hero-art.phone-art{height:480px}.device-pivot{--device-scale:.8}.smartphone-stage{inset:52px 0 91px}.phone-art .art-caption{bottom:96px!important;right:18px!important}.phone-art .motion-control{width:36px;height:36px}.phone-art .art-index{max-width:105px;font-size:6px}.device-shadow{bottom:-6px;left:22%;right:12%}}
@media(max-width:360px){.device-pivot{--device-scale:.78}.phone-art .art-caption{right:12px!important}.phone-art .art-index{max-width:85px;font-size:5px}}
@media(prefers-reduced-motion:reduce){.smartphone,.question-bubble,.device-light,.device-shadow{animation:none;will-change:auto}.device-pivot{transition:none}.smartphone{transform:rotate(-8deg)}}