/* A-Glide composition with V5's source blue-violet palette. */
:root{
  --bg:#fbfbfb;--bg-soft:#fbfbfb;--bg-alt:#f3f2fb;
  --ink:#0c1015;--ink-2:#4b5260;--ink-3:#646d80;--line:#e0e3ef;--line-2:#eceaf3;
  --blue:#006bd6;--violet:#7662c3;--blue-soft:#eaf3ff;
  --dark:#15192e;--dark-2:#242b49;--dark-3:#343958;
  --on-dark:#f4f2ff;--on-dark-2:#bfc5dd;--accent-dark:#b4bcff;
  --grad:linear-gradient(135deg,#006bd6,#7662c3);
  --action-blue:linear-gradient(120deg,#68b7f5 0%,#3b94e8 42%,#256bd5 100%);
  --action-blue-hover:linear-gradient(120deg,#55a9ed 0%,#2d86db 42%,#205fc6 100%);
  --stage:radial-gradient(58% 62% at 22% 18%,rgba(112,164,255,.32),transparent 62%),radial-gradient(46% 56% at 84% 74%,rgba(150,132,255,.27),transparent 60%),linear-gradient(135deg,#dce6f7 0%,#e2e4fa 45%,#eee7f6 100%);
  --wash:linear-gradient(125deg,#f1f6fe,#f3f1fc 62%,#f8f3fb);
  --demo-surface:radial-gradient(ellipse at 100% 100%,#ece9f9 0,transparent 58%),linear-gradient(135deg,#edf4fd,#f4f6fc);
  --shadow-card:0 12px 32px #444b8110;
}
html{scroll-padding-top:88px}
body{background:var(--bg)}
.btn{border-radius:12px}
.btn-ink{background:var(--action-blue);border-color:transparent;box-shadow:0 5px 14px #347cce1c}
.btn-ink:hover{background:var(--action-blue-hover);border-color:transparent;box-shadow:0 7px 18px #347cce26}
.btn-blue{background:var(--action-blue);color:#fff}
.btn-ghost{background:#ffffffc9;border-color:var(--line);color:#3e4c69}
.nav{background:#ffffffec;border-bottom:1px solid #e0e3ef6b}
.nav-links a:hover{color:var(--blue)}
.hero{padding:35px 0 0;background:radial-gradient(ellipse 42% 23% at 17% 0%,#dceaff75,transparent 85%),radial-gradient(ellipse 37% 25% at 86% 0%,#e7ddfa75,transparent 85%),linear-gradient(#f9faff 0%,#fff 46%,#fff 100%);overflow:hidden}
.hero-copy{max-width:1120px;padding:0 28px;position:relative;z-index:2}
.hero-eyebrow{background:#fff;border:1px solid #e0e3ef;color:#596480;box-shadow:0 2px 8px #444b8105}
.hero-eyebrow .ri{color:var(--violet)}
.hero h1{font-size:clamp(39px,3.6vw,58px);letter-spacing:-.035em;line-height:1.25;margin-top:16px;white-space:nowrap}
.hero h1 .brand-gradient{display:inline;background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent}
.hero-sub{max-width:920px;font-size:16px;margin-top:13px;line-height:1.85}
.hero-proof{margin:24px auto 0;max-width:1010px;text-align:left}
.hero-proof .trust-grid{display:grid;grid-template-columns:.88fr 1.02fr 1.35fr 1.05fr;align-items:start}
.hero-proof .trust-item{padding:0 18px;min-width:0;border-left:1px solid #dcdff0}
.hero-proof .trust-item:first-child{padding-left:0;border-left:0}
.hero-proof .trust-item:last-child{padding-right:0}
.hero-proof .trust-item b{display:flex;align-items:center;gap:8px;min-height:27px;line-height:27px;font-size:15px;font-weight:600;white-space:nowrap}
.hero-proof .trust-heading{font-style:normal}
.hero-proof .trust-heading em{font-size:21px;font-style:normal;line-height:1;font-weight:700;color:#293b71}
.hero-proof .trust-icon{width:20px;height:20px;flex:0 0 20px;color:#6a74c6}
.hero-proof .trust-item>span{font-size:11px;line-height:1.6;margin:5px 0 0;padding-left:28px;color:#727a8d}
.hero-cta{margin-top:25px;gap:12px}
.hero-cta .btn{height:48px;padding-inline:27px;font-size:15px}
.hero-scene{position:relative;max-width:1424px;width:100%;margin:13px auto 0;padding:0 26px}
.storefront{position:relative;aspect-ratio:1912/658.4;margin:0;line-height:0;overflow:hidden;isolation:isolate}
.storefront img{position:absolute;top:-20%;left:0;width:100%;height:125%;display:block;max-width:100%;object-fit:contain;mask-image:linear-gradient(to bottom,#000 96%,transparent);-webkit-mask-image:linear-gradient(to bottom,#000 96%,transparent)}
/* The video is its own product surface, rather than an overlay on the actor. */
.hero-film{position:relative;max-width:1032px;margin:12px auto 100px;padding:0 26px}
.film-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:20px}
.film-kicker{font-size:12px;letter-spacing:.08em;color:#6e76a0;display:flex;align-items:center;gap:8px;margin-bottom:8px}
.film-kicker>span{width:6px;height:6px;background:var(--grad);border-radius:50%}
.film-heading h2{font-size:24px;line-height:1.5;letter-spacing:-.02em}
.film-duration{white-space:nowrap;color:#7a8299;font-size:11px;font-variant-numeric:tabular-nums;padding-bottom:5px}
.film-duration i{font-style:normal;margin:0 9px;color:#b5bad0}
.film-surface{position:relative;aspect-ratio:16/9;border-radius:23px;overflow:hidden;background:#11182b;border:1px solid #e0e3ef;box-shadow:0 26px 65px -28px #5e579545,0 1px 0 #fff}
.film-surface video{display:block;width:100%;height:100%;object-fit:contain;background:#0d1221}
.film-cover{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;text-align:left;color:#fff;background:#11182b;overflow:hidden}
.film-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,.61,.36,1);opacity:.75}
.film-cover:hover>img{transform:scale(1.025)}
.film-shade{position:absolute;inset:0;background:linear-gradient(90deg,#101b3de8,#181e4155 70%,#181e410d),linear-gradient(0deg,#13182d88,transparent 75%)}
.film-cover-copy{position:absolute;inset:14% 8%;display:flex;flex-direction:column;justify-content:center;align-items:start;gap:23px}
.film-cover-copy>small{font-size:12px;letter-spacing:.08em;color:#d4dcf3}
.film-cover-copy>strong{font-size:clamp(27px,3.4vw,46px);line-height:1.45;font-weight:600;letter-spacing:-.02em}
.film-play-label{display:flex;align-items:center;gap:13px;font-size:14px;font-weight:600}
.film-play-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#fff;color:#4c60a8;box-shadow:0 4px 16px #0002;transition:transform .25s}
.film-play-icon .ri{width:21px;height:21px;margin-left:2px}
.film-cover:hover .film-play-icon{transform:scale(1.08)}
.film-time{font:11px Arial;color:#c8d0e6;margin-left:4px;font-weight:400}
.film-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:19px;font-size:12px;color:#768096}
.film-caption .link-arrow{font-size:12px;color:#50629a}
.film-caption .ri{width:15px;height:15px}
.film-error{font-size:13px;color:#9f493c;margin-top:12px}
/* V5's light working surfaces make the AI chapter distinct without adding another dark block. */
#ai.sec{background:var(--stage);color:var(--ink);position:relative;overflow:hidden}
#ai .kicker{color:var(--blue)}
#ai .sec-desc p{color:var(--ink-2)}
#ai .btn-light{background:var(--action-blue);color:#fff;border-color:transparent}
#ai .ai-tasks button{color:#58657c;background:transparent;border-color:transparent}
#ai .ai-tasks button:hover{background:#ffffff6b;color:#263c65}
#ai .ai-tasks button[aria-selected=true]{background:#ffffffd9;border-color:#ffffff;color:#265da1;box-shadow:0 6px 18px #5e57950e}
#ai .ai-device{border-color:#bdc5d9;box-shadow:inset 0 0 0 2px #fff,0 28px 65px #57518b26}
#ai .ai-workspace{background:#ffffffed;border-color:#ffffff;box-shadow:0 24px 55px #57518b24;color:#27344f}
#ai .chat-user{background:var(--wash);color:#334667}
#ai .chat-ai,#ai .ai-card-top .ri{color:#6671bc}
#ai .chat-reply{color:#37435a}
#ai .ai-card-foot{border-color:#e0e3ef;color:#69758f}
#aiStart{background:var(--action-blue)}
#ai .ai-steps{color:#727c98}
#ai .ai-steps .is-active{color:#285fa8;font-weight:600}
#ai .ai-playback button{color:#4f628a}
#ai .ai-playback button:hover{color:var(--blue)}
#ai .ai-progress{background:#d7d9ec}
#ai .ai-progress span{background:var(--grad)}
#ai .ai-demo-note{color:#6b7490}
.feature-frame{background:var(--demo-surface);border:1px solid #e0e3ef;box-shadow:0 12px 32px #444b8110}
.value-points button.is-active{background:var(--wash)}
.v-card{background:#fff;border-color:#e0e3ef;box-shadow:0 8px 24px #444b8108}
.industry-chips button[aria-selected=true],.case-logos button[aria-selected=true]{background:var(--blue-soft);color:#175fa9;border-color:#bcd5f4}
#coverage{background:radial-gradient(ellipse at 35% 95%,#233b67 0,transparent 58%),radial-gradient(ellipse at 85% 55%,#39325a 0,transparent 65%),#15192e}
.cov-stats dd small{color:#b4bcff}
.globe-tag{background:#20263e;color:#e8eaff;border-color:#414361}
#honors{background:#fbfbfb}
.cta{background:var(--stage);color:var(--ink)}
.cta p{color:var(--ink-2)}
.cta .btn-light{background:var(--action-blue);color:#fff;border-color:transparent}
.cta .btn-outline-light{color:#384b76;border-color:#aab8d6;background:#ffffff80}
.footer{background:var(--bg)}
.dock{box-shadow:0 16px 42px #555b8514}
@media(min-width:768px) and (max-height:820px){
  .hero{padding-top:24px}.hero h1{font-size:46px}.hero-proof{margin-top:19px}.hero-cta{margin-top:20px}
  .hero-scene{max-width:1150px;margin-top:4px}
}
@media(max-width:1100px){
  .hero-proof{max-width:840px}.hero-proof .trust-item{padding:0 12px}.hero-proof .trust-item b{font-size:13px;gap:6px}.hero-proof .trust-icon{width:17px;height:17px;flex-basis:17px}.hero-proof .trust-heading em{font-size:18px}.hero-proof .trust-item>span{font-size:10px;padding-left:23px}
  .hero-scene{padding-inline:20px}.hero-film{max-width:900px;margin-bottom:80px}
}
@media(max-width:767px){
  html{scroll-padding-top:78px}.hero{padding-top:28px}.hero-copy{padding:0 20px}
  .hero h1{font-size:clamp(31px,7.5vw,43px);line-height:1.35;white-space:normal;margin-top:17px;letter-spacing:-.04em}.hero h1 .brand-gradient{display:inline-block}
  .hero-sub{font-size:13px;line-height:1.9;margin-top:14px;max-width:440px}
  .hero-proof{margin:22px auto 0;max-width:430px}.hero-proof .trust-grid{grid-template-columns:1fr 1fr;gap:16px 0}
  .hero-proof .trust-item{padding:0 9px!important;border:0}.hero-proof .trust-item:nth-child(even){border-left:1px solid #dcdff0}
  .hero-proof .trust-item b{font-size:12px;line-height:22px;min-height:22px;gap:6px}.hero-proof .trust-heading em{font-size:17px}.hero-proof .trust-item>span{font-size:9px;margin-top:3px;line-height:1.6;padding-left:23px}
  .hero-cta{max-width:430px;flex-direction:row;align-items:center;gap:8px;margin-top:24px}.hero-cta .btn{font-size:12px;padding-inline:16px;height:44px}
  .hero-scene{margin-top:22px;padding:0;width:100%;overflow:hidden}.storefront{width:160%;max-width:none;margin-left:-30%}
  .hero-film{margin:20px auto 62px;padding:0 20px}.film-heading{margin-bottom:14px;gap:12px}.film-kicker{font-size:10px;margin-bottom:6px}.film-heading h2{font-size:20px;max-width:240px}.film-duration{display:none}
  .film-surface{border-radius:15px}.film-cover-copy{inset:10% 7%;gap:11px}.film-cover-copy>small{font-size:9px}.film-cover-copy>strong{font-size:23px;line-height:1.4}.film-play-label{gap:8px;font-size:11px}.film-play-icon{width:32px;height:32px}.film-play-icon .ri{width:15px;height:15px}.film-time{font-size:9px;margin-left:0}
  .film-caption{align-items:start;gap:15px;margin-top:14px;font-size:10px}.film-caption p{max-width:210px;line-height:1.8}.film-caption .link-arrow{font-size:10px;white-space:nowrap;padding-top:2px}
  #ai .ai-workspace{box-shadow:0 18px 45px #57518b1c}
}
@media(prefers-reduced-motion:reduce){.film-cover>img,.film-play-icon{transition:none}}

/* Flat gold laurels frame only the figures; labels sit beneath. */
.hero-proof{max-width:880px;margin-top:24px}
.proof-badges{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;list-style:none;padding:0;margin:0}
.proof-badge{min-width:0;text-align:center}
.proof-metric-row{display:flex;align-items:center;justify-content:center;gap:7px;height:48px}
.proof-leaf{display:block;width:25px;height:46px;flex:none;color:#b38b58;pointer-events:none}
.proof-leaf-right{transform:scaleX(-1)}
.proof-metric{display:flex;align-items:baseline;justify-content:center;gap:2px;min-width:0;white-space:nowrap;color:#5667ae;line-height:1}
.proof-metric b{font-family:Arial,"Microsoft YaHei",sans-serif;font-size:36px;font-weight:600;letter-spacing:-1.2px;background:linear-gradient(120deg,#315fa1,#7662c3);background-clip:text;-webkit-background-clip:text;color:transparent;font-variant-numeric:tabular-nums}
.proof-metric span{font-size:15px;font-weight:500;letter-spacing:0}
.proof-label{font-size:14px;line-height:22px;font-weight:600;color:#3b4359;white-space:nowrap;margin-top:3px}
.proof-note{font-size:12px;line-height:20px;margin-top:2px;color:#71798d;white-space:nowrap;letter-spacing:0}
.hero-proof+.hero-cta{margin-top:24px}
@media(min-width:768px) and (max-width:1200px){
  .hero-proof{max-width:800px}.proof-badges{gap:14px}
  .proof-metric b{font-size:32px}
  .proof-label{font-size:12px}.proof-note{font-size:10px}
}
@media(max-width:767px){
  .hero-proof{max-width:410px;margin-top:19px}
  .proof-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px}
  .proof-metric-row{height:42px;gap:4px}.proof-leaf{width:21px;height:40px}
  .proof-metric b{font-size:29px;letter-spacing:-1px}
  .proof-metric span{font-size:12px}
  .proof-label{font-size:12px;line-height:20px;margin-top:2px}
  .proof-note{font-size:10px;line-height:18px;letter-spacing:-.2px}
  .hero-proof+.hero-cta{margin-top:20px}
}

/* Customer names and section headings retain a clear reading hierarchy. */
.case-side h3{font-size:28px;line-height:1.4}
.case-k{font-size:18px;line-height:1.5;color:#eef0ff;margin-bottom:10px}
@media(max-width:767px){.case-side h3{font-size:24px}.case-k{font-size:17px}}

/* Final homepage navigation: compact account actions and product menus. */
.nav-links{align-items:center;gap:32px;white-space:nowrap}
.nav-links>a,.nav-dropdown>summary{font-size:15px;font-weight:500}
.nav-links>a[aria-current="page"]{color:var(--blue);opacity:1}
.nav-dropdown{position:relative}
.nav-dropdown>summary{display:flex;align-items:center;gap:4px;list-style:none;cursor:pointer;color:var(--ink);opacity:.86;padding:22px 0}
.nav-dropdown>summary::-webkit-details-marker{display:none}
.nav-dropdown>summary .ri{width:14px;height:14px;transition:transform .2s}
.nav-dropdown[open]>summary{color:var(--blue);opacity:1}
.nav-dropdown[open]>summary .ri{transform:rotate(180deg)}
.nav-dropdown-panel{position:absolute;top:calc(100% - 2px);left:-18px;min-width:166px;padding:8px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 15px 40px #28345217}
.nav-dropdown-panel a{display:block;padding:10px 12px;border-radius:8px;font-size:14px}
.nav-dropdown-panel a:hover{background:var(--blue-soft)}
.nav-login,.nav-register{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 14px;border-radius:999px;font-size:14px;line-height:1;font-weight:500;white-space:nowrap}
.nav-login{border:1px solid #cbd1de;color:var(--ink)}
.nav-login:hover{border-color:var(--blue);color:var(--blue)}
.nav-register{border:1px solid transparent;background:var(--action-blue);color:#fff;cursor:pointer;box-shadow:none}
.nav-register:hover{filter:brightness(.95)}
@media(max-width:767px){.nav-actions{gap:8px}.nav-login,.nav-register{height:30px;padding:0 12px;font-size:13px}.nav-menu{width:34px;height:34px}.nav-logo img{height:26px}}

/* Keep V5 blue-violet atmospheres; interactive actions use blue only. */
.btn-blue:hover,#aiStart:hover,#ai .btn-light:hover,.cta .btn-light:hover{background:var(--action-blue-hover);color:#fff}

/* Selected industry icons inherit their label; prevent gradient tiling at borders. */
.industry-chips button[aria-selected=true] .ri{color:currentColor}
.btn-ink,.btn-ink:hover,.btn-blue,.btn-blue:hover,.nav-register,#aiStart,#ai .btn-light,.cta .btn-light{border:0;background-origin:border-box;background-clip:border-box;background-repeat:no-repeat}

.cta h2 .cta-highlight{background:var(--grad);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent}

/* Secondary actions use a blue wash on hover. */
.btn-ghost:hover{background:#edf6ff;border-color:#b9d8f5;color:#215c99}