/* Tongitda product illustration */
.hero-art{min-height:460px;border-radius:32px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 55% 36%,#fffdf6 0%,#fff6e4 45%,#f1e4cc 100%);border:1px solid #eddfc8;box-shadow:inset 0 1px 0 #fff,0 20px 50px #061f3c09}
.hero-art:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(120deg,#ffffff80,transparent 45%,#d8ba8130);pointer-events:none}
.hero-art:after{content:'';position:absolute;width:230px;height:28px;bottom:33px;left:calc(50% - 95px);border-radius:50%;background:#061f3c35;filter:blur(17px);z-index:-1}
.hero-art .orbit{width:385px;height:385px;border:1px solid #b58c3a25;box-shadow:0 0 0 38px #ffffff18}
.hero-art .orbit.two{width:300px;height:300px;border-color:#c2a36d26}
.hero-art .spark{top:38px;right:29px;font-size:29px;color:#F58A00;text-shadow:0 2px 0 #fff8}
.hero-art .floating-chip{top:31px;left:25px;transform:none;font-size:8px;letter-spacing:1.55px;padding:12px 14px;border:1px solid #ffffffd9;background:#ffffffb3;border-radius:30px;box-shadow:0 5px 20px #8c63200a;color:#333333}
.hero-art .floating-chip span{color:#F58A00;margin-left:8px}
.hero-art .phone{width:228px;height:384px;padding:30px 20px;border:0;border-radius:37px;transform:rotate(8deg) translate(12px,2px);background:linear-gradient(145deg,#143857,#071e38 47%,#0b2a48);box-shadow:inset 2px 2px 2px #bed2e06b,inset -3px -2px 3px #000a,0 0 0 2px #25435c,0 0 0 4px #758596,0 0 0 5px #d4dce0,19px 24px 32px #122c4530;z-index:1}
.hero-art .phone:before{content:'';position:absolute;inset:7px;border-radius:30px;border:1px solid #ffffff12;background:linear-gradient(125deg,#ffffff09,transparent 40%);pointer-events:none}
.hero-art .phone:after{content:'';position:absolute;left:-7px;top:98px;width:3px;height:35px;border-radius:2px;background:linear-gradient(#a1acb5,#344e61);box-shadow:0 45px 0 #576b7a}
.hero-art .notch{top:13px;left:76px;width:77px;height:19px;border-radius:12px;background:#020e1d;box-shadow:inset 0 1px 3px #000}
.hero-art .phone-top{position:relative;margin-top:14px;align-items:center;font-size:14px;font-weight:900;letter-spacing:-.07em}
.hero-art .phone-top span{font-size:10px;letter-spacing:1px;color:#f7b84a}
.hero-art .signal{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(140deg,#ffc65c22,#ff980008);border:1px solid #f3b64d3b;margin-top:27px;font-size:25px;color:#ffbd45;line-height:1}
.hero-art .phone h2{font-size:21px;margin:18px 0 0;line-height:1.65;font-weight:600;letter-spacing:-.06em;color:#f1f5fb}
.hero-art .phone strong{font-weight:900;color:#ffb32b}
.hero-art .sim{bottom:48px;right:22px;width:74px;height:94px;padding:11px 10px;border-radius:9px 20px 9px 9px;transform:rotate(-13deg);border:1px solid #ffd78b;background:linear-gradient(135deg,#ffe0a0 0%,#ffb92f 37%,#dc8e12 100%);box-shadow:inset 1px 1px 1px #fff8,inset -1px -1px 1px #ae700e,5px 8px 15px #0005;font-size:8px;font-weight:700;letter-spacing:1px;color:#543713}
.hero-art .sim div{position:relative;margin:9px 0 8px;width:29px;height:24px;font-size:0;border:1px solid #8b641f;border-radius:4px;background:linear-gradient(90deg,transparent 31%,#8b641f 32%,#8b641f 35%,transparent 36%,transparent 65%,#8b641f 66%,#8b641f 69%,transparent 70%),linear-gradient(0deg,transparent 44%,#8b641f 45%,#8b641f 49%,transparent 50%),linear-gradient(120deg,#f5df9f,#b59247 50%,#e7c873);box-shadow:inset 0 1px 1px #fff9}
.hero-art .sim small{font-size:6px;letter-spacing:1.1px}
.hero-art .phone-bottom{bottom:25px;left:21px;right:21px;display:flex;align-items:center;justify-content:space-between;color:#c2ceda;font-size:8px;letter-spacing:.2px}
.hero-art .phone-bottom span{margin:0;font-size:13px;color:#ffc254}
.hero-art .floating-benefit{z-index:2;left:22px;bottom:36px;gap:12px;padding:16px 19px;border:1px solid #ffffffd9;border-radius:15px;background:linear-gradient(130deg,#fff,#fbfaf6);box-shadow:0 12px 30px #362b1317,inset 0 1px 0 white;font-size:12px;transform:rotate(-2deg)}
.hero-art .floating-benefit>span{padding:0;width:31px;height:31px;display:flex;align-items:center;justify-content:center;color:#F58A00;background:linear-gradient(145deg,#fff4d9,#ffe3a6);border:1px solid #f7d797;font-size:15px}
.hero-art .floating-benefit small{font-size:9px;color:#333333;margin-top:5px;font-weight:400}
.hero-art .art-caption{bottom:17px;right:20px;left:auto;font-size:7px;letter-spacing:1.6px;color:#F58A00}
@media(max-width:640px){.hero-art{min-height:425px;margin:0;border-radius:26px}.hero-art .phone{width:214px;height:365px;padding:28px 18px;transform:rotate(7deg) translate(12px,-2px)}.hero-art .notch{left:69px}.hero-art .phone h2{font-size:20px}.hero-art .floating-chip{top:22px;left:16px;font-size:6px;padding:10px 12px}.hero-art .spark{right:20px;top:29px;font-size:24px}.hero-art .floating-benefit{left:13px;bottom:32px;padding:13px;font-size:11px;gap:9px}.hero-art .floating-benefit small{font-size:8px}.hero-art .art-caption{font-size:6px;right:14px;bottom:13px}}
.hero-art .phone h2{font-size:27px;line-height:1.55;margin-top:36px;letter-spacing:-.07em;font-weight:700}.hero-art .phone strong{display:block;font-size:27px;white-space:nowrap}
@media(max-width:640px){.hero-art .phone h2{font-size:25px;margin-top:32px;line-height:1.55}.hero-art .phone strong{font-size:25px}}