/* My XPENG intelligence cockpit */
.cockpit-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:580px;margin:20px 0 10px;padding:clamp(38px,6vw,88px);overflow:hidden;border:1px solid rgba(52,217,255,.2);border-radius:8px 34px;background:radial-gradient(circle at 78% 42%,rgba(120,104,255,.22),transparent 31%),linear-gradient(120deg,#0a1120 0%,#070b15 62%,#0d1029 100%)}.cockpit-hero:before{content:"";position:absolute;inset:0;z-index:-1;opacity:.28;background:linear-gradient(rgba(52,217,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(52,217,255,.08) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(90deg,#000,transparent 80%)}.cockpit-intro{max-width:800px}.cockpit-intro>p,.cockpit-hero small,.intelligence-cockpit small,.command-deck small,.garage-profile small{color:var(--cyan);font-size:.73rem;font-weight:900;letter-spacing:.18em}.cockpit-intro h1{max-width:850px;margin:22px 0;font-size:clamp(3.3rem,6.2vw,7.1rem);line-height:.84;letter-spacing:-.075em}.cockpit-intro h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 35px rgba(52,217,255,.2)}.cockpit-intro>span{display:block;max-width:690px;color:#b7c4d6;font-size:clamp(1.05rem,1.5vw,1.25rem);line-height:1.7}.cockpit-trust{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin-top:32px;padding:12px 16px;border:1px solid rgba(199,255,54,.22);border-radius:4px 14px;background:rgba(5,10,20,.72)}.cockpit-trust i,.garage-online i,.live-intel i,.profile-pulse i{width:8px;height:8px;flex:none;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(199,255,54,.08),0 0 18px var(--lime);animation:cockpitPulse 2.4s infinite}.cockpit-trust b{color:var(--lime);font-size:.7rem;letter-spacing:.1em}.cockpit-trust span{color:var(--muted);font-size:.72rem}.cockpit-radar{position:relative;width:min(390px,75vw);aspect-ratio:1;margin:auto;border:1px solid rgba(52,217,255,.25);border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 48px,rgba(52,217,255,.12) 49px 50px),conic-gradient(from 210deg,transparent,rgba(52,217,255,.18),transparent 28%);box-shadow:inset 0 0 90px rgba(52,217,255,.06),0 0 80px rgba(120,104,255,.09);animation:radarFloat 7s ease-in-out infinite}.cockpit-radar:before,.cockpit-radar:after{content:"";position:absolute;inset:50% 0 auto;border-top:1px solid rgba(52,217,255,.22)}.cockpit-radar:after{transform:rotate(90deg)}.cockpit-radar>i{position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.cockpit-radar>i:nth-child(1){left:22%;top:34%}.cockpit-radar>i:nth-child(2){right:17%;top:48%;animation:cockpitPulse 1.6s infinite}.cockpit-radar>i:nth-child(3){left:52%;bottom:18%}.cockpit-radar>div{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:122px;height:122px;transform:translate(-50%,-50%);border:1px solid rgba(199,255,54,.38);border-radius:50%;background:#080e1bcc;box-shadow:0 0 50px rgba(199,255,54,.08)}.cockpit-radar b{color:var(--lime);font-size:1.4rem}.cockpit-radar span{color:var(--muted);font-size:.58rem;letter-spacing:.16em}
.intelligence-cockpit{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.55fr);gap:10px;margin:10px 0}.vehicle-visual,.mission-console,.command-deck,.garage-profile,.owner-workspace>article,.owner-library,.owner-notes,.local-privacy{border:1px solid var(--line);background:linear-gradient(145deg,#0d1528,#090f1d);box-shadow:inset 0 1px rgba(255,255,255,.025)}.vehicle-visual,.mission-console{border-radius:6px 22px;overflow:hidden}.vehicle-visual>header,.mission-console>header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--line);color:var(--cyan);font-size:.68rem;font-weight:900;letter-spacing:.13em}.garage-online{display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid rgba(199,255,54,.25);border-radius:20px;color:var(--lime);font-size:.61rem}.vehicle-stage{position:relative;min-height:500px;overflow:hidden;background:#050913}.vehicle-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,9,19,.04),rgba(5,9,19,.15) 48%,#050913 100%),linear-gradient(90deg,rgba(5,9,19,.65),transparent 55%)}.vehicle-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.08);transition:filter .5s,transform 1.1s}.vehicle-stage:hover img{filter:saturate(1.1) contrast(1.05);transform:scale(1.018)}.scan-line{position:absolute;z-index:2;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,var(--cyan),var(--lime),transparent);box-shadow:0 0 18px var(--cyan);animation:vehicleScan 5.5s linear infinite}.vehicle-id{position:absolute;z-index:3;left:clamp(22px,4vw,54px);bottom:38px;max-width:650px}.vehicle-id h2{margin:6px 0;font-size:clamp(2.3rem,5vw,5rem);letter-spacing:-.06em}.vehicle-id p{max-width:560px;margin:0;color:#c1cedd;font-size:1rem}.vehicle-coordinates{position:absolute;z-index:3;right:22px;top:22px;padding:9px 11px;border-left:2px solid var(--cyan);color:#bdc9d7;font:700 .62rem/1.6 ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em}.garage-signals{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.garage-signals article{min-width:0;padding:17px 20px;border-right:1px solid var(--line)}.garage-signals article:last-child{border:0}.garage-signals span{display:block;color:var(--muted);font-size:.6rem;letter-spacing:.14em}.garage-signals b{display:block;margin-top:6px;overflow:hidden;color:white;font-size:1rem;text-overflow:ellipsis;white-space:nowrap}
.mission-console{display:flex;flex-direction:column}.mission-console>header h2{margin:5px 0 0;color:white;font-size:1.55rem;letter-spacing:-.04em}.mission-console>header>span{color:var(--lime);font-size:.63rem}.mission-orbit{display:grid;place-items:center;flex:1;padding:34px 28px}.mission-ring{position:relative;display:grid;place-items:center;width:210px;aspect-ratio:1;margin:auto;border-radius:50%;background:conic-gradient(var(--lime) var(--readiness,0%),rgba(153,169,189,.12) 0);box-shadow:0 0 70px rgba(52,217,255,.08)}.mission-ring:before{content:"";position:absolute;inset:9px;border:1px solid rgba(52,217,255,.22);border-radius:50%;background:#09101e}.mission-ring:after{content:"";position:absolute;inset:-14px;border:1px dashed rgba(52,217,255,.16);border-radius:50%;animation:orbitSpin 24s linear infinite}.mission-ring>div{position:relative;z-index:2;text-align:center}.mission-ring small{color:var(--muted);font-size:.58rem}.mission-ring b{display:block;margin-top:6px;font-size:2.6rem;letter-spacing:-.06em}.mission-copy{margin-top:34px;text-align:center}.mission-copy h3{margin:8px 0;font-size:1.5rem;letter-spacing:-.035em}.mission-copy p{color:var(--muted);line-height:1.65}.mission-copy a{display:inline-flex;margin-top:10px;padding:11px 14px;border:1px solid rgba(52,217,255,.28);border-radius:4px 12px;color:var(--cyan);font-size:.78rem;font-weight:900;text-decoration:none}.live-intel{margin:0 18px 18px;padding:18px;border:1px solid rgba(52,217,255,.16);border-radius:4px 13px;background:#070d19}.live-intel span{display:flex;align-items:center;gap:9px;color:var(--lime);font-size:.62rem;font-weight:900;letter-spacing:.13em}.live-intel p{margin:10px 0 0;color:#c3cfdd;font-size:.82rem;line-height:1.55}
.command-deck{margin:10px 0;padding:clamp(28px,4vw,52px);border-radius:6px 22px}.command-deck>header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:26px}.command-deck h2{margin:7px 0 0;font-size:clamp(2rem,4vw,4.2rem);letter-spacing:-.06em}.command-deck>header>p{max-width:420px;color:var(--muted);line-height:1.6}.garage-routes{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.garage-routes a{position:relative;display:grid;min-height:150px;padding:23px;overflow:hidden;border:1px solid var(--line);border-radius:4px 16px;background:#080f1d;color:white;text-decoration:none}.garage-routes a:after{content:"";position:absolute;right:-35px;bottom:-35px;width:95px;height:95px;border:1px solid rgba(52,217,255,.15);border-radius:50%;transition:.35s}.garage-routes a:hover{border-color:rgba(52,217,255,.5);box-shadow:0 16px 45px rgba(0,0,0,.2);transform:translateY(-3px)}.garage-routes a:hover:after{right:-15px;bottom:-15px;border-color:var(--lime)}.garage-routes i{color:var(--cyan);font:800 .64rem ui-monospace,SFMono-Regular,monospace;letter-spacing:.12em}.garage-routes b{align-self:end;font-size:1.1rem}.garage-routes span{margin-top:8px;color:var(--muted);font-size:.72rem;line-height:1.5}
.garage-profile{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;margin:10px 0;padding:clamp(28px,4vw,52px);border-radius:6px 22px}.profile-intro h2{margin:8px 0;font-size:clamp(2rem,3.5vw,3.8rem);line-height:.95;letter-spacing:-.055em}.profile-intro p{color:var(--muted);line-height:1.7}.profile-pulse{display:flex;align-items:center;gap:13px;margin-top:25px;color:var(--muted);font-size:.65rem;letter-spacing:.08em}.profile-pulse b{color:var(--cyan);font-size:.58rem}.garage-profile form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.garage-profile label,.owner-reminders label,.owner-notes label{display:grid;gap:7px;color:#c6d1df;font-size:.7rem;font-weight:800;letter-spacing:.05em}.garage-profile input,.garage-profile select,.owner-reminders input,.owner-notes textarea{width:100%;padding:14px;border:1px solid var(--line);border-radius:4px 11px;background:#070d18;color:white;font:inherit}.garage-profile form button,.owner-reminders button,.owner-notes button{padding:14px;border:0;border-radius:4px 12px;background:var(--lime);color:#07100b;font-weight:950}.garage-profile form button{grid-column:1/-1}.local-controls{grid-column:1/-1;display:flex;gap:8px}.local-controls button{padding:10px 12px;border:1px solid var(--line);border-radius:4px 10px;background:transparent;color:var(--muted)}
.owner-workspace{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:10px 0}.owner-workspace>article{padding:clamp(26px,4vw,46px);border-radius:6px 22px}.owner-workspace h2,.owner-library h2,.owner-notes h2,.local-privacy h2{margin:7px 0;font-size:clamp(1.8rem,3vw,3rem);letter-spacing:-.045em}.owner-workspace header p,.owner-library header p,.owner-notes p,.local-privacy p{color:var(--muted);line-height:1.65}.setup-tracker form{display:grid;gap:7px;margin:25px 0}.setup-tracker label{display:block;padding:0;border:1px solid var(--line);border-radius:4px 12px;background:#070d18}.setup-tracker label span{display:flex;align-items:center;gap:12px;padding:14px;color:#c4cfdd;font-size:.82rem}.setup-tracker label span b{color:var(--cyan);font:800 .63rem ui-monospace,SFMono-Regular,monospace}.setup-tracker input{position:absolute;opacity:0}.setup-tracker label:has(input:checked){border-color:rgba(199,255,54,.38);background:rgba(199,255,54,.055)}.setup-tracker label:has(input:checked) span{color:white}.setup-tracker label:has(input:checked) span:after{content:"READY";margin-left:auto;color:var(--lime);font-size:.58rem;letter-spacing:.1em}.owner-meter{height:5px;overflow:hidden;border-radius:5px;background:rgba(153,169,189,.12)}.owner-meter i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--cyan),var(--lime));box-shadow:0 0 12px var(--cyan);transition:width .5s}.owner-reminders form{display:grid;gap:11px;margin-top:22px}.next-reminder{margin-top:16px;padding:16px;border-left:2px solid var(--cyan);background:#070d18;color:#c7d3df}.owner-library,.owner-notes,.local-privacy{margin:10px 0;padding:clamp(28px,4vw,52px);border-radius:6px 22px}.owner-library>header{display:flex;align-items:end;justify-content:space-between;gap:25px}.owner-library>header>p{max-width:470px}.owner-library-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.owner-library-grid>article{padding:23px;border:1px solid var(--line);border-radius:4px 15px;background:#070d18}.owner-link-list{display:grid;gap:7px}.owner-link-list>a{display:grid;padding:13px;border:1px solid var(--line);border-radius:4px 11px;color:white;text-decoration:none}.owner-link-list>a span{margin-top:5px;color:var(--cyan);font-size:.68rem}.owner-notes{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px}.owner-notes form{display:grid;gap:9px}.owner-notes textarea{min-height:180px;resize:vertical}.owner-notes form span{min-height:20px;color:var(--lime)}.local-privacy>div{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:25px}.local-privacy article{padding:20px;border:1px solid var(--line);border-radius:4px 14px;background:#070d18}.local-privacy article b{color:var(--cyan)}
@keyframes cockpitPulse{50%{opacity:.45;transform:scale(.72)}}@keyframes radarFloat{50%{transform:translateY(-9px)}}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes vehicleScan{0%{top:0;opacity:0}10%,85%{opacity:1}100%{top:100%;opacity:0}}
@media(max-width:1000px){.cockpit-hero{grid-template-columns:1fr}.cockpit-radar{position:absolute;right:-95px;bottom:-105px;opacity:.42}.intelligence-cockpit{grid-template-columns:1fr}.mission-orbit{grid-template-columns:auto 1fr;gap:28px}.mission-copy{margin:0;text-align:left}.garage-routes{grid-template-columns:1fr 1fr}.garage-profile{grid-template-columns:1fr}.local-privacy>div{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.cockpit-hero{min-height:600px;padding:34px 22px}.cockpit-intro h1{font-size:3.55rem}.cockpit-trust{align-items:flex-start;flex-wrap:wrap}.cockpit-trust span{width:100%;padding-left:20px}.cockpit-radar{width:270px;right:-105px;bottom:-95px}.vehicle-stage{min-height:430px}.vehicle-id{left:20px;right:20px;bottom:28px}.vehicle-id h2{font-size:2.6rem}.vehicle-coordinates{display:none}.garage-signals{grid-template-columns:1fr 1fr}.garage-signals article:nth-child(2){border-right:0}.mission-orbit{grid-template-columns:1fr}.mission-copy{text-align:center}.mission-ring{width:180px}.command-deck>header,.owner-library>header{align-items:flex-start;flex-direction:column}.garage-routes,.garage-profile form,.owner-workspace,.owner-library-grid,.owner-notes,.local-privacy>div{grid-template-columns:1fr}.garage-profile form button{grid-column:auto}.local-controls{grid-column:auto;flex-direction:column}.owner-notes{gap:12px}}
@media(prefers-reduced-motion:reduce){.cockpit-radar,.cockpit-radar>i,.cockpit-trust i,.garage-online i,.live-intel i,.profile-pulse i,.scan-line,.mission-ring:after{animation:none}.vehicle-stage img,.garage-routes a{transition:none}}

@media(max-width:650px){.top{gap:8px}.identity{min-width:0}.garage-link{padding:10px}}

@media(max-width:650px){.cockpit-intro h1{font-size:3.1rem;line-height:.88}.cockpit-intro>p{max-width:300px;font-size:.62rem;letter-spacing:.12em}}

@media(max-width:650px){.cockpit-intro{width:100%;min-width:0}.cockpit-trust{width:100%}}