@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root { --cream:#fffbf5; --paper:#fffefb; --ink:#1f2937; --muted:#6b7280; --orange:#f97316; --green:#22a55b; --line:#f1e3cf; --dark:#1f2937; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--cream); color:var(--ink); font-family:Manrope,Arial,sans-serif; } a { color:inherit; text-decoration:none; } .section { max-width:1180px; margin:auto; padding-left:32px; padding-right:32px; }
.site-header { height:92px; max-width:1244px; margin:auto; padding:0 32px; display:flex; align-items:center; justify-content:space-between; position:relative; z-index:2; } .brand img { display:block; height:35px; width:auto; } nav { display:flex; gap:30px; font-size:13px; font-weight:700; } nav a { color:var(--muted); } nav a:hover { color:var(--orange); } .header-actions { display:flex; align-items:center; gap:13px; } .language-picker { display:flex; padding:3px; gap:1px; border:1px solid var(--line); border-radius:999px; background:#fffdfa; } .language-picker button { border:0; border-radius:999px; padding:6px 7px; background:transparent; color:var(--muted); cursor:pointer; font:700 10px/1 Manrope,Arial,sans-serif; letter-spacing:.04em; } .language-picker button[aria-pressed="true"] { color:#fff; background:var(--ink); } .header-cta { border:1px solid var(--line); background:#fff; border-radius:999px; padding:11px 18px; font-size:13px; font-weight:800; box-shadow:0 4px 11px #1f293712; }
.hero { min-height:650px; padding-top:76px; padding-bottom:64px; display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:48px; } .eyebrow { text-transform:uppercase; letter-spacing:.11em; font-weight:800; font-size:10px; color:var(--orange); display:flex; align-items:center; gap:8px; margin:0 0 19px; } .eyebrow > span:first-child { width:8px; height:8px; flex:0 0 8px; border-radius:50%; background:currentColor; display:inline-block; } .eyebrow > span:last-child { min-width:0; } h1,h2 { margin:0; font-family:Manrope,Arial,sans-serif; letter-spacing:-.065em; line-height:1.03; font-weight:800; } h1 { font-size:clamp(45px,5.1vw,69px); } h2 { font-size:clamp(36px,3.8vw,52px); } em { color:var(--orange); font-style:normal; } .lede { max-width:515px; font-size:16px; line-height:1.65; color:var(--muted); margin:25px 0 28px; }
.hero-actions { display:flex; gap:16px; align-items:center; } .button { display:inline-flex; align-items:center; justify-content:center; gap:20px; border-radius:999px; padding:16px 20px; font-size:15px; font-weight:700; transition:transform .2s,box-shadow .2s; } .button:hover { transform:translateY(-2px); } .button-primary { background:var(--orange); color:#fff; box-shadow:0 12px 22px #f9731640; } .button-text { color:var(--ink); padding-left:9px; } .trust-row { display:flex; flex-wrap:wrap; gap:11px 18px; margin-top:30px; color:var(--muted); font-size:12px; font-weight:600; }
.hero-visual { width:430px; height:510px; position:relative; justify-self:end; } .phone { position:absolute; z-index:1; width:275px; height:506px; padding:8px; border-radius:35px; background:#20262a; box-shadow:0 32px 50px #40352435; right:62px; top:0; overflow:hidden; color:var(--ink); } .phone:after { content:""; position:absolute; inset:8px; border-radius:29px; background:var(--cream); z-index:-1; }.phone-top { padding:5px 11px 4px; display:flex; justify-content:space-between; align-items:center; font-size:9px; font-weight:800; }.phone-pill { width:73px; height:18px; background:#20262a; border-radius:999px; margin-left:14px; }.app-bar { height:45px; display:flex; align-items:center; gap:8px; padding:0 11px; font-weight:800; font-size:10px; white-space:nowrap; }.app-bar img { width:22px; height:22px; flex:none; }.app-bar b { margin-left:auto; color:var(--orange); }.phone-content { padding:9px 13px; }.app-kicker { color:var(--muted); margin:0; font-size:9px; }.phone h2 { font-family:Manrope,Arial,sans-serif; font-size:17px; letter-spacing:-.06em; margin:4px 0 12px; white-space:nowrap; }.search { height:33px; border:1px solid var(--line); background:#fff; border-radius:11px; display:flex; align-items:center; padding:0 9px; gap:7px; color:var(--orange); font-weight:bold; }.search span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#a4a2a0; font-size:8px; font-weight:600; }.app-label { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:8px; align-items:center; margin:17px 0 9px; font-weight:800; font-size:9px; }.app-label>span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.app-label>span:last-child { color:var(--orange); font-weight:800; }.mini-categories { display:flex; justify-content:space-between; gap:4px; text-align:center; color:var(--muted); font-size:8px; font-weight:600; }.mini-categories div { min-width:0; flex:1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.mini-categories i,.request-head i,.job-icon { margin:auto auto 4px; display:flex; align-items:center; justify-content:center; font-style:normal; border-radius:9px; width:30px; height:30px; font-size:15px; }.orange { background:#fff0e5; color:var(--orange); }.green { background:#e8f8ed; color:var(--green); }.request-card { margin-top:15px; padding:11px; background:#fff; border:1px solid var(--line); border-radius:14px; box-shadow:0 4px 10px #1f29370b; }.request-head,.request-person { display:flex; align-items:center; gap:7px; min-width:0; }.request-head i { margin:0; flex:none; }.request-head span,.request-person span { display:grid; gap:2px; min-width:0; }.request-card strong,.request-card small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.request-card strong { font-size:9px; }.request-card small { color:var(--muted); font-size:7px; }.request-head>b { flex:none; margin-left:auto; color:var(--orange); font-size:10px; }.request-person { margin-top:9px; border-top:1px solid #f6eee4; padding-top:9px; }.avatar { width:22px; height:22px; display:grid!important; place-items:center; border-radius:50%; background:#f5d6bd; color:#9a4e18; font-size:9px; font-weight:800; }.request-person button { flex:none; margin-left:auto; border:0; border-radius:8px; padding:7px 6px; color:#fff; background:var(--orange); font-size:7px; font-weight:800; }.app-nav { position:absolute; bottom:9px; left:14px; right:14px; display:flex; justify-content:space-between; color:#999; text-align:center; font-size:15px; }.app-nav span { display:grid; gap:2px; max-width:44px; }.app-nav small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:6px; }.app-nav .active { color:var(--orange); }.hero-ring { position:absolute; border:1px solid #f1d7bd; border-radius:50%; }.ring-one { width:405px; height:405px; right:0; top:35px; }.ring-two { width:330px; height:330px; right:37px; top:72px; border-color:#d9eddc; }.float-card { position:absolute; z-index:2; background:#fff; border:1px solid #f2e5d7; box-shadow:0 15px 30px #3322131a; border-radius:14px; padding:11px; display:flex; gap:8px; align-items:center; }.float-card b,.float-card small { display:block; }.float-card b { font-size:10px; }.float-card small { font-size:7px; color:var(--muted); margin-top:2px; }.rating-card { left:0; top:75px; }.rating-star { width:24px; height:24px; display:grid; place-items:center; background:#fff5d6; color:#e8a600; border-radius:8px; }.task-card { right:0; bottom:45px; }.task-card>span { width:24px; height:24px; display:grid; place-items:center; color:#fff; background:var(--green); border-radius:50%; font-size:13px; }
.services-strip { border-top:1px solid var(--line); border-bottom:1px solid var(--line); min-height:110px; background:#fffdf9; display:flex; align-items:center; justify-content:center; gap:42px; padding:20px 32px; color:#4d5560; font-size:14px; font-weight:600; }.services-strip div { display:flex; align-items:center; gap:9px; white-space:nowrap; }.service-icon { width:34px; height:34px; border-radius:10px; display:grid; place-items:center; font-size:17px; }
.steps { padding-top:140px; padding-bottom:140px; }.section-intro { text-align:center; }.section-intro .eyebrow { justify-content:center; }.steps-grid { margin:60px 0 0; padding:0; display:grid; grid-template-columns:repeat(3,1fr); list-style:none; gap:26px; }.steps-grid li { border:1px solid var(--line); background:var(--paper); border-radius:22px; padding:28px; position:relative; min-height:230px; box-shadow:0 8px 24px #1f293707; }.step-number { position:absolute; top:24px; right:25px; color:#cab9a5; font:700 13px Manrope,Arial,sans-serif; }.step-icon { width:49px; height:49px; display:grid; place-items:center; border-radius:15px; font-size:23px; }.steps-grid h3 { font-size:18px; margin:24px 0 9px; letter-spacing:-.03em; }.steps-grid p { color:var(--muted); font-size:14px; line-height:1.5; margin:0; }
.pros-section { position:relative; overflow:hidden; background:var(--dark); color:#fff; }.pros-content { min-height:565px; padding-top:105px; padding-bottom:105px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:70px; position:relative; z-index:1; }.light { color:#ffc996; }.pros-copy h2 em { color:#ffc996; }.pros-copy>p:not(.eyebrow) { max-width:440px; color:#cbd8d0; line-height:1.6; margin:23px 0 27px; font-size:16px; }.button-light { color:var(--dark); background:#fff; }.pros-board { background:#fffdf9; color:var(--ink); padding:16px; border-radius:21px; box-shadow:0 25px 45px #00000036; transform:rotate(2.5deg); }.board-top { display:flex; justify-content:space-between; font-size:13px; font-weight:700; padding:3px 4px 13px; }.board-top i { color:var(--orange); font-style:normal; }.job-row { display:flex; align-items:center; gap:10px; border-top:1px solid #f4ebe0; padding:12px 3px; }.job-icon { margin:0; flex:0 0 36px; width:36px; height:36px; }.job-row div { display:grid; gap:3px; }.job-row b { font-size:12px; }.job-row small { color:var(--muted); font-size:9px; }.job-row>strong { margin-left:auto; color:var(--orange); font-size:12px; }.board-footer { display:flex; justify-content:space-between; align-items:center; border-top:1px solid #f4ebe0; padding:13px 3px 1px; color:var(--muted); font-size:10px; }.board-footer b { color:var(--ink); }.board-footer button { border:0; border-radius:9px; padding:8px 10px; color:#fff; background:var(--orange); font-size:9px; font-weight:700; }.scroll-shapes { position:absolute; inset:-110px 0 0; pointer-events:none; will-change:transform; transition:transform .05s linear; }.shape { position:absolute; display:block; opacity:.17; }.shape-circle { width:190px; height:190px; border:32px solid #f7b079; border-radius:50%; left:6%; top:12%; }.shape-square { width:105px; height:105px; border:20px solid #9fe2b4; border-radius:18px; right:8%; top:24%; transform:rotate(23deg); }.shape-arch { width:155px; height:80px; border:25px solid #f8c1a1; border-bottom:0; border-radius:150px 150px 0 0; left:42%; bottom:10%; transform:rotate(-27deg); }.shape-diamond { width:78px; height:78px; border:17px solid #a9e3b9; transform:rotate(45deg); right:28%; bottom:5%; }.shape-dot { width:45px; height:45px; border-radius:50%; background:#ffb379; left:27%; top:49%; }
.why { display:grid; grid-template-columns:1fr 1fr; gap:90px; align-items:center; padding-top:130px; padding-bottom:130px; }.why .lede { font-size:16px; }.why ul { list-style:none; padding:0; margin:27px 0 0; display:grid; gap:14px; color:#4b5563; font-size:14px; font-weight:700; }.why li { display:flex; align-items:center; gap:10px; }.why li b { display:grid; place-items:center; color:#fff; background:var(--green); width:20px; height:20px; border-radius:50%; font-size:11px; }.why-illustration { height:370px; background:#fdf0df; border-radius:42% 58% 42% 50% / 45% 42% 58% 55%; position:relative; overflow:hidden; }.sun { position:absolute; width:115px; height:115px; background:#f9b459; border-radius:50%; right:80px; top:58px; }.house { position:absolute; z-index:1; bottom:45px; left:102px; width:195px; height:145px; background:#fbe1c3; border:5px solid var(--ink); border-radius:14px 14px 5px 5px; }.house:before { content:""; position:absolute; z-index:-1; width:225px; height:120px; left:-20px; top:-95px; background:var(--orange); clip-path:polygon(50% 0,100% 78%,100% 100%,0 100%,0 78%); }.house span { position:absolute; width:48px; height:68px; bottom:0; left:34px; background:var(--green); border:5px solid var(--ink); border-bottom:0; border-radius:26px 26px 0 0; }.house i { position:absolute; width:40px; height:40px; right:27px; top:34px; background:#fff8ed; border:5px solid var(--ink); border-radius:50%; }.house b { position:absolute; width:22px; height:38px; background:var(--ink); right:64px; top:-58px; border-radius:4px 4px 0 0; }.plant { position:absolute; z-index:2; bottom:44px; left:60px; }.plant:after { content:""; display:block; background:var(--ink); width:7px; height:94px; margin:auto; }.plant i { position:absolute; width:46px; height:28px; background:var(--green); border:4px solid var(--ink); border-radius:100% 0 100% 0; }.plant i:nth-child(1) { left:-31px; top:6px; transform:rotate(20deg); }.plant i:nth-child(2) { left:1px; top:-20px; transform:rotate(80deg); }.plant i:nth-child(3) { left:15px; top:21px; transform:rotate(130deg); }
.home-hotspots { position:absolute; inset:0; z-index:5; }.home-hotspot { position:absolute; display:flex; align-items:center; gap:6px; border:0; padding:0; background:transparent; color:var(--ink); cursor:pointer; font:800 10px/1 Manrope,Arial,sans-serif; text-align:left; }.hotspot-dot { display:grid; place-items:center; width:25px; height:25px; border:3px solid #fff; border-radius:50%; color:#fff; background:var(--orange); box-shadow:0 5px 12px #1f29372a; font-size:16px; line-height:1; transition:transform .2s,background .2s; }.home-hotspot:hover .hotspot-dot,.home-hotspot[aria-expanded="true"] .hotspot-dot { transform:scale(1.1); background:var(--green); }.hotspot-label { border-radius:999px; padding:6px 9px; background:#fffdf9; box-shadow:0 4px 12px #1f293714; white-space:nowrap; }.home-tip { position:absolute; z-index:2; bottom:37px; left:0; display:none; width:180px; padding:12px; border:1px solid var(--line); border-radius:12px; color:var(--ink); background:#fffdf9; box-shadow:0 12px 25px #1f293724; font-size:10px; line-height:1.45; }.home-tip b { display:block; margin-bottom:4px; color:var(--orange); font-size:11px; }.home-hotspot[aria-expanded="true"] .home-tip { display:block; }.hotspot-roof { left:36%; top:23%; }.hotspot-window { left:56%; top:57%; }.hotspot-walls { left:30%; top:66%; }.hotspot-yard { left:8%; top:70%; }.hotspot-window .home-tip { left:auto; right:0; }.why-illustration { overflow:visible; }.why-illustration .house { z-index:2; bottom:43px; left:104px; width:195px; height:143px; border-radius:0 0 8px 8px; }.why-illustration .house:before { z-index:-2; width:0; height:0; left:-21px; top:-101px; background:transparent; clip-path:none; border-left:118px solid transparent; border-right:118px solid transparent; border-bottom:104px solid var(--ink); }.why-illustration .house:after { content:""; position:absolute; z-index:-1; width:0; height:0; left:-14px; top:-94px; border-left:111px solid transparent; border-right:111px solid transparent; border-bottom:97px solid var(--orange); }.why-illustration .house b { z-index:-3; top:-58px; }.why-illustration .plant { z-index:3; }.early-access { margin-bottom:85px; padding-top:65px; padding-bottom:65px; background:#fff0e3; border-radius:27px; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:60px; }.early-access h2 { font-size:45px; }.early-access>div>p:not(.eyebrow) { color:var(--muted); margin-bottom:0; }.email-field { display:flex; padding:5px; background:#fff; border:1px solid #f0d3ba; border-radius:999px; }.email-field input { width:100%; border:0; outline:0; padding:10px 15px; font:500 14px inherit; background:transparent; }.email-field button { flex:0 0 45px; height:45px; border:0; border-radius:50%; color:#fff; background:var(--orange); font-size:24px; cursor:pointer; }.early-access form small { display:block; margin:11px 10px 0; color:#99745a; font-size:11px; } footer { max-width:1116px; margin:auto; padding:0 0 42px; display:flex; align-items:center; gap:25px; color:var(--muted); font-size:13px; } footer .brand img { height:28px; } footer span { margin-left:auto; }.thanks-page { min-height:100vh; display:grid; place-items:center; text-align:center; }.thanks-page main { padding:30px; }.thanks-page img { width:160px; margin-bottom:65px; }.thanks-page .eyebrow { justify-content:center; }.thanks-page .lede { margin-left:auto; margin-right:auto; }.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
@media (max-width:800px) { .site-header { height:74px; padding:0 20px; } .brand img { height:28px; } nav { display:none; }.header-actions { gap:7px; }.language-picker button { padding:6px 5px; }.header-cta { padding:9px 12px; }.section { padding-left:22px; padding-right:22px; }.hero { min-height:auto; padding-top:53px; grid-template-columns:1fr; gap:40px; }.hero-copy { text-align:center; }.hero-copy .eyebrow { justify-content:center; }.lede { font-size:16px; }.hero-actions,.trust-row { justify-content:center; }.hero-visual { transform:scale(.88); transform-origin:top center; width:430px; height:450px; justify-self:center; margin-bottom:-45px; }.services-strip { justify-content:flex-start; overflow:auto; gap:25px; }.steps { padding-top:85px; padding-bottom:85px; }.steps-grid { grid-template-columns:1fr; margin-top:38px; }.steps-grid li { min-height:0; }.pros-content,.why,.early-access { grid-template-columns:1fr; gap:45px; }.pros-content { padding-top:80px; padding-bottom:80px; }.pros-board { max-width:440px; width:90%; justify-self:center; }.why { padding-top:80px; padding-bottom:80px; }.why-illustration { height:305px; order:2; }.home-hotspot { transform:scale(.84); transform-origin:left center; }.hotspot-roof { left:31%; top:18%; }.hotspot-window { left:56%; top:55%; }.hotspot-walls { left:28%; top:65%; }.hotspot-yard { left:4%; top:69%; }.early-access { margin:0 22px 55px; padding:45px 25px; }.early-access h2 { font-size:39px; } footer { margin:0 22px; padding-bottom:28px; flex-wrap:wrap; gap:10px 18px; } footer span { margin-left:0; width:100%; } }
@media (max-width:420px) { h1 { font-size:45px; }.hero-actions { flex-direction:column; }.button { width:100%; }.button-text { width:auto; }.hero-visual { transform:scale(.74); margin-left:-45px; margin-right:-45px; height:380px; }.trust-row { font-size:10px; gap:8px; }.why-illustration { transform:scale(.92); }.house { left:82px; }.sun { right:42px; } }
.why-illustration .house b { z-index:0; }
.why-illustration { background:url('images/zenlo-home-services.png') center/contain no-repeat; border-radius:0; }
.why-illustration .sun,.why-illustration .house,.why-illustration .plant { display:none; }
.hotspot-roof { left:38%; top:37%; }.hotspot-window { left:49%; top:58%; }.hotspot-walls { left:61%; top:65%; }.hotspot-yard { left:18%; top:76%; }
.why-illustration { background-image:url('images/zenlo-home-services-transparent.png'); }
.home-tip { bottom:auto; top:22px; left:-4px; width:205px; padding:16px 14px 14px; border:0; border-radius:8px 18px 18px 18px; box-shadow:0 16px 30px #1f29372b; transform-origin:18px 0; }
.home-tip::before { content:""; position:absolute; top:-7px; left:11px; width:15px; height:15px; background:#fffdf9; transform:rotate(45deg); border-radius:3px; }
.home-tip b,.home-tip span { position:relative; z-index:1; }.home-tip b { font-size:12px; }.home-tip span { display:block; color:var(--muted); font-weight:600; }
.home-hotspot[aria-expanded="true"] .home-tip { animation:drop-open .24s cubic-bezier(.2,.9,.25,1.1) both; }
@keyframes drop-open { from { opacity:0; transform:translateY(-10px) scale(.82); } to { opacity:1; transform:translateY(0) scale(1); } }
.hotspot-window .home-tip { left:auto; right:-4px; }.hotspot-window .home-tip::before { left:auto; right:11px; }
.home-tip { display:block; visibility:hidden; opacity:0; top:27px; left:0; padding-top:17px; transform:translateY(-3px) scale(.08); transform-origin:13px 0; transition:visibility 0s linear .42s,opacity .22s ease,transform .42s cubic-bezier(.16,1,.3,1); pointer-events:none; }
.home-tip::before { left:5px; transform:scale(.08) rotate(45deg); transform-origin:50% 50%; transition:transform .36s cubic-bezier(.16,1,.3,1); }
.home-hotspot[aria-expanded="true"] .home-tip { visibility:visible; opacity:1; transform:translateY(0) scale(1); transition-delay:0s; animation:none; }
.home-hotspot[aria-expanded="true"] .home-tip::before { transform:scale(1) rotate(45deg); }
.hotspot-window .home-tip { left:0; right:auto; }.hotspot-window .home-tip::before { left:5px; right:auto; }
@media (prefers-reduced-motion:reduce) { .home-tip,.home-tip::before { transition:none; } }
.home-tip { opacity:0; transform:none; clip-path:polygon(6px 0,20px 0,20px 12px,18px 34px,8px 34px,6px 12px); transition:visibility 0s linear .68s; }
.home-tip::before { top:-22px; left:6px; width:14px; height:28px; border-radius:0 0 12px 12px; transform:none; }
.home-hotspot[aria-expanded="true"] .home-tip { opacity:1; clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 100%,0 0); animation:liquid-fill .68s cubic-bezier(.2,.85,.25,1) both; }
.home-hotspot[aria-expanded="true"] .home-tip::before { transform:none; }
@keyframes liquid-fill { 0% { opacity:0; clip-path:polygon(6px 0,20px 0,20px 12px,18px 34px,8px 34px,6px 12px); } 18% { opacity:1; clip-path:polygon(6px 0,20px 0,20px 18px,18px 68px,8px 68px,6px 18px); } 46% { clip-path:polygon(0 0,45% 0,54% 16%,52% 60%,0 72%,0 22%); } 72% { clip-path:polygon(0 0,84% 0,100% 28%,100% 88%,0 100%,0 0); } 100% { clip-path:polygon(0 0,100% 0,100% 100%,0 100%,0 100%,0 0); } }
.home-tip::before { display:none; }.home-hotspot::after { content:""; position:absolute; z-index:1; top:19px; left:6px; width:14px; height:18px; border-radius:0 0 12px 12px; background:#fffdf9; box-shadow:0 8px 14px #1f293715; transform:scaleY(0); transform-origin:top; }.home-hotspot[aria-expanded="true"]::after { animation:liquid-stream .24s ease-out both; }.home-hotspot[aria-expanded="false"]::after { transform:scaleY(0); }.home-tip { z-index:2; } @keyframes liquid-stream { from { transform:scaleY(0); } to { transform:scaleY(1); } }
.home-tip { background:#fff; box-shadow:0 16px 30px #1f29371c; clip-path:none; opacity:0; transform:translateY(-10px) scaleY(.04); transform-origin:13px 0; will-change:transform,opacity; }
.home-hotspot::after { left:7px; width:12px; height:13px; background:#fff; box-shadow:none; }
.home-hotspot[aria-expanded="true"] .home-tip { visibility:visible; opacity:1; transform:translateY(0) scaleY(1); animation:liquid-bubble .52s cubic-bezier(.22,.9,.28,1) both; }
.home-hotspot[aria-expanded="true"]::after { animation:liquid-connector .2s ease-out both; }.home-hotspot[aria-expanded="false"]::after { transform:scaleY(0); }
@keyframes liquid-bubble { 0% { opacity:0; transform:translateY(-9px) scaleY(.04); } 28% { opacity:1; transform:translateY(0) scaleY(.22); } 76% { transform:translateY(0) scaleY(1.035); } 100% { opacity:1; transform:translateY(0) scaleY(1); } }
@keyframes liquid-connector { from { transform:scaleY(0); } to { transform:scaleY(1); } }
.home-tip { transform:none; opacity:0; clip-path:inset(0 0 calc(100% - 12px) 0 round 8px 18px 18px 18px); will-change:clip-path,opacity; }
.home-tip b,.home-tip span { opacity:0; transform:translateY(-4px); }
.home-hotspot[aria-expanded="true"] .home-tip { transform:none; animation:liquid-reveal .56s cubic-bezier(.22,.8,.25,1) both; }
.home-hotspot[aria-expanded="true"] .home-tip b,.home-hotspot[aria-expanded="true"] .home-tip span { animation:liquid-copy .24s ease-out .25s both; }
@keyframes liquid-reveal { 0% { opacity:0; clip-path:inset(0 0 calc(100% - 12px) 0 round 8px 18px 18px 18px); } 12% { opacity:1; } 54% { clip-path:inset(0 0 43% 0 round 8px 18px 18px 18px); } 100% { opacity:1; clip-path:inset(0 0 0 0 round 8px 18px 18px 18px); } }
@keyframes liquid-copy { from { opacity:0; transform:translateY(-4px); } to { opacity:1; transform:translateY(0); } }
.why-illustration { background-size:128% auto; background-position:center; }.hotspot-roof { left:35%; top:35%; }.hotspot-window { left:49%; top:58%; }.hotspot-walls { left:64%; top:66%; }.hotspot-yard { left:12%; top:77%; }
@media (max-width:800px) { .why-illustration { background-size:122% auto; } }
.home-hotspot::after { display:none; }.home-tip { visibility:hidden; opacity:0; transform:translateY(-8px); clip-path:none; transition:visibility 0s linear .22s,opacity .22s ease,transform .22s ease; will-change:transform,opacity; }.home-tip b,.home-tip span { opacity:1; transform:none; animation:none; }.home-hotspot[aria-expanded="true"] .home-tip { visibility:visible; opacity:1; transform:translateY(0); animation:none; transition-delay:0s; }.home-hotspot[aria-expanded="true"] .home-tip b,.home-hotspot[aria-expanded="true"] .home-tip span { animation:none; }
.pros-section { background:linear-gradient(135deg,#fff0e3 0%,#fff8ef 52%,#ffe8d4 100%); color:var(--ink); }.pros-copy h2 em { color:var(--orange); }.pros-copy>p:not(.eyebrow) { color:var(--muted); }.pros-copy .light { color:var(--orange); }.button-light { color:#fff; background:var(--orange); box-shadow:0 12px 22px #f9731640; }.pros-board { background:var(--paper); box-shadow:0 25px 45px #d7772629; }.shape-circle,.shape-square,.shape-arch,.shape-diamond { border-color:#f7bd8c; }.shape-dot { background:#f9c092; }
.pros-section::before,.pros-section::after { content:""; position:absolute; pointer-events:none; opacity:.42; }.pros-section::before { width:178px; height:178px; right:3%; bottom:-91px; border:24px solid #f7bd8c; border-radius:50%; }.pros-section::after { width:94px; height:94px; left:48%; top:44px; border:18px solid #f9c092; border-radius:26px; transform:rotate(19deg); }.scroll-shapes::before,.scroll-shapes::after { content:""; position:absolute; display:block; pointer-events:none; }.scroll-shapes::before { width:75px; height:75px; left:19%; top:18%; border:16px solid #ffd6b7; border-radius:50%; }.scroll-shapes::after { width:128px; height:65px; right:21%; bottom:18%; border:18px solid #f7bd8c; border-bottom:0; border-radius:130px 130px 0 0; transform:rotate(28deg); }
.pros-section::before { transform:translateY(calc(var(--pros-parallax, 0px) * .55)); }.pros-section::after { left:55%; top:auto; bottom:54px; transform:translateY(calc(var(--pros-parallax, 0px) * -.4)) rotate(19deg); }.scroll-shapes::before { left:13%; top:61%; }.scroll-shapes::after { right:36%; bottom:4%; }
.pros-section::before { transform:translateY(var(--pros-parallax, 0px)); }.pros-section::after { transform:translateY(var(--pros-parallax, 0px)) rotate(19deg); }

/* Hero mockup: use the supplied onboarding screen rather than duplicating the app UI in CSS. */
.hero-visual { width:500px; height:610px; isolation:isolate; }
.hero-visual::before { content:""; position:absolute; z-index:2; inset:-30px 14px -30px 18px; background:url('images/zenlo-phone-transparent.png') center/contain no-repeat; filter:drop-shadow(0 28px 32px #1f29372b); }
.hero-visual::after { display:none; }
.hero-orbit { position:absolute; z-index:1; inset:0; pointer-events:none; }
.hero-orbit span { position:absolute; left:var(--orbit-x); top:var(--orbit-y); color:#ff874c; font:800 38px/1 Manrope,Arial,sans-serif; text-shadow:0 6px 16px #f973162b; transform:translate(-50%,-50%); animation:hero-orbit-float 4.8s ease-in-out var(--orbit-delay) infinite alternate; }
.hero-visual .phone { display:none; }
.hero-ring { z-index:0; pointer-events:none; }
.ring-one { width:452px; height:452px; right:14px; top:77px; animation:hero-ring-drift 9s ease-in-out infinite alternate; }
.ring-two { width:370px; height:370px; right:54px; top:118px; border-color:#f7dcbf; animation:hero-ring-drift 7s ease-in-out -2s infinite alternate-reverse; }
.float-card { z-index:3; border-radius:16px; padding:13px; }
.float-card b { font-size:11px; }.float-card small { font-size:8px; }
.rating-card { left:-8px; top:115px; }.task-card { right:-10px; bottom:74px; }
.rating-star,.task-card>span { width:30px; height:30px; }.task-card>span { background:var(--orange); }
@keyframes hero-orbit-float { from { transform:translate(-50%,-50%) translate3d(0,0,0) rotate(-3deg); } to { transform:translate(-50%,-50%) translate3d(var(--orbit-drift-x),var(--orbit-drift-y),0) rotate(3deg); } }
@keyframes hero-ring-drift { from { transform:translate3d(0,0,0) scale(1); } to { transform:translate3d(-8px,13px,0) scale(1.025); } }
@media (max-width:800px) { .hero-visual { width:500px; height:560px; transform:scale(.83); margin-bottom:-65px; }.hero-visual::before { inset:-38px 18px -38px; }.rating-card { left:-2px; top:118px; }.task-card { right:-2px; bottom:62px; } }
@media (max-width:420px) { .hero-visual { transform:scale(.68); height:390px; margin-left:-65px; margin-right:-65px; margin-bottom:-82px; } }
@media (prefers-reduced-motion:reduce) { .hero-orbit span,.ring-one,.ring-two { animation:none; } }

/* Small, useful interactions: the selected service and order get a clear state. */
.hero-visual::before { transform:translate(var(--phone-shift-x, 0),var(--phone-shift-y, 0)); transition:transform .28s ease-out; }
.services-strip > div { border:1px solid transparent; border-radius:14px; padding:8px 10px; cursor:pointer; transition:background .2s,border-color .2s,transform .2s,box-shadow .2s; }
.services-strip > div:hover,.services-strip > div:focus-visible { background:#fff; border-color:#f3ddc8; box-shadow:0 8px 18px #1f293710; outline:0; transform:translateY(-2px); }
.job-row { border-radius:12px; transition:background .2s,transform .2s; }.job-row:hover { background:#fff4e9; transform:translateX(4px); }
.reveal-item { opacity:0; transform:translateY(24px); transition:opacity .6s ease,transform .6s cubic-bezier(.22,.8,.25,1); }.reveal-item.is-visible { opacity:1; transform:translateY(0); }.steps-grid li:nth-child(2) { transition-delay:.1s; }.steps-grid li:nth-child(3) { transition-delay:.2s; }
@media (prefers-reduced-motion:reduce) { .hero-visual::before,.services-strip > div,.job-row { transition:none; }.reveal-item { opacity:1; transform:none; } }

/* Category journey pages */
.journey-page { background:linear-gradient(180deg,#fffaf4 0%,#fffdf9 55%,#fff2e6 100%); }.journey-hero { padding-top:88px; padding-bottom:92px; }.journey-hero h1 { max-width:780px; }.journey-breadcrumb { display:inline-flex; margin-bottom:44px; color:var(--muted); font-size:13px; font-weight:800; transition:color .2s,transform .2s; }.journey-breadcrumb:hover { color:var(--orange); transform:translateX(-3px); }.journey { padding-top:85px; padding-bottom:125px; border-top:1px solid var(--line); }.journey-intro { text-align:center; }.journey-intro .eyebrow { justify-content:center; }.journey-track { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:20px; margin-top:63px; }.journey-track::before { content:""; position:absolute; z-index:0; top:57px; left:12.5%; right:12.5%; border-top:2px dashed #f1c79f; }.journey-step { position:relative; z-index:1; min-height:232px; padding:27px 22px 22px; border:1px solid var(--line); border-radius:22px; color:var(--ink); background:#fffefa; text-align:left; font:inherit; cursor:pointer; box-shadow:0 9px 24px #1f293708; transition:transform .25s,box-shadow .25s,border-color .25s,background .25s; }.journey-step:hover,.journey-step:focus-visible,.journey-step.is-current { border-color:#f4ad73; background:#fff8f1; box-shadow:0 18px 32px #d777251c; outline:0; transform:translateY(-8px); }.journey-number { position:absolute; top:21px; right:21px; color:#d4bda7; font-size:11px; font-weight:800; }.journey-icon { display:grid; place-items:center; width:52px; height:52px; margin-bottom:25px; border-radius:17px; color:#fff; background:var(--orange); box-shadow:0 8px 16px #f9731630; font-size:23px; }.journey-step:nth-child(even) .journey-icon { color:#1f6e45; background:#e1f7e8; box-shadow:none; }.journey-step strong { display:block; font-size:16px; letter-spacing:-.03em; }.journey-step small { display:block; margin-top:10px; color:var(--muted); font-size:12px; line-height:1.55; }.journey-note { max-width:660px; min-height:50px; margin:42px auto 0; padding:15px 18px; border-radius:14px; color:#5f6876; background:#fff4e9; text-align:center; font-size:13px; line-height:1.45; }.journey-note b { color:var(--ink); }.journey-cta { display:flex; align-items:center; justify-content:space-between; gap:40px; margin-bottom:80px; padding:52px 60px; border-radius:28px; background:#1f2937; color:#fff; overflow:hidden; position:relative; }.journey-cta::after { content:""; position:absolute; width:210px; height:210px; right:16%; top:-135px; border:28px solid #ffaf70; border-radius:50%; opacity:.24; }.journey-cta h2 { font-size:43px; }.journey-cta h2 em { color:#ffb57c; }.journey-cta .button { position:relative; z-index:1; flex:none; }
@media (max-width:800px) { .journey-hero { padding-top:55px; padding-bottom:55px; }.journey-category-chip { position:static; margin-top:34px; }.journey { padding-top:70px; padding-bottom:80px; }.journey-track { grid-template-columns:1fr; max-width:440px; margin:42px auto 0; }.journey-track::before { top:0; bottom:0; left:35px; right:auto; border-top:0; border-left:2px dashed #f1c79f; }.journey-step { min-height:0; }.journey-cta { margin:0 22px 55px; padding:40px 28px; align-items:flex-start; flex-direction:column; }.journey-cta h2 { font-size:37px; } }

.journey-cta { background:linear-gradient(128deg,#f45d1a 0%,#ff7924 55%,#ff9a51 100%); box-shadow:0 22px 42px #f9731633; }.journey-cta::after { border-color:#fff4e8; opacity:.28; }.journey-cta h2 em { color:#fff0dd; }.journey-cta .button { color:var(--orange); background:#fff; box-shadow:0 12px 23px #81310633; }

.journey-cta { background:radial-gradient(circle at 12% 76%,#fff0dd 0 5px,transparent 6px),radial-gradient(circle at 69% 82%,#fff0dd 0 8px,transparent 9px),radial-gradient(circle at 89% 24%,#fff0dd 0 4px,transparent 5px),linear-gradient(128deg,#f45d1a 0%,#ff7924 55%,#ff9a51 100%); }.journey-cta::before { content:""; position:absolute; z-index:0; width:105px; height:105px; right:5%; bottom:-54px; border:17px solid #fff0dd; border-radius:26px; opacity:.22; transform:rotate(23deg); }.journey-cta::after { z-index:0; pointer-events:none; }.journey-cta>div,.journey-cta .button { position:relative; z-index:1; }.journey-cta .eyebrow { color:#fff5e9; text-shadow:0 1px 0 #d84e121a; }.journey-cta .eyebrow>span:first-child { background:#fff5e9; }

/* Services are a destination, not an empty divider. */
.services-strip { position:relative; min-height:245px; gap:14px; padding:109px 32px 34px; overflow:hidden; border-color:#f4e5d5; background:radial-gradient(circle at 7% 15%,#fff0df 0 54px,transparent 55px),radial-gradient(circle at 93% 78%,#e8f8ed 0 72px,transparent 73px),#fffdf9; }.services-strip::before { content:"Paslaugos vienoje vietoje"; position:absolute; top:32px; left:50%; color:var(--ink); font:800 clamp(25px,2.6vw,35px)/1 Manrope,Arial,sans-serif; letter-spacing:-.06em; transform:translateX(-50%); white-space:nowrap; }.services-strip::after { content:""; position:absolute; top:-34px; right:19%; width:70px; height:70px; border:13px solid #ffd2ae; border-radius:22px; opacity:.7; transform:rotate(25deg); }.services-strip div { position:relative; z-index:1; min-height:77px; padding:12px 15px; border:1px solid transparent; border-radius:18px; background:#fffefa; box-shadow:0 10px 22px #1f29370a; transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease; }.services-strip div:nth-child(2n) { transform:translateY(-11px); }.services-strip div:hover,.services-strip div:focus-visible { border-color:#f3cfaf; box-shadow:0 16px 28px #b969211a; outline:0; transform:translateY(-17px) rotate(-1deg); }.services-strip div:nth-child(2n):hover,.services-strip div:nth-child(2n):focus-visible { transform:translateY(-22px) rotate(1deg); }.service-icon { flex:none; }
@media (max-width:800px) { .services-strip { min-height:220px; justify-content:flex-start; gap:12px; padding:99px 22px 30px; overflow:auto; }.services-strip::before { left:22px; transform:none; font-size:28px; }.services-strip::after { right:7%; width:52px; height:52px; border-width:10px; }.services-strip div,.services-strip div:nth-child(2n) { min-height:66px; transform:none; }.services-strip div:hover,.services-strip div:focus-visible,.services-strip div:nth-child(2n):hover,.services-strip div:nth-child(2n):focus-visible { transform:translateY(-5px); } }

/* A visible route turns the three cards into one clear journey. */
.steps { position:relative; overflow:hidden; background:radial-gradient(circle at 7% 86%,#fff0e2 0 74px,transparent 75px),radial-gradient(circle at 93% 15%,#eaf9ef 0 62px,transparent 63px); }.steps-grid { position:relative; gap:36px; }.steps-grid::before { content:""; position:absolute; z-index:0; top:53px; left:16.5%; right:16.5%; border-top:2px dashed #f3bd8d; }.steps-grid li { z-index:1; min-height:246px; overflow:visible; border-color:#f1dfcc; background:linear-gradient(145deg,#fffefa 0%,#fffaf4 100%); box-shadow:0 14px 29px #8a4e1a0c; transition:transform .28s cubic-bezier(.22,.8,.25,1),box-shadow .28s,border-color .28s; }.steps-grid li::after { content:""; position:absolute; z-index:2; top:45px; right:-22px; width:11px; height:11px; border:3px solid #f59a5e; border-radius:50%; background:#fffdf9; }.steps-grid li:last-child::after { display:none; }.steps-grid li:hover { border-color:#f1aa72; box-shadow:0 21px 36px #c66b2220; transform:translateY(-10px); }.step-number { color:#d3b79e; font-size:14px; }.step-icon { position:relative; z-index:3; box-shadow:0 9px 17px #f9731622; transition:transform .28s,box-shadow .28s; }.steps-grid li:hover .step-icon { transform:rotate(-7deg) scale(1.08); box-shadow:0 13px 22px #f9731630; }.steps-grid h3 { position:relative; }.steps-grid h3::before { content:""; display:block; width:32px; height:3px; margin-bottom:13px; border-radius:999px; background:var(--orange); }.steps-grid li:nth-child(2) h3::before { background:var(--green); }.steps-grid p { max-width:260px; }
@media (max-width:800px) { .steps-grid { gap:22px; }.steps-grid::before { top:55px; bottom:55px; left:46px; right:auto; border-top:0; border-left:2px dashed #f3bd8d; }.steps-grid li::after { top:auto; right:auto; left:40px; bottom:-15px; }.steps-grid li { min-height:0; }.steps-grid li:last-child::after { display:none; } }

/* Keep the route fixed while cards react, and make each stop discoverable. */
.steps-grid::after { content:""; position:absolute; z-index:3; top:45px; left:33.333%; width:33.334%; height:15px; background:radial-gradient(circle at 0 50%,#fffdf9 0 5px,#f59a5e 6px 8px,transparent 9px),radial-gradient(circle at 100% 50%,#fffdf9 0 5px,#f59a5e 6px 8px,transparent 9px); pointer-events:none; }.steps-grid li::after { display:none; }.steps-grid li:hover { animation:step-bounce .48s cubic-bezier(.22,.8,.25,1) both; }.steps-grid li:focus-visible { outline:3px solid #f6bd91; outline-offset:4px; }.steps-grid li:hover,.steps-grid li.is-open { border-color:#f1aa72; box-shadow:0 21px 36px #c66b2220; }.steps-grid h3::before { display:none; }.step-icon { margin-bottom:43px; }.step-icon::after { content:""; position:absolute; top:calc(100% + 17px); left:50%; width:32px; height:3px; border-radius:999px; background:var(--orange); transform:translateX(-50%); }.steps-grid li:nth-child(2) .step-icon::after { background:var(--green); }.step-popover { position:absolute; z-index:5; left:22px; right:22px; bottom:-104px; display:grid; gap:5px; padding:14px 15px; border:1px solid #f0d9c1; border-radius:15px; color:var(--ink); background:#fffefa; box-shadow:0 17px 34px #5e351c1a; opacity:0; pointer-events:none; transform:translateY(-8px) scale(.96); transition:opacity .25s ease,transform .3s cubic-bezier(.22,.8,.25,1); }.step-popover::before { content:""; position:absolute; top:-7px; left:36px; width:13px; height:13px; border-top:1px solid #f0d9c1; border-left:1px solid #f0d9c1; background:#fffefa; transform:rotate(45deg); }.step-popover b,.step-popover small { position:relative; }.step-popover b { color:var(--orange); font-size:11px; }.step-popover small { color:var(--muted); font-size:10px; line-height:1.45; }.steps-grid li.is-open .step-popover { opacity:1; pointer-events:auto; transform:translateY(0) scale(1); }.steps-grid li.is-open .step-icon { transform:rotate(-7deg) scale(1.08); box-shadow:0 13px 22px #f9731630; }.steps-grid li { cursor:pointer; } @keyframes step-bounce { 0% { transform:translateY(0); } 42% { transform:translateY(-15px); } 70% { transform:translateY(3px); } 100% { transform:translateY(0); } }
@media (max-width:800px) { .steps-grid::after { top:55px; bottom:55px; left:40px; width:15px; height:auto; background:radial-gradient(circle at 50% 0,#fffdf9 0 5px,#f59a5e 6px 8px,transparent 9px),radial-gradient(circle at 50% 100%,#fffdf9 0 5px,#f59a5e 6px 8px,transparent 9px); }.step-popover { position:relative; left:auto; right:auto; bottom:auto; margin-top:18px; }.step-popover::before { left:30px; }.steps-grid li.is-open { padding-bottom:22px; } }

.steps-grid li { cursor:default; }.steps-grid li:hover { animation:none; transform:translateY(-10px); }.steps-grid li.is-open { border-color:#f1dfcc; box-shadow:0 14px 29px #8a4e1a0c; }.step-popover { display:none; }
.steps-grid li:hover .step-icon,.steps-grid li.is-open .step-icon { transform:none; box-shadow:none; }.step-icon::after { display:none; }
.steps-grid::after { z-index:10; top:41px; height:24px; left:calc(33.333% - 15px); width:calc(33.334% + 30px); background:radial-gradient(circle at 9px 12px,#fffdf9 0 5px,#f59a5e 6px 8px,transparent 9px),radial-gradient(circle at calc(100% - 9px) 12px,#fffdf9 0 5px,#f59a5e 6px 8px,transparent 9px); }
.eyebrow { font-size:12px; }.eyebrow>span:first-child { width:9px; height:9px; flex-basis:9px; }
.hero { min-height:600px; padding-top:34px; background:radial-gradient(circle at 89% 20%,#fff0df 0 58px,transparent 59px),radial-gradient(circle at 72% 74%,#e8f8ed 0 42px,transparent 43px),radial-gradient(circle at 97% 66%,#fff0df 0 19px,transparent 20px); }
@media (max-width:800px) { .hero { min-height:auto; padding-top:42px; background:radial-gradient(circle at 90% 22%,#fff0df 0 40px,transparent 41px),radial-gradient(circle at 8% 70%,#e8f8ed 0 30px,transparent 31px); } }

.journey-page { background:radial-gradient(circle at 7% 24%,#fff0df 0 42px,transparent 43px),radial-gradient(circle at 93% 57%,#e8f8ed 0 58px,transparent 59px),linear-gradient(180deg,#fffaf4 0%,#fffdf9 55%,#fff2e6 100%); }.journey-hero,.journey { position:relative; overflow:hidden; }.journey-hero::before,.journey-hero::after,.journey::before,.journey::after { content:""; position:absolute; pointer-events:none; }.journey-hero::before { width:235px; height:235px; right:-58px; top:38px; border:28px solid #f6c39b; border-radius:50%; opacity:.48; }.journey-hero::after { width:75px; height:75px; right:24%; bottom:26px; border:15px solid #b9e8c8; border-radius:21px; opacity:.5; transform:rotate(23deg); }.journey-hero>* { position:relative; z-index:1; }.journey::before { width:130px; height:66px; left:-18px; bottom:44px; border:20px solid #f6c39b; border-bottom:0; border-radius:130px 130px 0 0; opacity:.45; transform:rotate(-18deg); }.journey::after { width:28px; height:28px; right:9%; top:22%; border-radius:50%; background:#f4ad73; opacity:.5; box-shadow:76px 196px #b9e8c8,-92px 330px #f4ad73; }.journey-intro,.journey-track,.journey-note { position:relative; z-index:1; }
@media (max-width:800px) { .journey-hero::before { width:150px; height:150px; border-width:20px; right:-55px; top:32px; }.journey-hero::after { right:11%; bottom:20px; width:54px; height:54px; border-width:11px; }.journey::after { right:6%; top:18%; } }
.journey-hero::before { width:200px; height:200px; right:28px; top:46px; }
@media (max-width:800px) { .journey-hero::before { width:132px; height:132px; right:20px; top:34px; } }

.signup-page { min-height:100vh; background:radial-gradient(circle at 9% 84%,#fff0df 0 100px,transparent 101px),radial-gradient(circle at 88% 18%,#e5f8eb 0 86px,transparent 87px),var(--cream); }.signup-main { min-height:calc(100vh - 92px); display:grid; place-items:center; padding-top:50px; padding-bottom:80px; }.signup-card { width:min(100%,980px); display:grid; grid-template-columns:1fr 1fr; overflow:hidden; border:1px solid #f0ddca; border-radius:30px; background:#fffefa; box-shadow:0 28px 60px #59351718; }.signup-copy { padding:56px; color:#fff; background:linear-gradient(145deg,#f6631c 0%,#ff8a3d 100%); position:relative; overflow:hidden; }.signup-copy::after { content:""; position:absolute; width:230px; height:230px; right:-94px; bottom:-104px; border:30px solid #fff2e4; border-radius:50%; opacity:.34; }.signup-copy>* { position:relative; z-index:1; }.signup-copy .eyebrow { color:#fff3e6; }.signup-copy .eyebrow>span:first-child { background:#fff3e6; }.signup-copy h1 { font-size:clamp(42px,4.4vw,59px); }.signup-copy h1 em { color:#fff0dd; }.signup-copy>p:not(.eyebrow) { max-width:370px; margin:22px 0 0; color:#fff8f2; font-size:15px; line-height:1.6; }.participant-count { display:flex; align-items:center; gap:13px; margin-top:42px; padding:15px; border:1px solid #ffffff35; border-radius:17px; background:#ffffff18; backdrop-filter:blur(8px); }.participant-count>span { display:grid; place-items:center; width:36px; height:36px; border-radius:12px; color:var(--orange); background:#fff7ef; }.participant-count p { display:grid; gap:3px; margin:0; }.participant-count b { font-size:18px; }.participant-count small { font-size:10px; color:#fff7ef; }.signup-form { display:grid; align-content:center; gap:17px; padding:50px; }.signup-form label { display:grid; gap:7px; color:var(--ink); font-size:12px; font-weight:800; }.signup-form input:not([type="checkbox"]) { width:100%; height:47px; padding:0 13px; border:1px solid #edddcd; border-radius:12px; outline:0; color:var(--ink); background:#fff; font:500 14px Manrope,Arial,sans-serif; transition:border-color .2s,box-shadow .2s; }.signup-form input:focus { border-color:#f59a5e; box-shadow:0 0 0 4px #f9731617; }.signup-form label>small { color:var(--muted); font-size:10px; font-weight:600; }.signup-consent { grid-template-columns:17px 1fr; align-items:start; gap:9px!important; color:var(--muted)!important; font-size:10px!important; line-height:1.45; }.signup-consent input { width:16px; height:16px; margin:0; accent-color:var(--orange); }.signup-form .button { width:100%; margin-top:4px; border:0; cursor:pointer; font-family:inherit; }.signup-form .button:disabled { cursor:wait; opacity:.65; }.signup-status { min-height:20px; margin:0; color:#d85820; font-size:11px; font-weight:700; line-height:1.45; }.signup-status.is-success { color:#158249; font-size:13px; }.signup-form[hidden]+.signup-status { margin-top:20px; }
@media (max-width:800px) { .signup-main { min-height:auto; padding:30px 22px 55px; }.signup-card { grid-template-columns:1fr; }.signup-copy,.signup-form,.verification-card { padding:38px 28px; }.signup-copy h1 { font-size:43px; }.participant-count { margin-top:28px; } }
.header-login { padding:10px 6px; color:var(--ink); font-size:13px; font-weight:800; white-space:nowrap; }.header-login:hover { color:var(--orange); }.header-cta.account-chip { max-width:180px; overflow:hidden; text-overflow:ellipsis; color:#fff; background:var(--ink); border-color:var(--ink); }.auth-switch { margin-top:-3px; color:var(--muted); font-size:11px; text-align:center; }.auth-switch b { color:var(--orange); }.auth-switch:hover b { text-decoration:underline; }
@media (max-width:800px) { .header-login { font-size:11px; }.header-cta.account-chip { max-width:110px; } }

.site-footer { max-width:none; margin:0; padding:68px max(32px,calc((100vw - 1116px) / 2)) 24px; display:block; color:#cbd2dc; background:#171e29; }.site-footer .brand img { height:36px; }.footer-main { max-width:1116px; margin:auto; display:grid; grid-template-columns:1.45fr .9fr .9fr 1.15fr; gap:58px; }.footer-brand>p { max-width:300px; margin:22px 0 26px; color:#aeb8c6; font-size:13px; line-height:1.7; }.footer-socials { display:flex; gap:10px; }.footer-socials a { display:grid; place-items:center; width:39px; height:39px; border:1px solid #ffffff24; border-radius:11px; color:#f5f8fb; font-size:14px; font-weight:800; transition:transform .2s,border-color .2s,background .2s; }.footer-socials a:hover { border-color:#ff8a49; background:#ffffff10; transform:translateY(-3px); }.footer-column { display:grid; align-content:start; gap:15px; }.footer-column b { margin-bottom:8px; color:#fff; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.footer-column a,.footer-column span { color:#adb7c5; font-size:13px; line-height:1.45; transition:color .2s; }.footer-column a:hover { color:#ff8a49; }.footer-legal span { cursor:default; }.footer-bottom { max-width:1116px; margin:55px auto 0; padding-top:20px; display:flex; justify-content:space-between; border-top:1px solid #ffffff1c; color:#8490a0; font-size:11px; } .site-footer footer { margin:0; }
.footer-socials svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
@media (max-width:800px) { .site-footer { margin:0; padding:48px 22px 24px; }.footer-main { grid-template-columns:1fr 1fr; gap:38px 25px; }.footer-brand { grid-column:1/-1; }.footer-brand>p { max-width:390px; }.footer-column { gap:12px; }.footer-legal { grid-column:1/-1; }.footer-bottom { margin-top:38px; gap:10px; flex-wrap:wrap; } }
.site-footer .footer-main { grid-template-columns:1.35fr repeat(3,minmax(0,1fr)); align-items:start; }.site-footer .footer-column span { width:auto; margin-left:0; }.site-footer .footer-bottom>span { width:auto; margin-left:0; }
@media (max-width:800px) { .site-footer .footer-main { grid-template-columns:1fr 1fr; } }

/* Shared destination pages for footer navigation. */
.info-page { min-height:100vh; background:radial-gradient(circle at 8% 23%,#fff0df 0 58px,transparent 59px),radial-gradient(circle at 91% 58%,#e8f8ed 0 84px,transparent 85px),var(--cream); }
.info-header { max-width:1116px; margin:auto; padding-left:0; padding-right:0; }
.info-back { margin-left:auto; padding:12px 17px; border:1px solid #efddcb; border-radius:999px; color:var(--ink); background:#fffefa; font-size:12px; font-weight:800; box-shadow:0 8px 18px #1f29370b; transition:transform .2s,box-shadow .2s; }
.info-back:hover { transform:translateX(-3px); box-shadow:0 12px 22px #1f293716; }
.page-header-actions { display:flex; align-items:center; gap:12px; margin-left:auto; }
.page-header-actions .language-picker { margin:0!important; }
.page-header-actions .info-back { margin-left:0; }
.signup-page .site-header { box-sizing:border-box; width:min(calc(100% - 64px),980px); max-width:none; padding:0; }
.signup-page .page-header-actions { margin-right:0; }
@media (max-width:800px) { .signup-page .site-header { width:calc(100% - 40px); padding:0; }.signup-page .page-header-actions { margin-right:0; gap:7px; } }
.info-main { padding-top:82px; padding-bottom:90px; }
.info-hero { max-width:800px; position:relative; }
.info-hero::after { content:""; position:absolute; z-index:-1; width:260px; height:260px; right:-340px; top:10px; border:31px solid #f8cda9; border-radius:50%; opacity:.58; }
.info-hero h1 { max-width:760px; margin:19px 0; font-size:clamp(51px,7vw,91px); line-height:.93; letter-spacing:-.075em; }
.info-hero h1 em { color:var(--orange); font-style:normal; }
.info-hero .lede { max-width:610px; }
.info-content { margin-top:70px; }
.info-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.info-cards article { min-height:230px; padding:28px; border:1px solid #f0ddca; border-radius:24px; background:#fffefa; box-shadow:0 13px 28px #4c30240a; transition:transform .25s,box-shadow .25s,border-color .25s; }
.info-cards article:hover { border-color:#f2ab73; box-shadow:0 20px 34px #b96c2417; transform:translateY(-7px); }
.info-cards article>span { display:grid; place-items:center; width:49px; height:49px; border-radius:16px; color:var(--orange); background:#fff0e5; font-size:21px; font-weight:800; }
.info-cards article:nth-child(2)>span { color:#16934f; background:#e4f8eb; }
.info-cards h2 { margin:25px 0 9px; color:var(--ink); font-size:19px; letter-spacing:-.045em; }
.info-cards p { margin:0; color:var(--muted); font-size:13px; line-height:1.6; }
.legal-document { max-width:820px; padding:42px 52px; border:1px solid #f0ddca; border-radius:28px; color:#5f6876; background:#fffefa; box-shadow:0 17px 36px #4c30240a; }
.legal-notice { margin:0 0 38px; padding:17px 18px; border-left:4px solid var(--orange); border-radius:0 14px 14px 0; color:#6b5d50; background:#fff2e6; font-size:13px; line-height:1.65; }
.legal-document section { padding:0 0 30px; margin:0 0 30px; border-bottom:1px solid #f1e2d3; }.legal-document section:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; }
.legal-document h2 { margin:0 0 13px; color:var(--ink); font-size:22px; letter-spacing:-.045em; }.legal-document p { margin:0 0 12px; font-size:14px; line-height:1.75; }.legal-document p:last-child { margin-bottom:0; }.legal-document a { color:var(--orange); font-weight:800; }
.info-cta { display:flex; align-items:center; justify-content:space-between; gap:35px; margin-top:72px; padding:42px 48px; border-radius:28px; overflow:hidden; position:relative; color:#fff; background:linear-gradient(128deg,#f45d1a,#ff8d43); box-shadow:0 20px 42px #f9731629; }
.info-cta::after { content:""; position:absolute; width:170px; height:170px; right:21%; top:-108px; border:24px solid #fff3e6; border-radius:50%; opacity:.3; }
.info-cta>*,.info-cta .button { position:relative; z-index:1; }.info-cta .eyebrow { color:#fff5e9; }.info-cta .eyebrow>span:first-child { background:#fff5e9; }
.info-cta h2 { max-width:460px; margin:12px 0 0; font-size:31px; line-height:1; letter-spacing:-.06em; }.info-cta .button { flex:none; color:var(--orange); background:#fff; }
.info-footer { display:flex; justify-content:space-between; max-width:1116px; margin:auto; padding:24px 0 35px; border-top:1px solid #efddcb; color:var(--muted); font-size:12px; }.info-footer a { color:var(--ink); font-weight:800; }
@media (max-width:1200px) { .info-header,.info-footer { margin-left:32px; margin-right:32px; } }
@media (max-width:800px) { .info-header { margin:0 22px; padding-left:0; padding-right:0; }.info-header .brand img { height:31px; }.info-back { padding:10px 12px; font-size:10px; }.info-main { padding:54px 22px 65px; }.info-hero::after { width:130px; height:130px; right:4px; top:-50px; border-width:18px; }.info-hero h1 { font-size:53px; }.info-content { margin-top:48px; }.info-cards { grid-template-columns:1fr; }.info-cards article { min-height:0; padding:24px; }.info-cta { align-items:flex-start; flex-direction:column; margin-top:48px; padding:33px 27px; }.info-cta h2 { font-size:29px; }.info-footer { margin:0 22px; padding-top:20px; } }
@media (max-width:800px) { .legal-document { padding:28px 23px; border-radius:22px; }.legal-notice { margin-bottom:30px; font-size:12px; }.legal-document section { padding-bottom:25px; margin-bottom:25px; }.legal-document h2 { font-size:19px; }.legal-document p { font-size:13px; line-height:1.68; } }

.signup-form .button:disabled { cursor:not-allowed; color:#8e99a6; background:#e7ebef; box-shadow:none; opacity:1; }
.signup-form[hidden] { display:none!important; }.signup-form h2 { font-size:clamp(29px,3vw,39px); }.signup-form .button:not(.button-outline):not(.button-light):not(.text-button):not(:disabled) { color:#fff; background:var(--orange); box-shadow:0 12px 22px #f9731640; }.account-email-strong { color:var(--ink)!important; font-weight:800; word-break:break-word; }

/* Phone layout: keep every interactive area inside a 320–430px viewport. */
@media (max-width:600px) {
  html,body { overflow-x:clip; }
  .site-header { min-height:68px; height:auto; padding:12px 16px; gap:10px; }
  .site-header .brand img { height:27px; }
  .header-actions { margin-left:auto; gap:5px; }
  .header-login { display:inline-flex; }
  .header-cta { padding:9px 11px; font-size:11px; white-space:nowrap; }
  .language-picker button { padding:6px 5px; }
  .section { padding-left:18px; padding-right:18px; }
  h1 { font-size:clamp(39px,12vw,50px); }
  h2 { font-size:clamp(31px,9vw,39px); }
  .hero { gap:22px; padding-top:28px; text-align:center; }
  .hero-copy .lede { margin:19px auto 23px; }
  .hero-actions { gap:10px; }
  .hero-visual { width:min(100%,500px); height:min(500px,calc(100vw + 85px)); margin:0 auto -26px; transform:none; }
  .hero-visual::before { inset:-15px 0; }
  .ring-one { width:min(92vw,430px); height:min(92vw,430px); right:2vw; top:12%; }
  .ring-two { width:min(74vw,350px); height:min(74vw,350px); right:11vw; top:20%; }
  .rating-card { left:0; top:18%; transform:scale(.88); transform-origin:left top; }
  .task-card { right:0; bottom:12%; transform:scale(.88); transform-origin:right bottom; }
  .hero-orbit span { font-size:29px; }
  .services-strip { padding-left:18px; padding-right:18px; scroll-snap-type:x mandatory; }
  .services-strip::before { left:18px; font-size:26px; white-space:normal; }
  .services-strip div { flex:0 0 auto; scroll-snap-align:start; }
  .steps,.pros-content,.why { padding-top:68px; padding-bottom:68px; }
  .steps-grid li { padding:24px; }
  .steps-grid::before,.steps-grid::after { left:34px; }
  .pros-content { gap:32px; }
  .pros-board { width:100%; transform:none; }
  .why { gap:34px; }
  .why-illustration { width:100%; overflow:hidden; border-radius:28px; }
  .early-access { margin-left:18px; margin-right:18px; padding:34px 22px; }
  .email-field { width:100%; }
  .journey-hero { padding-top:42px; padding-bottom:42px; }
  .journey-hero h1 { font-size:clamp(39px,12vw,50px); }
  .journey-cta { margin-left:18px; margin-right:18px; padding:34px 22px; }
  .journey-cta .button { width:100%; }
  .signup-page .site-header { width:calc(100% - 32px); min-height:68px; padding:12px 0; }
  .signup-page .site-header .brand { display:none; }
  .signup-page .page-header-actions { width:100%; justify-content:flex-end; }
  .signup-page .info-back { padding:10px 12px; font-size:11px; }
  .signup-main { padding:20px 16px 42px; }
  .signup-card { border-radius:24px; }
  .signup-copy,.signup-form { padding:32px 22px; }
  .signup-copy h1 { font-size:42px; }
  .signup-form { gap:15px; }
  .site-footer { padding:42px 18px 22px; }
  .site-footer .footer-main { grid-template-columns:1fr; gap:31px; }
  .site-footer .footer-brand,.site-footer .footer-legal { grid-column:auto; }
  .footer-bottom { margin-top:34px; flex-direction:column; align-items:flex-start; }
  .info-main { padding-left:18px; padding-right:18px; }
  .info-header,.info-footer { margin-left:18px; margin-right:18px; }
  .info-hero h1 { font-size:clamp(42px,12vw,55px); }
  .info-cta { padding:30px 22px; }
}

.signup-form .text-button { justify-self:start; margin:-7px 0 0; padding:0; border:0; color:var(--orange); background:transparent; font:800 12px Manrope,Arial,sans-serif; cursor:pointer; }
.signup-form .text-button:hover { text-decoration:underline; }

/* Two-step onboarding follows the app's role-first flow. */
.signup-card-flow { max-width:1050px; }.signup-flow { gap:15px; }.signup-progress { display:flex; gap:7px; margin-bottom:5px; }.signup-progress span { width:32px; height:5px; border-radius:99px; background:#f1ded0; transition:width .45s cubic-bezier(.2,.9,.2,1),background .35s; }.signup-progress span.is-active { width:64px; background:var(--orange); }.signup-step { display:grid; gap:15px; animation:signup-step-in .48s cubic-bezier(.22,.8,.25,1) both; }.signup-step[hidden] { display:none; }.signup-step h2 { margin:0; font-size:clamp(29px,3vw,39px); letter-spacing:-.055em; line-height:1.02; }.signup-step h2 em { color:var(--orange); font-style:normal; }.step-kicker { margin:0; color:var(--orange); font-size:10px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }.step-lead { margin:0 0 4px; color:var(--muted); font-size:12px; line-height:1.6; }.role-cards { display:grid; gap:11px; }.role-card { position:relative; display:grid; grid-template-columns:44px 1fr auto; align-items:center; gap:12px; width:100%; padding:15px; overflow:hidden; border:1px solid #ecdccd; border-radius:18px; color:var(--ink); background:#fffdfa; text-align:left; cursor:pointer; transition:transform .3s cubic-bezier(.2,.9,.2,1),border-color .3s,box-shadow .3s,background .3s; }.role-card::after { content:""; position:absolute; inset:auto -45px -65px auto; width:116px; height:116px; border-radius:50%; background:#ffbf8f33; transition:transform .5s cubic-bezier(.2,.9,.2,1); }.role-card.provider::after { background:#a9e5be66; }.role-card:hover { transform:translateY(-3px) scale(1.01); border-color:#f7975b; box-shadow:0 15px 26px #6b3c1a16; }.role-card:hover::after { transform:scale(1.45); }.role-card.is-selected { border-color:var(--orange); background:#fff7ef; box-shadow:0 0 0 4px #f9731614,0 14px 26px #6b3c1a14; animation:role-selected .5s ease both; }.role-card.provider.is-selected { border-color:#26a85a; background:#f1fbf4; box-shadow:0 0 0 4px #22c55e18,0 14px 26px #215c3214; }.role-card>* { position:relative; z-index:1; }.role-card>span:nth-child(2) { display:grid; gap:3px; }.role-card b { font-size:13px; }.role-card small { color:var(--muted); font-size:10px; line-height:1.45; }.role-card i { display:grid; place-items:center; width:24px; height:24px; border-radius:50%; color:var(--orange); background:#fff; font-style:normal; transition:transform .3s; }.role-card:hover i,.role-card.is-selected i { transform:translateX(3px); }.role-icon { display:grid; place-items:center; width:44px; height:44px; border-radius:14px; color:var(--orange); background:#fff0e1; font-size:24px; font-weight:500; }.provider .role-icon { color:#168446; background:#e5f8eb; }.step-back { justify-self:start; padding:0; border:0; color:var(--muted); background:transparent; font:800 11px Manrope,Arial,sans-serif; cursor:pointer; transition:color .2s,transform .2s; }.step-back:hover { color:var(--orange); transform:translateX(-3px); }@keyframes signup-step-in { from { opacity:0; transform:translateX(22px) scale(.98); } to { opacity:1; transform:none; } }@keyframes role-selected { 50% { transform:scale(1.018); } }@media (prefers-reduced-motion:reduce) { .signup-step,.role-card,.role-card::after,.signup-progress span { animation:none; transition:none; } }@media (max-width:800px) { .signup-flow { padding-top:30px; padding-bottom:30px; }.role-card { padding:14px; }.signup-progress span.is-active { width:48px; } }

@media (max-width:360px) {
  .header-cta { padding:8px 9px; font-size:10px; }
  .language-picker button { padding:6px 4px; }
  .signup-page .info-back { font-size:0; width:40px; height:40px; padding:0; display:grid; place-items:center; }
  .signup-page .info-back::first-letter { font-size:18px; }
  .hero-visual { height:405px; }
  .rating-card,.task-card { transform:scale(.75); }
}

@media (max-width:600px) {
  .steps-grid::after { display:none; }
  .steps-grid::before { left:48px; }
  .services-strip { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); min-height:0; gap:10px; padding:80px 16px 20px; overflow:hidden; }
  .services-strip::before { left:0; right:0; width:auto; padding:0 18px; font-size:clamp(22px,7vw,26px); text-align:center; white-space:nowrap; transform:none; }
  .services-strip div,.services-strip div:nth-child(2n) { min-width:0; min-height:64px; padding:10px; gap:8px; white-space:normal; transform:none; }
  .services-strip div span:last-child { min-width:0; font-size:12px; line-height:1.25; }
  .services-strip div:last-child { grid-column:1/-1; }
}
.verification-card { width:min(440px,calc(100% - 40px)); display:grid; gap:17px; margin:auto; padding:42px; border:1px solid #f0ddca; border-radius:28px; color:var(--ink); background:#fffefa; box-shadow:0 28px 70px #3d251c42; text-align:center; }.verification-card::backdrop { background:#1d2938a8; backdrop-filter:blur(5px); }.verification-card h2 { margin:0; color:var(--ink); }.verification-card p { margin:0; color:var(--muted); font-size:14px; line-height:1.6; }.verification-card .button { width:100%; border:0; cursor:pointer; font-family:inherit; text-decoration:none; }.verification-icon { display:grid; place-items:center; width:62px; height:62px; margin:0 auto 4px; border-radius:20px; color:var(--orange); background:#fff0e4; font-size:27px; }.button-outline { color:var(--orange); background:#fff; border:1px solid #f0c8aa!important; box-shadow:none; }
.signup-page #verification-card { display:none!important; }
.text-button { justify-self:start; padding:0; border:0; color:var(--muted); background:transparent; font:700 12px Manrope,Arial,sans-serif; cursor:pointer; text-decoration:underline; }

.home-hotspot[aria-expanded="true"] { z-index:20; }
.home-hotspot[aria-expanded="true"] .hotspot-dot,.home-hotspot[aria-expanded="true"] .hotspot-label { position:relative; z-index:1; }
.home-hotspot[aria-expanded="true"] .home-tip { z-index:2; }

/* Avoid showing the Lithuanian source copy briefly before a saved locale is applied. */
html.i18n-pending body { visibility:hidden; }

.signup-form select { width:100%; height:47px; padding:0 13px; border:1px solid #edddcd; border-radius:12px; outline:0; color:var(--ink); background:#fff; font:500 14px Manrope,Arial,sans-serif; }
.signup-form select:focus { border-color:#f59a5e; box-shadow:0 0 0 4px #f9731617; }
.profile-role { display:grid; gap:9px; margin:0; padding:13px; border:1px solid #edddcd; border-radius:12px; }
.profile-role legend { padding:0 5px; color:var(--ink); font-size:12px; font-weight:800; }
.profile-role label { grid-template-columns:18px 1fr; align-items:center; gap:9px; color:var(--muted); font-size:12px; font-weight:600; }
.profile-role input { width:16px; height:16px; margin:0; accent-color:var(--orange); }
#schedule-fields { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.signup-field-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }.provider-signup-fields { display:grid; gap:15px; padding:15px; border:1px solid #dceee1; border-radius:17px; background:#f8fdf9; animation:signup-step-in .35s ease both; }
@media (max-width:420px) { .signup-field-grid { grid-template-columns:1fr; } }
.skills-picker { display:grid; gap:9px; }.skills-title { color:var(--ink); font-size:12px; font-weight:800; }.skills-picker>p { margin:-4px 0 1px; color:var(--muted); font-size:10px; }.skills-grid { display:grid; grid-template-columns:1fr 1fr; gap:8px; }.skill-chip { display:flex; align-items:center; gap:7px; min-height:47px; padding:9px; border:1px solid #e8ddcf; border-radius:13px; color:var(--ink); background:#fffefa; font:700 10px/1.25 Manrope,Arial,sans-serif; text-align:left; cursor:pointer; transition:transform .25s cubic-bezier(.2,.9,.2,1),border-color .25s,box-shadow .25s,background .25s; }.skill-chip span { display:grid; flex:none; place-items:center; width:27px; height:27px; border-radius:9px; color:var(--orange); background:#fff0e2; font-size:16px; transition:transform .28s,background .28s,color .28s; }.skill-chip:hover { transform:translateY(-2px); border-color:#f3a16f; box-shadow:0 9px 16px #67351812; }.skill-chip.is-selected { border-color:var(--orange); background:#fff6ed; box-shadow:0 0 0 3px #f9731612; }.skill-chip.is-selected span { color:#fff; background:var(--orange); transform:rotate(-8deg) scale(1.07); }.skill-chip:last-child { grid-column:1/-1; }.skill-chip:focus-visible,.role-card:focus-visible { outline:3px solid #f9731640; outline-offset:2px; }@media (max-width:420px) { .skills-grid { grid-template-columns:1fr; }.skill-chip:last-child { grid-column:auto; } }
.signup-flow .button:not(:disabled) { position:relative; overflow:hidden; background:linear-gradient(115deg,#f45e17,#ff8b42); box-shadow:0 13px 24px #f9731640; transition:transform .25s cubic-bezier(.2,.9,.2,1),box-shadow .25s; }.signup-flow .button:not(:disabled)::after { content:""; position:absolute; inset:0 auto 0 -115%; width:70%; background:linear-gradient(90deg,transparent,#ffffff52,transparent); transform:skewX(-20deg); transition:left .55s ease; }.signup-flow .button:not(:disabled):hover { transform:translateY(-2px); box-shadow:0 18px 28px #f9731650; }.signup-flow .button:not(:disabled):hover::after { left:145%; }.provider-signup-fields .profile-role label { padding:9px; border:1px solid transparent; border-radius:10px; cursor:pointer; transition:border-color .2s,background .2s,transform .2s; }.provider-signup-fields .profile-role label:hover { transform:translateX(2px); background:#fff; }.provider-signup-fields .profile-role label:has(input:checked) { border-color:#f3a16f; color:var(--ink); background:#fff5eb; }
.role-route-note { margin:0 0 3px; color:var(--muted); font-size:11px; line-height:1.5; }.client-signup-fields,.provider-route { display:flex; align-items:center; gap:10px; padding:12px; border-radius:14px; }.client-signup-fields { border:1px solid #efdcc9; background:#fff8f0; }.provider-route { margin:-1px 0 1px; border:1px solid #d4ecdc; background:#f1fbf4; }.client-signup-fields span:last-child,.provider-route span:last-child { display:grid; gap:2px; }.client-signup-fields b,.provider-route b { color:var(--ink); font-size:11px; }.client-signup-fields small,.provider-route small { color:var(--muted); font-size:10px; line-height:1.4; }.route-icon { display:grid; flex:none; place-items:center; width:32px; height:32px; border-radius:11px; color:var(--orange); background:#fff; font-size:17px; }.provider-route .route-icon { color:#168446; background:#e1f6e7; }
.provider-signup-fields[hidden],.client-signup-fields[hidden],#signup-schedule[hidden],#schedule-fields[hidden] { display:none!important; }
.provider-signup-fields .profile-role label,.provider-signup-fields .profile-role label:has(input:checked) { padding:6px 2px; border-color:transparent; background:transparent; }.provider-signup-fields .profile-role label:hover { transform:none; background:transparent; }.provider-signup-fields .profile-role input { appearance:none; width:18px; height:18px; border:2px solid #d8bda7; border-radius:50%; background:#fff; transition:border-color .2s,box-shadow .2s; }.provider-signup-fields .profile-role input:checked { border-color:var(--orange); box-shadow:inset 0 0 0 4px #fff,0 0 0 3px #f973161c; background:var(--orange); }
.services-launch { display:grid; grid-template-columns:34px 1fr auto; align-items:center; gap:9px; width:100%; padding:11px; border:1px solid #efddcd; border-radius:14px; color:var(--ink); background:#fffefa; font:700 11px Manrope,Arial,sans-serif; text-align:left; cursor:pointer; transition:transform .22s,box-shadow .22s,border-color .22s; }.services-launch:hover { transform:translateY(-2px); border-color:#f3a16f; box-shadow:0 10px 18px #67351814; }.services-launch span { display:grid; place-items:center; width:34px; height:34px; border-radius:11px; color:#168446; background:#e6f8ec; font-size:17px; }.services-launch i { color:var(--orange); font-size:17px; font-style:normal; }.selected-services { display:flex; flex-wrap:wrap; gap:6px; }.selected-services:empty { display:none; }.selected-services span { padding:5px 8px; border-radius:999px; color:#9a4318; background:#fff0e2; font-size:9px; font-weight:800; }.services-dialog { width:min(560px,calc(100% - 28px)); max-height:min(760px,calc(100vh - 28px)); margin:auto; padding:0; border:0; border-radius:27px; background:transparent; }.services-dialog::backdrop { background:#172030a8; backdrop-filter:blur(6px); }.services-dialog-card { display:grid; max-height:min(760px,calc(100vh - 28px)); gap:13px; padding:17px; overflow:auto; border:1px solid #f1dfcf; border-radius:27px; background:#fffaf4; box-shadow:0 30px 90px #1823334d; }.dialog-handle { width:44px; height:5px; margin:auto; border-radius:99px; background:#ead8c6; }.services-dialog-head { display:flex; justify-content:space-between; gap:15px; }.services-dialog-head h2 { margin:3px 0 0; color:var(--ink); font-size:29px; line-height:1; letter-spacing:-.06em; }.services-dialog-head h2 em { color:var(--orange); font-style:normal; }.dialog-close { display:grid; place-items:center; width:34px; height:34px; border:0; border-radius:50%; color:var(--ink); background:#f5e9dd; font-size:23px; line-height:1; cursor:pointer; }.service-categories { display:grid; gap:8px; }.service-categories details { overflow:hidden; border:1px solid #edddcd; border-radius:16px; background:#fff; }.service-categories summary { display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:9px; padding:13px; cursor:pointer; list-style:none; }.service-categories summary::-webkit-details-marker { display:none; }.service-categories summary span { display:grid; place-items:center; width:30px; height:30px; border-radius:10px; color:var(--orange); background:#fff0e2; font-size:16px; }.service-categories summary b { font-size:12px; }.service-categories summary i { color:var(--muted); font-style:normal; transition:transform .2s; }.service-categories details[open] summary i { transform:rotate(180deg); }.service-categories details>label { display:grid; grid-template-columns:18px 1fr; gap:9px; padding:9px 13px; border-top:1px solid #f3e7dc; color:var(--ink); font-size:11px; font-weight:700; cursor:pointer; }.service-categories input { width:16px; height:16px; margin:0; accent-color:var(--orange); }