
:root {
  --brand-deep: #5B21B6;
  --brand-purple: #7C3AED;
  --brand-violet: #9333EA;
  --brand-fuchsia: #C026D3;
  --brand-pink: #DB2777;
  --wrong-pink: #E5326E;
  --wrong-pink-2: #F7639A;
  --ink: #14121E;
  --ink-soft: #1D1A28;
  --text-primary: #FFFFFF;
  --text-body: #E2E8F0;
  --text-muted: #94A3B8;
  --text-dim: #64748B;
  --alert-policy-text: #DDD6FE;
  --alert-track-text: #D8B4FE;
  --border-standard: rgba(255, 255, 255, 0.1);
  --border-hover: rgba(147, 51, 234, 0.4);
  --glass-bg: rgba(255, 255, 255, 0.05);
  --selection-bg: rgba(147, 51, 234, 0.3);
  --gradient-cta: linear-gradient(135deg, #5B21B6 0%, #7C3AED 45%, #C026D3 100%);
  --gradient-text: linear-gradient(90deg, #7C3AED 0%, #9333EA 50%, #C026D3 100%);
  --shadow-card: 0 8px 32px rgba(0, 0, 0, 0.4);
  --glow-cta: 0 0 24px rgba(192, 38, 211, 0.35);
  --glow-cta-hover: 0 0 36px rgba(192, 38, 211, 0.5);
  --font-display: 'Space Grotesk', system-ui, sans-serif;
  --font-body: 'Manrope', system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, monospace;
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --weight-semibold: 600;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--brand-purple) var(--ink);}
body{margin:0;background:var(--ink);color:var(--text-body);font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}

/* Custom scrollbar (matches brand gradient) */
::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:var(--ink);}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--brand-purple),var(--brand-pink));border-radius:999px;}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--brand-violet),var(--brand-fuchsia));}
a{color:var(--text-body);text-decoration:none;}
a:hover{color:var(--text-primary);}
::selection{background:var(--selection-bg);color:#fff;}

[data-reveal]{scroll-margin-top:96px;}
#top{scroll-margin-top:0;}

@keyframes ms-rise{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
@keyframes ms-breathe{0%,100%{opacity:0.7;}50%{opacity:1;}}
@keyframes ms-grad{0%{background-position:0% 50%;}50%{background-position:100% 50%;}100%{background-position:0% 50%;}}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}
  html{scroll-behavior:auto;}
}

.ms-badge{
  display:inline-flex;align-items:center;gap:6px;
  font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;
  text-transform:uppercase;letter-spacing:0.06em;color:#fff;
  background:var(--gradient-cta);border:1px solid transparent;
  border-radius:var(--radius-sm);padding:3px 8px;
}
.ms-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font-body);font-weight:var(--weight-semibold);
  border-radius:var(--radius-md);cursor:pointer;
  transition:all 180ms ease-out;text-decoration:none;
  border:1px solid transparent;
}
.ms-btn--lg{padding:13px 28px;font-size:var(--text-base);}
.ms-btn--primary{background:var(--gradient-cta);color:#fff;box-shadow:var(--glow-cta);}
.ms-btn--primary:hover{box-shadow:var(--glow-cta-hover);color:#fff;}
.ms-btn--secondary{background:var(--ink-soft);color:var(--text-body);border-color:var(--border-standard);}
.ms-btn--secondary:hover{border-color:var(--border-hover);color:var(--text-body);}
.ms-btn:active{transform:scale(0.98);}
.ms-btn:focus-visible,.site-chrome__nav-link:focus-visible,.site-chrome__cta:focus-visible,.site-chrome__menu-btn:focus-visible{
  outline:2px solid var(--brand-purple);outline-offset:2px;
}

.landing-root{position:relative;background:#0B0A14;min-height:100vh;overflow-x:hidden;}
.landing-root > *:not(.site-bg):not(.site-chrome){position:relative;z-index:1;}
.landing-root p{text-align:left;}

.site-bg{position:fixed;inset:0;z-index:0;pointer-events:none;}
.site-bg__pattern{
  position:absolute;inset:0;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='170'%20height='170'%20viewBox='0%200%20160%20160'%3E%3Cg%20fill='none'%20stroke='%237c5cc4'%20stroke-opacity='0.15'%20stroke-width='1'%3E%3Cpath%20d='M10%2010h60v40h50'/%3E%3Cpath%20d='M120%2050v40H60v40'/%3E%3Cpath%20d='M60%2090H20v50'/%3E%3Cpath%20d='M120%2090h30'/%3E%3Cpath%20d='M10%2060v40'/%3E%3C/g%3E%3Cg%20fill='%238b5cf6'%20fill-opacity='0.18'%3E%3Ccircle%20cx='10'%20cy='10'%20r='2.5'/%3E%3Ccircle%20cx='70'%20cy='50'%20r='2.5'/%3E%3Ccircle%20cx='120'%20cy='50'%20r='2.5'/%3E%3Ccircle%20cx='120'%20cy='90'%20r='2.5'/%3E%3Ccircle%20cx='60'%20cy='90'%20r='2.5'/%3E%3Ccircle%20cx='20'%20cy='140'%20r='2.5'/%3E%3C/g%3E%3C/svg%3E");
  background-size:170px 170px;
}
.site-bg__glow{
  position:absolute;inset:0;
  background:
    radial-gradient(ellipse 50% 42% at 14% 12%, rgba(124,58,237,0.22) 0%, rgba(5,4,9,0) 60%),
    radial-gradient(ellipse 46% 40% at 86% 26%, rgba(192,38,211,0.16) 0%, rgba(5,4,9,0) 62%),
    radial-gradient(ellipse 55% 45% at 50% 92%, rgba(91,33,182,0.18) 0%, rgba(5,4,9,0) 65%);
  animation:ms-breathe 9s ease-in-out infinite;
}
#top{background:#0B0A14;}
.landing-card{
  background:var(--ink-soft);border:1px solid var(--border-standard);
  border-radius:var(--radius-lg);box-shadow:var(--shadow-card);
  transition:border-color 180ms ease-out,transform 180ms ease-out;
}
.landing-card:hover{border-color:var(--border-hover);transform:translateY(-2px);}

.hero-glow{
  position:absolute;left:50%;top:-160px;transform:translateX(-50%);
  width:1180px;height:820px;max-width:140vw;
  background:radial-gradient(ellipse 60% 55% at 50% 25%, rgba(124,58,237,0.22) 0%, rgba(13,11,22,0) 65%);
  pointer-events:none;animation:ms-breathe 7s ease-in-out infinite;
}
.hero-title{margin:0;font-family:var(--font-display);font-size:clamp(40px,6.6vw,72px);font-weight:500;line-height:1.08;letter-spacing:-0.03em;color:var(--text-primary);animation:ms-rise 0.45s ease-out both;text-wrap:balance;}
.hero-accent{
  background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent;
  background-size:200% 100%;animation:ms-grad 8s ease-in-out 1s infinite;
}
.hero-subtitle{max-width:760px;margin:26px auto 0;font-size:clamp(18px,2.4vw,23px);font-weight:500;line-height:1.5;color:var(--text-primary);text-wrap:balance;animation:ms-rise 0.45s ease-out 0.1s both;}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:38px;animation:ms-rise 0.45s ease-out 0.2s both;}
.hero-note{margin:18px auto 0;text-align:center;font-size:14px;color:var(--text-muted);animation:ms-rise 0.45s ease-out 0.3s both;}
.section-inner{max-width:1200px;margin:0 auto;padding:0 24px;}
.section-header{margin-bottom:32px;}
.section-title{margin:18px 0 0;font-family:var(--font-display);font-size:clamp(28px,4vw,44px);font-weight:500;line-height:1.1;letter-spacing:-0.02em;color:var(--text-primary);}
.section-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px;}
.landing-section{padding:48px 0;border-top:1px solid rgba(255,255,255,0.06);}
.card-body{padding:28px;display:flex;flex-direction:column;gap:18px;}
.card-icon-row{display:flex;align-items:center;justify-content:space-between;}
.card-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--glass-bg);color:var(--alert-track-text);}
.card-step{font-family:var(--font-mono);font-size:14px;color:var(--text-dim);}
.card-heading{margin:0;font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-primary);}
.card-text{margin:0;font-size:16px;line-height:1.5;color:var(--text-body);text-wrap:pretty;}
.cta-band-wrap{padding:48px 24px;border-top:1px solid rgba(255,255,255,0.06);}
.cta-band{position:relative;overflow:hidden;max-width:1100px;margin:0 auto;background:var(--ink-soft);border:1px solid var(--border-standard);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:80px 32px;text-align:center;}
.cta-band-glow{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60% at 50% 0%, rgba(124,58,237,0.20) 0%, rgba(13,11,22,0) 65%);pointer-events:none;}
.cta-band-content{position:relative;display:flex;flex-direction:column;align-items:center;}
.cta-band-title{margin:0;font-family:var(--font-display);font-size:clamp(28px,4.4vw,48px);font-weight:500;line-height:1.08;letter-spacing:-0.02em;color:var(--text-primary);}
.cta-band-text{margin:20px auto 0;max-width:480px;font-size:18px;line-height:1.55;color:var(--text-body);text-wrap:pretty;}
.cta-band-actions{display:flex;justify-content:center;margin-top:34px;}
.landing-root .cta-band-note{width:100%;margin:14px 0 0;text-align:center;font-size:14px;color:var(--text-muted);}
.contact-intro{margin:16px 0 0;font-size:var(--text-base);line-height:1.55;color:var(--text-body);}
.landing-footer{border-top:1px solid var(--border-standard);padding:40px 24px;}
.landing-footer-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px;}
.landing-footer-brand{display:flex;align-items:center;gap:9px;}
.landing-footer-mark{display:block;flex:none;}
.landing-footer-name{font-size:15px;font-weight:600;font-family:var(--font-display);color:var(--text-primary);}
.landing-footer-accent{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent;}
.landing-footer-copy{font-size:var(--text-sm);color:var(--text-dim);margin-left:6px;}
.landing-footer-links{display:flex;gap:24px;flex-wrap:wrap;}
.landing-footer-links a{font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;}
.landing-footer-links a:hover{color:var(--text-primary);}

[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .65s cubic-bezier(.16,1,.3,1),transform .65s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0ms);}
[data-reveal="left"]{transform:translateX(-36px);}
[data-reveal="right"]{transform:translateX(36px);}
[data-reveal="scale"]{transform:scale(.93);}
[data-reveal].is-revealed{opacity:1;transform:none;}

@keyframes ms-pulse-dot{0%,100%{opacity:.35;transform:scale(.85);}50%{opacity:1;transform:scale(1);}}
@keyframes ms-thumb-in{from{opacity:0;}to{opacity:1;}}
@keyframes ms-caret{0%,100%{opacity:1;}50%{opacity:0;}}
@keyframes ms-border-rotate{to{transform:rotate(360deg);}}
@keyframes ms-float{0%,100%{transform:translateY(0);}50%{transform:translateY(-6px);}}

.value-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px;}
.value-card{padding:24px;display:flex;flex-direction:column;gap:12px;}
.value-card .card-icon{margin-bottom:2px;}
.value-heading{margin:0;font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--text-primary);}
.value-text{margin:0;font-size:14.5px;line-height:1.5;color:var(--text-muted);}

.cap-grid{display:grid;grid-template-columns:1fr;gap:20px;}
.cap-card{position:relative;overflow:hidden;padding:26px;display:flex;flex-direction:column;gap:14px;}
.cap-card--flagship{padding:44px;gap:22px;background:rgba(23,20,31,0.72);backdrop-filter:blur(6px);}
.cap-card--flagship .cap-eyebrow{font-size:12px;}
.cap-card--flagship .cap-title{font-size:clamp(22px,3vw,30px);}
.cap-card--flagship .cap-text{font-size:var(--text-base);max-width:640px;}
.cap-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--brand-violet);}
.cap-title{margin:0;font-family:var(--font-display);font-size:19px;font-weight:600;color:var(--text-primary);}
.cap-text{margin:0;font-size:var(--text-sm);line-height:1.5;color:var(--text-muted);}
@media (max-width:560px){
  .cap-card--flagship{padding:28px;}
}

.fs-demo{margin-top:10px;display:flex;flex-direction:column;gap:18px;flex:1;transition:opacity .6s ease;}
.fs-searchbar{display:flex;align-items:center;gap:12px;padding:15px 18px;border-radius:var(--radius-md);background:rgba(147,51,234,.14);border:1px solid var(--border-hover);}
.fs-searchbar svg{flex:none;color:var(--text-dim);}
.fs-query{font-family:var(--font-mono);font-size:var(--text-base);color:var(--text-primary);white-space:nowrap;overflow:hidden;}
.fs-caret{display:inline-block;width:8px;height:16px;margin-left:1px;vertical-align:-3px;background:var(--brand-fuchsia);animation:ms-caret 1s step-end infinite;}
.fs-analyze__label{position:absolute;left:12px;bottom:10px;z-index:7;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(124,58,237,.42);border:1px solid var(--border-hover);border-radius:999px;padding:5px 10px;backdrop-filter:blur(6px);}
.fs-analyze__label:empty{display:none;}
.fs-slider{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:var(--text-2xs);color:var(--text-muted);}
.fs-slider__track{position:relative;flex:1;height:5px;border-radius:999px;background:rgba(255,255,255,.12);}
.fs-slider__fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--gradient-cta);width:62%;transition:width .5s ease;}
.fs-slider__knob{position:absolute;top:50%;width:14px;height:14px;border-radius:999px;background:#fff;box-shadow:0 0 10px rgba(192,38,211,.6);transform:translate(-50%,-50%);left:62%;transition:left .5s ease;}
.fs-results{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;transition:opacity .45s ease;}
.fs-thumb{position:relative;aspect-ratio:16/10;border-radius:var(--radius-sm);overflow:hidden;background:#08070d;border:1px solid var(--border-standard);}
.fs-thumb img{width:100%;height:100%;object-fit:cover;animation:ms-thumb-in .45s ease-out both;}
.fs-thumb__score{position:absolute;top:6px;right:6px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:700;padding:2px 6px;border-radius:4px;color:#fff;background:var(--gradient-cta);animation:ms-thumb-in .45s ease-out both;}
.fs-thumb__time{position:absolute;left:6px;bottom:6px;font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:600;padding:3px 7px;border-radius:4px;color:#fff;background:rgba(0,0,0,.72);border:1px solid rgba(255,255,255,.12);animation:ms-thumb-in .45s ease-out both;}
.fs-thumb--dim{opacity:.34;}
.fs-thumb--dim .fs-thumb__score{background:rgba(255,255,255,.14);}
.fs-results.is-empty .fs-thumb{background:#0c0a15;border-style:dashed;border-color:rgba(255,255,255,.09);}
.fs-results.is-empty .fs-thumb img{display:none;}
.fs-results.is-empty .fs-thumb__score,.fs-results.is-empty .fs-thumb__time{display:none;}

.usecase__tag{position:absolute;top:12px;left:12px;z-index:2;}
.usecase__prompt{font-family:var(--font-mono);font-size:clamp(15px,1.8vw,18px);line-height:1.45;font-weight:600;color:var(--alert-track-text);background:rgba(147,51,234,.14);border:1px solid var(--border-hover);border-radius:var(--radius-md);padding:14px 16px;margin:0 0 18px;box-shadow:0 0 24px rgba(124,58,237,.12);}
.usecase__prompt b{color:var(--text-primary);font-weight:700;}
@media (max-width:760px){
  .fs-results{grid-template-columns:repeat(2,1fr);}
}

.cta-band{isolation:isolate;}
.cta-band::before{content:"";position:absolute;z-index:0;top:-60%;left:-20%;width:140%;height:220%;background:conic-gradient(from 0deg,transparent 0deg,rgba(124,58,237,.35) 60deg,rgba(192,38,211,.4) 120deg,transparent 200deg,transparent 360deg);animation:ms-border-rotate 12s linear infinite;pointer-events:none;}
.cta-band::after{content:"";position:absolute;z-index:1;inset:1px;border-radius:calc(var(--radius-lg) - 1px);background:var(--ink-soft);pointer-events:none;}
.cta-band-glow{z-index:2;}
.cta-band-content{z-index:3;}

.hero-copy .hero-title{font-size:clamp(32px,4vw,52px);line-height:1.18;letter-spacing:-0.02em;}

@keyframes ms-vscan{0%{top:-6%;opacity:0;}9%{opacity:1;}91%{opacity:1;}100%{top:106%;opacity:0;}}

.vision-wave{display:inline-flex;align-items:center;gap:2px;height:14px;}
.vision-wave i{width:2px;border-radius:1px;background:currentColor;transform-origin:center;animation:ms-wave 1.1s ease-in-out infinite;}
.vision-wave i:nth-child(2){animation-delay:.12s;}
.vision-wave i:nth-child(3){animation-delay:.24s;}
.vision-wave i:nth-child(4){animation-delay:.36s;}
.vision-wave i:nth-child(5){animation-delay:.48s;}
.vision-wave i:nth-child(6){animation-delay:.6s;}
.vision-wave i:nth-child(7){animation-delay:.72s;}
@keyframes ms-wave{0%,100%{transform:scaleY(.5);}50%{transform:scaleY(1.25);}}

@media (prefers-reduced-motion: reduce){
  .tl-scan{display:none;}
  .vision-wave i{animation:none;}
  .fs-caret,.hero-cap__caret{display:none;}
}

.apps-soon{display:inline-block;margin-left:14px;vertical-align:middle;font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--alert-track-text);background:rgba(147,51,234,.16);border:1px solid var(--border-hover);border-radius:999px;padding:4px 12px;}
.apps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin-top:8px;}
.app-tile{display:flex;flex-direction:column;align-items:center;gap:14px;padding:18px 16px;text-align:center;background:var(--ink-soft);border:1px solid var(--border-standard);border-radius:var(--radius-lg);opacity:.74;filter:grayscale(.2);transition:opacity .2s ease,transform .2s ease,border-color .2s ease,filter .2s ease;}
.app-tile:hover{opacity:1;filter:none;transform:translateY(-3px);border-color:var(--border-hover);}
.app-tile__icon{display:flex;align-items:center;justify-content:center;width:78px;height:78px;}
.app-tile__icon svg{width:78px;height:78px;}
.app-tile__name{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--text-body);line-height:1.25;}
.app-wheel{width:62px;height:62px;border-radius:50%;background:conic-gradient(#ff3b30,#ff9500,#ffcc00,#34c759,#00c7be,#007aff,#5856d6,#af52de,#ff2d55,#ff3b30);box-shadow:0 0 0 4px #1b1b1b inset,0 0 0 6px rgba(255,255,255,.08);}

.merge-grid{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:28px;align-items:center;}
.merge-copy{text-align:left;}
.merge-motif{width:min(100%,520px);justify-self:end;display:flex;flex-direction:column;gap:14px;}
.merge-prompt{margin:0 0 4px;}
.merge-prompt .uc-chat__bubble{font-size:clamp(11px,1.15vw,14px);white-space:nowrap;}
.merge-stack{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;overflow:hidden;}
.merge-scan{position:absolute;left:0;right:0;height:3px;top:-8%;z-index:6;background:linear-gradient(90deg,transparent,var(--brand-fuchsia),var(--brand-violet),transparent);box-shadow:0 0 22px 6px rgba(192,38,211,.45);opacity:0;pointer-events:none;}
.merge-stack.is-scanning .merge-scan{opacity:1;animation:ms-vscan 1.8s cubic-bezier(.65,0,.35,1) 1;}
.merge-cell{position:relative;}
.merge-cell > img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border-standard);background:#08070d;display:block;}
.merge-stack .merge-play{top:50%;left:50%;}
.merge-arrow{display:flex;align-items:center;justify-content:center;gap:10px;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--alert-track-text);}
.merge-result{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-hover);aspect-ratio:16/9;background:#08070d;box-shadow:var(--glow-cta);}
.merge-result video{opacity:0;transition:opacity .5s ease;}
.merge-result.is-shown video{opacity:1;}
.merge-result video{width:100%;height:100%;object-fit:contain;display:block;}
@media (max-width:760px){
  .merge-grid{grid-template-columns:1fr;}
  .merge-prompt .uc-chat__bubble{white-space:normal;}
}

.narration-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch;}
.narration-copy{display:flex;flex-direction:column;justify-content:center;text-align:left;}
.narration-visual{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border-hover);background:#08070d;box-shadow:var(--glow-cta);}
.narration-visual video,.narration-visual img{width:100%;aspect-ratio:16/9;object-fit:contain;display:block;}
.narration-sub{padding:12px 14px;background:rgba(8,7,13,.94);border-top:1px solid var(--border-standard);}
.narration-sub__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
.narration-sub__label{font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.1em;text-transform:uppercase;color:var(--alert-track-text);}
.narration-sub__text{margin:0;font-size:var(--text-sm);line-height:1.45;color:var(--text-primary);}
.narration-prompt{font-family:var(--font-mono);font-size:clamp(14px,1.6vw,16px);line-height:1.45;font-weight:600;color:var(--alert-track-text);background:rgba(147,51,234,.14);border:1px solid var(--border-hover);border-radius:var(--radius-md);padding:14px 16px;margin:0 0 18px;}
.narration-prompt b{color:var(--text-primary);font-weight:700;}
@media (max-width:760px){
  .narration-grid{grid-template-columns:1fr;}
}

@media (max-width:720px){
  [data-reveal]{scroll-margin-top:72px;}
  #top{padding-top:56px !important;}
  .uc-chat{align-items:center;}
}

/* ── Reusable filmstrip-timeline overlay ─────────────────────────── */
.tl-strip{position:relative;width:100%;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-standard);background:#0a0910;box-shadow:var(--shadow-card);}
.tl-ribbon{position:relative;}
.tl-film{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;height:clamp(72px,12vw,132px);background:#050409;}
.tl-cell{position:relative;overflow:hidden;background:#0c0a15;}
.tl-cell img{position:absolute;top:0;left:50%;height:100%;width:auto;max-width:none;transform:translateX(calc(-1 * (var(--i) + 0.5) * 12.5%));opacity:1;transition:opacity .45s ease;}
.tl-film.is-empty .tl-cell{box-shadow:inset 0 0 0 1px rgba(255,255,255,.09);}
.tl-film.is-empty .tl-cell img{opacity:0;visibility:hidden;transition:none;}
.tl-ribbon:has(.tl-film.is-empty) .tl-play{opacity:0;pointer-events:none;transition:opacity .3s ease;}
.tl-wave{display:block;width:100%;height:clamp(40px,6vw,66px);background:#08070d;border-top:1px solid rgba(255,255,255,.06);}
.tl-play{position:absolute;top:calc(clamp(72px,12vw,132px) / 2);left:50%;transform:translate(-50%,-50%);z-index:5;width:clamp(48px,7vw,74px);height:clamp(48px,7vw,74px);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;border:none;padding:0;background:none;}
.tl-play img{width:100%;height:100%;display:block;}
.tl-ticks{position:relative;height:12px;background:#08070d;}
.tl-ticks::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 1px,transparent 1px 8.3333%);}
.tl-ruler{display:flex;justify-content:space-between;align-items:center;padding:9px 16px 12px;background:#08070d;border-top:1px solid var(--border-standard);}
.tl-time{font-family:var(--font-mono);font-size:clamp(13px,1.7vw,18px);font-weight:600;letter-spacing:.04em;color:var(--text-muted);}
.tl-scan{position:absolute;left:0;right:0;height:3px;top:-8%;z-index:6;background:linear-gradient(90deg,transparent,var(--brand-fuchsia),var(--brand-violet),transparent);box-shadow:0 0 22px 6px rgba(192,38,211,.45);opacity:0;pointer-events:none;}
.tl-strip--scan.is-scanning .tl-scan{opacity:1;animation:ms-vscan 1.8s cubic-bezier(.65,0,.35,1) 1;}

/* ── Hero comparison showcase ────────────────────────────────────── */
.hero-copy--center{text-align:center;max-width:840px;margin:0 auto;}
.hero-copy--center .hero-subtitle{margin-left:auto;margin-right:auto;text-align:center;}
.hero-copy--center .hero-actions{justify-content:center;}
.hero-showcase{margin-top:40px;display:flex;flex-direction:column;gap:18px;animation:ms-rise 0.45s ease-out 0.25s both;transition:opacity .6s ease;}
.hero-showcase.is-cycling-out{opacity:0;}
.hero-showcase__prompt{margin:0;}
.hero-showcase-card{position:relative;display:flex;flex-direction:column;gap:22px;background:rgba(23,20,31,0.78);backdrop-filter:blur(8px);border-color:var(--border-hover);box-shadow:0 28px 80px rgba(124,58,237,.32),var(--shadow-card);}
.hero-showcase-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,rgba(124,58,237,.75),rgba(192,38,211,.6) 40%,rgba(219,39,119,.35) 70%,transparent);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:1;}
.hero-showcase-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 70% 55% at 50% 0%,rgba(124,58,237,.18) 0%,rgba(13,11,22,0) 60%);pointer-events:none;z-index:0;}
.hero-showcase-card > *{position:relative;z-index:2;}
.hero-compare{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.hero-compare .hero-clip{opacity:0;transition:opacity .5s ease;}
.hero-compare.is-shown .hero-clip{opacity:1;}
.hero-compare__ph{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:18px;opacity:1;transition:opacity .45s ease;pointer-events:none;}
.hero-compare.is-shown .hero-compare__ph{opacity:0;}
.hero-compare__ph span{border-radius:var(--radius-md);border:1px dashed rgba(255,255,255,.09);background:#0c0a15;}
.hero-clip{position:relative;margin:0;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-standard);background:#08070d;aspect-ratio:16/9;box-shadow:var(--shadow-card);}
.hero-clip--vision{border-color:var(--border-hover);box-shadow:var(--glow-cta);}
.hero-clip video{width:100%;height:100%;object-fit:cover;display:block;}
.hero-clip__badge{position:absolute;top:12px;left:12px;z-index:4;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;padding:6px 11px;border-radius:999px;backdrop-filter:blur(6px);color:#fff;}
.hero-clip__badge--audio{background:rgba(100,116,139,.5);border:1px solid rgba(148,163,184,.35);}
.hero-clip__badge--vision{background:var(--gradient-cta);border:1px solid var(--border-hover);}
.hero-clip__verdict{position:absolute;left:12px;bottom:12px;z-index:4;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:var(--text-xs);font-weight:700;letter-spacing:.02em;padding:6px 11px;border-radius:999px;color:#fff;backdrop-filter:blur(6px);box-shadow:0 4px 16px rgba(0,0,0,.35);}
.hero-clip__verdict--wrong{background:linear-gradient(135deg,var(--wrong-pink),var(--wrong-pink-2));border:1px solid rgba(247,99,154,.55);}
.hero-clip__verdict--correct{background:var(--gradient-cta);border:1px solid var(--border-hover);}
.hero-clip figcaption{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:26px 13px 11px;font-family:var(--font-body);font-size:var(--text-sm);line-height:1.35;color:var(--text-body);background:linear-gradient(180deg,rgba(5,4,9,0),rgba(5,4,9,.9));}
.hero-clip__cap-title{min-width:0;}
.hero-clip__cap-badges{display:inline-flex;align-items:center;gap:6px;flex:none;}
.hero-clip figcaption .hero-clip__badge{position:static;background:rgba(8,7,13,.55);border:1px solid rgba(255,255,255,.24);}
.hero-clip--vision figcaption{top:0;bottom:auto;color:#fff;font-weight:700;padding:10px 14px;background:var(--gradient-cta);box-shadow:0 6px 18px rgba(0,0,0,.28);}
.hero-clip:not(.hero-clip--vision) figcaption{top:0;bottom:auto;color:#fff;font-weight:700;padding:10px 14px;background:linear-gradient(135deg,var(--wrong-pink),var(--wrong-pink-2));box-shadow:0 6px 18px rgba(0,0,0,.28);}
@media (max-width:640px){.hero-compare,.hero-compare__ph{grid-template-columns:1fr;}}

/* ── How it works flow ───────────────────────────────────────────── */
.how-flow{display:flex;align-items:center;gap:16px;flex-wrap:wrap;}
.how-node{flex:1;min-width:180px;display:flex;flex-direction:column;gap:10px;padding:22px;background:var(--ink-soft);border:1px solid var(--border-standard);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);transition:border-color 180ms ease-out,transform 180ms ease-out;}
.how-node:hover{border-color:var(--border-hover);transform:translateY(-2px);}
.how-node__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:var(--glass-bg);color:var(--alert-track-text);}
.how-node__title{margin:0;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;color:var(--text-primary);}
.how-node__sub{margin:0;font-size:var(--text-sm);line-height:1.45;color:var(--text-muted);}
.how-flow > .how-node{flex:0.72;align-self:center;align-items:center;text-align:center;padding:18px;}
.how-flow > .how-node .how-node__title{font-size:var(--text-base);}
.how-flow > .how-node .how-node__sub{text-align:center;}
.how-arrow{display:flex;align-items:center;justify-content:center;flex:none;color:var(--brand-violet);}
.how-arrow svg{animation:ms-flow 2.4s ease-in-out infinite;}
.how-branch{flex:1.5;display:flex;flex-direction:column;gap:12px;min-width:230px;}
.how-branch .how-node{flex:1;flex-direction:row;align-items:center;padding:15px 18px;gap:14px;}
.how-branch .how-node__icon{flex:none;width:34px;height:34px;}
@keyframes ms-flow{0%,100%{opacity:.4;transform:translateX(0);}50%{opacity:1;transform:translateX(4px);}}
.how-note{margin:26px 0 0;text-align:center;font-size:15px;color:var(--text-muted);}
.how-note b{color:var(--alert-track-text);font-weight:700;}
@media (max-width:860px){
  .how-flow{flex-direction:column;}
  .how-arrow{transform:rotate(90deg);height:26px;}
}

/* ── Use-case cycling panel ──────────────────────────────────────── */
.uc-demo{display:flex;flex-direction:column;gap:18px;}
.uc-chat{display:flex;align-items:flex-start;gap:12px;}
.uc-chat__avatar{flex:none;width:50px;height:50px;border-radius:50%;background:var(--gradient-cta);display:inline-flex;align-items:center;justify-content:center;color:#fff;box-shadow:var(--glow-cta);}
.uc-chat__avatar svg{width:46%;height:46%;}
.uc-chat__bubble{position:relative;flex:1;min-height:24px;font-family:var(--font-mono);font-size:clamp(14px,1.8vw,17px);font-weight:600;color:var(--alert-track-text);background:rgba(147,51,234,.14);border:1px solid var(--border-hover);border-radius:4px 14px 14px 14px;padding:12px 16px;box-shadow:0 0 24px rgba(124,58,237,.12);}
.uc-hl{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700;}
.uc-result{position:relative;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-hover);aspect-ratio:16/9;background:#08070d;box-shadow:var(--glow-cta);}
.uc-result video{width:100%;height:100%;object-fit:cover;display:block;}
.uc-result .usecase__tag{position:absolute;top:12px;left:12px;z-index:2;transition:opacity .5s ease;}

/* ── Frame-search: load more ─────────────────────────────────────── */
.fs-thumb--more{display:none;}
.fs-results.show-more .fs-thumb--more{display:block;}
.fs-loadmore{align-self:center;margin-top:4px;padding:9px 20px;font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--text-body);background:var(--ink-soft);border:1px solid var(--border-standard);border-radius:999px;cursor:pointer;transition:border-color 180ms ease-out,color 180ms ease-out,opacity .3s ease;}
.fs-loadmore:hover{border-color:var(--border-hover);color:var(--text-primary);}
.fs-loadmore.is-hidden{opacity:0;visibility:hidden;pointer-events:none;}

/* ── Narration generated-sound badge ─────────────────────────────── */
.narration-visual{position:relative;}
.narration-sound{position:absolute;top:12px;left:12px;z-index:3;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--gradient-cta);border:1px solid var(--border-hover);border-radius:999px;padding:6px 11px;backdrop-filter:blur(6px);box-shadow:0 4px 16px rgba(0,0,0,.35);}

/* ── Apps: and-more tile ─────────────────────────────────────────── */
.app-tile--more .app-tile__icon{color:var(--alert-track-text);}

/* ── Hero dual badges + below-clip captions + centered note ──────── */
.landing-root .hero-note{text-align:center;}
.hero-col{display:flex;flex-direction:column;gap:10px;}
.hero-clip__hud{position:absolute;top:12px;left:12px;z-index:3;display:flex;flex-wrap:wrap;gap:8px;}
.hero-clip__hud .hero-clip__badge{position:static;top:auto;left:auto;}
.hero-cap{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);background:rgba(8,7,13,.72);border:1px solid var(--border-standard);font-family:var(--font-mono);font-size:clamp(9.5px,1vw,11.5px);line-height:1.45;color:var(--text-body);min-height:20px;}
.hero-cap__label{flex:none;font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:700;padding:3px 7px;border-radius:4px;color:#fff;}
.hero-cap--audio .hero-cap__label{background:rgba(100,116,139,.55);}
.hero-cap--vision .hero-cap__label{background:var(--gradient-cta);}
.hero-cap__text{min-width:0;flex:1;}
.hero-cap__text b{color:#fff;font-weight:700;}
.hero-cap__caret{display:inline-block;width:7px;height:13px;margin-left:2px;vertical-align:-2px;background:var(--brand-fuchsia);animation:ms-caret 1s step-end infinite;}

/* ── Hero verdict overlays (check / cross) ───────────────────────── */
.hero-verdict{position:absolute;inset:0;z-index:5;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s ease;background:radial-gradient(ellipse 60% 60% at 50% 50%,rgba(5,4,9,.55) 0%,rgba(5,4,9,0) 70%);}
.hero-verdict svg{width:clamp(64px,28%,132px);height:auto;}
.hero-verdict--check{color:#a855f7;}
.hero-verdict--check svg{filter:drop-shadow(0 0 14px rgba(168,85,247,.9)) drop-shadow(0 0 34px rgba(124,58,237,.7));}
.hero-verdict--x{color:var(--wrong-pink);}
.hero-verdict--x svg{filter:drop-shadow(0 0 14px rgba(229,50,110,.9)) drop-shadow(0 0 34px rgba(229,50,110,.6));}
.hero-verdict.is-on{opacity:1;}
.hero-verdict.is-on svg{animation:ms-verdict-pop .5s cubic-bezier(.34,1.56,.64,1) both;}
@keyframes ms-verdict-pop{0%{transform:scale(.3);}60%{transform:scale(1.12);}100%{transform:scale(1);}}
@media (prefers-reduced-motion: reduce){
  .hero-verdict.is-on svg{animation:none;}
}

/* ── Cycling fade transitions ────────────────────────────────────── */
.tl-film{transition:opacity .5s ease;}
.tl-film.is-fading{opacity:.14;}
.tl-film.is-fading .tl-cell img{opacity:0;}
.uc-result video{transition:opacity .5s ease;}
.uc-result.is-fading video{opacity:0;}
.uc-result.is-fading .usecase__tag{opacity:0;}
.fs-demo.is-cycling-out{opacity:0;}

/* GoDaddy <picture> wrappers — picture is display:inline by default */
.site-chrome picture.site-chrome__mark {
  display: block;
  flex: none;
  width: 48px;
  height: 49px;
}
.site-chrome picture.site-chrome__mark img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.landing-footer-brand picture.landing-footer-mark {
  display: block;
  flex: none;
  width: 26px;
  height: 27px;
}
.landing-footer-brand picture.landing-footer-mark img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: contain;
}
.merge-cell > picture {
  display: block;
  width: 100%;
}
.merge-cell > picture img,
.merge-cell > img {
  width: 100%;
  aspect-ratio: 16/10;
  object-fit: cover;
  border-radius: var(--radius-sm);
  border: 1px solid var(--border-standard);
  background: #08070d;
  display: block;
}
