:root{--ink:#16213a;--muted:#5f6d85;--blue:#5b5ce2;--sky:#dff3ff;--yellow:#ffed98;--green:#d9f5dc;--coral:#ffded2;--lav:#eae5ff;--paper:#f8fbff;--line:#dce5f0;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.skip-link{position:fixed;top:-60px;left:16px;z-index:100;background:var(--ink);color:white;padding:12px 16px;border-radius:10px}.skip-link:focus{top:16px}
.site-header{width:min(calc(100% - 40px),var(--max));height:80px;margin:auto;display:flex;align-items:center;gap:42px;position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.32rem;font-weight:760;letter-spacing:-.04em}.brand img{border-radius:11px;box-shadow:0 8px 22px rgba(38,55,88,.13)}nav{display:flex;gap:30px;margin-left:auto}nav a{font-size:.9rem;color:#4e5b72;font-weight:570}nav a:hover{color:var(--blue)}.nav-download,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:100px;font-weight:700}.nav-download{padding:11px 18px;color:white;background:var(--ink);font-size:.86rem}
.hero{width:min(calc(100% - 40px),var(--max));min-height:790px;margin:auto;padding:90px 0 125px;display:grid;grid-template-columns:.82fr 1.18fr;gap:80px;align-items:center}.kicker{display:flex;align-items:center;gap:10px;margin:0 0 24px;font-size:.76rem;font-weight:700}.kicker span{color:var(--blue);background:#eeefff;padding:8px 11px;border-radius:100px}.kicker b{color:#7a879b}.hero h1,.section-heading h2,.terminal-copy h2,.remote-copy h2,.inspector-copy h2,.personalize-copy h2,.shortcut-copy h2,.final-cta h2{margin:0;font-weight:760;letter-spacing:-.065em;line-height:.94}.hero h1{font-size:clamp(4.7rem,7.7vw,7.7rem)}em{font-style:normal;color:var(--blue)}.hero-lede{max-width:600px;margin:28px 0;color:var(--muted);font-size:1.18rem;line-height:1.62}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:54px;padding:0 23px;gap:24px;font-size:.93rem;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button-primary{color:white;background:var(--blue);box-shadow:0 13px 30px rgba(91,92,226,.25)}.button-secondary{color:var(--ink);border:1px solid #cbd7e5;background:white}.requirements{font-size:.76rem;color:#8390a3;margin:17px 0 0}.hero-art{min-width:0;position:relative}.shape{position:absolute;border-radius:40% 60% 55% 45%}.shape-yellow{width:280px;height:260px;background:var(--yellow);right:-85px;top:-70px;transform:rotate(14deg)}.shape-blue{width:360px;height:260px;background:var(--sky);left:-70px;bottom:-75px;transform:rotate(-12deg)}.shape-green{width:180px;height:180px;background:var(--green);right:20px;bottom:-60px}.shot-frame{position:relative;margin:0;background:white;border:1px solid #d8e1eb;border-radius:20px;padding:8px;box-shadow:0 35px 80px rgba(52,71,105,.18);overflow:hidden}.shot-frame>img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;border-radius:13px}.hero-shot{transform:none}.hero-badge{position:absolute;z-index:3;background:white;border:1px solid var(--line);box-shadow:0 15px 35px rgba(38,55,88,.14);border-radius:16px;padding:13px 16px;display:flex;align-items:center;gap:10px}.hero-badge b{font-size:1.05rem;color:var(--blue)}.hero-badge span{font-size:.78rem;color:var(--muted)}.badge-top{top:-35px;left:-28px}.badge-bottom{right:-30px;bottom:-32px}
.quick-facts{border-block:1px solid var(--line);min-height:112px;display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(20px,calc((100vw - var(--max))/2))}.quick-facts div{display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid var(--line)}.quick-facts div:first-child{border-left:1px solid var(--line)}.quick-facts strong{font-size:1.75rem;color:var(--blue)}.quick-facts span{color:var(--muted);font-size:.85rem}
.intro,.feature-cloud,.terminal-story,.toolkit,.remote-section,.developer-section,.inspector-section,.personalize,.security-band,.shortcut-section{width:min(calc(100% - 40px),var(--max));margin:auto;padding:145px 0}.eyebrow{margin:0 0 22px;color:var(--blue);font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.section-heading h2,.terminal-copy h2,.remote-copy h2,.inspector-copy h2,.personalize-copy h2,.shortcut-copy h2{font-size:clamp(3.3rem,6.2vw,6.4rem)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;margin:58px 0 70px}.large-copy{font-size:1.5rem;line-height:1.5;letter-spacing:-.02em;margin:0}.body-copy{color:var(--muted);font-size:1.02rem;line-height:1.7}.body-copy p:first-child{margin-top:0}.wide-shot{padding:10px}.shot-frame figcaption{display:flex;justify-content:space-between;gap:20px;padding:13px 10px 5px;color:#78869b;font-size:.76rem}.shot-frame figcaption span:first-child{font-weight:700;color:var(--ink)}
.feature-cloud{background:#f7f9ff;width:100%;padding-inline:max(20px,calc((100vw - var(--max))/2))}.heading-copy{max-width:540px;margin:28px 0 0;color:var(--muted);line-height:1.65}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:70px}.feature-card{min-height:330px;border-radius:24px;padding:29px;display:flex;flex-direction:column}.feature-card.blue{background:#dde7ff}.feature-card.yellow{background:var(--yellow)}.feature-card.green{background:var(--green)}.feature-card.coral{background:var(--coral)}.feature-card.violet{background:var(--lav)}.feature-card.sky{background:var(--sky)}.card-icon{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.62);display:grid;place-items:center;font-size:1.4rem}.feature-card h3{font-size:1.35rem;margin:55px 0 12px;letter-spacing:-.03em}.feature-card p{margin:0;color:#536076;line-height:1.6}.feature-card small{margin-top:auto;padding-top:22px;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:#6d7890}
.terminal-story{display:grid;grid-template-columns:.78fr 1.22fr;gap:75px;align-items:center}.terminal-copy p:not(.eyebrow),.remote-copy p,.personalize-copy p,.inspector-copy>p:not(.eyebrow),.shortcut-copy p:not(.eyebrow){color:var(--muted);font-size:1.04rem;line-height:1.7}.terminal-copy ul,.developer-copy ul,.personalize-copy ul{padding:0;list-style:none;margin:28px 0 0}.terminal-copy li,.developer-copy li,.personalize-copy li{position:relative;padding:10px 0 10px 24px;color:#4f5d73;line-height:1.45}.terminal-copy li:before,.developer-copy li:before,.personalize-copy li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:800}.terminal-shot{min-width:0;transform:none}.terminal-shot>img{aspect-ratio:2310/1429;object-fit:contain}
.toolkit{border-top:1px solid var(--line)}.tool-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-top:70px}.tool-list article{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:32px 35px 36px 0;border-bottom:1px solid var(--line)}.tool-list article:nth-child(odd){border-right:1px solid var(--line)}.tool-list article:nth-child(even){padding-left:35px}.tool-list article>span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;color:var(--blue);font-size:.78rem;padding-top:4px}.tool-list h3{margin:0 0 10px;font-size:1.25rem}.tool-list p{margin:0;color:var(--muted);line-height:1.62}
.remote-section{width:100%;padding-inline:max(20px,calc((100vw - var(--max))/2));background:#fff7d6}.remote-panel{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.protocols{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}.protocols span{padding:9px 13px;border-radius:100px;background:white;border:1px solid #eadb9a;font-size:.8rem;font-weight:700}.remote-copy small{display:block;max-width:500px;color:#7f7651}.remote-map{height:500px;position:relative;display:grid;place-items:center}.remote-map:before,.remote-map:after{content:"";position:absolute;border:1px dashed #d3bd62;border-radius:50%}.remote-map:before{width:290px;height:290px}.remote-map:after{width:450px;height:450px}.remote-map img{z-index:2;border-radius:24px;box-shadow:0 24px 50px rgba(88,79,39,.18)}.dot{position:absolute;z-index:3;background:white;border:1px solid #ebdc9f;border-radius:12px;padding:9px 12px;font-size:.75rem;box-shadow:0 12px 25px rgba(96,84,33,.1)}.d1{top:30px;left:46%}.d2{top:45%;right:15px}.d3{bottom:28px;left:58%}.d4{top:56%;left:18px}.d5{top:90px;left:65px}
.developer-section{background:var(--ink);color:white;width:100%;padding-inline:max(20px,calc((100vw - var(--max))/2))}.developer-section .eyebrow{color:#a8a9ff}.developer-section em{color:#a8a9ff}.developer-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:70px;align-items:center}.developer-copy h3{font-size:1.45rem;margin:0 0 18px}.developer-copy p,.developer-copy li{color:#acb7c9;line-height:1.65}.developer-copy li:before{color:#a8a9ff}.code-card{border:1px solid rgba(255,255,255,.14);background:#0e1729;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px rgba(0,0,0,.28)}.code-head{height:48px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:7px;padding:0 16px}.code-head span{width:10px;height:10px;border-radius:50%;background:#ff6b63}.code-head span:nth-child(2){background:#ffbf45}.code-head span:nth-child(3){background:#48c75d}.code-head b{margin:auto;color:#8793a8;font-size:.75rem}.code-card pre{margin:0;padding:32px;overflow:auto;color:#c4ccda;font:14px/1.8 ui-monospace,SFMono-Regular,Menlo,monospace}.code-card code i{color:#7feba2;font-style:normal}.code-foot{border-top:1px solid rgba(255,255,255,.1);padding:13px 17px;display:flex;justify-content:space-between;color:#758197;font-size:.72rem}.code-foot span:first-child{color:#ffae69}
.inspector-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.mini-features{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:35px}.mini-features div{border-top:2px solid var(--ink);padding-top:12px}.mini-features b,.mini-features span{display:block}.mini-features span{font-size:.82rem;color:var(--muted);line-height:1.5;margin-top:5px}.crop-shot{height:auto;aspect-ratio:4/3;overflow:hidden}.crop-shot>img{width:100%;max-width:100%;height:100%;object-fit:cover;object-position:100% 50%;transform:none}.crop-shot figcaption{position:absolute;left:8px;right:8px;bottom:8px;background:rgba(255,255,255,.93);border-radius:10px;backdrop-filter:blur(12px)}
.personalize{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:center}.settings-shot{background:#e8f5ff}.personalize-copy ul{margin-top:25px}.personalize-copy li{font-size:.92rem}.security-band{border-block:1px solid var(--line)}.security-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px}.security-grid div{padding:0 26px;border-left:1px solid var(--line)}.security-grid div:first-child{padding-left:0;border-left:0}.security-grid b{font-size:1.1rem}.security-grid p{color:var(--muted);line-height:1.55;font-size:.9rem}
.shortcut-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px;align-items:start}.shortcut-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.shortcut-grid span{min-height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:16px}.shortcut-grid span:nth-child(odd){border-right:1px solid var(--line)}.shortcut-grid span:nth-child(even){padding-left:25px}.shortcut-grid kbd{min-width:62px;text-align:center;padding:9px 8px;border:1px solid #cfd9e5;border-bottom-width:3px;border-radius:8px;background:white;color:var(--blue);font:700 .8rem inherit}.shortcut-grid b{font-size:.87rem}
.final-cta{min-height:760px;position:relative;overflow:hidden;padding:120px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#eaf7ff}.final-cta img{border-radius:25px;box-shadow:0 25px 55px rgba(59,80,118,.2);margin-bottom:28px;position:relative;z-index:2}.final-cta h2{font-size:clamp(4rem,7.5vw,7.5rem);position:relative;z-index:2}.final-cta>p:not(.eyebrow){max-width:620px;color:var(--muted);font-size:1.05rem;line-height:1.6;position:relative;z-index:2}.final-cta .button,.final-cta small{position:relative;z-index:2}.final-cta small{margin-top:16px;color:#7b889d}.cta-bubble{position:absolute;border-radius:50%}.bubble-one{width:430px;height:430px;background:var(--yellow);left:-110px;bottom:-130px}.bubble-two{width:360px;height:360px;background:var(--green);right:-70px;top:-100px}
footer{width:min(calc(100% - 40px),var(--max));min-height:105px;margin:auto;display:flex;align-items:center;gap:30px;color:#728096;font-size:.78rem}footer .brand{margin-right:auto}footer>a:last-child{margin-left:auto;color:var(--ink);font-weight:650}
.reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button{transition:none}}
@media(max-width:1100px){nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-copy{max-width:760px}.hero-art{min-width:0}.terminal-story,.inspector-section{grid-template-columns:1fr}.terminal-shot{min-width:0}.remote-panel{grid-template-columns:1fr}.remote-copy{max-width:750px}.developer-grid,.personalize{grid-template-columns:1fr}.settings-shot{max-width:850px}.shortcut-section{grid-template-columns:1fr}.crop-shot{aspect-ratio:16/10}.crop-shot>img{width:100%;height:100%;object-fit:cover;object-position:100% 50%;transform:none}.security-grid{grid-template-columns:1fr 1fr;gap:35px}.security-grid div:nth-child(3){border-left:0;padding-left:0}}
@media(max-width:760px){.site-header{height:68px}.nav-download{margin-left:auto}.hero{padding:65px 0 95px;gap:70px}.hero h1{font-size:4.2rem}.hero-art{margin-inline:-10px}.hero-badge{display:none}.quick-facts{grid-template-columns:1fr 1fr;padding:0}.quick-facts div{min-height:90px;border-bottom:1px solid var(--line)}.quick-facts div:nth-child(3){border-left:1px solid var(--line)}.intro,.feature-cloud,.terminal-story,.toolkit,.remote-section,.developer-section,.inspector-section,.personalize,.security-band,.shortcut-section{padding-block:95px}.intro-grid{grid-template-columns:1fr;gap:25px;margin:40px 0 55px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:280px}.feature-card h3{margin-top:35px}.tool-list{grid-template-columns:1fr}.tool-list article:nth-child(odd){border-right:0}.tool-list article:nth-child(even){padding-left:0}.remote-map{height:390px;transform:scale(.82);margin:-35px}.developer-grid{gap:55px}.code-card pre{font-size:12px;padding:22px}.mini-features{grid-template-columns:1fr}.personalize{gap:55px}.security-grid{grid-template-columns:1fr}.security-grid div,.security-grid div:nth-child(3){border-left:0;border-top:1px solid var(--line);padding:22px 0}.shortcut-grid{grid-template-columns:1fr}.shortcut-grid span:nth-child(odd){border-right:0}.shortcut-grid span:nth-child(even){padding-left:0}.final-cta{min-height:650px;padding-block:95px}footer{flex-wrap:wrap;padding:25px 0}footer .brand{width:100%}}
@media(max-width:470px){.site-header,.hero,.intro,.terminal-story,.toolkit,.inspector-section,.personalize,.security-band,.shortcut-section,footer{width:calc(100% - 28px)}.brand span{display:none}.hero h1{font-size:3.6rem}.hero-lede{font-size:1.03rem}.hero-actions{flex-direction:column;align-items:stretch}.shot-frame{padding:5px;border-radius:13px}.shot-frame img{border-radius:9px}.shot-frame figcaption{display:block}.shot-frame figcaption span{display:block;margin-top:4px}.section-heading h2,.terminal-copy h2,.remote-copy h2,.inspector-copy h2,.personalize-copy h2,.shortcut-copy h2{font-size:3.05rem}.large-copy{font-size:1.25rem}.feature-cloud,.remote-section,.developer-section{padding-inline:14px}.quick-facts strong{font-size:1.35rem}.quick-facts span{font-size:.75rem}.quick-facts div{gap:7px}.remote-map{margin:-60px -70px}.developer-grid{gap:40px}.settings-shot{margin-inline:-8px}.shortcut-grid b{font-size:.8rem}.final-cta h2{font-size:3.5rem}}