/* V5: benefit-led hero, explicit local privacy, interactive four-tool showcase, compact feedback */
.hero-v5 { padding: clamp(76px,8vw,116px) 0 82px; background: radial-gradient(ellipse 84% 62% at 50% 5%,#eff2f6 0%,#fbfcfd 65%,white 100%); }
.hero-v5-inner { max-width:1100px; }
.hero-v5 .hero-copy .pill { background:#fff; border:1px solid #e3e7ed; color:#66788b; }
.hero-v5 h1 { font-size:clamp(40px,5.7vw,72px); letter-spacing:-3px; line-height:1.27; font-weight:680; margin:25px 0 22px; }
.hero-v5 .hero-copy>p:not(.meta) { max-width:650px; font-size:16px; line-height:1.92; margin-inline:auto; color:#66717e; }
.hero-v5 .actions { margin-top:30px; margin-bottom:15px; }
.hero-v5 .actions .button { min-width:214px; }
.hero-v5 .meta { color:#9ba5b0; font-size:11px; }
.hero-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border:1px solid #e6eaf0; background:#ffffffc9; backdrop-filter:blur(12px); border-radius:16px; box-shadow:0 14px 50px #25384c0a; margin-top:69px; overflow:hidden; }
.hero-value { padding:30px 33px 33px; min-height:193px; }
.hero-value + .hero-value {border-left:1px solid #edf0f4;}
.value-icon {display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-size:15px;border-radius:10px;color:#435a75;background:#eef2f7;font-weight:700;margin-bottom:16px;}
.hero-value strong {display:block;font-size:15px;letter-spacing:-.35px;color:#283544;font-weight:640;}
.hero-value p {font-size:12px;color:#7c8895;line-height:1.85;margin-top:9px;}
/* The product runtime does not rely on server processing. Distinguish voluntary downloads. */
.privacy-section {background:linear-gradient(116deg,#f5f7fa,#fafbfd);}
.privacy-copy h2 {font-size:clamp(33px,3.5vw,45px);line-height:1.35;}
.privacy-copy p {font-size:14px;line-height:2;}
.privacy-evidence {display:flex;gap:30px;padding-top:22px;margin-top:23px;border-top:1px solid #e5e9ef;}
.privacy-evidence>div {display:flex;flex-direction:column;gap:5px;max-width:195px;}
.privacy-evidence strong {font-size:clamp(22px,2.2vw,30px);letter-spacing:-1px;line-height:1.3;color:#2c4258;font-weight:650;white-space:nowrap;}
.privacy-evidence span {font-size:11px;line-height:1.6;color:#8996a3;}
/* New 04 / Full edition feature explorer */
.tools-section {background:#fff;overflow:hidden;}
.tools-grid {display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);align-items:center;gap:clamp(28px,5.8vw,84px);}
.tools-copy h2 {margin:18px 0 16px;font-size:clamp(30px,3.2vw,43px);line-height:1.38;}
.tools-copy > p {font-size:13px;line-height:1.95;max-width:420px;}
.tools-switcher {display:grid;gap:5px;margin-top:30px;max-width:420px;}
.tool-switch {width:100%;display:flex;align-items:center;gap:13px;text-align:left;border:1px solid transparent;padding:12px 13px;border-radius:10px;transition:background .22s,border-color .22s,box-shadow .22s;}
.tool-switch:hover {background:#f7f9fc;}
.tool-switch.active {background:#f5f7fb;border-color:#e4eaf2;box-shadow:0 5px 14px #34455f05;}
.tool-symbol {width:39px;height:39px;flex:none;border:1px solid #e7ebf1;border-radius:10px;background:white;display:grid;place-items:center;font-size:18px;color:#667e98;}
.tool-switch.active .tool-symbol {border-color:#d7e1ed;background:#eaf0f8;color:#425e7e;}
.tool-switch span:nth-child(2) {display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;}
.tool-switch strong {font-size:13px;font-weight:660;color:#3a485a;}
.tool-switch small {font-size:11px;color:#8d9aa8;}
.tool-chevron {color:#a8b1bb;font-size:20px;}
.tools-visual {min-width:0;}
.tool-window {border:1px solid #e5e9ef;border-radius:15px;background:#fff;box-shadow:0 22px 64px #2c405816,0 4px 17px #2c40580a;overflow:hidden;}
.tool-topbar {height:47px;background:#f8f9fb;border-bottom:1px solid #e9edf2;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:11px;color:#6d7a8a;}
.tool-topdots {display:flex;gap:5px;}
.tool-topdots i {display:block;width:8px;height:8px;background:#dce2e9;border-radius:100%;}
.tool-topdots i:first-child {background:#d2c9c9;}
.tool-window-status {color:#98a6b5;}
.tool-scene {height:367px;position:relative;overflow:hidden;background:linear-gradient(125deg,#f6f8fa,#f1f5f9);}
.tool-scene.active {display:block;}
.tool-scene[hidden] {display:none;}
.tiny-label {display:block;color:#95a2b0;font-size:10px;letter-spacing:.3px;}
/* capture */
.capture-canvas {position:absolute;inset:0;background:repeating-linear-gradient(90deg,#eff3f7 0 1px,transparent 1px 32px),repeating-linear-gradient(#eff3f7 0 1px,transparent 1px 32px),#f7f9fb;padding:29px 34px;}
.capture-doc {height:281px;background:white;border-radius:7px;padding:28px;box-shadow:0 5px 21px #2433490e;max-width:410px;margin:0 auto;}
.capture-doc h3 {font-size:19px;font-weight:650;margin:10px 0 7px;}
.capture-doc p {font-size:11px;color:#748292;}
.capture-chart {height:105px;display:flex;align-items:flex-end;gap:16px;margin-top:18px;padding:12px 20px;background:#f8fafc;border-radius:8px;}
.capture-chart i {flex:1;height:50%;background:#b4c5d9;border-radius:4px 4px 0 0;}
.capture-chart i:nth-child(2){height:73%;background:#8faacc;}.capture-chart i:nth-child(3){height:61%;}.capture-chart i:nth-child(4){height:90%;background:#7897ba;}.capture-chart i:nth-child(5){height:76%;}
.capture-cardline {height:7px;width:68%;background:#edf1f5;border-radius:7px;margin-top:12px;}
.capture-selection {position:absolute;left:18%;right:14%;top:55px;height:242px;border:2px solid #5985ba;box-shadow:0 0 0 100vw #2d3c521a;pointer-events:none;animation:select-glow 3.8s ease-in-out infinite;}
.capture-selection::before,.capture-selection::after {content:'';position:absolute;width:8px;height:8px;border:2px solid #5985ba;background:white;border-radius:2px;top:-5px;}
.capture-selection::before{left:-5px;}.capture-selection::after{right:-5px;}
.capture-measure {position:absolute;top:-26px;left:0;background:#314e72;color:white;padding:3px 8px;border-radius:4px;font-size:10px;}
.capture-mark {position:absolute;top:84px;left:45%;font-size:12px;color:#e0705d;border:2px solid #e0705d;padding:0 6px;border-radius:30px;transform:rotate(-8deg);}
.tool-floatbar {position:absolute;bottom:18px;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center;background:#202c39;color:#dce7f2;border-radius:10px;padding:12px 14px;box-shadow:0 9px 25px #1c2b4040;white-space:nowrap;font-size:11px;}
.tool-floatbar span {padding:0 5px;}.tool-floatbar span:last-child {color:#83b49f;}
@keyframes select-glow {50% {box-shadow:0 0 0 100vw #2d3c5218,0 0 0 3px #91b5e554;}}
/* OCR and translation */
.tool-two-pane {display:grid;grid-template-columns:1fr 1fr;height:100%;padding:21px;gap:14px;}
.tool-raw-pane,.tool-result-pane {min-width:0;padding:19px 17px;border:1px solid #e5ebf1;background:white;border-radius:9px;position:relative;overflow:hidden;}
.scan-paper {margin-top:19px;padding:18px 13px;background:#f5f7fa;border:1px solid #eef1f4;transform:rotate(-1.5deg);box-shadow:0 4px 14px #34506b0a;}
.scan-paper h3,.translation-paper h3 {font-size:14px;color:#344659;margin-bottom:15px;}
.scan-paper p,.translation-paper p {font-size:11px;color:#67778a;line-height:2;margin:5px 0;}
.scan-line {position:absolute;left:17px;right:17px;top:78px;height:2px;background:#6a94bc;box-shadow:0 0 17px #4683bb88;animation:scan 3.3s ease-in-out infinite;}
@keyframes scan {0%,100%{top:78px;}50%{top:276px;}}
.tool-result-pane h3 {font-size:16px;margin:17px 0 15px;color:#324559;}
.tool-result-pane p {font-size:11px;color:#5a6c7d;line-height:2.1;margin-bottom:16px;}
.tool-result-action {display:inline-flex;color:#3d7093;background:#eaf3f9;padding:6px 10px;border-radius:5px;font-size:10px;}
.translation-paper {margin-top:22px;padding:17px 11px;background:#f6f8fb;border-radius:7px;}
.translation-dashed {position:absolute;left:27px;right:27px;top:93px;bottom:45px;border:1.5px dashed #7097be;border-radius:6px;pointer-events:none;}
/* clipboard */
.clipboard-ui {padding:27px;}
.clipboard-head {display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px;}
.clipboard-head h3 {font-size:18px;margin-top:7px;color:#304255;}
.clip-search {border:1px solid #e3eaf1;border-radius:7px;background:white;padding:8px 11px;font-size:10px;color:#9ba8b5;}
.clip-entry {display:flex;align-items:center;gap:14px;border:1px solid #e9edf2;background:white;border-radius:9px;padding:13px 15px;margin-bottom:10px;box-shadow:0 2px 8px #23374a04;}
.clip-kind {width:38px;height:38px;border-radius:8px;display:grid;place-items:center;flex:none;background:#eaf0f9;color:#6482a4;font-weight:650;}
.clip-kind.url {background:#edf3ec;color:#779775;}.clip-kind.pic{background:#f5eef3;color:#9c7e96;}
.clip-entry>div {flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;}
.clip-entry strong {font-size:12px;font-weight:600;color:#526173;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.clip-entry small {font-size:10px;color:#a0abba;}
.clip-copy {color:#7390ab;font-size:11px;}
.tools-caption {display:flex;justify-content:space-between;gap:8px;padding:14px 2px;font-size:10px;color:#9ba7b3;}
.tools-light {display:inline-block;width:6px;height:6px;background:#7ba98f;border-radius:50%;margin-right:6px;}
/* 05: about half the old feedback section */
.voices-section {padding-top:66px!important;padding-bottom:48px!important;}
.voices-heading h2 {font-size:clamp(27px,3vw,40px);margin-top:10px;}
.voices-heading p {margin:6px auto 0;font-size:12px;}
.voices-section .marquee-field {margin-top:22px;gap:10px;}
.voices-section .marquee-row:nth-child(n+3) {display:none;}
.voices-section .voice-pill {padding:7px 13px 7px 6px;font-size:11px;gap:9px;}
.voices-section .voice-avatar {height:30px;width:30px;}
.voices-section .feedback-source-note {margin-top:15px;font-size:10px;}
@media (max-width: 1050px) {
 .tools-grid {gap:26px;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);}
 .tool-scene {height:350px;}
 .capture-canvas {padding:29px 13px;}
 .tool-floatbar {gap:4px;font-size:10px;}
 .tool-two-pane {padding:13px;gap:10px;}
 .tool-raw-pane,.tool-result-pane {padding:16px 12px;}
}
@media (max-width: 760px) {
 .hero-v5 {padding:72px 0 58px;}
 .hero-v5 h1 {font-size:clamp(38px,7.9vw,54px);letter-spacing:-1.8px;}
 .hero-values {margin-top:48px;}
 .hero-value {padding:20px 17px;min-height:164px;}
 .hero-value strong {font-size:13px;}.hero-value p{font-size:11px;}
 .tools-grid {grid-template-columns:1fr;gap:24px;}
 .tools-switcher {grid-template-columns:repeat(2,minmax(0,1fr));max-width:none;gap:8px;}
 .tool-switch {padding:10px;gap:8px;}
 .tool-switch strong {font-size:12px;}.tool-switch small{font-size:10px;}
 .tool-chevron {display:none;}
 .tool-window {max-width:650px;margin:auto;}
 .tools-caption {max-width:650px;margin:auto;}
 .privacy-evidence {gap:28px;}
}
@media (max-width: 500px) {
 .hero-v5 {padding:54px 0 42px;}
 .hero-v5 h1 {font-size:clamp(34px,9vw,43px);line-height:1.3;letter-spacing:-1.2px;margin:20px 0 17px;}
 .hero-v5 .hero-copy>p:not(.meta) {font-size:13px;line-height:1.9;}
 .hero-values {grid-template-columns:1fr;gap:0;margin-top:37px;border-radius:12px;}
 .hero-value {min-height:0;padding:16px 17px 18px 60px;position:relative;}
 .hero-value + .hero-value {border-left:0;border-top:1px solid #edf0f4;}
 .value-icon {position:absolute;left:15px;top:17px;width:33px;height:33px;margin:0;}
 .hero-value p br{display:none;}
 .hero-value p {margin-top:4px;}
 .privacy-evidence {gap:16px;}
 .privacy-evidence strong{font-size:23px;}.privacy-evidence span{font-size:10px;}
 .tools-copy h2 {font-size:30px;}
 .tools-switcher {gap:6px;}
 .tool-switch {padding:8px;align-items:flex-start;}
 .tool-symbol {width:30px;height:30px;font-size:14px;}
 .tool-switch strong{font-size:11px;}.tool-switch small{font-size:9px;line-height:1.5;}
 .tool-scene {height:308px;}
 .tool-topbar {height:40px;font-size:10px;}
 .capture-canvas {padding:24px 8px;}
 .capture-doc {height:245px;padding:18px;}
 .capture-doc h3 {font-size:15px;}.capture-doc p{font-size:10px;}
 .capture-chart {height:88px;gap:10px;}
 .capture-selection {height:205px;left:9%;right:8%;top:44px;}
 .capture-mark {top:60px;}
 .tool-floatbar {font-size:9px;gap:2px;padding:9px 7px;bottom:12px;}
 .tool-floatbar span {padding:0 2px;}
 .tool-two-pane {padding:8px;gap:6px;}
 .tool-raw-pane,.tool-result-pane {padding:13px 9px;}
 .scan-paper {padding:10px 7px;margin-top:12px;}
 .scan-paper h3,.translation-paper h3 {font-size:11px;}.scan-paper p,.translation-paper p {font-size:9px;line-height:1.7;}
 .tool-result-pane h3 {font-size:13px;margin:12px 0;}.tool-result-pane p{font-size:9px;line-height:1.9;}
 .tool-result-action {font-size:9px;}
 .translation-paper {padding:10px 6px;}
 .translation-dashed {left:14px;right:14px;top:70px;bottom:40px;}
 .clipboard-ui {padding:15px 10px;}
 .clipboard-head h3 {font-size:14px;}.clip-search{font-size:8px;padding:6px;}
 .clip-entry {padding:10px;gap:8px;}
 .clip-kind {width:31px;height:31px;}.clip-entry strong{font-size:10px;}.clip-entry small{font-size:9px;}
 .voices-heading p{font-size:11px;}
}
@media(prefers-reduced-motion:reduce) {.capture-selection,.scan-line{animation:none;}}