:root{
  --bg-top:#0F0F1C; --bg-bottom:#050508; --surface:#15151F; --surface2:#1E1E2A;
  --border:rgba(255,255,255,.10); --text:#F2F2F7; --text2:#A8A8BC; --text3:#80809A;
  --accent-top:#5867F0; --accent-bottom:#4554E0; --accent-text:#8C97FF;
  --brand-1:#6A78F7; --brand-2:#4554E0; --brand-3:#3341C4;
  --nearby:#3DDC84; --parcel:#D9B38C; --warning:#FFB27F;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;min-height:100vh;background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 60%) fixed;background-color:var(--bg-bottom);
  color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","Segoe UI","Helvetica Neue",sans-serif;font-size:17px;line-height:1.55}
a{color:var(--accent-text)} a:hover{color:#B3BAFF}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
header.top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0}
.lockup{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}
.mark{width:40px;height:40px;border-radius:9px;flex-shrink:0;display:block}
.word{font-family:-apple-system,"SF Pro Display",BlinkMacSystemFont,sans-serif;font-size:24px;letter-spacing:-.02em}
.word b{font-weight:800} .word span{font-weight:400}
nav.lang a{font-size:15px;text-decoration:none;color:var(--text2)} nav.lang a:hover{color:var(--text)}

.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:center;padding:48px 0 72px}
.hero h1{font-family:-apple-system,"SF Pro Display",sans-serif;font-size:clamp(40px,6vw,64px);line-height:1.04;letter-spacing:-.025em;margin:0 0 20px;font-weight:800}
.hero p.lead{font-size:clamp(18px,2.2vw,21px);color:var(--text2);margin:0 0 32px;max-width:34em}
.cta{display:inline-flex;align-items:center;gap:10px;height:56px;padding:0 28px;border-radius:28px;background:linear-gradient(180deg,var(--accent-top),var(--accent-bottom));
  color:#fff;font-weight:600;text-decoration:none;box-shadow:0 8px 24px rgba(96,112,245,.45)}
.cta:hover{color:#fff;filter:brightness(1.08)}
.cta.soon{background:var(--surface2);box-shadow:none;color:var(--text2);cursor:default}
.note{display:block;margin-top:14px;font-size:14px;color:var(--text3)}
.shots{position:relative;display:flex;justify-content:center;gap:16px}
.shots img{width:min(46%,240px);height:auto;border-radius:28px;border:6px solid #1E1E2A;box-shadow:0 30px 70px rgba(0,0,0,.6)}
.shots img:nth-child(2){margin-top:48px}

.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:0 0 80px}
.feature{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:24px}
.feature .ic{width:44px;height:44px;border-radius:11px;display:grid;place-items:center;margin-bottom:14px}
.feature h2{font-size:19px;margin:0 0 6px;letter-spacing:-.01em}
.feature p{margin:0;color:var(--text2);font-size:16px}
.plain{text-align:center;color:var(--text3);font-size:15px;margin:-48px 0 80px}

section.support{padding:0 0 80px}
section.support h2,.doc h1{font-family:-apple-system,"SF Pro Display",sans-serif;font-size:32px;letter-spacing:-.02em;margin:0 0 20px}
details{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:0 20px;margin-bottom:10px}
summary{cursor:pointer;padding:16px 0;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--text3);font-weight:400}
details[open] summary::after{content:"−"}
details p{margin:0 0 16px;color:var(--text2)}
.contact{margin-top:24px;padding:20px;border-radius:16px;background:var(--surface2);color:var(--text2)}

footer{border-top:1px solid var(--border);padding:28px 0 48px;color:var(--text3);font-size:14px}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between}
footer nav{display:flex;flex-wrap:wrap;gap:8px 20px}
footer a{color:var(--text2);text-decoration:none} footer a:hover{color:var(--text)}

.doc{max-width:760px;margin:0 auto;padding:24px 20px 80px}
.doc h2{font-size:21px;margin:36px 0 8px;letter-spacing:-.01em}
.doc p,.doc li{color:var(--text2)}
.doc .meta{color:var(--text3);font-size:15px}
.placeholder{background:rgba(255,178,127,.14);color:var(--warning);border-radius:6px;padding:0 6px;font-weight:600}

@media (max-width:820px){
  .hero{grid-template-columns:minmax(0,1fr);padding:24px 0 56px;gap:40px}
  .features{grid-template-columns:minmax(0,1fr)}
}