:root{--surface:#fff;--surface-soft:#f8fafc;--surface-muted:#f1f5f9;--text-strong:#0f172a;--text-body:#475569;--line:#e2e8f0;--brand-cyan:#0ea5e9;--brand-cyan-dark:#0284c7;--success:#10b981;--shadow-soft:0 12px 28px rgba(15,23,42,.05);--shadow-lift:0 20px 25px -5px rgba(15,23,42,.08)}
html{scrollbar-color:#94a3b8 #f1f5f9;scrollbar-width:thin}body{background:var(--surface-soft);color:var(--text-strong)}h1,h2,h3,h4,h5,h6{font-family:"Sora","Inter",system-ui,sans-serif;letter-spacing:0}.site-header{position:sticky;top:0;background:rgba(255,255,255,.96);transition:box-shadow .25s ease,background .25s ease,border-color .25s ease}.site-header.is-scrolled{background:rgba(255,255,255,.82);backdrop-filter:blur(18px);border-color:rgba(203,213,225,.72);box-shadow:0 10px 30px rgba(15,23,42,.06)}.primary-nav .sub-menu{min-width:260px;padding:12px}.primary-nav .sub-menu a{display:flex;align-items:center;min-height:44px;background:#fff;border:1px solid transparent}.primary-nav .sub-menu a:hover{border-color:#dbeafe;background:#f8fbff;transform:translateX(2px)}
.modern-hero{position:relative;overflow:hidden;padding:92px 0 74px;background:linear-gradient(180deg,#fff 0%,#f8fafc 100%)}.modern-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#e2e8f055 1px,transparent 1px),linear-gradient(90deg,#e2e8f055 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.35),transparent 78%);pointer-events:none}.modern-hero .container{position:relative}.modern-hero .hero-copy h1{font-size:clamp(42px,5.2vw,72px);max-width:760px;color:var(--text-strong)}.modern-hero .hero-copy p{color:var(--text-body);max-width:680px}.otp-demo-wrap{display:grid;place-items:center}.otp-phone{position:relative;width:min(100%,420px);border:10px solid #0f172a;border-radius:42px;background:#fff;box-shadow:0 35px 80px rgba(15,23,42,.18);overflow:hidden;will-change:transform}.otp-phone-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:13px 18px;background:#0f172a;color:#fff;font-size:12px}.otp-phone-bar span{width:54px;height:17px;background:#020617;border-radius:999px}.otp-phone-bar em{text-align:right;font-style:normal}.otp-screen{padding:28px 24px 24px;background:linear-gradient(180deg,#fff,#f8fafc)}.otp-brand{display:flex;align-items:center;gap:12px;padding-bottom:22px;border-bottom:1px solid var(--line)}.otp-brand>.robo-icon{width:44px;height:44px;border-radius:14px;background:#e0f2fe;color:#0284c7}.otp-brand span,.otp-brand small{display:block}.otp-brand small{color:#64748b}.otp-message{margin:22px 0;padding:20px;border:1px solid #dbeafe;border-radius:16px;background:#eff6ff}.otp-message small,.otp-message span{color:#64748b}.otp-message p{margin:8px 0 2px}.otp-message strong{display:block;font:800 32px/1.2 "Sora",sans-serif;letter-spacing:5px;color:#0f172a}.delivery-pipeline{display:grid;gap:0}.delivery-pipeline div{display:grid;grid-template-columns:18px 1fr auto;align-items:center;gap:10px;min-height:40px;color:#94a3b8;transition:color .3s ease}.delivery-pipeline i{width:10px;height:10px;border-radius:50%;background:#cbd5e1;box-shadow:0 0 0 5px #f1f5f9}.delivery-pipeline b{font-size:12px}.delivery-pipeline .is-active{color:#047857}.delivery-pipeline .is-active i{background:var(--success);box-shadow:0 0 0 5px #d1fae5}.otp-live{position:absolute;right:18px;bottom:16px;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #bbf7d0;border-radius:999px;background:#f0fdf4;color:#047857;font-size:12px;font-weight:800}.otp-live i{width:7px;height:7px;border-radius:50%;background:#10b981;animation:statusPulse 1.4s infinite}
.trust-marquee{overflow:hidden}.logo-marquee{position:relative;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}.logo-track{display:flex!important;align-items:center;width:max-content;gap:72px;animation:logoMarquee 28s linear infinite}.logo-track a,.logo-track>span{min-width:140px;text-align:center;color:#64748b;font-size:20px;font-weight:800}.logo-track:hover{animation-play-state:paused}@keyframes logoMarquee{to{transform:translateX(-50%)}}@keyframes statusPulse{50%{opacity:.35;transform:scale(.8)}}
.bento-grid{display:grid!important;grid-template-columns:repeat(12,1fr)!important;gap:20px}.bento-card{grid-column:span 4;min-height:230px;text-align:left!important;border-color:var(--line);box-shadow:var(--shadow-soft);will-change:transform,box-shadow}.bento-card:nth-child(1),.bento-card:nth-child(4){grid-column:span 7}.bento-card:nth-child(2),.bento-card:nth-child(3){grid-column:span 5}.bento-card:nth-child(n+5){grid-column:span 6;min-height:190px}.bento-card .icon-badge{display:grid}.bento-card h3{font-size:22px}
.integration-hub{display:grid;grid-template-columns:260px minmax(0,1fr);gap:28px}.integration-tabs{display:grid;align-content:start;border-right:1px solid var(--line);padding-right:18px}.integration-tabs button{display:flex;align-items:center;gap:12px;min-height:56px;border:0;border-bottom:2px solid transparent;background:transparent;color:#475569;font:700 15px/1.2 Inter,sans-serif;text-align:left;cursor:pointer}.integration-tabs button[aria-selected=true]{color:#0284c7;border-color:#0ea5e9}.integration-panel{display:none;grid-template-columns:.85fr 1.15fr;gap:30px;align-items:center;min-height:320px;padding:34px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-soft)}.integration-panel.is-active{display:grid}.integration-panel-copy h3{font-size:28px;margin:16px 0 8px}.integration-panel-copy p{color:var(--text-body)}.integration-panel-copy a{display:inline-flex;margin-top:18px;color:#0284c7;font-weight:800}.integration-preview{min-height:220px;display:grid;place-content:center;text-align:center;border:1px solid #dbeafe;border-radius:12px;background:#f8fbff}.integration-preview strong,.integration-preview small{display:block}.integration-preview small{color:#64748b}.integration-flow{display:flex;align-items:center;gap:14px;margin-bottom:22px}.integration-flow span{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;background:#fff;border:1px solid var(--line);color:#0284c7}.integration-flow i{width:42px;height:2px;background:#7dd3fc}.integration-preview.has-code{display:block;position:relative;text-align:left;background:#f8fafc;overflow:auto}.integration-preview pre{margin:0;padding:58px 22px 22px;white-space:pre-wrap;word-break:break-word;color:#0f172a}.integration-preview .copy-code{top:14px}
.workflow-wrap{position:relative}.workflow-line{position:absolute;left:5%;right:5%;top:36px;height:3px;background:#e2e8f0;z-index:0}.workflow-line span{display:block;width:100%;height:100%;background:linear-gradient(90deg,#0ea5e9,#1d5ed8);transform-origin:left center}.steps-grid{position:relative;z-index:1}.step-card{background:#fff}.roi-calculator{display:grid;grid-template-columns:1fr 1.15fr;gap:38px;align-items:center;margin:34px 0;padding:30px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:var(--shadow-soft)}.roi-calculator h3{font-size:26px;margin:8px 0}.roi-calculator p{color:var(--text-body)}.roi-control label{display:flex;justify-content:space-between;color:#334155;font-weight:700}.roi-control input[type=range]{width:100%;height:6px;margin:24px 0;appearance:none;border-radius:999px;background:linear-gradient(90deg,#0ea5e9 var(--range-progress),#e2e8f0 var(--range-progress));accent-color:#0ea5e9}.roi-result{display:flex;align-items:center;gap:14px;padding:16px;border-radius:10px;background:#eff6ff}.roi-result span{color:#64748b}.roi-result strong{color:#075bff;font-size:20px}.roi-result small{margin-left:auto;color:#475569}
.progressive-lead-form{display:block!important}.progressive-lead-form .form-step{display:none}.progressive-lead-form .form-step.is-active{display:grid;gap:12px;animation:stepIn .3s ease}.progressive-lead-form h3{margin:0 0 4px;color:#fff;font-size:22px}.progressive-lead-form label span{position:static;clip:auto;color:#dbeafe;font-size:12px;font-weight:700}.progressive-lead-form label{display:grid;gap:5px}.progressive-lead-form input,.progressive-lead-form select{width:100%;min-height:46px;border:1px solid rgba(255,255,255,.38);border-radius:8px;padding:0 13px;background:#fff;color:#0f172a;font:inherit}.form-progress{display:flex;align-items:center;margin-bottom:18px}.form-progress span{width:28px;height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:50%;color:#dbeafe;font-size:12px;font-weight:800}.form-progress span.is-active{background:#fff;color:#075bff}.form-progress i{flex:1;height:1px;background:rgba(255,255,255,.28)}.form-kicker{color:#bfdbfe;font-size:12px;font-weight:800;text-transform:uppercase}.form-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.form-step-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.form-back{border:0;background:transparent;color:#fff;font-weight:700;cursor:pointer}.form-async-notice{display:none;margin-top:12px;padding:10px;border-radius:7px}.form-async-notice.success,.form-async-notice.error{display:block}.form-async-notice.success{background:#dcfce7;color:#166534}.form-async-notice.error{background:#fee2e2;color:#991b1b}.is-loading{opacity:.65;pointer-events:none}@keyframes stepIn{from{opacity:0;transform:translateX(12px)}}
.doc-search{position:relative;display:block}.doc-search kbd{position:absolute;right:10px;top:50%;transform:translateY(-50%);padding:3px 7px;border:1px solid #cbd5e1;border-radius:5px;background:#f8fafc;color:#64748b;font:600 11px/1 Inter,sans-serif}.doc-search input{padding-right:66px}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:900px){.modern-hero{padding-top:60px}.integration-hub,.roi-calculator{grid-template-columns:1fr}.integration-tabs{grid-template-columns:repeat(2,1fr);border-right:0;padding:0}.integration-panel{grid-template-columns:1fr}.workflow-line{display:none}.bento-grid{grid-template-columns:1fr!important}.bento-card,.bento-card:nth-child(n){grid-column:1!important}.form-contact-grid{grid-template-columns:1fr}}
@media(max-width:560px){.otp-phone{border-width:7px;border-radius:32px}.otp-screen{padding:22px 16px}.modern-hero .hero-copy h1{font-size:38px}.integration-tabs{grid-template-columns:1fr}.integration-panel{padding:22px}.roi-result{display:grid}.roi-result small{margin:0}.logo-track{gap:36px}}
@media(prefers-reduced-motion:reduce){.logo-track,.otp-live i,.form-step.is-active{animation:none!important}.bento-card{will-change:auto}}