:root{color-scheme:light;--ink:#151515;--muted:#67686e;--line:#e5e5e8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #5281d8;outline-offset:6px}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.045em}p{color:var(--muted);line-height:1.55}.container{width:min(1120px,calc(100% - 96px));margin-inline:auto}.wide{width:min(1240px,calc(100% - 56px));margin-inline:auto}.hero-wrap{background:#f5f5f7;overflow:hidden}.header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:3}.brand{display:inline-flex;align-items:center;gap:12px;font-weight:650;font-size:20px;white-space:nowrap;letter-spacing:-.035em}.brand img{border-radius:8px}.header nav{display:flex;gap:38px;font-size:14px}.header nav a,.footer a{transition:opacity .2s}.header nav a:hover,.footer a:hover{opacity:.55}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:linear-gradient(#292929,#111);color:white;padding:16px 23px;border-radius:14px;font-size:15px;font-weight:550;box-shadow:inset 0 1px 1px #ffffff25}.button:hover{background:#383838}.compact{padding:12px 18px;border-radius:15px;font-size:14px}.hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:555px;align-items:center;position:relative}.hero-copy{padding:35px 0 70px;z-index:2}h1{font-size:clamp(45px,4.7vw,65px);line-height:1.04;font-weight:700;letter-spacing:-.055em}.hero-copy>p:not(.note){font-size:22px;max-width:440px;margin:24px 0 32px;line-height:1.45}.store{display:inline-block;border-radius:12px;transition:transform .2s}.store:hover{transform:translateY(-2px)}.store img{display:block;width:245px;height:auto;max-width:100%}.note{font-size:14px!important;line-height:1.6;margin-top:12px!important}.note span{padding:0 9px}.hero-art{position:relative;height:555px;display:flex;justify-content:center;align-items:flex-start;perspective:1200px}.landscape{position:absolute;width:830px;height:760px;top:55px;left:-60px;border-radius:47% 60% 0 0;background:linear-gradient(135deg,#e0e0e5 3%,#ededf0 42%,#d1d1d7 80%);transform:rotate(-28deg);box-shadow:inset 2px 2px 15px #fff9}.hero-art:after{content:"";position:absolute;bottom:-97px;left:-250px;width:960px;height:160px;border-radius:50%;background:linear-gradient(175deg,#fff,#d2d2d8);box-shadow:0 -1px 1px #fff}.phone{width:259px;height:528px;border-radius:49px;background:linear-gradient(100deg,#333,#aaa 4%,#222 7%,#080808 90%,#bdbdc0 96%,#555);padding:8px;box-shadow:15px 16px 18px #0003,inset 0 0 0 1px #555;position:relative;z-index:1;transform:rotate(-3deg) rotateY(-12deg)}.phone:before{content:"";position:absolute;right:-3px;top:158px;width:4px;height:60px;border-radius:3px;background:#777}.screen{height:100%;overflow:hidden;position:relative;border:3px solid #080808;border-radius:42px;background:radial-gradient(ellipse at 100% 110%,#48494d 0%,#111 39%,#202020 75%);color:#eee}.screen:before{content:"";position:absolute;z-index:0;width:430px;height:390px;left:40px;top:325px;border-radius:50%;background:linear-gradient(140deg,#8c8c90,#272729 22%,#050505 60%);box-shadow:0 -1px 0 #ddd8;transform:rotate(-30deg)}.status{display:flex;justify-content:space-between;font-size:10px;font-weight:600;padding:14px 19px;position:relative;z-index:1}.island{position:absolute;top:10px;left:50%;transform:translateX(-50%);background:#030303;width:79px;height:23px;border-radius:20px}.date{position:relative;text-align:center;margin-top:36px;font-weight:500;font-size:24px;color:#d7d7d7}.date strong{display:block;font-size:83px;line-height:1.15;letter-spacing:-.05em;font-weight:600}.apps{position:relative;margin:24px 18px;padding:10px 15px;border:1px solid #ffffff12;border-radius:23px;background:#ffffff0b;backdrop-filter:blur(8px);display:grid;gap:6px}.apps span{display:flex;align-items:center;gap:12px;font-size:12px;height:33px}.apps i{display:grid;place-items:center;font-style:normal;font-size:17px;color:#ccc;border-radius:8px;width:23px;height:23px;background:#ffffff0a}.pages{position:absolute;bottom:29px;text-align:center;width:100%;font-size:7px;letter-spacing:3px;color:#888}.pages b{color:#eee}.homebar{position:absolute;bottom:8px;left:31%;width:38%;height:4px;border-radius:4px;background:currentColor;opacity:.65}.features{padding:44px 0 60px;display:grid;grid-template-columns:repeat(4,1fr);gap:42px}.feature-icon{display:grid;place-items:center;width:47px;height:47px;background:#f3f3f5;border-radius:15px;font-size:32px;margin-bottom:15px}.features h2{font-size:22px;letter-spacing:-.035em;margin-bottom:9px}.features p{font-size:15px;line-height:1.5}.themes{min-height:412px;display:grid;grid-template-columns:1fr 1fr;border-radius:29px;overflow:hidden;background:radial-gradient(ellipse at 13% 90%,#555 0,#252525 40%,#171717 80%);color:white}.theme-art{position:relative;height:100%;min-height:412px;overflow:hidden}.theme-phone{position:absolute;left:24%;top:58px;transform:rotate(-17deg);width:270px;height:550px}.theme-copy{padding:52px 48px 40px 24px;align-self:center}.eyebrow{font-size:10px;letter-spacing:.16em;font-weight:650;margin-bottom:15px}.theme-copy .eyebrow{color:#aaa}.theme-copy h2{font-size:43px;line-height:1.04;margin-bottom:18px}.theme-copy>p:not(.eyebrow):not(.theme-caption){color:#c7c7c7;font-size:18px;max-width:370px}.theme-picker{display:flex;gap:16px;margin-top:23px}.theme-picker button{background:transparent;border:1px solid #696969;border-radius:30px;color:#ccc;padding:7px 11px 7px 7px;display:flex;align-items:center;gap:7px;cursor:pointer;font-size:12px}.theme-picker button[aria-pressed=true]{border-color:white;color:#fff;background:#ffffff15}.theme-picker button:hover{background:#ffffff20}.swatch{display:block;width:20px;height:20px;border-radius:50%;border:1px solid #ffffff40}.midnight{background:#292929}.paper{background:#e6e1d9}.stone{background:#adb1ac}.theme-caption{font-size:12px;color:#b5b5b5;margin-top:12px;min-height:20px}.text-link{display:inline-flex;gap:30px;font-size:14px;margin-top:23px;border-bottom:1px solid #888;padding-bottom:6px}.theme-date{position:relative;font-size:13px;text-align:center;margin-top:32px}.theme-clock{position:relative;text-align:center;font-size:65px;letter-spacing:-.06em;font-weight:300;margin-top:5px}.theme-apps{position:relative;display:grid;gap:17px;margin:44px 30px;font-size:23px;font-weight:500}.theme-phone[data-theme=paper] .screen{background:#e6e1d9;color:#2e2c29}.theme-phone[data-theme=stone] .screen{background:#adb1ac;color:#212922}.theme-phone:not([data-theme=midnight]) .screen:before{background:linear-gradient(135deg,#fff7,#0002);box-shadow:none}.section-heading{text-align:center}.section-heading h2,.faq h2{font-size:39px;line-height:1.13}.section-heading>p:last-child{font-size:18px;margin-top:16px}.how{padding-block:86px}.steps{list-style:none;padding:0;margin:45px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.step-number{display:block;color:#8c8c91;font-size:13px;border-top:1px solid var(--line);padding-top:19px;margin-bottom:21px;letter-spacing:.08em}.steps h3{font-size:23px;margin-bottom:12px}.steps p{font-size:16px}.pro{display:grid;grid-template-columns:1.2fr 1fr;gap:75px;background:#f6f6f7;border-radius:25px;padding:48px}.pro h2{font-size:35px;line-height:1.13;margin-bottom:20px}.pro>div>p:not(.eyebrow):not(.note){font-size:16px;margin-bottom:25px}.pro .note{font-size:11px!important}.pro ul{list-style:none;margin:0;padding:4px 0;align-self:center;display:grid;gap:28px}.pro li{display:flex;gap:18px}.pro li>span{display:grid;place-items:center;flex-shrink:0;width:29px;height:29px;border:1px solid #d1d1d5;border-radius:50%;font-size:13px}.pro h3{font-size:19px;letter-spacing:-.025em;margin-bottom:6px}.pro li p{font-size:14px}.faq{max-width:770px;padding-block:84px}.faq h2{margin-bottom:32px;text-align:center}.faq details{border-bottom:1px solid var(--line);padding-block:20px}.faq summary{cursor:pointer;font-size:17px;font-weight:550;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-weight:400;color:#777}.faq details[open] summary:after{content:"−"}.faq details p{padding-top:16px;font-size:15px;max-width:650px}.closing{position:relative;overflow:hidden;text-align:center;padding:65px 0;background:radial-gradient(ellipse at 0% 140%,#e3e3e9,transparent 60%),radial-gradient(ellipse at 100% 160%,#dddde4,transparent 60%),#fafafa}.closing h2{font-size:39px;line-height:1.1}.closing p{margin-top:17px;margin-bottom:20px}.closing .note{margin-bottom:0}.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:30px}.footer .brand{font-size:16px}.footer>span{font-size:12px;color:#777}.footer nav{display:flex;gap:24px;font-size:12px}.skip{position:fixed;top:-70px;left:20px;background:#111;color:#fff;padding:14px;z-index:10}.skip:focus{top:12px}
@media(min-width:1450px){.hero{min-height:620px}.hero-art{height:620px;align-items:center}.phone{transform:scale(1.08) rotate(-3deg) rotateY(-12deg)}.theme-phone{transform:rotate(-17deg)}}
@media(max-width:900px){.container{width:calc(100% - 48px)}.header nav{gap:20px}.header{gap:15px}.brand{font-size:18px}.hero-copy>p:not(.note){font-size:19px;max-width:340px}h1{font-size:48px}.hero-art{transform:translateX(15px)}.features{gap:22px}.features h2{font-size:19px}.features p{font-size:14px}.theme-copy{padding-right:25px}.theme-copy h2{font-size:35px}.theme-phone{left:15%}.theme-picker{gap:7px}.theme-picker button{font-size:11px}.steps{gap:28px}.pro{gap:35px;padding:32px}.pro h2{font-size:30px}.footer>span{display:none}}
@media(max-width:640px){.container{width:calc(100% - 40px)}.wide{width:calc(100% - 24px)}.header{height:auto;min-height:100px;flex-wrap:wrap;padding-block:17px;gap:17px}.header nav{order:3;width:100%;justify-content:space-between;font-size:12px;gap:12px}.header .compact{padding:9px 13px;font-size:12px}.brand img{width:25px;height:25px}.hero{grid-template-columns:1fr;text-align:center}.hero-copy{padding:37px 0 30px}h1{font-size:clamp(43px,10vw,58px);line-height:1.03}.hero-copy>p:not(.note){margin:21px auto 23px;font-size:18px;max-width:330px}.store img{width:225px}.hero-art{height:424px;transform:none;overflow:visible}.hero-art>.phone{transform:scale(.8) rotate(-3deg);transform-origin:top center;margin-top:10px}.landscape{height:600px;width:650px;left:calc(50% - 300px);top:35px}.hero-art:after{bottom:-128px;left:calc(50% - 400px);width:800px}.features{grid-template-columns:1fr 1fr;padding-block:35px;gap:29px 23px}.features h2{font-size:19px}.feature-icon{width:40px;height:40px;font-size:27px;margin-bottom:13px}.themes{grid-template-columns:1fr;min-height:0;border-radius:23px}.theme-copy{grid-row:1;padding:33px 26px 25px;text-align:center}.theme-copy h2{font-size:36px}.theme-copy>p:not(.eyebrow):not(.theme-caption){font-size:16px;margin-inline:auto}.theme-picker{justify-content:center;gap:12px}.theme-picker button{font-size:12px}.theme-art{height:290px;min-height:0}.theme-phone{left:calc(50% - 125px);top:15px;transform:rotate(-10deg) scale(.9);transform-origin:top center}.how{padding-block:57px}.section-heading h2,.faq h2{font-size:32px}.section-heading>p:last-child{font-size:16px}.steps{grid-template-columns:1fr;gap:26px;margin-top:30px}.step-number{margin-bottom:12px}.steps h3{font-size:22px}.steps p{font-size:15px}.pro{grid-template-columns:1fr;padding:30px 24px;gap:30px}.pro h2{font-size:30px}.pro ul{gap:22px}.faq{padding-block:55px}.faq summary{font-size:16px}.closing{padding-block:48px}.closing h2{font-size:34px;max-width:330px;margin-inline:auto}.closing p{font-size:16px}.footer{padding-block:25px;gap:10px}.footer nav{gap:16px}.footer .brand{font-size:14px;gap:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
@media(max-width:640px){.footer{flex-wrap:wrap;row-gap:18px}}

/* Hero mirrors the app's dark medium + large starter theme. */
.hero-art .home-screen{background:#242424;color:#f4f4f4;font-family:"Avenir Next",Avenir,-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif}
.hero-art .home-screen:before{display:none}
.home-screen .status{padding:14px 17px;font-family:-apple-system,BlinkMacSystemFont,sans-serif}
.status-symbols{display:flex;align-items:center;gap:4px}
.home-date{position:relative;text-align:center;margin-top:35px;font-size:16px;font-weight:650;line-height:1.2}
.date-month{opacity:.85}
.home-date strong{display:block;font-size:68px;line-height:1.12;font-weight:650;letter-spacing:-.055em;margin-top:2px}
.home-apps{display:flex;flex-direction:column;align-items:center;gap:13px;position:relative;margin:32px 16px 0;font-size:20px;line-height:1.25;font-weight:500;letter-spacing:-.025em}