:root{--color-ink: #17212b;--color-ink-soft: #33404c;--color-paper: #f5f3ed;--color-surface: #ffffff;--color-surface-muted: #ebe9e2;--color-line: rgba(23, 33, 43, .12);--color-accent: #22bdd1;--color-accent-strong: #0a8fa4;--color-highlight: #ffbd3e;--color-danger: #c84f5a;--shadow-soft: 0 18px 60px rgba(23, 33, 43, .09);--shadow-card: 0 10px 30px rgba(23, 33, 43, .07);--radius-large: 30px;--radius-medium: 20px;color:var(--color-ink);background:var(--color-paper);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 8% 8%,rgba(34,189,209,.11),transparent 26rem),radial-gradient(circle at 92% 30%,rgba(255,189,62,.12),transparent 28rem),var(--color-paper);color:var(--color-ink);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid rgba(34,189,209,.4);outline-offset:3px}::selection{background:#22bdd13d}[hidden]{display:none!important}.app-shell{min-height:100vh}.app-content{width:min(calc(100% - 40px),1180px);margin:0 auto}.eyebrow,.card-kicker{margin:0;color:var(--color-accent-strong);font-size:.76rem;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.focus-page{padding:clamp(2.5rem,6vw,5.5rem) 0 5rem}.focus-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:3rem;align-items:end;margin-bottom:clamp(2rem,5vw,3.5rem)}.focus-intro h1{max-width:700px;margin:.55rem 0 0;font-size:clamp(2.6rem,6vw,5.2rem);line-height:.98;letter-spacing:-.055em}.focus-intro-aside p{max-width:520px;margin:0;color:var(--color-ink-soft);font-size:clamp(1rem,2vw,1.12rem);line-height:1.7}.focus-intro-aside{display:grid;gap:1.25rem}.focus-path-artwork{width:100%;height:130px;border-radius:var(--radius-medium);box-shadow:var(--shadow-card);object-fit:cover}.focus-layout{display:grid;grid-template-columns:minmax(320px,.8fr) minmax(0,1.2fr);gap:clamp(1.25rem,3vw,2rem);align-items:start}.focus-tasks{min-width:0}.auth-page{display:grid;min-height:calc(100vh - 92px);place-items:center;padding:3rem 0 5rem}@media(max-width:960px){.focus-intro{grid-template-columns:1fr;gap:1.25rem}.focus-layout{grid-template-columns:1fr}}@media(max-width:720px){html input:is([type=text],[type=email],[type=password],[type=search],[type=tel],[type=url]),html textarea:not(:disabled),html select:not(:disabled){font-size:16px}.app-content{width:min(calc(100% - 24px),1180px)}.focus-page{padding-top:2rem}.focus-intro h1{font-size:clamp(2.35rem,13vw,3.6rem)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.site-header{position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(23,33,43,.08);background:#f5f3eddb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.navbar{display:flex;width:min(calc(100% - 40px),1180px);min-height:84px;margin:0 auto;padding:max(.75rem,env(safe-area-inset-top)) 0 .75rem;align-items:center;justify-content:space-between;gap:1.5rem}.brand-button{display:inline-flex;padding:0;border:0;background:transparent;color:var(--color-ink);cursor:pointer;align-items:center;gap:.75rem;text-align:left}.brand-mark{position:relative;width:42px;height:42px;flex:0 0 42px;overflow:hidden;border-radius:14px;background:var(--color-ink);box-shadow:0 8px 20px #17212b2e}.brand-orbit{position:absolute;width:24px;height:24px;border:6px solid;border-radius:50%}.brand-orbit-top{top:-4px;right:-1px;border-color:var(--color-highlight)}.brand-orbit-bottom{bottom:-5px;left:-2px;border-color:var(--color-accent)}.brand-copy{display:flex;flex-direction:column;gap:.08rem}.brand-copy strong{font-size:.98rem;letter-spacing:-.02em}.brand-copy span{color:var(--color-ink-soft);font-size:.72rem}.nav-actions,.nav-tabs,.account-actions{display:flex;align-items:center}.nav-actions{gap:.85rem}.nav-tabs{gap:.2rem;padding:.3rem;border:1px solid rgba(23,33,43,.06);border-radius:999px;background:#ebe9e2e0}.nav-link,.login-button,.logout-button{min-height:42px;border:0;border-radius:999px;cursor:pointer;font-size:.88rem;font-weight:750;transition:transform .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease}.nav-link{padding:.65rem 1.05rem;background:transparent;color:var(--color-ink-soft)}.nav-link:hover{color:var(--color-ink)}.nav-link.active{background:var(--color-surface);color:var(--color-ink);box-shadow:0 4px 16px #17212b14}.login-button,.logout-button{padding:.65rem 1.1rem}.login-button{background:var(--color-ink);color:#fff}.login-button:hover,.logout-button:hover{transform:translateY(-1px)}.login-button.active{background:var(--color-accent-strong)}.account-actions{gap:.65rem}.user-profile,.profile-photo,.profile-initial{width:38px;height:38px;border-radius:50%}.user-profile{display:grid;overflow:hidden;border:2px solid var(--color-surface);box-shadow:0 0 0 1px var(--color-line);place-items:center}.profile-photo{object-fit:cover}.profile-initial{display:grid;background:var(--color-accent);color:var(--color-ink);font-size:.85rem;font-weight:850;place-items:center}.logout-button{background:var(--color-surface);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-line)}@media(max-width:720px){.navbar{width:min(calc(100% - 24px),1180px);min-height:auto;flex-wrap:wrap;gap:.75rem}.nav-actions{width:100%;justify-content:space-between}.nav-tabs,.nav-link{flex:1}}@media(max-width:420px){.brand-copy span{display:none}.nav-link,.login-button,.logout-button{font-size:.82rem}.nav-link{padding-inline:.75rem}}.timer-container{position:sticky;top:112px;overflow:hidden;padding:clamp(1.4rem,3vw,2rem);border-radius:var(--radius-large);background:radial-gradient(circle at 88% 8%,rgba(255,189,62,.18),transparent 12rem),var(--color-ink);color:#fff;box-shadow:0 28px 70px #17212b33}.timer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.timer-header .card-kicker{color:#7fe7f3}.timer-header h2{margin:.45rem 0 0;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.08;letter-spacing:-.035em}.notification-toggle{display:inline-flex;min-height:36px;padding:.5rem .72rem;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#ffffff14;color:#ffffffbf;cursor:pointer;align-items:center;gap:.45rem;font-size:.7rem;font-weight:750}.notification-toggle.enabled{background:#22bdd129;color:#9af1f8}.notification-toggle:disabled{cursor:not-allowed;opacity:.55}.notification-dot{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px #ffffff0f}.timer-status{display:flex;margin-top:clamp(2.5rem,8vw,4.8rem);color:#ffffff8f;align-items:center;gap:.55rem;font-size:.78rem;font-weight:700}.status-indicator{width:8px;height:8px;border-radius:50%;background:#ffffff4d}.status-indicator.active{background:var(--color-accent);box-shadow:0 0 0 5px #22bdd11f}.timer-display{display:block;width:100%;margin:.7rem 0 2.2rem;color:#fff;font-size:clamp(3.8rem,8.5vw,6.8rem);font-variant-numeric:tabular-nums;font-weight:760;letter-spacing:-.075em;line-height:1;text-align:left}.timer-actions{display:flex;flex-wrap:wrap;gap:.65rem}.timer-action{min-height:46px;padding:.72rem 1rem;border:0;border-radius:14px;cursor:pointer;font-size:.82rem;font-weight:800;transition:transform .16s ease,background-color .16s ease,box-shadow .16s ease}.timer-action:hover{transform:translateY(-1px)}.timer-action-primary{background:var(--color-accent);color:var(--color-ink);box-shadow:0 10px 24px #22bdd133}.timer-action-accent{background:var(--color-highlight);color:var(--color-ink)}.timer-action-secondary{background:#ffffff1a;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1f}.timer-action-quiet{background:transparent;color:#fff9}.notification-note{margin:1.2rem 0 0;color:#ffffff6b;font-size:.7rem;line-height:1.5}.settings-container{margin-top:2.5rem}.settings-heading>span{font-size:1rem;font-weight:800}.settings-heading p{max-width:360px;margin:.45rem 0 0;color:#ffffff8c;font-size:.78rem;line-height:1.55}.settings-box{display:grid;grid-template-columns:1fr auto 1fr;gap:.8rem;margin:1.5rem 0;align-items:end}.work-timer-input{display:flex;min-width:0;flex-direction:column;gap:.55rem}.work-timer-input label{color:#ffffff94;font-size:.7rem;font-weight:700}.work-timer-input input{width:100%;min-height:58px;padding:.7rem;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:#ffffff14;color:#fff;font-size:1.35rem;font-weight:800;text-align:center}.ratio-divider{padding-bottom:1rem;color:#ffffff59;font-size:1.2rem}@media(max-width:960px){.timer-container{position:static}}@media(max-width:480px){.timer-header{flex-direction:column}.timer-status{margin-top:2.6rem}.timer-display{font-size:clamp(3.45rem,18vw,5.2rem)}.timer-actions .timer-action{flex:1 1 calc(50% - .65rem)}}.login-container{width:min(100%,500px)}.login-form{width:100%;padding:clamp(1.5rem,5vw,3rem);border:1px solid rgba(23,33,43,.08);border-radius:var(--radius-large);background:#ffffffe6;box-shadow:var(--shadow-soft)}.login-heading h1{margin:.6rem 0 1rem;font-size:clamp(2.25rem,7vw,3.5rem);line-height:1;letter-spacing:-.055em}.login-heading>p:last-child{margin:0;color:var(--color-ink-soft);line-height:1.65}.error-message{margin-top:1.25rem;padding:.85rem 1rem;border:1px solid rgba(200,79,90,.2);border-radius:14px;background:#c84f5a14;color:#8c3039;font-size:.82rem;line-height:1.45}.social-login{display:grid;gap:.75rem;margin-top:2rem}.social-button{display:flex;width:100%;min-height:52px;padding:.8rem 1rem;border:1px solid var(--color-line);border-radius:15px;background:var(--color-surface);color:var(--color-ink);cursor:pointer;align-items:center;justify-content:center;gap:.7rem;font-size:.9rem;font-weight:800;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.social-button:hover{border-color:#22bdd180;box-shadow:0 10px 24px #17212b12;transform:translateY(-1px)}.social-icon{width:22px;height:22px;object-fit:contain}.login-footnote{margin:1.25rem 0 0;color:#7b858e;font-size:.72rem;line-height:1.5;text-align:center}.signin-container{display:flex;justify-content:center;align-items:center;padding:20px;max-width:400px;margin:100px auto}.signin-form{background-color:#fff;padding:2rem;border:1px solid #333;border-radius:8px;box-shadow:0 2px 4px #0000001a;width:100%}.form-group{margin-bottom:1rem}.signin-input{width:80%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;outline:none;transition:border-color .2s}.undo-popup{display:flex;min-width:min(360px,calc(100vw - 1.5rem));padding:.85rem .9rem .85rem 1rem;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:var(--color-ink);color:#fff;box-shadow:0 18px 50px #17212b3d;animation:slideUp .22s ease-out;align-items:center;justify-content:space-between;gap:1rem}.undo-popup>span{font-size:.82rem;font-weight:700}.undo-popup button{display:inline-flex;min-height:38px;padding:.55rem .7rem;border:0;border-radius:10px;background:var(--color-highlight);color:var(--color-ink);cursor:pointer;align-items:center;gap:.4rem;font-size:.76rem;font-weight:850}.undo-icon{width:14px;height:14px}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.checklist-wrapper{width:100%}.checkbox-container{width:100%;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-medium);background:var(--color-surface);transition:border-color .16s ease,box-shadow .16s ease}.checkbox-container:focus-within{border-color:#22bdd18c;box-shadow:0 10px 30px #17212b12}.checkbox-header{display:flex;min-height:62px;padding:.8rem 1rem;border-bottom:1px solid var(--color-line);align-items:center}.project-input-container{display:flex;width:100%;min-width:0;align-items:center;gap:.65rem}.project-checkbox-container{position:relative;display:flex;flex:0 0 auto;align-items:center;gap:.3rem}.project-checkbox,.checkbox-item input[type=checkbox]{margin:0;accent-color:var(--color-accent-strong);cursor:pointer}.project-checkbox{width:19px;height:19px}.project-checkbox:disabled{cursor:default;opacity:.35}.title-input,.item-input{min-width:0;border:0;background:transparent;color:var(--color-ink)}.title-input{width:100%;padding:.35rem 0;font-size:1rem;font-weight:800;letter-spacing:-.02em}.title-input::placeholder,.item-input::placeholder{color:#89919a}.title-input:focus,.item-input:focus{outline:0}.checkbox-content{padding:.35rem 0}.checkbox-item{display:flex;min-height:48px;padding:.55rem 1rem;border-bottom:1px solid rgba(23,33,43,.07);align-items:center;gap:.65rem;transition:background-color .14s ease,opacity .14s ease}.checkbox-item:last-child{border-bottom:0}.checkbox-item:hover,.checkbox-item:focus-within{background:#f8f8f5}.checkbox-item input[type=checkbox]{width:17px;height:17px;flex:0 0 17px}.item-input{flex:1;padding:.35rem 0;font-size:.9rem}.checkbox-item.checked .item-input{color:#8a9299;text-decoration:line-through}.plus-sign{display:grid;width:17px;height:17px;flex:0 0 17px;place-items:center}.plus-icon{width:13px;height:13px;opacity:.75}.drag-handle{display:inline-flex;min-width:22px;padding:.2rem;border-radius:6px;opacity:.38;cursor:grab;align-items:center;justify-content:center;transition:opacity .14s ease,background-color .14s ease}.drag-handle:hover,.drag-handle:focus-visible{background:var(--color-surface-muted);opacity:.85}.drag-handle:active{cursor:grabbing}.drag-handle img{width:14px;height:14px;pointer-events:none}.checkbox-item.dragging{background:var(--color-surface-muted);opacity:.55}.checkbox-item.drag-over{border-top:2px solid var(--color-accent)}.add-button,.delete-list-button,.delete-button{display:inline-grid;flex:0 0 auto;border:0;background:transparent;cursor:pointer;place-items:center;transition:background-color .14s ease,opacity .14s ease,transform .14s ease}.add-button,.delete-list-button{width:36px;height:36px;padding:0;border-radius:10px}.add-button:hover,.delete-list-button:hover,.delete-button:hover{background:var(--color-surface-muted)}.add-button:hover{transform:rotate(5deg)}.add-button .plus-icon{width:16px;height:16px}.delete-list-button .bin-icon{width:17px;height:17px}.delete-list-button.disabled{cursor:not-allowed;opacity:.28}.delete-button{width:32px;height:32px;padding:0;border-radius:9px;opacity:0}.checkbox-item:hover .delete-button,.delete-button:focus-visible{opacity:.65}.close-icon{width:11px;height:11px}.completed-section{margin-top:.25rem;border-top:1px solid var(--color-line);background:#fafaf8}.completed-header{padding:.75rem 1rem .35rem;color:#7a838b;font-size:.7rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.checked-project-icon{position:absolute;top:50%;left:50%;width:42px;height:42px;animation:completionPulse 1.8s ease-in-out;pointer-events:none;transform:translate(-50%,-50%)}@keyframes completionPulse{0%,to{opacity:0;transform:translate(-50%,-50%) scale(.6)}25%,75%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}@media(hover:none),(pointer:coarse){.delete-button{opacity:.48}.drag-handle{opacity:.55}}@media(max-width:480px){.checkbox-header,.checkbox-item{padding-inline:.75rem}.project-input-container{gap:.4rem}.add-button,.delete-list-button{width:34px;height:34px}}.controls-container{position:relative;min-width:0;padding:clamp(1.35rem,3.5vw,2rem);border:1px solid rgba(23,33,43,.08);border-radius:var(--radius-large);background:#ffffffdb;box-shadow:var(--shadow-card)}.controls-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.controls-header h2{margin:.45rem 0 0;font-size:clamp(1.55rem,3.5vw,2.2rem);line-height:1.08;letter-spacing:-.04em}.list-count{flex:0 0 auto;padding:.5rem .7rem;border-radius:999px;background:var(--color-surface-muted);color:var(--color-ink-soft);font-size:.72rem;font-weight:800}.checkbox-text{max-width:620px;margin:.8rem 0 1.5rem;color:var(--color-ink-soft);font-size:.9rem;line-height:1.6}.controls-container>div{position:relative;z-index:1;touch-action:none}.checklist-wrapper-container{position:relative;z-index:1;padding:0;margin-top:.85rem;border-radius:var(--radius-medium);will-change:transform}.checklist-wrapper-container.dragging,.checklist-wrapper-container[data-dragging=true]{z-index:999;box-shadow:0 18px 45px #17212b26}.checklist-wrapper-container.drag-over:before{position:absolute;top:-.45rem;right:0;left:0;height:3px;border-radius:999px;background:var(--color-accent);content:""}.project-drag-handle{cursor:grab}.project-drag-handle:active,body.dragging{cursor:grabbing}.undo-popups-container{position:fixed;right:max(1.25rem,env(safe-area-inset-right));bottom:max(1.25rem,env(safe-area-inset-bottom));display:flex;z-index:1000;flex-direction:column;gap:.65rem;align-items:flex-end}@media(max-width:560px){.controls-container{padding:1.15rem;border-radius:24px}.controls-header{flex-direction:column}.list-count{order:-1}.undo-popups-container{right:.75rem;bottom:max(.75rem,env(safe-area-inset-bottom));left:.75rem;align-items:stretch}}.home-container{padding:clamp(2.5rem,7vw,6.5rem) 0 5rem}.hero-section{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:clamp(2.5rem,7vw,6rem);align-items:center}.hero-copy h1{max-width:760px;margin:.75rem 0 1.5rem;font-size:clamp(3.2rem,7.2vw,6.6rem);line-height:.91;letter-spacing:-.067em}.hero-description{max-width:650px;margin:0;color:var(--color-ink-soft);font-size:clamp(1.05rem,2vw,1.22rem);line-height:1.72}.hero-proof{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:2rem}.hero-proof span{padding:.58rem .82rem;border:1px solid var(--color-line);border-radius:999px;background:#ffffff9e;color:var(--color-ink-soft);font-size:.78rem;font-weight:750}.hero-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.2rem}.hero-primary-action,.hero-secondary-action{display:inline-flex;min-height:48px;padding:.8rem 1.1rem;border-radius:999px;align-items:center;justify-content:center;font-size:.86rem;font-weight:800;text-decoration:none}.hero-primary-action{border:0;background:var(--color-ink);color:#fff;cursor:pointer;box-shadow:0 12px 30px #17212b2e}.hero-secondary-action{border:1px solid var(--color-line);background:#ffffffb3;color:var(--color-ink)}.hero-visual{position:relative;display:flex;min-height:470px;overflow:hidden;padding:clamp(1.25rem,4vw,2.5rem);border-radius:38px;background:#e8e6df;box-shadow:0 30px 90px #17212b36;flex-direction:column;justify-content:flex-end;isolation:isolate}.hero-visual:before{position:absolute;inset:1px;border:1px solid rgba(255,255,255,.1);border-radius:37px;content:"";pointer-events:none}.hero-visual:after{position:absolute;inset:40% 0 0;z-index:0;background:linear-gradient(transparent,#17212b57);content:"";pointer-events:none}.hero-artwork{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:56% center}.hero-visual-note{position:relative;z-index:2;display:grid;width:min(100%,300px);padding:1.25rem 1.4rem;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#17212bd1;color:#fff;box-shadow:0 20px 50px #0000002e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);gap:.35rem}.hero-visual-note span{color:#7fe7f3;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-visual-note strong{font-size:1.05rem;letter-spacing:-.02em}.product-window{grid-column:1 / -1;overflow:hidden;margin:0;border:1px solid rgba(23,33,43,.12);border-radius:30px;background:var(--color-surface);box-shadow:0 34px 90px #17212b29}.product-window-bar{display:flex;min-height:54px;padding:.75rem 1rem;background:#202b35;align-items:center;gap:1rem}.window-controls{display:flex;gap:.4rem}.window-controls span{width:9px;height:9px;border-radius:50%;background:#ffffff4d}.window-controls span:nth-child(2){background:var(--color-highlight)}.window-controls span:nth-child(3){background:var(--color-accent)}.product-address{margin:0 auto;padding:.42rem 1rem;border-radius:999px;background:#ffffff14;color:#ffffffa6;font-size:.72rem;font-weight:700}.product-view-label{color:#7fe7f3;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.product-screenshot{display:block;width:100%;height:auto}.product-window figcaption{padding:1rem 1.25rem;border-top:1px solid var(--color-line);color:var(--color-ink-soft);font-size:.78rem;font-weight:700;text-align:center}.how-it-works-section{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(2rem,6vw,5rem);margin-top:clamp(4rem,9vw,7rem);scroll-margin-top:140px;padding:clamp(2rem,5vw,4rem);border-radius:var(--radius-large);background:radial-gradient(circle at 94% 6%,rgba(255,189,62,.14),transparent 18rem),var(--color-ink);color:#fff;box-shadow:0 28px 80px #17212b29;align-items:start}.walkthrough-heading .eyebrow{color:#7fe7f3}.walkthrough-heading h2{margin:.7rem 0 1rem;font-size:clamp(2rem,4.5vw,3.5rem);line-height:1.04;letter-spacing:-.045em}.walkthrough-heading>p:last-child{max-width:490px;margin:0;color:#ffffff9e;line-height:1.7}.walkthrough-steps{display:grid;margin:0;padding:0;list-style:none}.walkthrough-steps li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:0 1rem;padding:1.5rem 0;border-top:1px solid rgba(255,255,255,.12)}.walkthrough-steps li>span{grid-row:1 / 3;display:grid;width:42px;height:42px;border-radius:14px;background:#22bdd124;color:#7fe7f3;font-size:.72rem;font-weight:850;place-items:center}.walkthrough-steps h3,.walkthrough-steps p{margin:0}.walkthrough-steps h3{font-size:1.08rem;letter-spacing:-.02em}.walkthrough-steps p{margin-top:.45rem;color:#ffffff94;font-size:.9rem;line-height:1.65}.features-section{margin-top:clamp(4rem,10vw,8rem);padding:clamp(2rem,5vw,4.5rem);border-radius:var(--radius-large);background:var(--color-surface);box-shadow:var(--shadow-soft)}.section-heading{display:grid;grid-template-columns:minmax(160px,.4fr) minmax(0,1fr);gap:2rem;align-items:start}.section-heading h2{max-width:720px;margin:0;font-size:clamp(2rem,4.5vw,3.8rem);line-height:1.05;letter-spacing:-.045em}.features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(2.5rem,6vw,4.5rem);border-top:1px solid var(--color-line)}.feature-card{min-height:230px;padding:2rem;border-bottom:1px solid var(--color-line)}.feature-card:nth-child(odd){border-right:1px solid var(--color-line)}.feature-number{display:inline-flex;min-width:2.5rem;padding:.4rem .6rem;border-radius:999px;background:#22bdd11f;color:var(--color-accent-strong);font-size:.72rem;font-weight:850;justify-content:center}.feature-card h3{margin:2.2rem 0 .65rem;font-size:1.28rem;letter-spacing:-.025em}.feature-card p{max-width:440px;margin:0;color:var(--color-ink-soft);line-height:1.65}@media(max-width:960px){.hero-section,.how-it-works-section{grid-template-columns:1fr}.hero-section{min-height:auto}.hero-visual{min-height:430px}}@media(max-width:720px){.home-container{padding-top:2.5rem}.hero-copy h1{font-size:clamp(3rem,15.5vw,4.7rem)}.hero-visual{min-height:380px;border-radius:28px}.product-window{border-radius:22px}.product-window-bar{min-height:46px}.product-address{display:none}.product-view-label{margin-left:auto}.how-it-works-section{padding:1.6rem}.section-heading{grid-template-columns:1fr;gap:.8rem}.features-section{padding:1.5rem}.features-grid{grid-template-columns:1fr}.feature-card{min-height:0;padding:1.6rem .5rem;border-right:0!important}.feature-card h3{margin-top:1.5rem}}@media(max-width:420px){.hero-proof{gap:.45rem}.hero-proof span{font-size:.72rem}.hero-actions>*{width:100%}}
