/* XHong Display — product launch homepage. Scoped to preserve the download UI. */
.home-page{--ink:#f5f7fb;--muted:#9ca8b9;--blue:#67a5ff;--line:#ffffff1a;background:#080b11;color:var(--ink)}
.home-page .header{background:#080b11e8;border-color:#ffffff10;backdrop-filter:blur(22px)}
.home-page .container,.home-page .content-wide{max-width:1380px;width:calc(100% - 96px);margin-inline:auto}
.home-page .nav{min-height:84px;gap:30px}
.home-page .brand{font-size:16px;letter-spacing:-.25px;font-weight:650;max-width:300px}
.home-page .brand img{width:39px;height:39px;border-radius:9px}
.home-page .brand small{font-size:8px;letter-spacing:2.7px;color:#8290a3}
.home-page .links{gap:30px;font-weight:450;font-size:13px;color:#b7c0ce}
.home-page .links a:hover,.home-page .footer a:hover{color:white}
.home-page .links .button{background:#eaf1fc;border-color:#eaf1fc;color:#0d1729;border-radius:30px;min-height:38px;padding:7px 20px;font-weight:650}
.home-page .language summary{font-size:12px;border-color:#ffffff24;color:#b7c0ce;padding:8px 12px}
.home-page .language-list{background:#141c29;border-color:#ffffff1c;box-shadow:0 20px 60px #0008}
.home-page .language-list a{color:#e4ebf5}
.home-page .language-list a[aria-current],.home-page .language-list a:hover{background:#263951;color:#fff}
.home-page :focus-visible{outline:3px solid #82b5ff;outline-offset:6px}
.home-page .launch-hero{overflow:hidden;padding-top:69px;background:radial-gradient(ellipse 65% 37% at 50% 0,#14294344,transparent 90%)}
.home-page .hero-heading{max-width:1100px;width:calc(100% - 64px);margin-inline:auto;position:relative;text-align:center;z-index:2}
.home-page .launch-eyebrow{font-size:11px;letter-spacing:2.5px;line-height:1.5;text-transform:uppercase;color:#98b9e8;font-weight:600;margin:0 0 26px;display:flex;align-items:center;justify-content:center;gap:10px}
.home-page .launch-eyebrow>span{width:5px;height:5px;background:#74aeff;border-radius:50%;box-shadow:0 0 14px #559bff77}
.home-page .launch-hero h1{font-size:clamp(50px,6.35vw,100px);line-height:1.14;font-weight:680;letter-spacing:-.055em;margin:0 0 26px;white-space:normal;text-wrap:balance}
.home-page .launch-hero h1>span{display:block}
.home-page .headline-accent{background:linear-gradient(110deg,#dce9ff 5%,#9ac4ff 48%,#4f91ed 100%);background-clip:text;-webkit-background-clip:text;color:transparent;padding-bottom:.08em}
.home-page .launch-lead{max-width:685px;margin:0 auto;color:#aab5c7;font-size:17px;line-height:1.85;text-wrap:pretty}
.home-page .launch-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:32px;margin-top:30px}
.home-page .launch-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;padding:12px 27px;border-radius:99px;background:#397df4;color:white;font-size:14px;font-weight:600;line-height:1.6;box-shadow:0 7px 40px #1461d52b;transition:background .18s,transform .18s}
.home-page .launch-button:hover{background:#5293ff;transform:translateY(-2px)}
.home-page .launch-button svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;stroke-linecap:round}
.home-page .launch-text-link{display:inline-flex;align-items:center;gap:15px;font-size:14px;color:#d4deeb;line-height:1.6;border-bottom:1px solid #b7cbe140;padding:6px 0}
.home-page .launch-text-link:hover{color:white;border-color:#fff}
.home-page .workspace-hero{position:relative;max-width:1680px;width:100%;height:clamp(380px,40vw,650px);margin:6px auto 0;z-index:1}
.home-page .workspace-hero img{width:100%;height:100%;object-fit:cover;object-position:center 63%;mix-blend-mode:lighten;mask-image:linear-gradient(transparent 0%,black 13%,black 83%,transparent 100%);-webkit-mask-image:linear-gradient(transparent 0%,black 13%,black 83%,transparent 100%)}
.home-page .workspace-hero figcaption{position:absolute;bottom:18px;left:24px;right:24px;text-align:center;font-size:10px;letter-spacing:.6px;color:#6e7d94}
.home-page .platform-line{display:flex;justify-content:center;align-items:center;gap:80px;padding:30px 0 65px}
.home-page .platform-line>div{display:flex;align-items:center;gap:25px;min-width:0}
.home-page .platform-caption{color:#6f8098;font-size:10px;letter-spacing:1.8px;text-transform:uppercase;max-width:100px;line-height:1.6}
.home-page .platform-line strong{font-size:23px;font-weight:500;letter-spacing:-.4px;white-space:nowrap}
.home-page .platform-plus{font-size:18px;margin:0 15px;color:#40516a;font-weight:300}
.home-page .platform-arrow{width:55px;height:24px;fill:none;stroke:#40516a;stroke-width:1.1;flex:none}
.home-page .canvas-section{background:#f4f6f9;color:#111927;padding:115px 0 130px;border-radius:40px 40px 0 0}
.home-page .section-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:70px}
.home-page .section-intro h2{font-size:clamp(34px,4vw,58px);font-weight:650;letter-spacing:-.045em;line-height:1.22;margin:0;max-width:760px;text-wrap:balance}
.home-page .section-intro>p{font-size:15px;line-height:1.8;max-width:300px;color:#7a8492;margin:0 0 5px}
.home-page .display-story{display:grid;grid-template-columns:.8fr 1.3fr;gap:65px;align-items:center;min-height:455px}
.home-page .story-copy{max-width:420px;position:relative;z-index:1}
.home-page .mode-switch{display:inline-flex;padding:5px;background:#e4e8ee;border-radius:99px;gap:3px;margin-bottom:42px;max-width:100%;flex-wrap:wrap}
.home-page .mode-switch button{border:0;border-radius:99px;background:transparent;color:#78818e;padding:9px 21px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s,color .2s;min-height:38px}
.home-page .mode-switch button[aria-pressed=true]{color:#172235;background:#fff;box-shadow:0 2px 7px #172e4710}
.home-page .story-kicker{font-size:11px!important;font-weight:650;letter-spacing:1.8px;text-transform:uppercase;color:#427bce!important;margin-bottom:16px!important}
.home-page .story-copy h3{font-size:clamp(29px,3vw,43px);font-weight:620;line-height:1.32;letter-spacing:-.04em;white-space:pre-line;margin:0 0 22px;text-wrap:balance}
.home-page .story-copy p{font-size:15px;line-height:1.9;color:#788290;margin-bottom:0}
.home-page .story-copy .demo-caption{font-size:10px;color:#9aa2ae;margin-top:27px}
.home-page [hidden]{display:none!important}
.home-page .display-composition{position:relative;height:450px;isolation:isolate}
.home-page .display-composition:before{content:'';position:absolute;inset:20% -3% 1%;border-radius:50%;background:#d7e2f5;filter:blur(45px);z-index:-1;opacity:.7}
.home-page .demo-computer{position:absolute;left:0;top:22px;width:84%;height:322px;background:linear-gradient(130deg,#4d5765,#19212c 75%);border-radius:17px;padding:8px 8px 20px;box-shadow:0 25px 35px #1b2f4b25;border:1px solid #5c6572;z-index:1}
.home-page .device-topline{position:absolute;top:16px;left:18px;display:flex;gap:4px;z-index:2;opacity:.7}
.home-page .device-topline i{height:4px;width:4px;background:#e3eaff;border-radius:50%}
.home-page .aurora{height:100%;width:100%;background:radial-gradient(ellipse at 85% 20%,#89c6ff 0,transparent 32%),radial-gradient(ellipse at 25% 100%,#3467e7 0,transparent 55%),linear-gradient(135deg,#182658,#5e8bc7 55%,#34436a);border-radius:10px;position:relative;overflow:hidden}
.home-page .aurora:before{content:'';position:absolute;width:110%;height:65%;border:2px solid #afdbff66;left:-26%;top:55%;border-radius:50%;transform:rotate(-30deg);box-shadow:0 -20px 50px #77aeff50,0 -10px 25px #c2e0ff55}
.home-page .glass-window{position:absolute;left:17%;right:16%;top:21%;bottom:15%;background:#f9fbffeb;border-radius:7px;box-shadow:0 8px 25px #131b4933;padding:6% 7%;transform:rotate(-2deg)}
.home-page .glass-window>span{display:block;width:35%;height:4px;background:#b8c9e0;border-radius:9px;margin-bottom:10%}
.home-page .design-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;height:55%}
.home-page .design-grid i{border-radius:3px;background:linear-gradient(145deg,#c8d9eb,#739ac1)}
.home-page .design-grid i:nth-child(2){background:linear-gradient(125deg,#afc4c9,#6a8e93)}
.home-page .design-grid i:nth-child(3){background:linear-gradient(45deg,#e7d5cb,#ae8d7d)}
.home-page .design-grid i:nth-child(4){background:linear-gradient(45deg,#c7cce5,#797fae)}
.home-page .window-lines{display:flex;gap:8%;margin-top:9%}
.home-page .window-lines b{height:3px;display:block;background:#cad4e2;width:30%;border-radius:3px}
.home-page .computer-chin{position:absolute;width:7%;height:3px;left:46.5%;bottom:8px;background:#6e7786;border-radius:4px}
.home-page .demo-stand{position:absolute;left:32%;bottom:36px;width:24%;height:90px;background:linear-gradient(90deg,#a3abb8,#dce1e8 40%,#9aa4b3);clip-path:polygon(22% 0,78% 0,85% 87%,100% 95%,100% 100%,0 100%,0 95%,15% 87%);z-index:0}
.home-page .demo-tablet{position:absolute;right:-3%;bottom:0;width:45%;height:268px;padding:9px;background:linear-gradient(135deg,#5b6572,#17202d 75%);border:1px solid #788391;border-radius:19px;box-shadow:0 26px 35px #29395030;transform:rotate(7deg);z-index:3}
.home-page .tablet-display{border-radius:11px;background:#fff;height:100%;overflow:hidden;position:relative}
.home-page .tablet-camera{position:absolute;width:3px;height:3px;background:#909cad;top:3px;left:50%;border-radius:50%}
.home-page .extend-visual{padding:22px 24px;background:#fcfdff;height:100%}
.home-page .document-title{width:55%;height:8px;background:#263c58;border-radius:2px;margin-bottom:17px}
.home-page .document-line{height:3px;width:78%;background:#d9e1eb;margin:8px 0;border-radius:2px}
.home-page .document-line.wide{width:96%}.home-page .document-line.short{width:52%}
.home-page .reference-photo{margin:19px 0 16px;border-radius:4px;width:100%;height:94px;background:radial-gradient(ellipse at 30% 100%,#1f426a 20%,transparent 21%),radial-gradient(ellipse at 80% 120%,#476f93 39%,transparent 40%),linear-gradient(#c8dbe6,#e5e2dc)}
.home-page .mirror-visual{display:none}
.home-page [data-layout=mirror] .mirror-visual{display:block}
.home-page [data-layout=mirror] .extend-visual{display:none}
.home-page .wireless-line{position:absolute;left:42%;bottom:140px;display:flex;gap:8px;z-index:2;transform:rotate(5deg)}
.home-page .wireless-line span{width:5px;height:5px;border-radius:50%;background:#3f7ad5;opacity:.5}
.home-page .interaction-section{padding:130px 0;background:radial-gradient(ellipse at 23% 55%,#13233b88,transparent 50%)}
.home-page .interaction-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:90px}
.home-page .interaction-copy .launch-eyebrow{justify-content:flex-start;font-size:10px;letter-spacing:1.2px;color:#657e9f;margin-bottom:25px}
.home-page .interaction-copy h2{font-size:clamp(35px,4.1vw,60px);line-height:1.2;font-weight:620;letter-spacing:-.05em;white-space:pre-line;margin:0 0 25px;text-wrap:balance}
.home-page .interaction-copy>p:not(.launch-eyebrow){font-size:15px;line-height:1.95;color:#8592a5;max-width:440px}
.home-page .interaction-chips{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px}
.home-page .interaction-chips>span{display:flex;align-items:center;gap:8px;color:#b4c0d1;font-size:11px}
.home-page .interaction-chips svg{width:19px;height:19px;fill:none;stroke:#7d9fcf;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;flex:none}
.home-page .touch-visual{height:430px;position:relative;perspective:1200px}
.home-page .touch-device{width:94%;height:342px;position:absolute;left:0;top:30px;background:#121a27;border:1px solid #647086;border-radius:26px;box-shadow:0 0 0 4px #1b2432,0 40px 60px #0007;transform:rotate(-9deg) rotateY(10deg);padding:12px;overflow:hidden}
.home-page .touch-wallpaper{position:absolute;inset:12px;border-radius:17px;background:radial-gradient(ellipse at 92% 0,#2378a3 0,transparent 60%),radial-gradient(ellipse at 10% 100%,#4275d5,transparent 65%),#18253d}
.home-page .touch-window{position:absolute;left:15%;right:14%;top:18%;bottom:16%;border:1px solid #ffffff35;background:#cad7e22c;border-radius:9px;padding:14px 19px;box-shadow:0 13px 35px #0004;backdrop-filter:blur(15px)}
.home-page .touch-window-top{display:flex;gap:4px;margin-bottom:15px}.home-page .touch-window-top i{width:4px;height:4px;border-radius:50%;background:#ffffff66}
.home-page .touch-panels{display:grid;grid-template-columns:1.5fr 1fr;gap:10px;height:95px}
.home-page .touch-panels>div{border-radius:5px;background:radial-gradient(ellipse at 30% 100%,#8ba4ad 0,transparent 50%),linear-gradient(140deg,#a8bdb4,#345b75)}
.home-page .touch-panels>div+div{background:linear-gradient(130deg,#d4c4b3,#8494a5)}
.home-page .touch-bars i{display:block;width:62%;height:3px;background:#b8cee46b;border-radius:3px;margin-top:15px}.home-page .touch-bars i+i{width:39%;margin-top:8px}
.home-page .touch-point{position:absolute;width:60px;height:60px;border:1px solid #e1eeff44;border-radius:50%;background:#a9ceff0d;display:grid;place-items:center;box-shadow:0 0 30px #a2c8f70c}
.home-page .touch-point i{width:20px;height:20px;border-radius:50%;border:1px solid #d7e8ffab;background:#e6f2ff24;box-shadow:0 0 0 8px #eff7ff08}
.home-page .point-one{left:20%;bottom:20%}.home-page .point-two{right:17%;top:20%}
.home-page .gesture-arrows{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#d5e7ff77;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.home-page .demo-pointer{position:absolute;width:27px;height:35px;bottom:26%;right:26%;fill:#e7f0ff;stroke:#1b344f;stroke-width:1.5;filter:drop-shadow(0 3px 4px #0006)}
.home-page .touch-shadow{position:absolute;bottom:0;left:12%;width:80%;height:50px;border-radius:50%;background:#0007;filter:blur(25px);z-index:-1}
.home-page .start-section{background:#f4f6f9;color:#152031;padding:115px 0 75px}
.home-page .setup-sequence{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;counter-reset:none}
.home-page .setup-sequence li{border-top:1px solid #cdd5e1;padding-top:24px}
.home-page .step-index{display:block;font-size:12px;letter-spacing:1px;color:#4f80c4;margin-bottom:26px}
.home-page .setup-sequence h3{font-size:21px;font-weight:600;letter-spacing:-.5px;line-height:1.4;margin-bottom:15px}
.home-page .setup-sequence p{font-size:14px;line-height:1.85;color:#7c8593;max-width:315px;margin-bottom:0}
.home-page .guide-link{display:inline-flex;align-items:center;gap:22px;color:#3776cf;font-weight:550;font-size:13px;margin-top:43px;border-bottom:1px solid #b0c9eb;padding:7px 0}
.home-page .system-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-top:1px solid #dce2eb;margin-top:75px;padding-top:32px}
.home-page .system-strip>div{display:flex;flex-direction:column;gap:6px}
.home-page .system-strip strong{font-size:16px;font-weight:580;letter-spacing:-.3px}
.home-page .system-strip span{font-size:10px;color:#8b95a2}
.home-page .questions-section{padding:115px 0 105px}
.home-page .questions-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}
.home-page .questions-grid>h2{font-size:clamp(32px,3.7vw,50px);font-weight:600;line-height:1.3;letter-spacing:-.035em;margin:13px 0;text-wrap:balance}
.home-page .launch-faq details{border-bottom:1px solid #ffffff14;padding:24px 0}
.home-page .launch-faq summary{font-size:15px;font-weight:500;padding-right:35px;cursor:pointer;list-style:none;position:relative;color:#cbd4e2;line-height:1.7}
.home-page .launch-faq summary::-webkit-details-marker{display:none}
.home-page .launch-faq summary:after{content:'+';position:absolute;right:0;top:-1px;color:#6e809b;font-size:23px;font-weight:300;line-height:1}
.home-page .launch-faq details[open] summary:after{content:'−'}
.home-page .launch-faq p{font-size:13px;color:#7e8ca0;line-height:1.95;margin:20px 25px 0 0}
.home-page .closing-section{padding-bottom:90px}
.home-page .closing-banner{position:relative;overflow:hidden;text-align:center;border:1px solid #a0c0ff20;border-radius:30px;padding:75px 40px 80px;background:radial-gradient(ellipse at 50% 110%,#3868ac88,transparent 72%),linear-gradient(130deg,#102241,#102442 65%,#101e34)}
.home-page .closing-banner .launch-eyebrow{font-size:9px;color:#849bbb;letter-spacing:3px;margin-bottom:24px}
.home-page .closing-banner h2{font-size:clamp(34px,4.3vw,60px);font-weight:620;letter-spacing:-.045em;line-height:1.3;white-space:pre-line;margin:0 0 23px;position:relative;text-wrap:balance}
.home-page .closing-banner>p:not(.launch-eyebrow){position:relative;color:#8da2be;font-size:14px;margin-bottom:0}
.home-page .light-button{background:#e9f0fd;color:#122641;box-shadow:0 5px 30px #010d2333}
.home-page .light-button:hover{background:#fff;color:#102641}
.home-page .closing-orbit{position:absolute;border:1px solid #96bcff0c;border-radius:50%;width:900px;height:900px;left:50%;top:20%;transform:translateX(-50%);box-shadow:0 0 0 80px #96bcff03,0 0 0 160px #96bcff02;pointer-events:none}
.home-page .ecosystem{display:flex;justify-content:space-between;gap:50px;align-items:center;color:#596a83;font-size:11px;padding-bottom:38px;line-height:1.8}
.home-page .ecosystem>span{max-width:520px}
.home-page .ecosystem>div{display:flex;gap:30px;flex-wrap:wrap;flex-shrink:0}
.home-page .ecosystem a{display:flex;gap:12px;color:#8394ab}
.home-page .ecosystem a:hover{color:#cfdeee}
.home-page .footer{background:#080b11;border-color:#ffffff0d;color:#596b84;font-size:11px;padding-top:32px}
.home-page .footer-links{gap:30px;color:#8d9db2}
.home-page .footer-bottom{border-color:#ffffff0a;margin-top:30px;color:#40516a}
@media(min-width:1600px){.home-page .launch-hero{padding-top:85px}.home-page .workspace-hero{margin-top:0}}
@media(max-width:1200px){.home-page .platform-line{gap:40px}.home-page .platform-line>div{gap:18px}.home-page .platform-line strong{font-size:20px}.home-page .display-story{gap:35px;grid-template-columns:.9fr 1.2fr}.home-page .display-composition{height:390px}.home-page .demo-computer{height:270px}.home-page .demo-tablet{height:230px}.home-page .reference-photo{height:68px}.home-page .interaction-grid{gap:55px}.home-page .touch-device{height:300px;top:50px}.home-page .touch-panels{height:76px}.home-page .questions-grid{gap:60px}}
@media(max-width:900px){.home-page .container,.home-page .content-wide{width:calc(100% - 56px)}.home-page .nav{gap:18px}.home-page .links{gap:18px}.home-page .launch-hero{padding-top:65px}.home-page .launch-hero h1{font-size:66px}.home-page .launch-lead{font-size:16px;max-width:610px}.home-page .platform-line{gap:25px;padding-bottom:52px}.home-page .platform-line>div{flex-direction:column;gap:9px;align-items:flex-start}.home-page .platform-caption{max-width:none;font-size:9px}.home-page .canvas-section,.home-page .start-section{padding-top:85px}.home-page .canvas-section{padding-bottom:90px}.home-page .section-intro{gap:40px;margin-bottom:50px}.home-page .section-intro>p{max-width:240px;font-size:13px}.home-page .display-story{grid-template-columns:.9fr 1.1fr;gap:30px}.home-page .mode-switch button{padding:8px 15px}.home-page .display-composition{height:330px}.home-page .demo-computer{height:225px;border-radius:12px;padding:6px 6px 16px}.home-page .demo-tablet{height:195px;border-radius:15px;padding:7px}.home-page .extend-visual{padding:18px 16px}.home-page .reference-photo{height:55px;margin:12px 0}.home-page .document-title{height:6px;margin-bottom:14px}.home-page .demo-stand{height:75px;bottom:30px}.home-page .interaction-section{padding:90px 0}.home-page .interaction-grid{gap:40px}.home-page .touch-visual{height:340px}.home-page .touch-device{height:245px;top:42px;border-radius:22px;padding:10px}.home-page .touch-window{padding:10px 14px}.home-page .touch-window-top{margin-bottom:10px}.home-page .touch-panels{height:65px;gap:7px}.home-page .touch-point{width:45px;height:45px}.home-page .touch-point i{width:15px;height:15px}.home-page .demo-pointer{width:21px;height:28px}.home-page .interaction-copy h2{font-size:36px}.home-page .interaction-copy>p:not(.launch-eyebrow){font-size:13px}.home-page .interaction-chips{gap:16px;margin-top:25px}.home-page .setup-sequence{gap:30px}.home-page .setup-sequence h3{font-size:18px}.home-page .setup-sequence p{font-size:13px}.home-page .questions-section{padding:85px 0}.home-page .questions-grid{gap:50px;grid-template-columns:.8fr 1.2fr}.home-page .closing-banner{padding:65px 30px}.home-page .ecosystem{gap:30px}.home-page .ecosystem>span{max-width:45%}}
@media(max-width:700px){.home-page .container,.home-page .content-wide{width:calc(100% - 40px)}.home-page .nav{min-height:74px;flex-wrap:wrap;gap:12px;padding:16px 0 14px}.home-page .brand{font-size:14px;max-width:calc(100% - 110px)}.home-page .brand img{width:34px;height:34px;border-radius:8px}.home-page .brand small{font-size:7px;letter-spacing:2px}.home-page .language summary{font-size:11px;padding:7px 10px}.home-page .links{order:3;width:100%;flex-basis:100%;gap:24px;overflow:visible;margin:4px 0 0;font-size:12px}.home-page .links .button{min-height:32px;padding:5px 15px;font-size:11px}.home-page .language{margin-left:auto}.home-page .launch-hero{padding-top:55px}.home-page .hero-heading{width:calc(100% - 32px)}.home-page .launch-eyebrow{font-size:9px;letter-spacing:1.7px;margin-bottom:22px}.home-page .launch-hero h1{font-size:clamp(38px,9.3vw,65px);letter-spacing:-.05em;line-height:1.2;margin-bottom:20px}.home-page .launch-lead{font-size:14px;line-height:1.9;max-width:480px;width:90%}.home-page .launch-actions{gap:24px;margin-top:26px}.home-page .launch-button{font-size:13px;min-height:48px;padding:11px 23px;gap:21px}.home-page .launch-text-link{font-size:12px;gap:12px}.home-page .workspace-hero{height:auto;aspect-ratio:1.65;width:125%;max-width:none;margin:15px -12.5% 0}.home-page .workspace-hero img{object-fit:cover;object-position:center;mask-image:linear-gradient(transparent,black 16%,black 80%,transparent);-webkit-mask-image:linear-gradient(transparent,black 16%,black 80%,transparent)}.home-page .workspace-hero figcaption{font-size:8px;bottom:2px}.home-page .platform-line{justify-content:space-between;gap:14px;padding:29px 0 45px}.home-page .platform-line>div{gap:10px}.home-page .platform-line strong{font-size:15px}.home-page .platform-plus{font-size:14px;margin:0 6px}.home-page .platform-arrow{width:30px}.home-page .platform-caption{font-size:8px;letter-spacing:1.2px}.home-page .canvas-section{border-radius:24px 24px 0 0;padding:62px 0 75px}.home-page .section-intro{display:block;margin-bottom:36px}.home-page .section-intro h2{font-size:35px;max-width:500px;line-height:1.3}.home-page .section-intro>p{max-width:440px;font-size:13px;margin-top:20px;margin-bottom:0;line-height:1.85}.home-page .display-story{grid-template-columns:1fr;gap:30px}.home-page .story-copy{max-width:500px}.home-page .mode-switch{margin-bottom:28px}.home-page .story-copy h3{font-size:30px;margin-bottom:18px;line-height:1.35}.home-page .story-copy p{font-size:13px;max-width:440px}.home-page .story-copy .demo-caption{margin-top:18px;font-size:9px}.home-page .display-composition{height:350px;max-width:550px;width:96%;margin:0 auto}.home-page .demo-computer{height:250px;top:15px;width:85%}.home-page .demo-tablet{height:215px;width:43%;right:-1%;bottom:0}.home-page .extend-visual{padding:20px 18px}.home-page .reference-photo{height:68px;margin:16px 0}.home-page .demo-stand{bottom:26px}.home-page .interaction-section{padding:65px 0 70px}.home-page .interaction-grid{display:flex;flex-direction:column-reverse;gap:20px}.home-page .interaction-copy{align-self:stretch}.home-page .interaction-copy h2{font-size:37px;line-height:1.25}.home-page .interaction-copy>p:not(.launch-eyebrow){font-size:13px;max-width:500px}.home-page .interaction-copy .launch-eyebrow{font-size:8px;margin-bottom:20px}.home-page .interaction-chips{gap:22px}.home-page .touch-visual{width:100%;max-width:500px;height:335px;margin-top:12px}.home-page .touch-device{left:3%;top:35px;width:91%;height:270px;transform:rotate(-8deg) rotateY(6deg)}.home-page .touch-panels{height:85px}.home-page .touch-point{width:50px;height:50px}.home-page .touch-window{padding:14px 18px}.home-page .start-section{padding:62px 0 45px}.home-page .setup-sequence{grid-template-columns:1fr;gap:30px}.home-page .setup-sequence li{display:grid;grid-template-columns:35px 1fr;gap:0 15px;padding-top:22px}.home-page .step-index{grid-row:span 2;margin:5px 0 0}.home-page .setup-sequence h3{font-size:19px;margin-bottom:12px}.home-page .setup-sequence p{font-size:13px;max-width:100%;margin:0}.home-page .guide-link{font-size:12px;margin-top:28px}.home-page .system-strip{grid-template-columns:1fr 1fr;gap:27px 20px;margin-top:42px;padding-top:26px}.home-page .system-strip strong{font-size:14px}.home-page .system-strip span{font-size:9px}.home-page .questions-section{padding:63px 0}.home-page .questions-grid{display:block}.home-page .questions-grid>h2{font-size:33px;max-width:420px;margin-bottom:24px}.home-page .launch-faq details{padding:22px 0}.home-page .launch-faq summary{font-size:13px;line-height:1.8}.home-page .launch-faq p{font-size:12px}.home-page .closing-section{padding-bottom:50px}.home-page .closing-banner{padding:50px 20px 53px;border-radius:22px}.home-page .closing-banner h2{font-size:34px;line-height:1.3;margin-bottom:20px}.home-page .closing-banner>p:not(.launch-eyebrow){font-size:12px;max-width:320px;margin-inline:auto;line-height:1.8}.home-page .closing-banner .launch-eyebrow{font-size:7px;letter-spacing:2px}.home-page .closing-banner .launch-actions{gap:23px}.home-page .ecosystem{display:block;padding-bottom:30px;font-size:10px}.home-page .ecosystem>span{display:block;max-width:100%;margin-bottom:20px}.home-page .ecosystem>div{gap:26px}.home-page .footer{padding-top:27px;font-size:10px}.home-page .footer-grid{gap:22px}.home-page .footer-links{gap:23px}.home-page .footer-bottom{font-size:9px;margin-top:24px;padding-top:18px}}
@media(max-width:390px){.home-page .launch-hero h1{font-size:36px}.home-page .launch-hero{padding-top:45px}.home-page .launch-lead{font-size:13px}.home-page .launch-actions{gap:19px}.home-page .launch-button{padding-inline:20px}.home-page .platform-line strong{font-size:13px}.home-page .platform-plus{margin:0 5px}.home-page .platform-arrow{width:21px}.home-page .section-intro h2{font-size:31px}.home-page .display-composition{height:290px}.home-page .demo-computer{height:208px}.home-page .demo-tablet{height:182px}.home-page .extend-visual{padding:17px 14px}.home-page .reference-photo{height:51px;margin:12px 0}.home-page .touch-visual{height:290px}.home-page .touch-device{height:225px}.home-page .touch-panels{height:65px}.home-page .touch-window{padding:10px 13px}.home-page .closing-banner h2{font-size:29px}}
@media(prefers-reduced-motion:reduce){.home-page .launch-button,.home-page .mode-switch button{transition:none}.home-page .launch-button:hover{transform:none}}
/* Keep the product visible within a desktop first fold. */
@media(min-width:1201px){.home-page .launch-hero{padding-top:40px}.home-page .launch-hero h1{font-size:clamp(68px,5vw,82px);line-height:1.1;margin-bottom:18px}.home-page .hero-heading>.launch-eyebrow{margin-bottom:18px}.home-page .launch-lead{max-width:800px;font-size:16px;line-height:1.75}.home-page .hero-heading .launch-actions{margin-top:23px}.home-page .workspace-hero{max-width:1370px;height:470px;margin-top:0}.home-page .platform-line{padding-top:22px;padding-bottom:58px}}
@media(max-width:700px){.home-page .workspace-hero{width:100%;margin:18px 0 0;aspect-ratio:1.5}.home-page .workspace-hero img{object-fit:contain;object-position:center}}
/* Secondary copy remains readable on both surfaces. */
.home-page .section-intro>p,.home-page .story-copy p,.home-page .setup-sequence p,.home-page .system-strip span{color:#637080}
.home-page .story-copy .demo-caption{color:#667383}
.home-page .mode-switch button{color:#5c6775}
.home-page .mode-switch button[aria-pressed=true]{color:#172235}
.home-page .ecosystem,.home-page .footer,.home-page .footer-bottom{color:#8393aa}