:root{color-scheme:light dark;
--bg:#f7f7ff;--bg2:#eeeefc;--card:#ffffff;--line:#e2e2f3;--text:#15142b;--muted:#5d5c78;--fine:#8a89a3;
--accent:#5b5bf7;--accent2:#7c7cff;--link:#4a49e0;--glow1:rgba(91,91,247,.22);--glow2:rgba(195,177,255,.30);--glow3:rgba(94,231,255,.16);
--glow4:rgba(255,138,216,.14);--shadow:0 18px 50px rgba(40,36,120,.16);--ring:rgba(21,20,43,.08);--top:rgba(247,247,255,.78);
--ff:-apple-system,BlinkMacSystemFont,"SF Pro Text","Helvetica Neue",system-ui,sans-serif;
--fd:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",system-ui,sans-serif}
@media (prefers-color-scheme:dark){:root{
--bg:#0d0c1d;--bg2:#141329;--card:#17162f;--line:#2a2950;--text:#f1f0ff;--muted:#aaa9c8;--fine:#7d7c9c;
--accent:#7c7cff;--accent2:#a5a5ff;--link:#a5a5ff;--glow1:rgba(91,91,247,.34);--glow2:rgba(124,124,255,.20);--glow3:rgba(94,231,255,.10);
--glow4:rgba(255,138,216,.10);--shadow:0 24px 70px rgba(0,0,0,.55);--ring:rgba(255,255,255,.09);--top:rgba(13,12,29,.74)}}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}
body{margin:0;background:var(--bg);color:var(--text);font:17px/1.6 var(--ff);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--link)}img{display:block;max-width:100%;height:auto}
.top{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:20px;padding:12px max(16px,calc(50% - 560px));
background:var(--top);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid var(--ring)}
.brand{display:flex;align-items:center;gap:10px;color:var(--text);font:700 18px/1 var(--fd);text-decoration:none;letter-spacing:-.01em}
.brand-icon{width:32px;height:32px}
.top nav{display:flex;gap:18px;margin-left:auto}.top nav a{color:var(--muted);text-decoration:none;font-size:15px}
.top nav a:hover{color:var(--text)}
.langs{position:relative;font-size:15px}.langs summary{cursor:pointer;color:var(--muted);list-style:none;white-space:nowrap}
.langs summary::-webkit-details-marker{display:none}.langs summary::after{content:" ▾"}
.langs ul{position:absolute;right:0;top:30px;margin:0;padding:8px 0;list-style:none;background:var(--card);border:1px solid var(--line);
border-radius:12px;min-width:160px;box-shadow:var(--shadow)}
.langs li a,.langs li strong{display:block;padding:5px 16px;color:var(--text);text-decoration:none}.langs li a:hover{background:var(--bg2)}
main{display:block}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:center;
padding:72px max(16px,calc(50% - 560px)) 72px;
background:radial-gradient(700px 420px at 78% 38%,var(--glow1),transparent 70%),radial-gradient(520px 360px at 92% 85%,var(--glow4),transparent 70%),
radial-gradient(560px 380px at 8% 0%,var(--glow2),transparent 70%),radial-gradient(420px 300px at 50% 100%,var(--glow3),transparent 70%)}
.icon{width:104px;height:104px;filter:drop-shadow(0 12px 30px rgba(91,91,247,.35))}
h1{margin:20px 0 8px;line-height:1.05;font-family:var(--fd)}
.name{display:block;font-size:clamp(48px,7.5vw,76px);font-weight:800;letter-spacing:-.035em;
background:linear-gradient(120deg,var(--accent) 10%,var(--accent2) 45%,#c3b1ff 70%,#ff8ad8);-webkit-background-clip:text;background-clip:text;color:transparent}
.tagline{display:block;font-size:clamp(20px,2.6vw,26px);font-weight:600;color:var(--text);margin-top:6px;letter-spacing:-.01em}
.subtitle{margin:0 0 12px;font:600 clamp(19px,2.2vw,22px)/1.35 var(--fd);color:var(--text)}
.lead{color:var(--muted);margin:0 0 26px}
.badge{display:inline-block}.badge img{height:53px;width:auto}
.soon{display:inline-block;margin:0;padding:10px 18px;border-radius:999px;font-weight:600;font-size:15px;color:#fff;
background:linear-gradient(135deg,var(--accent),#8a6cff);box-shadow:0 8px 24px rgba(91,91,247,.35)}
.avail{font-size:14px;color:var(--muted);margin:12px 0 0}
.hero-media{position:relative;padding:0 6% 8% 0}
.hero-media .mac{width:100%;border-radius:14px;border:1px solid var(--ring);box-shadow:var(--shadow)}
.hero-media .phone{position:absolute;right:0;bottom:0;width:27%;min-width:110px}
.hero-media.solo{padding:0}.hero-media.solo .phone{position:static;width:min(320px,70%);margin:0 auto}
.hero-media.empty{display:grid;place-items:center;min-height:320px;padding:0}
.big-icon{width:min(260px,60vw);height:auto;filter:drop-shadow(0 30px 60px rgba(91,91,247,.45))}
.phone{border-radius:13.5%/6.2%;border:1px solid var(--ring);box-shadow:var(--shadow);background:var(--card)}
.wide{border-radius:14px;border:1px solid var(--ring);box-shadow:var(--shadow)}
.intro{max-width:760px;margin:0 auto;padding:32px 16px 24px;text-align:center;font-size:19px;color:var(--muted)}
.feature{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:64px;align-items:center;max-width:980px;margin:0 auto;padding:56px 16px}
.feature:nth-child(even) figure{order:2}
.feature figure{margin:0;display:flex;justify-content:center;position:relative}
.feature figure::before{content:"";position:absolute;inset:8% -6%;background:radial-gradient(closest-side,var(--glow1),transparent);z-index:-1}
.feature .solo-phone .phone{width:min(320px,100%)}
.feature.noimg{grid-template-columns:minmax(0,1fr);max-width:760px}
.feature.wide-row{grid-template-columns:minmax(0,7fr) minmax(0,4fr);max-width:1160px;gap:48px}
.feature .duo{align-items:flex-start}.feature .duo .phone{width:min(260px,52%)}
.feature .duo .phone+.phone{margin-left:-10%;margin-top:16%}
.feature .solo-wide img{width:100%}
.need{max-width:760px;width:calc(100% - 32px);margin:8px auto 24px;padding:30px clamp(20px,4vw,40px);border-radius:24px;background:var(--card);
border:1px solid var(--line);box-shadow:inset 0 3px 0 var(--accent)}.need h2{font-size:21px}.need p{color:var(--muted);margin:0}
.need .more{margin-top:14px;font-size:15px}.need .more a{font-weight:600;text-decoration:none}.need .more a::after{content:" →"}
h2{font:700 clamp(24px,2.8vw,32px)/1.2 var(--fd);margin:0 0 14px;letter-spacing:-.015em}
.feature h2{background:linear-gradient(100deg,var(--accent),#9b7bff 60%,#d48cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.feature p,.feature li,.card p,.card li{color:var(--muted)}
ul{padding-left:1.2em;margin:0}li{margin:5px 0}li::marker{color:var(--accent)}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;max-width:1120px;margin:24px auto;padding:0 16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:28px}.card h2{font-size:21px}
.gallery{padding:56px 0 32px;text-align:center}.gallery h2{padding:0 16px}
.strip{display:flex;gap:20px;overflow-x:auto;scroll-snap-type:x mandatory;padding:16px max(16px,calc(50% - 560px)) 32px;scrollbar-width:thin}
.strip img{flex:0 0 auto;height:min(360px,48vw);width:auto;border-radius:14px;border:1px solid var(--ring);scroll-snap-align:center;box-shadow:var(--shadow)}
.cta,.support{max-width:760px;width:calc(100% - 32px);margin:40px auto;padding:40px clamp(20px,4vw,48px);background:var(--card);border:1px solid var(--line);border-radius:26px}
.cta{text-align:center;background:radial-gradient(500px 220px at 50% 0%,var(--glow1),transparent 75%),var(--card)}
.cta-icon{width:72px;height:72px;margin:0 auto 8px}.cta h2{margin:0 0 4px}.cta p{color:var(--muted)}.cta .badge,.cta .soon{margin:8px 0}
.cta .soon{color:#fff}.cta .fine{color:var(--fine);margin-top:20px}
.fine{font-size:13px;color:var(--fine)}
.support>p{color:var(--muted)}.support h3{margin:28px 0 8px;font:600 19px/1.3 var(--fd)}
.faq details{border-top:1px solid var(--line);padding:13px 0}.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";color:var(--accent);font-weight:400;font-size:22px;line-height:1}
.faq details[open] summary::after{content:"−"}.faq p{color:var(--muted);margin:10px 0 0}
.prose{max-width:760px;margin:0 auto;padding:56px 16px}.prose h1{font-size:clamp(30px,4vw,42px);letter-spacing:-.02em}
.prose h2{margin-top:34px;font-size:21px}.prose p{color:var(--muted)}
.bottom{margin-top:56px;padding:32px 16px 48px;border-top:1px solid var(--line);text-align:center;color:var(--muted);font-size:14px}
.bottom p{margin:6px 0}.bottom a{color:var(--muted)}
.footlangs{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 16px;list-style:none;padding:0;margin:0 0 16px}
.footlangs a{text-decoration:none}.footlangs a:hover{color:var(--text)}.footlangs li::marker{content:none}
@media (max-width:860px){.hero,.feature{grid-template-columns:minmax(0,1fr);gap:32px}.hero{padding-top:40px;text-align:center}
.icon{margin:0 auto}.feature:nth-child(even) figure{order:0}.feature .solo-phone .phone{width:min(280px,72vw)}
.feature.wide-row{grid-template-columns:minmax(0,1fr)}.feature .duo .phone{width:min(240px,50%)}.top nav a:first-child{display:none}}
@media (max-width:520px){.top nav a:nth-child(3){display:none}.top{gap:12px}.top nav{gap:12px}.top nav a{font-size:14px}
.brand{font-size:16px}body{font-size:16px}.feature{padding:40px 16px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}