.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;padding-top:84px;padding-bottom:76px}.hero h1{font-weight:800;font-size:62px;line-height:1.02;letter-spacing:-.02em;margin:0}.hero-sub{font-size:19px;line-height:1.55;color:#6f6d66;margin:22px 0 0}.hero-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:34px}.hero-ctas .btn-primary{font-size:16px;padding:15px 26px;border-radius:13px}.hero-ctas .btn-primary span{font-size:18px;line-height:1}.link-underline{font-weight:600;font-size:15px;text-decoration:none;border-bottom:2px solid #7ba4c4;padding-bottom:2px}.hero-note{font-size:13.5px;color:#9a948a;margin-top:22px;font-weight:500}.hero-art{position:relative;height:400px}.mock{position:absolute;isolation:isolate}.mock-shell{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none;user-select:none}.mock-viewport{position:absolute;overflow:hidden}.mock-ipad{top:0;left:0;width:480px;height:350px}.mock-ipad .mock-shell{z-index:1}.mock-ipad .mock-viewport{z-index:2;left:2.79%;top:3.83%;width:88.51%;height:85.02%}.mock-iphone{right:0;bottom:0;width:150px;height:304px}.mock-iphone .mock-viewport{z-index:1;left:4.11%;top:7.43%;width:91.78%;height:81.35%;transform:scale(1.06)}.mock-iphone .mock-shell{z-index:2}.device-track{display:flex;height:100%;width:400%;transition:transform .6s cubic-bezier(.16,1,.3,1)}.device-track.no-anim{transition:none}.device-frame{flex:0 0 25%;height:100%}.device-frame img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.mock-ipad .device-track{display:block;position:relative;width:100%}.mock-ipad .device-frame{position:absolute;inset:0;flex:none;opacity:0;transition:opacity 1s ease}.mock-ipad .device-frame.active{opacity:1}.ph-label{font:11px/1.3 ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#a59e92}.ph-label.center{text-align:center;letter-spacing:.08em;font-size:10px}.problem{background:#f1ece1;border-top:1px solid #ece7dc;border-bottom:1px solid #ece7dc;padding-top:72px;padding-bottom:72px}.problem .eyebrow{font-size:13px;margin-bottom:10px}.problem h2{font-weight:700;font-size:34px;line-height:1.12;letter-spacing:-.015em;max-width:18ch}.compare{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}.compare-card{border-radius:16px;padding:28px 30px}.compare-card.before{background:#fbf9f4;border:1px solid #e7e1d4}.compare-card.after{background:#353533}.compare-card p{font-weight:700;font-size:14px;margin:0 0 18px;letter-spacing:.02em}.compare-card.before p{color:#9a948a}.compare-card.after p{color:#e6a98e}.compare-card ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}.compare-card li{display:flex;gap:12px;font-size:15.5px}.compare-card.before li{color:#6f6d66}.compare-card.before li span{color:#bfb8aa}.compare-card.after li{color:#f1ede4}.compare-card.after li span{color:#8fbbdd}.features{padding-top:80px;padding-bottom:8px}.features>h2{font-weight:700;font-size:34px;line-height:1.1;letter-spacing:-.015em}.features-sub{font-size:17px;color:#6f6d66;margin:14px 0 0;max-width:46ch}.feature-rows{display:flex;flex-direction:column;gap:60px;margin-top:48px}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.feature-row h3{font-weight:700;font-size:27px;line-height:1.12;letter-spacing:-.01em}.feature-row .copy p:last-child{font-size:16.5px;color:#6f6d66;margin:14px 0 0;line-height:1.55;max-width:40ch}.shot{height:320px;border-radius:20px;background:repeating-linear-gradient(135deg,#efeae0 0 13px,#f5f1e9 13px 26px);border:1px solid #e1dace;display:flex;align-items:flex-end;padding:18px;overflow:hidden}.shot-media{padding:0}.shot-media img{width:100%;height:100%;object-fit:cover;display:block}.how{padding-top:80px;padding-bottom:80px}.how>h2{font-weight:700;font-size:34px;line-height:1.1;letter-spacing:-.015em;margin-bottom:44px}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:26px}.step-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}.step-num{width:34px;height:34px;border-radius:50%;background:#d56a48;color:#fff;font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;flex:none}.step-tag{font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:#9a948a}.step-art{height:120px;border-radius:14px;background:repeating-linear-gradient(135deg,#efeae0 0 12px,#f5f1e9 12px 24px);border:1px solid #e1dace;display:flex;align-items:flex-end;padding:12px;margin-bottom:16px}.step-art.icon{align-items:center;justify-content:center}.step h3{font-weight:700;font-size:19px}.step p{font-size:15px;color:#6f6d66;margin:8px 0 0;line-height:1.5}.step-art .ph-label{font-size:10px;letter-spacing:.08em}.pc{padding-top:64px;padding-bottom:8px}.pc-banner{display:flex;align-items:center;gap:24px;background:#f4e7df;border:1px solid #ecd6c9;border-radius:18px;padding:26px 34px}.pc-banner .copy{flex:1}.pc-banner .copy .eyebrow{font-size:13px;letter-spacing:.1em;color:#b9543a;margin:0 0 5px}.pc-banner .copy p{font-size:16.5px;color:#4a483f;margin:0;line-height:1.5}.pc-banner .copy strong{color:#2c2b29}.pc-banner .btn{flex:none;background:#353533;color:#fff;font-size:14.5px;padding:12px 20px;border-radius:11px}.signup{padding-top:24px;padding-bottom:84px}.signup-card{background:#353533;border-radius:24px;padding:56px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.signup-card h2{font-weight:700;font-size:36px;line-height:1.08;letter-spacing:-.015em;color:#fdfbf6}.signup-card .lede{font-size:17px;line-height:1.55;color:#c9c4ba;margin:16px 0 0;max-width:34ch}.signup-card .fineprint{font-size:13.5px;color:#8f8a80;margin:22px 0 0}.signup-form{display:flex;flex-direction:column;gap:14px}.signup-form input,.signup-form select{width:100%;background:#46453f;border:1px solid #56544c;border-radius:12px;padding:15px 16px;font-size:15.5px;color:#fdfbf6;font-family:Hanken Grotesk,sans-serif;outline:none}.signup-form input::placeholder{color:#9a948a}.signup-form input:focus,.signup-form select:focus{border-color:#d56a48}.signup-form select{-webkit-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5l5-5' stroke='%239a948a' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.signup-form select.empty{color:#9a948a}.signup-form select option{color:#2c2b29}.signup-form [hidden]{display:none}.signup-form button{margin-top:4px;font-weight:700;font-size:16px;padding:16px;border-radius:12px;justify-content:center}.signup-form button:disabled{opacity:.6;cursor:default}.form-error{font-size:13.5px;color:#e6a98e;margin:2px 0 0;display:none}.signup-success{display:none;background:#46453f;border:1px solid #56544c;border-radius:16px;padding:34px 30px;text-align:center}.signup-success .check{width:52px;height:52px;border-radius:50%;background:#d56a48;display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.signup-success h3{font-weight:700;font-size:21px;color:#fdfbf6}.signup-success p{font-size:15px;color:#c9c4ba;margin:10px 0 0}.signup-right.done .signup-form{display:none}.signup-right.done .signup-success{display:block}@media(max-width:1024px){.hero{grid-template-columns:1fr;gap:48px;padding-top:56px;padding-bottom:56px}.hero h1{font-size:52px}.hero-art{max-width:420px;height:340px}.mock-ipad{width:420px;height:306px}.mock-iphone{width:130px;height:264px}.compare{grid-template-columns:1fr}.feature-row{grid-template-columns:1fr;gap:24px}.feature-row .shot{order:1}.feature-row .copy{order:0}.steps{grid-template-columns:1fr}.signup-card{grid-template-columns:1fr;padding:40px 36px}.pc-banner{flex-direction:column;align-items:flex-start;gap:18px}}@media(max-width:640px){.hero h1{font-size:40px}.hero-sub{font-size:17px}.hero-art{height:230px;max-width:280px}.mock-ipad{width:280px;height:204px}.mock-iphone{width:92px;height:187px}.problem h2,.features>h2,.how>h2{font-size:28px}.signup-card h2{font-size:30px}.compare-card,.pc-banner{padding:22px 20px}.shot{height:220px}}