:root{color-scheme:dark;--bg:#14120f;--text:#f4f1eb;--muted:#aaa49a;--line:#38342f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,textarea:focus-visible{outline:2px solid #a898ff;outline-offset:3px}.skip{position:absolute;top:-100px;left:16px;z-index:50;background:white;color:black;padding:12px}.skip:focus{top:12px}.wrap{max-width:1500px;margin:auto;padding-left:clamp(20px,4vw,64px);padding-right:clamp(20px,4vw,64px)}.topbar{height:80px;display:flex;align-items:center;gap:32px}.brand{display:inline-flex;align-items:center;gap:9px;font-weight:650;font-size:17px}.brand img{width:28px;height:28px;object-fit:contain}.topbar nav{display:flex;gap:30px;margin:auto;font-size:14px;color:#dedbd5}.topbar nav a:hover,.footer a:hover{color:#fff}.nav-cta{font-size:13px;background:#f0ede8;color:#191714;border-radius:100px;padding:11px 18px}.nav-cta span{padding-left:8px}.hero{padding-top:clamp(80px,10vw,150px)}.eyebrow,.section-number,.hero-note,.demo-caption,figcaption{font-size:11px;letter-spacing:.12em;font-weight:600;color:var(--muted)}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#9c85ff;box-shadow:0 0 14px #9c85ff}.hero h1{font-weight:510;font-size:clamp(48px,7vw,105px);letter-spacing:-.065em;line-height:.99;margin:30px 0}.hero h1 span{color:#aaa59d}.hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.hero-bottom p{max-width:430px;color:#bcb6ac;line-height:1.65;font-size:17px;margin:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:50px;border-radius:100px;padding:17px 22px;color:#181613;background:#eeeae2;font-size:14px;font-weight:600;white-space:nowrap}.button:hover,.nav-cta:hover{background:#fff}.hero-note{display:flex;justify-content:space-between;margin:100px 0 16px}.showcase{background:#c3b7a6;border-radius:4px;padding:clamp(18px,4.5vw,68px);min-height:420px;background-image:radial-gradient(ellipse at 70% 120%,#928b80 0,transparent 50%),linear-gradient(150deg,#d5cbbb,#a79b8c)}.demo-caption{display:flex;justify-content:space-between;letter-spacing:.06em;margin-top:15px}.intro{padding-top:170px;padding-bottom:140px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.intro h2,.feature h2,.closing h2{font-size:clamp(35px,4.5vw,68px);font-weight:500;letter-spacing:-.052em;line-height:1.1;margin:0}.intro p,.feature p,.closing p{color:#a8a299;font-size:17px;line-height:1.7;max-width:570px}.feature{display:grid;grid-template-columns:.85fr 1.4fr;gap:6%;align-items:center;padding-top:54px;padding-bottom:90px;border-top:1px solid var(--line)}.feature-copy{padding:40px 0}.feature h2{font-size:clamp(34px,3.7vw,54px);margin:35px 0 20px}.feature p{font-size:16px}.feature-copy a{display:inline-block;margin-top:22px;border-bottom:1px solid #77716a;padding-bottom:8px;font-size:14px}.feature-copy a span{margin-left:24px}.feature-visual{margin:0;padding:clamp(18px,3vw,45px);border-radius:4px;background:#25221e;overflow:hidden}.feature-visual img{width:100%;height:auto;display:block;border-radius:6px;box-shadow:0 20px 50px #0008}.feature-visual figcaption{margin-top:18px;font-size:10px}.feature-reverse .feature-copy{order:2}.feature-reverse .feature-visual{order:1;background:#b5aa9b}.closing{border-top:1px solid var(--line);padding-top:140px;padding-bottom:150px}.closing h2{margin:35px 0 18px}.closing .button{margin-top:20px}.footer{border-top:1px solid var(--line);padding-top:38px;padding-bottom:45px;display:flex;align-items:center;justify-content:space-between;gap:28px;font-size:13px;color:var(--muted)}.footer .brand{color:var(--text)}.footer div{display:flex;gap:28px}@media(max-width:700px){.topbar{height:68px}.topbar nav{display:none}.nav-cta{margin-left:auto}.hero{padding-top:75px}.hero h1{font-size:clamp(43px,10vw,65px)}.hero-bottom{align-items:start;flex-direction:column}.hero-note{margin-top:65px}.hero-note span:last-child{display:none}.showcase{padding:12px;min-height:0}.demo-caption{gap:15px;font-size:9px}.intro{padding-top:100px;padding-bottom:80px;grid-template-columns:1fr;gap:25px}.feature{grid-template-columns:1fr;gap:0;padding-top:25px;padding-bottom:65px}.feature-copy{padding:30px 0}.feature-reverse .feature-copy{order:0}.feature-reverse .feature-visual{order:1}.closing{padding-top:90px;padding-bottom:95px}.footer{align-items:flex-start;flex-direction:column}.footer div{flex-wrap:wrap;gap:16px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}}
:where(.feature-visual img[src$="capture-chat.png"]){aspect-ratio:2.08;object-fit:cover;object-position:top}
:where(.devices-section){border-top:1px solid var(--line);padding-top:125px;padding-bottom:130px}.devices-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:60px}.devices-heading h2{font-size:clamp(38px,5vw,76px);letter-spacing:-.055em;line-height:1.06;font-weight:500;margin:30px 0 0}.devices-heading h2 span{color:#aaa59d}.devices-heading p{max-width:365px;color:#aaa49a;line-height:1.7;font-size:16px;margin:0}.device-stage{position:relative;margin:0;min-height:500px;padding:clamp(26px,5vw,75px) clamp(32px,8vw,120px) 60px;background:radial-gradient(ellipse at 25% 25%,#e7e0d3,#bdb2a3 70%,#a89c8f);border-radius:4px;overflow:hidden}.desktop-device{width:88%;border:8px solid #242526;border-radius:13px;background:#121314;box-shadow:0 38px 80px #51483f66;overflow:hidden}.desktop-top{height:27px;display:flex;gap:5px;align-items:center;padding:0 10px;background:#292a2c;color:#a6a6aa;font-size:9px}.desktop-top span{width:6px;height:6px;background:#64666a;border-radius:50%}.desktop-top b{font-weight:400;margin:auto;padding-right:32px}.desktop-device img{display:block;width:100%;height:auto}.phone-device{position:absolute;width:clamp(145px,20%,235px);right:8%;bottom:37px;padding:6px;border:2px solid #b0aca5;background:#1a1b1e;border-radius:34px;box-shadow:0 28px 45px #302c2990;transform:rotate(4deg)}.phone-screen{position:relative;overflow:hidden;border-radius:27px;background:#f9f9f9}.phone-screen img{width:100%;height:auto;display:block}.phone-island{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:32%;height:14px;border-radius:20px;background:#18191b}.device-stage figcaption{position:absolute;bottom:17px;left:28px;color:#645c53;font-size:10px;letter-spacing:.12em;font-weight:650}@media(max-width:700px){.devices-section{padding-top:80px;padding-bottom:85px}.devices-heading{display:block;margin-bottom:35px}.devices-heading p{margin-top:25px}.device-stage{min-height:0;padding:30px 20px 60px}.desktop-device{width:92%;border-width:5px}.desktop-top{height:18px}.phone-device{width:25%;min-width:84px;right:6%;bottom:25px;padding:3px;border-radius:19px}.phone-screen{border-radius:14px}.phone-island{height:7px;top:4px}.device-stage figcaption{font-size:8px;left:14px;bottom:12px;max-width:70%}}
:where(.creation-section){border-top:1px solid var(--line);padding-top:125px;padding-bottom:125px}.creation-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:55px}.creation-heading h2{font-size:clamp(38px,5vw,76px);letter-spacing:-.055em;line-height:1.06;font-weight:500;margin:30px 0 0}.creation-heading h2 span{color:#aaa59d}.creation-heading p{max-width:365px;color:#aaa49a;line-height:1.7;font-size:16px}.creation-heading a{display:inline-block;margin-top:10px;border-bottom:1px solid #77716a;padding-bottom:8px;font-size:14px}.creation-heading a span{margin-left:24px}.creation-preview{display:block;position:relative;overflow:hidden;background:#322219;border-radius:4px}.creation-preview img{display:block;width:100%;height:auto;transition:transform .4s ease}.creation-preview:hover img{transform:scale(1.015)}.creation-preview>span{position:absolute;right:22px;bottom:22px;background:#f5eee3;color:#231c17;padding:12px 15px;border-radius:30px;font-size:10px;font-weight:700;letter-spacing:.08em}.creation-preview>span span{margin-left:20px}.creation-note{font-size:10px;letter-spacing:.08em;color:#aaa49a;line-height:1.6;margin-top:15px}@media(max-width:700px){.creation-section{padding-top:80px;padding-bottom:80px}.creation-heading{display:block;margin-bottom:35px}.creation-heading p{margin-top:25px}.creation-preview>span{right:12px;bottom:12px;font-size:9px}}
:where(.device-stage){perspective:1400px;padding-bottom:88px}.laptop-device{position:relative;width:88%;transform:rotateY(3deg) rotateX(1deg);transform-origin:center bottom;filter:drop-shadow(0 28px 30px #433a3260)}.laptop-device .desktop-device{width:100%;box-shadow:0 12px 30px #29262365}.desktop-screen{position:relative}.desktop-screen>img{display:block;width:100%;height:auto}.device-label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.desktop-prompt,.phone-prompt{position:absolute;min-width:0;border:0;outline:0;font:inherit}.desktop-prompt{left:34.9%;top:54.7%;width:47%;height:4%;background:#1c1f24;color:#f1f2f5;font-size:clamp(7px,1vw,13px);padding:0 4px}.desktop-prompt::placeholder{color:#7e8390}.desktop-plan{position:absolute;left:7.3%;bottom:1.4%;width:5%;height:4%;display:flex;align-items:center;justify-content:center;background:#12161a;color:#e6e7e9;font-size:clamp(5px,.65vw,10px);font-weight:650}.laptop-base{position:relative;width:112%;height:clamp(40px,8vw,105px);margin-left:-6%;background:linear-gradient(180deg,#777a7d 0%,#b5b5b0 8%,#d0d0ca 65%,#818383 100%);clip-path:polygon(5.5% 0,94.5% 0,100% 82%,99% 95%,1% 95%,0 82%);border-radius:0 0 15px 15px;box-shadow:0 10px 10px #3c3935}.keyboard-area{position:absolute;left:11%;right:11%;top:5%;height:55%;background:repeating-linear-gradient(90deg,transparent 0,transparent 6%,#b1b1ad 6%,#b1b1ad 6.5%),repeating-linear-gradient(0deg,#252729 0,#252729 17%,#a6a7a3 17%,#a6a7a3 23%);border:3px solid #858783;border-radius:3px;transform:perspective(300px) rotateX(20deg);transform-origin:top}.trackpad{position:absolute;left:41%;top:65%;width:18%;height:22%;border:1px solid #898b88;border-radius:3px;background:#b7b9b5}.phone-device{z-index:2}.phone-upgrade-cover{position:absolute;right:0;top:0;width:36%;height:7%;background:#fff}.phone-prompt{left:8%;top:86.8%;width:78%;height:5%;background:#eef1f5;color:#22262b;font-size:clamp(6px,.8vw,10px);padding:0 3px}.phone-prompt::placeholder{color:#a1a6af}.desktop-prompt:focus-visible,.phone-prompt:focus-visible{outline:2px solid #8e79e4;outline-offset:1px}@media(max-width:700px){.laptop-device{width:92%}.device-stage{padding-bottom:55px}.laptop-base{height:clamp(24px,9vw,55px)}.keyboard-area{border-width:1px}.trackpad{border-width:1px}.desktop-plan{font-size:4px}.desktop-prompt{font-size:5px}.phone-prompt{font-size:5px}.device-stage figcaption{max-width:85%;font-size:7px}}
.desktop-screen picture,.phone-screen picture{display:block}.desktop-screen picture img,.phone-screen picture img{display:block;width:100%;height:auto}.phone-screen{background:#101010}.phone-upgrade-cover{background:#101010}.phone-prompt{background:#15161a;color:#f4f4f5}.phone-prompt::placeholder{color:#7f838b}@media(prefers-color-scheme:light){.phone-screen,.phone-upgrade-cover{background:#fff}.phone-prompt{background:#eef1f5;color:#22262b}.phone-prompt::placeholder{color:#a1a6af}.desktop-prompt{background:#f1f2f5;color:#25282f}.desktop-prompt::placeholder{color:#92969e}.desktop-plan{background:#f6f7f8;color:#292b31}}
@media(prefers-color-scheme:light){.desktop-plan{display:none}}