:root{--ink:#242421;--muted:#797972;--paper:#f5f4f0;--accent:#ed2948;--header:78px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible,.cover-carousel:focus-visible{outline:2px solid var(--accent);outline-offset:7px}svg{display:block;width:24px;height:24px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.site-header{position:fixed;z-index:30;display:flex;align-items:center;justify-content:space-between;top:0;left:0;width:100%;height:var(--header);padding:0 5.3%;color:#000;background:transparent;pointer-events:none}.site-header a{pointer-events:auto}.brand{display:flex;align-items:center;gap:10px;font-size:19px;font-weight:700;letter-spacing:-.8px}.brand-icon{display:block;width:29px;height:29px;border-radius:7px;flex-shrink:0;border:0}.brand b{font-weight:700;letter-spacing:-.5px;margin-left:3px}.site-header nav{display:flex;align-items:center;font-size:12px;font-weight:500}.nav-download{display:flex;align-items:center;gap:14px;padding:12px 0 12px 20px}.nav-download svg{height:17px;width:17px}
.section{position:relative;min-height:760px;height:100svh;overflow:hidden}.eyebrow{font-family:"SFMono-Regular",Menlo,Consolas,monospace;font-size:10px;letter-spacing:1.8px;font-weight:800;line-height:1.6;margin:0 0 24px}.hero{background:#dedbd6}.hero-image{position:absolute;--hero-scale:1.20;width:calc(100% * var(--hero-scale));height:calc(100% * var(--hero-scale));left:calc((1 - var(--hero-scale)) * 78%);top:calc((1 - var(--hero-scale)) * 54%);object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#e8e6e238,transparent 66%)}.hero-copy{position:absolute;left:8.1%;top:47%;transform:translateY(-45%);max-width:48%}.hero-copy .eyebrow{margin-bottom:29px}.hero h1{position:relative;display:table;font-size:clamp(36px,3.6vw,58px);font-weight:700;letter-spacing:-2.5px;line-height:1.1;margin:0 0 24px}.android-tag{position:absolute;left:calc(100% + 10px);top:-6px;white-space:nowrap;font-size:9px;line-height:1.5;font-weight:550;letter-spacing:.1px;border:1px solid #3c3c3826;padding:3px 7px;border-radius:4px}.hero h2{font-size:clamp(42px,4.35vw,67px);font-weight:600;line-height:1.24;letter-spacing:-2.6px;margin:0 0 26px}.hero-lead{font-size:13px;line-height:1.95;color:#686860;margin:0 0 30px}.hero-lead>span{display:inline-block;margin-bottom:3px}.compact-break{display:none}.hero-actions{display:flex}.button{display:inline-flex;align-items:center;justify-content:center;gap:19px;padding:16px 23px;border-radius:30px;font-size:12px;white-space:nowrap;transition:transform .3s,background .3s,box-shadow .3s}.button svg{height:19px;width:19px}.button:hover{transform:translateY(-3px)}.button-dark{background:#282824;color:#fff}.button-dark:hover{background:#45453f}.section-bottom{position:absolute;bottom:30px;left:5.3%;right:5.3%;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:10px;color:#77766f}.page-number{font-size:10px;letter-spacing:1px;white-space:nowrap}.page-number i{font-style:normal;opacity:.4;margin:0 8px}.edition{letter-spacing:2px;font-size:8px}.scroll-cue{display:flex;align-items:center;padding:8px 12px;margin-left:-12px}.scroll-line{height:30px;width:1px;background:#77766f;position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;inset:0;background:#eeece8;transform:translateY(-100%);animation:scroll-line 2.5s infinite}.hero-enter{animation:hero-enter 1.1s cubic-bezier(.16,1,.3,1) both}.hero-enter:nth-child(2){animation-delay:.07s}.hero-enter:nth-child(3){animation-delay:.14s}.hero-enter:nth-child(4){animation-delay:.21s}.hero-enter:nth-child(5){animation-delay:.28s}
.native{background:#eeece5;min-height:880px}.native-layout{position:relative;display:grid;grid-template-columns:1.32fr 1fr;gap:3%;align-items:center;width:94%;max-width:1680px;height:100%;margin:auto;padding:80px 0 65px}.device-scene{position:relative;width:100%;aspect-ratio:1000 / 920;margin-left:-4%}.room-drawing{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.device-tv{position:absolute;left:9%;top:16%;width:80%;height:auto}.floating-device{position:absolute;z-index:2;will-change:transform;pointer-events:none}.floating-device img{position:relative;display:block;width:100%;height:auto}.pad-device{left:61%;top:68%;width:39%;transform:translate3d(0,var(--pad-y,0px),0) rotate(-5deg)}.fold-device{left:9%;top:72%;width:22%;transform:translate3d(0,var(--fold-y,0px),0) rotate(6deg)}.device-ambient{position:absolute;inset:12% -6% -7%;border-radius:40%;background:radial-gradient(ellipse,#3a322725,transparent 68%);transform:translateY(10%)}.native-copy{position:relative;z-index:3;max-width:440px;padding-bottom:34px}.native-copy .eyebrow{font-size:9px;letter-spacing:1.3px;margin-bottom:28px;white-space:nowrap;color:#77786e}.native-copy h2{font-size:clamp(48px,4.8vw,74px);line-height:1.19;font-weight:600;letter-spacing:-3px;margin:0 0 30px}.native-lead,.native-detail{font-size:14px;line-height:1.95;color:#72736a;max-width:405px}.native-lead{margin:0 0 18px}.native-detail{font-size:13px;color:#929187;margin:0}.native-bottom{color:#939186}
.immersive{background:#172932;color:#fff;min-height:900px}#fluid{position:absolute;width:100%;height:100%;inset:0;background:#172932;transition:background-image 1s;background-size:cover;background-position:center}.fluid-shade{position:absolute;inset:0;background:linear-gradient(180deg,#05030b14,transparent 40%,#05030b12);pointer-events:none}.experience-heading{position:relative;text-align:center;padding:119px 8% 0;z-index:2;pointer-events:none}.experience-heading .eyebrow{opacity:.65;font-size:9px;margin-bottom:20px}.experience-heading h2{font-size:clamp(38px,4.4vw,66px);line-height:1.14;letter-spacing:-2.5px;font-weight:600;margin:0 0 23px}.experience-description{max-width:760px;margin:auto}.experience-description p{font-size:13px;line-height:1.85;opacity:.7;letter-spacing:.2px;margin:0}.experience-description p:first-child{font-size:14px;opacity:.9;margin-bottom:5px}.cover-carousel{position:relative;height:480px;margin-top:25px;--cover-size:400px;--step:230px;perspective:1300px;touch-action:pan-y;outline-offset:-10px!important}.cover-slide{position:absolute;left:50%;top:50%;width:calc(var(--cover-size)*var(--cover-aspect,1));height:var(--cover-size);padding:0;border:0;border-radius:8px;background:transparent;transform:translate(calc(-50% + var(--offset)*var(--step)),calc(-50% + var(--drop,0)*var(--cover-size))) scale(var(--scale));opacity:var(--opacity);z-index:var(--layer);transition:transform 1.1s cubic-bezier(.22,.68,.2,1),opacity .85s,filter .85s;filter:brightness(var(--brightness)) saturate(var(--saturation,1));will-change:transform,opacity;box-shadow:0 28px 55px #03040c38}.cover-slide img{width:100%;height:100%;object-fit:cover;display:block;border-radius:8px}.cover-slide[aria-current=true]{cursor:default}.cover-slide:focus-visible{outline-color:#fff}.immersive-bottom{color:#ffffff70;font-size:8px;pointer-events:none}.mobile-only{display:none}
.download{height:auto;min-height:100svh;display:flex;flex-direction:column;align-items:center;padding:115px 8% 95px;background:#faf9f6;text-align:center}.download-main{position:relative;z-index:1}.app-icon{border:0;width:72px;height:72px;border-radius:17px;margin-bottom:25px;box-shadow:0 10px 40px #667d9c18}.download .eyebrow{font-size:9px;color:#8b949a;letter-spacing:2px;margin-bottom:20px}.download h2{font-size:clamp(54px,5.4vw,80px);line-height:1.13;font-weight:600;letter-spacing:-3.2px;margin:0 0 24px}.download-lead{font-size:14px;line-height:1.9;color:#85898b;margin:0 0 29px}.button-accent{background:var(--accent);color:#fff;padding:17px 25px;gap:12px;font-size:12px}.button-accent:hover{background:#d8203e;box-shadow:0 8px 20px #ed294820}.button-accent svg{width:18px;height:18px}.version{font-size:9px;color:#a09993;margin:16px 0 0}.version span{margin:0 7px}.install-guide{position:relative;width:100%;max-width:1050px;margin-top:65px;border-top:1px solid #22222212;text-align:left;scroll-margin-top:100px}.install-guide ol{display:grid;grid-template-columns:1fr 1fr 1fr;gap:44px;list-style:none;margin:0;padding:30px 0 0;counter-reset:steps}.install-guide li{counter-increment:steps}.install-guide li:before{content:"0" counter(steps);display:block;font-family:Menlo,monospace;font-size:10px;color:#a5a299;margin:0 0 15px}.install-guide h3{font-size:14px;color:#4b4842;font-weight:600;margin:0 0 12px}.install-guide li p{font-size:12px;line-height:1.95;color:#8d877e;margin:0}.download-bottom{font-size:9px;color:#a0988d}
.faq{background:#f0efe9;padding:100px 8% 90px}.faq-inner{max-width:1050px;margin:auto}.faq .eyebrow{font-size:9px;color:#96958b;margin-bottom:16px}.faq h2,.projects-heading h2{font-size:36px;font-weight:550;letter-spacing:-1.5px;margin:0 0 40px}.faq-item{border-top:1px solid #27282116}.faq-item:last-child{border-bottom:1px solid #27282116}.faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;list-style:none;padding:25px 0;font-size:17px;line-height:1.6;font-weight:500;color:#4a4c43}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary span{font-size:21px;font-weight:300;transition:transform .3s;color:#96978e}.faq-item[open] summary span{transform:rotate(45deg)}.faq-item>p,.faq-answer{font-size:13px;line-height:2;color:#87887e;max-width:900px;padding:0 45px 27px 0;margin:0}.faq-answer p{margin:0 0 15px}.faq-answer p:last-child{margin-bottom:0}.faq-answer strong{font-weight:600;color:#56594e}
.more-projects{padding:80px 8% 90px;background:#f7f6f2}.projects-inner{max-width:1050px;margin:auto}.projects-heading .eyebrow{font-size:9px;color:#96958b;margin-bottom:14px}.projects-heading h2{font-size:30px;margin-bottom:30px}.project-links{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-link{display:flex;gap:24px;align-items:center;border:1px solid #34382e18;padding:24px 25px;transition:background .3s,transform .3s}.project-link:hover{background:#fff;transform:translateY(-3px)}.project-mark{width:40px;height:40px;fill:none;stroke:#757c6e;stroke-width:1.4;flex-shrink:0}.project-link b{display:block;font-size:17px;font-weight:600;letter-spacing:-.3px;margin-bottom:7px}.project-link small{font-size:12px;color:#94988d}.project-arrow{margin-left:auto;color:#8c9285;width:21px;height:21px}
footer{display:flex;gap:35px;align-items:center;padding:38px 5.3%;background:#e9e8e1;color:#96928b;font-size:9px;line-height:1.9}.footer-brand{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;font-weight:700;color:#5b5852;letter-spacing:-.5px}.footer-brand .brand-icon{width:25px;height:25px;border-radius:6px}footer p{margin:0}.back-top{margin-left:auto;white-space:nowrap;font-size:10px}.section-nav{position:fixed;z-index:25;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;color:#777}.section-nav a{height:5px;width:5px;border-radius:50%;background:currentColor;opacity:.22;transition:opacity .3s,transform .3s;position:relative}.section-nav a:before{content:"";position:absolute;inset:-8px}.section-nav a.active{opacity:.7;transform:scale(1.4)}[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity 1s,transform 1s cubic-bezier(.2,.7,.2,1)}[data-reveal].visible{opacity:1;transform:none}
@keyframes hero-enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes scroll-line{50%,100%{transform:translateY(110%)}}
@media(min-width:1600px){.hero-copy{left:10%}.hero-lead{font-size:15px}.button{font-size:14px;padding:18px 27px}.hero-image{--hero-scale:1.24}.native-layout{width:91%}.native-copy{max-width:475px}.native-lead{font-size:16px}.native-detail{font-size:14px}.native-copy .eyebrow{font-size:10px}.experience-heading{padding-top:140px}.cover-carousel{--cover-size:460px;--step:260px;height:540px;margin-top:30px}.download{padding-top:125px}.download-lead{font-size:15px}.install-guide li p{font-size:13px}}
@media(max-height:820px) and (min-width:901px){.section{min-height:740px}.hero-copy{top:47%}.hero h2{font-size:54px}.hero h1{font-size:46px}.hero-copy .eyebrow{margin-bottom:23px}.hero h1{margin-bottom:20px}.hero h2{margin-bottom:20px}.hero-lead{font-size:12px;margin-bottom:25px}.native{min-height:800px}.native-copy h2{font-size:60px}.immersive{min-height:830px}.experience-heading{padding-top:100px}.experience-heading h2{font-size:49px}.cover-carousel{--cover-size:330px;--step:190px;height:410px;margin-top:22px}.download{min-height:920px;padding-top:95px}.download h2{font-size:65px}}
@media(max-width:1100px) and (min-width:701px){.hero-copy{left:6%;max-width:53%}.hero h1{font-size:35px}.hero h2{font-size:45px}.hero-lead{font-size:11px}.hero-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.android-tag{font-size:8px;left:calc(100% + 7px);padding:2px 5px}.compact-break{display:initial}.hero-image{object-position:54% center;--hero-scale:1.12}.native{min-height:870px}.native-layout{width:96%;grid-template-columns:1.1fr 1fr;gap:3%}.device-scene{width:108%;margin-left:-12%}.native-copy{padding-right:5%}.native-copy .eyebrow{font-size:7px;letter-spacing:.7px;white-space:normal}.native-copy h2{font-size:51px;letter-spacing:-2px}.native-lead{font-size:12px}.native-detail{font-size:11px}.cover-carousel{--cover-size:340px;--step:195px}.experience-heading h2{font-size:48px}.install-guide ol{gap:25px}.install-guide h3{font-size:12px}.install-guide li p{font-size:11px}.download-lead{font-size:12px}}
@media(max-width:700px){:root{--header:65px}.site-header{padding:0 6%}.brand{font-size:16px;gap:7px;letter-spacing:-.7px}.brand-icon{width:25px;height:25px;border-radius:6px}.site-header nav{font-size:11px}.nav-download{padding:12px 0 12px 16px;gap:11px}.section{height:100svh;min-height:820px}.hero-image{width:100%;left:0;object-position:72% bottom;height:60%;top:auto;bottom:0;object-fit:cover}.hero-shade{background:linear-gradient(180deg,#d9d8d5 0%,#d9d8d5 41%,#d9d8d500 69%)}.hero-copy{left:8%;top:119px;max-width:88%;transform:none}.hero-copy .eyebrow{font-size:7px;letter-spacing:1.2px;margin-bottom:25px}.hero h1{font-size:33px;letter-spacing:-1.6px;margin-bottom:22px}.android-tag{left:auto;right:0;top:-15px;font-size:7px;padding:1px 5px;border-radius:3px}.hero h2{font-size:40px;line-height:1.24;letter-spacing:-1.7px;margin-bottom:21px}.hero-lead{font-size:10px;line-height:1.9;margin-bottom:25px;max-width:310px}.hero-lead>span{margin-bottom:5px}.compact-break{display:initial}.button{padding:13px 18px;font-size:10px;gap:12px}.button svg{width:16px;height:16px}.hero-bottom{bottom:22px}.section-bottom{left:7%;right:7%;font-size:8px}.edition{display:none}.scroll-line{height:24px}.page-number{font-size:8px}.section-nav{right:13px;gap:15px}.section-nav a{width:4px;height:4px}
.native{min-height:980px;height:auto}.native-layout{display:flex;flex-direction:column-reverse;gap:10px;width:100%;padding:110px 0 85px}.native-copy{width:84%;max-width:430px;padding:0}.native-copy .eyebrow{font-size:7px;letter-spacing:.7px;margin-bottom:22px;white-space:normal}.native-copy h2{font-size:46px;line-height:1.2;letter-spacing:-2px;margin-bottom:23px}.native-lead{font-size:12px;line-height:1.9;margin-bottom:14px;max-width:330px}.native-detail{font-size:11px;line-height:1.9;max-width:330px}.device-scene{width:112%;margin:15px 0 0 -6%;max-width:580px}.pad-device{width:37%;left:60%}.fold-device{width:23%;left:12%}.native-bottom{bottom:25px}
.immersive{min-height:900px;height:100svh}.experience-heading{padding:113px 7% 0}.experience-heading .eyebrow{font-size:7px;letter-spacing:1.7px;margin-bottom:22px}.experience-heading h2{font-size:42px;letter-spacing:-1.8px;line-height:1.17;margin-bottom:22px}.mobile-only{display:initial}.experience-description{max-width:310px}.experience-description p{font-size:10px;line-height:1.9;letter-spacing:0}.experience-description p:first-child{font-size:12px;margin-bottom:8px}.desktop-break{display:none}.cover-carousel{--cover-size:280px;--step:150px;height:380px;margin-top:25px}.cover-slide,.cover-slide img{border-radius:6px}.cover-slide{box-shadow:0 20px 38px #03040c38}.immersive-bottom{bottom:23px}
.download{height:auto;min-height:0;padding:100px 8% 85px}.app-icon{width:68px;height:68px;border-radius:16px;margin-bottom:24px}.download .eyebrow{font-size:7px;letter-spacing:1.8px;margin-bottom:21px}.download h2{font-size:54px;letter-spacing:-2.5px;margin-bottom:24px}.download-lead{font-size:11px;line-height:1.9;margin:0 auto 28px;max-width:270px}.button-accent{padding:16px 23px;font-size:11px;gap:12px}.version{font-size:8px;margin-top:16px}.version span{margin:0 4px}.install-guide{margin-top:47px}.install-guide ol{display:block;padding-top:29px}.install-guide li{margin-bottom:28px}.install-guide li:last-child{margin-bottom:0}.install-guide li:before{margin-bottom:10px}.install-guide h3{font-size:13px;margin-bottom:9px}.install-guide li p{font-size:11px;line-height:1.95}.download-bottom{font-size:7px;bottom:25px}.faq{padding:70px 8% 65px}.faq .eyebrow{font-size:7px;letter-spacing:1.3px;margin-bottom:15px}.faq h2{font-size:30px;margin-bottom:29px}.faq-item summary{font-size:14px;line-height:1.7;padding:22px 0;gap:17px}.faq-item summary span{font-size:18px;flex-shrink:0}.faq-item>p,.faq-answer{font-size:11px;line-height:2;padding:0 10px 24px 0}.more-projects{padding:60px 8% 65px}.projects-heading .eyebrow{font-size:7px;letter-spacing:1.3px}.projects-heading h2{font-size:26px;margin-bottom:25px}.project-links{grid-template-columns:1fr;gap:13px}.project-link{padding:21px;gap:19px}.project-link b{font-size:15px}.project-link small{font-size:10px}.project-mark{width:33px;height:33px}.project-arrow{width:19px;height:19px}footer{padding:30px 8%;flex-wrap:wrap;gap:18px;font-size:8px}.footer-brand{font-size:12px}footer p{order:3;width:100%;line-height:1.9}.back-top{font-size:9px}}
@media(max-width:360px){.hero h1{font-size:29px}.hero h2{font-size:35px}.hero-copy{top:112px}.native-copy h2{font-size:42px}.native{min-height:930px}.experience-heading h2{font-size:38px}.cover-carousel{--cover-size:250px;--step:135px}}
/* Browser-composited, continuous grayscale inversion through glyph masks. */
.site-header .grayscale-ink{position:relative;color:transparent!important}.grayscale-ink::after{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(255,255,255,.001);-webkit-backdrop-filter:grayscale(1) invert(1);backdrop-filter:grayscale(1) invert(1);-webkit-mask-image:var(--ink-mask);mask-image:var(--ink-mask);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}

.faq-answer{max-width:none;padding-right:0}.faq-answer>p{max-width:900px}.comparison-images{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:30px 0 6px}.comparison-images figure{margin:0;min-width:0}.comparison-images img{width:100%;height:auto;display:block}.comparison-images figcaption{font-size:11px;color:#777c70;margin-top:13px;line-height:1.7;text-align:center}.comparison-images figure:last-child figcaption{font-weight:600;color:#4e5546}
@media(max-width:700px){.comparison-images{grid-template-columns:1fr;gap:28px;margin-top:25px}.comparison-images figcaption{font-size:10px;margin-top:10px}}

/* Keep the platform badge beside the wordmark at every breakpoint. */
.hero-copy .eyebrow{margin-bottom:18px}.hero h1{display:inline-flex;align-items:center;gap:12px;margin-bottom:12px}.android-tag{position:static;flex-shrink:0;font-size:9px;line-height:1.5;letter-spacing:.1px}.hero-lead{max-width:425px}
@media(max-width:1100px) and (min-width:701px){.hero h1{gap:9px}.android-tag{font-size:8px}}
@media(max-width:700px){.hero-copy .eyebrow{margin-bottom:18px}.hero h1{gap:8px;margin-bottom:12px}.android-tag{font-size:7px}.hero-lead{max-width:310px}}

.hero-lead{width:100%;max-width:34em}.hero-lead>.hero-description-line{display:block;margin:0}
@media(max-width:700px){.hero-lead{max-width:270px;font-size:11px;line-height:1.9}.hero-lead>.hero-description-line{margin:0}}

.hero-ornament{position:absolute;inset:0;width:65%;height:100%;object-fit:fill;pointer-events:none}.native-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.fold-device{width:16%;left:18%;top:77%}.pad-device{width:28%;left:66%;top:72%}
.hero-lead,.native-lead,.native-detail,.experience-description p,.experience-description p:first-child,.download-lead{font-size:14px;font-weight:400;line-height:1.95}.native-lead,.native-detail{color:#797c70}.experience-description p,.experience-description p:first-child{opacity:.8}.hero-lead>span{font-weight:400}
@media(max-width:1100px) and (min-width:701px){.hero-lead,.native-lead,.native-detail,.experience-description p,.experience-description p:first-child,.download-lead{font-size:13px}}
@media(max-width:700px){.hero-lead,.native-lead,.native-detail,.experience-description p,.experience-description p:first-child,.download-lead{font-size:12px;line-height:1.9;font-weight:400}.hero-lead{max-width:285px}.hero-ornament{opacity:.55;width:100%}.pad-device{width:29%;left:63%}.fold-device{width:18%;left:17%}}
/* Collage label: a warm paper slip beside the product name. */
.android-tag{font-family:"SFMono-Regular",Menlo,monospace;font-size:10px;font-weight:800;letter-spacing:.35px;text-transform:uppercase;padding:7px 9px;border-radius:0;border:1px solid #fff9;color:#302a24;background-color:#f5a071;background-image:repeating-linear-gradient(0deg,#fff0 0 3px,#fff1 3px 4px),linear-gradient(135deg,#ffb67f80,#ef875c20);box-shadow:5px 5px 0 #33382e24;transform:rotate(-5deg)}
.android-tag:before{content:"";position:absolute;width:22px;height:6px;top:-4px;left:10px;background:#f8f2de80;transform:rotate(2deg)}
/* Device foreground and title-side depth. */
.tropical-tree{position:absolute;z-index:2;left:0;top:49%;width:20%;height:auto;pointer-events:none}
.native-copy{isolation:isolate}.native-copy>.eyebrow,.native-copy>h2,.native-copy>p{position:relative;z-index:3}
.native-copy .floating-device{position:absolute;z-index:1;opacity:.86;pointer-events:none}.native-copy .pad-device{width:155px;left:auto;right:-25px;top:35px;transform:perspective(750px) translate3d(0,var(--pad-y,0px),0) rotateY(-16deg) rotate(-12deg)}.native-copy .fold-device{width:90px;left:-36px;top:138px;transform:perspective(700px) translate3d(0,var(--fold-y,0px),0) rotateY(17deg) rotate(10deg)}
.float-body{position:relative;animation:idle-float 8s ease-in-out infinite;animation-play-state:paused;will-change:transform}.fold-device .float-body{animation-duration:10s;animation-delay:-4s}.native.is-in-view .float-body{animation-play-state:running}
@keyframes idle-float{0%,100%{transform:translateY(5px)}50%{transform:translateY(-8px)}}
/* Download and FAQ form a single, shorter fourth scene on desktop. */
.download{display:block;padding:95px 7% 70px;min-height:100svh;text-align:left}.download-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.download-layout{position:relative;z-index:1;display:grid;grid-template-columns:.86fr 1.14fr;gap:7%;align-items:center;min-height:calc(100svh - 165px);max-width:1320px;margin:auto}.download-main{max-width:440px;padding-left:2%;text-align:left}.download h2{font-size:clamp(58px,5.3vw,80px)}.download-lead{max-width:390px}.download-information{border-left:1px solid #7d84701c;padding-left:42px}.download .install-guide{margin:0;border:0;max-width:none}.download .install-guide ol{padding:0;gap:22px}.download .install-guide h3{font-size:12px;line-height:1.6;margin-bottom:10px}.download .install-guide li p{font-size:11px;line-height:1.9}.download .faq{padding:42px 0 0;background:transparent}.download .faq h2{font-size:30px;letter-spacing:-1.2px;line-height:1.35;margin-bottom:22px}.download .faq .eyebrow{font-size:8px;margin-bottom:12px}.download .faq-item summary{font-size:13px;padding:17px 0;gap:20px}.download .faq-item>p,.download .faq-answer{font-size:11px;line-height:1.95;padding-bottom:20px}.download .comparison-images{gap:15px;margin-top:23px}.download .comparison-images figcaption{font-size:10px;margin-top:9px}.download-bottom{bottom:23px}
/* Real product icons and a shared editorial treatment for project links. */
.project-links{gap:42px}.project-link{position:relative;padding:26px 3px;border-left:0;border-right:0;gap:24px;background:transparent}.project-link:hover{background:transparent}.project-icon{display:block;flex-shrink:0;width:56px;height:56px;border-radius:12px;box-shadow:0 8px 24px #4c584917}.project-link .project-kicker{display:block;font:800 8px/1.5 Menlo,monospace;letter-spacing:1.5px;color:#a1a798;margin-bottom:7px}.project-link b{font-size:19px;margin-bottom:6px}.project-arrow{transition:transform .3s}.project-link:hover .project-arrow{transform:translateX(5px)}
@media(min-width:1600px){.download-layout{gap:8%}.download-information{padding-left:50px}.download .install-guide li p{font-size:12px}.download .faq-item summary{font-size:14px}.download .faq-item>p,.download .faq-answer{font-size:12px}}
@media(max-width:1100px) and (min-width:701px){.native-copy .pad-device{width:120px;right:-3px;top:35px}.native-copy .fold-device{width:76px;left:-18px;top:119px}.download{padding:95px 6% 75px}.download-layout{grid-template-columns:.8fr 1.2fr;gap:5%}.download-information{padding-left:26px}.download .install-guide ol{gap:18px;grid-template-columns:1fr}.download .install-guide li{display:grid;grid-template-columns:22px 1fr;column-gap:10px}.download .install-guide li:before{grid-row:1 / 3;padding-top:4px;margin:0}.download .install-guide h3{margin-bottom:6px}.download .install-guide li p{font-size:11px;grid-column:2}.download .faq{padding-top:30px}.download .faq h2{font-size:25px}.download .faq-item summary{font-size:12px;padding:14px 0}.download h2{font-size:60px}.android-tag{font-size:8px;padding:6px 7px}}
@media(max-width:700px){.android-tag{font-size:8px;padding:5px 7px;box-shadow:4px 4px 0 #33382e24}.hero h1{gap:10px}.android-tag:before{width:16px;left:7px;height:5px}.native-copy .pad-device{width:105px;right:-7px;top:38px}.native-copy .fold-device{width:64px;left:-13px;top:112px}.native-copy .floating-device{opacity:.79}.tropical-tree{width:20%;left:1%}.download{padding:95px 8% 75px}.download-layout{display:block;min-height:0}.download-main{text-align:center;padding-left:0;max-width:none}.download h2{font-size:54px}.download-lead{margin-left:auto;margin-right:auto;max-width:285px}.download-information{border:0;padding:0;margin-top:48px}.download .install-guide{padding-top:27px;border-top:1px solid #7d84701c}.download .install-guide ol{display:block}.download .install-guide li{margin-bottom:24px}.download .install-guide li:last-child{margin-bottom:0}.download .install-guide h3{font-size:13px}.download .install-guide li p{font-size:11px}.download .faq{padding:45px 0 12px}.download .faq h2{font-size:30px;margin-bottom:24px}.download .faq-item summary{font-size:13px;padding:19px 0}.download .faq-item>p,.download .faq-answer{font-size:11px}.download .comparison-images{gap:25px}.download-art{object-position:28% center;opacity:.72}.project-links{gap:4px}.project-link{padding:25px 0;gap:21px}.project-link+ .project-link{border-top:0}.project-icon{width:49px;height:49px;border-radius:10px}.project-link b{font-size:17px}.project-link .project-kicker{font-size:7px;margin-bottom:5px}}
@media(max-width:360px){.hero h1{font-size:28px;gap:8px}.android-tag{font-size:7px;padding:5px 6px}}

/* The fourth scene keeps its centered download composition. */
.download{padding:85px 8% 70px;text-align:center}.download-layout{display:block;min-height:0;max-width:1100px}.download-main{max-width:none;padding:0;text-align:center}.download .app-icon{width:64px;height:64px;border-radius:15px;margin-bottom:20px}.download .eyebrow{margin-bottom:16px}.download h2{font-size:68px;margin-bottom:22px}.download-lead{max-width:600px;margin:0 auto 26px}.download-information{border:0;padding:0;margin-top:42px}.download .install-guide{max-width:1050px;margin:0 auto;padding-top:26px;border-top:1px solid #7d84701c;text-align:left}.download .install-guide ol{grid-template-columns:1fr 1fr 1fr;gap:38px}.download .install-guide li{display:block}.download .install-guide li:before{margin-bottom:12px}.download .install-guide h3{font-size:13px}.download .install-guide li p{font-size:12px}.download .faq{padding-top:45px;text-align:center}.download .faq .eyebrow{margin-bottom:10px}.download .faq h2{font-size:30px;line-height:1.3;margin-bottom:30px}.download .faq-inner{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px}.download .faq-inner>.eyebrow,.download .faq-inner>h2{grid-column:1/-1}.download .faq-item{align-self:start;text-align:left;border-bottom:1px solid #27282116}.download .faq-item summary{font-size:13px;min-height:90px;padding:19px 0;align-items:flex-start}.download .faq-item summary span{padding-top:1px}.download .faq-answer,.download .faq-item>p{font-size:12px}.download .comparison-images{grid-template-columns:1fr;gap:20px}.download .comparison-images figcaption{font-size:10px}.download .download-bottom{bottom:23px}.experience-description{max-width:710px}
@media(max-width:1100px) and (min-width:701px){.download{padding-top:85px}.download h2{font-size:64px}.download .install-guide ol{gap:25px}.download .faq-inner{gap:0 23px}.download .faq-item summary{font-size:12px}.download .install-guide li p,.download .faq-answer,.download .faq-item>p{font-size:11px}}
@media(max-width:700px){.download{padding:90px 8% 70px}.download h2{font-size:54px}.download-lead{max-width:285px}.download .app-icon{width:64px;height:64px}.download-information{margin-top:40px}.download .install-guide ol{display:block}.download .install-guide li:before{margin-bottom:10px}.download .install-guide li{margin-bottom:26px}.download .install-guide li p{font-size:11px}.download .faq{padding-top:40px;text-align:left}.download .faq-inner{display:block}.download .faq h2{font-size:30px;margin-bottom:25px}.download .faq-item{border-bottom:0}.download .faq-item:last-child{border-bottom:1px solid #27282116}.download .faq-item summary{min-height:0;font-size:13px;padding:19px 0;align-items:center}.download .faq-answer,.download .faq-item>p{font-size:11px}.download .comparison-images{gap:25px}.experience-description{max-width:310px}}
/* Anchor the foldable behind the second headline line, clear of body copy. */
.native-copy .fold-device{left:36%;top:117px;transform:perspective(700px) translate3d(0,var(--fold-y,0px),0) rotateY(-10deg) rotate(-6deg)}
@media(max-width:1100px) and (min-width:701px){.native-copy .fold-device{left:35%;top:90px}}
@media(max-width:700px){.native-copy .fold-device{left:37%;top:82px}}
@media(max-width:360px){.native-copy .fold-device{top:75px}}

/* The TV and cabinet share the scene's center axis. */
.device-tv{left:10%}.native-copy .pad-device{z-index:1}.native-copy .fold-device{left:auto;right:-40px;top:103px;z-index:2}
@media(max-width:1100px) and (min-width:701px){.native-copy .fold-device{left:auto;right:-14px;top:89px}}
@media(max-width:700px){.native-copy .fold-device{left:auto;right:-11px;top:84px}}
@media(max-width:360px){.native-copy .fold-device{top:80px}}
/* Match the supplied title-side arrangement: tablet above, foldable below/front. */
.native-copy h2{margin-bottom:64px}.native-copy .pad-device{width:190px;right:-115px;top:0;transform:perspective(850px) translate3d(0,var(--pad-y,0px),0) rotateY(-7deg) rotate(13deg)}.native-copy .fold-device{width:96px;left:auto;right:20px;top:154px;transform:perspective(700px) translate3d(0,var(--fold-y,0px),0) rotateY(-8deg) rotate(-9deg)}
@media(max-width:1100px) and (min-width:701px){.native-copy .pad-device{width:120px;right:-25px;top:0}.native-copy .fold-device{width:76px;right:5px;top:126px}}
@media(max-width:700px){.section-nav{display:none}.native-layout{align-items:center}.device-scene{width:100%;margin:20px 0 0;max-width:580px}.native-copy h2{margin-bottom:64px}.native-copy .pad-device{width:105px;right:-7px;top:0}.native-copy .fold-device{width:64px;right:30px;top:122px}}
@media(max-width:360px){.native-copy .fold-device{right:-4px;top:114px}}

/* Compact, vertical questions with synchronized disclosure. */
.download .install-guide{max-width:760px;padding:0;text-align:left}
.install-guide>summary{display:flex;align-items:center;justify-content:center;gap:12px;list-style:none;cursor:pointer;padding:17px 0;font-size:12px;line-height:1.6;color:#777c70}
.install-guide>summary::-webkit-details-marker{display:none}
.install-guide>summary span{font-size:19px;font-weight:300;transition:transform .25s}
.install-guide[open]>summary span{transform:rotate(45deg)}
.install-guide>summary:focus-visible,.faq-item>summary:focus-visible{outline:2px solid #72786b;outline-offset:4px}
.download .install-guide ol{padding:18px 0 8px}
.download .faq{padding:30px 0 0;text-align:left}
.download .faq-inner{display:block;max-width:760px}
.download .faq h2{font-size:27px;margin-bottom:20px}
.download .faq .eyebrow{margin-bottom:9px}
.download .faq-item{border-bottom:0}
.download .faq-item:last-child{border-bottom:1px solid #27282116}
.download .faq-item summary{min-height:0;padding:15px 0;align-items:center;font-size:13px;line-height:1.6}
.download .faq-item summary span{padding:0;flex-shrink:0}
.download .faq-item>p,.download .faq-answer{max-width:none;padding:0 0 22px;font-size:12px}
.download .comparison-images{grid-template-columns:1fr 1fr;gap:22px;margin:23px 0 3px}
@media(max-width:700px){.download-information{margin-top:30px}.download .faq{padding-top:26px}.download .faq h2{font-size:25px;margin-bottom:18px}.download .faq-item summary{font-size:12px;padding:14px 0}.download .faq-item>p,.download .faq-answer{font-size:11px}.download .comparison-images{grid-template-columns:1fr;gap:23px}.download .install-guide ol{padding-top:15px}}

/* One compact footer for related projects and project information. */
.site-footer{display:block;padding:36px 8% 24px;background:#f1f0ea}
.footer-inner{max-width:1050px;margin:0 auto}
.site-footer .more-projects{padding:0;background:transparent;color:#282922;line-height:1.5}
.site-footer .projects-inner{display:grid;grid-template-columns:180px 1fr;gap:40px;align-items:center}
.site-footer .projects-heading .eyebrow{margin:0 0 9px}
.site-footer .projects-heading h2{font-size:25px;margin:0}
.site-footer .project-links{gap:32px}
.site-footer .project-link{padding:12px 0;border:0;gap:17px}
.site-footer .project-icon{width:46px;height:46px;border-radius:10px}
.site-footer .project-link b{font-size:17px;margin-bottom:3px}
.site-footer .project-link .project-kicker{font-size:7px;margin-bottom:4px}
.site-footer .project-link small{font-size:11px}
.footer-bottom{display:flex;align-items:center;gap:30px;margin-top:24px;padding-top:20px;border-top:1px solid #34382e13}
.site-footer p{order:0;width:auto;font-size:9px}
.site-footer .footer-brand{font-size:12px}
@media(max-width:700px){.site-footer{padding:28px 8% 22px}.site-footer .projects-inner{display:block}.site-footer .projects-heading{margin-bottom:12px}.site-footer .projects-heading h2{font-size:22px}.site-footer .projects-heading .eyebrow{margin-bottom:6px}.site-footer .project-links{grid-template-columns:1fr;gap:0}.site-footer .project-link{padding:13px 0}.site-footer .project-icon{width:42px;height:42px}.site-footer .project-link b{font-size:16px}.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:14px 20px;margin-top:15px;padding-top:17px}.site-footer p{grid-column:1/-1;grid-row:2;font-size:8px}.site-footer .back-top{grid-column:2;grid-row:1}}

/* Keep the original project rows and rules within the shared footer. */
.site-footer .projects-inner{display:block}
.site-footer .projects-heading{margin:0 0 22px}
.site-footer .projects-heading h2{font-size:30px;margin:0}
.site-footer .projects-heading .eyebrow{margin-bottom:10px}
.site-footer .project-links{gap:42px}
.site-footer .project-link{padding:20px 3px;gap:24px;border-top:1px solid #34382e18;border-bottom:1px solid #34382e18}
.site-footer .project-icon{width:56px;height:56px;border-radius:12px}
.site-footer .project-link b{font-size:19px;margin-bottom:6px}
.site-footer .project-link small{font-size:12px}
.site-footer .project-link .project-kicker{font-size:8px;margin-bottom:7px}
@media(max-width:700px){.site-footer .projects-heading{margin-bottom:18px}.site-footer .projects-heading h2{font-size:26px}.site-footer .project-links{gap:0}.site-footer .project-link{padding:18px 0;gap:21px}.site-footer .project-link+.project-link{border-top:0}.site-footer .project-icon{width:49px;height:49px;border-radius:10px}.site-footer .project-link b{font-size:17px}.site-footer .project-link small{font-size:10px}.site-footer .project-link .project-kicker{font-size:7px;margin-bottom:5px}}
/* The original still remains underneath until a decoded video frame is ready. */
.hero-video{opacity:0;pointer-events:none}
.hero.is-video-playing .hero-video{opacity:1}

/* One shared boundary between project links and footer information. */
.site-footer .project-link{border-bottom:0}
.footer-bottom{margin-top:0}
@media(max-width:700px){.site-footer .project-link+.project-link{border-top:1px solid #34382e18}.footer-bottom{margin-top:0}}

.hero-lead>.hero-description-sentence{display:flex;flex-wrap:wrap}.hero-description-sentence>span{white-space:nowrap;max-width:100%}
/* A small, local glitch easter egg on the download icon only. */
.download .icon-easter-egg{position:relative;display:inline-block;vertical-align:top;isolation:isolate;--glitch-art:url('./assets/app-icon.webp?v=4')}
.icon-easter-egg img{position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:inherit}
.icon-alternate{opacity:0}
.icon-easter-egg.is-alternate{--glitch-art:url('./assets/app-icon-easter.webp')}
.icon-easter-egg.is-alternate .icon-original{opacity:0}
.icon-easter-egg.is-alternate .icon-alternate{opacity:1}
.icon-easter-egg::after{content:"";position:absolute;inset:0;z-index:3;border:.5px solid #25304445;border-radius:inherit;opacity:0;pointer-events:none}
.icon-easter-egg.is-alternate::after{opacity:1}
.icon-glitch-slice{position:absolute;inset:0;z-index:2;background-image:var(--glitch-art);background-size:100% 100%;border-radius:inherit;opacity:0;pointer-events:none;box-shadow:inset 2px 0 #59d9ef,inset -2px 0 #ff5a8c}
.is-glitching img{animation:icon-jolt .68s steps(1,end)}
.is-glitching .icon-glitch-slice{animation:icon-slices .68s steps(1,end)}
@keyframes icon-jolt{0%,100%{transform:none}9%{transform:translate(-1px,1px)}18%{transform:translate(1px,-1px)}27%{transform:none}37%{transform:translate(-2px,0)}46%{transform:translate(1px,0)}56%,76%{transform:none}82%{transform:translate(-1px,0)}90%{transform:none}}
@keyframes icon-slices{0%,100%{opacity:0;clip-path:inset(25% 0 60%);transform:none}10%{opacity:.95;clip-path:inset(17% 0 68%);transform:translate(-4px,0)}20%{clip-path:inset(52% 0 37%);transform:translate(4px,0)}31%{clip-path:inset(72% 0 11%);transform:translate(-3px,0)}42%{clip-path:inset(34% 0 54%);transform:translate(3px,0)}55%{opacity:0}74%{opacity:.7;clip-path:inset(62% 0 29%);transform:translate(2px,0)}87%{opacity:0}}

/* Primary English eyebrows share the home page's type scale; colors stay local. */
:root{--section-eyebrow-size:10px;--section-eyebrow-tracking:1.8px}
.hero-copy .eyebrow,.native-copy .eyebrow,.experience-heading .eyebrow,.download-main>.eyebrow{font-family:"SFMono-Regular",Menlo,Consolas,monospace;font-size:var(--section-eyebrow-size);font-weight:800;letter-spacing:var(--section-eyebrow-tracking);line-height:1.6}
@media(max-width:1100px) and (min-width:701px){:root{--section-eyebrow-size:8px;--section-eyebrow-tracking:1.5px}}
@media(max-width:700px){:root{--section-eyebrow-size:7px;--section-eyebrow-tracking:1.2px}}
.native-copy>.eyebrow{color:#54574c}

/* Keep the header on the first two sections, then slide it above the viewport. */
.site-header{transition:transform .36s cubic-bezier(.22,.61,.36,1),visibility 0s}
.site-header.is-hidden{transform:translateY(calc(-100% - 2px));visibility:hidden;transition:transform .36s cubic-bezier(.22,.61,.36,1),visibility 0s .36s}
.site-header.is-hidden a{pointer-events:none}

@media(max-width:700px){.experience-heading .desktop-punctuation{display:none}}