:root {
  --paper: #ffffff;
  --paper-warm: #ffffff;
  --surface: rgba(255,255,255,.34);
  --ink: #121417;
  --muted: #6e737c;
  --line: rgba(18, 20, 23, .13);
  --stage: #0d0f12;
  --stage-2: #15181d;
  --glass: rgba(83, 87, 97, .64);
  --violet: #7774f5;
  --teal: #0c8b8d;
  --gold: #f0c84e;
  --ease: cubic-bezier(.2,.75,.2,1);
  --max: 1320px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  color: var(--ink);
  background: #fff;
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
button, a { font: inherit; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }

.section-shell { width: min(var(--max), calc(100% - 64px)); margin-inline: auto; }
.site-header {
  position: fixed;
  top: 16px;
  left: 50%;
  z-index: 50;
  width: min(var(--max), calc(100% - 64px));
  height: 64px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 10px 0 18px;
  transform: translateX(-50%);
  border: 1px solid rgba(255,255,255,.32);
  border-radius: 18px;
  background: rgba(238,241,244,.12);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.3);
  backdrop-filter: blur(18px) saturate(125%);
  transition: background .25s var(--ease), border-color .25s var(--ease), box-shadow .25s var(--ease);
}
.site-header.scrolled {
  background: rgba(226,230,235,.68);
  border-color: rgba(255,255,255,.72);
  box-shadow: 0 16px 40px rgba(28,32,38,.11), inset 0 1px 0 rgba(255,255,255,.58), inset 0 0 0 1px rgba(18,20,23,.04);
  backdrop-filter: blur(24px) saturate(140%);
}
.wordmark { display: inline-flex; align-items: center; gap: 10px; width: max-content; font-weight: 720; letter-spacing: -.025em; }
.wordmark img { width: 28px; height: 28px; border-radius: 50%; box-shadow: 0 3px 12px rgba(5,70,77,.18); }
.desktop-nav { display: flex; align-items: center; gap: 28px; font-size: 13px; color: #51565f; }
.desktop-nav a { position: relative; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -6px; height: 1px; background: var(--ink); transition: right .2s var(--ease); }
.desktop-nav a:hover::after { right: 0; }
.header-actions { display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.language-button { display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;padding:10px;font-size:11px;letter-spacing:.08em;cursor:pointer; }
.language-button [data-language-option] { color:#252a31;font-weight:650;opacity:.35;transition:opacity .2s var(--ease),transform .2s var(--ease); }
.language-button [data-language-option="zh"] { opacity:1; }
.language-button.is-english [data-language-option="zh"] { opacity:.35; }
.language-button.is-english [data-language-option="en"] { opacity:1; }
.language-button i { color:#8b9097;font-style:normal;font-weight:400;opacity:.55; }
.header-cta { padding: 11px 16px; border: 1px solid rgba(255,255,255,.18); border-radius: 11px; color: white; background: linear-gradient(145deg,rgba(37,41,49,.97),rgba(12,14,17,.96)); box-shadow: inset 0 1px 0 rgba(255,255,255,.18),0 8px 20px rgba(26,30,36,.14); font-size: 12px; font-weight: 650; }
.menu-button { display: none; width: 42px; height: 42px; border: 0; border-radius: 12px; background: var(--ink); cursor: pointer; }
.menu-button span { display: block; width: 16px; height: 1px; margin: 4px auto; background: white; transition: transform .2s, opacity .2s; }
.mobile-menu { display: none; }

.hero {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(0, .78fr) minmax(600px, 1.22fr);
  align-items: center;
  gap: clamp(48px, 5vw, 88px);
  padding-top: 120px;
  padding-bottom: 76px;
}
.eyebrow, .section-index {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 720;
  letter-spacing: .17em;
  color: #60656e;
}
.status-dot { width: 7px; height: 7px; border-radius: 50%; background: #43ad82; box-shadow: 0 0 0 4px rgba(67,173,130,.12); }
.hero h1 { margin: 26px 0 24px; max-width: 640px; font-size: clamp(54px, 5vw, 82px); line-height: .99; letter-spacing: -.075em; font-weight: 690; }
.hero h1 span { position: relative; color: #5e6269; white-space: nowrap; }
.hero h1 span::after { content: ""; position: absolute; left: .04em; bottom: -.05em; width: clamp(290px,26vw,410px); height: .08em; border-radius: 99px; background: linear-gradient(90deg, #092e35, var(--teal), var(--gold)); opacity: .88; }
.hero-lead { max-width: 520px; margin: 0; color: #5d636d; font-size: 17px; line-height: 1.78; letter-spacing: -.018em; }
.hero-actions { display: flex; align-items: center; gap: 10px; margin-top: 36px; }
.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 0 21px; border: 1px solid transparent; border-radius: 14px; font-size: 13px; font-weight: 680; cursor: pointer; transition: transform .16s var(--ease), background .16s, box-shadow .16s; }
.button:hover { transform: translateY(-2px); }
.button-primary { color: white; border-color: rgba(255,255,255,.18); background: linear-gradient(145deg,rgba(42,46,55,.98),rgba(13,15,19,.96)); box-shadow: inset 0 1px 0 rgba(255,255,255,.18),0 12px 30px rgba(18,20,23,.18); }
.button-primary:hover { box-shadow: 0 17px 38px rgba(18,20,23,.22); }
.button-primary svg { width: 17px; fill: none; stroke: currentColor; stroke-width: 1.6; }
.button-quiet { color: #343941; border-color:rgba(255,255,255,.82);border-top-color:rgba(210,214,216,.32);background:rgba(255,255,255,.72);box-shadow:0 0 24px rgba(46,52,62,.11),inset 0 1px 0 rgba(255,255,255,.94);backdrop-filter:blur(16px); }
.button-quiet:hover { border-color:rgba(255,255,255,.9);border-top-color:rgba(210,214,216,.4);background:rgba(255,255,255,.9);box-shadow:0 0 30px rgba(46,52,62,.13),inset 0 1px 0 rgba(255,255,255,.98); }
.play-icon { font-size: 9px; }
.hero-meta { display: flex; gap: 19px; margin-top: 18px; color: #858991; font-family: ui-monospace, "SFMono-Regular", Consolas, monospace; font-size: 9px; letter-spacing: .11em; }

.hero-visual { position:relative;min-width: 0;overflow:clip;border-radius:30px; }
.visual-stage {
  position: relative;
  width: 100%;
  min-height: 690px;
  padding: 24px;
  overflow: hidden;
  border-radius: 30px;
  background:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px),
    radial-gradient(circle at 15% 85%, rgba(16,112,113,.17), transparent 28%),
    radial-gradient(circle at 90% 15%, rgba(240,200,78,.1), transparent 22%),
    linear-gradient(145deg, rgba(39,43,52,.94), rgba(10,12,15,.94));
  background-size: 48px 48px, 48px 48px, auto, auto, auto;
  border: 1px solid rgba(255,255,255,.2);
  box-shadow: 0 35px 90px rgba(24,28,35,.28), inset 0 1px 0 rgba(255,255,255,.16), inset 0 0 0 1px rgba(255,255,255,.04);
  backdrop-filter: blur(26px) saturate(120%);
}
.spectral-halo { position: absolute; width: 310px; height: 310px; right: 0; top: 0; border-radius: 50%; background: conic-gradient(from 190deg, #091012, #058891, #eec238, #111); filter: blur(50px); opacity: .08; transform:translate(34%,-34%); }
.stage-caption { height: 28px; display: flex; justify-content: space-between; color: rgba(255,255,255,.46); font-family: ui-monospace, Consolas, monospace; font-size: 8px; letter-spacing: .14em; }
.live-label { display: flex; align-items: center; gap: 6px; }
.live-label i { width: 5px; height: 5px; border-radius: 50%; background: #69dcaa; box-shadow: 0 0 0 4px rgba(105,220,170,.1); }
.browser-window { position: relative; height: 570px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); border-radius: 19px; background: #d9d8d2; box-shadow: 0 24px 65px rgba(0,0,0,.42); }
.browser-bar { height: 45px; display: grid; grid-template-columns: 80px 1fr 80px; align-items: center; gap: 10px; padding: 0 15px; border-bottom: 1px solid rgba(0,0,0,.08); background: rgba(245,244,240,.88); }
.traffic-lights { display: flex; gap: 6px; }
.traffic-lights i { width: 8px; height: 8px; border-radius: 50%; background: #cac8c2; }
.browser-address { height: 27px; display: flex; align-items: center; gap: 7px; padding: 0 11px; border: 1px solid rgba(0,0,0,.07); border-radius: 8px; color: #818078; background: rgba(255,255,255,.56); font-size: 9px; }
.browser-address svg { width: 12px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.browser-tools { justify-self: end; display: flex; gap: 7px; }
.browser-tools span { width: 15px; height: 15px; border: 1px solid rgba(0,0,0,.1); border-radius: 5px; }
.browser-page { position: relative; height: calc(100% - 45px); overflow: hidden; padding: 26px; background: #e8e7e1; }
.gallery-copy { position: absolute; z-index: 1; left: 28px; top: 28px; color: #1b1d20; }
.gallery-copy span { display: block; margin-bottom: 11px; font: 8px/1 ui-monospace, Consolas, monospace; letter-spacing: .14em; color: #7f807b; }
.gallery-copy strong { font: 500 24px/1.03 Georgia, "Times New Roman", serif; letter-spacing: -.04em; }
.reference-image { position: absolute; left: 28px; top: 137px; width: 54%; height: 350px; overflow: hidden; border-radius: 8px; background: #101316; box-shadow: 0 16px 40px rgba(27,28,30,.18); }
.reference-image > img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 25%; filter: saturate(.75) contrast(1.04); transform: scale(1.04); }
.reference-image::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 60%, rgba(3,7,9,.22)); pointer-events: none; }
.image-analyze-button { position: absolute; z-index: 3; top: 13px; right: 13px; min-width: 76px; height: 36px; display: flex; align-items: center; gap: 8px; padding: 0 13px 0 7px; border: 1px solid rgba(255,255,255,.3); border-radius: 99px; color: white; background: rgba(25,29,35,.72); box-shadow: 0 8px 24px rgba(0,0,0,.24); backdrop-filter: blur(16px); cursor: pointer; transition: transform .2s var(--ease), opacity .2s; }
.image-analyze-button img { width: 24px; height: 24px; border-radius: 50%; }
.image-analyze-button span { font-size: 10px; font-weight: 650; }
.scan-line { position: absolute; z-index: 2; left: 0; right: 0; top: -4%; height: 1px; opacity: 0; background: linear-gradient(90deg, transparent, rgba(116,255,242,.9), transparent); box-shadow: 0 0 16px rgba(116,255,242,.7); }
.visual-stage.analyzing .scan-line { opacity: 1; animation: scan 1.15s linear; }
.visual-stage.analyzing .image-analyze-button { opacity: .45; transform: scale(.95); }

.prompt-panel {
  position: absolute;
  z-index: 4;
  right: 26px;
  top: 35px;
  width: 44%;
  min-width: 285px;
  padding: 15px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 19px;
  color: rgba(255,255,255,.94);
  background: linear-gradient(145deg, rgba(107,111,121,.77), rgba(46,50,59,.84));
  box-shadow: 0 22px 48px rgba(17,21,28,.34), inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter: blur(22px) saturate(110%);
  opacity: 1;
  transform: none;
  transition: opacity .34s var(--ease), transform .34s var(--ease);
}
.visual-stage:not(.is-active) .prompt-panel { opacity: 0; pointer-events: none; transform: translateY(12px) scale(.98); }
.panel-topbar { display: flex; justify-content: space-between; align-items: center; padding: 0 2px 12px; border-bottom: 1px solid rgba(255,255,255,.11); }
.panel-topbar > div:first-child { display: flex; align-items: baseline; gap: 7px; }
.panel-topbar span { font-size: 8px; font-weight: 750; letter-spacing: .16em; }
.panel-topbar small { color: rgba(255,255,255,.45); font: 7px ui-monospace, monospace; }
.panel-controls { display: flex; gap: 7px; }
.panel-controls i { width: 12px; height: 12px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; }
.source-row { display: grid; grid-template-columns: 49px 1fr; gap: 10px; align-items: center; margin: 14px 0 15px; padding: 9px; border: 1px solid rgba(255,255,255,.09); border-radius: 12px; background: rgba(12,15,20,.14); }
.source-thumb { width: 49px; height: 42px; border-radius: 8px; background: linear-gradient(145deg,#141c24 15%,#0b4c53 48%,#d8aa37); }
.source-row small, .source-row span { display: block; color: rgba(255,255,255,.48); font-size: 7px; }
.source-row strong { display: block; margin: 3px 0; font-size: 10px; }
.result-label { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }
.result-label strong { font-size: 16px; letter-spacing: -.04em; }
.result-label span { display: flex; align-items: center; gap: 5px; color: rgba(255,255,255,.53); font-size: 7px; }
.result-label i { width: 5px; height: 5px; border-radius: 50%; background: #9cf2bd; box-shadow: 0 0 8px #9cf2bd; }
.prompt-text { min-height: 118px; padding: 11px; border: 1px solid rgba(255,255,255,.08); border-radius: 12px; color: rgba(255,255,255,.86); background: rgba(13,16,21,.18); font-size: 10px; line-height: 1.7; transition: opacity .2s; }
.prompt-text.is-hidden { display: none; }
.keyword-row { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 9px; }
.keyword-row span { padding: 5px 7px; border: 1px solid rgba(255,255,255,.16); border-radius: 99px; color: rgba(255,255,255,.72); font-size: 7px; background: rgba(255,255,255,.045); }
.panel-actions { display: flex; align-items: center; gap: 7px; margin-top: 12px; padding-top: 11px; border-top: 1px solid rgba(255,255,255,.11); }
.panel-actions button { height: 32px; border: 1px solid rgba(255,255,255,.14); color: white; background: rgba(255,255,255,.06); cursor: pointer; }
.language-toggle { display: flex; align-items: center; gap: 10px; padding: 0 10px; border-radius: 99px; }
.language-toggle b { width: 20px; height: 20px; display: grid; place-items: center; border-radius: 50%; color: #2e3239; background: rgba(255,255,255,.86); font-size: 8px; }
.language-toggle span { color: rgba(255,255,255,.55); font-size: 8px; }
.language-toggle.english b { color: rgba(255,255,255,.55); background: transparent; }
.language-toggle.english span { width: 23px; height: 20px; display: grid; place-items: center; border-radius: 50%; color: #2e3239; background: rgba(255,255,255,.86); }
.round-action { width: 32px; display: grid; place-items: center; margin-left: auto; border-radius: 50%; }
.round-action svg { width: 14px; fill: none; stroke: currentColor; stroke-width: 1.5; }
.copy-action { min-width: 72px; border-radius: 10px !important; color: #272b31 !important; background: rgba(255,255,255,.9) !important; font-size: 9px; font-weight: 700; }
.stage-note { height: 44px; display: flex; align-items: end; gap: 9px; color: rgba(255,255,255,.43); font-size: 9px; }
.stage-note span { color: rgba(255,255,255,.8); font: 8px ui-monospace, monospace; }

/* Laptop-led product hero */
.laptop-hero {
  grid-template-columns: minmax(0, 1.38fr) minmax(390px, .62fr);
  gap: clamp(50px, 5vw, 90px);
  padding-top: 116px;
  padding-bottom: 52px;
}
.laptop-showcase { min-width: 0; }
.laptop-device { position: relative; width: 100%; max-width: 860px; margin-inline: auto; padding-bottom: 36px; }
.laptop-lid {
  position: relative;
  z-index: 2;
  padding: 18px 18px 28px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.26);
  border-radius: 30px 30px 12px 12px;
  background: linear-gradient(145deg,#20242a 0%,#050607 45%,#171a1e 100%);
  box-shadow: 0 28px 65px rgba(31,37,45,.22), inset 0 1px 0 rgba(255,255,255,.24), inset 0 0 0 2px rgba(0,0,0,.65);
}
.laptop-camera { position: absolute; z-index: 3; top: 7px; left: 50%; width: 6px; height: 6px; margin-left: -3px; border-radius: 50%; background: #050607; box-shadow: inset 0 0 0 1px #25313c,0 0 0 1px rgba(255,255,255,.035); }
.laptop-screen { position: relative; aspect-ratio: 16 / 10; overflow: hidden; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; clip-path:inset(0 round 10px); isolation:isolate; background: #e3e3de; box-shadow: 0 0 0 1px rgba(0,0,0,.88), inset 0 0 25px rgba(0,0,0,.15); }
.laptop-demo { position: absolute; inset: 0; overflow: hidden; border-radius:inherit;color: #15171a; background: #e7e6e0; }
.demo-browser-bar { height: 8.8%; display: grid; grid-template-columns: 70px 1fr 110px; align-items: center; gap: 9px; padding: 0 13px; border-bottom: 1px solid rgba(0,0,0,.08); border-radius:9px 9px 0 0;background: rgba(247,247,244,.86); backdrop-filter: blur(14px); }
.demo-window-dots { display: flex; gap: 5px; }
.demo-window-dots i { width: 7px; height: 7px; border-radius: 50%; background: #c7c7c2; }
.demo-address { height: 25px; display: flex; align-items: center; gap: 7px; padding: 0 10px; overflow: hidden; border: 1px solid rgba(0,0,0,.07); border-radius: 7px; color: #777b7b; background: rgba(255,255,255,.63); font-size: 8px; white-space: nowrap; }
.demo-address svg { width: 11px; flex: 0 0 auto; fill: none; stroke: currentColor; stroke-width: 1.5; }
.demo-browser-mode { justify-self: end; color: #929590; font: 6px ui-monospace,Consolas,monospace; letter-spacing: .09em; }
.demo-webpage { position: relative; height: 91.2%; overflow: hidden; background: linear-gradient(145deg,#ebeae4,#dbdcd8); }
.demo-page-heading { position: absolute; z-index: 1; left: 4.2%; top: 7%; }
.demo-page-heading span { display: block; margin-bottom: 7px; color: #878a84; font: 6px ui-monospace,Consolas,monospace; letter-spacing: .12em; }
.demo-page-heading strong { font: 500 clamp(14px,1.45vw,21px)/1.02 Georgia,"Times New Roman",serif; letter-spacing: -.035em; }
.demo-image-wrap { position: absolute; left: 4.2%; bottom: 6%; width: 61%; height: 67%; overflow: hidden; border-radius: 7px; background: #090c0e; box-shadow: 0 14px 34px rgba(24,28,32,.17); }
.demo-image-wrap > img { width: 100%; height: 100%; object-fit: cover; object-position: center 42%; filter: saturate(.92) contrast(1.025); transform: scale(1.015); }
.demo-image-wrap::after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(1,4,5,.22));pointer-events:none; }
.demo-analyze-trigger { position: absolute; z-index: 4; top: 10px; left: 10px; height: 32px; display: flex; align-items: center; justify-content:center; padding: 0 11px; border: 1px solid rgba(255,255,255,.3); border-radius: 99px; color: rgba(255,255,255,.96); background: linear-gradient(145deg,rgba(73,77,88,.92),rgba(35,39,47,.9)); box-shadow: 0 8px 22px rgba(8,12,18,.28),inset 0 1px 0 rgba(255,255,255,.2); backdrop-filter: blur(15px); cursor: pointer; opacity:0;visibility:hidden;transform:translateY(-2px) scale(.96);transition:opacity .14s ease,transform .16s ease,background .14s ease,box-shadow .14s ease,visibility .14s; }
.demo-analyze-trigger img { display:none; }
.demo-analyze-trigger span { font-size: 9px; font-weight: 700; }
.laptop-demo.phase-hover .demo-analyze-trigger,.laptop-demo.phase-click .demo-analyze-trigger,.demo-image-wrap:hover .demo-analyze-trigger { opacity:1;visibility:visible;transform:none; }
.laptop-demo.phase-click .demo-analyze-trigger { transform:scale(.94);background:linear-gradient(145deg,rgba(96,101,114,.96),rgba(47,52,62,.94));box-shadow:0 10px 26px rgba(8,12,18,.32),inset 0 1px 0 rgba(255,255,255,.28); }
.demo-cursor { position:absolute;z-index:9;left:23%;top:76%;width:24px;height:29px;color:white;filter:drop-shadow(0 2px 4px rgba(0,0,0,.48));opacity:0;pointer-events:none;transform:translate(-2px,-2px);transition:left .82s cubic-bezier(.2,.75,.2,1),top .82s cubic-bezier(.2,.75,.2,1),opacity .22s,transform .16s; }
.demo-cursor svg { width:100%;height:100%;display:block;fill:#fff;stroke:#14171b;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round; }
.demo-cursor i { position:absolute;left:2px;top:2px;width:24px;height:24px;border:1px solid rgba(255,255,255,.78);border-radius:50%;opacity:0;transform:scale(.35); }
.laptop-demo.phase-idle .demo-cursor,.laptop-demo.phase-hover .demo-cursor,.laptop-demo.phase-click .demo-cursor { opacity:1; }
.laptop-demo.phase-hover .demo-cursor,.laptop-demo.phase-click .demo-cursor { left:10.5%;top:35%; }
.laptop-demo.phase-click .demo-cursor { transform:translate(-2px,-2px) scale(.88); }
.laptop-demo.phase-click .demo-cursor i { animation:cursorClick .5s ease-out; }
.laptop-result-panel {
  position: absolute;
  z-index: 5;
  top: 10%;
  left: 58.8%;
  right: auto;
  width: 30%;
  padding: 12px;
  border: 1px solid rgba(255,255,255,.23);
  border-radius: 17px;
  color: rgba(255,255,255,.94);
  background: linear-gradient(145deg,rgba(128,132,142,.76),rgba(55,60,69,.85));
  box-shadow: 0 20px 46px rgba(23,27,33,.32),inset 0 1px 0 rgba(255,255,255,.23);
  backdrop-filter: blur(22px) saturate(112%);
  opacity: 0;
  pointer-events:none;
  transform: translateY(12px) scale(.97);
  transition: opacity .38s var(--ease),transform .38s var(--ease);
}
.laptop-demo.phase-loading .laptop-result-panel,.laptop-demo.phase-result .laptop-result-panel { opacity:1;pointer-events:auto;transform:none; }
.laptop-panel-header { display: flex; align-items: center; justify-content: space-between; padding: 0 1px 9px; border-bottom: 1px solid rgba(255,255,255,.11); }
.laptop-panel-header > div:first-child { display: flex; align-items: baseline; gap: 6px; }
.laptop-panel-header span { font-size: 6px; font-weight: 800; letter-spacing: .14em; }
.laptop-panel-header small { color: rgba(255,255,255,.42); font: 5px ui-monospace,monospace; }
.laptop-header-actions { display:flex;align-items:center;gap:1px; }
.laptop-header-actions button { width:25px;height:25px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:rgba(255,255,255,.65);background:transparent; }
.laptop-header-actions svg { width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round; }
.laptop-source-row { display: grid; grid-template-columns: 44px 1fr; align-items: center; gap: 8px; margin: 10px 0; padding: 7px; border: 1px solid rgba(255,255,255,.08); border-radius: 10px; background: rgba(13,16,20,.13); }
.laptop-source-thumb { width: 44px; height: 37px; border-radius: 7px; background: url("assets/hero-reference.jpg") center 42% / cover no-repeat; }
.laptop-source-row small,.laptop-source-row span { display: block; color: rgba(255,255,255,.45); font-size: 5px; }
.laptop-source-row strong { display: block; margin: 2px 0; font-size: 8px; }
.laptop-loading-view,.laptop-final-view { display:none; }
.laptop-demo.phase-loading .laptop-loading-view,.laptop-demo.phase-result .laptop-final-view { display:block; }
.laptop-loading-view { padding:13px 3px 5px; }
.laptop-result-title { display: flex; justify-content: space-between; align-items: center; min-height:28px;margin-bottom: 7px; }
.laptop-result-title strong { font-size: 14px; letter-spacing: -.04em; }
.laptop-result-title span { display: flex; align-items: center; gap: 4px; color: rgba(255,255,255,.5); font-size: 5px; }
.laptop-result-title i { width: 4px; height: 4px; border-radius: 50%; background: #9cf2bd; box-shadow: 0 0 7px #9cf2bd; }
.laptop-import-icon { width:27px;height:27px;display:grid!important;place-items:center;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:50%;color:rgba(255,255,255,.78)!important;background:rgba(20,22,28,.12); }
.laptop-import-icon svg { width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.laptop-progress { height:6px;margin-top:8px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.17);box-shadow:inset 0 1px 2px rgba(0,0,0,.12); }
.laptop-progress i { display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(255,255,255,.72),#fff);box-shadow:0 0 14px rgba(255,255,255,.34);transform:scaleX(var(--demo-progress,.08));transform-origin:left center;transition:transform .12s linear; }
.laptop-progress-meta { display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px; }
.laptop-progress-meta p { min-width:0;margin:0;overflow:hidden;color:rgba(255,255,255,.52);font-size:7px;white-space:nowrap;text-overflow:ellipsis; }
.laptop-progress-meta span { flex:0 0 auto;color:rgba(255,255,255,.78);font-size:8px;font-variant-numeric:tabular-nums; }
.laptop-prompt { min-height: 92px; padding: 11px; overflow:hidden;border: 1px solid rgba(255,255,255,.075); border-radius: 10px; color: rgba(255,255,255,.83); background: rgba(12,15,19,.17); font-size: 9px; line-height: 1.75;word-break:normal; }
.laptop-prompt.is-hidden { display: none; }
.laptop-keywords { display: flex; gap: 6px; margin-top: 8px; }
.laptop-keywords span { min-height: 24px; display:inline-flex;align-items:center;padding: 5px 9px; border: 1px solid rgba(255,255,255,.15); border-radius: 99px; color: rgba(255,255,255,.66); background: rgba(255,255,255,.035); font-size: 7px; }
.laptop-panel-actions { display: flex; align-items: center; gap: 5px; margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(255,255,255,.1); }
.laptop-panel-actions button { height: 27px; border: 1px solid rgba(255,255,255,.14); cursor: pointer; }
.laptop-language-mode { position:relative;isolation:isolate;height:27px;display:flex;align-items:center;gap:2px;padding:2px;border:1px solid rgba(255,255,255,.14);border-radius:99px;background:rgba(20,22,28,.12);cursor:pointer; }
.laptop-language-mode i { position:absolute;z-index:0;left:2px;top:2px;width:21px;height:21px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.105));box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 4px 10px rgba(9,12,17,.14);transition:left .18s ease; }
.laptop-language-mode b,.laptop-language-mode span { position:relative;z-index:1;width:21px;height:21px;display:grid;place-items:center;color:rgba(255,255,255,.45);font-size:6px;font-weight:500; }
.laptop-language-mode b { color:#fff; }.laptop-language-mode.english i{left:25px}.laptop-language-mode.english b{color:rgba(255,255,255,.45)}.laptop-language-mode.english span{color:#fff}
.laptop-screenshot-action,.laptop-round-action { width:27px;display:grid;place-items:center;padding:0;border-radius:50%;color:rgba(255,255,255,.8);background:rgba(20,22,28,.12); }
.laptop-screenshot-action svg,.laptop-round-action svg { width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round; }
.laptop-round-action { width: 27px; display: grid; place-items: center; margin-left: auto; border-radius: 50%; color: white; background: rgba(255,255,255,.05); }
.laptop-copy-action { min-width: 60px; border-radius: 8px; color: #292d33; background: rgba(255,255,255,.9); font-size: 7px; font-weight: 750; }
.demo-progress { position: absolute; right: 3.2%; bottom: 3.6%; display: flex; gap: 4px; }
.demo-progress i { width: 4px; height: 4px; border-radius: 50%; background: rgba(29,33,38,.18); transition: background .2s,box-shadow .2s; }
.laptop-demo.phase-idle .demo-progress i:nth-child(1),.laptop-demo.phase-hover .demo-progress i:nth-child(2),.laptop-demo.phase-click .demo-progress i:nth-child(2),.laptop-demo.phase-loading .demo-progress i:nth-child(3),.laptop-demo.phase-result .demo-progress i:nth-child(4) { background:#2f3639;box-shadow:0 0 0 3px rgba(47,54,57,.08); }
.laptop-base { position:relative;z-index:3;display:block;width:107%;height:auto;aspect-ratio:2030 / 87;margin-left:-3.5%;margin-top:-.74%;border:0;border-radius:0;object-fit:contain;box-shadow:none; }
.laptop-shadow { display:none; }
.device-caption { display: flex; align-items: center; gap: 12px; margin: 13px 2% 0; color: #737a82; font: 7px ui-monospace,Consolas,monospace; letter-spacing: .09em; }
.device-caption i { flex: 1; height: 1px; background: rgba(27,31,37,.12); }
.device-caption b { color: #555c64; font-weight: 500; letter-spacing: .02em; }
.hero-product-copy { max-width: 500px; }
.hero-product-copy h1 { margin-top: 18px; font-size: clamp(50px,4.4vw,70px); }
.hero-product-copy h1 b { display:block;font-weight:inherit;white-space:nowrap; }
.hero-product-copy .hero-lead { max-width: 490px; font-size: 14px; line-height: 1.6; }
.hero-product-copy > h1,
.hero-product-copy > .hero-lead { position:relative;top:-78px; }
html[lang="en"] .hero-product-copy h1 { font-size:clamp(48px,4vw,62px);letter-spacing:-.058em; }
html[lang="en"] .section-heading h2,
html[lang="en"] .privacy h2,
html[lang="en"] .install h2 { font-size:clamp(42px,4.3vw,60px);letter-spacing:-.048em; }
html[lang="en"] .workflow-card h3,
html[lang="en"] .card-copy h3 { letter-spacing:-.025em; }
.product-actions { position:relative;top:-14px;margin-top: calc(40px + clamp(49.5px,4.356vw,69.3px)); }
@keyframes cursorClick { 0%{opacity:.8;transform:scale(.3)} 100%{opacity:0;transform:scale(1.7)} }

.signal-strip { width:min(var(--max),calc(100% - 64px));display: grid; grid-template-columns: repeat(4, 1fr); margin:0 auto;border: 1px solid rgba(255,255,255,.48); border-radius:18px;background:rgba(255,255,255,.14);box-shadow:0 12px 34px rgba(49,55,65,.055),inset 0 1px 0 rgba(255,255,255,.5);backdrop-filter:blur(20px) saturate(112%);overflow:hidden; }
.signal-strip div { min-height: 104px; display: flex; align-items: center; justify-content: center; gap: 15px; border-right: 1px solid rgba(255,255,255,.43); color: #4f555e; font-size: 12px; }
.signal-strip div:last-child { border-right: 0; }
.signal-strip strong { color: #a1a39f; font: 9px ui-monospace, monospace; }

.workflow { padding-top: 150px; padding-bottom: 170px; }
.section-heading { max-width: 900px; }
.section-heading h2, .privacy h2, .install h2 { margin: 22px 0 24px; font-size: clamp(43px, 5vw, 68px); line-height: 1.04; letter-spacing: -.065em; font-weight: 620; }
.section-heading h2 em { color: #8c8f91; font-style: normal; }
.section-heading > p { max-width: 580px; color: var(--muted); font-size: 16px; line-height: 1.75; }
.workflow > .section-heading > p { max-width:600px; }
.workflow-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; margin-top: 70px; }
.workflow-card { position: relative; min-height: 490px; padding: 17px 17px 28px; border: 1px solid rgba(255,255,255,.52); border-top-color:rgba(210,214,216,.28); border-radius: 22px; background: rgba(255,255,255,.17); box-shadow:0 0 42px rgba(46,52,62,.065),inset 0 1px 0 rgba(255,255,255,.72);backdrop-filter:blur(22px) saturate(112%); }
.workflow-number { position: absolute; z-index: 2; top: 28px; left: 29px; color: rgba(255,255,255,.7); font: 8px ui-monospace, monospace; }
.mini-scene { position: relative; height: 300px; overflow: hidden; border-radius: 15px; background: #1a1d21; }
.workflow-card h3 { margin: 25px 11px 9px; font-size: 19px; letter-spacing: -.035em; }
.workflow-card p { margin: 0 11px; color: var(--muted); font-size: 13px; line-height: 1.65; }
.hover-scene { --target-gap:36px;background:#d2d4d6; }
.hover-target-card { position:absolute;left:var(--target-gap);bottom:var(--target-gap);width:58%;height:76%;border-radius:22px;background:#f9f7f2; }
.mini-hover { position:absolute;z-index:3;left:calc(var(--target-gap) + 12px);top:calc(var(--target-gap) + 12px);height:30px;display:flex;align-items:center;padding:0 11px;border:1px solid rgba(255,255,255,.28);border-radius:99px;color:white;background:rgba(48,52,60,.78);box-shadow:0 8px 20px rgba(32,35,40,.16),inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(14px);font-size:9px;opacity:0;transform:scale(.96);transform-origin:center;animation:workflowAnalyzeButton 12s linear infinite; }
.workflow-cursor { position:absolute;z-index:4;left:82%;top:78%;width:23px;height:28px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.24));animation:workflowCursorMove 12s var(--ease) infinite; }
.workflow-cursor svg { width:100%;height:100%;overflow:visible;fill:#fff;stroke:#20242a;stroke-width:1.25;stroke-linejoin:round; }
.workflow-cursor i { position:absolute;left:1px;top:1px;width:26px;height:26px;border:1px solid rgba(31,35,41,.38);border-radius:50%;opacity:0;animation:workflowCursorClick 12s linear infinite; }
.loading-scene,.result-scene { background:#d2d4d6; }
.workflow-panel-clone { left:calc(50% - 152px);right:auto;top:auto;bottom:74px;width:304px;height:240px;padding:12px;opacity:1;pointer-events:none;transform:none;transition:none; }
.workflow-panel-clone .laptop-final-view { display:block; }
.workflow-panel-clone .laptop-result-title { margin-top:5px; }
.workflow-panel-clone .workflow-clone-prompt { display:grid;align-content:center;gap:3px; }
.workflow-clone-prompt>span { display:flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap; }
.workflow-clone-prompt i { font-style:normal;letter-spacing:.05em; }
.workflow-panel-clone .laptop-panel-actions { position:absolute;left:12px;right:12px;bottom:12px; }
.workflow-loading-window,.workflow-final-window { color:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.24);border-radius:18px;background:linear-gradient(145deg,rgba(139,143,153,.88),rgba(66,71,81,.92));box-shadow:0 22px 45px rgba(28,32,38,.25),inset 0 1px 0 rgba(255,255,255,.25);backdrop-filter:blur(20px) saturate(112%); }
.workflow-loading-window { position:absolute;left:12%;right:12%;top:28px;bottom:28px;padding:13px; }
.workflow-window-header { height:28px;display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12); }
.workflow-window-header>div:first-child { display:flex;align-items:baseline;gap:7px; }
.workflow-window-header strong { font-size:7px;letter-spacing:.06em; }.workflow-window-header small{color:rgba(255,255,255,.43);font:5px ui-monospace,monospace;}
.workflow-header-actions { display:flex;align-items:center;gap:2px; }.workflow-header-actions button{width:20px;height:20px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;color:rgba(255,255,255,.65);background:transparent;}.workflow-header-actions svg{width:11px;height:11px;fill:none;stroke:currentColor;stroke-width:1.5;}
.workflow-source-row { display:grid;grid-template-columns:38px 1fr;align-items:center;gap:8px;margin:9px 0;padding:7px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(18,21,26,.13); }
.workflow-source-row>i { width:38px;height:32px;border-radius:6px;background:url("assets/hero-reference.jpg") center 42% / cover no-repeat; }
.workflow-source-row.no-thumb { min-height:46px; }.workflow-source-row.no-thumb>i{visibility:hidden;}
.workflow-source-row small,.workflow-source-row span { display:block;color:rgba(255,255,255,.45);font-size:5px; }.workflow-source-row strong{display:block;margin:2px 0;font-size:7px;}
.workflow-loading-title,.workflow-final-title { display:flex;align-items:center;justify-content:space-between;margin:10px 1px 8px; }.workflow-loading-title strong,.workflow-final-title strong{font-size:14px;}.workflow-loading-title button,.workflow-final-title button{width:23px;height:23px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.13);border-radius:50%;color:rgba(255,255,255,.76);background:rgba(20,22,28,.1);}.workflow-loading-title svg,.workflow-final-title svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:1.4;}
.workflow-loading-progress { height:6px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.18); }.workflow-loading-progress i{display:block;width:100%;height:100%;border-radius:inherit;background:rgba(255,255,255,.92);transform:scaleX(0);transform-origin:left;animation:workflowLoadingProgress 14s linear infinite;}
.workflow-loading-meta { display:flex;align-items:center;justify-content:space-between;margin-top:9px;color:rgba(255,255,255,.78);font-size:9px;line-height:1.35; }.workflow-loading-meta b{color:rgba(255,255,255,.9);font-size:9px;font-weight:650;font-variant-numeric:tabular-nums;}.workflow-loading-meta b::after{content:"0%";animation:workflowLoadingPercent 14s linear infinite;}
.workflow-window-actions { position:absolute;left:13px;right:13px;bottom:12px;display:flex;align-items:center;gap:5px;padding-top:9px;border-top:1px solid rgba(255,255,255,.1); }
.workflow-language-mode { position:relative;isolation:isolate;height:27px;display:flex;align-items:center;gap:2px;padding:2px;border:1px solid rgba(255,255,255,.14);border-radius:99px;background:rgba(20,22,28,.1); }.workflow-language-mode i{position:absolute;z-index:0;left:2px;top:2px;width:21px;height:21px;border:1px solid rgba(255,255,255,.12);border-radius:50%;background:rgba(255,255,255,.18);}.workflow-language-mode b,.workflow-language-mode span{position:relative;z-index:1;width:21px;height:21px;display:grid;place-items:center;font-size:6px;}.workflow-language-mode b{color:white}.workflow-language-mode span{color:rgba(255,255,255,.5)}
.workflow-shot-action,.workflow-history-action { width:27px;height:27px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,255,255,.14);border-radius:50%;color:rgba(255,255,255,.78);background:rgba(20,22,28,.1); }.workflow-shot-action svg,.workflow-history-action svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round;}.workflow-history-action{margin-left:auto;}
.workflow-copy-action { height:27px;min-width:60px;border:0;border-radius:8px;color:#282c32;background:rgba(255,255,255,.9);font-size:7px;font-weight:700; }
.workflow-final-window { position:absolute;left:14%;top:-16px;bottom:42px;width:72%;height:auto;padding:13px; }
.workflow-final-window .workflow-final-title { margin-top:10px; }.workflow-final-window .workflow-final-title strong{font-size:18px;}.workflow-final-window .workflow-final-prompt{min-height:94px;}
.workflow-final-prompt { min-height:76px;padding:9px;border:1px solid rgba(255,255,255,.075);border-radius:10px;color:rgba(255,255,255,.76);background:rgba(14,17,22,.14);font:6px/1.7 ui-monospace,monospace;white-space:nowrap; }
.workflow-final-keywords { display:flex;gap:4px;margin-top:7px; }.workflow-final-keywords span{padding:4px 6px;border:1px solid rgba(255,255,255,.14);border-radius:99px;color:rgba(255,255,255,.58);font-size:5px;}
@keyframes workflowCursorMove { 0%,8%{left:82%;top:78%;opacity:1;transform:scale(1)} 25%,32%{left:23%;top:22%;opacity:1;transform:scale(1)} 33.333%{left:23%;top:22%;opacity:1;transform:scale(.9)} 36%{left:23%;top:22%;opacity:1;transform:scale(1)} 39%,99.9%{left:23%;top:22%;opacity:0;transform:scale(1)} 100%{left:82%;top:78%;opacity:1;transform:scale(1)} }
@keyframes workflowAnalyzeButton { 0%,22%{opacity:0;transform:scale(.96)} 25%,32%{opacity:1;transform:scale(1)} 33.333%{opacity:1;transform:scale(.94)} 36%{opacity:1;transform:scale(1)} 39%,100%{opacity:0;transform:scale(1)} }
@keyframes workflowCursorClick { 0%,32%{opacity:0;transform:scale(.3)} 33.333%{opacity:.8;transform:scale(.35)} 36%{opacity:0;transform:scale(1.7)} 100%{opacity:0} }
@keyframes workflowLoadingProgress { 0%{transform:scaleX(0)} 42.857%,100%{transform:scaleX(1)} }
@keyframes workflowLoadingPercent { 0%{content:"0%"} 10%{content:"24%"} 24%{content:"57%"} 37%{content:"88%"} 42.857%,100%{content:"100%"} }

.section-index.light { color: rgba(255,255,255,.44); }
.features { padding-top: 150px; padding-bottom: 150px; }
.section-heading.split { max-width: none; display: grid; grid-template-columns: 1.35fr .65fr; gap: 70px; align-items: end; }
.section-heading.split h2 { margin-bottom: 0; }
.section-heading.split > p { margin: 0 0 7px; font-size: 14px; }
.bento-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 18px; margin-top: 72px; }
.bento-card { position: relative; min-height: 430px; overflow: hidden; padding: 32px; border: 1px solid rgba(255,255,255,.54); border-radius: 24px; background: rgba(255,255,255,.18); box-shadow:0 15px 42px rgba(46,52,62,.065),inset 0 1px 0 rgba(255,255,255,.6);backdrop-filter:blur(22px) saturate(112%); }
.bento-large { border-top-color:rgba(210,214,216,.28);box-shadow:0 0 42px rgba(46,52,62,.065),inset 0 1px 0 rgba(255,255,255,.72); }
.bento-card:nth-child(3),.bento-card:nth-child(4){min-height:390px;}
.card-copy { position: relative; z-index: 2; max-width: 430px; }
.card-copy > span { color: #989b98; font: 8px ui-monospace,monospace; }
.card-copy h3 { margin: 18px 0 9px; font-size: 24px; letter-spacing: -.045em; }
.card-copy p { max-width: 410px; margin: 0; color: var(--muted); font-size: 13px; line-height: 1.65; }
.queue-ui { position: absolute; left: 32px; right: 32px; bottom: -35px; height: 220px; display: grid; grid-template-columns: 1fr 112px; gap: 12px; padding: 18px; border: 1px solid rgba(255,255,255,.13); border-radius: 22px 22px 0 0; background: linear-gradient(145deg,#5d626e,#2e333c); box-shadow: 0 23px 50px rgba(33,38,46,.28); }
.queue-main { padding: 18px; border-radius: 14px; color: white; background: rgba(255,255,255,.07); }
.queue-main > i { display:block;width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#161d24,#0b898f,#f1c649); }
.queue-main strong,.queue-main span { display:block; }.queue-main strong{margin-top:15px;font-size:9px;color:rgba(255,255,255,.45);}.queue-main span{margin-top:5px;font-size:12px;}
.queue-progress { height: 4px; margin-top: 24px; border-radius: 99px; background: rgba(255,255,255,.12); overflow:hidden; }.queue-progress b{display:block;width:68%;height:100%;background:#e7ebe8;}
.queue-stack { display:grid;gap:8px; }.queue-stack i{border-radius:11px;background:radial-gradient(circle at 35% 40%,#8675e8 0 10%,transparent 11%),linear-gradient(135deg,#242a35,#61516f);}
.batch-demo { display:block;height:230px;padding:0;overflow:hidden;border:22px solid #4b515c;background:#d2d4d6;box-shadow:0 20px 48px rgba(35,39,45,.12),inset 0 1px 0 rgba(255,255,255,.55); }
.batch-card { position:absolute;top:18px;width:22%;height:260px;overflow:hidden;border:1px solid rgba(28,31,36,.08);border-radius:24px;background:#f9f7f2;box-shadow:0 12px 26px rgba(36,40,46,.07); }
.batch-card:nth-child(1){left:3%;}.batch-card:nth-child(2){left:27%;}.batch-card:nth-child(3){left:51%;}
.batch-analyze { position:absolute;z-index:2;left:12px;top:12px;height:30px;display:flex;align-items:center;padding:0 11px;border:1px solid rgba(255,255,255,.26);border-radius:99px;color:white;background:rgba(48,52,60,.8);box-shadow:0 8px 20px rgba(32,35,40,.16),inset 0 1px 0 rgba(255,255,255,.2);font-size:9px;opacity:0;transform:scale(.96);transform-origin:center; }
.batch-card:nth-child(1) .batch-analyze{animation:batchAnalyzeOne 20s linear infinite;}.batch-card:nth-child(2) .batch-analyze{animation:batchAnalyzeTwo 20s linear infinite;}.batch-card:nth-child(3) .batch-analyze{animation:batchAnalyzeThree 20s linear infinite;}
.batch-cursor { position:absolute;z-index:4;left:86%;top:62%;width:23px;height:28px;filter:drop-shadow(0 2px 2px rgba(0,0,0,.24));animation:batchCursorMove 20s var(--ease) infinite; }
.batch-cursor svg { width:100%;height:100%;overflow:visible;fill:#fff;stroke:#20242a;stroke-width:1.25;stroke-linejoin:round; }.batch-cursor i{position:absolute;left:1px;top:1px;width:26px;height:26px;border:1px solid rgba(31,35,41,.38);border-radius:50%;opacity:0;animation:batchCursorClick 20s linear infinite;}
@keyframes batchCursorMove { 0%,7%{left:86%;top:62%;opacity:1;transform:scale(1)} 16%,19%{left:10%;top:22%;opacity:1;transform:scale(1)} 20%{left:10%;top:22%;transform:scale(.9)} 22%{left:10%;top:22%;transform:scale(1)} 34%,37%{left:34%;top:22%;opacity:1;transform:scale(1)} 38%{left:34%;top:22%;transform:scale(.9)} 40%{left:34%;top:22%;transform:scale(1)} 52%,55%{left:58%;top:22%;opacity:1;transform:scale(1)} 56%{left:58%;top:22%;transform:scale(.9)} 58%{left:58%;top:22%;opacity:1;transform:scale(1)} 61%,99.9%{left:58%;top:22%;opacity:0} 100%{left:86%;top:62%;opacity:1;transform:scale(1)} }
@keyframes batchCursorClick { 0%,19%{opacity:0;transform:scale(.3)} 20%{opacity:.8;transform:scale(.35)} 22%{opacity:0;transform:scale(1.7)} 23%,37%{opacity:0;transform:scale(.3)} 38%{opacity:.8;transform:scale(.35)} 40%{opacity:0;transform:scale(1.7)} 41%,55%{opacity:0;transform:scale(.3)} 56%{opacity:.8;transform:scale(.35)} 58%,100%{opacity:0;transform:scale(1.7)} }
@keyframes batchAnalyzeOne { 0%,12%{opacity:0;transform:scale(.96)} 16%,19%{opacity:1;transform:scale(1)} 20%{opacity:1;transform:scale(.94)} 22%{opacity:1;transform:scale(1)} 25%,100%{opacity:0} }
@keyframes batchAnalyzeTwo { 0%,30%{opacity:0;transform:scale(.96)} 34%,37%{opacity:1;transform:scale(1)} 38%{opacity:1;transform:scale(.94)} 40%{opacity:1;transform:scale(1)} 43%,100%{opacity:0} }
@keyframes batchAnalyzeThree { 0%,48%{opacity:0;transform:scale(.96)} 52%,55%{opacity:1;transform:scale(1)} 56%{opacity:1;transform:scale(.94)} 58%{opacity:1;transform:scale(1)} 61%,100%{opacity:0} }
.api-card { border-color:rgba(255,255,255,.25);color: white; background: linear-gradient(145deg,rgba(128,133,144,.88),rgba(72,77,87,.92));box-shadow:0 24px 60px rgba(30,35,43,.14),inset 0 1px 0 rgba(255,255,255,.24); }
.api-card .card-copy > span,.api-card .card-copy p{color:rgba(255,255,255,.45);}
.api-ui { position:absolute;left:32px;right:32px;bottom:62px;display:grid;gap:9px; }
.api-ui label{padding:13px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035);}.api-ui label span,.api-ui label b{display:block;}.api-ui label span{font:7px ui-monospace,monospace;color:rgba(255,255,255,.35);letter-spacing:.1em;}.api-ui label b{margin-top:5px;font:10px ui-monospace,monospace;color:rgba(255,255,255,.72);}
.language-ui{--toggle-x:0;position:absolute;left:36px;bottom:68px;width:132px;height:68px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden;padding:6px;border:1px solid rgba(255,255,255,.4);border-radius:99px;color:#fff;background:radial-gradient(circle at 18% 0%,rgba(255,255,255,.2),transparent 42%),linear-gradient(145deg,rgba(109,114,126,.58),rgba(45,50,59,.72));box-shadow:inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(12,15,20,.14),0 14px 32px rgba(26,30,37,.14);backdrop-filter:blur(24px) saturate(122%);cursor:pointer;isolation:isolate;-webkit-tap-highlight-color:transparent;transition:border-color .22s ease,box-shadow .22s ease,transform .18s ease;}
.language-ui::before{content:"";position:absolute;z-index:0;inset:1px;border-radius:inherit;background:linear-gradient(118deg,rgba(255,255,255,.16),transparent 36%,rgba(255,255,255,.045) 72%,transparent);pointer-events:none;}
.language-ui i{position:absolute;z-index:1;left:6px;top:6px;width:56px;height:56px;transform:translateX(var(--toggle-x));transition:transform .58s cubic-bezier(.16,1.52,.3,1);pointer-events:none;}
.language-ui i::before{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:radial-gradient(circle at 30% 16%,rgba(255,255,255,.34),rgba(255,255,255,.14) 34%,rgba(255,255,255,.055) 72%),linear-gradient(145deg,rgba(143,149,163,.5),rgba(70,76,88,.56));box-shadow:inset 0 1px 1px rgba(255,255,255,.42),inset 0 -7px 15px rgba(18,22,29,.08),0 8px 18px rgba(10,13,18,.19);backdrop-filter:blur(18px) saturate(128%);transform-origin:center;}
.language-ui i::after{content:"";position:absolute;left:14px;right:14px;top:8px;height:9px;border-radius:50%;background:rgba(255,255,255,.2);filter:blur(4px);opacity:.78;}
.language-ui strong,.language-ui span{position:relative;z-index:2;height:56px;display:grid;place-items:center;border-radius:50%;font-size:14px;font-weight:620;text-shadow:0 1px 2px rgba(0,0,0,.18);transition:color .28s ease,transform .58s cubic-bezier(.16,1.52,.3,1),opacity .28s ease;pointer-events:none;}
.language-ui strong{color:#fff;}.language-ui span{color:rgba(255,255,255,.48);}.language-ui.english{--toggle-x:62px}.language-ui.english strong{color:rgba(255,255,255,.48)}.language-ui.english span{color:#fff}.language-ui:hover{border-color:rgba(255,255,255,.48);box-shadow:inset 0 1px 0 rgba(255,255,255,.44),inset 0 -1px 0 rgba(12,15,20,.2),0 16px 36px rgba(26,30,37,.23)}.language-ui:focus-visible{outline:2px solid rgba(51,57,67,.32);outline-offset:4px}.language-ui:active{transform:scale(.985)}.language-ui:active i::before{transform:scaleX(.91) scaleY(.87)}
.language-ui.is-switching i::before{animation:languageJelly .58s cubic-bezier(.2,.8,.25,1)}
.language-sample{position:absolute;right:35px;bottom:76px;width:290px;height:52px;text-align:right;white-space:nowrap;contain:layout paint;}.language-sample-state{position:absolute;inset:auto 0 0;opacity:0;transform:translate3d(0,8px,0);transition:opacity .24s ease,transform .38s cubic-bezier(.2,.78,.25,1);will-change:opacity,transform;pointer-events:none}.language-sample-state b,.language-sample-state span{display:block;}.language-sample-state b{font-size:17px;}.language-sample-state span{margin-top:8px;color:#979a9d;font:11px ui-monospace,monospace;}.language-sample-zh{opacity:1;transform:translate3d(0,0,0)}.language-sample-en b{font-size:16px}.language-ui.english + .language-sample .language-sample-zh{opacity:0;transform:translate3d(0,-8px,0)}.language-ui.english + .language-sample .language-sample-en{opacity:1;transform:translate3d(0,0,0)}
@keyframes languageJelly{0%{transform:scale(.92);border-radius:50%}22%{transform:scaleX(1.28) scaleY(.84);border-radius:43% 57% 52% 48%}52%{transform:scaleX(.89) scaleY(1.13);border-radius:56% 44% 46% 54%}76%{transform:scaleX(1.07) scaleY(.95);border-radius:47% 53% 55% 45%}100%{transform:scale(1);border-radius:50%}}
.model-card { border-color:rgba(255,255,255,.25);color:white;background:radial-gradient(circle at 76% 70%,rgba(17,139,141,.19),transparent 37%),linear-gradient(145deg,rgba(120,125,136,.88),rgba(66,71,81,.93));box-shadow:0 24px 60px rgba(30,35,43,.14),inset 0 1px 0 rgba(255,255,255,.24); }.model-card .card-copy p,.model-card .card-copy>span{color:rgba(255,255,255,.55);}
.model-orbit{position:absolute;left:30px;right:30px;bottom:32px;height:148px;}.model-orbit::before{content:none;}.model-orbit span,.model-orbit strong{position:absolute;font:7px ui-monospace,monospace;}.model-orbit span{color:rgba(255,255,255,.42);}.model-orbit .model-general{left:6%;top:46%;}.model-orbit .model-stable{right:2%;top:47%;}.model-orbit strong{left:50%;top:50%;transform:translate(-50%,-50%);width:65px;height:65px;display:grid;place-items:center;border-radius:50%;color:#121417;background:conic-gradient(#111,#0a8588,#efc94d,#111);box-shadow:none;}

.privacy { padding-bottom: 150px; }
.privacy-card { position: relative; min-height: 590px; display: grid; grid-template-columns: .82fr 1.18fr; align-items: center; gap: 80px; overflow: hidden; padding: 70px; border:1px solid rgba(255,255,255,.2);border-radius: 32px; color: white; background: linear-gradient(145deg,rgba(68,73,84,.86),rgba(13,16,20,.94));box-shadow:0 35px 90px rgba(36,42,51,.2),inset 0 1px 0 rgba(255,255,255,.2);backdrop-filter:blur(30px) saturate(115%); }
.privacy-glow { position:absolute;left:-12%;bottom:-50%;width:600px;height:600px;border-radius:50%;background:conic-gradient(#060a0c,#0b8589,#edc34a,#060a0c);filter:blur(100px);opacity:.085; }
.privacy-copy { position:relative;z-index:2; }
.privacy-copy h2 { font-size: clamp(42px,4.5vw,64px); }
.privacy-copy p { max-width:500px;color:rgba(255,255,255,.5);font-size:14px;line-height:1.75; }
.privacy-copy a { display:inline-flex;align-items:center;gap:14px;margin-top:24px;padding-bottom:5px;border-bottom:1px solid rgba(255,255,255,.35);font-size:12px; }
.privacy-diagram { position:relative;min-height:330px;display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;gap:14px; }
.privacy-node { height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(255,255,255,.035);box-shadow:inset 0 1px 0 rgba(255,255,255,.06); }
.privacy-node>i{width:54px;height:54px;margin-bottom:24px;border-radius:17px;background:linear-gradient(145deg,#283039,#0a777b,#d6ad3b);}.privacy-node .node-key{background:linear-gradient(145deg,#343841,#181b20);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);}
.privacy-node span{font-size:13px;}.privacy-node small{margin-top:7px;color:rgba(255,255,255,.32);font:7px ui-monospace,monospace;letter-spacing:.1em;}
.flow-line { position:relative;height:1px;background:rgba(255,255,255,.13);}.flow-line i{position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid rgba(255,255,255,.45);border-right:1px solid rgba(255,255,255,.45);transform:rotate(45deg);}.flow-line span{position:absolute;left:50%;top:-22px;transform:translateX(-50%);color:rgba(255,255,255,.3);font:7px ui-monospace,monospace;white-space:nowrap;}

.install { min-height: 620px; display:grid;grid-template-columns:220px 1fr;align-items:center;gap:80px;padding-top:80px;padding-bottom:100px; }
.install-mark { width:190px;height:190px;padding:23px;border:0;border-radius:50%;background:transparent;box-shadow:none;backdrop-filter:none; }
.install-mark img{width:100%;height:100%;border-radius:50%;box-shadow:0 20px 50px rgba(5,79,83,.22);}
.install h2{margin-top:18px;max-width:960px;}
.install-actions{display:flex;align-items:center;gap:25px;margin-top:34px;}.text-link{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:4px;}

.site-footer { min-height: 110px; display:grid;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:35px;padding:0 max(32px,calc((100vw - var(--max))/2));border-top:1px solid rgba(255,255,255,.48);background:rgba(255,255,255,.12);box-shadow:inset 0 1px 0 rgba(255,255,255,.38);backdrop-filter:blur(22px);font-size:11px;color:#646a73; }
.footer-brand{display:flex;align-items:center;gap:9px;color:var(--ink);font-weight:700;}.footer-brand img{width:25px;height:25px;border-radius:50%;}.site-footer p{margin:0;}.footer-links{display:flex;gap:20px;}.footer-version{font:8px ui-monospace,monospace;letter-spacing:.08em;}

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s var(--ease), transform .7s var(--ease); transition-delay: var(--delay, 0ms); }
.reveal.visible { opacity: 1; transform: none; }
@keyframes scan { from{top:-4%} to{top:104%} }

@media (max-width: 1150px) {
  .hero { grid-template-columns: 1fr; padding-top: 150px; }
  .laptop-hero { grid-template-columns:1fr;gap:55px;padding-top:128px; }
  .hero-product-copy { order:-1;max-width:820px; }
  .hero-product-copy h1 { max-width:760px; }
  .hero-product-copy .hero-lead { max-width:650px; }
  .hero-product-copy > h1,.hero-product-copy > .hero-lead { top:14px; }
  .product-actions { margin-top:28px; }
  .laptop-showcase { width:min(900px,100%);margin-inline:auto; }
  .hero-copy { max-width: 780px; }
  .hero h1 { max-width: 800px; }
  .hero-visual { width: min(860px,100%); margin-inline:auto; }
  .visual-stage { min-height: 670px; }
  .privacy-card { grid-template-columns: 1fr; gap: 30px; }
  .privacy-diagram { min-height: 280px; }
}

@media (max-width: 900px) {
  .section-shell,.site-header{width:calc(100% - 36px);}
  .signal-strip{width:calc(100% - 36px);}
  .desktop-nav{display:none;}.menu-button{display:block;}
  .site-header{grid-template-columns:1fr auto;padding-left:13px;}.header-actions{grid-column:2;}
  .mobile-menu{position:fixed;z-index:45;top:90px;left:18px;right:18px;display:grid;gap:7px;padding:12px;border:1px solid rgba(255,255,255,.65);border-radius:18px;background:rgba(240,241,238,.94);box-shadow:0 20px 50px rgba(28,32,38,.13);backdrop-filter:blur(25px);opacity:0;pointer-events:none;transform:translateY(-8px);transition:.2s var(--ease);}.mobile-menu.open{opacity:1;pointer-events:auto;transform:none}.mobile-menu a{padding:14px;border-radius:10px;font-size:13px;}.mobile-menu a:hover{background:rgba(0,0,0,.04);}
  .workflow-grid{grid-template-columns:1fr;}.workflow-card{display:grid;grid-template-columns:minmax(280px,.8fr) 1fr;column-gap:30px;min-height:340px}.workflow-card .mini-scene{grid-row:1/4;height:305px}.workflow-card h3{align-self:end;margin-top:100px}.workflow-number{left:auto;right:28px;color:#969996;}
  .section-heading.split{grid-template-columns:1fr;gap:24px}.bento-grid{grid-template-columns:1fr}.privacy-card{padding:52px 38px;}
  .install{grid-template-columns:150px 1fr;gap:45px}.install-mark{width:140px;height:140px;padding:18px}.site-footer{grid-template-columns:1fr auto;padding:30px 18px}.site-footer p,.footer-version{display:none}.footer-links{justify-self:end;}
}

@media (max-width: 680px) {
  .section-shell,.site-header{width:calc(100% - 28px);}.signal-strip{width:calc(100% - 28px);}.site-header{top:10px;height:58px}.header-cta{padding:10px 12px}.wordmark span{font-size:14px}
  .hero{min-height:auto;gap:45px;padding-top:126px;padding-bottom:50px}.hero h1{margin-top:21px;font-size:clamp(47px,14vw,66px)}.hero-lead{font-size:15px}.hero-actions{align-items:stretch;flex-direction:column}.button{width:100%}.hero-meta{flex-wrap:wrap;gap:10px 15px}
  .laptop-hero { gap:42px;padding-top:110px; }
  .hero-product-copy h1 { font-size:clamp(47px,14vw,64px); }
  html[lang="en"] .hero-product-copy h1 { font-size:clamp(38px,10.5vw,46px); }
  html[lang="en"] .section-heading h2,html[lang="en"] .privacy h2,html[lang="en"] .install h2{font-size:34px;letter-spacing:-.04em}
  .language-button{gap:4px;padding:8px 4px;font-size:10px}
  .laptop-device { padding-bottom:25px; }
  .laptop-lid { padding:10px 10px 18px;border-radius:19px 19px 8px 8px; }
  .laptop-camera { top:4px;width:4px;height:4px;margin-left:-2px; }
  .demo-browser-bar { grid-template-columns:28px 1fr 0;height:10%;padding:0 7px;gap:5px; }
  .demo-window-dots i:nth-child(n+2),.demo-browser-mode { display:none; }
  .demo-address { height:19px;font-size:5px; }
  .demo-webpage { height:90%; }
  .demo-page-heading { left:4%;top:6%; }.demo-page-heading span{font-size:4px}.demo-page-heading strong{font-size:12px}
  .demo-image-wrap { left:4%;bottom:5%;width:70%;height:64%; }
  .demo-analyze-trigger { top:6px;left:6px;right:auto;height:27px;padding:0 9px; }.demo-analyze-trigger span{font-size:7px}
  .laptop-result-panel { top:11%;left:auto;right:2.7%;width:55%;padding:8px;border-radius:12px; }
  .laptop-source-row { display:none; }
  .laptop-panel-header { padding-bottom:6px; }.laptop-panel-header i{width:7px;height:7px}
  .laptop-result-title { margin:7px 0 5px; }.laptop-result-title strong{font-size:10px}
  .laptop-loading-view { padding:8px 1px 4px; }.laptop-progress{height:4px;margin-top:5px}.laptop-progress-meta{margin-top:5px}.laptop-progress-meta p{font-size:5px}.laptop-progress-meta span{font-size:6px}.laptop-import-icon{width:20px!important;height:20px!important;font-size:9px!important}
  .laptop-prompt { min-height:58px;padding:6px;font-size:5px;line-height:1.55; }
  .laptop-keywords { margin-top:5px; }.laptop-keywords span{padding:3px 4px;font-size:4px}.laptop-keywords span:nth-child(3){display:none}
  .laptop-panel-actions { margin-top:5px;padding-top:5px;gap:3px }.laptop-panel-actions button{height:22px}.laptop-language-mode{height:22px;padding:2px}.laptop-language-mode i{width:16px;height:16px}.laptop-language-mode b,.laptop-language-mode span{width:16px;height:16px;font-size:5px}.laptop-language-mode.english i{left:20px}.laptop-screenshot-action,.laptop-round-action{width:22px}.laptop-screenshot-action svg,.laptop-round-action svg{width:10px;height:10px}.laptop-copy-action{min-width:43px;font-size:5px}
  .device-caption{margin-top:5px;font-size:5px}
  .workflow-panel-clone { height:215px;bottom:74px; }
  .visual-stage{min-height:590px;padding:14px;border-radius:22px}.stage-caption{height:26px}.browser-window{height:500px}.browser-bar{grid-template-columns:35px 1fr 30px;padding:0 9px}.traffic-lights i:nth-child(n+2){display:none}.browser-tools span:nth-child(2){display:none}.browser-page{padding:15px}.gallery-copy{left:18px;top:20px}.gallery-copy strong{font-size:19px}.reference-image{left:18px;top:105px;width:65%;height:280px}.prompt-panel{right:15px;top:184px;width:76%;min-width:0;padding:12px}.source-row{display:none}.prompt-text{min-height:104px;font-size:9px}.keyword-row span:nth-child(n+4){display:none}.panel-actions{margin-top:9px}.stage-note{font-size:8px}
  .signal-strip{grid-template-columns:1fr 1fr}.signal-strip div{min-height:80px;border-bottom:1px solid var(--line)}.signal-strip div:nth-child(2){border-right:0}
  .workflow,.features{padding-top:100px;padding-bottom:110px}.section-heading h2,.privacy h2,.install h2{font-size:39px}.workflow-grid{margin-top:45px}.workflow-card{display:block;min-height:460px}.workflow-card .mini-scene{height:275px}.workflow-card h3{margin-top:24px}.workflow-number{left:29px;right:auto;color:rgba(255,255,255,.65)}
  .bento-grid{margin-top:45px}.bento-card{min-height:430px;padding:25px}.queue-ui,.api-ui{left:25px;right:25px}.queue-ui{grid-template-columns:1fr 80px}.language-sample{left:31px;right:auto;bottom:118px;min-width:0;max-width:calc(100% - 62px);text-align:left}.language-ui{left:28px;right:auto;bottom:28px;transform:scale(.82);transform-origin:left bottom}
  .privacy{padding-bottom:100px}.privacy-card{min-height:760px;padding:43px 24px;gap:10px}.privacy-diagram{grid-template-columns:1fr;gap:12px}.privacy-node{height:130px}.privacy-node>i{width:42px;height:42px;margin-bottom:12px}.flow-line{width:1px;height:45px;justify-self:center}.flow-line i{right:-3px;top:auto;bottom:0;transform:rotate(135deg)}.flow-line span{top:17px;left:12px;transform:none}.local-badge{bottom:-2px}
  .install{grid-template-columns:1fr;gap:38px;padding-top:70px}.install-mark{width:100px;height:100px;padding:12px}.install-actions{align-items:stretch;flex-direction:column;gap:20px}.site-footer{grid-template-columns:1fr}.footer-links{justify-self:start;flex-wrap:wrap}.footer-brand{display:none}
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  .reveal { opacity: 1; transform: none; }
}