@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:url('/assets/translate-live-fonts/font-0.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:url('/assets/translate-live-fonts/font-1.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src:url('/assets/translate-live-fonts/font-2.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src:url('/assets/translate-live-fonts/font-3.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src:url('/assets/translate-live-fonts/font-4.woff2') format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src:url('/assets/translate-live-fonts/font-5.woff2') format('woff2');
}
/* Product extension of Rokid Claude's shared cinema art direction. */
.shell{max-width:1536px;margin-inline:auto;padding-inline:clamp(28px,4vw,72px)}.tl-hero{position:relative;isolation:isolate;min-height:680px;height:min(53vw,900px);overflow:hidden}.tl-hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}.tl-hero:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#030b13b8,transparent 76%),linear-gradient(0deg,#071018 0,transparent 35%)}.tl-hero-copy{position:absolute;bottom:17%;width:100%}.tl-hero-copy h1{font-size:clamp(42px,3.8vw,68px);line-height:1.15;font-weight:400;letter-spacing:-2.4px;margin-bottom:26px;max-width:760px}.tl-hero-copy h1 em,h2 em{color:#a1b6ce}.tl-hero-copy>.eyebrow{font-size:10px;color:#93aac1;margin-bottom:24px}.tl-lead{font-size:clamp(15px,1.45vw,21px);font-weight:300;color:#b1bfd0;line-height:1.7;margin-bottom:32px}.availability{font-size:10px;color:#8da2ba;line-height:1.8;margin:24px 0 0}.tl-hero-bottom{position:absolute;bottom:26px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.7px;color:#8ea4bd}.tl-hero-bottom a{letter-spacing:0;font-size:11px}.tl-hud{position:absolute;left:64%;top:29%;width:270px;transform:rotate(-6deg);font:12px/1.7 var(--mono);color:var(--hud);text-shadow:0 0 6px #55ff7729}.tl-hud>span{display:block;font-size:8px;letter-spacing:1.2px;color:#b0ffb9b3;border-bottom:1px solid #8cffaa45;margin-bottom:15px;padding-bottom:8px}.tl-hud p{margin:0 0 10px}.tl-hud p[lang=en]{font-size:14px}.tl-hud small{font-size:7px;letter-spacing:.7px;opacity:.6}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:65px;padding-block:38px 60px;border-bottom:1px solid var(--line)}.benefit-mark{color:#819bb7;font:10px var(--mono)}.benefits h2{font-size:20px;letter-spacing:-.5px;margin:20px 0 13px}.benefits p{font-size:13px;color:var(--muted);line-height:1.9;margin:0;max-width:340px}.tl-experience{padding-block:100px;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.tl-experience-copy{max-width:530px}.tl-experience-copy h2{font-size:clamp(36px,3.7vw,56px)}.tl-experience-copy p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9;max-width:450px}.tl-experience-copy .text-button{margin-top:20px}.tl-app{margin:0;display:grid;justify-items:center;background:radial-gradient(ellipse,#1a3043 0,transparent 68%);padding:30px}.tl-app img{width:330px;max-width:100%;height:auto;border:1px solid #456079;border-radius:17px;box-shadow:0 24px 80px #0006}.tl-app figcaption,figcaption{font-size:9px;color:#8ba2bd;margin-top:22px;line-height:1.7;letter-spacing:1px}.section{padding-block:100px}.how-section,.support-section{display:grid;grid-template-columns:1fr 1.1fr;gap:100px}.section-heading{display:block;margin:0}.section-heading>p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.9;max-width:440px}.how-section{border-top:1px solid var(--line)}.how-section ol{list-style:none;counter-reset:steps;padding:0;margin:0}.how-section li{counter-increment:steps;position:relative;padding:0 0 28px 50px;margin-bottom:28px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.9;color:var(--muted)}.how-section li:last-child{border:0;padding-bottom:0;margin-bottom:0}.how-section li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;color:#8da8c4;font:10px/2 var(--mono)}.device-section{padding-block:90px;background:radial-gradient(ellipse at 75% 50%,#152c3d,transparent 70%),#09131d;border-block:1px solid var(--line)}.device-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.device-grid>div>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9}.device-grid figure{margin:0}.device-grid img{height:auto;border:1px solid #3b5268;border-radius:13px;box-shadow:0 20px 50px #0004}.device-grid .text-button{margin-top:18px}.privacy-summary{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:100px;padding-block:100px;border-bottom:1px solid var(--line)}.privacy-summary p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9;max-width:650px}.privacy-summary>.text-button{justify-self:center;border-bottom:1px solid #728aa3;padding-block:18px;font-size:12px}.faq-list summary{cursor:pointer;justify-content:space-between}.faq-list summary:after{content:'+';color:#839db9;font-size:22px;font-weight:300}.faq-list details[open] summary:after{content:'−'}.faq-list strong{font-weight:500;color:var(--ink)}.contact-section{display:flex;align-items:center;justify-content:space-between;gap:90px;border-top:1px solid var(--line);padding-block:75px 95px}.contact-section>div{max-width:630px}.contact-section p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.contact-section .button{flex-shrink:0}.privacy-page .site-header{position:relative;border-bottom:1px solid var(--line)}.privacy-page main{max-width:820px;margin:auto;padding:70px 28px 100px}.privacy-page h1{font-size:clamp(36px,5vw,54px);margin-bottom:24px}.privacy-page h2{font-size:24px;letter-spacing:-.6px;line-height:1.3;margin-top:42px;margin-bottom:20px}.privacy-page main p{font-size:14px;color:var(--muted);line-height:1.9}.privacy-page main a{text-decoration:underline;text-underline-offset:4px;color:var(--ink)}.privacy-page .meta{font-size:11px}.site-header [aria-current=page]{color:#fff!important}.product-page .site-footer{border-top:1px solid var(--line)}@media(max-width:1100px){.tl-hero-copy h1{font-size:44px;max-width:580px}.tl-hud{left:66%;width:230px;top:27%}.tl-hud p[lang=en]{font-size:12px}.tl-hud p{font-size:10px}.tl-experience,.how-section,.support-section,.privacy-summary,.device-grid{gap:55px}.benefits{gap:40px}.tl-lead{font-size:16px}}@media(max-width:700px){.shell{padding-inline:24px}.tl-hero{height:auto;min-height:0;padding-top:330px}.tl-hero-art{height:440px;object-position:67% center}.tl-hero:after{background:linear-gradient(0deg,#071018 0,#071018 25%,transparent 65%)}.tl-hero-copy{position:relative;bottom:auto;padding-bottom:65px}.tl-hero-copy>.eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:20px}.tl-hero-copy h1{font-size:clamp(33px,8.5vw,48px);letter-spacing:-1.7px;line-height:1.14;margin-bottom:22px}.tl-lead{font-size:15px}.tl-hero .hero-actions{gap:20px;flex-wrap:wrap}.tl-hero .button{font-size:12px;padding-inline:22px;min-width:0}.tl-hero .text-button{font-size:12px}.availability{font-size:9px;max-width:320px}.tl-hero-bottom{display:none}.tl-hud{left:46%;top:143px;max-width:48%;transform:rotate(-6deg);font-size:9px}.tl-hud>span{font-size:6px;margin-bottom:8px}.tl-hud p[lang=en]{font-size:10px}.tl-hud small{font-size:5px}.benefits{grid-template-columns:1fr;padding-block:30px 50px;gap:28px}.benefits>div{position:relative;padding-left:36px}.benefit-mark{position:absolute;left:0;top:4px}.benefits h2{margin-top:0;font-size:19px}.benefits p{max-width:100%}.tl-experience,.how-section,.support-section,.device-grid,.privacy-summary{grid-template-columns:1fr;gap:35px}.tl-experience{padding-block:60px}.tl-app{padding:15px 0}.tl-app img{width:300px}.tl-experience-copy h2{font-size:36px}.section{padding-block:60px}.device-section{padding-block:60px}.privacy-summary{padding-block:60px}.privacy-summary>.text-button{justify-self:start;max-width:100%}.contact-section{padding-block:55px 65px;flex-direction:column;align-items:flex-start;gap:20px}.contact-section h2{font-size:36px}.privacy-page main{padding-top:40px}.faq-list details p{margin-right:0}.tl-hud p{margin-bottom:6px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}