:root {
  color-scheme: dark;
  --background: #07070a;
  --background-deep: #050507;
  --surface: #0e0e14;
  --surface-elevated: #14141c;
  --surface-soft: #0b0b10;
  --border: rgba(255,255,255,.105);
  --border-strong: rgba(255,255,255,.18);
  --text: #f5f3ef;
  --text-secondary: #a9a6b2;
  --primary: #8177ff;
  --primary-bright: #9c96ff;
  --secondary: #4d7cff;
  --warm: #d9c9b0;
  --success: #68d7a3;
  --radius-sm: 12px;
  --radius: 20px;
  --radius-lg: 30px;
  --shadow: 0 30px 90px rgba(0,0,0,.38);
  --glow: 0 0 60px rgba(112,102,255,.18);
  --header-height: 78px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 20px); background: var(--background); }
body { margin: 0; min-width: 320px; overflow-x: hidden; background: var(--background); color: var(--text); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: 16px; line-height: 1.6; -webkit-font-smoothing: antialiased; }
body::selection { background: rgba(129,119,255,.32); }
a { color: inherit; text-decoration: none; }
button { font: inherit; color: inherit; }
img, svg { display: block; max-width: 100%; }
.icon { width: 20px; height: 20px; flex: 0 0 auto; }
.container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.section { position: relative; padding: 126px 0; }
.skip-link { position: fixed; z-index: 1000; left: 20px; top: -80px; padding: 12px 18px; border-radius: 12px; background: var(--text); color: var(--background); transition: top .2s; }
.skip-link:focus { top: 16px; }
:focus-visible { outline: 2px solid var(--primary-bright); outline-offset: 4px; }
button, a { -webkit-tap-highlight-color: transparent; }

.site-header { position: fixed; z-index: 100; inset: 0 0 auto; height: var(--header-height); border-bottom: 1px solid transparent; transition: background .3s, border-color .3s, backdrop-filter .3s; }
.site-header.is-scrolled { background: rgba(7,7,10,.78); border-color: var(--border); backdrop-filter: blur(22px) saturate(1.25); }
.header-shell { width: min(1280px, calc(100% - 40px)); height: 100%; margin: auto; display: flex; align-items: center; gap: 24px; }
.brand { display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto; }
.brand-mark { width: 39px; height: 39px; object-fit: contain; }
.brand-copy { display: grid; align-items: center; }
.brand-copy img { width: 126px; height: 28px; object-fit: contain; object-position: left center; }
.brand-copy small, .footer-brand small { margin-top: -2px; color: var(--text-secondary); font-size: 8px; letter-spacing: .42em; text-transform: uppercase; }
.desktop-nav { display: flex; align-items: center; justify-content: center; gap: clamp(18px, 2vw, 32px); margin-inline: auto; }
.desktop-nav a, .footer nav a { position: relative; color: var(--text-secondary); font-size: 13px; font-weight: 500; white-space: nowrap; transition: color .2s; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -7px; height: 1px; background: var(--primary-bright); transition: right .25s; }
.desktop-nav a:hover { color: var(--text); }
.desktop-nav a:hover::after { right: 0; }
.header-actions { display: flex; align-items: center; gap: 9px; }
.language-switcher { display: flex; align-items: center; padding: 4px; border: 1px solid var(--border); border-radius: 12px; background: rgba(255,255,255,.025); }
.language-link { display: grid; min-width: 34px; height: 30px; place-items: center; border-radius: 8px; color: var(--text-secondary); font-size: 10px; font-weight: 700; letter-spacing: .06em; transition: .2s; }
.language-link:hover, .language-link.is-active { background: rgba(255,255,255,.08); color: var(--text); }
.button { display: inline-flex; min-height: 42px; align-items: center; justify-content: center; gap: 9px; padding: 0 17px; border: 1px solid transparent; border-radius: 13px; font-size: 13px; font-weight: 650; cursor: pointer; transition: transform .2s, border-color .2s, background .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); }
.button-primary { background: linear-gradient(135deg, var(--primary), #6259e8); box-shadow: 0 11px 34px rgba(108,97,240,.22), inset 0 1px rgba(255,255,255,.26); color: #fff; }
.button-primary:hover { box-shadow: 0 15px 42px rgba(108,97,240,.34), inset 0 1px rgba(255,255,255,.3); }
.button-secondary, .button-ghost { border-color: var(--border); background: rgba(255,255,255,.035); color: var(--text); }
.button-secondary:hover, .button-ghost:hover { border-color: var(--border-strong); background: rgba(255,255,255,.07); }
.button-large { min-height: 52px; padding-inline: 22px; border-radius: 15px; font-size: 14px; }
.menu-button, .mobile-menu { display: none; }

.hero { min-height: max(760px, 100svh); display: grid; align-items: center; padding-top: calc(var(--header-height) + 70px); overflow: hidden; background: radial-gradient(ellipse 75% 55% at 74% 47%, rgba(64,80,170,.11), transparent 70%), linear-gradient(180deg, #08080d 0%, var(--background) 100%); }
.hero-grid { position: absolute; inset: 0; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px); background-size: 70px 70px; mask-image: linear-gradient(to bottom, black, transparent 88%); }
.hero-ambient { position: absolute; width: 560px; height: 560px; border-radius: 50%; filter: blur(90px); opacity: .16; pointer-events: none; animation: ambient 12s ease-in-out infinite alternate; }
.hero-ambient-one { right: 5%; top: 9%; background: #4f58d8; }
.hero-ambient-two { left: 13%; bottom: -35%; background: #7c4bc7; animation-delay: -5s; }
@keyframes ambient { to { transform: translate3d(30px,-20px,0) scale(1.08); opacity: .21; } }
.hero-layout { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(380px,.88fr) minmax(580px,1.12fr); align-items: center; gap: clamp(40px,6vw,88px); }
.eyebrow, .section-kicker { display: inline-flex; align-items: center; gap: 10px; color: var(--warm); font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.eyebrow::before, .section-kicker::before { content: ""; width: 26px; height: 1px; background: currentColor; opacity: .7; }
.hero h1 { max-width: 680px; margin: 24px 0 22px; font-size: clamp(52px, 6.2vw, 91px); line-height: .96; letter-spacing: -.065em; font-weight: 670; }
.hero h1 span { display: block; margin-bottom: 13px; color: var(--primary-bright); font-size: .2em; line-height: 1; letter-spacing: .2em; text-transform: uppercase; }
.hero-lead { max-width: 620px; margin: 0; color: var(--text-secondary); font-size: clamp(17px, 1.55vw, 21px); line-height: 1.62; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 34px; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 16px 22px; margin-top: 28px; color: #8e8b98; font-size: 11px; }
.hero-proof span { display: flex; align-items: center; gap: 6px; }
.hero-proof .icon { width: 14px; color: var(--success); }
.product-stage { position: relative; width: 720px; margin-left: -15px; perspective: 1400px; }
.product-window { overflow: hidden; min-height: 525px; border: 1px solid rgba(255,255,255,.14); border-radius: 24px; background: rgba(15,15,23,.89); box-shadow: var(--shadow), 0 0 0 1px rgba(92,85,215,.09), var(--glow); transform: rotateY(-5deg) rotateX(1.5deg); transform-origin: left center; backdrop-filter: blur(20px); }
.window-top { height: 44px; display: flex; align-items: center; gap: 7px; padding: 0 15px; border-bottom: 1px solid var(--border); background: rgba(255,255,255,.025); }
.window-top > span { width: 7px; height: 7px; border-radius: 50%; background: #504f59; }
.window-top > span:first-child { background: #8b6a70; }.window-top > span:nth-child(2) { background: #8e815e; }.window-top > span:nth-child(3) { background: #587d6c; }
.window-top b { margin-left: 10px; color: #8e8a97; font-size: 10px; font-weight: 500; }
.window-body { min-height: 480px; display: grid; grid-template-columns: 64px 1fr; }
.demo-sidebar { display: flex; flex-direction: column; align-items: center; gap: 20px; padding-top: 20px; border-right: 1px solid var(--border); }
.demo-sidebar img { width: 31px; height: 31px; object-fit: contain; margin-bottom: 15px; }
.demo-sidebar i { width: 22px; height: 22px; border: 1px solid rgba(255,255,255,.1); border-radius: 7px; }
.demo-sidebar i.active { background: rgba(129,119,255,.18); border-color: rgba(129,119,255,.4); box-shadow: 0 0 20px rgba(129,119,255,.2); }
.demo-content { padding: 22px; }
.demo-heading { display: flex; justify-content: space-between; align-items: center; }
.demo-heading div:first-child { display: grid; }.demo-heading small, .metric-grid small, .demo-chart small { color: var(--text-secondary); font-size: 10px; }.demo-heading strong { font-size: 18px; }.demo-date { padding: 8px 11px; border: 1px solid var(--border); border-radius: 9px; color: var(--text-secondary); font-size: 9px; }
.metric-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 9px; margin-top: 18px; }
.metric-grid > div { position: relative; display: grid; min-height: 87px; align-content: space-between; padding: 13px; border: 1px solid var(--border); border-radius: 13px; background: rgba(255,255,255,.025); }
.metric-grid strong { font-size: 23px; line-height: 1; }.metric-grid span { color: var(--success); font-size: 9px; }.metric-grid .metric-ring { position: absolute; right: 13px; bottom: 12px; width: 22px; height: 22px; border: 3px solid rgba(129,119,255,.2); border-top-color: var(--primary); border-radius: 50%; }
.demo-lower { display: grid; grid-template-columns: 1.15fr .85fr; gap: 10px; margin-top: 10px; }
.demo-calendar, .demo-chart { padding: 14px; border: 1px solid var(--border); border-radius: 14px; background: rgba(255,255,255,.02); }
.calendar-head { display: flex; justify-content: space-between; font-size: 10px; }.calendar-head span { color: var(--primary-bright); }
.calendar-row { display: grid; grid-template-columns: 38px 1fr; align-items: center; gap: 8px; min-height: 51px; border-bottom: 1px solid rgba(255,255,255,.05); }.calendar-row:last-child { border: 0; }.calendar-row time { color: #706d78; font-size: 8px; }.booking { padding: 7px 8px; border-left: 2px solid var(--primary); border-radius: 5px; background: rgba(129,119,255,.11); color: #cbc8d7; font-size: 8px; animation: booking-in .7s both; }.booking-2{animation-delay:.15s}.booking-3{animation-delay:.3s}.booking-4{animation-delay:.45s}
@keyframes booking-in { from { opacity: 0; transform: translateX(12px); } }
.demo-chart { display: flex; flex-direction: column; justify-content: space-between; }.demo-chart > div { display: grid; }.demo-chart strong { font-size: 20px; }.demo-chart svg { margin-top: 25px; }.chart-line { fill: none; stroke: var(--primary-bright); stroke-width: 3; stroke-linecap: round; filter: drop-shadow(0 0 8px rgba(129,119,255,.38)); stroke-dasharray: 800; animation: draw 1.8s .5s both; }.chart-area { opacity: 0; animation: fade .8s 1s forwards; }@keyframes draw{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}@keyframes fade{to{opacity:1}}
.floating-card { position: absolute; z-index: 3; display: flex; align-items: center; gap: 10px; padding: 11px 14px; border: 1px solid rgba(255,255,255,.16); border-radius: 14px; background: rgba(20,20,29,.88); box-shadow: 0 18px 50px rgba(0,0,0,.35); backdrop-filter: blur(16px); }.floating-card div { display: grid; }.floating-card b { font-size: 11px; }.floating-card small { color: var(--text-secondary); font-size: 8px; }.floating-sayo { right: -22px; top: 85px; }.floating-sayo > i { width: 6px; height: 6px; border-radius: 50%; background: var(--success); box-shadow: 0 0 12px var(--success); }.sayo-orb { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 11px; background: linear-gradient(145deg, var(--primary), #4f55d9); box-shadow: 0 8px 22px rgba(98,88,230,.28); }.sayo-orb .icon { width: 18px; }.floating-reminder { left: -33px; bottom: 46px; }.floating-reminder > .icon:first-child { color: var(--warm); }.floating-reminder > .icon:last-child { width: 16px; color: var(--success); }
.float-slow { animation: float 7s ease-in-out infinite; }@keyframes float{50%{transform:rotateY(-5deg) rotateX(1.5deg) translateY(-8px)}}
.scroll-cue { position: absolute; z-index: 2; left: 50%; bottom: 25px; display: grid; place-items: center; gap: 7px; color: #777480; font-size: 9px; letter-spacing: .12em; text-transform: uppercase; transform: translateX(-50%); }.scroll-cue span { width: 1px; height: 24px; background: linear-gradient(var(--primary),transparent); }

.section-heading { max-width: 730px; margin-bottom: 66px; }.section-heading h2, .intro h2, .sayo-copy h2, .contact-copy h2, .final-cta h2 { margin: 18px 0; font-size: clamp(38px,5vw,68px); line-height: 1.05; letter-spacing: -.048em; }.section-heading p, .intro-copy p, .sayo-copy > p, .contact-copy > p { max-width: 660px; margin: 0; color: var(--text-secondary); font-size: 18px; line-height: 1.7; }
.intro { overflow: hidden; background: linear-gradient(180deg,var(--background),#0a0a10,var(--background)); }.intro .container { min-height: 470px; display: grid; grid-template-columns: 1.1fr .9fr; align-items: center; gap: 80px; }.intro-copy h2 { max-width: 770px; }.orbit-ui { position: relative; min-height: 350px; }.orbit-ui::before,.orbit-ui::after{content:"";position:absolute;inset:16% 9%;border:1px solid rgba(129,119,255,.18);border-radius:50%;transform:rotate(-12deg)}.orbit-ui::after{inset:28% 20%;transform:rotate(24deg)}.orbit-ui span { position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:12px 15px;border:1px solid var(--border);border-radius:13px;background:rgba(18,18,26,.88);box-shadow:var(--shadow);font-size:12px}.orbit-ui span:nth-child(1){left:2%;top:12%}.orbit-ui span:nth-child(2){right:2%;top:24%}.orbit-ui span:nth-child(3){left:15%;bottom:14%}.orbit-ui span:nth-child(4){right:12%;bottom:8%;color:var(--primary-bright)}
.product-story { background: var(--background-deep); }.story-list { display: grid; gap: 120px; }.story-row { display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: clamp(60px,9vw,130px); }.story-row.story-reverse { grid-template-columns: 1.22fr .78fr; }.story-reverse .story-copy { order: 2; }.story-index { display: block; margin-bottom: 18px; color: #605d69; font: 500 11px/1 ui-monospace, monospace; letter-spacing: .15em; }.feature-icon { display: grid; width: 44px; height: 44px; place-items: center; margin-bottom: 22px; border: 1px solid rgba(129,119,255,.25); border-radius: 13px; background: rgba(129,119,255,.08); color: var(--primary-bright); }.story-copy h3 { max-width: 450px; margin: 0 0 18px; font-size: clamp(30px,3.4vw,47px); line-height: 1.08; letter-spacing: -.04em; }.story-copy > p { max-width: 480px; margin: 0; color: var(--text-secondary); font-size: 17px; }.story-copy ul { display: grid; gap: 9px; margin: 24px 0 0; padding: 0; list-style: none; color: #cbc8d2; font-size: 13px; }.story-copy li { display: flex; align-items: center; gap: 8px; }.story-copy li .icon { width: 15px; color: var(--success); }.status-badge { display:inline-flex;margin-top:22px;padding:6px 10px;border:1px solid rgba(217,201,176,.2);border-radius:999px;background:rgba(217,201,176,.06);color:var(--warm);font-size:10px;letter-spacing:.05em;text-transform:uppercase}
.story-visual { position: relative; }.story-visual::before { content:"";position:absolute;inset:10%;border-radius:50%;background:rgba(77,75,180,.13);filter:blur(70px); }.ui-panel { position:relative;overflow:hidden;min-height:420px;padding:22px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(20,20,29,.96),rgba(11,11,16,.96));box-shadow:var(--shadow) }.ui-panel::after { content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 28%);pointer-events:none }.ui-panel-head { position:relative;z-index:2;display:flex;justify-content:space-between;padding-bottom:17px;border-bottom:1px solid var(--border);font-size:13px }.ui-panel-head span{color:#5d5a65;letter-spacing:.2em}
.week-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:18px}.week-days span{display:grid;place-items:center;gap:7px;padding:10px 4px;border-radius:10px;color:var(--text-secondary);font-size:9px}.week-days b{color:var(--text);font-size:14px}.week-days .active{background:linear-gradient(145deg,var(--primary),#5c55d9);color:#fff}.week-days .active b{color:#fff}.slot-list{display:grid;margin-top:20px}.slot-list>time,.slot-list>div{border-top:1px solid rgba(255,255,255,.06)}.slot-list{grid-template-columns:55px 1fr}.slot-list time{padding-top:18px;color:#6e6b76;font-size:10px}.slot-list>div{margin-bottom:8px;padding:14px 15px;border-left:2px solid var(--primary);border-radius:5px 10px 10px 5px;background:rgba(129,119,255,.08);font-size:12px}.slot-list small{display:block;margin-top:2px;color:var(--text-secondary)}
.profile-head{display:flex;align-items:center;gap:14px;margin:28px 0}.profile-head>span{display:grid;width:58px;height:58px;place-items:center;border-radius:18px;background:linear-gradient(145deg,#8177ff,#4844a3);font-weight:700}.profile-head div{display:grid}.profile-head small{color:var(--text-secondary)}.profile-stats{display:grid;grid-template-columns:1fr 1.4fr .55fr;gap:9px}.profile-stats div{display:grid;align-content:space-between;min-height:100px;padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.025)}.profile-stats small{color:var(--text-secondary);font-size:9px}.profile-stats b{font-size:12px}.note{display:flex;align-items:center;gap:10px;margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:14px;color:var(--text-secondary);font-size:11px}.note .icon{color:var(--warm)}
.staff-list,.service-list{display:grid;gap:10px;margin-top:22px}.staff-list>div,.service-list>div{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--border);border-radius:15px;background:rgba(255,255,255,.022)}.staff-list>div>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:rgba(129,119,255,.12);color:var(--primary-bright);font-weight:700}.staff-list section{display:grid;flex:1}.staff-list small,.service-list small{color:var(--text-secondary);font-size:9px}.staff-list section i{overflow:hidden;height:3px;margin-top:8px;border-radius:3px;background:rgba(255,255,255,.07)}.staff-list section em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--secondary))}.staff-list>div>strong{font-size:11px}.service-list>div>span{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:rgba(129,119,255,.1);color:var(--primary-bright)}.service-list section{display:grid;flex:1}.service-list>div>strong{font-size:13px;color:var(--warm)}
.reminder-flow{display:grid;place-items:center;gap:15px;margin-top:45px}.reminder-flow>div{display:flex;width:min(390px,100%);align-items:center;gap:15px;padding:18px;border:1px solid var(--border);border-radius:17px;background:rgba(255,255,255,.025)}.reminder-flow>div>.icon{width:28px;color:var(--primary-bright)}.reminder-flow section{display:grid;flex:1}.reminder-flow small{color:var(--text-secondary)}.reminder-flow>i{width:1px;height:42px;background:linear-gradient(var(--primary),rgba(129,119,255,.1))}.reminder-flow .success{border-color:rgba(104,215,163,.22);background:rgba(104,215,163,.055)}.reminder-flow .success>.icon:last-child{width:20px;color:var(--success)}
.conversation{display:flex;min-height:345px;flex-direction:column;padding-top:25px}.bubble{max-width:76%;margin-bottom:12px;padding:12px 14px;border-radius:16px;font-size:12px}.bubble small{display:block;margin-top:4px;color:var(--text-secondary);font-size:8px}.bubble.incoming{align-self:flex-start;border:1px solid var(--border);border-bottom-left-radius:5px;background:rgba(255,255,255,.035)}.bubble.outgoing{align-self:flex-end;border-bottom-right-radius:5px;background:linear-gradient(145deg,#6f66e9,#5851c9)}.bubble.outgoing small{color:rgba(255,255,255,.65)}.composer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding:13px 15px;border:1px solid var(--border);border-radius:14px;color:#6d6a74;font-size:11px}.composer .icon{width:18px;color:var(--primary-bright)}
.analytics-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:18px}.analytics-metrics div{display:grid;padding:12px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025)}.analytics-metrics small{color:var(--text-secondary);font-size:8px}.analytics-metrics b{margin-top:6px;font-size:14px}.analytics-chart{margin-top:40px;overflow:visible}

.sayo-section { overflow:hidden;background:radial-gradient(circle at 75% 45%,rgba(91,75,190,.19),transparent 40%),linear-gradient(180deg,#08080d,#0a0a13 45%,#08080c); }.sayo-glow{position:absolute;width:600px;height:600px;left:-250px;top:10%;border-radius:50%;background:rgba(44,70,170,.12);filter:blur(100px)}.sayo-layout{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(60px,9vw,130px)}.section-kicker i{padding:4px 8px;border:1px solid rgba(129,119,255,.24);border-radius:999px;background:rgba(129,119,255,.08);color:var(--primary-bright);font-size:8px;font-style:normal;letter-spacing:.04em;text-transform:none}.prompt-cloud{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.prompt-cloud span{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025);color:#b5b2be;font-size:10px;animation:chip-glow 7s var(--delay) infinite}.prompt-cloud .icon{width:13px;color:var(--primary-bright)}@keyframes chip-glow{10%,18%{border-color:rgba(129,119,255,.45);background:rgba(129,119,255,.1);transform:translateY(-2px)}}.sayo-note{display:flex;align-items:flex-start;gap:9px;margin-top:24px;color:#8f8c98;font-size:11px}.sayo-note .icon{width:15px;color:var(--success);margin-top:2px}.sayo-demo{overflow:hidden;border:1px solid rgba(129,119,255,.22);border-radius:28px;background:rgba(14,14,21,.93);box-shadow:0 40px 110px rgba(0,0,0,.48),0 0 80px rgba(91,78,220,.1)}.sayo-demo-head{display:flex;align-items:center;gap:11px;padding:15px 17px;border-bottom:1px solid var(--border)}.sayo-demo-head div{display:grid}.sayo-demo-head small{color:var(--text-secondary);font-size:9px}.sayo-demo-head>i{width:7px;height:7px;margin-left:auto;border-radius:50%;background:var(--success);box-shadow:0 0 12px var(--success)}.chat-body{display:flex;min-height:430px;flex-direction:column;gap:18px;padding:24px}.chat-bubble.user{align-self:flex-end;max-width:78%;background:linear-gradient(145deg,#746aee,#5851c9);border-bottom-right-radius:5px}.chat-bubble.assistant{max-width:86%;border:1px solid var(--border);background:rgba(255,255,255,.03);border-bottom-left-radius:5px}.assistant-label{display:flex;align-items:center;gap:7px}.assistant-label .icon{width:15px;color:var(--primary-bright)}.chat-bubble dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.chat-bubble dl div{display:grid;padding:10px;border-radius:10px;background:rgba(255,255,255,.035)}.chat-bubble dt{color:var(--text-secondary);font-size:8px}.chat-bubble dd{margin:2px 0 0;font-weight:600}.chat-bubble.assistant>p{display:flex;align-items:center;gap:6px;margin:9px 0;color:var(--success);font-size:10px}.chat-bubble.assistant>p .icon{width:14px}.chat-actions{display:flex;gap:7px;margin-top:12px}.chat-actions span{display:grid;min-height:35px;padding:0 13px;place-items:center;border:1px solid var(--border);border-radius:10px;background:rgba(255,255,255,.04);font-size:10px}.chat-actions span:first-child{border-color:transparent;background:var(--primary)}.fake-composer{display:flex;align-items:center;justify-content:space-between;margin:0 17px 17px;padding:14px 16px;border:1px solid var(--border);border-radius:14px;color:#66636e;font-size:11px}.fake-composer .icon{width:18px;color:var(--primary-bright)}

.workflow{background:linear-gradient(180deg,var(--background),#0a0a0e)}.workflow-line{position:relative;display:grid;grid-template-columns:repeat(6,1fr);margin:10px 0 100px}.workflow-line::before{content:"";position:absolute;left:5%;right:5%;top:20px;height:1px;background:rgba(255,255,255,.1)}.workflow-line>i{position:absolute;z-index:1;left:5%;top:20px;width:90%;height:1px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--primary));transform:scaleX(0);transform-origin:left;transition:transform 1.5s .3s}.workflow-line.is-visible>i{transform:scaleX(1)}.workflow-line>div{position:relative;z-index:2;display:grid;place-items:center;gap:13px;text-align:center}.workflow-line span{display:grid;width:40px;height:40px;place-items:center;border:1px solid var(--border);border-radius:50%;background:#0a0a0e;color:var(--primary-bright);font:600 10px/1 ui-monospace}.workflow-line b{font-size:12px}.role-grid{display:grid;gap:24px}.role-card{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;min-height:460px;padding:45px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft);overflow:hidden}.role-card-reverse{grid-template-columns:.85fr 1.15fr}.role-card-reverse .role-visual{order:2}.role-copy>span{color:var(--primary-bright);font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.role-copy h3{margin:13px 0;font-size:clamp(32px,4vw,53px);line-height:1.05;letter-spacing:-.045em}.role-copy p{margin:0;color:var(--text-secondary);font-size:16px}.role-visual{padding:18px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,#15151e,#0d0d13);box-shadow:var(--shadow)}.owner-visual>div:first-child{padding:18px}.owner-visual small{display:block;color:var(--text-secondary);font-size:10px}.owner-visual strong{font-size:27px}.owner-visual svg{margin-top:15px;overflow:visible}.owner-visual svg path{fill:none;stroke:var(--primary-bright);stroke-width:3;stroke-linecap:round}.owner-visual>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.owner-visual>div:last-child span{display:grid;padding:10px;border-radius:11px;background:rgba(255,255,255,.035);color:var(--text-secondary);font-size:8px}.owner-visual>div:last-child b{margin-top:5px;color:var(--text);font-size:13px}.admin-visual{display:grid;gap:8px}.quick-search{margin-bottom:5px;padding:11px 13px;border:1px solid var(--border);border-radius:11px;color:#67646f;font-size:10px}.admin-visual>div:not(.quick-search){display:flex;align-items:center;gap:9px;padding:10px;border-radius:11px;background:rgba(255,255,255,.03);font-size:10px}.admin-visual>div:not(.quick-search)>span{display:grid;width:30px;height:30px;place-items:center;border-radius:9px;background:rgba(129,119,255,.1);color:var(--primary-bright)}.admin-visual .icon{width:15px}.admin-visual b{flex:1}.admin-visual>div>.icon{color:#65626d}
.why{background:#08080c}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.why-card{position:relative;min-height:300px;padding:25px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,rgba(20,20,29,.7),rgba(11,11,16,.7));transition:transform .3s,border-color .3s,box-shadow .3s}.why-card:hover{transform:translateY(-5px);border-color:rgba(129,119,255,.3);box-shadow:0 22px 60px rgba(0,0,0,.25)}.why-card>span{display:grid;width:43px;height:43px;place-items:center;border-radius:13px;background:rgba(129,119,255,.1);color:var(--primary-bright)}.why-card>small{position:absolute;right:22px;top:24px;color:#5c5963;font:500 10px ui-monospace}.why-card h3{margin:70px 0 12px;font-size:20px}.why-card p{margin:0;color:var(--text-secondary);font-size:13px}

.contact{background:radial-gradient(circle at 50% 100%,rgba(90,76,190,.14),transparent 48%)}.contact-shell{padding:60px;border:1px solid var(--border);border-radius:34px;background:linear-gradient(145deg,rgba(20,20,29,.85),rgba(10,10,15,.92));box-shadow:var(--shadow)}.contact-copy{max-width:800px}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:45px}.contact-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:14px;min-height:190px;padding:21px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.025);transition:transform .25s,border-color .25s,box-shadow .25s}.contact-card:hover{transform:translateY(-4px);border-color:rgba(129,119,255,.34);box-shadow:0 18px 45px rgba(68,57,160,.12)}.contact-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:13px;background:rgba(129,119,255,.1);color:var(--primary-bright)}.contact-card div{display:grid}.contact-card p{min-height:48px;margin:5px 0 18px;color:var(--text-secondary);font-size:11px}.contact-card small{color:var(--warm);font-size:10px}.contact-arrow{width:17px;color:#696671;transition:transform .25s}.contact-card:hover .contact-arrow{transform:translateX(3px);color:var(--primary-bright)}.final-cta{padding-top:70px;text-align:center}.final-cta .container{display:grid;justify-items:center}.final-cta img{width:70px;height:70px;object-fit:contain;filter:drop-shadow(0 0 28px rgba(129,119,255,.2))}.final-cta span{margin-top:12px;color:var(--primary-bright);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.final-cta h2{max-width:850px}.final-cta .container>div{display:flex;gap:10px}
.footer{padding:70px 0 28px;border-top:1px solid var(--border);background:var(--background-deep)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .5fr;gap:50px}.footer-brand .brand span{display:grid}.footer-brand p{max-width:320px;margin:22px 0 0;color:var(--text-secondary);font-size:12px}.footer nav,.footer-contacts{display:grid;align-content:start;gap:11px}.footer-contacts a{color:var(--text-secondary);font-size:12px;transition:color .2s}.footer-contacts a:hover,.footer nav a:hover{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;margin-top:55px;padding-top:18px;border-top:1px solid var(--border);color:#66636e;font-size:9px;letter-spacing:.05em}

.reveal{opacity:0;transform:translateY(20px);animation:reveal .75s .15s cubic-bezier(.2,.75,.2,1) forwards}.reveal-delay-1{animation-delay:.27s}.reveal-delay-2{animation-delay:.39s}.reveal-delay-3{animation-delay:.51s}.reveal-delay-4{animation-delay:.65s}@keyframes reveal{to{opacity:1;transform:none}}.observe{opacity:0;transform:translateY(34px);filter:blur(3px);transition:opacity .75s,transform .75s,filter .75s}.observe.is-visible{opacity:1;transform:none;filter:none}.story-row.observe:nth-child(even){transition-delay:.08s}

@media(max-width:1100px){.header-shell{width:min(100% - 30px,1000px)}.desktop-nav{gap:14px}.desktop-nav a{font-size:11px}.login-desktop{display:none}.hero-layout{grid-template-columns:.85fr 1.15fr;gap:30px}.product-stage{width:620px}.product-window{min-height:490px}.window-body{min-height:445px}.floating-sayo{right:0}.floating-reminder{left:-15px}.story-row,.story-row.story-reverse{gap:50px}.contact-shell{padding:42px}.why-card{min-height:320px}}
@media(max-width:900px){:root{--header-height:68px}.section{padding:92px 0}.container{width:min(100% - 32px,760px)}.site-header,.site-header.is-scrolled{background:var(--background);border-color:var(--border);backdrop-filter:none}.desktop-nav,.language-switcher,.connect-desktop{display:none}.menu-button{display:grid;width:44px;height:44px;margin-left:auto;place-content:center;gap:6px;border:1px solid var(--border);border-radius:13px;background:var(--surface);touch-action:manipulation;cursor:pointer}.menu-button span{width:18px;height:1.5px;border-radius:2px;background:var(--text);transform-origin:center;transition:transform .16s ease}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.mobile-menu{display:grid;position:fixed;z-index:99;inset:var(--header-height) 0 auto;max-height:calc(100dvh - var(--header-height));overflow-y:auto;overscroll-behavior:contain;padding:20px 20px max(26px,env(safe-area-inset-bottom));border-bottom:1px solid var(--border);background:var(--background);transform:translate3d(0,-12px,0);opacity:0;visibility:hidden;pointer-events:none;transition:transform .16s ease,opacity .16s ease,visibility 0s linear .16s}.mobile-menu.is-open{transform:translate3d(0,0,0);opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}.mobile-menu nav{display:grid}.mobile-menu nav a{min-height:48px;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.06);font-size:17px;touch-action:manipulation}.mobile-languages{display:grid;grid-template-columns:auto repeat(3,1fr);align-items:center;gap:6px;margin:18px 0}.mobile-languages .icon{margin-right:6px;color:var(--text-secondary)}.mobile-languages .language-link{min-width:0;height:42px;border:1px solid var(--border);background:var(--surface);touch-action:manipulation;transition:background .12s,color .12s,border-color .12s}.mobile-languages .language-link.is-active{border-color:var(--border-strong);background:rgba(129,119,255,.14);color:var(--text)}.mobile-actions{display:grid;grid-template-columns:1fr 1.4fr;gap:8px}.menu-open{overflow:hidden}.hero{min-height:auto;padding:145px 0 105px}.hero-layout{grid-template-columns:1fr}.hero-copy{max-width:690px}.hero h1{font-size:clamp(55px,11vw,82px)}.product-stage{width:100%;margin:40px 0 0}.product-window{transform:none}.float-slow{animation:none}.floating-sayo{right:-5px}.intro .container,.sayo-layout{grid-template-columns:1fr;gap:45px}.orbit-ui{width:min(520px,100%);margin:auto}.story-list{gap:85px}.story-row,.story-row.story-reverse{grid-template-columns:1fr;gap:38px}.story-reverse .story-copy{order:0}.story-copy{max-width:650px}.ui-panel{min-height:390px}.role-card,.role-card-reverse{grid-template-columns:1fr;gap:35px;padding:32px}.role-card-reverse .role-visual{order:0}.why-grid{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.contact-card{min-height:140px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}
@media(max-width:600px){.container{width:min(100% - 24px,520px)}.header-shell{width:calc(100% - 24px);gap:10px}.brand{min-width:0;gap:7px}.brand-mark{width:32px;height:32px}.brand-copy img{width:104px;height:24px}.brand-copy small{font-size:7px;letter-spacing:.34em}.header-actions{margin-left:auto;gap:6px}.theme-toggle{width:58px;height:34px}.theme-toggle::before{top:3px;left:3px;width:26px;height:26px;transform:translateX(26px)}:root[data-theme="light"] .theme-toggle::before{transform:translateX(0)}.menu-button{width:42px;height:42px;margin-left:0}.hero{padding-top:125px}.hero h1{margin-top:20px;font-size:clamp(46px,14vw,66px)}.hero h1 span{font-size:.22em}.hero-lead{font-size:16px}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-proof{display:grid;gap:9px}.product-stage{width:100%;margin-top:30px}.product-window{min-height:445px;border-radius:19px}.window-body{grid-template-columns:44px minmax(0,1fr);min-height:400px}.demo-sidebar{gap:15px;padding-top:15px}.demo-sidebar img{width:25px;height:25px}.demo-sidebar i{width:17px;height:17px}.demo-content{min-width:0;padding:13px}.demo-heading{gap:10px}.demo-heading strong{font-size:16px}.demo-date{flex:0 0 auto;padding:7px 9px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.metric-grid>div{min-width:0;min-height:76px;padding:9px}.metric-grid small{font-size:8px}.metric-grid strong{font-size:18px}.demo-lower{grid-template-columns:minmax(0,1fr)}.demo-chart{display:none}.demo-calendar{width:100%;padding:10px}.calendar-row{grid-template-columns:40px minmax(0,1fr);min-height:44px}.floating-card{padding:9px 10px}.floating-sayo{right:8px;top:66px}.floating-reminder{left:8px;bottom:-28px}.scroll-cue{display:none}.section{padding:78px 0}.section-heading{margin-bottom:45px}.section-heading h2,.intro h2,.sayo-copy h2,.contact-copy h2,.final-cta h2{font-size:clamp(34px,11vw,47px)}.section-heading p,.intro-copy p,.sayo-copy>p,.contact-copy>p{font-size:16px}.intro .container{min-height:590px}.orbit-ui{min-height:270px}.story-list{gap:72px}.story-copy h3{font-size:32px}.story-copy>p{font-size:15px}.ui-panel{min-height:360px;padding:15px;border-radius:22px}.week-days{gap:2px}.week-days span{padding:8px 2px}.profile-stats{grid-template-columns:1fr 1fr}.profile-stats div:last-child{grid-column:1/-1;min-height:70px}.analytics-metrics{grid-template-columns:1fr 1fr}.analytics-chart{margin-top:30px}.sayo-layout{gap:38px}.section-kicker i{display:none}.chat-body{min-height:400px;padding:15px}.chat-bubble{max-width:90%}.chat-bubble.assistant{max-width:100%}.chat-bubble dl{grid-template-columns:1fr 1fr}.workflow-line{grid-template-columns:repeat(3,1fr);row-gap:28px;margin-bottom:70px}.workflow-line::before,.workflow-line>i{display:none}.role-card{padding:22px;min-height:auto}.why-grid{grid-template-columns:1fr}.why-card{min-height:245px}.why-card h3{margin-top:48px}.contact-shell{padding:27px 18px;border-radius:25px}.contact-grid{margin-top:32px}.contact-card{grid-template-columns:auto 1fr;min-height:160px;padding:17px}.contact-arrow{display:none}.final-cta .container>div{display:grid;width:100%}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-brand{grid-column:auto}.footer-bottom{display:grid;gap:7px}.mobile-actions{grid-template-columns:1fr}.mobile-menu{max-height:calc(100svh - var(--header-height));overflow:auto}}
@media(max-width:380px){.header-shell{width:calc(100% - 18px);gap:7px}.brand-mark{width:29px;height:29px}.brand-copy img{width:91px}.brand-copy small{font-size:6px}.theme-toggle{width:54px}.theme-toggle::before{transform:translateX(22px)}:root[data-theme="light"] .theme-toggle::before{transform:translateX(0)}.menu-button{width:40px;height:40px}.demo-content{padding:10px}.metric-grid>div{padding:8px 6px}.metric-grid strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-ambient,.float-slow,.prompt-cloud span,.booking,.chart-line,.chart-area{animation:none!important}.chart-area{opacity:1}.chart-line{stroke-dasharray:none}.reveal,.observe{opacity:1;transform:none;filter:none;animation:none;transition:none}.button,.contact-card,.why-card{transition:none}}

/* Theme system and Sayo layout polish */
:root[data-theme="light"] {
  color-scheme: light;
  --background: #f7f6f3;
  --background-deep: #efede9;
  --surface: #ffffff;
  --surface-elevated: #ffffff;
  --surface-soft: #f1efeb;
  --border: rgba(30,25,42,.12);
  --border-strong: rgba(30,25,42,.2);
  --text: #17151c;
  --text-secondary: #66616e;
  --warm: #7b6445;
  --success: #16845b;
  --shadow: 0 28px 80px rgba(38,31,61,.12);
  --glow: 0 0 60px rgba(112,102,255,.12);
}
.theme-toggle { position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;width:64px;height:36px;padding:3px;border:1px solid var(--border);border-radius:999px;background:var(--surface);color:var(--text-secondary);cursor:pointer;isolation:isolate;touch-action:manipulation;transition:border-color .14s,background .14s }
.theme-toggle::before { content:"";position:absolute;z-index:0;top:3px;left:3px;width:28px;height:28px;border-radius:50%;background:linear-gradient(145deg,#7770ff,#5e54e8);box-shadow:0 5px 16px rgba(89,76,220,.34);transform:translate3d(28px,0,0);transition:transform .16s ease-out,background .16s,box-shadow .16s }
.theme-toggle:hover { transform:translateY(-2px);border-color:var(--border-strong);background:rgba(255,255,255,.07) }
.theme-toggle:focus-visible { outline:2px solid var(--primary-bright);outline-offset:3px }
.theme-toggle .icon { position:relative;z-index:1;display:block;width:16px;height:16px;margin:auto;opacity:.42;transform:none;color:var(--text-secondary);transition:opacity .2s,color .2s,transform .25s }
.theme-toggle .theme-moon { opacity:1;color:#fff;transform:none }
:root[data-theme="light"] .theme-toggle::before { transform:translate3d(0,0,0);background:linear-gradient(145deg,#ffca66,#f29a3d);box-shadow:0 5px 16px rgba(225,148,51,.3) }
:root[data-theme="light"] .theme-toggle .theme-sun { opacity:1;color:#fff;transform:none }
:root[data-theme="light"] .theme-toggle .theme-moon { opacity:.42;color:var(--text-secondary);transform:none }
.chat-bubble { box-sizing:border-box;padding:16px 18px;border-radius:17px;font-size:13px;line-height:1.5 }
.chat-body { min-height:0;padding:26px 26px 22px }
.chat-bubble.user { max-width:80%;box-shadow:0 12px 34px rgba(72,61,188,.2) }
.chat-bubble.assistant { align-self:flex-start;width:min(460px,90%);padding:20px;border-radius:19px;border-bottom-left-radius:7px }
.chat-bubble.assistant dl { margin:16px 0 14px }
.chat-bubble.assistant>p { margin:12px 0 0 }
.chat-actions { align-items:stretch;margin-top:17px;padding-bottom:1px }
.chat-actions span { min-height:40px;padding:0 17px;border-radius:12px;white-space:nowrap }
.sayo-demo { align-self:center }
.sayo-layout { grid-template-columns:1fr 1.05fr;gap:clamp(48px,6vw,80px) }
.sayo-copy h2 { font-size:clamp(40px,4.5vw,64px) }
.product-window,.ui-panel,.role-visual { --text-secondary:#a9a6b2;--border:rgba(255,255,255,.105);color:#f5f3ef }
.sayo-section { --text:#f5f3ef;--text-secondary:#a9a6b2;--border:rgba(255,255,255,.105);--border-strong:rgba(255,255,255,.18);--success:#68d7a3;color:var(--text) }
:root[data-theme="light"] .site-header.is-scrolled { background:rgba(247,246,243,.86) }
:root[data-theme="light"] .language-link:hover,
:root[data-theme="light"] .language-link.is-active,
:root[data-theme="light"] .theme-toggle:hover { background:rgba(30,25,42,.07) }
:root[data-theme="light"] .hero { background:radial-gradient(ellipse 75% 55% at 74% 47%,rgba(104,91,220,.1),transparent 70%),linear-gradient(180deg,#f0eef8 0%,var(--background) 100%) }
:root[data-theme="light"] .hero-grid { opacity:.35;background-image:linear-gradient(rgba(30,25,42,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(30,25,42,.055) 1px,transparent 1px) }
:root[data-theme="light"] .intro { background:linear-gradient(180deg,var(--background),var(--surface-soft),var(--background)) }
:root[data-theme="light"] .orbit-ui span { background:rgba(255,255,255,.92) }
:root[data-theme="light"] .why { background:var(--background) }
:root[data-theme="light"] .why-card { background:linear-gradient(145deg,rgba(255,255,255,.92),rgba(245,243,240,.92)) }
:root[data-theme="light"] .workflow { background:linear-gradient(180deg,var(--background),var(--background-deep)) }
:root[data-theme="light"] .workflow-line span { background:var(--background) }
:root[data-theme="light"] .contact-shell { background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(242,240,237,.96)) }
:root[data-theme="light"] .contact-card { background:rgba(255,255,255,.72) }
:root[data-theme="light"] .footer { background:var(--background-deep) }
:root[data-theme="light"] .button-secondary,
:root[data-theme="light"] .button-ghost { background:rgba(30,25,42,.035) }
:root[data-theme="light"] .floating-card { color:#f5f3ef }
@media(max-width:900px){.sayo-layout{grid-template-columns:1fr;gap:45px}:root[data-theme="light"] .mobile-menu{background:var(--background)}.theme-toggle{width:58px;height:34px}.theme-toggle::before{width:26px;height:26px;transform:translate3d(26px,0,0)}:root[data-theme="light"] .theme-toggle::before{transform:translate3d(0,0,0)}.theme-toggle:hover{transform:none;background:var(--surface)}}
@media(max-width:600px){.sayo-copy h2{font-size:clamp(36px,11vw,47px)}.chat-body{padding:15px}.chat-bubble.user{max-width:92%}.chat-bubble.assistant{max-width:100%;width:100%;padding:17px}.chat-actions{display:grid;grid-template-columns:1fr 1fr}.chat-actions span{padding:0 10px}}
@media(max-width:380px){.theme-toggle{width:54px}.theme-toggle::before{transform:translate3d(22px,0,0)}:root[data-theme="light"] .theme-toggle::before{transform:translate3d(0,0,0)}}