header{grid-template-columns:1fr 1fr}
.hero{height:100svh;max-height:none;min-height:760px;background:#000}
.hero:before{background:radial-gradient(ellipse at 76% 48%,rgba(255,255,255,.075),transparent 34%),radial-gradient(ellipse at 35% 50%,rgba(32,255,92,.035),transparent 42%)}
.hero h1{width:clamp(300px,32vw,610px);height:clamp(98px,10.5vw,200px);overflow:hidden}
.hero h1 img{display:block;width:100%;height:auto;transform:translateY(-38.2%)}
.hero-copy{top:36%}
.hero-phone{position:absolute;z-index:3;right:7vw;top:15%;width:min(34vw,560px);height:min(76vh,790px);min-height:590px;border:2px solid #383838;border-radius:clamp(48px,5vw,82px);background:linear-gradient(145deg,#151515,#030303 45%);padding:12px;box-shadow:0 45px 120px rgba(0,0,0,.9),inset 0 0 0 1px rgba(255,255,255,.08);transform:translate3d(80px,40px,0) rotate(5deg);opacity:0;animation:phone-in 1.35s .2s cubic-bezier(.16,1,.3,1) forwards}
.phone-screen{position:relative;width:100%;height:100%;overflow:hidden;border-radius:clamp(39px,4.2vw,68px);background:#000;display:grid;place-items:center}
.phone-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.035) 46%,transparent 63%);transform:translateX(-110%);animation:screen-light 4.5s 1.6s ease-in-out infinite}
.phone-speaker{position:absolute;z-index:5;top:25px;left:50%;width:31%;height:29px;transform:translateX(-50%);border-radius:999px;background:#080808;border:1px solid #1b1b1b}
.phone-logo{width:72%;height:23%;overflow:hidden;opacity:0;transform:scale(.86);animation:logo-in 1s 1s cubic-bezier(.16,1,.3,1) forwards}
.phone-logo img{display:block;width:100%;height:auto;transform:translateY(-38.2%)}
@keyframes phone-in{to{opacity:1;transform:translate3d(0,0,0) rotate(2.5deg)}}
@keyframes logo-in{to{opacity:1;transform:scale(1)}}
@keyframes screen-light{0%,55%{transform:translateX(-110%)}80%,100%{transform:translateX(110%)}}
.download-mark{width:clamp(360px,42vw,800px);height:clamp(118px,13.7vw,260px);overflow:hidden;text-indent:0}
.download-mark img{display:block;width:100%;height:auto;transform:translateY(-38.2%)}
@media(max-width:700px){.hero{height:100svh;min-height:720px}.hero-copy{top:17%;left:24px}.hero-phone{right:-14vw;top:42%;width:74vw;height:58vh;min-height:430px}.hero h1{width:58vw;height:19vw}.phone-speaker{top:19px;height:20px}}
.visual{opacity:1;transform:none;transition:none;will-change:transform,opacity;transform-origin:center center}
.visual img{will-change:transform;transform:translateZ(0)}
.profile-scene{isolation:isolate}
.profile-scene .profile-base{visibility:hidden}
.profile-scene .profile-layer{position:absolute;inset:0;width:100%;height:auto;margin:0;will-change:transform,opacity;backface-visibility:hidden}
.profile-copy-layer{clip-path:inset(0 50% 0 0)}
.profile-phone-layer{clip-path:inset(0 0 0 50%)}
.lexus-scene{min-height:56.28vw;background:#000;isolation:isolate}
.lexus-card{position:relative;width:100%;will-change:transform,opacity}
.lexus-card>img{display:block;width:100%;margin:0}
.lexus-card>.covered-car{position:absolute;z-index:2;left:0;top:13.1%;width:51.55%;height:73.9%;object-fit:cover;object-position:center;background:#000}
.publish-note{position:absolute;z-index:8;left:50%;top:50%;display:flex;align-items:center;gap:16px;min-width:min(470px,82vw);padding:20px 24px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(22,22,22,.86);box-shadow:0 24px 80px rgba(0,0,0,.75),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transform:translate3d(-50%,-42%,0) scale(.92);opacity:0;will-change:transform,opacity}
.publish-note>span{display:grid;place-items:center;flex:0 0 48px;height:48px;border-radius:50%;background:var(--g);color:#071509;font-size:25px;font-weight:900}
.publish-note div{display:flex;flex-direction:column;gap:5px}.publish-note strong{font-size:19px;letter-spacing:-.02em}.publish-note small{color:#8e8e93;font-size:12px}
.counter-cover{position:absolute;z-index:3;display:block;background:#000}
.gallery-cover{top:13.2%;right:.8%;width:7%;height:8%}.likes-cover{top:18.1%;left:59.4%;width:3.8%;height:7%}.comments-cover{top:18.1%;left:66.6%;width:3.5%;height:7%}
.gallery-count,.likes-count,.comments-count{position:absolute;z-index:4;color:#fff;font-style:normal;font-weight:500;line-height:1;background:#000}
.gallery-count{top:14.7%;left:47.2%;font-size:clamp(14px,1.58vw,27px);padding:5px 7px}.likes-count{top:20.1%;left:60.2%;font-size:clamp(13px,1.34vw,23px)}.comments-count{top:20.1%;left:67.5%;font-size:clamp(13px,1.34vw,23px)}
.vehicle-title-cover,.vehicle-copy-cover{position:absolute;z-index:3;display:block;background:#000}.vehicle-title-cover{left:55.3%;top:29.1%;width:41.5%;height:10.5%}.vehicle-copy-cover{left:55.2%;top:60.1%;width:43.5%;height:12%}
.vehicle-name{position:absolute;z-index:4;left:55.9%;top:32.1%;color:#fff;font-size:clamp(24px,3.05vw,52px);line-height:1;font-weight:750;letter-spacing:-.035em}.vehicle-copy{position:absolute;z-index:4;left:55.9%;top:63.1%;color:#aaa;font-size:clamp(12px,1.45vw,24px);line-height:1.35}
.features-scene{isolation:isolate}
.features-scene .features-base{visibility:hidden}
.features-scene .features-layer{position:absolute;inset:0;width:100%;height:auto;margin:0;backface-visibility:hidden;will-change:transform,opacity,filter;transform-origin:center center}
.features-left{clip-path:inset(0 66.666% 0 0)}.features-center{clip-path:inset(0 33.333%)}.features-right{clip-path:inset(0 0 0 66.666%)}
.download{margin-top:clamp(110px,9vw,180px);padding-top:clamp(110px,10vw,190px);will-change:transform,opacity;transform-origin:center center}
@media(max-width:700px){.profile-scene .profile-layer{width:154%;margin-left:-27%}.profile-copy-layer{clip-path:inset(0 57% 0 0)}.profile-phone-layer{clip-path:inset(0 0 0 43%)}.lexus-scene{min-height:86.7vw}.lexus-card{width:154%;margin-left:-27%}.publish-note{padding:15px 17px;border-radius:19px;gap:12px}.publish-note>span{flex-basis:40px;height:40px;font-size:20px}.publish-note strong{font-size:15px}.features-scene .features-layer{width:250%;margin-left:-75%}.download{margin-top:80px;padding-top:110px}}
@media(prefers-reduced-motion:reduce){.visual,.visual img,.download{will-change:auto!important;transform:none!important;opacity:1!important}.profile-scene .profile-base,.features-scene .features-base{visibility:visible}.profile-scene .profile-layer,.features-scene .features-layer{display:none}}
@media(max-width:700px){
  html,body{width:100%;max-width:100%;overflow-x:hidden}
  header{height:72px;padding:0 20px;grid-template-columns:1fr auto}
  header .mark{font-size:22px}
  header .open{justify-self:end;padding:10px 15px;font-size:11px;white-space:nowrap}
  .hero{height:100svh;min-height:650px;max-height:820px}
  .hero-copy{left:24px;top:18%;width:calc(100% - 48px)}
  .hero h1{width:min(66vw,310px);height:min(21.5vw,102px)}
  .hero-copy>p{margin-top:26px;font-size:10px;letter-spacing:.27em}
  .scroll{margin-top:42px}
  .hero-phone{right:-7vw;top:48%;width:68vw;height:48svh;min-height:350px;max-height:470px;padding:8px;border-radius:44px}
  .phone-screen{border-radius:36px}
  .phone-speaker{top:15px;height:16px}
  .visual{width:100%;max-width:100%;overflow:hidden}
  .visual img,.features img{width:100%;max-width:none;margin-left:0}
  .profile-scene .profile-layer,.features-scene .features-layer{width:100%;margin-left:0}
  .profile-copy-layer{clip-path:inset(0 50% 0 0)}
  .profile-phone-layer{clip-path:inset(0 0 0 50%)}
  .lexus-scene{min-height:56.28vw}
  .lexus-card{width:100%;margin-left:0}
  .publish-note{top:50%;width:calc(100% - 34px);min-width:0;padding:14px 16px}
  .publish-note>span{flex:0 0 38px;height:38px}
  .publish-note strong{font-size:14px}.publish-note small{font-size:10px}
  .gallery-count{font-size:12px;padding:3px 4px}
  .likes-count,.comments-count{font-size:11px}
  .vehicle-name{font-size:clamp(13px,4vw,18px)}
  .vehicle-copy{font-size:clamp(7px,2.25vw,10px)}
  .features-scene .features-base,.features-scene .features-layer{width:100%;margin-left:0}
  .download{min-height:560px;margin-top:64px;padding:90px 20px 70px}
  .download-mark{width:min(76vw,360px);height:min(25vw,118px)}
  .download>p{font-size:8px;letter-spacing:.31em;text-align:center}
  .stores{width:100%;align-items:center;gap:14px}
  .stores a{width:min(86vw,330px);height:68px;padding:8px 18px}
  footer{min-height:250px;padding:34px 20px}
  footer .mark{display:inline-block}
  footer nav{gap:18px 22px;margin:30px auto;font-size:12px}
}

.coming-soon{display:flex;align-items:center;gap:12px;margin-top:4px;padding:11px 18px;border:1px solid #343434;border-radius:999px;color:#858585;font-size:11px;letter-spacing:.06em}
.coming-soon i{width:7px;height:7px;border-radius:50%;background:var(--g);box-shadow:0 0 14px rgba(72,223,93,.45)}
.coming-soon strong{color:#fff;font-size:13px;font-weight:600}
@media(max-width:700px){
  .likes-count{left:60.1%;font-size:9px;padding:1px 3px}
  .comments-count{left:69.2%;font-size:9px;padding:1px 3px}
  .coming-soon{margin-top:8px;padding:10px 15px;font-size:9px;gap:9px}
  .coming-soon strong{font-size:11px}
}

/* Clean listing and launch screen */
.lexus-card:after{content:"";position:absolute;z-index:5;top:17.2%;left:54%;width:25%;height:8.5%;background:#000}
.likes-count,.comments-count{display:none}
.download{background:#000!important}