.hero-page{min-height:100svh;background:radial-gradient(ellipse at 83% 45%,#edf0fd 0,transparent 48%),var(--fin-bg);color:var(--fin-text);display:flex;flex-direction:column;padding:0 clamp(24px,6vw,100px)}.hero-page a{text-decoration:none}.hero-page a:focus-visible{outline:3px solid var(--fin-focus);outline-offset:5px;border-radius:8px}.hero-header{display:flex;align-items:center;justify-content:space-between;padding:26px 0;width:100%;max-width:1320px;margin:auto}.hero-brand{display:flex;align-items:center;gap:6px;color:var(--fin-text);font-weight:800;font-size:28px;letter-spacing:-1.5px}.hero-brand svg{width:48px;height:48px}.hero-header__actions{display:flex;align-items:center;gap:14px}.hero-login.auth-secondary-button{display:flex;gap:26px;align-items:center;padding:11px 20px;min-height:42px;font-size:13px;background:transparent}.hero-header__nav a{color:var(--fin-muted);font-size:13px;font-weight:600;white-space:nowrap}.hero-header__nav a:hover{color:var(--fin-accent)}.hero-main{width:100%;max-width:1240px;display:grid;grid-template-columns:1fr 1.12fr;align-items:center;gap:clamp(24px,5vw,76px);margin:auto;padding:28px 0 42px;flex:1}.hero-copy{padding-bottom:24px}.hero-copy h1{margin-top:0}.hero-copy h1{font-size:clamp(42px,4.7vw,70px);font-weight:550;line-height:1.07;letter-spacing:-.065em;margin:0}.hero-copy h1>span{color:var(--fin-accent)}.hero-description{color:var(--fin-muted);font-size:16px;line-height:1.75;margin:26px 0 30px;letter-spacing:-.2px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.hero-actions .primary-button{gap:32px;min-height:50px;padding:0 23px;font-size:13px;font-weight:600;box-shadow:0 8px 22px #5965e922}.hero-text-link{color:var(--fin-muted);font-size:12px;margin-left:4px}.hero-text-link:hover{color:var(--fin-accent)}.hero-switch-account.auth-secondary-button{min-height:42px;padding:0 16px;background:transparent}.hero-session-error{max-width:320px;margin:0;color:var(--fin-danger);font-size:12px;line-height:1.5}.hero-demo{width:100%;max-width:600px;justify-self:center;padding:15px 12px 20px;border:1px solid #ffffff;border-radius:32px;background:#ffffff6b;box-shadow:0 20px 80px #33396607;transform:rotate(-1deg)}.hero-demo__top{display:flex;align-items:center;justify-content:space-between;padding:0 20px 4px;font-size:9px;font-weight:650;letter-spacing:1.5px;color:#888ca4}.hero-pause.auth-secondary-button{font-size:10px;padding:7px 9px;min-height:30px;border-color:transparent;background:transparent;letter-spacing:0;color:var(--fin-muted)}.hero-workflow{display:block;width:100%;overflow:visible}.demo-inbox{fill:#fff9;stroke:#e8eaf2}.demo-label{fill:#777e9a;font-size:9px;letter-spacing:1.4px;font-weight:650}.demo-small{fill:#a1a5b7;font-size:9px}.demo-connector{stroke:#adb2cc;fill:none;stroke-width:1.2}.demo-zone rect{stroke-width:1}.demo-zone>text{font-size:11px;font-weight:550}.demo-zone--do{fill:#6671c6}.demo-zone--do rect{fill:#edf0ff;stroke:#e1e5f9}.demo-zone--decide{fill:#508f88}.demo-zone--decide rect{fill:#e9f5f1;stroke:#dceee8}.demo-zone--delegate{fill:#a58e58}.demo-zone--delegate rect{fill:#faf4e4;stroke:#f0e8d2}.demo-zone--delete{fill:#b77886}.demo-zone--delete rect{fill:#faedf0;stroke:#f0e0e6}.demo-zone .demo-engraved{font-size:36px;font-weight:850;letter-spacing:-2px;opacity:.12}.demo-done{fill:#f0f3f8;stroke:#e5e9f0}.demo-done-label{fill:#dce2ed;font-size:35px;font-weight:850;letter-spacing:-1.5px}.demo-card{transform:translate(var(--start-x),var(--start-y));filter:drop-shadow(0 3px 5px #1c22400a);animation-duration:14s;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.45,0,.2,1)}.demo-card>rect:first-child{fill:#fff;stroke:#e4e7f0}.demo-card text{font-size:11px;fill:#565d76}.demo-card .demo-checkbox{fill:#f8f9fc;stroke:#d9ddea}.demo-tick{fill:none;stroke:#489a80;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;animation:hero-check 14s infinite}.demo-card--focus{animation-name:hero-focus}.demo-card--team{animation-name:hero-team}.demo-card--later{animation-name:hero-later}.demo-card--less{animation-name:hero-less}.hero-demo__caption{display:flex;justify-content:center;gap:16px;font-size:9px;color:#999eb2;margin-top:5px;letter-spacing:-.1px}.hero-footer{max-width:1320px;width:100%;margin:0 auto;padding:23px 0 25px;border-top:1px solid var(--fin-border);display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.6;color:var(--fin-muted)}.hero-owner,.hero-footer nav{display:flex;flex-wrap:wrap;gap:8px 18px}.hero-footer a{color:inherit}.hero-footer a:hover{color:var(--fin-accent)}@keyframes hero-focus{0%,12%{transform:translate(48px,64px);opacity:1}25%,62%{transform:translate(40px,278px);opacity:1}74%,89%{transform:translate(40px,562px);opacity:1}94%{transform:translate(40px,562px);opacity:0}95%{transform:translate(48px,64px);opacity:0}to{transform:translate(48px,64px);opacity:1}}@keyframes hero-team{0%,22%{transform:translate(48px,116px);opacity:1}36%,89%{transform:translate(40px,430px);opacity:1}94%{transform:translate(40px,430px);opacity:0}95%{transform:translate(48px,116px);opacity:0}to{transform:translate(48px,116px);opacity:1}}@keyframes hero-later{0%,33%{transform:translate(302px,64px);opacity:1}47%,89%{transform:translate(308px,278px);opacity:1}94%{transform:translate(308px,278px);opacity:0}95%{transform:translate(302px,64px);opacity:0}to{transform:translate(302px,64px);opacity:1}}@keyframes hero-less{0%,44%{transform:translate(302px,116px);opacity:1}58%,89%{transform:translate(308px,430px);opacity:1}94%{transform:translate(308px,430px);opacity:0}95%{transform:translate(302px,116px);opacity:0}to{transform:translate(302px,116px);opacity:1}}@keyframes hero-check{0%,62%{opacity:0}68%,94%{opacity:1}95%,to{opacity:0}}.is-paused .demo-card,.is-paused .demo-tick{animation-play-state:paused}@media(min-width:1500px){.hero-main{max-width:1320px}.hero-copy h1{font-size:76px}}@media(max-width:800px){.hero-main{gap:28px;grid-template-columns:1fr;padding-top:35px}.hero-copy{text-align:center;padding:0}.hero-actions{justify-content:center;align-items:center}.hero-copy h1{font-size:clamp(43px,8vw,64px)}.hero-heading-break{display:none}.hero-description{font-size:14px;margin:22px 0}.hero-demo{max-width:490px;transform:none}.hero-footer{flex-direction:column;align-items:center;text-align:center}.hero-owner,.hero-footer nav{justify-content:center}.hero-header{padding:18px 0}.hero-actions .primary-button{width:auto}.hero-demo__caption{gap:10px;font-size:8px}}@media(max-width:480px){.hero-header__actions{gap:9px}.hero-header__nav a{font-size:12px}.hero-login.auth-secondary-button{gap:6px;padding:9px 11px;font-size:12px}.hero-brand{font-size:24px}.hero-brand svg{width:38px;height:38px}}@media(prefers-reduced-motion:reduce){.demo-card,.demo-tick{animation:none}.demo-card--focus{transform:translate(40px,562px)}.demo-card--team{transform:translate(40px,430px)}.demo-card--later{transform:translate(308px,278px)}.demo-card--less{transform:translate(308px,430px)}.hero-pause{display:none}}html[data-theme=dark] .hero-page{background:radial-gradient(ellipse at 83% 45%,rgba(89,101,233,.2) 0,transparent 48%),var(--fin-bg)}html[data-theme=dark] .hero-login{border-color:var(--fin-border);background:#1b243cb8;color:var(--fin-text)}html[data-theme=dark] .hero-demo{border-color:var(--fin-rim);background:#131b2f85;box-shadow:0 24px 80px #0000003d}html[data-theme=dark] .demo-inbox{fill:#0d142494;stroke:#cdd8ff26}html[data-theme=dark] .demo-label{fill:#a5aeff}html[data-theme=dark] .demo-small{fill:#8290aa}html[data-theme=dark] .demo-connector{stroke:#7886a6}html[data-theme=dark] .demo-zone--do rect{fill:#5965e933;stroke:#a5aeff40}html[data-theme=dark] .demo-zone--decide rect{fill:#269ca72e;stroke:#56c9a038}html[data-theme=dark] .demo-zone--delegate rect{fill:#a58e5833;stroke:#e8b25e38}html[data-theme=dark] .demo-zone--delete rect{fill:#c8435b2e;stroke:#f08a9a38}html[data-theme=dark] .demo-card>rect:first-child{fill:#1b243c;stroke:#cdd8ff29}html[data-theme=dark] .demo-card text{fill:#e0e5f4}html[data-theme=dark] .demo-card .demo-checkbox{fill:#11192b;stroke:#cdd8ff38}html[data-theme=dark] .demo-done{fill:#1b243cb8;stroke:#cdd8ff24}html[data-theme=dark] .demo-done-label{fill:#a5aeff57}html[data-theme=dark] .hero-demo__caption{color:#7f8ca8}