@font-face{font-family:Dana;src:url('assets/fonts/Dana-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Dana;src:url('assets/fonts/Dana-DemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Dana;src:url('assets/fonts/Dana-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--surface:#f5f5f5;--box:#fff;--text:#1a1a1a;--secondary:#4d4d4d;--brand:#839153;--accent:#e2f79c;--line:#00000014;--radius:24px;font-family:Dana,Tahoma,sans-serif;color:var(--text);background:var(--surface);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p,h1,h2,h3{margin:0}a:focus-visible{outline:3px solid var(--brand);outline-offset:6px}a{touch-action:manipulation}.wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}.skip-link{position:fixed;top:-100px;right:20px;background:var(--accent);padding:16px;z-index:20}.skip-link:focus{top:16px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{padding-block:10px}.header nav{display:flex;gap:36px;font-size:14px;color:var(--secondary)}.header nav a,.text-link{transition:color .16s}.header nav a:hover,.text-link:hover{color:var(--brand)}.header-link{display:flex;gap:20px;align-items:center;font-size:14px;font-weight:600;padding:14px 20px;border:1px solid #00000026;border-radius:64px}.header-link:hover{background:#ebebeb}.hero{display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:60px;padding-block:80px 96px}.eyebrow{font-size:14px;font-weight:600;color:var(--secondary);display:flex;gap:12px;align-items:center}.small-line{width:26px;height:2px;background:var(--brand)}h1{font-size:clamp(44px,4.6vw,66px);line-height:1.48;font-weight:800;letter-spacing:-1.5px;margin-block:22px}h1 span{color:var(--brand)}.hero-description{color:var(--secondary);font-size:17px;line-height:2.1;max-width:470px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:56px;padding:15px 24px;border-radius:64px;font-size:15px;font-weight:600;transition:background .16s,transform .16s}.primary{background:var(--accent);color:#1a1a1a}.primary:hover{background:#d2e88b;transform:translateY(-2px)}.text-link{font-size:14px}.hero-note{font-size:13px;color:#6a6a6a;margin-top:22px}.product-stage{background:#e9eddf;border:1px solid #8391531f;border-radius:32px;padding:24px 28px 28px;position:relative}.stage-label{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#4d5737;margin-bottom:22px}.sample-label{font-size:12px;border:1px solid #83915340;padding:3px 9px;border-radius:20px}.schedule{background:#1a1a1a;color:#f5f5f5;border-radius:24px;padding:25px 22px 16px;box-shadow:0 20px 35px #2930191a}.schedule-heading{display:flex;justify-content:space-between;align-items:center}.muted{font-size:12px;color:#adadad}.schedule h2{font-size:19px;margin-top:5px;font-weight:600}.calendar-icon{width:44px;height:44px;border:1px solid #ffffff1a;border-radius:50%;display:grid;place-items:center;font-size:26px;color:var(--accent)}.calendar-heading{display:flex;justify-content:space-between;align-items:center;font-size:13px;margin-top:28px}.calendar-heading>span{font-size:26px;color:#adadad}.week{display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding-bottom:22px;border-bottom:1px solid #ffffff14}.week>div{display:flex;flex-direction:column;gap:10px;align-items:center;border-radius:24px;padding:12px 8px;color:#adadad;font-size:11px;flex:1}.week b{font-size:16px;font-weight:600;color:#f5f5f5}.week .selected{background:var(--accent);color:#373737}.week .selected b{color:#1a1a1a}.today-heading{display:flex;justify-content:space-between;font-size:13px;margin:20px 0 7px}.today-heading>span{color:#adadad;font-size:12px}.appointment{display:flex;align-items:center;gap:12px;padding:18px 0;border-bottom:1px solid #ffffff0f}.time{font-size:14px;color:var(--accent);font-weight:600;white-space:nowrap}.appointment>div{flex:1;border-right:2px solid #839153;padding-right:12px}.appointment strong{font-size:13px;font-weight:600}.appointment p{font-size:11px;color:#adadad;margin-top:5px}.appointment-status{font-size:10px;color:#e2f79c;background:#e2f79c14;padding:5px 7px;border-radius:20px;white-space:nowrap}.appointment.last{border:0}.schedule-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff14;margin-top:8px;padding-top:16px;font-size:10px;color:#adadad}.schedule-bottom img{filter:brightness(0) invert(1);opacity:.65}.booking-note{margin-top:18px;display:flex;align-items:center;gap:12px}.check{width:38px;height:38px;background:#fff;border-radius:50%;display:grid;place-items:center;color:#596735;font-size:21px;flex-shrink:0}.booking-note strong{font-size:13px;font-weight:600}.booking-note p{font-size:11px;color:#4d5737;margin-top:4px}.providers{padding-top:52px;border-top:1px solid var(--line);padding-bottom:80px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:32px}.section-heading h2,.client-intro h2{font-size:32px;font-weight:800;line-height:1.7;margin-top:12px;letter-spacing:-.6px}.section-heading>p{color:var(--secondary);font-size:14px;line-height:1.9}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px}.features article{background:var(--box);border:1px solid #0000000a;border-radius:var(--radius);padding:28px}.feature-icon{display:grid;place-items:center;width:50px;height:50px;background:#83915314;border-radius:16px;margin-bottom:26px}.features h3{font-size:18px;font-weight:600}.features p{font-size:15px;line-height:2;color:var(--secondary);margin-top:12px}.feature-tag{display:block;font-size:12px;color:#666;margin-top:28px;padding-top:18px;border-top:1px solid var(--line)}.client-section{background:#e9eddf;border-radius:32px;padding:48px 56px;display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}.client-intro>p:not(.eyebrow){font-size:15px;line-height:2;color:var(--secondary);margin-top:16px}.telegram-label{font-size:12px;display:flex;align-items:center;gap:10px;margin-top:26px;color:#4d5737}.telegram-label svg{width:20px;height:20px;flex-shrink:0}.steps{list-style:none;margin:0;padding:0;scroll-margin-top:40px}.steps li{display:flex;align-items:center;gap:24px;padding:25px 0;border-bottom:1px solid #83915330}.steps li:last-child{border:0}.steps li>span{font-size:24px;color:#687441;font-weight:600}.steps h3{font-size:17px;font-weight:600}.steps p{font-size:14px;color:var(--secondary);margin-top:9px;line-height:1.8}.closing{padding-block:64px;display:flex;justify-content:space-between;align-items:center}.closing p{font-size:28px;line-height:1.8}.closing strong{color:var(--brand);font-weight:800}.back-top{width:48px;height:48px;border:1px solid #00000026;border-radius:50%;display:grid;place-items:center;font-size:24px}.back-top:hover{background:var(--accent)}.footer{border-top:1px solid var(--line);padding-block:30px;display:flex;align-items:center;gap:32px}.footer p{font-size:13px;color:var(--secondary)}.footer>span{margin-right:auto;font-size:12px;color:#666}
@media(min-width:1400px){.hero{gap:90px}}
@media(max-width:1050px){.wrap{width:calc(100% - 48px)}.hero{gap:30px}.hero-actions{gap:16px;flex-wrap:wrap}.product-stage{padding:20px}.schedule{padding:22px 16px 16px}.appointment{gap:8px}.client-section{gap:32px;padding:40px}.features article{padding:24px}.hero-description{font-size:16px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.header{height:88px;gap:16px}.brand img{width:112px}.header nav{gap:18px;font-size:12px}.header-link{display:none}.hero{grid-template-columns:1fr;padding-block:44px 48px;gap:40px}.hero-copy{max-width:520px}h1{font-size:48px;margin-block:18px}.hero-description{max-width:none}.hero-note{margin-top:18px}.hero-actions{gap:22px}.product-stage{width:100%;max-width:440px;justify-self:center;padding:24px}.schedule{padding:24px 20px 16px}.providers{padding-block:40px 48px}.section-heading{display:block}.section-heading h2,.client-intro h2{font-size:28px}.section-heading>p{margin-top:12px}.features{grid-template-columns:1fr;gap:14px;margin-top:24px}.features article{padding:24px}.feature-icon{margin-bottom:20px}.feature-tag{margin-top:20px}.client-section{grid-template-columns:1fr;padding:32px 24px;gap:18px}.client-intro h2 br{display:none}.steps li{gap:18px;padding-block:22px}.closing{padding-block:40px}.closing p{font-size:24px}.footer{flex-wrap:wrap;gap:18px;padding-block:24px}.footer>span{width:100%;margin:0}.desktop-break{display:none}}
@media(max-width:380px){.wrap{width:calc(100% - 32px)}h1{font-size:42px}.header nav{gap:12px;font-size:11px}.brand img{width:96px}.product-stage{padding:16px}.schedule{padding:20px 12px 16px}.appointment-status{font-size:9px;padding:4px}.appointment>div{padding-right:8px}.hero-actions{gap:18px}.button{font-size:14px;padding-inline:20px}.week{gap:4px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}
/* Allow the schedule grid to shrink on narrow phones. */
.hero > *, .client-section > * { min-width: 0; }
@media (max-width: 380px) {
  .week > div { padding-inline: 4px; }
  .appointment { gap: 6px; }
  .appointment strong { font-size: 12px; }
}

/* Contact */
.contact-section { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 64px; padding-block: 40px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.contact-section h2 { font-size: 28px; font-weight: 800; margin-block: 12px; }
.contact-section p:not(.eyebrow) { color: var(--secondary); font-size: 16px; line-height: 2; }
.contact-email { display: inline-flex; align-items: center; gap: 20px; padding: 18px 24px; border-radius: 64px; background: var(--accent); font-size: 18px; font-weight: 600; }
.contact-email:hover { background: #d2e88b; }
@media (max-width: 760px) { .contact-section { margin-top: 40px; align-items: flex-start; flex-direction: column; gap: 24px; padding-block: 32px; } .contact-email { font-size: 16px; max-width: 100%; } }

/* App access */
.access-section { padding-top: 80px; }
.access-layout { display: grid; grid-template-columns: 1.45fr 1fr; gap: 20px; margin-top: 32px; }
.provider-access, .customer-access { border-radius: 32px; padding: 36px; min-width: 0; display: flex; flex-direction: column; }
.provider-access { background: #1a1a1a; color: #f5f5f5; border: 1px solid #373737; }
.customer-access { background: #e9eddf; border: 1px solid #83915330; }
.access-topline { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 36px; }
.audience-pill { font-size: 12px; border: 1px solid #83915340; border-radius: 32px; padding: 7px 12px; }
.provider-access .audience-pill { color: var(--accent); border-color: #e2f79c30; }
.access-wordmark { font-family: Arial, sans-serif; font-size: 23px; letter-spacing: -1px; color: var(--accent); }
.access-wordmark span { font-size: 12px; letter-spacing: 0; color: #adadad; }
.access-layout h3 { font-size: clamp(28px, 2.8vw, 38px); font-weight: 800; line-height: 1.65; margin-top: 30px; }
.provider-description, .customer-access > p { font-size: 16px; line-height: 2; margin-top: 16px; }
.provider-description { color: #bdbdbd; }
.customer-access > p { color: var(--secondary); }
.platform-options { display: grid; gap: 12px; margin-top: 32px; }
.platform-option { display: flex; align-items: center; gap: 16px; padding: 18px 20px; border-radius: 20px; transition: background .16s, transform .16s; }
.platform-option:hover { transform: translateY(-2px); }
.web-option { background: var(--accent); color: #1a1a1a; }
.web-option:hover { background: #d2e88b; }
.android-option { background: #ffffff08; border: 1px solid #ffffff24; }
.android-option:hover { background: #ffffff14; }
.platform-symbol { width: 44px; height: 44px; flex-shrink: 0; border-radius: 14px; display: grid; place-items: center; background: #0000000a; }
.android-option .platform-symbol { background: #ffffff0a; color: var(--accent); }
.platform-symbol svg { width: 25px; height: 25px; fill: none; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; }
.platform-copy { display: grid; gap: 5px; }
.platform-copy strong { font-size: 16px; font-weight: 600; }
.platform-copy > span { font-size: 12px; opacity: .75; line-height: 1.8; }
.platform-arrow { margin-right: auto; font-size: 24px; }
.platform-notes { display: flex; flex-wrap: wrap; gap: 12px 22px; color: #adadad; font-size: 11px; line-height: 1.8; margin-top: 20px; }
.platform-notes b { font-size: 10px; font-weight: 400; color: #e2f79c; margin-left: 5px; }
.telegram-mark { width: 30px; height: 30px; color: #596735; }
.booking-route { list-style: none; padding: 0; display: flex; justify-content: space-between; gap: 8px; margin: 28px 0 32px; }
.booking-route li { font-size: 12px; color: #4d5737; display: grid; gap: 10px; }
.booking-route li > span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid #83915350; border-radius: 50%; font-size: 14px; }
.booking-access-actions { margin-top: auto; }
.telegram-action { background: #1a1a1a; color: #f5f5f5; justify-content: space-between; width: 100%; }
.telegram-action:hover { background: #373737; transform: translateY(-2px); }
.booking-web-link { display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 50px; font-size: 14px; margin-top: 8px; }
.booking-web-link:hover { text-decoration: underline; text-underline-offset: 5px; }
.customer-access > .booking-access-note { font-size: 12px; color: #626b50; text-align: center; margin-top: 8px; }
@media (max-width: 950px) { .provider-access, .customer-access { padding: 28px; } .access-layout { grid-template-columns: 1.2fr 1fr; } .access-wordmark span { display: none; } }
@media (max-width: 760px) { .access-section { padding-top: 48px; } .access-layout { grid-template-columns: minmax(0, 1fr); gap: 16px; margin-top: 24px; } .provider-access, .customer-access { padding: 26px 22px; border-radius: 24px; } .access-layout h3 { font-size: 30px; margin-top: 24px; } .platform-option { padding: 16px 12px; gap: 10px; } .platform-copy strong { font-size: 14px; } .platform-symbol { width: 36px; } .platform-arrow { font-size: 20px; } }