:root{font-family:ui-rounded,SF Pro Rounded,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f9ff;background:#0b1020;font-synthesis:none;font-weight:400;-webkit-font-smoothing:antialiased;font-optical-sizing:auto;color-scheme:dark;--cyan:#3bc5d7;--muted:#aab7cc }*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}button{cursor:pointer}.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:10;left:16px;top:-80px;background:var(--cyan);color:#0b1020;padding:16px;border-radius:8px}.skip-link:focus{top:12px}.site-header{display:flex;align-items:center;justify-content:space-between;padding-block:27px;gap:16px}.brand{display:flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-1px;font-weight:700}.brand img{display:block;border-radius:10px}.site-header nav{display:flex;gap:32px;font-size:14px;color:#c4cddd}.site-header nav a{padding-block:13px;transition:color .2s}.site-header nav a:hover,.site-footer a:hover{color:var(--cyan)}.hero{display:grid;align-items:center;gap:54px;padding-block:65px 76px}.hero-copy{max-width:570px}.eyebrow{font-size:10px;letter-spacing:2px;line-height:1.8;color:var(--muted);font-weight:600;margin:0 0 24px}.hero .eyebrow{display:flex;align-items:center;gap:10px}.hero .eyebrow>span{width:5px;height:5px;flex-shrink:0;background:var(--cyan);border-radius:50%;box-shadow:0 0 12px #3bc5d733}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,8.2vw,108px);line-height:1.05;letter-spacing:-5px;margin-bottom:27px;font-weight:750}h1>span{color:var(--cyan)}.hero-copy h2{font-size:clamp(25px,3vw,34px);line-height:1.35;letter-spacing:-.8px;font-weight:500;margin-bottom:21px}.hero-description{color:var(--muted);font-size:16px;line-height:1.85;max-width:440px;margin-bottom:30px}.primary-cta{display:inline-flex;gap:27px;align-items:center;background:var(--cyan);color:#081623;min-height:53px;padding:15px 23px;border-radius:30px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.primary-cta:hover{background:#71dae6;transform:translateY(-2px)}.primary-cta>span{font-size:20px;font-weight:400}.availability{font-size:12px;color:var(--muted);margin-top:16px;margin-bottom:0}.preview{position:relative;margin:0;justify-self:center;isolation:isolate;scroll-margin-top:30px}.preview:before{content:"";position:absolute;z-index:-1;inset:9% 0 15%;background:radial-gradient(ellipse,#3bc5d70c,transparent 69%)}.phone{width:300px;padding:7px;border-radius:47px;background:linear-gradient(125deg,#707889,#222a39 17%,#0a0d14 45%,#465060 78%,#151a23);box-shadow:0 30px 80px #0005,0 0 0 1px #78829255;position:relative;transform:rotate(3deg)}.phone:after{content:"";position:absolute;right:-3px;top:155px;width:3px;height:58px;background:#424a59;border-radius:0 3px 3px 0}.phone-screen{background:#0b1020;min-height:578px;border:2px solid #060a12;border-radius:40px;padding:0 15px;overflow:hidden;position:relative}.phone-status{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;font-size:10px;font-weight:650}.island{position:absolute;top:10px;left:50%;transform:translate(-50%);width:82px;height:23px;border-radius:20px;background:#030408}.phone-status>span:last-child{display:flex;align-items:center;gap:5px}.battery{display:inline-block;width:17px;height:8px;border:1px solid #d9deea;border-radius:2px;background:linear-gradient(90deg,#d9deea 80%,transparent 80%)}.library-heading{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.library-heading h2{font-size:25px;letter-spacing:-.8px;margin:0}.library-mark{color:var(--cyan);font-size:23px}.preview-filters{display:flex;gap:7px;margin-top:17px}.preview-filters button{border:1px solid #344360;border-radius:24px;background:#152139;color:#d4dcea;font-size:11px;min-width:61px;min-height:44px;padding:9px 14px}.preview-filters button[aria-pressed=true]{background:var(--cyan);color:#081623;border-color:var(--cyan)}.sample-label{font-size:7px;letter-spacing:1px;color:var(--muted);margin:16px 0 9px}.sample-list{min-height:333px}.reference{display:flex;background:#182139;border:1px solid #344360;border-radius:12px;overflow:hidden;margin-bottom:8px;min-height:77px}.sample-art{width:68px;flex-shrink:0;position:relative;overflow:hidden;background:#263550;display:grid;place-items:center}.interior{background:linear-gradient(90deg,#716d58 0 16%,#cfbda1 16% 80%,#a09076 80%)}.interior>span{width:44px;height:30px;background:#817a52;border-radius:8px 8px 0 0;box-shadow:0 6px #595443;transform:translateY(17px)}.sunset{background:linear-gradient(#515569,#b38781 48%,#d2a47d 60%,#454d60 61%,#263b4a)}.sunset>span{position:absolute;top:25px;right:17px;width:14px;height:14px;background:#f0c48c;border-radius:50%}.type{background:#d7e6d1;color:#244337}.type>span{font-family:Georgia,serif;font-size:35px;letter-spacing:-3px}.type>span>span{display:block;font-size:6px;letter-spacing:0}.landscape{background:linear-gradient(#8dabad,#c3cbb9 45%,#627771 46%,#344d47)}.landscape>span{width:110px;height:60px;background:#526558;transform:rotate(-28deg) translateY(22px);border-radius:25px}.reference-copy{padding:9px 8px 7px;flex:1;min-width:0}.reference h3{font-size:10px;line-height:1.35;letter-spacing:-.05px;margin-bottom:4px}.reference-copy>p{font-size:8px;line-height:1.45;color:var(--muted);margin-bottom:7px}.reference-meta{display:flex;align-items:center;justify-content:space-between;color:var(--muted);gap:3px;font-size:7px}.reference-meta>span:first-child{display:flex;align-items:center;gap:4px}.source-dot{width:5px;height:5px;border-radius:50%;background:var(--cyan)}.source-dot.instagram{background:#cb83bb}.source-dot.youtube{background:#e77d80}.phone-bottom{display:flex;justify-content:space-around;align-items:center;margin:12px 5px 26px;background:#152139;border:1px solid #263550;border-radius:30px;min-height:45px;color:var(--muted);font-size:21px}.selected-library{background:#263550;border-radius:24px;padding:6px 13px;color:var(--cyan);display:flex;align-items:center;gap:6px}.selected-library>span{font-size:9px}.home-indicator{position:absolute;bottom:9px;left:50%;transform:translate(-50%);height:4px;width:90px;border-radius:4px;background:#e5e9f2}figcaption{text-align:center;font-size:12px;color:#d3dbea;margin-top:30px;line-height:1.8}figcaption span{display:block;color:var(--muted);font-size:10px}figcaption span:last-child{color:var(--cyan)}.how{padding-block:62px 80px;border-top:1px solid #ffffff0d}.how>h2{font-size:clamp(30px,4vw,40px);letter-spacing:-1.3px;font-weight:500;line-height:1.2;margin-bottom:48px}.how .eyebrow{margin-bottom:15px}.steps{display:grid;gap:34px;list-style:none;padding:0;margin:0}.steps li{position:relative}.step-number{display:block;font-size:11px;letter-spacing:1px;color:var(--cyan);margin-bottom:13px}.steps h3{font-size:24px;font-weight:500;letter-spacing:-.6px;margin-bottom:12px}.step-dot{color:var(--cyan)}.steps p{max-width:260px;font-size:14px;line-height:1.8;color:var(--muted);margin:0}.coming-soon{text-align:center;padding-block:70px 80px;border-top:1px solid #ffffff0d}.soon-orbit{display:block;margin:0 auto 28px;width:33px;height:33px;border:1px solid #3bc5d75c;border-radius:50%;position:relative;transform:rotate(-35deg)}.soon-orbit:after{content:"";position:absolute;top:0;left:1px;width:6px;height:6px;border-radius:50%;background:var(--cyan)}.coming-soon .eyebrow{margin-bottom:17px}.coming-soon h2{font-size:clamp(29px,4vw,42px);font-weight:500;letter-spacing:-1.2px;margin-bottom:16px}.coming-soon>p:last-child{font-size:14px;color:var(--muted);line-height:1.8;max-width:400px;margin:0 auto}.site-footer{border-top:1px solid #ffffff0d;padding-block:26px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;font-size:11px;color:var(--muted)}.footer-brand{color:#f6f9ff;font-size:18px;font-weight:650;display:flex;align-items:center;gap:15px}.footer-brand span{font-size:11px;font-weight:400;color:var(--muted)}.site-footer>a:last-child{padding-block:12px}.site-footer>a:last-child span{margin-left:9px;color:var(--cyan)}@media(min-width:760px){.hero{grid-template-columns:1.15fr 1fr;gap:50px;padding-block:65px 90px;min-height:780px}.steps{grid-template-columns:repeat(3,1fr);gap:65px}.mobile-break{display:none}.how{padding-block:70px 95px}.coming-soon{padding-block:80px 90px}.phone{width:310px}.phone-screen{min-height:588px}}@media(min-width:1100px){.hero{gap:90px}.preview{margin-left:30px}.hero-copy{padding-bottom:30px}}@media(max-width:400px){.wrap{width:calc(100% - 36px)}.site-header nav{gap:18px;font-size:12px}.brand{font-size:23px;gap:7px}.brand img{width:36px;height:36px}.hero{padding-top:45px}h1{font-size:64px;letter-spacing:-3px}.hero .eyebrow{font-size:8px;letter-spacing:1.5px}.phone{width:286px}.phone-screen{padding-inline:12px}.site-footer>span{display:none}}@media(prefers-reduced-motion:no-preference){.hero-copy{animation:arrive .7s ease-out both}.preview{animation:arrive .9s ease-out both}@keyframes arrive{0%{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.primary-cta:hover{transform:none}}
