/* Kavely — visual direction inspired by the Spek reference supplied by the user. */
:root{color-scheme:dark;--bg:#0a090c;--surface:#17141b;--surface-raised:#211c26;--ink:#f3efe7;--muted:#b7ada0;--line:#373039;--accent:#f4791e;--accent-hover:#ff923e;--radius:12px;--space:8px;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.65 'Work Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.12;letter-spacing:-.045em;text-wrap:balance}h1,h2{font-family:'Work Sans',sans-serif}h3{font-size:22px;letter-spacing:-.03em}button,a,input,select,textarea{outline-offset:5px}:focus-visible{outline:2px solid #ffb27a}.container{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;padding:12px 20px;background:var(--accent);z-index:100;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{height:100px}.site-nav{display:flex;height:100%;align-items:center;justify-content:space-between;gap:24px}.site-brand{display:flex;align-items:center;min-height:44px}.site-brand img{width:126px;height:42px;object-fit:contain}.site-nav nav{display:flex;align-items:center;gap:30px;font-size:13px;color:var(--muted)}.site-nav nav>a{display:flex;align-items:center;min-height:44px;transition:color .18s}.site-nav nav>a:hover{color:var(--ink)}.nav-demo{background:transparent;border:1px solid #454545;border-radius:7px;padding:10px 18px;min-height:44px;display:flex;gap:20px;align-items:center}.nav-demo:hover{background:var(--surface-raised);border-color:var(--accent);color:#ffb27a}.nav-chat-icon{flex-shrink:0;color:var(--accent)}.menu-toggle{display:none}.intro-section{text-align:center;padding:106px 0 68px}.overline{font-size:10px;font-weight:500;letter-spacing:.14em;color:var(--muted);display:flex;align-items:center;justify-content:center;gap:9px}.status-dot{width:6px;height:6px;background:var(--accent);border-radius:50%;display:inline-block;flex-shrink:0}.intro-section h1{font-size:clamp(42px,5.5vw,68px);margin:23px auto 26px;max-width:960px;line-height:1.07;font-weight:500}.intro-description{font-size:15px;line-height:1.75;color:var(--muted)}.intro-actions{margin-top:32px;display:flex;justify-content:center;align-items:center;gap:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:12px 21px;min-height:46px;border-radius:7px;border:1px solid transparent;font-size:13px;font-weight:500;transition:background .18s,transform .18s}.btn-orange{background:var(--accent);color:#17130f;font-weight:600}.btn-orange:hover{background:var(--accent-hover);transform:translateY(-1px)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:progress;transform:none}.text-link{display:inline-flex;align-items:center;gap:12px;min-height:44px;font-size:13px;font-weight:400;background:transparent;border:0;padding:0;color:#d0d0d0;transition:color .18s}.text-link:hover{color:#fff}.text-link span,.arr{transition:transform .18s}.text-link:hover span,.btn:hover .arr{transform:translate(2px,-1px)}.channel-strip{margin-top:70px}.channel-strip>p{font-size:11px;color:#ada399;margin-bottom:19px}.channel-logos{display:flex;justify-content:center;gap:34px;flex-wrap:wrap}.channel-logos>span{display:flex;align-items:center;gap:8px;color:#c7beb4;font-size:14px;font-weight:500}.channel-logos svg{width:16px;height:16px}.workspace-section{padding-top:28px}.workspace{border:1px solid #3b3b3b;border-radius:var(--radius);background:#110e14;display:flex;box-shadow:0 24px 80px #0002;overflow:hidden}.workspace-sidebar{width:62px;flex-shrink:0;border-right:1px solid #333;background:#17141b;display:flex;align-items:center;flex-direction:column;gap:19px;padding-top:24px}.workspace-brand{font-weight:700;font-size:25px;line-height:1;margin-bottom:16px;letter-spacing:-.08em}.workspace-brand span{color:var(--accent);font-size:15px}.sidebar-icon{width:32px;height:32px;display:grid;place-items:center;font-size:19px;color:#999;border-radius:6px}.sidebar-icon.active{background:#342219;color:#ffb27a}.workspace-body{flex:1;min-width:0}.workspace-top{border-bottom:1px solid #333;padding:15px 28px;display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#c1c1c1}.breadcrumb{color:#888;margin-left:8px}.workspace-mode{border:1px solid #404040;padding:3px 9px;border-radius:5px;font-size:10px;color:#aaa}.workspace-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px}.workspace-heading .overline{justify-content:start;font-size:9px;margin-bottom:12px}.workspace-heading h2{font-size:30px}.agent-status{font-size:10px;color:#b5b5b5;display:flex;align-items:center;gap:7px;border:1px solid #3a3a3a;border-radius:20px;padding:5px 10px;white-space:nowrap}.workspace-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;padding:0 32px 32px}.activity-panel,.conversation-panel{border:1px solid #363636;border-radius:8px;background:#1b171f;min-width:0}.panel-heading{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #363636;font-size:11px;color:#c5c5c5}.activity-list{list-style:none;margin:0;padding:0 18px}.activity-list li{display:flex;align-items:center;gap:14px;padding:25px 0;border-bottom:1px solid #343434}.activity-list li:last-child{border:0}.activity-icon{font-size:10px;color:#ffb27a;border:1px solid #62402c;border-radius:7px;width:32px;height:32px;display:grid;place-items:center;flex-shrink:0;background:#342219}.activity-list strong{font-size:12px;font-weight:500}.activity-list p{color:#ada399;font-size:10px;margin-top:4px}.activity-check{font-size:12px;color:#99b1a1;margin-left:auto}.subtle{color:#999}.message{font-size:11px;line-height:1.6;margin:16px 18px;padding:10px 13px;border-radius:8px;max-width:82%}.incoming{background:#303030;border:1px solid #3c3c3c}.outgoing{background:#382619;color:#fdece0;margin-left:auto;margin-right:18px;border:1px solid #63432e}.conversation-note{font-size:9px;color:#b6b6b6;padding:2px 18px 14px;display:flex;gap:8px}.preview-link{display:flex;justify-content:space-between;border-top:1px solid #363636;padding:12px 18px;font-size:10px;color:#ffb27a;min-height:44px;align-items:center}.preview-link:hover{background:#2b2b2b}.preview-caption{text-align:center;color:#ada399;font-size:10px;margin-top:16px}.content-section{padding:116px 0 0}.section-intro{text-align:center;margin-bottom:44px}.section-intro h2{font-size:clamp(32px,4vw,44px);margin:18px 0}.section-intro>p:last-child{color:var(--muted);font-size:14px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.service-card{padding:32px;border:1px solid var(--line);background:#141117;border-radius:var(--radius);position:relative;display:flex;flex-direction:column;align-items:start;transition:border-color .18s,background .18s}.service-card:hover{border-color:#555;background:#211b25}.service-icon{display:grid;place-items:center;width:42px;height:42px;font-size:27px;color:#ffb27a;background:#342219;border:1px solid #62402c;border-radius:9px;margin-bottom:28px}.service-number{position:absolute;right:32px;top:35px;color:#aaa;font-size:10px}.service-card h3{margin-bottom:14px}.service-card p{font-size:13px;color:var(--muted);max-width:390px;line-height:1.8;margin-bottom:22px}.service-card .text-link{margin-top:auto;font-size:12px;color:#ffb27a}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.process-grid article{border-top:1px solid #484848;padding-top:20px}.step-index{font-size:10px;letter-spacing:.1em;color:#ffb27a}.process-grid h3{font-size:21px;margin:28px 0 13px}.process-grid p{font-size:13px;color:var(--muted);line-height:1.85}.about-section{padding:108px 0 72px;border-top:1px solid var(--line);margin-top:110px}.about-section .overline{justify-content:start}.about-section h2{font-size:clamp(32px,4.5vw,52px);margin:22px 0 30px}.about-bottom{display:flex;align-items:end;justify-content:space-between;gap:40px}.about-bottom p{color:var(--muted);font-size:14px;max-width:575px;line-height:1.9}.about-bottom a{flex-shrink:0}.contact-section{text-align:center;padding:87px 24px 94px;background:#17141b;border:1px solid #373039;border-radius:var(--radius);margin-top:20px}.contact-section h2{font-size:clamp(44px,6vw,70px);margin:22px 0}.contact-section>p:not(.overline){color:var(--muted);font-size:14px;margin-bottom:28px}.contact-email{display:block;font-size:11px;color:#aaa;margin-top:18px}.contact-email:hover{color:#fff}.foot{width:min(var(--max),calc(100% - 64px));margin:0 auto;padding:80px 0 26px}.foot-top{display:flex;justify-content:space-between;gap:60px;padding-bottom:58px}.foot-title{font-size:24px;line-height:1.35;max-width:240px;letter-spacing:-.035em}.accent{color:#ffb27a}.foot-cols{display:flex;gap:64px}.foot-col-title{color:#c0c0c0;font-size:11px;margin-bottom:15px}.foot-links{display:flex;flex-direction:column;gap:3px}.foot-link{font-size:12px;color:#aaa;border:0;background:transparent;text-align:left;padding:7px 0;min-height:34px}.foot-link:hover{color:#fff}.ind{display:none}.foot-row{display:flex;justify-content:space-between;gap:24px;border-top:1px solid #373039;padding-top:24px;color:#ada399;font-size:10px;align-items:center;flex-wrap:wrap}.foot-legal{display:flex;gap:18px}.foot-legal button{color:inherit;background:none;border:0;font-size:10px;min-height:32px;padding:0}.foot-legal button:hover{color:#fff}.legal-modal{width:min(560px,calc(100% - 32px));max-height:85vh;padding:0;background:#222;color:var(--ink);border:1px solid #484848;border-radius:14px;box-shadow:0 32px 120px #0009}.legal-modal::backdrop{background:#000a;backdrop-filter:blur(5px)}.legal-modal-inner{padding:40px 32px 32px;position:relative;overflow-y:auto}.legal-modal h3{font-size:26px;margin:0 30px 14px 0}.legal-modal h4{font-size:15px;margin:24px 0 8px}.legal-modal p,.legal-modal li{color:#b6b6b6;font-size:13px}.legal-modal a{color:#ffb27a;text-decoration:underline}.legal-updated{margin-bottom:22px}.legal-modal-close{position:absolute;right:16px;top:12px;border:1px solid #444;border-radius:6px;background:#292929;min-width:44px;min-height:44px;color:#ddd}.legal-modal-close:hover{background:#383838}.contact-form{display:grid;gap:12px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-width:0;border:1px solid #474747;border-radius:7px;background:#0a090c;color:#eee;padding:12px;font-size:13px;min-height:46px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#aaa}.phone-row{display:grid;grid-template-columns:1fr 1.25fr;gap:10px}.contact-form textarea{resize:vertical}.contact-form .btn{width:100%;margin-top:4px}.form-status:empty{display:none}.form-status.error{color:#ffb6b6}.form-status.success{color:#b2deb8}.contact-alt{margin-top:22px}.is-closing{animation:modalOut .2s ease both}@keyframes modalOut{to{opacity:0;transform:translateY(8px)}}
@media(min-width:1600px){.intro-section{padding-top:140px}}
@media(max-width:1000px){.workspace-grid{padding:0 22px 22px;gap:12px}.workspace-heading{padding:26px 22px}.foot-cols{gap:36px}.site-nav nav{gap:20px}.activity-list li{gap:10px}.activity-list p{max-width:180px}.channel-strip{margin-top:58px}}
@media(max-width:760px){.container{width:calc(100% - 40px)}.site-header{height:80px}.site-brand img{width:108px;height:36px}.menu-toggle{display:flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:8px 14px;background:transparent;border:1px solid #444;border-radius:7px;font-size:12px}.site-nav{position:relative}.site-nav nav{display:none;position:absolute;top:70px;left:0;right:0;z-index:10;padding:15px;background:#1b171f;border:1px solid #444;border-radius:9px;align-items:stretch;gap:4px;box-shadow:0 12px 30px #0004}.site-nav nav.is-open{display:flex;flex-direction:column}.site-nav nav>a{padding:7px 12px}.nav-demo{justify-content:space-between;margin-top:6px}.intro-section{padding:64px 0 42px}.intro-section h1{font-size:clamp(35px,7vw,49px);margin:22px auto;letter-spacing:-.05em}.intro-description{font-size:13px;max-width:420px;margin:auto}.desktop-break{display:none}.overline{font-size:9px;letter-spacing:.1em}.intro-actions{gap:16px;flex-wrap:wrap;margin-top:28px}.intro-actions .text-link{font-size:12px}.channel-strip{margin-top:48px}.channel-strip>p{font-size:10px}.channel-logos{gap:16px 22px}.channel-logos>span{font-size:12px}.channel-logos svg{width:14px;height:14px}.workspace-section{padding-top:16px}.workspace-sidebar{display:none}.workspace-top{padding:13px 16px}.breadcrumb{display:none}.workspace-heading{padding:25px 18px}.workspace-heading h2{font-size:27px}.agent-status{font-size:9px;white-space:normal;max-width:95px;line-height:1.5}.workspace-grid{grid-template-columns:1fr;padding:0 16px 16px;gap:12px}.activity-list li{padding:18px 0}.activity-list p{max-width:none}.conversation-panel{display:none}.content-section{padding-top:76px}.section-intro{margin-bottom:30px}.section-intro h2{font-size:32px}.section-intro>p:last-child{font-size:13px}.service-grid{grid-template-columns:1fr}.service-card{padding:26px}.service-icon{margin-bottom:22px}.service-card h3{font-size:22px}.service-card p{max-width:none}.process-grid{grid-template-columns:1fr;gap:32px}.process-grid h3{margin-top:18px}.about-section{margin-top:76px;padding-top:58px;padding-bottom:48px}.about-section h2{font-size:34px}.about-bottom{flex-direction:column;align-items:start;gap:18px}.about-bottom p{font-size:13px}.contact-section{padding:58px 20px}.contact-section h2{font-size:48px}.foot{width:calc(100% - 40px);padding-top:55px}.foot-top{flex-direction:column;gap:32px;padding-bottom:35px}.foot-title{max-width:none}.foot-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.foot-link{font-size:11px}.foot-row{gap:10px 20px}.foot-time{display:none}.foot-legal{gap:12px}.legal-modal-inner{padding:60px 22px 26px}.legal-modal h3{font-size:24px}.phone-row{grid-template-columns:1fr}.contact-email{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Existing production form: accessible labels, antispam and consent. */
.sr-only,.hp-field{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.consent{display:flex;align-items:flex-start;gap:10px}.contact-form .consent input{width:18px;min-height:18px;height:18px;flex-shrink:0;padding:0;margin-top:3px;accent-color:var(--accent)}.consent label{font-size:12px;color:#c7beb4}.inline-link{color:#ffb27a;border:0;background:none;padding:0;text-decoration:underline;font-size:inherit}.legal-modal .consent-info{font-size:10px;line-height:1.7}.form-actions{display:grid;gap:12px}

@keyframes kavely-enter {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: no-preference) {
  .intro-section > .overline,
  .intro-section h1,
  .intro-description,
  .intro-actions,
  .channel-strip {
    animation: kavely-enter 420ms cubic-bezier(.22, 1, .36, 1) both;
  }
  .intro-section h1 { animation-delay: 45ms; }
  .intro-description { animation-delay: 90ms; }
  .intro-actions { animation-delay: 135ms; }
  .channel-strip { animation-delay: 180ms; }
  .service-card {
    transition: transform 180ms cubic-bezier(.22, 1, .36, 1),
      border-color 180ms ease, background 180ms ease;
  }
  .legal-modal[open]:not(.is-closing) {
    animation: kavely-enter 220ms cubic-bezier(.22, 1, .36, 1) both;
  }
  .site-nav nav.is-open { animation: kavely-enter 180ms ease-out both; }
}
@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .service-card:hover { transform: translateY(-3px); }
}

.icon { display: block; width: 18px; height: 18px; flex-shrink: 0; }
.service-icon .icon { width: 24px; height: 24px; }
.workspace-brand { display: flex; align-items: center; gap: 2px; }
.workspace-brand .icon { width: 14px; height: 14px; }
.arr, .text-link > span, .preview-link > span, .conversation-note > span, .activity-check { display: inline-flex; align-items: center; }
.activity-check .icon, .conversation-note .icon { width: 14px; height: 14px; }
.legal-modal-close { display: grid; place-items: center; }
.menu-icon-open, .menu-icon-close { align-items: center; }
.menu-icon-open { display: inline-flex; }
.menu-icon-close { display: none; }
.menu-toggle[aria-expanded="true"] .menu-icon-open { display: none; }
.menu-toggle[aria-expanded="true"] .menu-icon-close { display: inline-flex; }