@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-variable.ttf') format('truetype');font-style:normal;font-weight:200 800;font-display:swap}
:root{--cream:#f8f5ef;--ink:#29251f;--muted:#766f65;--orange:#e4612b;--orange-deep:#bd4316;--line:#dbd3c6;--font:Manrope,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--font);font-weight:450;-webkit-font-smoothing:antialiased;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="0"]:focus-visible{outline:2px solid var(--orange-deep);outline-offset:7px}a,button,summary{touch-action:manipulation}button{color:inherit}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.svg-symbols{position:absolute;width:0;height:0;overflow:hidden}::selection{background:#ee986c;color:#231b15}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--ink);color:white;padding:12px 20px;transform:translateY(-150%)}.skip-link:focus{transform:none}#binary-sea{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.site-header{max-width:1552px;margin:auto;height:112px;padding:0 64px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.wordmark{display:inline-flex;align-items:center;gap:10px;font-size:25px;font-weight:760;letter-spacing:-1.2px;white-space:nowrap}.wordmark svg{color:var(--orange);width:37px;height:32px;stroke-width:2}.brand-period{color:var(--orange)}.main-nav{display:flex;align-items:center;gap:35px;margin-left:80px}.main-nav a{font-size:12px;font-weight:620;position:relative;padding:12px 0}.main-nav a::after{content:'';position:absolute;left:0;right:0;bottom:5px;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .3s}.main-nav a:hover::after{transform:scaleX(1)}.header-cta{display:flex;align-items:center;gap:22px;border:1px solid #bfb6a7;border-radius:8px;padding:12px 17px;font-size:12px;font-weight:650;background:#f8f5ef88;transition:background .3s,border-color .3s}.header-cta svg{width:16px;height:16px}.header-cta:hover{background:#f2d8c6;border-color:var(--orange)}
.hero{max-width:1552px;margin:0 auto;min-height:740px;height:calc(100svh - 112px);max-height:900px;padding:78px 64px 90px;position:relative;isolation:isolate}.hero-copy{position:relative;z-index:3;max-width:620px;width:52%;pointer-events:none}.hero-copy a{pointer-events:auto}.eyebrow{display:flex;align-items:center;gap:10px;font:500 9px/1.6 var(--mono);letter-spacing:1.45px;margin:0 0 30px}.eyebrow-line{display:inline-block;width:25px;height:1px;background:#ab9a89;margin:0 2px}.status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #e4612b0d;flex-shrink:0}.hero h1{margin:0 0 28px;font-size:clamp(60px,5.55vw,84px);font-weight:750;line-height:1.04;letter-spacing:-.073em;white-space:nowrap}.orange-type{color:var(--orange)}.hero-description{font-size:clamp(16px,1.35vw,21px);line-height:1.65;letter-spacing:-.45px;color:#6c655c;margin:0 0 34px}.hero-description>span{display:inline-block;color:var(--ink);font-weight:590;margin-top:4px}.hero-actions{display:flex;align-items:flex-start;flex-direction:column;gap:16px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;padding:10px 11px 10px 23px;min-height:58px;border-radius:9px;font-size:14px;font-weight:700;letter-spacing:-.2px;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,background .25s;position:relative;isolation:isolate}.button-primary{background:#ef783d;color:#261c14;box-shadow:0 8px 20px #cd5a1112,inset 0 1px 0 #ffffff46}.button-arrow{display:grid;place-items:center;width:39px;height:36px;background:#f99c637d;border:1px solid #cd561932;border-radius:5px;transition:background .25s}.button-arrow svg{width:21px;height:21px;transition:transform .3s}.button:hover{transform:translateY(-3px);background:#f1874f;box-shadow:0 12px 35px #c75f2922,inset 0 1px 0 #ffffff55}.button:hover svg{transform:translateX(3px)}.button:active{transform:translateY(0)}.no-strings{font-size:10px;letter-spacing:.1px;color:#746b60;margin:0}.no-strings span{color:#40362d}.cloud-figure{position:absolute;z-index:2;right:-24px;top:0;width:min(64%,920px);height:calc(100% - 92px);max-height:750px;margin:0;pointer-events:none}.cloud-aura{position:absolute;width:85%;height:70%;top:9%;left:12%;border-radius:50%;background:radial-gradient(ellipse,#f2c6a031,#efd5b60c 48%,transparent 69%);filter:blur(16px);transition:opacity .5s}.cloud-ground{position:absolute;top:75%;left:26%;width:54%;height:30px;background:radial-gradient(ellipse,#a87b4d32,transparent 68%);filter:blur(10px);transform:rotate(-4deg);opacity:.6;animation:ground-breath 7s ease-in-out infinite}.cloud-stage{position:absolute;inset:0 0 4%;overflow:visible;pointer-events:none;isolation:isolate}.cloud-stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;pointer-events:none}.cloud-stage.live canvas{opacity:1}.cloud-poster{position:absolute;width:100%;height:100%;object-fit:contain;transform:translate(2%,-1%);opacity:1;transition:opacity .8s;animation:poster-float 7s ease-in-out infinite}.cloud-stage.live .cloud-poster{opacity:0}.cloud-touch{position:absolute;inset:14% 7% 13% 14%;border:0;border-radius:44%;background:none;pointer-events:auto;cursor:grab;touch-action:pan-y}.cloud-touch:active{cursor:grabbing}.cloud-cursor{position:absolute;left:50%;top:50%;width:48px;height:48px;display:grid;place-items:center;border:1px solid #a74c2a75;background:#fff4e5b8;backdrop-filter:blur(7px);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(.65);transition:opacity .25s,scale .25s;pointer-events:none;box-shadow:0 3px 20px #bd5a1814;color:#b74917}.cloud-cursor svg{width:17px;height:17px}.cloud-touch:hover .cloud-cursor,.cloud-touch:focus-visible .cloud-cursor{opacity:1;scale:1}.cloud-touch:focus-visible{outline-offset:-15px}.cloud-figure figcaption{position:absolute;bottom:13%;left:24%;right:12%;display:flex;align-items:center;gap:12px;font:9px/1.4 var(--mono);letter-spacing:.3px;color:#7c6b59;pointer-events:none}.fine-cross{font-size:18px;color:#b7774b;line-height:1}.cloud-caption>span{padding:0 4px;color:#c49370}.cloud-art-code{margin-left:auto;font-size:8px;letter-spacing:1px}.hero-bottom{position:absolute;bottom:32px;left:64px;right:64px;display:flex;align-items:center;justify-content:space-between;z-index:4;border-top:1px solid #ba9f7e55;padding-top:23px}.hero-bottom p{display:flex;align-items:center;gap:8px;margin:0;font-size:10px;font-weight:650;color:#6f6458}.hero-bottom p>span{font-weight:450;color:#8c7d6c;margin-left:-3px}.hero-bottom svg{width:13px;height:13px;stroke-width:1.5;color:#b86230}.explore-link{display:flex;gap:30px;align-items:center;font-size:10px;color:#6f6458}.explore-link svg{transform:rotate(90deg);width:15px;height:15px;transition:transform .3s}.explore-link:hover svg{transform:translateY(3px) rotate(90deg)}
.content-surface{background:#f8f5eff2;position:relative}.device-section{padding:75px max(64px,calc((100vw - 1424px)/2)) 60px}.section-kicker{display:flex;align-items:flex-start;gap:24px}.section-index{font:10px/1.7 var(--mono);color:#a18167}.section-kicker p{font-size:23px;line-height:1.45;letter-spacing:-.8px;color:#8b8175;margin:0;font-weight:450}.section-kicker strong{font-weight:650;color:#383028}.browser-note{font:9px/1.8 var(--mono);letter-spacing:.9px;color:#776754;margin-left:auto;padding-top:2px}.device-line{display:grid;grid-template-columns:repeat(4,1fr);margin-top:55px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:33px 0}.device-name{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;align-items:center;justify-content:center;column-gap:22px;row-gap:3px;padding:6px 14px;border-right:1px solid var(--line);transition:color .35s,transform .35s;position:relative}.device-name:last-child{border:0}.device-name>svg{grid-row:1/3;width:37px;height:37px;stroke-width:1.3;color:#7f776b;transition:color .35s,transform .4s}.device-name>span{font-size:22px;font-weight:650;letter-spacing:-.8px}.device-name>small{font-size:9px;color:#766957;letter-spacing:.15px}.device-name:hover>svg{color:var(--orange);transform:translateY(-3px)}
.how-section{padding:88px max(64px,calc((100vw - 1424px)/2)) 124px}.section-heading{display:grid;grid-template-columns:1fr auto;align-items:end;column-gap:40px}.section-heading .eyebrow{grid-column:1/-1;margin-bottom:23px}.section-heading h2{font-size:clamp(50px,6.3vw,84px);line-height:1.1;font-weight:650;letter-spacing:-.066em;margin:0}.section-heading h2 span{color:var(--orange)}.section-heading>p:last-child{font-size:13px;line-height:1.8;color:#8b7c6b;margin:0 0 7px}.steps-layout{display:grid;grid-template-columns:1fr 1.03fr;gap:9%;margin-top:60px;align-items:stretch}.steps-list{display:flex;flex-direction:column;border-top:1px solid var(--line)}.step{background:transparent;border:0;border-bottom:1px solid var(--line);display:flex;align-items:flex-start;text-align:left;gap:21px;padding:28px 6px 28px 0;transition:opacity .3s,background .3s;width:100%}.step-number{font:10px/1.8 var(--mono);color:#a59583;min-width:22px;padding-top:4px}.step-copy{flex:1}.step-copy>strong{display:block;font-size:23px;font-weight:580;letter-spacing:-.8px;margin-bottom:10px;transition:color .3s}.step-copy>span{display:block;font-size:11px;line-height:1.8;color:#74685a;max-height:0;overflow:hidden;opacity:0;transition:max-height .45s ease,opacity .35s}.step>svg{width:19px;height:19px;margin-top:9px;color:#b0a08c;opacity:0;transform:translateX(-7px);transition:opacity .3s,transform .3s}.step.active .step-number,.step.active .step-copy>strong{color:var(--orange-deep)}.step.active .step-copy>span{max-height:70px;opacity:1}.step.active>svg{opacity:1;transform:none}.step:hover .step-copy>strong{color:var(--orange)}.transfer-preview{min-height:342px;border-radius:15px;border:1px solid #d7c7b3;background:linear-gradient(145deg,#f0e7d9,#f7efe3 55%,#eee2d0);position:relative;overflow:hidden;box-shadow:inset 0 1px 0 #fff8}.preview-label{position:absolute;top:23px;left:25px;right:25px;display:flex;align-items:center;gap:9px;font:8px/1.5 var(--mono);letter-spacing:.7px;color:#90775e}.preview-label>span:last-child{margin-left:auto;font-size:7px;letter-spacing:1px;color:#aa9175}.preview-orbit{height:264px;position:relative}.orbit-ring{position:absolute;top:54%;left:50%;width:220px;height:220px;transform:translate(-50%,-50%);border:1px solid #d8b68f42;border-radius:50%}.ring-two{width:320px;height:320px;border-style:dashed;animation:ring-turn 120s linear infinite}.demo-file{display:flex;flex-direction:column;align-items:center;position:absolute;top:32%;left:50%;transform:translate(-50%,0) rotate(-8deg);color:#a66e40;transition:transform .7s,opacity .5s,left .7s,top .7s;z-index:3}.demo-file>svg{width:62px;height:73px;stroke-width:1;fill:#fffaf0;filter:drop-shadow(6px 10px 9px #86603d15)}.demo-file>span{font:9px/1.5 var(--font);margin-top:12px;color:#927354;white-space:nowrap}.demo-file>small{font:7px/1.5 var(--mono);color:#b0997b;margin-top:3px}.demo-device{position:absolute;top:49%;left:16%;display:flex;flex-direction:column;align-items:center;gap:12px;opacity:0;transform:translateY(18px);transition:opacity .6s,transform .7s}.demo-device>svg{width:39px;height:46px;color:#ac8660;stroke-width:1.2}.demo-device>span{font-size:8px;color:#9f876b;white-space:nowrap}.receiver{left:auto;right:13%}.receiver>svg{width:53px}.demo-connection{position:absolute;top:54%;left:29%;right:29%;height:1px;background:#c69a6d55;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .5s}.demo-connection>i{height:3px;width:3px;border-radius:50%;background:#d8793d;position:absolute;left:0;box-shadow:0 0 4px #e59854;animation:packet-run 3s linear infinite;animation-delay:calc(var(--i,0)*-.6s)}.demo-connection>i:nth-child(2){--i:1}.demo-connection>i:nth-child(3){--i:2}.demo-connection>i:nth-child(4){--i:3}.demo-connection>i:nth-child(5){--i:4}.demo-connection>svg{width:18px;height:18px;color:#a97241;padding:2px;background:#f3e7d5;position:relative;z-index:2;transition:opacity .5s}.demo-received{position:absolute;right:-7px;top:-7px;background:#e88e4f;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff4de;scale:0;transition:scale .4s cubic-bezier(.2,.8,.2,1)}.demo-received svg{width:12px;height:12px;stroke-width:2}.transfer-preview[data-active-step="1"] .demo-device,.transfer-preview[data-active-step="2"] .demo-device{opacity:1;transform:none}.transfer-preview[data-active-step="1"] .demo-file{transform:translate(-50%,-32px) rotate(-5deg) scale(.7);opacity:.7}.transfer-preview[data-active-step="1"] .demo-connection,.transfer-preview[data-active-step="2"] .demo-connection{opacity:1}.transfer-preview[data-active-step="2"] .demo-file{left:80%;top:49%;transform:translate(-50%,-3px) scale(.29);opacity:0}.transfer-preview[data-active-step="2"] .demo-received{scale:1;transition-delay:.45s}.preview-bottom{position:absolute;bottom:24px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-top:1px solid #d5bca052;padding-top:19px}.preview-bottom>p{font-size:11px;letter-spacing:-.1px;color:#806146;margin:0}.preview-bottom>span{font:7px/1.5 var(--mono);letter-spacing:1px;color:#ac967d}
.privacy-section{margin:0;padding:107px max(64px,calc((100vw - 1424px)/2)) 114px;display:grid;grid-template-columns:1.1fr 1fr;gap:5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;background:linear-gradient(130deg,#f0e7da,#f4ede2 65%,#f8f5ef)}.privacy-copy{position:relative;z-index:2}.privacy-copy .eyebrow{color:#967351;margin-bottom:25px}.privacy-copy .eyebrow svg{width:13px;height:13px}.privacy-copy h2{font-size:clamp(43px,5.1vw,69px);line-height:1.15;font-weight:600;letter-spacing:-.062em;margin:0 0 28px}.privacy-copy h2>span{color:var(--orange-deep)}.privacy-description{font-size:15px;line-height:1.8;color:#726351;max-width:370px;letter-spacing:-.2px}.privacy-note{font-size:10px;line-height:1.9;color:#9c8b76;margin-top:22px}.privacy-visual{display:flex;align-items:center;justify-content:center;gap:15px;position:relative;padding-bottom:35px;isolation:isolate}.privacy-visual::before{content:'';position:absolute;width:430px;height:430px;max-width:100%;border:1px solid #d9bf9e55;border-radius:50%;z-index:-1;box-shadow:0 0 0 45px #d1b18d08,0 0 0 90px #d1b18d05}.privacy-endpoint{display:flex;align-items:center;flex-direction:column;gap:21px;transform:rotate(-8deg)}.privacy-endpoint>svg{width:55px;height:71px;stroke-width:.9;color:#a2825e;filter:drop-shadow(4px 7px 5px #a57e4c13);fill:#f9f4e959}.privacy-endpoint>span{font:8px/1.6 var(--mono);letter-spacing:1px;color:#ab8c6c}.endpoint-right{transform:rotate(8deg)}.endpoint-right>svg{width:77px}.private-wire{position:relative;width:41%;height:90px;display:flex;align-items:center;justify-content:center;margin-bottom:42px}.wire-line{position:absolute;left:-7px;right:-7px;top:50%;height:1px;background:linear-gradient(90deg,#ca995d15,#ca8e49,#ca995d15)}.private-wire>i{position:absolute;left:0;top:calc(50% - 2px);width:4px;height:4px;background:#f7802c;box-shadow:0 0 12px #f2ab52;border-radius:50%;animation:packet-run 3s linear infinite}.private-wire>i:nth-of-type(2){animation-delay:-1s}.private-wire>i:nth-of-type(3){animation-delay:-2s}.wire-lock{display:grid;place-items:center;position:relative;width:46px;height:46px;border:1px solid #d0ab7c;border-radius:13px;background:linear-gradient(135deg,#f9ebd5,#eac596);box-shadow:0 4px 14px #96704318,inset 1px 1px 1px #fff9}.wire-lock>svg{width:21px;height:21px;stroke-width:1.2;color:#a86c31}.private-wire>span{font:7px/1.4 var(--mono);color:#ab835e;letter-spacing:.65px;white-space:nowrap;position:absolute;top:100%;left:50%;transform:translateX(-50%)}.privacy-no-detour{position:absolute;left:0;right:0;bottom:19%;text-align:center;font:9px/1.8 var(--font);color:#ac9477}.privacy-no-detour>span{display:block;color:#96744f}
.faq-section{padding:108px max(64px,calc((100vw - 1424px)/2)) 110px;display:grid;grid-template-columns:1fr 1.35fr;gap:8%}.faq-intro .eyebrow{margin-bottom:18px}.faq-intro h2{font-size:42px;letter-spacing:-2px;font-weight:600;margin:0;line-height:1.3}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{font-size:14px;letter-spacing:-.2px;font-weight:600;list-style:none;display:flex;align-items:center;justify-content:space-between;padding:25px 0;cursor:pointer;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>svg{width:16px;height:16px;color:#a58d71;transition:transform .3s}.faq-list details[open] summary>svg{transform:rotate(45deg)}.faq-list details>div{font-size:12px;line-height:1.9;color:#756653;padding:0 35px 24px 0;max-width:620px}.final-section{text-align:center;padding:88px 30px 105px;border-top:1px solid var(--line);overflow:hidden;background:radial-gradient(ellipse at 50% 65%,#f0ddc944,transparent 65%),#f8f5eff2;isolation:isolate}.final-section>.eyebrow{justify-content:center;margin-bottom:22px}.final-section h2{font-size:clamp(74px,9vw,122px);font-weight:650;line-height:1.05;letter-spacing:-.075em;margin:0 0 36px}.final-section h2>span{color:var(--orange)}.final-section>.button{min-width:245px}.final-note{font-size:10px;color:#786550;margin:18px 0 0}.final-orbit{position:absolute;z-index:-1;width:620px;height:620px;border:1px solid #d8b98e35;border-radius:50%;top:54%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 80px #d8b98e08,0 0 0 160px #d8b98e04}.site-footer{padding:37px max(64px,calc((100vw - 1424px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line)}.site-footer .wordmark{font-size:20px}.site-footer .wordmark svg{width:27px;height:24px}.site-footer>p{font-size:9px;color:#9a8c79;margin:0}.site-footer>a:last-child{font-size:9px;color:#76634d;display:flex;align-items:center;gap:13px}.site-footer>a:last-child svg{width:12px;height:12px}.motion-control{position:fixed;left:16px;bottom:15px;display:flex;align-items:center;gap:9px;z-index:30;border:1px solid #d4c6b4;background:#fbf7efbd;backdrop-filter:blur(14px);box-shadow:0 2px 12px #73512709;border-radius:6px;font:8px/1.2 var(--mono);color:#8f785c;letter-spacing:.2px;padding:9px 10px;min-height:34px}.motion-icon{display:flex;gap:3px;height:9px;width:8px}.motion-icon i{display:block;width:2px;height:9px;background:currentColor}.home-motion-paused .motion-icon i:first-child{width:0;height:0;background:none;border-left:6px solid currentColor;border-top:4px solid transparent;border-bottom:4px solid transparent}.home-motion-paused .motion-icon i:last-child{display:none}
.hero{overflow:clip}.hero-reveal{animation:hero-arrive 1.1s cubic-bezier(.16,1,.3,1) both}.hero-copy>.hero-reveal:nth-child(1){animation-delay:.08s}.hero-copy>.hero-reveal:nth-child(2){animation-delay:.18s}.hero-copy>.hero-reveal:nth-child(3){animation-delay:.29s}.hero-copy>.hero-reveal:nth-child(4){animation-delay:.4s}.reveal{opacity:1;transform:none}.js-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}.js-ready .reveal.in-view{opacity:1;transform:none}.home-motion-paused *,.home-motion-paused *::before,.home-motion-paused *::after{animation-play-state:paused!important}.home-motion-paused .reveal{opacity:1;transform:none;transition:none}
@keyframes hero-arrive{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes poster-float{0%,100%{transform:translate(2%,-1%)}50%{transform:translate(2%,-3%)}}@keyframes ground-breath{0%,100%{transform:scaleX(1) rotate(-4deg);opacity:.6}50%{transform:scaleX(.92) rotate(-4deg);opacity:.45}}@keyframes packet-run{0%{left:0;opacity:0}12%,85%{opacity:.8}100%{left:100%;opacity:0}}@keyframes ring-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}
@media(min-width:1600px){.hero{padding-top:100px}.hero-copy{max-width:640px}.cloud-figure{right:-45px;top:15px}.cloud-figure figcaption{bottom:9%}.hero-bottom{bottom:36px}}
@media(max-width:1100px){.site-header{padding:0 36px;height:95px}.main-nav{margin-left:10px;gap:24px}.hero{padding:70px 36px 100px;min-height:700px;height:calc(100svh - 95px)}.hero-copy{width:53%}.hero h1{font-size:clamp(49px,6.2vw,68px)}.hero .eyebrow{font-size:8px;letter-spacing:.7px;gap:8px}.eyebrow-line{width:14px}.hero-description{font-size:17px}.cloud-figure{width:65%;right:-56px;top:23px;height:calc(100% - 110px)}.cloud-figure figcaption{left:25%;right:14%;bottom:12%}.cloud-art-code{display:none}.cloud-caption{font-size:8px}.hero-bottom{left:36px;right:36px}.device-section,.how-section,.privacy-section,.faq-section,.site-footer{padding-left:36px;padding-right:36px}.device-name{column-gap:15px}.device-name>span{font-size:20px}.device-name>svg{width:30px}.device-name>small{font-size:8px}.steps-layout{gap:6%}.privacy-visual{gap:9px}.privacy-copy h2{font-size:54px}.privacy-description{font-size:13px}.faq-section{gap:7%;grid-template-columns:1fr 1.2fr}.faq-intro h2{font-size:36px}.site-footer>p{display:none}}
@media(max-width:760px){.site-header{padding:0 23px;height:86px}.wordmark{font-size:22px;gap:7px}.wordmark svg{width:32px;height:28px}.main-nav{display:none}.header-cta{font-size:10px;gap:12px;padding:10px 12px;border-radius:6px}.header-cta svg{width:13px;height:13px}.hero{height:auto;min-height:1060px;max-height:none;padding:49px 24px 107px;display:flex;flex-direction:column}.hero-copy{width:100%;max-width:620px}.hero .eyebrow{font-size:7.5px;letter-spacing:.8px;margin-bottom:23px;gap:8px}.hero h1{font-size:clamp(43px,12.5vw,76px);margin-bottom:22px;letter-spacing:-.075em;line-height:1.03}.hero-description{font-size:16px;line-height:1.65;margin-bottom:25px}.hero-description>span{margin-top:2px}.hero-actions{gap:14px}.button{min-height:53px;font-size:12px;padding-left:20px;gap:29px}.button-arrow{height:32px;width:35px}.no-strings{font-size:9px}.cloud-figure{position:relative;width:calc(100% + 48px);height:438px;right:auto;top:auto;margin:9px -24px -5px;flex-shrink:0}.cloud-stage{inset:-5% -7% 1% -7%}.cloud-figure figcaption{left:16%;right:16%;bottom:1%}.cloud-ground{top:75%;height:22px;left:27%;width:50%}.cloud-touch{inset:12% 16% 15%}.cloud-cursor{display:none}.cloud-aura{top:5%;height:80%}.hero-bottom{left:24px;right:24px;bottom:28px;padding-top:18px;align-items:flex-start}.hero-bottom p{font-size:8px;gap:6px;flex-wrap:wrap;max-width:63%;line-height:1.6}.hero-bottom p>span{margin-left:0}.hero-bottom p>svg{width:11px;height:11px}.explore-link{font-size:8px;gap:12px;padding-top:2px}.explore-link svg{width:12px;height:12px}.device-section{padding:48px 24px}.section-kicker{gap:13px}.section-index{font-size:8px}.section-kicker p{font-size:20px;letter-spacing:-.7px}.browser-note{font-size:7px;line-height:1.9;letter-spacing:.6px}.device-line{margin-top:29px;padding:0;border-bottom:0;grid-template-columns:repeat(2,1fr)}.device-name{padding:27px 4px;justify-content:flex-start;column-gap:16px;border-bottom:1px solid var(--line);border-right:0}.device-name:nth-child(odd){border-right:1px solid var(--line);padding-right:15px}.device-name:nth-child(even){padding-left:23px}.device-name:last-child{border-bottom:1px solid var(--line)}.device-name>svg{width:29px;height:33px}.device-name>span{font-size:19px}.device-name>small{font-size:8px}.how-section{padding:44px 24px 66px}.section-heading{display:block}.section-heading .eyebrow{font-size:8px;margin-bottom:19px}.section-heading h2{font-size:52px;letter-spacing:-3.4px;white-space:nowrap}.section-heading>p:last-child{font-size:11px;line-height:1.65;margin-top:21px}.steps-layout{grid-template-columns:1fr;gap:32px;margin-top:30px}.step{padding:23px 2px 23px 0;gap:15px}.step-copy>strong{font-size:22px}.step-copy>span{font-size:11px}.step-number{font-size:9px}.transfer-preview{min-height:325px;max-width:550px;width:100%;justify-self:center}.preview-orbit{height:255px}.privacy-section{padding:57px 24px 35px;grid-template-columns:1fr;gap:20px}.privacy-copy .eyebrow{font-size:8px;margin-bottom:23px}.privacy-copy h2{font-size:49px;letter-spacing:-2.6px;line-height:1.16}.privacy-description{font-size:14px;max-width:400px}.privacy-note{font-size:10px;margin-top:18px}.privacy-visual{height:280px;padding-bottom:34px;max-width:500px;width:100%;justify-self:center;margin-top:8px}.privacy-visual::before{height:250px;width:250px;box-shadow:0 0 0 35px #d1b18d08,0 0 0 70px #d1b18d05}.privacy-no-detour{bottom:1%;font-size:9px}.privacy-endpoint>svg{width:43px;height:65px}.endpoint-right>svg{width:65px}.private-wire{width:37%}.faq-section{padding:61px 24px 63px;grid-template-columns:1fr;gap:30px}.faq-intro .eyebrow{font-size:8px;margin-bottom:13px}.faq-intro h2{font-size:37px;letter-spacing:-1.8px}.faq-list summary{font-size:13px;padding:23px 0}.faq-list details>div{font-size:11px;padding-right:15px}.final-section{padding:64px 24px 75px}.final-section .eyebrow{font-size:8px;margin-bottom:21px}.final-section h2{font-size:79px;letter-spacing:-5.8px;margin-bottom:30px}.final-section .button{min-width:236px}.final-note{font-size:9px}.final-orbit{width:430px;height:430px}.site-footer{padding:27px 24px 69px;gap:16px}.site-footer .wordmark{font-size:19px}.site-footer .wordmark svg{width:27px}.site-footer>a:last-child{font-size:8px;gap:9px}.motion-control{left:12px;bottom:11px;padding:8px 9px;min-height:31px;font-size:7px}.hero-reveal{animation-duration:.9s}}
@media(max-width:390px){.hero{min-height:1020px}.hero h1{font-size:clamp(43px,12.5vw,49px)}.hero .eyebrow{font-size:6.5px;gap:7px;letter-spacing:.5px}.cloud-figure{height:400px}.cloud-figure figcaption{left:14%;right:12%}.cloud-caption{font-size:7px}.section-heading h2{font-size:46px}.browser-note{font-size:6px}.device-name{column-gap:11px}.device-name:nth-child(even){padding-left:18px}.device-name>small{font-size:7px}.privacy-copy h2{font-size:44px}.final-section h2{font-size:72px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.hero-reveal,.js-ready .reveal{opacity:1;transform:none}.cloud-poster{animation:none}}

@media(max-width:760px){.hero{padding-top:30px;min-height:820px;padding-bottom:100px}.hero-copy{display:contents}.hero-copy>.eyebrow{order:0}.hero-copy>h1{order:1}.cloud-figure{order:2;height:clamp(285px,75vw,390px);margin:-12px -24px 12px}.hero-description{order:3;font-size:15px;margin-bottom:21px}.hero-actions{order:4}.cloud-figure figcaption{bottom:0;left:15%;right:13%}.cloud-stage{inset:-6% -7% 0}.hero-bottom{bottom:25px}}

html:has(body.home-motion-paused){scroll-behavior:auto}
.home-motion-paused .hero-reveal{animation:none;opacity:1;transform:none}
.cloud-film{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;opacity:0;transform:translate(2%,-1%) scale(var(--cloud-art-scale,1)) scaleX(var(--jelly-x,1)) scaleY(var(--jelly-y,1));transition:opacity .7s,filter .4s}.cloud-stage.film-mode .cloud-film{opacity:1}.cloud-stage.film-mode .cloud-poster{opacity:0;animation:none}.cloud-stage{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .7s cubic-bezier(.16,1,.3,1)}.cloud-stage[data-energized="true"] .cloud-film{filter:brightness(1.14) saturate(1.2) drop-shadow(0 0 12px #f58c1b20)}
@keyframes poster-float{0%,100%{transform:translate(2%,-1%) scale(var(--cloud-art-scale,1)) scaleX(var(--jelly-x,1)) scaleY(var(--jelly-y,1))}50%{transform:translate(2%,-3%) scale(var(--cloud-art-scale,1)) scaleX(var(--jelly-x,1)) scaleY(var(--jelly-y,1))}}
@media(prefers-reduced-motion:reduce){.cloud-poster{transform:translate(2%,-1%) scale(var(--cloud-art-scale,1)) scaleX(var(--jelly-x,1)) scaleY(var(--jelly-y,1))}}

/* The optical animation is rendered in Blender; input feedback runs at display rate. */
.cloud-figure{--cloud-art-scale:1.12}.cloud-stage{transform:perspective(1100px) translateY(var(--cloud-lift,0px)) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:none;will-change:transform}.cloud-stage .cloud-energy-canvas{z-index:2;opacity:1;transition:none}.cloud-touch{z-index:3;inset:10% 4% 12%}.cloud-film{filter:brightness(calc(1 + var(--cloud-charge,0)*.08)) saturate(calc(1 + var(--cloud-charge,0)*.12))}.cloud-stage[data-energized="true"] .cloud-film{filter:brightness(calc(1 + var(--cloud-charge,0)*.08)) saturate(calc(1 + var(--cloud-charge,0)*.12))}.cloud-ground{background:radial-gradient(ellipse,#61708024,transparent 68%);animation-duration:6s}.cloud-cursor{border-color:#d9793e75;background:#fffaf0c9;box-shadow:0 2px 20px #f18b2520;color:#de651f}.home-motion-paused .cloud-stage{transform:none!important}.home-motion-paused .cloud-poster{transform:translate(2%,-1%) scale(var(--cloud-art-scale,1)) scaleX(var(--jelly-x,1)) scaleY(var(--jelly-y,1))}
@media(prefers-reduced-motion:reduce){.cloud-stage{transform:none!important}.cloud-energy-canvas{display:none}}

.cloud-stage .cloud-media-canvas{z-index:0;opacity:1;transition:none}.cloud-poster,.cloud-film{z-index:1}.cloud-stage .cloud-energy-canvas{z-index:2}.cloud-touch{z-index:3}

/* Keep the homepage's identity consistent with the existing Zen Kloud app. */
.brand-corner{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-start}
.wordmark{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-weight:650;letter-spacing:-.8px;color:#484237;gap:10px}
.wordmark img{display:block;width:30px;height:30px;flex-shrink:0;object-fit:contain}
.brand-period{color:#e18b52}
.creator-credit{display:block;margin:5px 0 0 40px;font:10px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:-.25px;white-space:nowrap}
.credit-by{color:#a89b88}.credit-protocol{color:#ee873b}.credit-domain{color:#1c1a17}
.creator-credit:hover .credit-domain{text-decoration:underline;text-decoration-color:#ef9a56;text-underline-offset:3px}
.site-footer .wordmark img{width:27px;height:27px}
.footer-links{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-left:auto}.footer-links>a{font-size:9px;color:#76634d;display:flex;align-items:center;gap:13px;white-space:nowrap}.footer-links svg{width:12px;height:12px}.footer-links>a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.site-footer{flex-wrap:wrap;row-gap:18px}.footer-links{gap:18px}.footer-links>a{font-size:8px;gap:9px}}
@media(max-width:760px){.wordmark{gap:9px}.wordmark img{width:28px;height:28px}.creator-credit{margin-left:37px;font-size:9px}.site-header{gap:12px}.site-footer .wordmark img{width:25px;height:25px}}
@media(max-width:390px){.site-header{padding-left:20px;padding-right:20px}.site-header .wordmark{font-size:20px}.creator-credit{font-size:8px}.header-cta{gap:8px;padding:10px}.site-footer .wordmark{font-size:18px}}