.hero{min-height:700px;grid-template-columns:1.08fr .92fr;gap:70px;padding-block:72px;overflow:hidden}.hero h1{font-size:clamp(3rem,5.5vw,5rem);line-height:.98}.hero h1 em{color:var(--accent);font-style:normal}.lead{max-width:560px;margin:24px 0 18px}.hero-points{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:8px;color:#c7cdd4;font-size:.88rem}.hero-points li:before{content:"";display:inline-block;width:7px;height:7px;margin:0 10px 1px 0;border:2px solid var(--accent);border-radius:50%}
.phone-stage{min-height:590px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 65% 50%,#c7ff2f0d,transparent 45%)}.phone-stage:before{content:"";position:absolute;width:460px;height:460px;border:1px dashed #29311c;border-radius:50%}.radar-ring{position:absolute;right:0;bottom:80px;width:72px;height:72px;border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 0 11px #c7ff2f0a}.radar-ring:after{content:"";position:absolute;inset:19px;background:var(--accent);clip-path:polygon(50% 0,62% 37%,100% 50%,62% 63%,50% 100%,38% 63%,0 50%,38% 37%)}
.phone{width:280px;min-height:545px;position:relative;z-index:2;background:#11151a;border:7px solid #2b3037;border-radius:40px;padding:28px 18px 18px;box-shadow:0 40px 80px #000,inset 0 0 0 1px #505862;transform:rotate(8deg)}.phone-speaker{position:absolute;top:10px;left:50%;translate:-50%;width:70px;height:5px;border-radius:8px;background:#353b43}.phone-header{display:flex;gap:7px;align-items:center;font-size:.72rem;border-bottom:1px solid #2b3139;padding-bottom:12px}.phone-header small{margin-left:auto;color:#77818d}.phone-label{color:var(--accent);font-size:.57rem;letter-spacing:.12em;margin:15px 0 9px}.garment{height:225px;position:relative;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 50% 20%,#3e4650,#13171c 65%)}.garment span{position:absolute;width:115px;height:175px;left:50%;top:30px;translate:-50%;background:linear-gradient(100deg,#15191e,#30363d 48%,#111419);clip-path:polygon(20% 0,37% 8%,63% 8%,80% 0,100% 18%,84% 38%,78% 30%,80% 100%,20% 100%,22% 30%,16% 38%,0 18%);filter:drop-shadow(0 18px 12px #000)}.garment i{position:absolute;width:2px;height:158px;background:#555c64;left:50%;top:42px;opacity:.45}.garment b{position:absolute;width:9px;height:9px;background:var(--accent);border-radius:50%;left:calc(50% + 30px);top:70px;box-shadow:0 0 8px #c7ff2f77}.phone h2{font-size:1rem;margin:14px 0 4px}.phone-meta{display:flex;gap:10px;color:#828c97;font-size:.64rem}.phone-price{display:block;color:var(--accent);font-size:1.5rem;margin-top:12px}.phone-resale{display:flex;justify-content:space-between;font-size:.67rem;color:#89939e;border-top:1px solid #2d333b;margin-top:8px;padding-top:8px}.phone-resale b{color:#edf0f3}.phone-button{background:var(--accent);color:#111;text-align:center;padding:9px;border-radius:6px;font-size:.72rem;font-weight:850;margin-top:13px}
.trust-line{background:#0d1013}.trust-line .stats{display:grid;grid-template-columns:repeat(3,1fr);padding:25px}.stats div{text-align:center;border-right:1px solid #252a30}.stats div:last-child{border:0}.stats strong,.stats span{display:block}.stats strong{color:var(--accent);font-size:1.65rem;letter-spacing:-.04em}.stats span{color:#737d88;font-size:.66rem;text-transform:uppercase;letter-spacing:.09em}
.feature-visual{min-height:390px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;padding:35px;background:radial-gradient(circle at 75% 20%,#29311f,#11151a 55%);border:1px solid var(--line);border-radius:14px;overflow:hidden}.feature-visual:before{content:"";position:absolute;width:280px;height:280px;right:-40px;top:-70px;background:linear-gradient(135deg,#171b20,#424a52);clip-path:polygon(25% 0,75% 0,100% 22%,82% 48%,75% 36%,78% 100%,22% 100%,25% 36%,18% 48%,0 22%);transform:rotate(-8deg);opacity:.6}.cloth-mark{position:absolute;right:60px;top:94px;z-index:2;border:1px solid var(--accent);color:var(--accent);padding:8px 12px;font-size:.75rem;font-weight:900;transform:rotate(-8deg)}.feature-visual>div:last-child{position:relative;z-index:3}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:25px}.phone-stage{min-height:570px}.feature-visual{min-height:430px}.trust-line .stats{display:grid;overflow:visible;white-space:normal}}
@media(max-width:520px){.hero h1{font-size:2.8rem}.phone{transform:rotate(3deg);width:260px}.phone-stage:before{width:350px;height:350px}.radar-ring{right:6px}.stats strong{font-size:1.2rem}.stats span{font-size:.55rem}.trust-line .stats{gap:0;padding-inline:5px}}