/* Landing replica for Silicon Power AI Translation */
:root{
  --replica-ink:#111114;
  --replica-muted:#666b7a;
  --replica-primary:#6652f2;
  --replica-primary-2:#8a64f7;
  --replica-card:#fff;
  --replica-line:#edf0fb;
}
body{background:#f5f6ff}
.nav-header{
  position:sticky;
  top:0;
  z-index:1000;
  padding:14px 18px 0;
  background:transparent;
  border-bottom:0;
  box-shadow:none;
}
.nav-header.scrolled{background:rgba(247,248,255,.94);box-shadow:0 8px 20px rgba(83,91,145,.06)}
.nav-container{
  max-width:1480px;
  min-height:58px;
  margin:0 auto;
  padding:0 28px;
  border-radius:0;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none;
}
.nav-left .logo-img{width:30px;height:30px;border-radius:50%;box-shadow:0 8px 18px rgba(101,82,242,.22)}
.nav-left .company-logo{width:42px;height:42px;object-fit:contain;border-radius:8px;box-shadow:0 8px 18px rgba(15,23,42,.14)}
.nav-left .brand-name{
  font-size:16px;
  color:#151515;
  background:none;
  -webkit-text-fill-color:currentColor;
  font-weight:900;
  letter-spacing:.2px;
}
.nav-center{gap:38px}
.nav-center .nav-item{font-size:13px;color:#1f2430;font-weight:700}
.nav-center .nav-item.active{color:var(--replica-primary)}
.nav-center .nav-item.active::after{bottom:-13px;height:3px;background:var(--replica-primary)}
.nav-right .plan-badge{display:none}
.btn-login,.replica-btn{
  border:0;
  color:#fff;
  background:linear-gradient(135deg,var(--replica-primary),var(--replica-primary-2));
  box-shadow:0 14px 26px rgba(101,82,242,.24);
}
.btn-login{padding:10px 24px;border-radius:999px;font-size:13px}
.btn-login:hover{background:linear-gradient(135deg,#5644df,#7d56ee);transform:translateY(-1px)}

.replica-home{
  color:var(--replica-ink);
  background:
    radial-gradient(circle at 17% 16%,rgba(207,217,255,.8),transparent 24%),
    radial-gradient(circle at 86% 16%,rgba(235,223,255,.95),transparent 28%),
    linear-gradient(180deg,#f6f7ff 0%,#fbfbff 58%,#fff 100%);
  overflow:hidden;
}
.replica-section{
  width:100%;
  margin:0;
  padding:0;
}
.replica-section.is-reveal-ready .replica-panel{
  opacity:0;
  transform:translate3d(0,48px,0) scale(.985);
  filter:blur(10px);
  transition:opacity .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1),filter .72s cubic-bezier(.16,1,.3,1);
  will-change:opacity,transform,filter;
}
.replica-section.is-reveal-ready.reveal-from-top .replica-panel{transform:translate3d(0,-48px,0) scale(.985)}
.replica-section.is-reveal-ready.is-revealed .replica-panel{opacity:1;transform:translate3d(0,0,0) scale(1);filter:blur(0)}
#features.is-reveal-ready .replica-panel{
  opacity:1;
  transform:none;
  filter:none;
  transition:none;
  will-change:auto;
}
#features.is-reveal-ready .replica-feature-grid,
#features.is-reveal-ready .replica-wave{
  opacity:0;
  transform:translate3d(0,40px,0);
  transition:opacity .68s cubic-bezier(.16,1,.3,1),transform .68s cubic-bezier(.16,1,.3,1);
}
#features.is-reveal-ready.reveal-from-top .replica-feature-grid,
#features.is-reveal-ready.reveal-from-top .replica-wave{transform:translate3d(0,-40px,0)}
#features.is-reveal-ready.is-revealed .replica-feature-grid,
#features.is-reveal-ready.is-revealed .replica-wave{opacity:1;transform:translate3d(0,0,0)}
#features.is-reveal-ready .replica-feature-helper{
  opacity:0;
  transform:perspective(900px) rotateY(-6deg) translate3d(0,40px,18px);
  transition:opacity .68s cubic-bezier(.16,1,.3,1),transform .68s cubic-bezier(.16,1,.3,1);
}
#features.is-reveal-ready.reveal-from-top .replica-feature-helper{transform:perspective(900px) rotateY(-6deg) translate3d(0,-40px,18px)}
#features.is-reveal-ready.is-revealed .replica-feature-helper{opacity:1;transform:perspective(900px) rotateY(-6deg) translate3d(0,0,18px)}
.replica-panel{
  position:relative;
  max-width:1480px;
  margin:0 auto;
  min-height:690px;
  overflow:hidden;
  background:transparent;
  box-shadow:none;
}
#productIntro{background:radial-gradient(ellipse at 72% 48%,rgba(207,211,255,.96),transparent 46%),radial-gradient(circle at 43% 68%,rgba(221,240,255,.82),transparent 38%),linear-gradient(135deg,#f4f5ff 0%,#eef2ff 52%,#e7e7ff 100%)}
#features{background:linear-gradient(180deg,#fff 0%,#faf9ff 45%,#f5f2ff 100%)}
#advantages{background:radial-gradient(ellipse at 50% 88%,rgba(210,214,255,.82),transparent 44%),linear-gradient(180deg,#f1efff 0%,#f7f8ff 52%,#f2f4ff 100%)}
#useCases{background:linear-gradient(180deg,#fff 0%,#f9faff 52%,#f4f2ff 100%)}
#download{background:#e1e3fa}
.replica-hero{display:grid;grid-template-columns:minmax(390px,.76fr) minmax(560px,1.24fr);align-items:center;padding:92px 72px 54px}
.replica-copy{position:relative;z-index:4;transform:translateY(-46px)}
.replica-kicker{font-size:48px;line-height:1.05;font-weight:950;margin:0 0 18px;letter-spacing:0}
.replica-title{font-size:68px;line-height:1.03;font-weight:950;margin:0 0 26px;letter-spacing:0;color:#050505}
.replica-gradient{background:linear-gradient(135deg,#7558f1 0%,#3e6cf8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.replica-sub{font-size:24px;line-height:1.45;margin:0 0 20px;color:#202533;font-weight:650}
.replica-desc{font-size:15px;line-height:1.9;color:#555d70;max-width:510px;margin:0 0 34px}
.replica-actions{display:flex;gap:22px;align-items:center;margin-bottom:26px}
.replica-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-width:158px;
  height:50px;
  padding:0 24px;
  border-radius:999px;
  font-size:15px;
  font-weight:850;
  cursor:pointer;
  transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;
  font-family:inherit;
}
.replica-btn:hover{transform:translateY(-2px);box-shadow:0 18px 32px rgba(101,82,242,.32)}
.replica-btn:disabled,.replica-btn.is-disabled{opacity:.55;cursor:not-allowed;transform:none}
.replica-btn-secondary{
  color:#1c2230;
  background:#fff;
  box-shadow:0 16px 34px rgba(59,66,118,.11);
}
.replica-btn-buy{min-width:146px;color:#5b46d5;background:rgba(255,255,255,.92);border:1.5px solid #cfc6ff;box-shadow:0 10px 22px rgba(78,66,171,.10)}
.replica-btn-buy:hover{background:#f4f1ff;border-color:#8d7df2}
.replica-btn-buy b{font-size:20px;line-height:1;font-weight:700;transition:transform .2s ease}
.replica-btn-buy:hover b{transform:translateX(3px)}
.replica-btn-install{min-width:184px}
.replica-browser-cta-icon{width:22px;height:22px;object-fit:contain;flex:0 0 auto}
.replica-trust{display:flex;gap:28px;flex-wrap:wrap;color:#66708a;font-size:13px;font-weight:700}
.replica-trust span{display:inline-flex;gap:8px;align-items:center}
.replica-trust i{width:18px;height:18px;border-radius:7px;background:#e9efff;color:#6388fb;display:inline-flex;align-items:center;justify-content:center;font-style:normal}
.replica-visual{position:relative;min-height:0;aspect-ratio:1.6;z-index:2}
.replica-hero-scene{
  position:absolute;
  left:51%;
  top:50%;
  width:min(980px,126%);
  aspect-ratio:1586/992;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 30px 46px rgba(62,90,190,.14));
  animation:replicaFloatArt 5.5s ease-in-out infinite;
}
.replica-hero-preview,.replica-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:translateY(10px) scale(1.018);transform-origin:center bottom;animation:none}
.replica-hero-preview{z-index:1;filter:blur(11px) saturate(.93);opacity:1;transition:opacity .32s ease}
.replica-hero-art{z-index:2;filter:none;opacity:0;transition:opacity .32s ease}
.replica-hero-fallback.is-loaded .replica-hero-preview{opacity:0}
.replica-hero-fallback.is-loaded .replica-hero-art{opacity:1}
.replica-hero-art,.replica-people-row,.replica-cta-world{-webkit-mask-image:none;mask-image:none}
.replica-visual::before,.replica-steps::before,.replica-download::before{
  content:"";
  position:absolute;
  left:50%;
  z-index:0;
  transform:translateX(-50%);
  pointer-events:none;
  filter:blur(34px);
  opacity:.9;
}
.replica-visual::before{top:50%;width:min(1040px,134%);aspect-ratio:1.6;transform:translate(-50%,-50%);background:radial-gradient(ellipse at center,#cdd4ff 0%,#e2e4ff 52%,transparent 74%)}
.replica-steps::before{bottom:-8%;width:min(920px,74%);aspect-ratio:3/1;background:radial-gradient(ellipse at center,#d8dcff 0%,transparent 72%)}
.replica-download::before{bottom:-10%;width:min(1050px,78%);aspect-ratio:16/7;background:radial-gradient(ellipse at center,#cfd6ff 0%,#e1e5ff 48%,transparent 75%)}
.replica-download::before{display:none}
.replica-people-row,.replica-cta-world{z-index:1}
.replica-language-layer{position:absolute;pointer-events:none;z-index:6}
.replica-language-layer img{position:absolute;width:auto;filter:drop-shadow(0 10px 14px rgba(72,79,150,.16))}
.replica-hero-languages{inset:0;width:100%;height:100%;transform:none}
.replica-hero-languages .replica-lang-hello{left:29%;top:34%;width:15%}
.replica-hero-languages .replica-lang-korean{left:44%;top:13%;width:16%}
.replica-hero-languages .replica-lang-arabic{left:62%;top:25%;width:14%}
.replica-hero-languages .replica-lang-bonjour{left:70%;top:54%;width:19%}
.replica-hero-languages .replica-lang-hola{left:42%;top:74%;width:16%}
.replica-hero-languages .replica-lang-nihao{left:14%;top:61%;width:13%}
.replica-hero-character{
  position:absolute;
  z-index:3;
  display:block;
  margin:0;
  padding:0;
  overflow:visible;
  border:0;
  background:transparent;
  cursor:pointer;
  -webkit-tap-highlight-color:transparent;
}
.replica-hero-character:focus-visible{outline:2px solid rgba(102,82,242,.78);outline-offset:6px;border-radius:50%}
.hero-character-black{left:23.64%;top:0;width:22.70%;height:43.35%}
.hero-character-blonde{left:58.64%;top:0;width:22.70%;height:43.35%}
.hero-character-asian-girl{left:11.35%;top:28.23%;width:22.70%;height:50.40%}
.hero-character-arab{left:71.25%;top:29.23%;width:25.22%;height:45.36%}
.hero-character-blue{left:22.07%;top:56.45%;width:25.85%;height:43.55%}
.hero-character-green{left:58.01%;top:58.47%;width:24.59%;height:41.53%}
.hero-head{position:absolute;display:block;overflow:hidden;clip-path:ellipse(49% 52% at 50% 52%);transform:translate3d(var(--hero-gaze-x,0px),var(--hero-gaze-y,0px),0);transform-origin:50% 74%;will-change:transform}
.hero-head>img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.hero-character-black .hero-head{left:15.28%;top:8.14%;width:47.22%;height:37.21%}
.hero-character-blonde .hero-head{left:30.56%;top:8.14%;width:47.22%;height:39.53%}
.hero-character-asian-girl .hero-head{left:19.44%;top:10%;width:44.44%;height:38%}
.hero-character-arab .hero-head{left:20%;top:10%;width:40%;height:37.78%}
.hero-character-blue .hero-head{left:19.51%;top:9.26%;width:43.90%;height:41.67%}
.hero-character-green .hero-head{left:35.90%;top:9.71%;width:46.15%;height:41.26%}
.hero-hand{position:absolute;display:block;overflow:hidden;clip-path:ellipse(47% 52% at 50% 54%);transform-origin:50% 92%;pointer-events:none}
.hero-hand img{display:block;width:100%;height:100%;object-fit:contain}
.hero-character-black .hero-hand{left:63.89%;top:24.42%;width:29.17%;height:33.72%}
.hero-character-blonde .hero-hand{left:8.33%;top:15.12%;width:29.17%;height:36.05%}
.hero-character-asian-girl .hero-hand{left:62.50%;top:23%;width:29.17%;height:34%}
.hero-character-arab .hero-hand{left:-3.75%;top:28.89%;width:27.50%;height:34.44%}
.hero-eye{
  position:absolute;
  z-index:2;
  width:clamp(4px,.65vw,9px);
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle at 36% 32%,#fff 0 12%,#4c3228 14% 46%,#171114 49% 100%);
  box-shadow:0 0 0 1px rgba(255,255,255,.42);
  opacity:.88;
  transform:translate3d(var(--hero-gaze-x,0px),var(--hero-gaze-y,0px),0);
  transition:transform .1s linear,opacity .2s ease;
  pointer-events:none;
}
.replica-hero-character:hover .hero-eye,.replica-hero-character:focus-visible .hero-eye{opacity:1}
.hero-character-black .hero-eye-left{left:47%;top:56%}.hero-character-black .hero-eye-right{left:67%;top:56%}
.hero-character-blonde .hero-eye-left{left:35%;top:46%}.hero-character-blonde .hero-eye-right{left:56%;top:46%}
.hero-character-asian-girl .hero-eye-left{left:42%;top:53%}.hero-character-asian-girl .hero-eye-right{left:66%;top:53%}
.hero-character-arab .hero-eye-left{left:31%;top:45%}.hero-character-arab .hero-eye-right{left:56%;top:45%}
.hero-character-blue .hero-eye-left{left:39%;top:51%}.hero-character-blue .hero-eye-right{left:60%;top:51%}
.hero-character-green .hero-eye-left{left:25%;top:48%}.hero-character-green .hero-eye-right{left:46%;top:48%}
.replica-hero-character.is-waving .hero-head{animation:replicaHeroGreeting .84s cubic-bezier(.2,.85,.28,1)}
.replica-hero-character.is-waving .hero-hand{animation:replicaHandWave .82s cubic-bezier(.2,.85,.28,1)}
.replica-hero-scene .replica-hero-languages img{opacity:0;transform:translate3d(0,9px,0) scale(.9);transition:opacity .2s ease,transform .25s cubic-bezier(.16,1,.3,1)}
.replica-hero-scene[data-active-character="black"] .replica-lang-korean,
.replica-hero-scene[data-active-character="blonde"] .replica-lang-arabic,
.replica-hero-scene[data-active-character="asian-girl"] .replica-lang-hello,
.replica-hero-scene[data-active-character="arab"] .replica-lang-bonjour,
.replica-hero-scene[data-active-character="blue"] .replica-lang-nihao,
.replica-hero-scene[data-active-character="green"] .replica-lang-hola{opacity:1;transform:translate3d(0,0,0) scale(1)}
.replica-globe{
  position:absolute;
  left:50%;
  top:52%;
  width:min(600px,88%);
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 34px 54px rgba(55,112,210,.22));
  animation:replicaFloat 5s ease-in-out infinite;
}
.replica-orbits{position:absolute;inset:8% 2%;background:url("orbit-glow.svg") center/88% auto no-repeat;opacity:.66;animation:replicaOrbit 16s linear infinite}
.replica-person{position:absolute;z-index:3;filter:drop-shadow(0 16px 22px rgba(48,60,110,.12))}
.replica-p-black{left:19%;top:2%;width:148px}
.replica-p-white-girl{right:7%;top:4%;width:158px}
.replica-p-asian-girl{left:2%;top:38%;width:142px}
.replica-p-arab{right:1%;top:39%;width:154px}
.replica-p-white-man{left:18%;bottom:2%;width:165px}
.replica-p-asian-man{right:11%;bottom:1%;width:158px}
.replica-bubble{position:absolute;z-index:5;filter:drop-shadow(0 12px 16px rgba(85,93,150,.13))}
.replica-b-hello{left:19%;top:31%;width:120px}
.replica-b-korean{left:48%;top:13%;width:124px}
.replica-b-arabic{right:28%;top:25%;width:92px}
.replica-b-bonjour{right:12%;top:56%;width:142px}
.replica-b-hola{left:39%;bottom:19%;width:116px}
.replica-b-nihao{left:4%;top:56%;width:98px}
.replica-sparkle{position:absolute;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 16px #b9b9ff;animation:replicaTwinkle 2.4s ease-in-out infinite}
.replica-s1{left:68%;top:10%}.replica-s2{left:35%;top:26%;animation-delay:.8s}.replica-s3{left:74%;bottom:21%;animation-delay:1.3s}

/* The original composite stays available as a no-WebGL and reduced-motion fallback. */
.replica-hero-fallback{
  position:absolute;
  left:51%;
  top:50%;
  width:min(980px,126%);
  aspect-ratio:1586/992;
  transform:translate(-50%,-50%);
  filter:drop-shadow(0 30px 46px rgba(62,90,190,.14));
  animation:replicaFloatArt 5.5s ease-in-out infinite;
  overflow:hidden;
}
.replica-hero-globe-sheen{
  position:absolute;
  left:50%;
  top:53%;
  z-index:3;
  width:42%;
  aspect-ratio:1;
  border-radius:50%;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle at 32% 24%,rgba(255,255,255,.30),rgba(173,229,255,.08) 19%,transparent 47%);
  mix-blend-mode:screen;
  opacity:.78;
  pointer-events:none;
  animation:replicaGlobeSheen 7s ease-in-out infinite;
}
.replica-hero-hotspots{position:absolute;inset:0;z-index:7}
.replica-hero-hotspot{position:absolute;display:block;border-radius:48%;cursor:pointer;-webkit-tap-highlight-color:transparent}
.replica-hero-hotspot::after{content:"";position:absolute;inset:-15%;border-radius:50%;background:radial-gradient(circle,rgba(175,160,255,.32),rgba(174,214,255,.10) 48%,transparent 70%);opacity:0;transform:scale(.76);transition:opacity .25s ease,transform .32s cubic-bezier(.16,1,.3,1);pointer-events:none}
.replica-hero-hotspot[data-hero-language="korean"]{left:23%;top:4%;width:21%;height:43%}
.replica-hero-hotspot[data-hero-language="arabic"]{left:63%;top:4%;width:20%;height:44%}
.replica-hero-hotspot[data-hero-language="english"]{left:9%;top:31%;width:24%;height:49%}
.replica-hero-hotspot[data-hero-language="french"]{left:76%;top:30%;width:22%;height:47%}
.replica-hero-hotspot[data-hero-language="chinese"]{left:22%;top:57%;width:25%;height:43%}
.replica-hero-hotspot[data-hero-language="spanish"]{left:59%;top:58%;width:25%;height:42%}
.replica-hero-hotspot:hover::after{opacity:.72;transform:scale(1)}
.replica-language-layer img{animation:replicaBubbleBreathe 4.8s ease-in-out infinite;transform-origin:center bottom}
.replica-lang-korean{animation-delay:.2s!important}.replica-lang-arabic{animation-delay:.7s!important}.replica-lang-hello{animation-delay:1.1s!important}.replica-lang-bonjour{animation-delay:1.6s!important}.replica-lang-nihao{animation-delay:2s!important}.replica-lang-hola{animation-delay:2.5s!important}
.replica-visual[data-hero-active="korean"] .replica-lang-korean,
.replica-visual[data-hero-active="arabic"] .replica-lang-arabic,
.replica-visual[data-hero-active="english"] .replica-lang-hello,
.replica-visual[data-hero-active="french"] .replica-lang-bonjour,
.replica-visual[data-hero-active="chinese"] .replica-lang-nihao,
.replica-visual[data-hero-active="spanish"] .replica-lang-hola{animation:replicaBubbleHello .66s cubic-bezier(.16,1,.3,1) both!important;filter:drop-shadow(0 16px 22px rgba(82,82,186,.30))}
.replica-visual[data-hero-active="korean"] [data-hero-language="korean"]::after,
.replica-visual[data-hero-active="arabic"] [data-hero-language="arabic"]::after,
.replica-visual[data-hero-active="english"] [data-hero-language="english"]::after,
.replica-visual[data-hero-active="french"] [data-hero-language="french"]::after,
.replica-visual[data-hero-active="chinese"] [data-hero-language="chinese"]::after,
.replica-visual[data-hero-active="spanish"] [data-hero-language="spanish"]::after{opacity:.88;transform:scale(1)}

.replica-head{text-align:center;margin:0 auto 52px}
.replica-head h2{font-size:38px;line-height:1.2;margin:0 0 14px;font-weight:950;letter-spacing:0}
.replica-head p{margin:0;color:#697286;font-size:16px}
.replica-features{padding:84px 44px 76px;min-height:620px}
.replica-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;position:relative;z-index:2}
.replica-card{
  min-height:178px;
  padding:32px 26px;
  border-radius:12px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(232,235,248,.92);
  box-shadow:0 22px 42px rgba(75,83,130,.08);
  text-align:center;
  transition:transform .22s ease,box-shadow .22s ease;
}
.replica-card:hover{transform:translateY(-6px);box-shadow:0 26px 56px rgba(84,86,150,.14)}
.replica-card>img{width:70px;height:70px;object-fit:contain;margin-bottom:18px;padding:10px;border-radius:20px;background:radial-gradient(circle at 35% 25%,#fff 0%,#eef3ff 45%,#f7f2ff 100%);filter:drop-shadow(0 14px 20px rgba(101,82,242,.18))}
.replica-card h3{margin:0 0 10px;font-size:18px;font-weight:900}
.replica-card p{margin:0;color:#70778a;font-size:13px;line-height:1.8}
.replica-feature-helper{position:absolute;right:-22px;bottom:-16px;width:clamp(320px,22vw,420px);z-index:3;transform:perspective(900px) rotateY(-6deg) translateZ(18px);transform-origin:right bottom;filter:drop-shadow(0 24px 30px rgba(66,78,156,.24))}
.replica-wave{position:absolute;left:0;right:0;bottom:0;height:118px;overflow:hidden;z-index:1;pointer-events:none}
.replica-wave::before,.replica-wave::after{content:"";position:absolute;left:-2%;bottom:-2px;width:104%;height:118px;background-repeat:no-repeat;background-size:100% 100%;will-change:transform}
.replica-wave::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 118' preserveAspectRatio='none'%3E%3Cpath d='M-20 123V84C133 79 236 89 357 68c149-27 266-78 426-49 138 25 200 67 351 45 165-24 250-91 486-56v86Z' fill='%23e8e3ff' opacity='.92'/%3E%3Cpath d='M-20 123V100c159-5 286-35 416-70 160-43 273-7 394 19 136 29 270 24 385-29 135-62 264-56 445-18v71Z' fill='%23d9d0ff' opacity='.55'/%3E%3C/svg%3E");filter:drop-shadow(0 -10px 22px rgba(143,112,255,.1));animation:replicaRibbonSway 15s cubic-bezier(.42,0,.25,1) infinite alternate}
.replica-wave::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1600 118' preserveAspectRatio='none'%3E%3Cpath d='M-20 76C137 70 255 79 379 47c142-37 267-64 407-33 136 30 237 72 369 44 168-36 252-104 470-64' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' opacity='.82'/%3E%3Cpath d='M-20 90C128 83 251 89 394 57c144-32 274-67 411-34 137 33 225 73 357 47 178-36 275-101 467-61' fill='none' stroke='%239e82ff' stroke-width='2' stroke-linecap='round' opacity='.52'/%3E%3Cpath d='M1082 44c110-35 205-49 329-23' fill='none' stroke='%23d7cbff' stroke-width='14' stroke-linecap='round' opacity='.26'/%3E%3C/svg%3E");filter:drop-shadow(0 0 7px rgba(154,126,255,.35));animation:replicaRibbonGlide 10s cubic-bezier(.42,0,.25,1) infinite alternate}

.replica-steps{padding:84px 44px 0;min-height:820px;isolation:isolate}
.replica-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin:0 18px;position:relative}
.replica-step-grid::before{content:"";position:absolute;left:17%;right:17%;top:93px;border-top:2px dashed #cdd7ff}
.replica-step{position:relative;z-index:2;min-height:220px;text-align:left}
.replica-step-no{width:30px;height:30px;border-radius:50%;background:var(--replica-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:20px}
.replica-step h3{font-size:17px;margin:0 0 24px;font-weight:900}
.replica-step p{font-size:13px;line-height:1.85;color:#5f6678;margin:0}
.replica-step-art{position:absolute;right:22px;bottom:22px;width:70px;height:70px;border-radius:18px;background:#f0efff;display:flex;align-items:center;justify-content:center}
.replica-step-art img{width:54px;height:54px}
.replica-people-row{position:absolute;left:50%;bottom:0;width:min(780px,86%);transform:translateX(-50%);filter:drop-shadow(0 18px 26px rgba(64,80,150,.10))}

.replica-usecases{padding:84px 44px 58px;min-height:620px}
.replica-case-list{max-width:660px;margin:0 auto;display:grid;gap:14px}
.replica-case{display:grid;grid-template-columns:1fr 235px;align-items:center;min-height:132px;border-radius:13px;background:linear-gradient(90deg,#fff 0%,#fff 40%,#f8f9ff 62%,#eef2ff 100%);border:1px solid rgba(232,235,248,.92);box-shadow:0 18px 38px rgba(84,91,138,.08);overflow:hidden}
.replica-case-copy{padding:22px 28px}
.replica-case h3{font-size:17px;margin:0 0 9px;font-weight:900}
.replica-case p{font-size:13px;color:#60697d;line-height:1.75;margin:0}
.replica-case-visual{height:132px;position:relative;overflow:hidden;background:transparent}
.replica-case-visual::before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.88) 10%,rgba(248,249,255,.25) 31%,rgba(238,242,255,0) 58%)}
.replica-case-visual img{position:absolute;right:0;bottom:0;height:100%;max-width:none;width:auto;object-fit:contain;filter:drop-shadow(0 10px 16px rgba(58,81,160,.10));z-index:1}
.replica-mini-icon{position:absolute;top:18px;right:24px;width:34px;height:28px;border-radius:9px;background:#e8efff;color:#6b8cff;display:flex;align-items:center;justify-content:center;font-weight:900;z-index:3}

.replica-download{padding:84px 44px 0;min-height:960px;text-align:center;isolation:isolate}
.replica-download .replica-head,.replica-download>.replica-btn,.replica-download>.replica-browser-row{position:relative;z-index:2}
.replica-download .replica-btn{margin:24px auto 22px;width:245px;height:55px;font-size:17px}
.replica-browser-row{display:flex;justify-content:center;gap:12px;align-items:center;color:#6d7382;font-size:13px;margin-bottom:10px}
.replica-browser-label{font-weight:800;color:#50586c;white-space:nowrap}
.replica-browser{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(117,88,241,.12);border-radius:50%;padding:0;font:inherit;color:inherit;background:rgba(255,255,255,.68);box-shadow:0 6px 14px rgba(66,77,143,.06)}
.replica-browser img{width:22px;height:22px;display:block;flex:0 0 auto;object-fit:contain}
.replica-hero-browser-row{justify-content:flex-start;gap:12px;margin:0;color:#66708a;font-size:13px;font-weight:700}
.replica-browser{cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease,box-shadow .2s ease}
.replica-browser:hover{transform:translateY(-2px);border-color:rgba(102,82,242,.42);background:#fff}
.replica-browser.is-selected{border-color:#7658f2;background:#f0edff;box-shadow:0 10px 20px rgba(102,82,242,.16)}
#download .replica-panel{width:100%;max-width:none;margin-left:0;margin-right:0}
.replica-cta-world{position:absolute;left:50%;bottom:0;width:100%;max-width:none;height:auto;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 20px 28px rgba(56,92,187,.12))}
.replica-cta-languages{left:50%;bottom:0;width:100%;max-width:none;aspect-ratio:16/7;transform:translateX(-50%)}
.replica-cta-languages .replica-cta-hello{left:12%;top:60%;width:14%}
.replica-cta-languages .replica-cta-korean{left:28%;top:72%;width:13%}
.replica-cta-languages .replica-cta-nihao{left:44%;top:80%;width:13%}
.replica-cta-languages .replica-cta-bonjour{left:64%;top:59%;width:17%}
.replica-cta-languages .replica-cta-hola{left:79%;top:71%;width:12%}

.replica-footer{
  max-width:1480px;
  margin:0 auto 20px;
  border-radius:16px;
  background:linear-gradient(135deg,#11173c,#1d1a54);
  color:#fff;
  padding:38px 42px 30px;
  display:grid;
  grid-template-columns:1.6fr repeat(3,1fr) 1.5fr;
  gap:28px;
}
.replica-footer h4{font-size:14px;margin:0 0 14px;color:#fff}
.replica-footer p,.replica-footer a{font-size:12px;line-height:1.9;color:rgba(255,255,255,.62)}
.replica-footer a{display:block;cursor:pointer}
.replica-footer-brand{display:flex;align-items:center;gap:10px;font-weight:900;margin-bottom:12px}
.replica-footer-brand img{width:28px;height:28px;border-radius:50%}
.replica-footer-brand .company-logo{width:44px;height:44px;object-fit:contain;border-radius:8px}
.replica-subscribe{display:flex;gap:8px;margin-top:12px}
.replica-subscribe input{height:34px;border:0;border-radius:999px;background:rgba(255,255,255,.1);color:#fff;padding:0 13px;min-width:0}
.replica-subscribe button{height:34px;border:0;border-radius:999px;background:linear-gradient(135deg,#6652f2,#8a64f7);color:#fff;padding:0 18px;font-weight:800}

@keyframes replicaFloat{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-12px)}}
@keyframes replicaFloatArt{0%,100%{transform:translate(-50%,-50%) translateY(0)}50%{transform:translate(-50%,-50%) translateY(-8px)}}
@keyframes replicaGlobeSheen{0%,100%{opacity:.46;transform:translate(-53%,-52%) scale(.94)}50%{opacity:.92;transform:translate(-46%,-48%) scale(1.06)}}
@keyframes replicaBubbleBreathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-4px) scale(1.025)}}
@keyframes replicaBubbleHello{0%{transform:translateY(10px) scale(.78);opacity:.25}65%{transform:translateY(-6px) scale(1.10);opacity:1}100%{transform:translateY(0) scale(1);opacity:1}}
@keyframes replicaHeroGreeting{
  0%,100%{transform:translate3d(var(--hero-gaze-x,0px),var(--hero-gaze-y,0px),0) rotate(0deg)}
  20%{transform:translate3d(calc(var(--hero-gaze-x,0px) - 2px),calc(var(--hero-gaze-y,0px) - 2px),0) rotate(-1.8deg)}
  42%{transform:translate3d(calc(var(--hero-gaze-x,0px) + 3px),calc(var(--hero-gaze-y,0px) - 4px),0) rotate(2.6deg)}
  64%{transform:translate3d(calc(var(--hero-gaze-x,0px) - 2px),calc(var(--hero-gaze-y,0px) - 2px),0) rotate(-1.8deg)}
  82%{transform:translate3d(calc(var(--hero-gaze-x,0px) + 1px),var(--hero-gaze-y,0px),0) rotate(1deg)}
}
@keyframes replicaHandWave{0%,100%{transform:rotate(0deg)}20%{transform:rotate(-14deg)}42%{transform:rotate(15deg)}64%{transform:rotate(-12deg)}82%{transform:rotate(9deg)}}
@keyframes replicaOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes replicaTwinkle{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}
@keyframes replicaRibbonSway{from{transform:translate3d(-.8%,4px,0) scaleY(.97)}to{transform:translate3d(.8%,-2px,0) scaleY(1.025)}}
@keyframes replicaRibbonGlide{from{transform:translate3d(.6%,1px,0)}to{transform:translate3d(-.9%,-4px,0)}}

@media(prefers-reduced-motion:reduce){.replica-wave::before,.replica-wave::after{animation:none}}

@media(prefers-reduced-motion:reduce){
  .replica-hero-scene,.replica-hero-fallback,.replica-hero-character,.hero-head,.hero-hand{animation:none!important}
  .replica-hero-globe-sheen,.replica-language-layer img{animation:none!important}
  .hero-eye{transform:none!important;transition:none}
  .replica-section.is-reveal-ready .replica-panel{
    opacity:1;
    transform:none;
    filter:none;
    transition:none;
  }
  #features.is-reveal-ready .replica-feature-grid,
  #features.is-reveal-ready .replica-feature-helper,
  #features.is-reveal-ready .replica-wave{
    opacity:1;
    transform:none;
    transition:none;
  }
}

@media(max-width:1060px){
  .nav-center{display:none}
  .replica-hero{grid-template-columns:1fr;padding:52px 32px 20px}
  .replica-copy{transform:translateY(-18px)}
  .replica-visual{min-height:0;width:100%;max-width:760px;margin:0 auto}
  .replica-hero-fallback{width:min(760px,108%);left:50%}
  .replica-title{font-size:54px}
  .replica-kicker{font-size:40px}
  .replica-feature-grid,.replica-step-grid{grid-template-columns:1fr}
  .replica-step-grid::before{display:none}
  .replica-case{grid-template-columns:1fr}
  .replica-footer{grid-template-columns:1fr 1fr}
}

@media(min-width:1061px){
  .nav-container,
  .replica-panel{
    width:calc(100% - 32px);
    max-width:none;
  }
  .nav-container{margin-left:16px;margin-right:16px}
  .replica-panel{margin-left:16px;margin-right:16px}

  .replica-hero{
    grid-template-columns:minmax(32%,.76fr) minmax(58%,1.24fr);
    padding:clamp(70px,5.2vw,132px) clamp(54px,5.2vw,132px) clamp(52px,3.2vw,86px);
  }
  .replica-visual{width:min(57vw,1220px);max-width:126%;justify-self:center}
  .replica-hero-fallback{width:126%;max-width:none;left:50%}
  .replica-title{font-size:clamp(62px,3.65vw,92px)}
  .replica-kicker{font-size:clamp(42px,2.45vw,62px)}
  .replica-sub{font-size:clamp(20px,1.45vw,28px)}
  .replica-desc{font-size:clamp(14px,.9vw,17px);max-width:clamp(480px,28vw,680px)}

  .replica-features,
  .replica-steps,
  .replica-usecases,
  .replica-download{padding-left:clamp(54px,5.2vw,132px);padding-right:clamp(54px,5.2vw,132px)}
  .replica-feature-grid{gap:clamp(20px,1.5vw,34px)}
  .replica-card{min-height:clamp(190px,11.5vw,260px);padding:clamp(28px,2vw,44px)}
  .replica-head h2{font-size:clamp(36px,2.2vw,54px)}
  .replica-head p{font-size:clamp(14px,.95vw,18px)}

  .replica-people-row{width:min(54vw,1060px)}
  .replica-case-list{max-width:min(62vw,1060px)}
  .replica-case{grid-template-columns:1fr clamp(290px,20vw,390px);min-height:clamp(132px,8vw,180px)}
  .replica-case-visual{height:clamp(132px,8vw,180px)}
  .replica-cta-world,.replica-cta-languages{width:100%;max-width:none}
  .replica-download{min-height:clamp(960px,58vw,1440px)}
  .replica-footer{max-width:none;margin-left:16px;margin-right:16px}
}

@media(max-width:640px){
  .nav-header{padding:8px}
  .nav-container{padding:0 14px}
  .nav-left .brand-name{font-size:14px}
  .replica-panel{min-height:auto}
  .replica-hero,.replica-features,.replica-steps,.replica-usecases,.replica-download{padding:34px 20px}
  .replica-copy{transform:none}
  .replica-title{font-size:42px}
  .replica-kicker{font-size:34px}
  .replica-sub{font-size:19px}
  .replica-actions{flex-direction:column;align-items:flex-start}
  .replica-visual{min-height:390px}
  .replica-hero-fallback{width:390px;max-width:112%;left:50%}
  .replica-person{width:92px!important}
  .replica-globe{width:330px}
  .replica-bubble{width:80px!important}
  .replica-feature-grid{gap:14px}
  .replica-feature-helper{right:-8px;bottom:-8px;width:170px;transform:none}
  .replica-step-grid{margin:0}
  .replica-people-row{position:relative;left:auto;bottom:0;width:100%;max-width:100%;margin-top:22px;transform:none}
  .replica-browser-row{gap:14px;flex-wrap:wrap}
  .replica-download{min-height:660px}
  .replica-cta-languages{width:100%;max-width:none}
  .replica-footer{margin:0 8px 14px;padding:28px 22px;grid-template-columns:1fr}
}