:root{color-scheme:dark;--bg:#111113;--text:#faf9f7;--muted:#b8b6b4;--orange:#ff7900;--line:#ffffff21}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid #ffa34a;outline-offset:6px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.header{position:relative;z-index:2;height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:27px;letter-spacing:-1.1px;font-weight:750;white-space:nowrap}.brand span{color:var(--orange);font-weight:500}.header nav{display:flex;gap:40px;font-size:15px}.header nav a{color:#e5e3e1}.header nav a:hover,footer a:hover,.text-link:hover{color:#ff9b42}.button{display:inline-flex;justify-content:center;align-items:center;gap:13px;background:var(--orange);color:#111113;font-size:17px;font-weight:600;padding:17px 27px;border-radius:100px;min-height:56px;transition:background .18s,transform .18s;line-height:1.25}.button:hover{background:#ff962f;transform:translateY(-2px)}.button img{object-fit:contain}.button.compact{min-height:43px;padding:11px 24px;font-size:14px}.button.secondary{background:#ffffff1c;border:1px solid #ffffff25;color:#fff;backdrop-filter:blur(12px)}.button.secondary img,.platform-icon{filter:invert(1)}.button.secondary:hover{background:#ffffff30}.hero{position:relative;min-height:610px;isolation:isolate}.hero-scene{position:absolute;z-index:-1;top:-100px;left:0;width:100%;height:740px;object-fit:cover;object-position:center;pointer-events:none}.hero-content{padding-top:58px;padding-bottom:130px}h1{font-size:clamp(60px,6.6vw,96px);font-weight:650;line-height:1.01;letter-spacing:-.055em;margin:0 0 26px;max-width:720px}.hero p{font-size:clamp(22px,2.3vw,31px);line-height:1.4;letter-spacing:-.025em;color:#c8c6c3;margin:0 0 44px}.actions{display:flex;gap:16px}.intro{display:grid;grid-template-columns:1fr 1.08fr;gap:48px;align-items:center;padding-top:24px;padding-bottom:80px;position:relative}.laptop-image{display:block;width:100%;height:auto;mix-blend-mode:lighten}.eyebrow,.step{display:block;color:#d49364;font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.15em;text-transform:uppercase}.intro h2,h2{font-size:clamp(34px,3.9vw,54px);line-height:1.1;letter-spacing:-.045em;font-weight:600;margin:16px 0 25px}.intro p{font-size:22px;line-height:1.5;letter-spacing:-.025em;color:var(--muted);margin:0 0 22px;max-width:600px}strong{font-weight:600;color:var(--orange)}.text-link{font-size:15px;font-weight:600;display:inline-flex;gap:14px}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;padding-block:40px 90px;border-top:1px solid var(--line)}h3{font-size:23px;letter-spacing:-.035em;line-height:1.2;font-weight:600;margin:20px 0 14px}p{line-height:1.65}.workflow p{color:var(--muted);font-size:15px;margin:0;max-width:340px}.apps{padding-block:70px 90px;border-top:1px solid var(--line)}.section-head{text-align:center}.section-head h2{font-size:clamp(40px,4.7vw,64px);margin:20px 0}.section-head p{color:var(--muted);font-size:18px}.platforms{display:grid;grid-template-columns:1fr 1fr;margin-top:54px;border-block:1px solid var(--line)}.platform{padding:42px 48px 42px 0;scroll-margin-top:30px;display:flex;flex-direction:column;align-items:flex-start}.platform+ .platform{padding-left:48px;padding-right:0;border-left:1px solid var(--line)}.platform-icon{margin-bottom:26px}.platform .eyebrow{color:var(--muted);font-size:10px}.platform h3{font-size:32px;margin-top:15px}.platform p{font-size:16px;color:var(--muted);max-width:430px}.availability{margin-top:auto;padding-top:12px}.status{font-size:12px;color:var(--muted);display:block;margin-bottom:17px}.platform .button{font-size:14px;padding-inline:23px;min-height:49px}.local-note{text-align:center;color:var(--muted);font-size:13px;margin-top:26px}.local-note a{text-decoration:underline;text-underline-offset:4px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:45px 100px}.faq h2{font-size:40px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq details:first-child{border-top:1px solid var(--line)}summary{font-size:17px;font-weight:500;cursor:pointer;line-height:1.4}details p{font-size:15px;color:var(--muted);margin:18px 0 0}details a{text-decoration:underline;text-underline-offset:4px}footer{border-top:1px solid var(--line);padding-top:36px;padding-bottom:28px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:28px}.footer-top .brand{font-size:23px}.footer-top p,.footer-top>a:last-child{font-size:13px}.footer-top p{color:var(--muted)}.footer-bottom{margin-top:32px;font-size:12px;color:var(--muted)}.footer-bottom nav{display:flex;gap:24px}.credits{font-size:11px;color:#8f8d8b;margin:22px 0 0}.skip{position:fixed;left:20px;top:-90px;padding:15px;background:var(--orange);color:#111;z-index:99}.skip:focus{top:12px}@media(min-width:1600px){.hero-scene{object-fit:cover;height:810px}.hero{min-height:680px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.header nav{gap:22px}.hero-content{padding-top:65px}.hero-scene{object-position:55% center}.hero{min-height:570px}h1{font-size:70px}.hero p{font-size:24px}.intro{gap:25px}.intro p{font-size:19px}.workflow{gap:28px}.platform{padding-right:30px}.platform+.platform{padding-left:30px}.faq{gap:40px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:82px;gap:15px}.brand{font-size:23px}.header nav{display:none}.button.compact{font-size:12px;padding:10px 17px;min-height:40px}.hero{min-height:760px}.hero-scene{top:270px;height:455px;object-position:76% center}.hero-content{padding-top:28px;padding-bottom:0}h1{font-size:clamp(47px,11.4vw,72px);letter-spacing:-.055em;margin-bottom:20px}.hero p{font-size:21px;margin-bottom:26px;line-height:1.4}.actions{gap:10px}.actions .button{font-size:15px;min-height:49px;padding:13px 21px}.actions .button img{width:20px;height:21px}.intro{grid-template-columns:1fr;gap:5px;padding-top:0;padding-bottom:55px}.laptop-image{max-width:520px;margin:auto}.intro h2{font-size:40px;line-height:1.08}.intro p{font-size:20px}.workflow{grid-template-columns:1fr;padding-block:34px 55px;gap:30px}.workflow h3{margin:10px 0}.workflow p{max-width:100%}.apps{padding-block:50px}.section-head h2{font-size:46px}.platforms{grid-template-columns:1fr;margin-top:34px}.platform,.platform+.platform{padding:32px 0;border-left:0}.platform+.platform{border-top:1px solid var(--line)}.platform p{max-width:none}.platform h3{font-size:29px}.local-note{text-align:left;line-height:1.8}.faq{grid-template-columns:1fr;gap:15px;padding-block:30px 65px}.faq h2{font-size:36px;margin-bottom:15px}.footer-top{align-items:flex-start;flex-wrap:wrap;gap:16px}.footer-top p{order:3;width:100%;margin:0}.footer-bottom{margin-top:24px}.credits{line-height:1.7}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}
@media(max-width:700px){.hero-scene{object-position:100% center}}
/* Product screenshots replace the generated app mockups. */
.hero{min-height:690px;overflow:hidden}.hero-content{position:relative;z-index:1;padding-top:85px;pointer-events:none}.hero-content>*{pointer-events:auto}.hero-content>.eyebrow{margin-bottom:22px}.hero h1{font-size:clamp(58px,5.9vw,84px);max-width:620px}.hero p{font-size:27px}.hero-apps{position:absolute;top:95px;left:50%;width:47%;height:540px}.hero-mac{width:93%;position:absolute;top:30px;left:0;border:1px solid #ffffff24;border-radius:10px;box-shadow:0 30px 65px #0008}.hero-iphone{width:22%;position:absolute;right:0;top:180px;border:1px solid #ffffff35;border-radius:14px;box-shadow:0 20px 55px #0008}.screen-label{position:absolute;top:495px;left:0;width:100%;color:#888;font-size:11px;text-align:center;letter-spacing:.04em}.actual-screen{border:1px solid var(--line);border-radius:10px;box-shadow:0 22px 55px #0005}.laptop-image{mix-blend-mode:normal}.intro{padding-block:15px 90px}.showcase{padding-block:70px 85px;border-top:1px solid var(--line)}.showcase .section-head h2{font-size:clamp(36px,4vw,57px)}.screen-tabs{display:flex;justify-content:center;gap:8px;margin:35px 0 25px;flex-wrap:wrap}.screen-tabs button{border:1px solid transparent;color:#b8b6b4;background:transparent;padding:13px 22px;border-radius:30px;cursor:pointer;font:500 15px Arial,sans-serif}.screen-tabs button[aria-pressed=true]{background:#ff7900;color:#111}.screen-tabs button:hover{border-color:#ff7900}.screen-tabs button:focus-visible{outline:3px solid #ffa34a;outline-offset:4px}.screen-stage{margin:0 auto;max-width:1040px}.screen-stage img{display:block;max-height:720px;width:100%;object-fit:contain;border-radius:10px}.screen-stage figcaption,figure figcaption{color:#9e9b97;text-align:center;font-size:12px;line-height:1.6;margin-top:17px}.screen-enlarge{display:block}.feature-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.feature-notes p,.mobile-copy p,.collection-story p,.installation p{color:var(--muted);font-size:17px}.feature-notes p{font-size:15px}.mobile-story{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;padding-block:80px 110px;border-top:1px solid var(--line)}.mobile-screens{display:flex;gap:26px;align-items:center;max-width:520px}.mobile-screens figure{width:46%;margin:0}.mobile-screens figure:nth-child(2){margin-top:90px}.mobile-screens img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid var(--line)}.plain-list{padding-left:18px;color:var(--muted);font-size:15px;line-height:1.8;margin:22px 0 30px}.plain-list li{padding-bottom:8px}.collection-story{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:center;padding-block:70px 100px;border-top:1px solid var(--line)}.collection-story figure{margin:0}.collection-story img{width:100%;height:auto;display:block}.formats{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;border-block:1px solid var(--line);padding-block:38px}.spec-value{font-size:26px;font-weight:600;letter-spacing:-.035em}.formats p{font-size:13px;color:var(--muted);margin-bottom:0}.download-note{font-size:12px!important;line-height:1.7!important;max-width:440px;margin-top:17px}.install-link{font-size:13px}.installation{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:start;padding-block:35px 95px;border-bottom:1px solid var(--line);margin-bottom:50px}.installation h2{font-size:44px}.installation ol{padding-left:23px;margin-top:15px}.installation li{padding:0 0 23px 10px;color:var(--orange)}.installation strong{color:var(--text);font-size:18px}.installation li p{font-size:15px;margin:8px 0 0}.header nav{gap:26px}.platform .availability{width:100%}@media(min-width:1600px){.hero-apps{max-width:750px;left:49%}}@media(max-width:1100px){.hero{min-height:660px}.hero-apps{top:150px;left:52%;width:44%}.hero h1{font-size:66px}.hero p{font-size:23px}.hero-apps .screen-label{top:430px}.hero-content{padding-top:70px}.mobile-story,.collection-story{gap:45px}.header nav{gap:16px;font-size:13px}.formats{gap:20px}.spec-value{font-size:23px}}@media(max-width:700px){.hero{min-height:auto;padding-bottom:50px;display:flex;flex-direction:column}.hero-content{padding-top:30px;padding-bottom:0;order:0}.hero-content>.eyebrow{font-size:10px;margin-bottom:18px}.hero h1{font-size:clamp(46px,11.5vw,69px);max-width:100%}.hero p{font-size:21px}.hero-apps{order:1;position:relative;left:auto;top:auto;width:calc(100% - 40px);height:auto;aspect-ratio:1.04;margin:40px auto 0}.hero-mac{top:0;width:91%;border-radius:6px}.hero-iphone{width:27%;top:32%;border-radius:9px}.hero-apps .screen-label{top:auto;bottom:0;font-size:10px}.intro{padding-block:25px 55px;gap:20px}.showcase{padding-block:50px}.showcase .section-head h2{font-size:36px}.screen-tabs{gap:4px;margin-top:25px}.screen-tabs button{padding:11px 14px;font-size:12px;min-height:44px}.feature-notes{grid-template-columns:1fr;gap:8px;margin-top:24px}.feature-notes h3{font-size:23px}.mobile-story{grid-template-columns:1fr;gap:34px;padding-block:50px}.mobile-screens{gap:18px;max-width:420px;margin:auto}.mobile-screens figure:nth-child(2){margin-top:60px}.mobile-screens img{border-radius:12px}.mobile-copy h2{font-size:40px}.collection-story{grid-template-columns:1fr;gap:30px;padding-block:50px}.collection-story h2{font-size:40px}.formats{grid-template-columns:1fr 1fr;gap:25px 18px;padding-block:30px}.spec-value{font-size:24px}.formats p{font-size:12px;line-height:1.6}.installation{grid-template-columns:1fr;gap:15px;padding-block:15px 40px;margin-bottom:10px}.installation h2{font-size:36px}.platform .button{max-width:100%;text-align:center}.mobile-story p,.collection-story p{font-size:16px}.screen-stage figcaption{font-size:11px}}
.hero-mac,.hero-iphone,.screen-stage img{height:auto}.hero-apps .screen-label{top:auto;bottom:0}
.checksum-link{display:block;margin-top:14px;color:#999;font-size:11px;text-decoration:underline;text-underline-offset:4px}