*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#05070F;--bg-2:#080C16;--bg-card:rgba(255,255,255,0.028);--bg-card-h:rgba(255,255,255,0.055);--border:rgba(255,255,255,0.07);--border-h:rgba(255,255,255,0.14);--blue:#2563EB;--blue-b:#3B82F6;--blue-light:#93C5FD;--purple:#7C3AED;--purple-b:#8B5CF6;--purple-light:#C4B5FD;--cyan:#06B6D4;--cyan-light:#67E8F9;--green:#10B981;--text:#F8FAFF;--text-2:rgba(248,250,255,0.62);--text-3:rgba(248,250,255,0.35);--r:14px;--r-lg:20px;--r-xl:28px;--t:0.22s cubic-bezier(0.4,0,0.2,1)}html{scroll-behavior:smooth;font-size:16px}body{font-family:'Inter',system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:1160px;margin:0 auto;padding:0 24px}.scroll-progress{position:fixed;top:0;left:0;z-index:200;height:2px;width:0%;background:linear-gradient(90deg,var(--blue-b),var(--purple-b),var(--cyan));transition:width 0.1s linear}.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.55s ease,transform 0.55s ease}.reveal.visible{opacity:1;transform:translateY(0)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 0;border-bottom:1px solid transparent;transition:all var(--t)}.nav.scrolled{background:rgba(5,7,15,0.85);backdrop-filter:blur(28px) saturate(200%);-webkit-backdrop-filter:blur(28px) saturate(200%);border-color:var(--border);padding:13px 0}.nav-inner{max-width:1160px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:20px}.nav-logo{display:flex;align-items:center;gap:9px;text-decoration:none;flex-shrink:0}.logo-mark{width:34px;height:34px;border-radius:9px;flex-shrink:0;background:linear-gradient(135deg,var(--blue),var(--purple));display:flex;align-items:center;justify-content:center}.logo-text{font-size:16px;font-weight:700;color:var(--text);letter-spacing:-0.3px}.nav-links{display:flex;gap:28px;margin-left:auto}.nav-links a{color:var(--text-2);text-decoration:none;font-size:14px;font-weight:500;transition:color var(--t)}.nav-links a:hover{color:var(--text)}.btn-nav{display:inline-flex;align-items:center;padding:9px 18px;border-radius:100px;background:var(--text);color:#05070F;font-size:13px;font-weight:700;text-decoration:none;transition:all var(--t);border:none;cursor:pointer;flex-shrink:0}.btn-nav:hover{background:rgba(248,250,255,0.88);transform:translateY(-1px)}.nav-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;margin-left:auto}.nav-burger span{display:block;width:22px;height:2px;background:var(--text-2);border-radius:2px;transition:all 0.3s}.nav-burger.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger.active span:nth-child(2){opacity:0}.nav-burger.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{min-height:100vh;padding:130px 0 80px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;inset:0;z-index:0;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(100px);will-change:transform}.orb-1{width:800px;height:800px;background:var(--blue);top:-350px;left:-200px;opacity:0.18;animation:orbDrift1 20s ease-in-out infinite}.orb-2{width:650px;height:650px;background:var(--purple);top:-200px;right:-200px;opacity:0.12;animation:orbDrift2 25s ease-in-out infinite}.orb-3{width:500px;height:500px;background:var(--cyan);bottom:-100px;left:30%;opacity:0.08;animation:orbDrift3 18s ease-in-out infinite}.orb-4{width:400px;height:400px;background:var(--purple);bottom:100px;right:10%;opacity:0.07;animation:orbDrift1 22s ease-in-out infinite reverse}@keyframes orbDrift1{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(40px,-30px) scale(1.05)}66%{transform:translate(-20px,40px) scale(0.97)}}@keyframes orbDrift2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-50px,30px) scale(1.08)}}@keyframes orbDrift3{0%,100%{transform:translate(0,0)}50%{transform:translate(30px,-40px)}}.noise-overlay{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:0.4}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,0.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);background-size:64px 64px}.hero-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(37,99,235,0.1);border:1px solid rgba(37,99,235,0.25);color:var(--blue-light);padding:7px 14px;border-radius:100px;font-size:12.5px;font-weight:500;margin-bottom:24px}.badge-dot{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulseDot 2s ease-in-out infinite}@keyframes pulseDot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(0.8)}}.hero-title{font-size:clamp(52px,7vw,88px);font-weight:900;line-height:1.0;letter-spacing:-3px;margin-bottom:20px;color:var(--text)}.gradient-text{background:linear-gradient(135deg,#93C5FD 0%,#60A5FA 35%,#A78BFA 70%,#C084FC 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:17px;color:var(--text-2);max-width:500px;margin-bottom:36px;line-height:1.75;font-weight:400}.hero-buttons{display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap}.btn-store{display:flex;align-items:center;gap:11px;padding:12px 20px;border-radius:var(--r);text-decoration:none;transition:all var(--t);border:1px solid var(--border);background:rgba(255,255,255,0.05);min-width:168px}.btn-store:hover{background:rgba(255,255,255,0.09);transform:translateY(-2px);border-color:var(--border-h);box-shadow:0 8px 30px rgba(0,0,0,0.35)}.btn-apple{color:var(--text)}.btn-google{color:var(--text)}.btn-sub{font-size:9.5px;color:var(--text-3);text-transform:uppercase;letter-spacing:0.6px;line-height:1}.btn-main{font-size:15px;font-weight:700;color:var(--text);line-height:1.3;white-space:nowrap}.trust-badges{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 4px}.trust-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:20px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.1);font-size:11.5px;font-weight:500;color:var(--text-2);transition:background 0.2s,border-color 0.2s,color 0.2s;white-space:nowrap}.trust-badge svg{color:var(--accent);flex-shrink:0}.trust-badge:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:var(--text)}[data-theme="light"] .trust-badge{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.1);color:var(--text-2)}[data-theme="light"] .trust-badge:hover{background:rgba(0,0,0,0.08)}@media (max-width:480px){.trust-badges{gap:6px}.trust-badge{font-size:10.5px;padding:4px 8px}}.hero-stats{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.hstat{display:flex;flex-direction:column;gap:2px}.hstat-num{font-size:20px;font-weight:800;color:var(--text);letter-spacing:-0.5px}.hstat-label{font-size:11px;color:var(--text-3);font-weight:500}.hstat-div{width:1px;height:28px;background:var(--border)}.hero-right{display:flex;justify-content:center;align-items:center;position:relative}.hero-phone{position:relative}.phone-shell{width:260px;border-radius:44px;background:#0E1421;border:1.5px solid rgba(255,255,255,0.1);box-shadow:0 50px 100px rgba(0,0,0,0.7),0 0 0 1px rgba(255,255,255,0.04),inset 0 1px 0 rgba(255,255,255,0.06);overflow:hidden;position:relative;z-index:2}.phone-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:95px;height:26px;background:#000;border-radius:0 0 16px 16px;z-index:10}.phone-screen{height:480px;overflow:hidden;position:relative}.phone-ui{height:100%;background:#080C16}.pui-topbar{height:54px;background:#0E1421;border-bottom:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:space-between;padding:0 16px;padding-top:10px;font-size:13px;font-weight:600;color:white}.pui-scanner{height:calc(100% - 54px);display:flex;flex-direction:column}.pui-scan-bg{flex:1;background:#020408;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:10px}.pui-scan-frame{position:relative;width:72%;height:58%}.pui-corner{position:absolute;width:18px;height:18px;border-color:#3B82F6;border-style:solid}.pui-corner.ptl{top:0;left:0;border-width:2.5px 0 0 2.5px;border-radius:3px 0 0 0}.pui-corner.ptr{top:0;right:0;border-width:2.5px 2.5px 0 0;border-radius:0 3px 0 0}.pui-corner.pbl{bottom:0;left:0;border-width:0 0 2.5px 2.5px;border-radius:0 0 0 3px}.pui-corner.pbr{bottom:0;right:0;border-width:0 2.5px 2.5px 0;border-radius:0 0 3px 0}.pui-scanline{position:absolute;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,#3B82F6 30%,#60A5FA 50%,#3B82F6 70%,transparent);box-shadow:0 0 10px #3B82F6;animation:scanMove 2.2s ease-in-out infinite;will-change:transform,top}@keyframes scanMove{0%{top:2px;opacity:0}10%{opacity:1}90%{opacity:1}100%{top:calc(100% - 2px);opacity:0}}.pui-scan-doc{position:absolute;inset:8px;display:flex;flex-direction:column;gap:7px;padding:10px}.pui-doc-line{height:5px;border-radius:3px;background:rgba(255,255,255,0.15);width:100%}.pui-scan-status{display:flex;align-items:center;gap:6px;font-size:10.5px;color:var(--green);font-weight:500}.pui-status-indicator{width:7px;height:7px;border-radius:50%;background:var(--green);animation:pulseDot 1.5s ease-in-out infinite}.pui-scan-controls{height:72px;background:#0E1421;border-top:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:space-around;padding:0 24px}.pui-ctrl-icon{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;color:var(--text-2)}.pui-shutter{width:56px;height:56px;border-radius:50%;background:#3B82F6;border:3px solid rgba(59,130,246,0.35);box-shadow:0 0 24px rgba(59,130,246,0.5)}.phone-glow{position:absolute;inset:-40px;z-index:1;border-radius:50%;background:radial-gradient(ellipse at center,rgba(37,99,235,0.18) 0%,transparent 70%);pointer-events:none}.float-chip{position:absolute;display:flex;align-items:center;gap:7px;padding:9px 14px;border-radius:100px;background:rgba(8,12,22,0.92);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text);backdrop-filter:blur(16px);box-shadow:0 8px 28px rgba(0,0,0,0.45);z-index:10}.chip-1{top:60px;right:-40px;animation:chipFloat 3.5s ease-in-out infinite}.chip-2{top:50%;right:-50px;animation:chipFloat 3.5s ease-in-out infinite 1.2s}.chip-3{bottom:80px;right:-30px;animation:chipFloat 3.5s ease-in-out infinite 2.4s}@keyframes chipFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.marquee-section{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-2);padding:0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%);mask:linear-gradient(90deg,transparent 0%,black 10%,black 90%,transparent 100%)}.marquee-track{overflow:hidden;padding:18px 0}.marquee-inner{display:flex;gap:16px;width:max-content;animation:marqueeScroll 35s linear infinite}.marquee-inner:hover{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.review-pill{display:flex;align-items:center;gap:8px;padding:9px 18px;border-radius:100px;background:var(--bg-card);border:1px solid var(--border);font-size:13px;color:var(--text-2);white-space:nowrap;flex-shrink:0}.review-pill span{color:var(--text);font-weight:500}.marquee-reverse{animation:marqueeReverse 28s linear infinite}.marquee-reverse:hover{animation-play-state:paused}@keyframes marqueeReverse{0%{transform:translateX(-50%)}100%{transform:translateX(0)}}.trust-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border-radius:100px;background:rgba(37,99,235,0.07);border:1px solid rgba(37,99,235,0.18);font-size:12px;font-weight:600;letter-spacing:0.3px;color:var(--text);white-space:nowrap;flex-shrink:0;transition:background 0.2s}.trust-pill:hover{background:rgba(37,99,235,0.14)}.tp-check{color:#22C55E;font-weight:800;font-size:13px}.trust-pill.tp-ai{background:rgba(168,85,247,0.1);border-color:rgba(168,85,247,0.25);color:#C084FC}.tp-ai-dot{width:7px;height:7px;border-radius:50%;background:#A855F7;box-shadow:0 0 6px rgba(168,85,247,0.8);animation:pulse-dot 1.8s ease-in-out infinite}@keyframes pulse-dot{0%,100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.4)}}.trust-pill.tp-stat{background:rgba(234,179,8,0.08);border-color:rgba(234,179,8,0.22);color:#FCD34D;font-weight:700}.section-header{text-align:center;margin-bottom:60px}.section-eyebrow{display:inline-block;padding:4px 12px;border-radius:100px;background:rgba(37,99,235,0.1);border:1px solid rgba(37,99,235,0.2);color:var(--blue-light);font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:14px}.section-title{font-size:clamp(28px,4vw,44px);font-weight:800;letter-spacing:-1.2px;margin-bottom:14px;line-height:1.12}.section-sub{color:var(--text-2);font-size:16px;line-height:1.75;max-width:500px;margin:0 auto}.features{padding:110px 0}.bento-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;gap:14px}.bento-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px 24px;position:relative;transition:all var(--t);overflow:hidden}.bento-card::before{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,0.03),transparent 60%);pointer-events:none}.bento-card:hover{background:var(--bg-card-h);border-color:var(--border-h);transform:translateY(-3px);box-shadow:0 20px 50px rgba(0,0,0,0.3)}.bento-hero{grid-column:span 2;grid-row:span 2;background:linear-gradient(135deg,rgba(37,99,235,0.12),rgba(37,99,235,0.03));border-color:rgba(37,99,235,0.2);padding:32px}.bento-hero:hover{border-color:rgba(37,99,235,0.38)}.bento-wide{grid-column:span 2}.bento-tall{grid-row:span 2}.bento-tag{display:inline-block;padding:3px 9px;border-radius:100px;font-size:10px;font-weight:800;letter-spacing:0.8px;margin-bottom:16px}.new-tag{background:rgba(16,185,129,0.12);border:1px solid rgba(16,185,129,0.25);color:#6EE7B7}.ai-tag{background:rgba(139,92,246,0.12);border:1px solid rgba(139,92,246,0.25);color:var(--purple-light)}.bento-icon{width:44px;height:44px;border-radius:12px;background:rgba(37,99,235,0.12);border:1px solid rgba(37,99,235,0.16);display:flex;align-items:center;justify-content:center;color:var(--blue-light);margin-bottom:14px}.bento-icon-scan{background:rgba(37,99,235,0.18);border-color:rgba(37,99,235,0.28);color:#60A5FA}.bento-icon-ai{background:rgba(139,92,246,0.14);border-color:rgba(139,92,246,0.22);color:var(--purple-light)}.bento-icon-ocr{background:rgba(37,99,235,0.14);border-color:rgba(37,99,235,0.22);color:var(--blue-light)}.bento-card h3{font-size:16px;font-weight:700;margin-bottom:7px;color:var(--text)}.bento-card p{font-size:13.5px;color:var(--text-2);line-height:1.6}.bento-mini-scanner{margin-top:20px}.mini-scan-frame{position:relative;width:100%;height:80px;border:1px solid rgba(59,130,246,0.2);border-radius:8px;background:rgba(2,4,8,0.5);overflow:hidden}.mini-corner{position:absolute;width:12px;height:12px;border-color:#3B82F6;border-style:solid}.mini-corner.mtl{top:0;left:0;border-width:2px 0 0 2px}.mini-corner.mtr{top:0;right:0;border-width:2px 2px 0 0}.mini-corner.mbl{bottom:0;left:0;border-width:0 0 2px 2px}.mini-corner.mbr{bottom:0;right:0;border-width:0 2px 2px 0}.mini-scanline{position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#3B82F6,transparent);animation:scanMove 2s ease-in-out infinite}.bento-chat-preview{margin-top:16px;display:flex;flex-direction:column;gap:7px}.chat-msg{padding:8px 12px;border-radius:12px;font-size:12px;line-height:1.5;max-width:85%}.chat-out{background:rgba(37,99,235,0.2);color:var(--blue-light);border-radius:12px 12px 3px 12px;align-self:flex-end}.chat-in{background:rgba(255,255,255,0.06);color:var(--text-2);border-radius:12px 12px 12px 3px;align-self:flex-start}.bento-ocr-preview{margin-top:18px;display:flex;align-items:center;gap:10px}.ocr-image-mock{flex:1;background:rgba(255,255,255,0.04);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px;border:1px solid rgba(255,255,255,0.06)}.ocr-line{height:6px;border-radius:3px;background:rgba(255,255,255,0.15);width:100%}.ocr-arrow{font-size:18px;color:var(--text-3);flex-shrink:0}.ocr-text-mock{flex:1;background:rgba(37,99,235,0.08);border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:4px;border:1px solid rgba(37,99,235,0.15)}.ocr-text-mock span{font-size:10px;color:var(--blue-light);font-weight:500}.scanner-spotlight{padding:110px 0;background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.scanner-spotlight::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 30% 50%,rgba(37,99,235,0.08),transparent 60%);pointer-events:none}.spotlight-grid{display:grid;grid-template-columns:400px 1fr;gap:80px;align-items:center}.spotlight-phone{width:240px;border-radius:40px;background:#0E1421;border:1.5px solid rgba(255,255,255,0.1);box-shadow:0 40px 80px rgba(0,0,0,0.6),0 0 0 1px rgba(255,255,255,0.03);overflow:hidden;position:relative}.sp-notch{position:absolute;top:0;left:50%;transform:translateX(-50%);width:85px;height:22px;background:#000;border-radius:0 0 14px 14px;z-index:5}.sp-screen{height:440px;position:relative}.sp-topbar{height:50px;background:#0E1421;border-bottom:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;padding:0 14px;padding-top:8px;font-size:12px;font-weight:600;color:white}.sp-viewfinder{height:calc(100% - 50px - 64px);background:#020408;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;gap:10px}.sp-frame{position:relative;width:70%;height:60%}.sp-corner{position:absolute;width:16px;height:16px;border-color:#3B82F6;border-style:solid}.sp-corner.tl{top:0;left:0;border-width:2px 0 0 2px;border-radius:2px 0 0 0}.sp-corner.tr{top:0;right:0;border-width:2px 2px 0 0;border-radius:0 2px 0 0}.sp-corner.bl{bottom:0;left:0;border-width:0 0 2px 2px;border-radius:0 0 0 2px}.sp-corner.br{bottom:0;right:0;border-width:0 2px 2px 0;border-radius:0 0 2px 0}.sp-line{position:absolute;left:0;right:0;height:1.5px;background:linear-gradient(90deg,transparent,#3B82F6 30%,#60A5FA 50%,#3B82F6 70%,transparent);box-shadow:0 0 8px #3B82F6;animation:scanMove 2s ease-in-out infinite}.sp-doc-preview{position:absolute;inset:8px;padding:8px;display:flex;flex-direction:column;gap:6px}.sp-doc-line{height:4px;border-radius:2px;background:rgba(255,255,255,0.12);width:100%}.sp-status{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--green);font-weight:500}.sp-status-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:pulseDot 1.5s ease-in-out infinite}.sp-controls{height:64px;background:#0E1421;border-top:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:space-around;padding:0 20px}.sp-thumb{width:32px;height:32px;border-radius:50%;background:rgba(255,255,255,0.06)}.sp-shutter{width:50px;height:50px;border-radius:50%;background:#3B82F6;border:2.5px solid rgba(59,130,246,0.4);box-shadow:0 0 20px rgba(59,130,246,0.45)}.sp-glow{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,0.2),transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;filter:blur(40px)}.sp-step{position:absolute;display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:100px;background:rgba(8,12,22,0.92);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text);backdrop-filter:blur(12px);white-space:nowrap}.sp-step-num{width:20px;height:20px;border-radius:50%;background:var(--blue-b);color:white;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;flex-shrink:0}.step-a{top:30px;right:-60px;animation:chipFloat 4s ease-in-out infinite}.step-b{top:50%;right:-80px;animation:chipFloat 4s ease-in-out infinite 1.3s}.step-c{bottom:40px;right:-55px;animation:chipFloat 4s ease-in-out infinite 2.6s}.feature-list{display:flex;flex-direction:column;gap:14px}.feat-item{display:flex;align-items:flex-start;gap:14px;padding:14px 16px;border-radius:var(--r);border:1px solid var(--border);background:var(--bg-card);transition:all var(--t)}.feat-item:hover{background:var(--bg-card-h);border-color:var(--border-h)}.feat-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.feat-item strong{font-size:14px;font-weight:600;color:var(--text);display:block;margin-bottom:2px}.feat-item p{font-size:13px;color:var(--text-2);line-height:1.55;margin:0}.ai-section{padding:110px 0}.ai-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.ai-card{position:relative;border-radius:var(--r-xl);padding:34px 28px;overflow:hidden;border:1px solid var(--border);transition:all 0.35s ease}.ai-card:hover{transform:translateY(-6px);box-shadow:0 28px 70px rgba(0,0,0,0.4)}.ai-blue{background:linear-gradient(145deg,rgba(37,99,235,0.16) 0%,rgba(37,99,235,0.03) 100%);border-color:rgba(37,99,235,0.2)}.ai-purple{background:linear-gradient(145deg,rgba(124,58,237,0.16) 0%,rgba(124,58,237,0.03) 100%);border-color:rgba(124,58,237,0.2)}.ai-cyan{background:linear-gradient(145deg,rgba(6,182,212,0.16) 0%,rgba(6,182,212,0.03) 100%);border-color:rgba(6,182,212,0.2)}.ai-card-glow{position:absolute;width:200px;height:200px;border-radius:50%;filter:blur(70px);opacity:0.16;bottom:-60px;right:-60px;pointer-events:none}.ai-blue .ai-card-glow{background:var(--blue-b)}.ai-purple .ai-card-glow{background:var(--purple-b)}.ai-cyan .ai-card-glow{background:var(--cyan)}.ai-icon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.ai-blue .ai-icon{background:rgba(37,99,235,0.2)}.ai-purple .ai-icon{background:rgba(124,58,237,0.2)}.ai-cyan .ai-icon{background:rgba(6,182,212,0.2)}.ai-badge{position:absolute;top:18px;right:18px;padding:3px 9px;border-radius:100px;font-size:10px;font-weight:800;letter-spacing:1px;background:rgba(255,255,255,0.07);color:rgba(255,255,255,0.4)}.ai-card h3{font-size:22px;font-weight:800;margin-bottom:10px;letter-spacing:-0.4px}.ai-card p{font-size:14px;color:var(--text-2);line-height:1.7;margin-bottom:16px}.ai-feature-pills{display:flex;gap:6px;flex-wrap:wrap}.ai-feature-pills span{padding:4px 10px;border-radius:100px;background:rgba(255,255,255,0.06);border:1px solid rgba(255,255,255,0.08);font-size:11px;font-weight:600;color:var(--text-2)}.stats-section{padding:90px 0;background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.stats-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(37,99,235,0.07),transparent 70%)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative}.stat-block{text-align:center;padding:40px 20px;border-right:1px solid var(--border)}.stat-block:last-child{border-right:none}.stat-big{font-size:clamp(36px,5vw,56px);font-weight:900;letter-spacing:-2px;color:var(--text);margin-bottom:8px;background:linear-gradient(135deg,var(--text) 0%,rgba(248,250,255,0.7) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-desc{font-size:14px;color:var(--text-3);font-weight:500}.testimonials{padding:110px 0}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;row-gap:18px}.tcard{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;transition:all var(--t)}.tcard:hover{background:var(--bg-card-h);border-color:var(--border-h);transform:translateY(-3px)}.tcard-stars{font-size:13px;margin-bottom:14px}.tcard p{font-size:14.5px;color:var(--text-2);line-height:1.7;margin-bottom:20px;font-style:italic}.tcard-author{display:flex;align-items:center;gap:12px}.tcard-avatar{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;color:white;flex-shrink:0}.tcard-author strong{font-size:14px;font-weight:700;color:var(--text);display:block}.tcard-author span{font-size:12px;color:var(--text-3)}.hiw-section{padding:110px 0;background:var(--bg-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.hiw-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.hiw-step{padding:40px 36px;text-align:center;position:relative}.hiw-step:not(:last-child)::after{content:'';position:absolute;top:50px;right:0;width:1px;height:40px;background:var(--border)}.hiw-num{font-size:11px;font-weight:800;letter-spacing:2px;color:var(--blue-b);margin-bottom:18px}.hiw-step h3{font-size:18px;font-weight:700;margin-bottom:10px}.hiw-step p{font-size:14px;color:var(--text-2);line-height:1.65}.hiw-line{display:none}.cta-section{padding:100px 0}.cta-card{border-radius:var(--r-xl);overflow:hidden;position:relative;border:1px solid rgba(37,99,235,0.2);text-align:center}.cta-bg{position:absolute;inset:0}.cta-orb{position:absolute;border-radius:50%;filter:blur(100px)}.c1{width:400px;height:400px;background:var(--blue);top:-150px;left:-100px;opacity:0.15}.c2{width:350px;height:350px;background:var(--purple);bottom:-130px;right:-80px;opacity:0.12}.c3{width:300px;height:300px;background:var(--cyan);top:50%;left:50%;transform:translate(-50%,-50%);opacity:0.06}.cta-content{position:relative;z-index:1;padding:80px 40px}.cta-badge{display:inline-block;margin-bottom:20px;padding:6px 16px;border-radius:100px;background:rgba(16,185,129,0.1);border:1px solid rgba(16,185,129,0.22);color:#6EE7B7;font-size:12px;font-weight:600}.cta-content h2{font-size:clamp(30px,4vw,46px);font-weight:900;letter-spacing:-1.5px;margin-bottom:12px}.cta-content p{color:var(--text-2);font-size:17px;margin-bottom:36px}.cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.footer{padding:70px 0 32px;border-top:1px solid var(--border);background:var(--bg-2)}.footer-top{display:flex;justify-content:space-between;gap:48px;margin-bottom:56px;flex-wrap:wrap}.footer-brand{max-width:260px}.footer-brand .nav-logo{margin-bottom:14px}.footer-brand p{color:var(--text-2);font-size:14px;line-height:1.65;margin-bottom:12px}.footer-rating{font-size:13px;color:rgba(248,250,255,0.55)}.footer-nav{display:flex;gap:48px;flex-wrap:wrap}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-col h4{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:rgba(248,250,255,0.55);margin-bottom:2px}.footer-col a{color:var(--text-2);text-decoration:none;font-size:14px;transition:color var(--t)}.footer-col a:hover{color:var(--text)}.footer-bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-top:24px;border-top:1px solid var(--border);font-size:13px;color:rgba(248,250,255,0.55)}@media (max-width:1080px){.hero-inner{grid-template-columns:1fr;gap:60px;text-align:center}.hero-left{display:flex;flex-direction:column;align-items:center}.hero-sub{max-width:560px}.hero-right{justify-content:center}.float-chip{display:none}.spotlight-grid{grid-template-columns:1fr;gap:48px}.spotlight-visual{display:none}.sp-step{display:none}.spotlight-content .section-title{text-align:center}.spotlight-content .section-sub{text-align:center;margin:0 auto 36px}}@media (max-width:960px){.bento-grid{grid-template-columns:repeat(2,1fr)}.bento-hero{grid-column:span 2;grid-row:span 1}.bento-wide{grid-column:span 2}.bento-tall{grid-row:span 1}.ai-cards{grid-template-columns:1fr;max-width:480px;margin:0 auto}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat-block{border-right:none;border-bottom:1px solid var(--border)}.stat-block:nth-child(odd){border-right:1px solid var(--border)}.stat-block:nth-last-child(-n+2){border-bottom:none}.testimonials-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.hiw-steps{grid-template-columns:1fr}.hiw-step::after{display:none}.footer-nav{gap:28px}}@media (max-width:640px){.bento-grid{grid-template-columns:1fr}.bento-hero,.bento-wide{grid-column:span 1}.nav-links{display:none;position:fixed;top:68px;left:0;right:0;bottom:0;flex-direction:column;background:rgba(5,7,15,0.98);padding:32px 24px;gap:20px;font-size:18px;z-index:99}.nav-links.open{display:flex}.nav .btn-nav{display:none}.nav-burger{display:flex}.hero-title{letter-spacing:-2px}.hero-buttons{flex-direction:column;align-items:center;width:100%}.btn-store{width:100%;max-width:260px}.stats-grid{grid-template-columns:repeat(2,1fr)}.cta-content{padding:48px 20px}.footer-top{flex-direction:column}.footer-nav{gap:20px}.footer-bottom{flex-direction:column}.section-header{margin-bottom:40px}}.lang-switcher{display:flex;gap:4px;align-items:center}.lang-btn{background:transparent;border:1px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.55);font-size:10px;font-weight:700;padding:4px 7px;border-radius:6px;cursor:pointer;transition:all 0.2s;font-family:inherit;letter-spacing:0.05em;line-height:1}.lang-btn:hover{border-color:rgba(255,255,255,0.35);color:rgba(255,255,255,0.9);background:rgba(255,255,255,0.05)}.lang-btn.active{background:#1e40af;border-color:#1e40af;color:#fff}@media (max-width:768px){.lang-switcher{gap:3px}.lang-btn{font-size:9px;padding:3px 5px}}@media (max-width:640px){.lang-switcher{display:none}.nav-links.open + .lang-switcher,.nav-inner .lang-switcher{display:none}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}.orb-1,.orb-2,.orb-3,.orb-4{animation:none !important}.pui-scanline{animation:none !important;top:50%;opacity:0.6}.scroll-progress{transition:none !important}}.skip-link{position:absolute;top:0;left:0;z-index:9999;padding:12px 20px;background:var(--blue);color:#fff;font-weight:600;font-size:14px;text-decoration:none;border-radius:0 0 var(--r) 0;transform:translateY(-100%);transition:transform 0.2s ease;outline:none}.skip-link:focus{transform:translateY(0)}@supports (animation-timeline:scroll()){.hero-title{animation:heroParallax linear both;animation-timeline:scroll();animation-range:0px 400px}@keyframes heroParallax{to{transform:translateY(-60px);opacity:0.4}}.scroll-progress{animation:progressGrow linear;animation-timeline:scroll();width:100% !important;transform-origin:left;transform:scaleX(0)}@keyframes progressGrow{to{transform:scaleX(1)}}}.apple-reveal{opacity:0;transform:translateY(40px) scale(0.98);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1)}.apple-reveal.visible{opacity:1;transform:translateY(0) scale(1)}.bento-grid .bento-card:nth-child(1){transition-delay:0ms}.bento-grid .bento-card:nth-child(2){transition-delay:60ms}.bento-grid .bento-card:nth-child(3){transition-delay:120ms}.bento-grid .bento-card:nth-child(4){transition-delay:180ms}.bento-grid .bento-card:nth-child(5){transition-delay:240ms}.bento-grid .bento-card:nth-child(6){transition-delay:300ms}.bento-grid .bento-card:nth-child(7){transition-delay:360ms}.bento-grid .bento-card:nth-child(8){transition-delay:420ms}.bento-grid .bento-card:nth-child(9){transition-delay:480ms}.bento-grid .bento-card:nth-child(10){transition-delay:540ms}.btn-store{position:relative;overflow:hidden}.btn-store::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,0.1),transparent 60%);opacity:0;transition:opacity 0.3s}.btn-store:hover::after{opacity:1}.ai-card::after{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.06),transparent);transition:left 0.6s ease;pointer-events:none}.ai-card:hover::after{left:150%}.bento-card{--glow-color:rgba(37,99,235,0.15);transition:all 0.3s cubic-bezier(0.16,1,0.3,1)}.bento-card:hover{box-shadow:0 0 0 1px rgba(37,99,235,0.25),0 20px 50px rgba(0,0,0,0.3),0 0 40px var(--glow-color)}.bento-hero{--glow-color:rgba(37,99,235,0.25)}.gradient-text{background-size:200% 100%;animation:gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.stat-big{transition:filter 0.3s}.stat-block:hover .stat-big{filter:drop-shadow(0 0 20px rgba(59,130,246,0.5))}.hero-phone{transition:transform 0.6s cubic-bezier(0.16,1,0.3,1);transform-style:preserve-3d}.hero-phone:hover{transform:perspective(1000px) rotateY(-8deg) rotateX(4deg) scale(1.02)}section{isolation:isolate}.trust-logos{animation:trustScroll 20s linear infinite;display:flex;gap:24px;width:max-content}.trust-logos:hover{animation-play-state:paused}@keyframes trustScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.hero-right::before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,rgba(37,99,235,0.12) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;animation:orbPulse 4s ease-in-out infinite}@keyframes orbPulse{0%,100%{transform:translate(-50%,-50%) scale(1);opacity:0.6}50%{transform:translate(-50%,-50%) scale(1.15);opacity:1}}.pui-scanline,.sp-line,.mini-scanline{box-shadow:0 0 12px rgba(59,130,246,0.8),0 0 24px rgba(59,130,246,0.4)}.marquee-inner{cursor:default}.cta-card{position:relative}.cta-card::before{content:'';position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,rgba(37,99,235,0.4),rgba(124,58,237,0.2),rgba(6,182,212,0.3));background-size:300% 300%;animation:borderGlow 5s ease-in-out infinite;z-index:-1}@keyframes borderGlow{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}.mobile-cta{display:none;position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:90;background:linear-gradient(135deg,var(--blue),var(--purple));color:white;font-weight:700;font-size:15px;padding:14px 32px;border-radius:100px;text-decoration:none;box-shadow:0 8px 32px rgba(37,99,235,0.45);opacity:0;pointer-events:none;transition:opacity 0.4s,transform 0.4s;white-space:nowrap}.mobile-cta.visible{opacity:1;pointer-events:auto}@media (max-width:768px){.mobile-cta{display:flex;align-items:center;gap:8px}}.back-to-top{position:fixed;bottom:28px;right:24px;z-index:95;width:44px;height:44px;border-radius:50%;background:rgba(15,23,42,0.85);border:1px solid rgba(255,255,255,0.12);color:rgba(255,255,255,0.8);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity 0.35s ease,transform 0.35s ease,background 0.2s,color 0.2s;backdrop-filter:blur(10px);box-shadow:0 4px 16px rgba(0,0,0,0.3)}.back-to-top:hover{background:rgba(37,99,235,0.85);color:#fff;border-color:rgba(37,99,235,0.5)}.back-to-top:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.back-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}@media (max-width:768px){.back-to-top{bottom:80px;right:16px}}@media (prefers-reduced-motion:reduce){.back-to-top{transition:opacity 0.2s;transform:none !important}}.faq-section{padding:90px 0}.faq-grid{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg-card);overflow:hidden;transition:border-color 0.25s}.faq-item.open{border-color:rgba(37,99,235,0.3)}.faq-q{padding:20px 24px;font-size:15px;font-weight:600;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none}.faq-q:hover{color:var(--blue-light)}.faq-icon{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:rgba(255,255,255,0.06);display:flex;align-items:center;justify-content:center;font-size:14px;transition:transform 0.3s,background 0.3s}.faq-item.open .faq-icon{transform:rotate(45deg);background:rgba(37,99,235,0.2)}.faq-a{max-height:0;overflow:hidden;padding:0 24px;font-size:14px;color:var(--text-2);line-height:1.7;transition:max-height 0.4s cubic-bezier(0.16,1,0.3,1),padding 0.3s}.faq-item.open .faq-a{max-height:200px;padding:0 24px 20px}.compare-section{padding:90px 0;background:var(--bg-2);border-top:1px solid var(--border)}.compare-table{width:100%;border-collapse:collapse;border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--border)}.compare-table th{padding:16px 20px;background:rgba(255,255,255,0.04);font-size:13px;font-weight:700;text-align:center;border-bottom:1px solid var(--border)}.compare-table th:first-child{text-align:left}.compare-table th.highlight{background:rgba(37,99,235,0.12);color:var(--blue-light)}.compare-table td{padding:14px 20px;font-size:13.5px;color:var(--text-2);border-bottom:1px solid rgba(255,255,255,0.04);text-align:center}.compare-table td:first-child{text-align:left;font-weight:500;color:var(--text)}.compare-table td.highlight{background:rgba(37,99,235,0.05)}.compare-table tr:last-child td{border-bottom:none}.check{color:#10B981;font-size:16px}.cross{color:rgba(255,255,255,0.2);font-size:16px}.partial{color:#F59E0B;font-size:12px;font-weight:600}.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg-card);border:1px solid var(--border);color:var(--text-2);cursor:pointer;transition:background 0.2s,color 0.2s,border-color 0.2s;flex-shrink:0}.theme-toggle:hover{background:var(--bg-card-h);border-color:var(--border-h);color:var(--text)}.theme-toggle svg{pointer-events:none}[data-theme="light"]{--bg:#F5F7FF;--bg-2:#EEF1FA;--bg-card:rgba(0,0,0,0.04);--bg-card-h:rgba(0,0,0,0.07);--border:rgba(0,0,0,0.09);--border-h:rgba(0,0,0,0.16);--text:#0A0E1A;--text-2:rgba(10,14,26,0.65);--text-3:rgba(10,14,26,0.40)}[data-theme="light"] body{background:var(--bg);color:var(--text)}[data-theme="light"] .nav{background:rgba(245,247,255,0.92);border-color:var(--border)}[data-theme="light"] .hero-bg{opacity:0.35}[data-theme="light"] .hero-title,[data-theme="light"] .section-title{color:var(--text)}[data-theme="light"] .hero-sub,[data-theme="light"] .section-sub{color:var(--text-2)}[data-theme="light"] .pui-frame{background:#E8ECFA;border-color:rgba(0,0,0,0.12)}[data-theme="light"] .pui-screen{background:#FFFFFF}[data-theme="light"] .feature-card{background:rgba(255,255,255,0.8)}[data-theme="light"] .compare-table th{background:rgba(0,0,0,0.04);color:var(--text)}[data-theme="light"] .compare-table td{color:var(--text-2);border-color:rgba(0,0,0,0.06)}[data-theme="light"] .compare-table td.highlight{background:rgba(37,99,235,0.06)}[data-theme="light"] .cross{color:rgba(0,0,0,0.18)}[data-theme="light"] .review-card{background:rgba(255,255,255,0.8)}[data-theme="light"] .footer{background:#EEF1FA;border-color:var(--border)}[data-theme="light"] .noise-overlay{opacity:0.02}.table-scroll-wrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--r);background:linear-gradient(to right,transparent 90%,rgba(37,99,235,0.08) 100%)}.table-scroll-wrap::-webkit-scrollbar{height:4px}.table-scroll-wrap::-webkit-scrollbar-track{background:var(--bg-2)}.table-scroll-wrap::-webkit-scrollbar-thumb{background:var(--blue);border-radius:2px}.table-swipe-hint{display:none;font-size:11px;color:var(--text-3);text-align:center;padding:6px 0 8px;letter-spacing:0.04em}@media (max-width:768px){.table-swipe-hint{display:block}.compare-table{min-width:620px;font-size:13px}.compare-table th,.compare-table td{padding:10px 10px}.compare-table th:first-child,.compare-table td:first-child{position:sticky;left:0;z-index:2;background:var(--bg-2);min-width:130px;font-size:12px}.compare-table td.highlight:first-child,.compare-table th.highlight{background:rgba(37,99,235,0.12)}}@media (max-width:480px){.compare-table{min-width:540px;font-size:12px}.compare-table th:first-child,.compare-table td:first-child{min-width:110px}}[data-theme="light"] .compare-table th:first-child,[data-theme="light"] .compare-table td:first-child{background:#F0F3FF}.hero-cycle-wrap{display:inline-block;position:relative;min-width:2ch}#heroCycleWord{display:inline-block;animation:none}#heroCycleWord.cycle-out{animation:cycleOut 0.35s cubic-bezier(0.4,0,0.2,1) forwards}#heroCycleWord.cycle-in{animation:cycleIn 0.45s cubic-bezier(0.22,1,0.36,1) forwards}@keyframes cycleOut{0%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-20px) scale(0.92)}}@keyframes cycleIn{0%{opacity:0;transform:translateY(22px) scale(0.92)}100%{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion:reduce){#heroCycleWord.cycle-out,#heroCycleWord.cycle-in{animation:none;opacity:1;transform:none}}.press-section{padding:36px 0 28px;border-top:1px solid rgba(255,255,255,0.06);border-bottom:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.015)}.press-label{text-align:center;font-size:0.75rem;text-transform:uppercase;letter-spacing:0.12em;color:rgba(255,255,255,0.62);margin:0 0 20px;font-weight:500}.press-logos{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 24px}.press-logo{display:flex;align-items:center;gap:6px;color:rgba(255,255,255,0.5);text-decoration:none;transition:color 0.2s,opacity 0.2s;padding:8px 16px;border-radius:10px;border:1px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.03)}.press-logo:hover{color:rgba(255,255,255,0.9);border-color:rgba(255,255,255,0.15);background:rgba(255,255,255,0.06)}.press-logo svg{height:22px;width:auto}.press-logo-text{flex-direction:column;gap:2px;cursor:default}.press-stars{color:#F59E0B;font-size:0.85rem;letter-spacing:1px}.press-source{font-size:0.7rem;color:rgba(255,255,255,0.63);font-weight:600}.press-logo-badge{flex-direction:column;gap:1px;cursor:default;min-width:64px;justify-content:center;text-align:center}.press-badge-num{font-size:1rem;font-weight:800;color:rgba(255,255,255,0.75);line-height:1}.press-badge-sub{font-size:0.65rem;color:rgba(255,255,255,0.63);text-transform:uppercase;letter-spacing:0.05em;font-weight:600}.press-logo-free .press-badge-num{background:linear-gradient(135deg,#10B981,#06B6D4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media (max-width:600px){.press-logos{gap:8px 12px}.press-logo{padding:6px 12px;font-size:0.8rem}}.floating-cta{display:none;position:fixed;bottom:0;left:0;right:0;z-index:1000;padding:0 12px 12px;pointer-events:none;transform:translateY(110%);transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1)}.floating-cta.visible{transform:translateY(0);pointer-events:auto}.floating-cta.hidden{transform:translateY(110%);pointer-events:none}.floating-cta-inner{background:rgba(15,17,30,0.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(99,102,241,0.35);border-radius:18px;padding:14px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 -4px 32px rgba(0,0,0,0.5),0 0 0 1px rgba(99,102,241,0.1)}.floating-cta-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.floating-cta-title{font-size:0.9rem;font-weight:700;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.floating-cta-sub{font-size:0.72rem;color:rgba(255,255,255,0.55);white-space:nowrap}.floating-cta-buttons{display:flex;gap:8px;flex-shrink:0}.floating-btn{display:flex;align-items:center;gap:5px;padding:8px 13px;border-radius:10px;font-size:0.78rem;font-weight:600;text-decoration:none;transition:transform 0.15s ease,opacity 0.15s ease;white-space:nowrap}.floating-btn:active{transform:scale(0.95);opacity:0.85}.floating-btn-apple{background:#fff;color:#000}.floating-btn-google{background:linear-gradient(135deg,#4285F4 0%,#34A853 100%);color:#fff}.floating-cta-close{background:rgba(255,255,255,0.08);border:none;color:rgba(255,255,255,0.45);cursor:pointer;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.7rem;flex-shrink:0;transition:background 0.2s,color 0.2s;padding:0;line-height:1}.floating-cta-close:hover{background:rgba(255,255,255,0.16);color:#fff}@media (max-width:768px){.floating-cta{display:block}}@media (prefers-reduced-motion:reduce){.floating-cta{transition:none}}.newsletter-section{padding:72px 0 40px}.newsletter-card{background:linear-gradient(135deg,rgba(124,58,237,0.07) 0%,rgba(59,130,246,0.05) 100%);border:1px solid rgba(124,58,237,0.18);border-radius:24px;padding:48px 56px;display:grid;grid-template-columns:80px 1fr auto;gap:36px;align-items:center;position:relative;overflow:hidden}.newsletter-card::before{content:'';position:absolute;top:-80px;right:-80px;width:240px;height:240px;background:radial-gradient(circle,rgba(124,58,237,0.13),transparent 70%);pointer-events:none}.newsletter-icon{width:72px;height:72px;background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.22);border-radius:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.newsletter-eyebrow{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#7C3AED;margin:0 0 8px}.newsletter-title{font-size:clamp(20px,2.4vw,28px);font-weight:700;margin:0 0 8px;line-height:1.2}.newsletter-sub{font-size:14px;color:var(--text-muted,rgba(255,255,255,0.55));margin:0 0 20px;max-width:400px;line-height:1.6}.newsletter-form{display:flex;flex-direction:column;gap:8px}.newsletter-input-wrap{display:flex;gap:8px;max-width:440px}.newsletter-input{flex:1;padding:11px 16px;border-radius:12px;border:1px solid rgba(255,255,255,0.1);background:rgba(255,255,255,0.05);color:inherit;font-size:14px;outline:none;transition:border-color .2s,box-shadow .2s}.newsletter-input:focus{border-color:#7C3AED;box-shadow:0 0 0 3px rgba(124,58,237,0.15)}.newsletter-input.error{border-color:#EF4444;box-shadow:0 0 0 3px rgba(239,68,68,0.12)}.newsletter-btn{padding:11px 20px;background:linear-gradient(135deg,#7C3AED,#3B82F6);color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity .2s,transform .1s;min-width:130px}.newsletter-btn:hover{opacity:.88}.newsletter-btn:active{transform:scale(.97)}.newsletter-btn:disabled{opacity:.6;cursor:default}.newsletter-legal{font-size:12px;color:var(--text-muted,rgba(255,255,255,0.4));margin:2px 0 0}.newsletter-success{display:none;align-items:center;gap:10px;color:#22C55E;font-weight:600;font-size:15px;padding:10px 0}.newsletter-success.visible{display:flex}.newsletter-trust{display:flex;flex-direction:column;gap:14px;flex-shrink:0;min-width:140px}.trust-item{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--text-muted,rgba(255,255,255,0.55));white-space:nowrap}@media (max-width:900px){.newsletter-card{grid-template-columns:1fr;padding:32px 24px;gap:20px}.newsletter-icon{display:none}.newsletter-trust{flex-direction:row;flex-wrap:wrap;gap:10px}.newsletter-input-wrap{flex-direction:column}.newsletter-btn{width:100%;text-align:center}}@media (prefers-reduced-motion:reduce){.newsletter-btn,.newsletter-input{transition:none}}.pwa-banner{position:fixed;bottom:80px;left:50%;transform:translateX(-50%) translateY(120%);z-index:9990;width:min(480px,calc(100vw - 32px));background:rgba(18,20,32,0.96);border:1px solid rgba(255,255,255,0.12);border-radius:20px;box-shadow:0 8px 40px rgba(0,0,0,0.6),0 0 0 1px rgba(99,102,241,0.2);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);opacity:0;transition:transform 0.4s cubic-bezier(0.34,1.56,0.64,1),opacity 0.4s ease;will-change:transform,opacity}.pwa-banner--show{transform:translateX(-50%) translateY(0);opacity:1}.pwa-banner-inner{display:flex;align-items:center;gap:12px;padding:16px 18px}.pwa-banner-icon{width:48px;height:48px;background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.pwa-banner-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.pwa-banner-text strong{font-size:13.5px;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pwa-banner-text span{font-size:11.5px;color:rgba(255,255,255,0.5)}.pwa-btn-install{background:linear-gradient(135deg,#6366f1 0%,#a855f7 100%);color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:opacity 0.2s;flex-shrink:0}.pwa-btn-install:hover{opacity:0.85}.pwa-btn-close{background:none;border:none;color:rgba(255,255,255,0.4);cursor:pointer;font-size:14px;padding:4px 6px;line-height:1;border-radius:6px;transition:color 0.2s;flex-shrink:0}.pwa-btn-close:hover{color:rgba(255,255,255,0.8)}@media (max-width:500px){.pwa-banner{bottom:90px}.pwa-banner-text strong{font-size:12px}}@media (prefers-reduced-motion:reduce){.pwa-banner{transition:opacity 0.3s ease;transform:translateX(-50%) !important}}.hero-qr-widget{display:none;align-items:center;gap:20px;margin-top:20px;padding:14px 20px;background:rgba(255,255,255,0.04);border:1px solid rgba(255,255,255,0.08);border-radius:16px;backdrop-filter:blur(12px);transition:border-color 0.3s}.hero-qr-widget:hover{border-color:rgba(255,255,255,0.15)}@media (min-width:900px){.hero-qr-widget{display:flex}}.hero-qr-label{font-size:11px;font-weight:600;color:rgba(255,255,255,0.45);text-transform:uppercase;letter-spacing:0.08em;line-height:1.4;max-width:90px}.hero-qr-codes{display:flex;align-items:center;gap:16px}.hero-qr-item{display:flex;flex-direction:column;align-items:center;gap:6px}.hero-qr-item img{width:80px;height:80px;border-radius:10px;background:#fff;padding:4px;display:block;transition:transform 0.2s}.hero-qr-item img:hover{transform:scale(1.05)}.hero-qr-item-label{font-size:11px;color:rgba(255,255,255,0.4);font-weight:500}.hero-qr-divider{width:1px;height:50px;background:rgba(255,255,255,0.08)}.activity-toast{position:fixed;bottom:28px;left:28px;z-index:8999;pointer-events:none}.activity-toast-inner{display:flex;align-items:center;gap:12px;background:rgba(10,14,30,0.96);border:1px solid rgba(255,255,255,0.1);border-radius:14px;padding:12px 16px;min-width:260px;max-width:320px;backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,0.5),0 0 0 1px rgba(255,255,255,0.04);opacity:0;transform:translateY(16px);transition:opacity 0.4s ease,transform 0.4s ease}.activity-toast-inner.show{opacity:1;transform:translateY(0)}.activity-toast-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#3B82F6 0%,#8B5CF6 100%);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.activity-toast-text{flex:1;min-width:0}.activity-toast-name{font-size:13px;font-weight:600;color:#E2E8F0;margin-bottom:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-toast-action{font-size:12px;color:rgba(255,255,255,0.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-toast-time{font-size:11px;color:rgba(255,255,255,0.3);white-space:nowrap;flex-shrink:0}@media (max-width:768px){.activity-toast{display:none}}@media (prefers-reduced-motion:reduce){.activity-toast-inner{transition:opacity 0.2s ease;transform:none !important}}.bento-grid{perspective:1400px}.bento-card{transform-style:preserve-3d;will-change:transform}.bento-card::after{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient( circle at var(--bento-mx,50%) var(--bento-my,50%),rgba(255,255,255,0.07) 0%,rgba(255,255,255,0.03) 30%,transparent 65% );pointer-events:none;opacity:0;transition:opacity 0.25s ease;z-index:1}.bento-card.tilt-active::after{opacity:1}@media (prefers-reduced-motion:reduce){.bento-card{transform-style:flat;will-change:auto}.bento-card::after{display:none}}[data-theme="light"]{--bg:#F8F9FF;--bg-2:#F0F2FB;--bg-card:rgba(255,255,255,0.9);--bg-card-h:rgba(255,255,255,1);--border:rgba(0,0,0,0.08);--border-h:rgba(37,99,235,0.25);--text:#0C1024;--text-2:rgba(12,16,36,0.65);--text-3:rgba(12,16,36,0.38);--blue:#1D4ED8;--blue-b:#2563EB;--blue-light:#1E40AF;--purple:#6D28D9;--purple-b:#7C3AED;--purple-light:#5B21B6;--cyan:#0891B2;--cyan-light:#0E7490;--green:#059669}[data-theme="light"] body{background:var(--bg);color:var(--text)}[data-theme="light"] .nav{background:rgba(248,249,255,0.95);border-color:rgba(0,0,0,0.08)}[data-theme="light"] .nav.scrolled{background:rgba(248,249,255,0.97)}[data-theme="light"] .nav-links a{color:rgba(12,16,36,0.6)}[data-theme="light"] .nav-links a:hover{color:var(--text)}[data-theme="light"] .btn-nav{background:#0C1024;color:#F8F9FF}[data-theme="light"] .logo-text{color:var(--text)}[data-theme="light"] .hero-bg{opacity:0.18}[data-theme="light"] .grid-overlay{opacity:0.4}[data-theme="light"] .noise-overlay{opacity:0.015}[data-theme="light"] .hero-title{color:var(--text)}[data-theme="light"] .gradient-text{background:linear-gradient(135deg,#1D4ED8 0%,#2563EB 40%,#7C3AED 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme="light"] .hero-badge{background:rgba(37,99,235,0.08);border-color:rgba(37,99,235,0.2);color:#1D4ED8}[data-theme="light"] .badge-dot{background:#059669}[data-theme="light"] .hero-sub{color:var(--text-2)}[data-theme="light"] .hstat-num{color:var(--text)}[data-theme="light"] .hstat-label{color:var(--text-3)}[data-theme="light"] .hstat-div{background:rgba(0,0,0,0.1)}[data-theme="light"] .btn-store{background:white;border-color:rgba(0,0,0,0.12);box-shadow:0 2px 12px rgba(0,0,0,0.08)}[data-theme="light"] .btn-store:hover{background:#F0F4FF;border-color:rgba(37,99,235,0.3);box-shadow:0 6px 24px rgba(37,99,235,0.15)}[data-theme="light"] .btn-sub{color:rgba(12,16,36,0.45)}[data-theme="light"] .btn-main{color:var(--text)}[data-theme="light"] .phone-shell{background:#1A1F2E;border-color:rgba(0,0,0,0.2);box-shadow:0 40px 80px rgba(0,0,0,0.25),0 0 0 1px rgba(0,0,0,0.08)}[data-theme="light"] .trust-bar{background:#F0F2FB;border-color:rgba(0,0,0,0.06)}[data-theme="light"] .review-pill{background:white;border-color:rgba(0,0,0,0.08)}[data-theme="light"] .review-pill span{color:var(--text)}[data-theme="light"] .section-eyebrow{background:rgba(37,99,235,0.08);border-color:rgba(37,99,235,0.18);color:#1D4ED8}[data-theme="light"] .section-title{color:var(--text)}[data-theme="light"] .section-sub{color:var(--text-2)}[data-theme="light"] .bento-card{background:white;border-color:rgba(0,0,0,0.08);box-shadow:0 2px 12px rgba(0,0,0,0.05)}[data-theme="light"] .bento-card:hover{box-shadow:0 8px 32px rgba(37,99,235,0.12),0 0 0 1px rgba(37,99,235,0.15);border-color:rgba(37,99,235,0.2)}[data-theme="light"] .bento-card h3{color:var(--text)}[data-theme="light"] .bento-card p{color:var(--text-2)}[data-theme="light"] .bento-hero{background:linear-gradient(135deg,rgba(37,99,235,0.06),rgba(37,99,235,0.02));border-color:rgba(37,99,235,0.15)}[data-theme="light"] .bento-tag.new-tag{background:rgba(5,150,105,0.08);border-color:rgba(5,150,105,0.2);color:#065F46}[data-theme="light"] .bento-tag.ai-tag{background:rgba(109,40,217,0.08);border-color:rgba(109,40,217,0.18);color:#5B21B6}[data-theme="light"] .bento-icon{background:rgba(37,99,235,0.07);border-color:rgba(37,99,235,0.12);color:#1D4ED8}[data-theme="light"] .bento-icon-scan{background:rgba(37,99,235,0.1);color:#1D4ED8}[data-theme="light"] .bento-icon-ai{background:rgba(109,40,217,0.08);color:#5B21B6}[data-theme="light"] .chat-msg.chat-out{background:#1D4ED8;color:white}[data-theme="light"] .chat-msg.chat-in{background:rgba(0,0,0,0.05);color:var(--text-2)}[data-theme="light"] .scanner-spotlight{background:#F0F2FB;border-color:rgba(0,0,0,0.06)}[data-theme="light"] .spotlight-phone{background:#1A1F2E;border-color:rgba(0,0,0,0.15);box-shadow:0 30px 60px rgba(0,0,0,0.2)}[data-theme="light"] .feat-item{background:white;border-color:rgba(0,0,0,0.07)}[data-theme="light"] .feat-item:hover{background:rgba(37,99,235,0.03);border-color:rgba(37,99,235,0.15)}[data-theme="light"] .feat-item strong{color:var(--text)}[data-theme="light"] .feat-item p{color:var(--text-2)}[data-theme="light"] .ai-card{border-color:rgba(0,0,0,0.08)}[data-theme="light"] .ai-blue{background:linear-gradient(145deg,rgba(37,99,235,0.06),rgba(37,99,235,0.01));border-color:rgba(37,99,235,0.12)}[data-theme="light"] .ai-purple{background:linear-gradient(145deg,rgba(109,40,217,0.06),rgba(109,40,217,0.01));border-color:rgba(109,40,217,0.12)}[data-theme="light"] .ai-cyan{background:linear-gradient(145deg,rgba(8,145,178,0.06),rgba(8,145,178,0.01));border-color:rgba(8,145,178,0.12)}[data-theme="light"] .ai-card h3{color:var(--text)}[data-theme="light"] .ai-card p{color:var(--text-2)}[data-theme="light"] .ai-badge{background:rgba(0,0,0,0.06);color:rgba(12,16,36,0.45)}[data-theme="light"] .ai-feature-pills span{background:rgba(0,0,0,0.05);border-color:rgba(0,0,0,0.08);color:var(--text-2)}[data-theme="light"] .ai-blue .ai-icon{background:rgba(37,99,235,0.1)}[data-theme="light"] .ai-purple .ai-icon{background:rgba(109,40,217,0.1)}[data-theme="light"] .ai-cyan .ai-icon{background:rgba(8,145,178,0.1)}[data-theme="light"] .stats-section{background:#EEF1FA;border-color:rgba(0,0,0,0.06)}[data-theme="light"] .stats-section::before{background:radial-gradient(ellipse at 50% 50%,rgba(37,99,235,0.05),transparent 70%)}[data-theme="light"] .stat-big{background:linear-gradient(135deg,var(--text) 0%,rgba(12,16,36,0.65) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}[data-theme="light"] .stat-desc{color:var(--text-3)}[data-theme="light"] .stat-block{border-color:rgba(0,0,0,0.07)}[data-theme="light"] .tcard{background:white;border-color:rgba(0,0,0,0.07);box-shadow:0 2px 12px rgba(0,0,0,0.05)}[data-theme="light"] .tcard:hover{box-shadow:0 8px 30px rgba(0,0,0,0.1);border-color:rgba(37,99,235,0.15)}[data-theme="light"] .tcard p{color:var(--text-2)}[data-theme="light"] .tcard-author strong{color:var(--text)}[data-theme="light"] .tcard-author span{color:var(--text-3)}[data-theme="light"] .hiw-section{background:#F0F2FB;border-color:rgba(0,0,0,0.06)}[data-theme="light"] .hiw-num{color:#1D4ED8}[data-theme="light"] .hiw-step h3{color:var(--text)}[data-theme="light"] .hiw-step p{color:var(--text-2)}[data-theme="light"] .hiw-step::after{background:rgba(0,0,0,0.1)}[data-theme="light"] .faq-item{background:white;border-color:rgba(0,0,0,0.08)}[data-theme="light"] .faq-item.open{border-color:rgba(37,99,235,0.2)}[data-theme="light"] .faq-q{color:var(--text)}[data-theme="light"] .faq-a{color:var(--text-2)}[data-theme="light"] .faq-icon{background:rgba(0,0,0,0.05);color:var(--text-3)}[data-theme="light"] .faq-item.open .faq-icon{background:rgba(37,99,235,0.1);color:#1D4ED8}[data-theme="light"] .compare-section{background:#EEF1FA;border-color:rgba(0,0,0,0.06)}[data-theme="light"] .compare-table{background:white;border-color:rgba(0,0,0,0.08)}[data-theme="light"] .compare-table th{background:rgba(0,0,0,0.03);color:var(--text);border-color:rgba(0,0,0,0.08)}[data-theme="light"] .compare-table th.highlight{background:rgba(37,99,235,0.07);color:#1D4ED8}[data-theme="light"] .compare-table td{color:var(--text-2);border-color:rgba(0,0,0,0.05)}[data-theme="light"] .compare-table td:first-child{color:var(--text)}[data-theme="light"] .compare-table td.highlight{background:rgba(37,99,235,0.03)}[data-theme="light"] .cta-card{background:linear-gradient(135deg,rgba(37,99,235,0.06),rgba(109,40,217,0.03));border-color:rgba(37,99,235,0.15)}[data-theme="light"] .cta-content h2{color:var(--text)}[data-theme="light"] .cta-content p{color:var(--text-2)}[data-theme="light"] .cta-badge{background:rgba(5,150,105,0.08);border-color:rgba(5,150,105,0.18);color:#065F46}[data-theme="light"] .footer{background:#EEF1FA;border-color:rgba(0,0,0,0.07)}[data-theme="light"] .footer-brand p{color:var(--text-2)}[data-theme="light"] .footer-col h4{color:rgba(10,14,26,0.65)}[data-theme="light"] .footer-rating{color:rgba(10,14,26,0.65)}[data-theme="light"] .footer-col a{color:var(--text-2)}[data-theme="light"] .footer-col a:hover{color:var(--text)}[data-theme="light"] .footer-bottom{color:rgba(10,14,26,0.65);border-color:rgba(0,0,0,0.07)}[data-theme="light"] .logo-text{color:var(--text) !important}[data-theme="light"] .float-chip{background:white;border-color:rgba(0,0,0,0.1);color:var(--text);box-shadow:0 4px 16px rgba(0,0,0,0.1)}[data-theme="light"] .sp-step{background:white;border-color:rgba(0,0,0,0.1);color:var(--text)}[data-theme="light"] .scroll-progress{background:linear-gradient(90deg,var(--blue-b),var(--purple-b))}[data-theme="light"] .marquee-section{background:#F0F2FB;border-color:rgba(0,0,0,0.06)}[data-theme="light"] .trust-pill{background:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.08);color:var(--text-2)}[data-theme="light"] .back-to-top{background:white;border-color:rgba(0,0,0,0.1);color:var(--text);box-shadow:0 4px 16px rgba(0,0,0,0.1)}[data-theme="light"] .email-section{background:#F0F2FB;border-color:rgba(0,0,0,0.06)}[data-theme="light"] .email-input{background:white;border-color:rgba(0,0,0,0.15);color:var(--text)}[data-theme="light"] .email-input::placeholder{color:var(--text-3)}[data-theme="light"] .email-trust-badge{color:var(--text-3)}[data-theme="light"] .cookie-banner{background:rgba(240,242,251,0.98);border-color:rgba(0,0,0,0.1);color:var(--text)}[data-theme="light"] .cookie-banner p{color:var(--text-2)}[data-theme="light"] .pwa-banner{background:rgba(248,249,255,0.97);border-color:rgba(0,0,0,0.1)}[data-theme="light"] .pwa-banner-title{color:var(--text)}[data-theme="light"] .pwa-banner-sub{color:var(--text-2)}[data-theme="light"] .activity-toast{background:white;border-color:rgba(0,0,0,0.1);box-shadow:0 4px 20px rgba(0,0,0,0.12)}[data-theme="light"] .activity-toast-name{color:var(--text)}[data-theme="light"] .activity-toast-action{color:var(--text-2)}[data-theme="light"] .press-section{background:#F0F2FB;border-color:rgba(0,0,0,0.06)}[data-theme="light"] .press-badge{background:white;border-color:rgba(0,0,0,0.08);color:var(--text-2);box-shadow:0 2px 8px rgba(0,0,0,0.05)}[data-theme="light"] .press-badge:hover{border-color:rgba(37,99,235,0.2);color:#1D4ED8}[data-theme="light"] .newsletter-section{background:white;border-color:rgba(0,0,0,0.06)}[data-theme="light"] .mobile-cta-bar{background:white;border-color:rgba(0,0,0,0.1);box-shadow:0 -4px 20px rgba(0,0,0,0.1)}[data-theme="light"] .mobile-cta-bar p{color:var(--text-2)}[data-theme="light"] .qr-widget{background:white;border-color:rgba(0,0,0,0.08)}[data-theme="light"] .qr-label{color:var(--text-2)}.hero-buttons{display:flex;gap:14px;flex-wrap:wrap;justify-content:flex-start;margin-bottom:36px}@media (max-width:1080px){.hero-buttons{justify-content:center}}@media (max-width:1080px){.hero-stats{justify-content:center}.hero-left{align-items:center;text-align:center}.hero-sub{text-align:center}.hero-badge{text-align:center}}.section-header{text-align:center;display:flex;flex-direction:column;align-items:center}.section-header .section-eyebrow{align-self:center}.section-header .section-title{text-align:center}.section-header .section-sub{text-align:center}.bento-grid{align-items:start}.compare-section .section-header{margin-bottom:40px}.cta-content{display:flex;flex-direction:column;align-items:center}.cta-buttons{justify-content:center}.footer-brand{display:flex;flex-direction:column}.hero-trust-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;margin-bottom:0;justify-content:flex-start}@media (max-width:1080px){.hero-trust-badges{justify-content:center}}.stat-block{text-align:center;display:flex;flex-direction:column;align-items:center}.hiw-step{text-align:center;display:flex;flex-direction:column;align-items:center}.tcard-stars{text-align:left}.pui-scan-bg{background:radial-gradient(ellipse at 50% 40%,#0A1628 0%,#020408 100%)}.pui-scan-frame::after{content:'';position:absolute;inset:0;background:radial-gradient(circle 2px at 50% 50%,rgba(59,130,246,0.3),transparent)}.pui-scan-bg::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(59,130,246,0.04) 0%,transparent 50%,rgba(139,92,246,0.04) 100%);pointer-events:none}.phone-shell{position:relative}.phone-shell::after{content:'';position:absolute;inset:-2px;border-radius:inherit;background:linear-gradient(135deg,rgba(59,130,246,0.3),rgba(139,92,246,0.2),rgba(6,182,212,0.15));z-index:-1;filter:blur(8px);opacity:0;transition:opacity 0.5s}.hero-phone:hover .phone-shell::after{opacity:1}.bento-icon svg{transition:transform 0.3s ease}.bento-card:hover .bento-icon svg{transform:scale(1.15) rotate(-3deg)}.ai-card{position:relative}.ai-card::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.12),transparent)}[data-theme="light"] .ai-card::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,0.8),transparent)}.stats-grid{position:relative}.stats-grid::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 24.9%,var(--border) 25%,transparent 25.1%),linear-gradient(90deg,transparent 49.9%,var(--border) 50%,transparent 50.1%),linear-gradient(90deg,transparent 74.9%,var(--border) 75%,transparent 75.1%);pointer-events:none}.mock-scan-controls{background:#0E1421}.phone-ui-rich{height:100%;display:flex;flex-direction:column;background:#070C18}.pui-screen-slide{display:none;flex-direction:column;height:100%;animation:slideIn 0.5s cubic-bezier(0.16,1,0.3,1)}.pui-screen-slide.active{display:flex}@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.pui-topbar-rich{height:50px;background:rgba(255,255,255,0.04);border-bottom:1px solid rgba(255,255,255,0.06);display:flex;align-items:center;padding:0 14px;gap:8px;padding-top:10px;flex-shrink:0}.pui-app-icon{width:26px;height:26px;border-radius:7px;background:linear-gradient(135deg,#2563EB,#7C3AED);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pui-app-icon.pui-icon-purple{background:linear-gradient(135deg,#7C3AED,#EC4899)}.pui-screen-label{font-size:12px;font-weight:600;color:white;flex:1}.pui-torch-btn,.pui-ai-badge{width:24px;height:24px;border-radius:6px;background:rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center}.pui-ai-badge{font-size:8px;font-weight:800;color:#C4B5FD;letter-spacing:0.5px;background:rgba(124,58,237,0.2);border:1px solid rgba(124,58,237,0.3);width:auto;padding:0 6px}.pui-filter-row{display:flex;gap:6px;padding:8px 12px;flex-shrink:0;background:rgba(0,0,0,0.2)}.pui-filter{padding:3px 10px;border-radius:100px;font-size:9px;font-weight:600;background:rgba(255,255,255,0.07);color:rgba(255,255,255,0.5);cursor:pointer}.pui-filter.active{background:rgba(37,99,235,0.3);color:#93C5FD;border:1px solid rgba(37,99,235,0.4)}.pui-shutter{width:52px;height:52px;border-radius:50%;background:white;border:3px solid rgba(255,255,255,0.3);box-shadow:0 0 20px rgba(255,255,255,0.2);display:flex;align-items:center;justify-content:center}.pui-shutter-inner{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#E8EEFF,#C7D2FE)}.pui-ctrl-green{color:#10B981 !important;border-color:rgba(16,185,129,0.3)}.pui-doc-preview-bar{display:flex;align-items:center;gap:8px;padding:8px 12px;background:rgba(37,99,235,0.1);border-bottom:1px solid rgba(37,99,235,0.15);flex-shrink:0}.pui-doc-thumb{width:22px;height:26px;border-radius:3px;background:rgba(37,99,235,0.2);display:flex;align-items:center;justify-content:center}.pui-doc-name{font-size:10px;font-weight:600;color:rgba(255,255,255,0.85);flex:1}.pui-doc-pages{font-size:9px;color:rgba(255,255,255,0.4)}.pui-chat-msgs{flex:1;padding:10px 10px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.pui-msg{padding:7px 10px;border-radius:10px;font-size:10px;line-height:1.5;max-width:85%}.pui-msg-out{background:linear-gradient(135deg,#1D4ED8,#2563EB);color:white;align-self:flex-end;border-radius:10px 10px 2px 10px}.pui-msg-in{background:rgba(255,255,255,0.06);color:rgba(255,255,255,0.75);align-self:flex-start;border-radius:10px 10px 10px 2px;display:flex;gap:5px;align-items:flex-start}.pui-msg-ai-dot{width:6px;height:6px;border-radius:50%;background:#A78BFA;flex-shrink:0;margin-top:3px}.pui-typing{display:flex;gap:4px;align-items:center;padding:8px 10px;background:rgba(255,255,255,0.05);border-radius:10px;align-self:flex-start;width:fit-content}.pui-typing-dot{width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,0.4);animation:typingBounce 1.2s ease-in-out infinite}.pui-typing-dot:nth-child(2){animation-delay:0.2s}.pui-typing-dot:nth-child(3){animation-delay:0.4s}@keyframes typingBounce{0%,60%,100%{transform:translateY(0);opacity:0.4}30%{transform:translateY(-4px);opacity:1}}.pui-chat-input-bar{display:flex;align-items:center;gap:6px;padding:8px 10px;background:rgba(0,0,0,0.3);border-top:1px solid rgba(255,255,255,0.06);flex-shrink:0}.pui-chat-input{flex:1;background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.08);border-radius:20px;padding:5px 10px;font-size:9.5px;color:rgba(255,255,255,0.4);outline:none}.pui-send-btn{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,#2563EB,#7C3AED);display:flex;align-items:center;justify-content:center;flex-shrink:0}.pui-tools-dash{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:10px;flex-shrink:0}.pui-tool-card{border-radius:12px;padding:10px 8px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:9px;font-weight:600;color:white}.pui-tool-scan{background:linear-gradient(135deg,#1D4ED8,#2563EB)}.pui-tool-merge{background:linear-gradient(135deg,#065F46,#059669)}.pui-tool-compress{background:linear-gradient(135deg,#92400E,#D97706)}.pui-tool-sign{background:linear-gradient(135deg,#831843,#EC4899)}.pui-tool-chat{background:linear-gradient(135deg,#5B21B6,#7C3AED)}.pui-tool-ocr{background:linear-gradient(135deg,#0E7490,#06B6D4)}.pui-recent-label{font-size:10px;font-weight:700;color:rgba(255,255,255,0.4);padding:0 12px 6px;letter-spacing:0.5px;text-transform:uppercase}.pui-recent-list{display:flex;flex-direction:column;gap:0;padding:0 10px}.pui-recent-item{display:flex;align-items:center;gap:10px;padding:8px 6px;border-radius:8px;border-bottom:1px solid rgba(255,255,255,0.04)}.pui-recent-icon{width:28px;height:34px;border-radius:5px;flex-shrink:0}.pui-ri-blue{background:linear-gradient(135deg,#1D4ED8,#3B82F6)}.pui-ri-purple{background:linear-gradient(135deg,#5B21B6,#8B5CF6)}.pui-ri-name{font-size:10px;font-weight:600;color:rgba(255,255,255,0.8);margin-bottom:2px}.pui-ri-meta{font-size:9px;color:rgba(255,255,255,0.3)}.phone-screen-dots{position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);display:flex;gap:6px}.screen-dot{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,0.2);cursor:pointer;transition:all 0.3s}.screen-dot.active{background:white;width:18px;border-radius:3px}[data-theme="light"] .bento-card{background:white;border:1px solid rgba(0,0,0,0.09);box-shadow:0 1px 3px rgba(0,0,0,0.06),0 4px 16px rgba(0,0,0,0.04)}[data-theme="light"] .bento-hero{background:linear-gradient(135deg,rgba(37,99,235,0.06) 0%,rgba(37,99,235,0.02) 100%);border:1px solid rgba(37,99,235,0.14);box-shadow:0 2px 16px rgba(37,99,235,0.08)}[data-theme="light"] .ai-card{background:white;box-shadow:0 2px 16px rgba(0,0,0,0.06)}[data-theme="light"] .ai-blue{border-left:3px solid rgba(37,99,235,0.4)}[data-theme="light"] .ai-purple{border-left:3px solid rgba(124,58,237,0.4)}[data-theme="light"] .ai-cyan{border-left:3px solid rgba(6,182,212,0.4)}[data-theme="light"] .tcard{background:white;box-shadow:0 2px 12px rgba(0,0,0,0.06);border:1px solid rgba(0,0,0,0.07)}[data-theme="light"] .step-card,[data-theme="light"] .hiw-step{background:white;border:1px solid rgba(0,0,0,0.08);box-shadow:0 2px 12px rgba(0,0,0,0.04)}[data-theme="light"] .stat-big{background:linear-gradient(135deg,#0C1024 0%,#1D4ED8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:clamp(32px,4.5vw,52px)}[data-theme="light"] .stat-block{border-color:rgba(0,0,0,0.08)}[data-theme="light"] .stats-section{background:#EBF0FF}[data-theme="light"] .section-title{color:#0C1024}[data-theme="light"] .section-sub{color:rgba(12,16,36,0.6)}[data-theme="light"] .section-eyebrow{color:#1D4ED8}[data-theme="light"] .faq-section{background:white}[data-theme="light"] .faq-item{box-shadow:0 1px 6px rgba(0,0,0,0.06)}[data-theme="light"] .compare-section{background:#EBF0FF}[data-theme="light"] .testimonials{background:white}[data-theme="light"] .scanner-spotlight{background:#EBF0FF}[data-theme="light"] .feat-item{background:white;box-shadow:0 1px 6px rgba(0,0,0,0.05)}[data-theme="light"] .hiw-section{background:#EBF0FF}[data-theme="light"] .reveal.visible{opacity:1;transform:none}[data-theme="light"] .gradient-text{background:linear-gradient(135deg,#1D4ED8 0%,#2563EB 40%,#7C3AED 80%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.rating-aggregate{display:flex;align-items:center;gap:32px;max-width:520px;margin:48px auto 0;padding:28px 32px;background:var(--bg-card);border:1px solid var(--border);border-radius:20px}.rating-score{font-size:56px;font-weight:800;line-height:1;background:linear-gradient(135deg,var(--accent),var(--accent-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;min-width:80px;text-align:center}.rating-details{flex:1}.rating-stars-row{font-size:18px;margin-bottom:4px}.rating-meta{font-size:12px;color:var(--text-3);line-height:1.4}.rating-bars{display:flex;flex-direction:column;gap:5px;min-width:160px}.rbar-row{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--text-3)}.rbar-row > span:first-child{min-width:22px;text-align:right}.rbar-row > span:last-child{min-width:28px}.rbar-track{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.rbar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:3px;transition:width 1s ease}.rbar-fill-low{background:rgba(255,255,255,0.15)}@media (max-width:640px){.rating-aggregate{flex-direction:column;align-items:flex-start;gap:16px}.rating-bars{min-width:100%}}.privacy-section{padding:110px 0;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(124,58,237,0.07) 0%,transparent 70%)}.privacy-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:56px}.priv-card{background:var(--bg-card);border:1px solid var(--border);border-radius:18px;padding:28px 28px 24px;transition:transform 0.25s ease,border-color 0.25s ease}.priv-card:hover{transform:translateY(-3px);border-color:var(--border-h)}.priv-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,rgba(124,58,237,0.15),rgba(37,99,235,0.15));border:1px solid rgba(124,58,237,0.2);display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:var(--accent-2)}.priv-card h3{font-size:17px;font-weight:700;margin-bottom:10px;color:var(--text)}.priv-card p{font-size:14px;color:var(--text-2);line-height:1.7;margin:0}@media (max-width:700px){.privacy-grid{grid-template-columns:1fr}}[data-theme="light"] .privacy-section{background:#F0F4FF}[data-theme="light"] .priv-card{background:white;box-shadow:0 1px 6px rgba(0,0,0,0.05)}[data-theme="light"] .priv-card h3{color:var(--text)}[data-theme="light"] .priv-icon{background:linear-gradient(135deg,rgba(124,58,237,0.1),rgba(37,99,235,0.1))}[data-theme="light"] .rating-aggregate{background:white;box-shadow:0 2px 12px rgba(0,0,0,0.06)}[data-theme="light"] .rbar-fill-low{background:rgba(0,0,0,0.08)}:root{--announce-h:44px}.announce-bar{position:fixed;top:0;left:0;right:0;z-index:150;background:linear-gradient(90deg,#1a56e8 0%,#7c3aed 55%,#06b6d4 100%);color:#fff;font-size:13px;font-weight:500;line-height:1;max-height:48px;overflow:hidden;transition:max-height 0.4s ease,opacity 0.3s ease}.announce-inner{display:flex;align-items:center;justify-content:center;gap:12px;max-width:1160px;margin:0 auto;padding:10px 20px;flex-wrap:nowrap;position:relative}.announce-icon{font-size:14px;flex-shrink:0}.announce-text{white-space:nowrap;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.announce-text strong{font-weight:700}.announce-countdown{display:flex;align-items:center;gap:4px;flex-shrink:0;background:rgba(0,0,0,0.2);border-radius:6px;padding:4px 8px;font-variant-numeric:tabular-nums;font-weight:700;font-size:12px;letter-spacing:0.5px}.cd-unit{display:flex;align-items:baseline;gap:1px}.cd-num{font-size:14px;font-weight:800}.cd-label{font-size:10px;opacity:0.8;text-transform:uppercase;margin-left:1px}.cd-sep{opacity:0.6;font-weight:700;margin:0 -1px}.announce-cta{display:inline-block;background:rgba(255,255,255,0.95);color:#1a56e8;font-size:12px;font-weight:700;padding:5px 12px;border-radius:20px;text-decoration:none;white-space:nowrap;flex-shrink:0;transition:background 0.2s,transform 0.2s}.announce-cta:hover{background:#fff;transform:translateY(-1px)}.announce-close{position:absolute;right:16px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:rgba(255,255,255,0.7);font-size:14px;padding:4px 6px;border-radius:4px;transition:color 0.2s,background 0.2s;line-height:1;flex-shrink:0}.announce-close:hover{color:#fff;background:rgba(0,0,0,0.15)}.nav{top:var(--announce-h,0px) !important}.nav-links{top:calc(var(--announce-h,0px) + 68px) !important}@media (max-width:640px){.announce-inner{gap:8px;padding:8px 36px 8px 12px}.announce-text{display:none}.announce-countdown{font-size:11px}.cd-num{font-size:13px}.announce-cta{font-size:11px;padding:4px 10px}}.changelog-section{padding:100px 0;position:relative;overflow:hidden}.changelog-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(99,102,241,0.06) 0%,transparent 70%);pointer-events:none}.changelog-timeline{display:flex;flex-direction:column;gap:0;margin-top:56px;position:relative}.changelog-timeline::before{content:'';position:absolute;left:90px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(99,102,241,0.4) 10%,rgba(99,102,241,0.4) 90%,transparent)}.cl-entry{display:grid;grid-template-columns:90px 1fr;gap:0 40px;padding:28px 0 28px 0;position:relative}.cl-entry::before{content:'';position:absolute;left:84px;top:36px;width:13px;height:13px;border-radius:50%;background:#6366f1;border:2px solid #05070F;box-shadow:0 0 0 4px rgba(99,102,241,0.2);z-index:1}.cl-entry:first-child::before{background:#a5b4fc;box-shadow:0 0 0 6px rgba(165,180,252,0.2),0 0 20px rgba(99,102,241,0.4)}.cl-date{display:flex;flex-direction:column;align-items:flex-end;padding-right:28px;padding-top:4px;gap:4px}.cl-version{font-size:13px;font-weight:700;color:#a5b4fc;letter-spacing:0.05em}.cl-month{font-size:11px;color:rgba(255,255,255,0.35);letter-spacing:0.04em}.cl-content{background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.07);border-radius:16px;padding:20px 24px;transition:border-color 0.25s,background 0.25s}.cl-content:hover{background:rgba(255,255,255,0.05);border-color:rgba(99,102,241,0.3)}.cl-badge{display:inline-block;font-size:10px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:3px 9px;border-radius:20px;margin-bottom:10px}.cl-badge--new{background:rgba(99,102,241,0.2);color:#a5b4fc;border:1px solid rgba(99,102,241,0.3)}.cl-badge--improved{background:rgba(16,185,129,0.15);color:#6ee7b7;border:1px solid rgba(16,185,129,0.25)}.cl-badge--fix{background:rgba(245,158,11,0.15);color:#fcd34d;border:1px solid rgba(245,158,11,0.25)}.cl-title{font-size:16px;font-weight:700;color:#f1f5f9;margin:0 0 8px;line-height:1.3}.cl-desc{font-size:14px;color:rgba(255,255,255,0.55);line-height:1.7;margin:0 0 14px}.cl-tags{display:flex;flex-wrap:wrap;gap:6px}.cl-tag{font-size:11px;font-weight:600;color:rgba(255,255,255,0.4);background:rgba(255,255,255,0.06);padding:3px 10px;border-radius:20px;border:1px solid rgba(255,255,255,0.08)}@media (max-width:640px){.changelog-timeline::before{left:64px}.cl-entry{grid-template-columns:64px 1fr;gap:0 20px}.cl-entry::before{left:58px;top:32px}.cl-date{padding-right:12px}.cl-version{font-size:11px}.cl-month{display:none}.cl-content{padding:16px 18px}.cl-title{font-size:14px}}@media (prefers-reduced-motion:reduce){.cl-content{transition:none}}#reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899);z-index:9999;transition:width 0.1s linear;pointer-events:none;border-radius:0 2px 2px 0}@media (prefers-reduced-motion:reduce){#reading-progress{transition:none}}.compare-section{padding:100px 0;background:linear-gradient(180deg,#0a0a0f 0%,#0d1117 100%)}.compare-wrapper{max-width:760px;margin:0 auto;text-align:center}.compare-slider{position:relative;width:100%;height:420px;border-radius:20px;overflow:hidden;cursor:ew-resize;box-shadow:0 0 0 1px rgba(255,255,255,0.08),0 32px 80px rgba(0,0,0,0.6);user-select:none;background:#111}.compare-before{position:absolute;inset:0;background:linear-gradient(135deg,#1a1208 0%,#2a1e0e 40%,#1c1408 100%);display:flex;align-items:center;justify-content:center}.compare-after{position:absolute;inset:0;background:linear-gradient(135deg,#0d1117 0%,#111827 100%);display:flex;align-items:center;justify-content:center;clip-path:inset(0 0 0 50%);transition:clip-path 0.02s linear}.compare-label{position:absolute;top:16px;font-size:11px;font-weight:700;letter-spacing:0.12em;text-transform:uppercase;padding:5px 12px;border-radius:20px;z-index:5;pointer-events:none}.compare-label-before{left:16px;background:rgba(239,68,68,0.2);color:#f87171;border:1px solid rgba(239,68,68,0.3)}.compare-label-after{right:16px;background:rgba(59,130,246,0.2);color:#60a5fa;border:1px solid rgba(59,130,246,0.3)}.compare-handle{position:absolute;top:0;left:50%;height:100%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;cursor:ew-resize;z-index:10;width:40px;touch-action:none}.compare-handle-line{flex:1;width:2px;background:rgba(255,255,255,0.7);box-shadow:0 0 8px rgba(255,255,255,0.3)}.compare-handle-circle{width:44px;height:44px;border-radius:50%;background:white;box-shadow:0 4px 20px rgba(0,0,0,0.5);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform 0.15s ease,box-shadow 0.15s ease}.compare-handle:hover .compare-handle-circle,.compare-handle:active .compare-handle-circle{transform:scale(1.1);box-shadow:0 6px 28px rgba(59,130,246,0.4)}.doc-mock{position:relative;width:220px;height:290px;border-radius:8px;padding:28px 24px 24px}.doc-mock-before{background:linear-gradient(160deg,#f5e8c0 0%,#ede0b0 60%,#d9c98a 100%);transform:rotate(-4deg) skewX(-1deg);box-shadow:4px 6px 30px rgba(0,0,0,0.5),inset 0 0 40px rgba(0,0,0,0.08)}.doc-noise{position:absolute;inset:0;border-radius:8px;background-image:radial-gradient(circle at 20% 30%,rgba(0,0,0,0.04) 1px,transparent 1px),radial-gradient(circle at 80% 60%,rgba(0,0,0,0.03) 1px,transparent 1px),radial-gradient(circle at 50% 80%,rgba(0,0,0,0.05) 1px,transparent 1px);background-size:4px 4px,6px 6px,5px 5px;pointer-events:none}.doc-tilt-inner{transform:rotate(1deg)}.doc-shadow-overlay{position:absolute;inset:0;border-radius:8px;background:linear-gradient(120deg,transparent 40%,rgba(0,0,0,0.12) 100%);pointer-events:none}.doc-mock-after{background:#ffffff;transform:rotate(0deg);box-shadow:0 8px 40px rgba(59,130,246,0.2),0 2px 8px rgba(0,0,0,0.3);border:1px solid rgba(59,130,246,0.2)}.doc-pdf-badge{position:absolute;top:-10px;right:-10px;width:36px;height:36px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:900;color:white;letter-spacing:0.05em;box-shadow:0 4px 12px rgba(59,130,246,0.4)}.mock-line{height:8px;background:#1a1a2e;border-radius:4px;margin-bottom:10px;opacity:0.8}.mock-line--title{height:14px;background:#0f172a;border-radius:4px;margin-bottom:12px;opacity:0.9}.doc-mock-before .mock-line{background:#5a4a20;opacity:inherit}.doc-mock-before .mock-line--title{background:#3d3010}.mock-hr{height:1px;background:rgba(0,0,0,0.15);margin:14px 0}.compare-hint{margin-top:16px;font-size:12px;color:rgba(255,255,255,0.35);letter-spacing:0.05em;font-weight:500}@media (max-width:600px){.compare-slider{height:300px}.doc-mock{width:150px;height:200px;padding:18px 16px 16px}.mock-line--title{height:10px}.mock-line{height:6px}}.btn-store{transition:transform 0.22s cubic-bezier(0.34,1.56,0.64,1),background 0.2s ease,box-shadow 0.2s ease,border-color 0.2s ease !important}.btn-store:hover{transform:scale(1.03) translateY(-1px) !important}.btn-store:active{transform:scale(0.97) !important;transition-duration:0.08s !important}.btn-nav:hover{transform:scale(1.03) translateY(-1px) !important}.announce-cta:hover{transform:scale(1.03) !important}.ripple-wave{position:absolute;border-radius:50%;transform:scale(0);animation:ripple-spread 0.55s ease-out forwards;background:rgba(255,255,255,0.22);pointer-events:none;z-index:10}@keyframes ripple-spread{to{transform:scale(4);opacity:0}}.pricing-section{padding:100px 0;background:var(--bg-2);position:relative;overflow:hidden}.pricing-section::before{content:'';position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:700px;height:700px;background:radial-gradient(circle,rgba(124,58,237,0.06) 0%,transparent 65%);pointer-events:none}.pricing-cards{display:flex;gap:24px;justify-content:center;align-items:stretch;flex-wrap:wrap;margin-top:56px}.plan-card{flex:1 1 280px;max-width:340px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:36px 32px 32px;position:relative;transition:transform 0.25s ease,border-color 0.25s ease,box-shadow 0.25s ease;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-6px);border-color:var(--border-h);box-shadow:0 20px 60px rgba(0,0,0,0.35)}.plan-card.plan-pro{border-color:rgba(124,58,237,0.4);background:linear-gradient(135deg,rgba(124,58,237,0.08) 0%,rgba(37,99,235,0.06) 100%);box-shadow:0 0 0 1px rgba(124,58,237,0.2),0 12px 40px rgba(124,58,237,0.1)}.plan-card.plan-pro:hover{border-color:rgba(139,92,246,0.7);box-shadow:0 0 0 1px rgba(139,92,246,0.4),0 24px 64px rgba(124,58,237,0.2)}.plan-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:linear-gradient(90deg,var(--purple),var(--blue));color:#fff;font-size:11px;font-weight:700;letter-spacing:0.08em;text-transform:uppercase;padding:4px 16px;border-radius:20px;white-space:nowrap;box-shadow:0 4px 14px rgba(124,58,237,0.4)}.plan-name{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:0.12em;color:var(--text-2);margin-bottom:8px}.plan-card.plan-pro .plan-name{color:var(--purple-light)}.plan-price{font-size:48px;font-weight:900;color:var(--text);line-height:1;margin-bottom:4px}.plan-price sup{font-size:22px;font-weight:700;vertical-align:super;line-height:1}.plan-price span{font-size:16px;font-weight:500;color:var(--text-3)}.plan-desc{font-size:13.5px;color:var(--text-2);margin-bottom:24px;line-height:1.5}.plan-divider{height:1px;background:var(--border);margin-bottom:22px}.plan-features{list-style:none;padding:0;margin:0 0 28px;flex:1;display:flex;flex-direction:column;gap:12px}.plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;color:var(--text-2);line-height:1.4}.plan-features li svg{flex-shrink:0;margin-top:1px}.plan-features li.feat-disabled{opacity:0.35}.plan-features li.feat-disabled svg{display:none}.plan-features li.feat-disabled::before{content:'—';color:var(--text-3);font-weight:600;flex-shrink:0;margin-top:1px;min-width:16px;text-align:center}.plan-cta{display:block;text-align:center;padding:13px 24px;border-radius:var(--r);font-weight:700;font-size:15px;text-decoration:none;transition:all 0.22s ease;position:relative;overflow:hidden}.plan-cta-free{background:rgba(255,255,255,0.07);border:1px solid var(--border);color:var(--text)}.plan-cta-free:hover{background:rgba(255,255,255,0.12);transform:scale(1.03)}.plan-cta-pro{background:linear-gradient(135deg,var(--purple),var(--blue));color:#fff;border:none;box-shadow:0 6px 24px rgba(124,58,237,0.35)}.plan-cta-pro:hover{transform:scale(1.03);box-shadow:0 10px 36px rgba(124,58,237,0.5)}@media (max-width:700px){.pricing-cards{gap:20px}.plan-card{max-width:100%;padding:32px 24px 28px}.plan-price{font-size:40px}}[data-theme="light"] .plan-card{background:rgba(0,0,0,0.03);border-color:rgba(0,0,0,0.1)}[data-theme="light"] .plan-card.plan-pro{background:linear-gradient(135deg,rgba(124,58,237,0.06) 0%,rgba(37,99,235,0.04) 100%)}[data-theme="light"] .plan-cta-free{background:rgba(0,0,0,0.06);border-color:rgba(0,0,0,0.15);color:#0C1024}[data-theme="light"] .plan-features li{color:var(--text-2)}
/* ── PERFORMANCE: content-visibility para secciones off-screen ── */
.features,.scanner-spotlight,.ai-section,.stats-section,.testimonials,
.privacy-section,.hiw-section,.newsletter-section,.pricing-section,
.faq-section,.changelog-section,.use-cases-section{
  content-visibility:auto;
  contain-intrinsic-size:0 600px;
}
.compare-section{
  content-visibility:auto;
  contain-intrinsic-size:0 500px;
}
.press-section{
  content-visibility:auto;
  contain-intrinsic-size:0 120px;
}

/* ── BLOQUE I — Casos de Uso ─────────────────────────────────── */
.use-cases-section{
  padding:100px 0;
  background:var(--bg-2);
  border-top:1px solid var(--border);
  position:relative;
  overflow:hidden;
}
.use-cases-section::before{
  content:'';
  position:absolute;
  inset:0;
  background:radial-gradient(ellipse 70% 50% at 50% 0%,rgba(37,99,235,0.06),transparent 70%);
  pointer-events:none;
}
.use-cases-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
  margin-top:56px;
}
.use-case-card{
  background:var(--bg-card);
  border:1px solid var(--border);
  border-radius:var(--r-lg);
  padding:28px 22px;
  position:relative;
  overflow:hidden;
  transition:transform 0.28s cubic-bezier(0.16,1,0.3,1),border-color 0.28s,box-shadow 0.28s;
  display:flex;
  flex-direction:column;
  gap:14px;
}
.use-case-card::before{
  content:'';
  position:absolute;
  top:0;left:0;right:0;
  height:2px;
  opacity:0;
  transition:opacity 0.3s;
}
.use-case-card:hover{
  transform:translateY(-5px);
  border-color:var(--border-h);
  box-shadow:0 20px 50px rgba(0,0,0,0.35);
}
.use-case-card:hover::before{opacity:1;}
.uc-students::before{background:linear-gradient(90deg,#3B82F6,#60A5FA);}
.uc-lawyers::before{background:linear-gradient(90deg,#8B5CF6,#C084FC);}
.uc-freelancers::before{background:linear-gradient(90deg,#10B981,#34D399);}
.uc-business::before{background:linear-gradient(90deg,#F59E0B,#FCD34D);}
.uc-icon{
  width:52px;height:52px;
  border-radius:14px;
  display:flex;align-items:center;justify-content:center;
  flex-shrink:0;
}
.uc-students .uc-icon{background:rgba(59,130,246,0.12);color:#60A5FA;}
.uc-lawyers .uc-icon{background:rgba(139,92,246,0.12);color:#C084FC;}
.uc-freelancers .uc-icon{background:rgba(16,185,129,0.12);color:#34D399;}
.uc-business .uc-icon{background:rgba(245,158,11,0.12);color:#FCD34D;}
.uc-label{
  font-size:10px;font-weight:800;
  letter-spacing:1.2px;text-transform:uppercase;
  padding:3px 8px;border-radius:100px;
  display:inline-block;
}
.uc-students .uc-label{background:rgba(59,130,246,0.1);color:#93C5FD;}
.uc-lawyers .uc-label{background:rgba(139,92,246,0.1);color:#C4B5FD;}
.uc-freelancers .uc-label{background:rgba(16,185,129,0.1);color:#6EE7B7;}
.uc-business .uc-label{background:rgba(245,158,11,0.1);color:#FDE68A;}
.uc-title{font-size:17px;font-weight:700;color:var(--text);}
.uc-desc{font-size:13.5px;color:var(--text-2);line-height:1.65;}
.uc-features{
  list-style:none;padding:0;margin:0;
  display:flex;flex-direction:column;gap:7px;
  margin-top:auto;padding-top:14px;
  border-top:1px solid var(--border);
}
.uc-features li{
  display:flex;align-items:center;gap:8px;
  font-size:12.5px;color:var(--text-2);
}
.uc-features li::before{
  content:'';
  width:5px;height:5px;border-radius:50%;
  flex-shrink:0;
}
.uc-students .uc-features li::before{background:#3B82F6;}
.uc-lawyers .uc-features li::before{background:#8B5CF6;}
.uc-freelancers .uc-features li::before{background:#10B981;}
.uc-business .uc-features li::before{background:#F59E0B;}
@media (max-width:960px){
  .use-cases-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:560px){
  .use-cases-grid{grid-template-columns:1fr;}
}
[data-theme="light"] .use-case-card{background:white;box-shadow:0 2px 12px rgba(0,0,0,0.05);}
[data-theme="light"] .use-case-card:hover{box-shadow:0 12px 40px rgba(0,0,0,0.12);}

/* ═══════════════════════════════════════════════
   BLOQUE J — In Action animated demo section
   ═══════════════════════════════════════════════ */
.inaction-section{padding:100px 0;overflow:hidden;}
.inaction-layout{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:80px;
  align-items:center;
  margin-top:60px;
}

/* Phone shell */
.inaction-phone-wrap{display:flex;justify-content:center;}
.inaction-phone{
  width:240px;
  height:480px;
  background:#0D0F1A;
  border-radius:36px;
  border:1px solid rgba(255,255,255,0.12);
  box-shadow:
    0 0 0 6px rgba(255,255,255,0.04),
    0 40px 80px rgba(0,0,0,0.6),
    0 0 60px rgba(102,77,255,0.12);
  position:relative;
  overflow:hidden;
  display:flex;flex-direction:column;
  align-items:center;
}
.inaction-phone-notch{
  width:90px;height:24px;
  background:#0D0F1A;
  border-radius:0 0 16px 16px;
  position:absolute;top:0;left:50%;transform:translateX(-50%);
  z-index:10;
}
.inaction-screen{
  width:100%;flex:1;
  position:relative;overflow:hidden;
  margin-top:24px;
}
.ia-dots{
  display:flex;gap:6px;padding:12px 0;
  position:relative;z-index:5;
}
.ia-dot-step{
  width:6px;height:6px;border-radius:50%;
  background:rgba(255,255,255,0.2);
  transition:all .3s ease;
}
.ia-dot-step.active{
  background:#664DFF;
  width:18px;border-radius:3px;
}

/* Steps: each fills the screen, animated in/out */
.ia-step{
  position:absolute;
  inset:0;
  display:flex;flex-direction:column;
  align-items:center;justify-content:center;
  gap:12px;
  padding:20px 16px;
  opacity:0;
  transform:translateX(30px);
  transition:opacity .5s ease, transform .5s ease;
  pointer-events:none;
}
.ia-step.active{
  opacity:1;transform:translateX(0);pointer-events:auto;
}
.ia-step.exit{
  opacity:0;transform:translateX(-30px);
}

/* Step 1: camera */
.ia-camera-bg{
  width:100%;height:160px;
  background:linear-gradient(135deg,#1a2a1a 0%,#0d1a0d 100%);
  border-radius:12px;
  position:relative;
  overflow:hidden;
}
.ia-camera-bg::before{
  content:'';
  position:absolute;inset:10px;
  border:2px solid rgba(0,255,100,0.5);
  border-radius:8px;
  animation:ia-pulse 1.5s ease-in-out infinite;
}
.ia-camera-bg::after{
  content:'';
  position:absolute;inset:0;
  background:repeating-linear-gradient(0deg,rgba(0,255,100,0.03) 0,transparent 2px,transparent 4px);
}
@keyframes ia-pulse{
  0%,100%{border-color:rgba(0,255,100,0.5);}
  50%{border-color:rgba(0,255,100,0.9);box-shadow:0 0 16px rgba(0,255,100,0.3);}
}
.ia-edge-box{
  width:130px;height:100px;
  border:2px dashed rgba(0,255,100,0.6);
  border-radius:6px;
  animation:ia-edge-shrink 1.5s ease forwards;
  margin-top:-80px;
}
@keyframes ia-edge-shrink{
  0%{width:170px;height:120px;border-color:rgba(0,255,100,0.3);}
  100%{width:130px;height:100px;border-color:rgba(0,255,100,0.8);}
}

/* Step 2: AI processing */
.ia-doc-preview{
  width:100%;
  background:rgba(255,255,255,0.06);
  border-radius:10px;
  padding:16px;
  display:flex;flex-direction:column;gap:8px;
}
.ia-doc-line{
  height:8px;background:rgba(255,255,255,0.15);border-radius:4px;
  animation:ia-shimmer 1.5s ease-in-out infinite;
}
.ia-doc-line.short{width:60%;}
@keyframes ia-shimmer{
  0%,100%{background:rgba(255,255,255,0.1);}
  50%{background:rgba(255,255,255,0.25);}
}
.ia-scan-line{
  width:90%;height:2px;
  background:linear-gradient(90deg,transparent,#664DFF,transparent);
  animation:ia-scan 1.2s ease-in-out infinite;
  border-radius:1px;
}
@keyframes ia-scan{
  0%{transform:translateY(-80px);opacity:0;}
  20%{opacity:1;}
  80%{opacity:1;}
  100%{transform:translateY(80px);opacity:0;}
}

/* Step 3: PDF ready */
.ia-pdf-icon{
  animation:ia-pop .4s cubic-bezier(0.34,1.56,0.64,1) both;
}
@keyframes ia-pop{
  from{transform:scale(0.5);opacity:0;}
  to{transform:scale(1);opacity:1;}
}
.ia-pdf-name{
  font-size:12px;font-weight:600;color:rgba(255,255,255,0.9);
}
.ia-pdf-size{font-size:11px;color:rgba(255,255,255,0.4);}

/* Chips */
.ia-chip{
  display:flex;align-items:center;gap:6px;
  padding:6px 12px;border-radius:100px;
  font-size:11px;font-weight:600;
  white-space:nowrap;
  animation:ia-chip-in .3s ease both;
}
@keyframes ia-chip-in{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}
.ia-chip-detect{background:rgba(0,200,80,0.15);color:#00D060;border:1px solid rgba(0,200,80,0.25);}
.ia-chip-ai{background:rgba(102,77,255,0.15);color:#A78BFA;border:1px solid rgba(102,77,255,0.25);}
.ia-chip-ready{background:rgba(16,185,129,0.15);color:#34D399;border:1px solid rgba(16,185,129,0.25);}
.ia-chip .ia-dot{
  width:6px;height:6px;border-radius:50%;
  background:#00D060;
  animation:ia-blink .8s ease-in-out infinite;
}
@keyframes ia-blink{0%,100%{opacity:1;}50%{opacity:0.2;}}

/* Right side steps */
.inaction-steps{
  display:flex;flex-direction:column;gap:32px;
}
.ia-desc{
  display:flex;flex-direction:column;gap:8px;
  padding:20px;border-radius:14px;
  border:1px solid transparent;
  transition:all .4s ease;
  opacity:0.4;
  cursor:default;
}
.ia-desc-active{
  opacity:1;
  background:rgba(102,77,255,0.06);
  border-color:rgba(102,77,255,0.2);
}
.ia-num{
  font-size:11px;font-weight:800;letter-spacing:2px;
  color:#664DFF;text-transform:uppercase;
}
.ia-desc h3{
  font-size:18px;font-weight:700;
  color:var(--text);margin:0;
}
.ia-desc p{
  font-size:14px;color:var(--text-2);
  line-height:1.65;margin:0;
}
.ia-cta{
  display:inline-flex;align-items:center;gap:8px;
  padding:14px 28px;border-radius:12px;
  background:linear-gradient(135deg,#664DFF,#9B72FF);
  color:white;text-decoration:none;font-weight:700;
  font-size:15px;width:fit-content;
  transition:transform .2s ease, box-shadow .2s ease;
}
.ia-cta:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 32px rgba(102,77,255,0.4);
}

@media (max-width:900px){
  .inaction-layout{grid-template-columns:1fr;gap:48px;}
  .inaction-phone-wrap{order:-1;}
  .inaction-phone{width:200px;height:400px;}
}
@media (max-width:480px){
  .inaction-phone{width:180px;height:360px;}
}

/* Light theme adjustments */
[data-theme="light"] .inaction-phone{background:#1a1a2e;box-shadow:0 40px 80px rgba(0,0,0,0.25),0 0 60px rgba(102,77,255,0.1);}
[data-theme="light"] .ia-desc-active{background:rgba(102,77,255,0.04);border-color:rgba(102,77,255,0.15);}

/* ── BLOQUE F — Feature Screenshots Gallery ── */
.screenshots-section{
  padding:100px 0 60px;overflow:hidden;
}
.screenshots-section .section-header{
  padding:0 24px;margin-bottom:56px;
}
.ss-scroll-track{
  overflow-x:auto;overflow-y:visible;
  scrollbar-width:none;-ms-overflow-style:none;
  padding:20px 0 40px;cursor:grab;
}
.ss-scroll-track::-webkit-scrollbar{display:none;}
.ss-scroll-track:active{cursor:grabbing;}
.ss-scroll-inner{
  display:flex;gap:28px;
  padding:0 calc((100vw - 1100px)/2 + 20px);
  width:max-content;
}
@media(max-width:1140px){
  .ss-scroll-inner{padding:0 24px;}
}

/* Phone frame */
.ss-phone-wrap{
  display:flex;flex-direction:column;align-items:center;gap:12px;
  flex-shrink:0;
}
.ss-phone{
  width:160px;height:310px;border-radius:28px;
  background:linear-gradient(145deg,#1a1a2e,#0d0d1a);
  box-shadow:0 24px 60px rgba(0,0,0,0.5),
    0 0 0 1.5px rgba(255,255,255,0.08),
    inset 0 1px 0 rgba(255,255,255,0.1);
  position:relative;overflow:hidden;
  transition:transform .3s ease,box-shadow .3s ease;
}
.ss-phone:hover{
  transform:translateY(-8px) scale(1.02);
  box-shadow:0 36px 80px rgba(0,0,0,0.5),
    0 0 0 1.5px rgba(255,255,255,0.12),
    0 0 40px rgba(102,77,255,0.15);
}
.ss-phone-purple{background:linear-gradient(145deg,#1e1535,#0d0d1a);}
.ss-phone-dark{background:linear-gradient(145deg,#111827,#080d16);}
.ss-phone-teal{background:linear-gradient(145deg,#0d2626,#091a1a);}
.ss-phone-orange{background:linear-gradient(145deg,#1e1208,#0d0a05);}
.ss-notch{
  width:52px;height:10px;border-radius:0 0 8px 8px;
  background:rgba(0,0,0,0.8);
  position:absolute;top:0;left:50%;transform:translateX(-50%);
  z-index:5;
}
.ss-screen{
  position:absolute;inset:0;
  display:flex;flex-direction:column;
  padding-top:14px;
}

/* Topbar */
.ss-topbar{
  display:flex;align-items:center;gap:6px;
  padding:4px 10px 6px;
  font-size:9px;font-weight:600;color:rgba(255,255,255,0.9);
  letter-spacing:0.04em;
}
.ss-topbar-title{flex:1;text-align:center;}
.ss-ai-badge{
  background:linear-gradient(135deg,#7c3aed,#a855f7);
  color:white;font-size:7px;font-weight:800;
  padding:2px 5px;border-radius:4px;letter-spacing:0.05em;
}

/* Camera screen */
.ss-camera-bg{
  flex:1;background:linear-gradient(160deg,#0a2a0a 0%,#061806 100%);
  position:relative;display:flex;flex-direction:column;
  align-items:center;justify-content:center;padding:8px;
}
.ss-doc-frame{
  width:110px;height:130px;
  border:1.5px solid rgba(102,255,102,0.7);
  border-radius:4px;position:relative;
  background:rgba(255,255,255,0.06);
  display:flex;align-items:center;justify-content:center;
}
.ss-corner{
  position:absolute;width:12px;height:12px;
}
.ss-corner::before,.ss-corner::after{
  content:'';position:absolute;background:#4ADE80;
}
.ss-tl::before{top:0;left:0;width:12px;height:2px;}
.ss-tl::after{top:0;left:0;width:2px;height:12px;}
.ss-tr::before{top:0;right:0;width:12px;height:2px;}
.ss-tr::after{top:0;right:0;width:2px;height:12px;}
.ss-bl::before{bottom:0;left:0;width:12px;height:2px;}
.ss-bl::after{bottom:0;left:0;width:2px;height:12px;}
.ss-br::before{bottom:0;right:0;width:12px;height:2px;}
.ss-br::after{bottom:0;right:0;width:2px;height:12px;}
.ss-inner-doc{
  display:flex;flex-direction:column;gap:5px;
  padding:8px;width:100%;
}
.ss-doc-l{
  height:3px;border-radius:2px;
  background:rgba(255,255,255,0.4);
}
.ss-scanline{
  position:absolute;left:0;right:0;height:1.5px;
  background:linear-gradient(90deg,transparent,rgba(74,222,128,0.8),transparent);
  animation:ss-scan 1.8s ease-in-out infinite;
  top:20%;
}
@keyframes ss-scan{
  0%{top:15%;}50%{top:80%;}100%{top:15%;}
}
.ss-detect-pill{
  position:absolute;bottom:6px;left:50%;transform:translateX(-50%);
  background:rgba(0,0,0,0.7);border:1px solid rgba(74,222,128,0.4);
  color:rgba(255,255,255,0.9);font-size:7.5px;padding:3px 8px;
  border-radius:20px;display:flex;align-items:center;gap:4px;white-space:nowrap;
}
.ss-green-dot{
  width:5px;height:5px;border-radius:50%;background:#4ADE80;
  animation:pulse 1.2s ease infinite;display:inline-block;
}
.ss-filter-row{
  display:flex;gap:4px;padding:5px 10px;background:rgba(0,0,0,0.3);
}
.ss-filter{
  font-size:7px;color:rgba(255,255,255,0.5);
  padding:2px 6px;border-radius:8px;
}
.ss-f-active{
  color:white;background:rgba(255,255,255,0.12);
}
.ss-shutter-row{
  display:flex;justify-content:center;padding:8px;
  background:rgba(0,0,0,0.4);
}
.ss-shutter{
  width:32px;height:32px;border-radius:50%;
  border:2.5px solid rgba(255,255,255,0.7);
  display:flex;align-items:center;justify-content:center;
}
.ss-shutter-i{
  width:26px;height:26px;border-radius:50%;
  background:rgba(255,255,255,0.85);
}

/* AI Chat screen */
.ss-doc-bar{
  display:flex;align-items:center;gap:5px;
  background:rgba(255,255,255,0.07);
  padding:5px 10px;font-size:7.5px;color:rgba(255,255,255,0.7);
}
.ss-doc-name{flex:1;font-size:7.5px;color:rgba(255,255,255,0.85);}
.ss-doc-pages{font-size:6.5px;color:rgba(255,255,255,0.4);}
.ss-chat-area{
  flex:1;padding:8px 8px 4px;
  display:flex;flex-direction:column;gap:5px;overflow:hidden;
}
.ss-msg{
  font-size:7px;line-height:1.4;padding:4px 7px;
  border-radius:8px;max-width:90%;
}
.ss-msg-out{
  background:rgba(102,77,255,0.5);
  color:rgba(255,255,255,0.9);align-self:flex-end;
}
.ss-msg-in{
  background:rgba(255,255,255,0.08);
  color:rgba(255,255,255,0.8);align-self:flex-start;
  display:flex;gap:4px;align-items:flex-start;
}
.ss-ai-orb{
  width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:1px;
  background:linear-gradient(135deg,#9B72FF,#664DFF);
}
.ss-typing{
  display:flex;gap:3px;padding:4px 7px;
  background:rgba(255,255,255,0.08);
  border-radius:8px;align-self:flex-start;align-items:center;
}
.ss-typing span{
  width:4px;height:4px;border-radius:50%;
  background:rgba(255,255,255,0.5);
  animation:ss-typing .9s ease infinite;
}
.ss-typing span:nth-child(2){animation-delay:.15s;}
.ss-typing span:nth-child(3){animation-delay:.3s;}
@keyframes ss-typing{
  0%,60%,100%{transform:translateY(0);}
  30%{transform:translateY(-3px);}
}
.ss-input-bar{
  display:flex;align-items:center;gap:5px;
  padding:5px 8px;background:rgba(255,255,255,0.06);
  border-top:1px solid rgba(255,255,255,0.08);
}
.ss-input-pill{
  flex:1;font-size:6.5px;color:rgba(255,255,255,0.3);
  background:rgba(255,255,255,0.06);padding:3px 6px;border-radius:6px;
}
.ss-send{
  width:16px;height:16px;border-radius:50%;
  background:linear-gradient(135deg,#664DFF,#9B72FF);
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}

/* Tools dashboard */
.ss-tools-grid{
  display:grid;grid-template-columns:repeat(3,1fr);gap:5px;
  padding:6px 8px;
}
.ss-tool-tile{
  background:rgba(255,255,255,0.07);border-radius:8px;
  padding:7px 4px;display:flex;flex-direction:column;
  align-items:center;gap:3px;
  font-size:6.5px;color:rgba(255,255,255,0.8);
  border:1px solid rgba(255,255,255,0.06);
  transition:background .2s;
}
.ss-t-scan{background:rgba(102,77,255,0.2);border-color:rgba(102,77,255,0.3);}
.ss-t-merge{background:rgba(59,130,246,0.15);border-color:rgba(59,130,246,0.3);}
.ss-t-sign{background:rgba(16,185,129,0.15);border-color:rgba(16,185,129,0.3);}
.ss-t-ocr{background:rgba(249,115,22,0.15);border-color:rgba(249,115,22,0.3);}
.ss-t-comp{background:rgba(236,72,153,0.15);border-color:rgba(236,72,153,0.3);}
.ss-t-chat{background:rgba(139,92,246,0.15);border-color:rgba(139,92,246,0.3);}
.ss-recent-head{
  padding:5px 10px 2px;font-size:7px;font-weight:700;
  color:rgba(255,255,255,0.4);letter-spacing:0.08em;text-transform:uppercase;
}
.ss-recent-item{
  display:flex;align-items:center;gap:6px;
  padding:5px 10px;border-bottom:1px solid rgba(255,255,255,0.05);
}
.ss-ri-dot{width:7px;height:9px;border-radius:2px;flex-shrink:0;}
.ss-ri-blue{background:rgba(59,130,246,0.8);}
.ss-ri-green{background:rgba(16,185,129,0.8);}
.ss-ri-name{font-size:7px;color:rgba(255,255,255,0.8);margin-bottom:1px;}
.ss-ri-meta{font-size:6px;color:rgba(255,255,255,0.3);}

/* Signature screen */
.ss-sign-doc{
  flex:1;padding:10px 12px;display:flex;flex-direction:column;gap:7px;
}
.ss-sign-line{
  height:2px;background:rgba(255,255,255,0.12);border-radius:1px;
}
.ss-sl-short{width:60%;}
.ss-sign-field{
  border:1px dashed rgba(20,184,166,0.5);
  border-radius:6px;padding:6px 8px;
  background:rgba(20,184,166,0.05);
  display:flex;flex-direction:column;gap:3px;
}
.ss-sign-label{font-size:6.5px;color:rgba(20,184,166,0.7);}
.ss-sig-svg{width:100%;height:30px;}
.ss-sign-controls{
  display:flex;gap:6px;padding:5px 10px;
}
.ss-sign-ctrl{
  flex:1;text-align:center;padding:5px;
  border-radius:7px;font-size:7px;font-weight:700;
}
.ss-sc-clear{
  background:rgba(255,255,255,0.08);color:rgba(255,255,255,0.6);
}
.ss-sc-apply{
  background:linear-gradient(135deg,#14b8a6,#0d9488);color:white;
}
.ss-sign-opts{
  display:flex;gap:0;padding:0 10px 8px;justify-content:center;
}
.ss-so{
  font-size:7px;padding:3px 8px;color:rgba(255,255,255,0.4);
  border-bottom:2px solid transparent;
}
.ss-so-active{color:rgba(20,184,166,0.9);border-bottom-color:rgba(20,184,166,0.6);}

/* OCR screen */
.ss-ocr-split{
  display:flex;gap:0;flex:1;margin:0 8px;
  background:rgba(255,255,255,0.04);border-radius:8px;overflow:hidden;
}
.ss-ocr-left,.ss-ocr-right{
  flex:1;padding:7px;display:flex;flex-direction:column;gap:4px;
}
.ss-ocr-label{font-size:6px;color:rgba(255,255,255,0.35);text-transform:uppercase;letter-spacing:0.06em;}
.ss-ocr-img{display:flex;flex-direction:column;gap:5px;margin-top:4px;}
.ss-ocr-line{height:6px;border-radius:2px;background:rgba(255,255,255,0.15);}
.ss-ocr-divider{width:1px;background:rgba(255,255,255,0.08);margin:8px 0;}
.ss-ocr-text{display:flex;flex-wrap:wrap;gap:3px;margin-top:4px;}
.ss-ocr-word{
  font-size:6.5px;color:rgba(255,255,255,0.7);
  background:rgba(249,115,22,0.15);padding:1px 3px;border-radius:3px;
}
.ss-hw-1{animation:ss-highlight 2s 0.2s ease forwards;background:transparent;}
.ss-hw-2{animation:ss-highlight 2s 0.5s ease forwards;background:transparent;}
.ss-hw-3{animation:ss-highlight 2s 0.8s ease forwards;background:transparent;}
@keyframes ss-highlight{
  0%{background:transparent;}
  30%,90%{background:rgba(249,115,22,0.25);}
  100%{background:rgba(249,115,22,0.15);}
}
.ss-ocr-lang-row{
  display:flex;gap:4px;padding:5px 10px;justify-content:center;
}
.ss-lang-chip{
  font-size:6.5px;padding:2px 5px;border-radius:4px;
  background:rgba(255,255,255,0.07);color:rgba(255,255,255,0.5);
}
.ss-lc-active{
  background:rgba(249,115,22,0.25);color:rgba(249,115,22,0.9);
}
.ss-ocr-copy-btn{
  margin:0 10px 8px;text-align:center;font-size:7px;font-weight:700;
  padding:6px;border-radius:7px;color:white;
  background:linear-gradient(135deg,#ea580c,#c2410c);
}

/* Labels */
.ss-label{
  font-size:13px;font-weight:700;color:var(--text-1);
  text-align:center;
}
.ss-sublabel{
  font-size:11px;color:var(--text-2);text-align:center;margin-top:-4px;
}

/* Scroll hint & CTA */
.ss-scroll-hint{
  text-align:center;font-size:12px;color:var(--text-3);
  margin:8px 0 0;display:none;
}
@media(max-width:640px){
  .ss-scroll-hint{display:block;}
}
.ss-cta-row{
  display:flex;justify-content:center;padding:40px 20px 0;
}

/* Drag scroll JS */
.ss-scroll-track.dragging{cursor:grabbing;user-select:none;}

/* Light theme */
[data-theme="light"] .ss-phone{
  background:linear-gradient(145deg,#1a1a2e,#111);
}

/* ── PERF: Reduce animation overhead (no contain/isolation changes) ── */
/* Orbs: static position, no animation = fewer composited layers */
.orb-1,.orb-2,.orb-3,.orb-4{animation:none !important}
/* Hero glow pulse: static */
.hero-right::before{animation:none !important}
/* Slow down gradient text shift (less rAF work) */
.gradient-text{animation-duration:8s !important}
/* CTA border glow only animates on hover (not idle) */
.cta-card::before{animation-play-state:paused}
.cta-card:hover::before{animation-play-state:running}


/* ============================================
   GSD LOOP — PDF Tools — Apple/Linear upgrade
   ============================================ */

/* SCROLL PROGRESS — already exists, z-index fix */
.scroll-progress{z-index:201!important}

/* TYPOGRAPHY UPGRADES */
.hero-title{font-size:clamp(56px,8vw,96px)!important;letter-spacing:-4px!important;line-height:1.0!important}
.section-heading,.section-title-large{font-size:clamp(36px,5vw,56px);letter-spacing:-2px;line-height:1.05}

/* HERO PADDING — account for announce-bar(48px) + nav(~60px) */
.hero{padding:136px 0 80px!important}
.hero.announce-dismissed{padding:80px 0 80px!important}

/* Z-INDEX STACK confirmation */
.announce-bar{z-index:150!important}
.nav{z-index:100!important}
.floating-cta-widget,#floatingCta{z-index:1000!important}
.back-to-top,#backToTop{z-index:95!important}

/* HERO ORBS — bigger, softer */
.orb-1{width:900px!important;height:900px!important;opacity:0.16!important;filter:blur(140px)!important}
.orb-2{width:800px!important;height:800px!important;opacity:0.12!important;filter:blur(140px)!important}
.orb-3{width:700px!important;height:700px!important;filter:blur(130px)!important}
.orb-4{width:600px!important;height:600px!important;filter:blur(120px)!important}

/* GRADIENT BORDER on CARDS */
.bento-card{
  background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,
    linear-gradient(135deg,rgba(37,99,235,0.22),rgba(124,58,237,0.12),rgba(6,182,212,0.1)) border-box!important;
  border:1px solid transparent!important;
  transition:all 0.4s cubic-bezier(0.16,1,0.3,1)!important
}
.bento-card:hover{
  background:linear-gradient(var(--bg-card-h),var(--bg-card-h)) padding-box,
    linear-gradient(135deg,rgba(37,99,235,0.5),rgba(124,58,237,0.4),rgba(6,182,212,0.3)) border-box!important;
  transform:translateY(-4px)!important;
  box-shadow:0 24px 60px rgba(0,0,0,0.4)!important
}

.tcard{
  background:linear-gradient(var(--bg-card),var(--bg-card)) padding-box,
    linear-gradient(135deg,rgba(37,99,235,0.18),rgba(124,58,237,0.1)) border-box!important;
  border:1px solid transparent!important;
  transition:all 0.35s cubic-bezier(0.16,1,0.3,1)!important
}
.tcard:hover{
  background:linear-gradient(var(--bg-card-h),var(--bg-card-h)) padding-box,
    linear-gradient(135deg,rgba(37,99,235,0.45),rgba(124,58,237,0.35)) border-box!important;
  transform:translateY(-4px)!important;
  box-shadow:0 20px 50px rgba(0,0,0,0.35)!important
}

/* REVIEW CARD gradient border */
.review-card{
  transition:all 0.35s cubic-bezier(0.16,1,0.3,1)!important;
}

/* PRICING CARD gradient border */
.pricing-card{
  transition:all 0.35s cubic-bezier(0.16,1,0.3,1)!important;
}

/* MAGNETIC BUTTONS */
.btn,.btn-primary,.btn-store,.btn-nav,.btn-contact{transition:all 0.3s cubic-bezier(0.16,1,0.3,1)!important}

/* CUSTOM CURSOR — desktop only */
@media(pointer:fine){
  body{cursor:none}
  .cursor-dot{position:fixed;width:6px;height:6px;background:var(--blue-b,#2563EB);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform 0.08s,width 0.2s,height 0.2s;mix-blend-mode:difference;will-change:left,top}
  .cursor-ring{position:fixed;width:32px;height:32px;border:1.5px solid rgba(37,99,235,0.5);border-radius:50%;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:left 0.12s ease,top 0.12s ease,width 0.25s,height 0.25s;will-change:left,top}
  .cursor-hovering .cursor-ring{width:52px;height:52px;border-color:rgba(37,99,235,0.85)}
  .cursor-hovering .cursor-dot{transform:translate(-50%,-50%) scale(1.6)}
  .cursor-clicking .cursor-dot{transform:translate(-50%,-50%) scale(0.5)}
}

/* MOBILE overflow fixes */
@media(max-width:768px){
  .hero-bg,.orb{overflow:hidden}
  body{overflow-x:hidden!important}
  .hero-inner{overflow:hidden}
}

/* SECTION SPACING boost */
.features-section,.scanner-section,.ai-section,.reviews-section,.pricing-section,.privacy-section,.hiw-section{padding-top:120px!important;padding-bottom:120px!important}

/* WORD REVEAL for hero title */
.word-wrap{display:inline-block;overflow:hidden;vertical-align:bottom}
.word{display:inline-block;opacity:0;transform:translateY(60px);transition:opacity 0.7s cubic-bezier(0.16,1,0.3,1),transform 0.7s cubic-bezier(0.16,1,0.3,1)}
.hero-title.revealed .word{opacity:1;transform:none}

/* COUNTER anim — stat elements */
.stat-num,.hstat-num,.sbar-val{transition:color 0.3s}

/* 3D CARD TILT styles */
.bento-card,.tcard,.review-card{transform-style:preserve-3d;will-change:transform}

/* SHIMMER on featured bento */
.bento-card.bento-featured,.bento-card:first-child{position:relative;overflow:hidden}
.bento-card.bento-featured::after,.bento-card:first-child::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,0.05) 50%,transparent 60%);
  transform:translateX(-100%);
  animation:shimmerPdf 4s ease-in-out 2s infinite;
  pointer-events:none
}
@keyframes shimmerPdf{to{transform:translateX(200%)}}

/* MOBILE: no overflow issues */
@media(max-width:480px){
  .hero-title{letter-spacing:-2px!important;font-size:clamp(44px,12vw,64px)!important}
  .cursor-dot,.cursor-ring{display:none!important}
}

/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce){
  .word{opacity:1!important;transform:none!important;transition:none!important}
  .cursor-dot,.cursor-ring{display:none!important}
  .bento-card::after,.tcard::after{animation:none!important}
  *{animation-duration:0.01ms!important;transition-duration:0.01ms!important}
}

/* ============================================
   GSD LOOP v2 — PDF Tools — Polish + Missing pieces
   ============================================ */

/* SCROLL-LINE (alias for scroll-progress compat) */
.scroll-line {
  position: fixed;
  top: 0; left: 0;
  height: 2px;
  background: linear-gradient(90deg, #2563EB, #7C3AED, #06B6D4);
  transform-origin: left center;
  transform: scaleX(0);
  z-index: 202;
  pointer-events: none;
  transition: transform 0.1s linear;
}

/* HERO STATS — counter anim support */
.hstat-num {
  transition: color 0.4s ease, filter 0.4s ease;
  filter: none;
}
.hstat:hover .hstat-num {
  filter: drop-shadow(0 0 16px rgba(37,99,235,0.6));
}

/* BENTO HERO card — stronger shimmer */
.bento-hero {
  position: relative;
  overflow: hidden;
}
.bento-hero::before {
  content: '';
  position: absolute;
  top: -2px; left: -2px; right: -2px; bottom: -2px;
  border-radius: inherit;
  background: linear-gradient(135deg, rgba(37,99,235,0.45), rgba(124,58,237,0.3), rgba(6,182,212,0.2));
  z-index: -1;
  animation: borderPulse 4s ease-in-out infinite;
}
@keyframes borderPulse {
  0%, 100% { opacity: 0.6; }
  50% { opacity: 1; }
}

/* NOISE OVERLAY on hero — anti-generic texture */
.noise-overlay {
  opacity: 0.04 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E") !important;
}

/* PRICING CARD — gradient border */
.pricing-card {
  background:
    linear-gradient(var(--bg-card, rgba(255,255,255,0.03)), var(--bg-card, rgba(255,255,255,0.03))) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.25), rgba(124,58,237,0.15)) border-box !important;
  border: 1px solid transparent !important;
}
.pricing-card.featured, .pricing-card:hover {
  background:
    linear-gradient(var(--bg-card-h, rgba(255,255,255,0.05)), var(--bg-card-h, rgba(255,255,255,0.05))) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.6), rgba(124,58,237,0.45)) border-box !important;
  box-shadow: 0 24px 70px rgba(37,99,235,0.2) !important;
}

/* REVIEW CARDS — gradient border + hover */
.review-card {
  background:
    linear-gradient(var(--bg-card, rgba(255,255,255,0.03)), var(--bg-card, rgba(255,255,255,0.03))) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.18), rgba(124,58,237,0.1)) border-box !important;
  border: 1px solid transparent !important;
}
.review-card:hover {
  background:
    linear-gradient(var(--bg-card-h, rgba(255,255,255,0.05)), var(--bg-card-h, rgba(255,255,255,0.05))) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.4), rgba(124,58,237,0.3)) border-box !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.35) !important;
}

/* SECTION EYEBROW — spacing */
.section-eyebrow-sm, [class*="eyebrow"] {
  letter-spacing: 2px;
}

/* FOOTER BRAND — bigger */
.footer-brand .logo-text {
  font-size: 20px;
  font-weight: 900;
  letter-spacing: -0.3px;
}
.footer-logo-wrap {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* FOOTER — gradient top border */
footer.footer::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent, rgba(37,99,235,0.4), rgba(124,58,237,0.3), transparent);
}
footer.footer {
  position: relative;
  overflow: hidden;
}

/* NAV — stronger blur */
.nav.scrolled {
  background: rgba(5,7,15,0.94) !important;
  backdrop-filter: blur(36px) saturate(200%) !important;
}

/* TCARD — subtle glow on hover */
.tcard:hover {
  box-shadow: 0 20px 50px rgba(0,0,0,0.35), 0 0 40px rgba(37,99,235,0.08) inset !important;
}

/* SECTION transitions color */
.features-section, .scanner-section, .ai-section {
  transition: background 0.8s ease;
}

/* BENTO GRID — gaps */
.bento-grid {
  gap: 16px !important;
}

/* PRIVACY CARDS */
.priv-card, .privacy-card {
  transition: all 0.35s cubic-bezier(0.16,1,0.3,1) !important;
  transform-style: preserve-3d;
  will-change: transform;
}

/* CTA SECTION */
.cta-card, .cta-section-card {
  box-shadow: 0 0 120px rgba(37,99,235,0.1), 0 0 40px rgba(124,58,237,0.06) !important;
}

/* MOBILE — safe overflow */
@media(max-width:480px) {
  .hero-title { font-size: clamp(40px,11.5vw,60px) !important; letter-spacing: -2px !important; }
  .hstat { min-width: 0; }
  body { overflow-x: hidden !important; }
}

/* WORD REVEAL — smooth */
.hero-title .word {
  display: inline-block;
  opacity: 0;
  transform: translateY(60px) rotate(1.5deg);
  transition: opacity 0.75s cubic-bezier(0.16,1,0.3,1), transform 0.75s cubic-bezier(0.16,1,0.3,1) !important;
}
.hero-title.revealed .word {
  opacity: 1 !important;
  transform: none !important;
}

/* REDUCED MOTION OVERRIDE v2 */
@media(prefers-reduced-motion:reduce) {
  .bento-hero::before { animation: none !important; }
  footer.footer::before { display: none; }
}

/* ── TOOLS GRID (copiar de Smallpdf/PDF24) ── */
.tools-grid-section{padding:120px 0;background:var(--bg-2);border-top:1px solid var(--border)}
.tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:48px}
@media(max-width:1024px){.tgrid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.tgrid{grid-template-columns:repeat(2,1fr);gap:12px}}
@media(max-width:380px){.tgrid{grid-template-columns:1fr}}
.tcard{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;text-decoration:none;color:inherit;display:flex;flex-direction:column;gap:8px;transition:all 0.25s ease;position:relative;overflow:hidden}
.tcard:hover{background:rgba(99,102,241,0.06);border-color:rgba(99,102,241,0.35);transform:translateY(-3px);box-shadow:0 12px 32px rgba(99,102,241,0.12)}
.tcard-icon{font-size:24px;line-height:1;margin-bottom:4px}
.tcard-name{font-size:14px;font-weight:700;color:var(--text);line-height:1.3}
.tcard-desc{font-size:12px;color:var(--text-2);line-height:1.5}
.tgrid-cta{text-align:center;padding-top:16px}
.tgrid-sub{font-size:15px;color:var(--text-2);margin-bottom:20px}
.tgrid-sub strong{color:var(--text)}
[data-theme='light'] .tcard{background:white;border-color:rgba(0,0,0,0.08)}
[data-theme='light'] .tcard:hover{background:rgba(99,102,241,0.04);border-color:rgba(99,102,241,0.3)}
[data-theme='light'] .tcard-name{color:#0C1024}
[data-theme='light'] .tcard-desc{color:rgba(12,16,36,0.6)}
[data-theme='light'] .tools-grid-section{background:#F4F6FF}

/* ── SECURITY SECTION (copiar de Smallpdf) ── */
.security-section{padding:120px 0;background:var(--bg);border-top:1px solid var(--border)}
.sec-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:72px;align-items:center}
@media(max-width:800px){.sec-inner{grid-template-columns:1fr;gap:40px}}
.sec-sub{font-size:16px;color:var(--text-2);line-height:1.75;margin-top:12px}
.sec-badges{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media(max-width:500px){.sec-badges{grid-template-columns:1fr}}
.sec-badge{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:6px;transition:border-color 0.25s}
.sec-badge:hover{border-color:var(--border-h)}
.sec-icon{font-size:24px;margin-bottom:4px}
.sec-badge strong{font-size:14px;font-weight:700}
.sec-badge span{font-size:12px;color:var(--text-2);line-height:1.5}
[data-theme='light'] .sec-badge{background:white;border-color:rgba(0,0,0,0.08)}
[data-theme='light'] .sec-badge strong{color:#0C1024}
[data-theme='light'] .sec-badge span{color:rgba(12,16,36,0.6)}

/* ── HERO TOOLS STRIP — todos los servicios visibles en el hero ── */
.hero-tools-strip{margin-top:32px;padding-top:28px;border-top:1px solid rgba(255,255,255,0.07)}
.hero-tools-label{font-size:11px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:rgba(248,250,255,0.35);margin-bottom:14px}
.hero-tools-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}
@media(max-width:900px){.hero-tools-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:500px){.hero-tools-grid{grid-template-columns:repeat(3,1fr);gap:6px}}
.htool{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px 6px;border-radius:12px;border:1px solid rgba(255,255,255,0.07);background:rgba(255,255,255,0.03);text-decoration:none;color:inherit;transition:all 0.2s ease;cursor:pointer}
.htool:hover{background:rgba(99,102,241,0.1);border-color:rgba(99,102,241,0.3);transform:translateY(-2px)}
.htool-icon{font-size:20px;line-height:1}
.htool-name{font-size:10.5px;font-weight:600;color:rgba(248,250,255,0.65);text-align:center;line-height:1.2}
.htool-more .htool-name{color:#818cf8}
[data-theme='light'] .hero-tools-strip{border-top-color:rgba(0,0,0,0.08)}
[data-theme='light'] .hero-tools-label{color:rgba(12,16,36,0.4)}
[data-theme='light'] .htool{background:rgba(0,0,0,0.03);border-color:rgba(0,0,0,0.08)}
[data-theme='light'] .htool:hover{background:rgba(99,102,241,0.06);border-color:rgba(99,102,241,0.25)}
[data-theme='light'] .htool-name{color:rgba(12,16,36,0.65)}


/* ============================================
   GSD LOOP v3 — PDF Tools — Final Polish Pass
   ============================================ */

/* FOOTER — gradient top border + Vercel glow */
.footer {
  position: relative;
  overflow: hidden;
}
.footer::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(37,99,235,0.5) 25%, rgba(124,58,237,0.4) 50%, rgba(6,182,212,0.35) 75%, transparent 100%);
  z-index: 1;
}
.footer::after {
  content: '';
  position: absolute;
  top: -60px; left: 50%;
  transform: translateX(-50%);
  width: 600px;
  height: 120px;
  background: radial-gradient(ellipse at center, rgba(37,99,235,0.07) 0%, transparent 70%);
  pointer-events: none;
}
.footer-brand p {
  font-size: 14px;
  color: rgba(248,250,255,0.5);
  line-height: 1.7;
  margin-top: 8px;
  max-width: 240px;
}

/* PLAN CARDS — better gradient borders + featured glow */
.plan-card.featured, .plan-card.plan-featured {
  background:
    linear-gradient(rgba(37,99,235,0.07), rgba(124,58,237,0.04)) padding-box,
    linear-gradient(135deg, #2563EB, #7C3AED, #06B6D4) border-box !important;
  border: 1px solid transparent !important;
  box-shadow: 0 0 60px rgba(37,99,235,0.15), 0 32px 80px rgba(0,0,0,0.4) !important;
}
.plan-card.featured::after, .plan-card.plan-featured::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(135deg, rgba(37,99,235,0.04) 0%, rgba(124,58,237,0.03) 50%, transparent 100%);
  border-radius: inherit;
  pointer-events: none;
}

/* STATS SECTION — bigger numbers */
.stat-big {
  font-size: clamp(40px, 6vw, 64px) !important;
  font-weight: 900 !important;
  letter-spacing: -3px !important;
  line-height: 1 !important;
}

/* SECTION TITLES — Apple-level typography */
.section-title, [class*="section-title"] {
  font-size: clamp(36px, 5vw, 56px) !important;
  font-weight: 900 !important;
  letter-spacing: -2px !important;
  line-height: 1.05 !important;
}

/* CTA CARD — shimmer effect */
.cta-card {
  position: relative;
  overflow: hidden;
}
.cta-card::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 40%, rgba(255,255,255,0.04) 50%, transparent 60%);
  transform: translateX(-100%);
  animation: shimmerCTA 4s ease-in-out 2s infinite;
  pointer-events: none;
}
@keyframes shimmerCTA { to { transform: translateX(200%); } }

/* BENTO CARDS — gradient borders */
.bento-card {
  background:
    linear-gradient(var(--bg-card, rgba(255,255,255,0.03)), var(--bg-card, rgba(255,255,255,0.03))) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.2), rgba(124,58,237,0.1), rgba(37,99,235,0.05)) border-box !important;
  border: 1px solid transparent !important;
  transition: all 0.4s cubic-bezier(0.16,1,0.3,1) !important;
}
.bento-card:hover {
  background:
    linear-gradient(var(--bg-card-h, rgba(255,255,255,0.05)), var(--bg-card-h, rgba(255,255,255,0.05))) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.5), rgba(124,58,237,0.35)) border-box !important;
  box-shadow: 0 24px 60px rgba(37,99,235,0.12) !important;
  transform: translateY(-4px) !important;
}

/* HERO PHONE — stronger glow */
.hero-phone-glow {
  background: radial-gradient(ellipse at 50% 50%, rgba(37,99,235,0.25), rgba(124,58,237,0.15) 40%, transparent 70%) !important;
  filter: blur(40px) !important;
}

/* AI CARDS — tilt-ready */
.ai-card {
  transform-style: preserve-3d;
  will-change: transform;
  transition: all 0.4s cubic-bezier(0.16,1,0.3,1) !important;
}

/* PRIVACY SECTION badges — border gradient */
.priv-card {
  background:
    linear-gradient(var(--bg-card, rgba(255,255,255,0.03)), var(--bg-card, rgba(255,255,255,0.03))) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.18), rgba(124,58,237,0.1)) border-box !important;
  border: 1px solid transparent !important;
  transition: all 0.3s cubic-bezier(0.16,1,0.3,1) !important;
}
.priv-card:hover {
  background:
    linear-gradient(rgba(37,99,235,0.04), rgba(124,58,237,0.02)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.45), rgba(124,58,237,0.3)) border-box !important;
  transform: translateY(-3px) !important;
}

/* SCANNER section — enhanced glow */
.scanner-spotlight {
  position: relative;
  overflow: hidden;
}
.scanner-spotlight::before {
  content: '';
  position: absolute;
  top: -100px; left: 50%;
  transform: translateX(-50%);
  width: 800px;
  height: 400px;
  background: radial-gradient(ellipse at center, rgba(37,99,235,0.06) 0%, transparent 65%);
  pointer-events: none;
  z-index: 0;
}

/* HTOOL cards — better hover */
.htool {
  transition: all 0.25s cubic-bezier(0.16,1,0.3,1) !important;
}
.htool:hover {
  transform: translateY(-3px) scale(1.04) !important;
  box-shadow: 0 8px 24px rgba(99,102,241,0.15) !important;
}

/* LIGHT THEME — keeps gradient borders */
[data-theme=light] .bento-card {
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.2), rgba(124,58,237,0.1)) border-box !important;
}
[data-theme=light] .plan-card {
  background:
    linear-gradient(#fff, #fff) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.18), rgba(124,58,237,0.1)) border-box !important;
}

/* REDUCED MOTION */
@media(prefers-reduced-motion:reduce) {
  .cta-card::after { animation: none !important; }
  .ai-card { transition: none !important; }
}


/* ============================================
   GSD LOOP v4 — PDF Tools — Spotlight + hstat + Polish
   ============================================ */

/* MOBILE font size fixes */
@media(max-width:640px) {
  .hero-title { font-size: clamp(44px, 12vw, 68px) !important; letter-spacing: -2px !important; }
  /* removed conflicting hero padding */
  .hero-stats { gap: 12px !important; }
  .hstat-num { font-size: 20px !important; }
  .hstat-label { font-size: 10px !important; }
}

/* CARD SPOTLIGHT — bento cards, feature cards */
.bento-card, .tcard, .priv-card, .ai-card, .plan-card {
  --mx: 50%;
  --my: 50%;
}
.bento-card::before, .tcard::before, .priv-card::before, .ai-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(300px circle at var(--mx) var(--my), rgba(37,99,235,0.12), transparent 55%);
  opacity: 0;
  transition: opacity 0.4s ease;
  pointer-events: none;
  z-index: 0;
}
.bento-card:hover::before, .tcard:hover::before, .priv-card:hover::before, .ai-card:hover::before { opacity: 1; }
.bento-card > *, .tcard > *, .priv-card > *, .ai-card > * { position: relative; z-index: 1; }

/* HIW/STEPS — pop animation */
.hiw-step.visible .hiw-num, .step-circle.visible {
  animation: numPop 0.55s cubic-bezier(0.34,1.56,0.64,1) both;
}
@keyframes numPop {
  from { transform: scale(0.65) rotate(-8deg); opacity: 0; }
  to { transform: scale(1) rotate(0deg); opacity: 1; }
}
@media(prefers-reduced-motion:reduce) {
  .hiw-step.visible .hiw-num { animation: none !important; }
}

/* SECTION HEADER — scale entrance */
.section-header.reveal { transform: translateY(28px) scale(0.97); transform-origin: center bottom; }
.section-header.reveal.visible { transform: none; }

/* HSTAT numbers — glow on count */
.hstat-num {
  font-size: 26px;
  font-weight: 900;
  letter-spacing: -1.5px;
  background: linear-gradient(135deg, var(--blue-light), var(--purple-light));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  transition: filter 0.4s;
}
.hstat-num.counting {
  animation: hstatGlow 1.4s ease-out;
}
@keyframes hstatGlow {
  0% { filter: drop-shadow(0 0 12px rgba(37,99,235,0.7)); }
  100% { filter: none; }
}

/* HERO STATS layout */
.hero-stats {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-top: 24px;
  flex-wrap: wrap;
}
.hstat-div {
  width: 1px;
  height: 32px;
  background: var(--border);
  flex-shrink: 0;
}
.hstat-label {
  font-size: 11px;
  color: var(--text-3);
  margin-top: 2px;
}

/* SECTION reveal stagger — bento grid */
.bento-grid .bento-card:nth-child(1).reveal { transition-delay: 0.0s; }
.bento-grid .bento-card:nth-child(2).reveal { transition-delay: 0.1s; }
.bento-grid .bento-card:nth-child(3).reveal { transition-delay: 0.18s; }
.bento-grid .bento-card:nth-child(4).reveal { transition-delay: 0.26s; }
.bento-grid .bento-card:nth-child(5).reveal { transition-delay: 0.34s; }

/* TOOLS grid stagger */
.tools-grid .tcard:nth-child(1).reveal { transition-delay: 0.0s; }
.tools-grid .tcard:nth-child(2).reveal { transition-delay: 0.08s; }
.tools-grid .tcard:nth-child(3).reveal { transition-delay: 0.16s; }
.tools-grid .tcard:nth-child(4).reveal { transition-delay: 0.24s; }

/* ANNOUNCE bar — nav offset fix for dismissed state */
body.announce-dismissed .nav { top: 0 !important; }
body.announce-dismissed /* removed conflicting hero padding */

/* PLAN CARD spotlight */
.plan-card {
  --mx: 50%;
  --my: 50%;
  position: relative;
  overflow: hidden;
}
.plan-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(260px circle at var(--mx) var(--my), rgba(37,99,235,0.1), transparent 55%);
  opacity: 0;
  transition: opacity 0.4s;
  pointer-events: none;
  z-index: 0;
}
.plan-card:hover::before { opacity: 1; }
.plan-card > * { position: relative; z-index: 1; }

/* APP STORE BUTTONS — stronger hover */
.btn-apple:hover {
  box-shadow: 0 12px 40px rgba(37,99,235,0.35), 0 0 0 1px rgba(37,99,235,0.3) !important;
}
.btn-google:hover {
  box-shadow: 0 12px 40px rgba(124,58,237,0.3), 0 0 0 1px rgba(124,58,237,0.25) !important;
}

/* FOOTER CTA link glow */
.footer-link:hover, .footer-email:hover {
  color: var(--blue-light) !important;
  text-shadow: 0 0 20px rgba(37,99,235,0.4);
}


/* ============================================
   GSD LOOP v5 — PDF Tools — Vercel Footer + Polish
   ============================================ */

/* FOOTER V2 — Vercel/Linear style: big centered brand */
.footer.footer-v2 {
  padding: 0 !important;
  border-top: none !important;
  background: var(--bg-2) !important;
  position: relative;
  overflow: hidden;
}
.footer-v2::before {
  content: '';
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 1px;
  background: linear-gradient(90deg, transparent 0%, rgba(37,99,235,0.6) 25%, rgba(124,58,237,0.5) 50%, rgba(37,99,235,0.6) 75%, transparent 100%);
  animation: footerBorderSlide 5s linear infinite;
  background-size: 200% 100%;
}
@keyframes footerBorderSlide {
  0% { background-position: 0% 0%; }
  100% { background-position: 200% 0%; }
}
@media(prefers-reduced-motion:reduce) {
  .footer-v2::before { animation: none !important; }
}

.footer-v2-hero {
  padding: 100px 0 80px;
  text-align: center;
  position: relative;
}
.footer-v2-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(37,99,235,0.07) 0%, transparent 65%);
  pointer-events: none;
}

.footer-v2-brand {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  position: relative;
  z-index: 1;
}

.footer-v2-logo-row {
  display: flex;
  align-items: center;
  gap: 18px;
}

.logo-mark-xl.footer-pdf-icon {
  width: 64px !important;
  height: 64px !important;
  border-radius: 20px !important;
  background: linear-gradient(135deg,#1a56e8,#7c3aed) !important;
  box-shadow: 0 8px 32px rgba(37,99,235,0.45), 0 0 0 1px rgba(37,99,235,0.2) !important;
}

.footer-v2-name {
  font-size: clamp(48px, 8vw, 80px);
  font-weight: 900;
  letter-spacing: -3px;
  line-height: 1;
  background: linear-gradient(135deg, #fff 0%, rgba(248,250,255,0.72) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.footer-v2-tagline {
  font-size: clamp(15px, 2vw, 18px);
  color: var(--text-2);
  line-height: 1.65;
  max-width: 380px;
  margin: 0 auto;
}

.footer-v2-pills {
  display: flex;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 4px;
}

.footer-pill-btn {
  display: inline-flex;
  align-items: center;
  padding: 9px 20px;
  border-radius: 100px;
  border: 1px solid rgba(37,99,235,0.3);
  background: rgba(37,99,235,0.08);
  color: var(--blue-light);
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.16,1,0.3,1);
}
.footer-pill-btn:hover {
  background: rgba(37,99,235,0.18);
  border-color: rgba(37,99,235,0.55);
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(37,99,235,0.22);
  color: #93C5FD;
}

.footer-v2-rating {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13px;
  color: var(--text-3);
  margin-top: -4px;
}
.footer-v2-rating-text {
  color: var(--text-3);
}

/* NAV LINKS section */
.footer-v2-links {
  border-top: 1px solid var(--border);
  padding: 48px 0;
}
.footer-nav-v2 {
  display: flex;
  justify-content: center;
  gap: 56px;
  flex-wrap: wrap;
}
.footer-nav-v2 .footer-col {
  min-width: 120px;
}

/* BOTTOM BAR */
.footer-v2-bottom {
  border-top: 1px solid var(--border);
  padding: 20px 0;
}
.footer-v2-bottom-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 14px;
}
.footer-v2-nav {
  display: flex;
  gap: 24px;
  flex-wrap: wrap;
  justify-content: center;
}
.footer-v2-nav a {
  color: var(--text-3);
  text-decoration: none;
  font-size: 13px;
  font-weight: 500;
  transition: color 0.2s;
}
.footer-v2-nav a:hover {
  color: var(--text);
}
.footer-v2-copy {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  color: var(--text-3);
  flex-wrap: wrap;
  justify-content: center;
}
.footer-v2-dot {
  opacity: 0.3;
}

/* LIGHT THEME footer overrides */
[data-theme="light"] .footer-v2-hero::after {
  background: radial-gradient(ellipse 70% 50% at 50% 0%, rgba(37,99,235,0.04) 0%, transparent 65%);
}
[data-theme="light"] .footer-pill-btn {
  background: rgba(37,99,235,0.06);
  border-color: rgba(37,99,235,0.2);
  color: #1D4ED8;
}
[data-theme="light"] .footer-pill-btn:hover {
  background: rgba(37,99,235,0.12);
}
[data-theme="light"] .footer-v2-name {
  background: linear-gradient(135deg, var(--text) 0%, rgba(12,16,36,0.7) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
[data-theme="light"] .footer-v2-links {
  background: #EEF1FA;
}
[data-theme="light"] .footer-v2-hero {
  background: #EEF1FA;
}
[data-theme="light"] .footer-v2-bottom {
  background: #EEF1FA;
}

/* Mobile footer */
@media(max-width:640px) {
  .footer-v2-hero { padding: 60px 0 48px; }
  .footer-v2-logo-row { flex-direction: column; gap: 12px; }
  .logo-mark-xl.footer-pdf-icon { width: 52px !important; height: 52px !important; }
  .footer-nav-v2 { gap: 28px; }
  .footer-v2-pills { gap: 8px; }
}

/* Improve section spacing for PDF Tools */
.features { padding: 130px 0 !important; }
.scanner-spotlight { padding: 130px 0 !important; }
.ai-section { padding: 130px 0 !important; }
.testimonials { padding: 130px 0 !important; }
.hiw-section { padding: 130px 0 !important; }
.cta-section { padding: 110px 0 !important; }

/* Section header spacing */
.section-header { margin-bottom: 72px !important; }
@media(max-width:640px) {
  .section-header { margin-bottom: 44px !important; }
}

/* HERO TITLE — Apple-level typography for PDF Tools */
.hero-title { font-size: clamp(60px, 8.5vw, 96px) !important; letter-spacing: -4px !important; line-height: 1.0 !important; }
@media(max-width:640px) {
  .hero-title { font-size: clamp(44px, 12vw, 68px) !important; letter-spacing: -2.5px !important; }
}

/* SECTION TITLE improvement */
.section-title { font-size: clamp(34px, 4.5vw, 52px) !important; letter-spacing: -2px !important; line-height: 1.05 !important; }

/* BENTO CARDS — gradient border like Joy Paw */
.bento-card {
  background: linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.2), rgba(124,58,237,0.1), rgba(37,99,235,0.05)) border-box !important;
  border: 1px solid transparent !important;
}
.bento-hero {
  background: linear-gradient(rgba(37,99,235,0.1), rgba(37,99,235,0.04)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.45), rgba(124,58,237,0.3), rgba(37,99,235,0.15)) border-box !important;
}
.bento-card:hover {
  background: linear-gradient(var(--bg-card-h), var(--bg-card-h)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.4), rgba(124,58,237,0.25)) border-box !important;
  box-shadow: 0 20px 50px rgba(0,0,0,0.3), 0 0 40px rgba(37,99,235,0.08) !important;
}
[data-theme="light"] .bento-card {
  background: white padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.2), rgba(124,58,237,0.1)) border-box !important;
}

/* AI CARDS — gradient border */
.ai-card {
  background: linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
    linear-gradient(145deg, rgba(37,99,235,0.22), rgba(124,58,237,0.12)) border-box !important;
  border: 1px solid transparent !important;
}
.ai-purple {
  background: linear-gradient(rgba(124,58,237,0.1),rgba(124,58,237,0.03)) padding-box,
    linear-gradient(145deg, rgba(124,58,237,0.45), rgba(6,182,212,0.2)) border-box !important;
}
.ai-card:hover {
  background: linear-gradient(var(--bg-card-h), var(--bg-card-h)) padding-box,
    linear-gradient(145deg, rgba(37,99,235,0.5), rgba(124,58,237,0.35)) border-box !important;
}
[data-theme="light"] .ai-card {
  background: white padding-box,
    linear-gradient(145deg, rgba(37,99,235,0.18), rgba(124,58,237,0.1)) border-box !important;
}

/* TESTIMONIAL CARDS gradient border */
.tcard {
  background: linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.12), rgba(124,58,237,0.06)) border-box !important;
  border: 1px solid transparent !important;
}
.tcard:hover {
  background: linear-gradient(var(--bg-card-h), var(--bg-card-h)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.35), rgba(124,58,237,0.2)) border-box !important;
}
[data-theme="light"] .tcard {
  background: white padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.15), rgba(124,58,247,0.08)) border-box !important;
}

/* CTA CARD — pulse glow */
.cta-card {
  animation: ctaGlow 5s ease-in-out infinite;
}
@keyframes ctaGlow {
  0%, 100% { box-shadow: 0 0 60px rgba(37,99,235,0.08); }
  50% { box-shadow: 0 0 100px rgba(37,99,235,0.16), 0 0 60px rgba(124,58,237,0.08); }
}
@media(prefers-reduced-motion:reduce) {
  .cta-card { animation: none !important; }
}

/* NAV enhanced blur */
.nav.scrolled { backdrop-filter: blur(36px) saturate(200%) !important; }

/* ORBS — bigger, softer for hero */
.orb-1 { width: 1000px !important; height: 1000px !important; filter: blur(160px) !important; }
.orb-2 { width: 800px !important; height: 800px !important; filter: blur(150px) !important; }
.orb-3 { width: 600px !important; height: 600px !important; filter: blur(130px) !important; }

/* HERO STATS glow numbers */
.hstat-num {
  font-size: 26px !important;
  font-weight: 900 !important;
  letter-spacing: -1.5px !important;
}

/* SECTION EYEBROW spacing */
.section-eyebrow { letter-spacing: 2px !important; }

/* ===== GSD LOOP — PDF Tools — Extra visual polish ===== */

/* Gradient border on product cards (non-soon) */
.product-card:not(.product-soon){
  background: linear-gradient(var(--bg-card),var(--bg-card)) padding-box,
    linear-gradient(135deg,rgba(99,102,241,0.3),rgba(168,85,247,0.15)) border-box;
  border: 1px solid transparent !important;
}
.product-flagship{
  background: linear-gradient(135deg,rgba(99,102,241,0.09),rgba(168,85,247,0.04)) padding-box,
    linear-gradient(135deg,rgba(99,102,241,0.55),rgba(168,85,247,0.35)) border-box !important;
  border: 1px solid transparent !important;
}
.product-card:not(.product-soon):hover{
  background: linear-gradient(rgba(255,255,255,0.04),rgba(255,255,255,0.04)) padding-box,
    linear-gradient(135deg,rgba(99,102,241,0.6),rgba(168,85,247,0.4)) border-box !important;
  transform: translateY(-6px) !important;
}

/* Magnetic button base transition */
.btn-primary,.btn-ghost,.btn-contact,.btn-nav{
  transition: transform 0.3s cubic-bezier(0.16,1,0.3,1),box-shadow 0.3s,background 0.3s !important;
  will-change: transform;
}

/* Bigger orbs for PDF Tools hero */
.orb-1{width:900px!important;height:900px!important}
.orb-2{width:750px!important;height:750px!important}

/* Section eyebrow more spaced */
.section-eyebrow{letter-spacing:2px!important}

/* More breathing between sections */
.products,.hiw,.about,.contact{padding:140px 0!important}
@media(max-width:700px){
  .products,.hiw,.about,.contact{padding:80px 0!important}
}

/* Stats bar num gradient */
.sbar-num{
  background:linear-gradient(135deg,#a5b4fc,#c084fc)!important;
  -webkit-background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  background-clip:text!important;
}

/* Product card hover — remove transform conflict */
.product-card:hover{transform:translateY(-6px)!important}
.product-soon:hover{transform:none!important}

/* reduced-motion safety */
@media(prefers-reduced-motion:reduce){
  .btn-primary,.btn-ghost,.btn-contact,.btn-nav{will-change:auto}
}


/* ===== GSD LOOP — Nav Active + Scroll Indicator + Polish ===== */

/* NAV ACTIVE LINK */
.nav-links a.nav-active {
  color: var(--text) !important;
}
.nav-links a.nav-active::after {
  content: '';
  display: block;
  position: absolute;
  bottom: -3px;
  left: 0; right: 0;
  height: 1.5px;
  background: linear-gradient(90deg, var(--blue-b), var(--purple-b));
  border-radius: 1px;
}
.nav-links a {
  position: relative;
}

/* SCROLL EXPLORE INDICATOR */
.scroll-explore {
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  z-index: 10;
  transition: opacity 0.4s ease;
  pointer-events: none;
}
.scroll-explore span {
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: rgba(248,250,255,0.3);
}
.scroll-explore svg {
  animation: scrollBob 2s ease-in-out infinite;
}
@keyframes scrollBob {
  0%,100% { transform: translateY(0); opacity:0.4; }
  50% { transform: translateY(6px); opacity:0.9; }
}
@media(max-width:640px) {
  .scroll-explore { display: none; }
}
@media(prefers-reduced-motion:reduce) {
  .scroll-explore svg { animation: none; }
}

/* HERO ORB transition fix for parallax (override will-change) */
.orb {
  transition: transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94) !important;
}

/* SECTION EYEBROW enhanced glow on hover */
.section-eyebrow:hover {
  background: rgba(37,99,235,0.15) !important;
  border-color: rgba(37,99,235,0.35) !important;
}

/* HERO BADGE pulse enhancement */
.badge-dot, .eyebrow-dot {
  box-shadow: 0 0 0 3px rgba(16,185,129,0.2);
  animation: badgePulse 2.5s ease-in-out infinite;
}
@keyframes badgePulse {
  0%,100% { box-shadow: 0 0 0 3px rgba(16,185,129,0.2); }
  50% { box-shadow: 0 0 0 6px rgba(16,185,129,0.06); }
}
@media(prefers-reduced-motion:reduce) {
  .badge-dot, .eyebrow-dot { animation: none !important; }
}

/* BENTO CARD entrance — if stagger not enough */
.bento-grid .bento-card.reveal {
  transform: translateY(40px) scale(0.97);
  transition: opacity 0.6s cubic-bezier(0.16,1,0.3,1), transform 0.6s cubic-bezier(0.16,1,0.3,1);
}
.bento-grid .bento-card.reveal.visible {
  transform: none;
}

/* REVIEW CARDS — gradient border */
.review-card, .tcard {
  background: linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.15), rgba(124,58,237,0.1)) border-box;
  border: 1px solid transparent !important;
}

/* STAT NUMBERS — bigger */
.hstat-num {
  font-size: clamp(36px, 4vw, 52px) !important;
  font-weight: 900 !important;
  letter-spacing: -2px !important;
}

/* DOWNLOAD SECTION CTA — animated shine */
.btn-store {
  position: relative;
  overflow: hidden;
}
.btn-store::after {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 50%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.12), transparent);
  transform: skewX(-20deg);
  animation: btnShine 4s ease-in-out 2s infinite;
}
@keyframes btnShine {
  0% { left: -100%; }
  30% { left: 150%; }
  100% { left: 150%; }
}
@media(prefers-reduced-motion:reduce) {
  .btn-store::after { animation: none !important; }
}


/* STORE-BTN — tools grid section (was unstyled, causing contrast failures) */
.store-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 12px 24px;
  border-radius: 100px;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  color: var(--text) !important; /* high contrast white */
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: all 0.25s cubic-bezier(0.16,1,0.3,1);
}
.store-ios {
  background: rgba(37,99,235,0.15);
  border-color: rgba(37,99,235,0.3);
  color: #fff !important;
}
.store-android {
  background: rgba(16,185,129,0.12);
  border-color: rgba(16,185,129,0.25);
  color: #fff !important;
}
.store-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 24px rgba(0,0,0,0.3);
}
.store-badges {
  display: flex;
  gap: 12px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 12px;
}

/* FAQ-Q contrast fix */
.faq-q {
  color: var(--text) !important;
  background: none;
  border: none;
  width: 100%;
  text-align: left;
  font-family: inherit;
}
.faq-q:hover {
  color: var(--blue-light) !important;
}

/* HIGH CONTRAST — ensure these elements pass WCAG AA */
.text-3, .footer-v2-nav a, .footer-v2-copy {
  color: rgba(248,250,255,0.5) !important;
}
.sbar-label, .ac-label, .tcard-desc, .cd-label {
  color: rgba(248,250,255,0.55) !important;
}


/* ═══════════════════════════════════════════
   GSD v5 — Apple-level polish pass
   ═══════════════════════════════════════════ */

/* SHIMMER on flagship bento card */
.bento-hero {
  position: relative;
  overflow: hidden;
}
.bento-hero::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,0.055) 50%, transparent 65%);
  transform: translateX(-100%);
  animation: bentoShimmer 4s ease-in-out infinite;
  pointer-events: none;
  z-index: 2;
}
@keyframes bentoShimmer {
  0%   { transform: translateX(-120%); }
  40%  { transform: translateX(120%); }
  100% { transform: translateX(120%); }
}
@media(prefers-reduced-motion:reduce) { .bento-hero::after { animation: none !important; } }

/* SHIMMER on Pro plan card */
.plan-card.plan-pro {
  position: relative;
  overflow: hidden;
}
.plan-card.plan-pro::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(105deg, transparent 35%, rgba(255,255,255,0.04) 50%, transparent 65%);
  transform: translateX(-100%);
  animation: bentoShimmer 5s ease-in-out 1s infinite;
  pointer-events: none;
  z-index: 2;
}
.plan-card.plan-pro > * { position: relative; z-index: 3; }

/* HERO ORBS — bigger, softer (Apple-style) */
.orb-1 { width: 900px !important; height: 900px !important; opacity: 0.15 !important; }
.orb-2 { width: 750px !important; height: 750px !important; opacity: 0.12 !important; }
.orb-3 { width: 600px !important; height: 600px !important; opacity: 0.09 !important; }

/* SECTION TITLES — Apple scale */
.section-title {
  font-size: clamp(32px, 4.5vw, 52px) !important;
  letter-spacing: -1.8px !important;
  line-height: 1.05 !important;
}

/* SECTION padding — more breathing room */
.features, .ai-section, .testimonials, .hiw-section,
.cta-section, .faq-section, .pricing-section, .changelog-section {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}

/* EYEBROW letter-spacing upgrade */
.section-eyebrow {
  letter-spacing: 2px !important;
}

/* GRADIENT BORDER on testimonial cards */
.tcard {
  background: linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
    linear-gradient(135deg, rgba(99,102,241,0.25), rgba(168,85,247,0.1)) border-box !important;
  border: 1px solid transparent !important;
}
.tcard:hover {
  background: linear-gradient(var(--bg-card-h), var(--bg-card-h)) padding-box,
    linear-gradient(135deg, rgba(99,102,241,0.5), rgba(168,85,247,0.3)) border-box !important;
}

/* STATS — animate glow on number hover */
.stat-big {
  transition: filter 0.4s ease !important;
}
.stat-block:hover .stat-big {
  filter: drop-shadow(0 0 28px rgba(59,130,246,0.6)) !important;
}

/* FEAT ITEM — gradient border on hover */
.feat-item:hover {
  background: linear-gradient(var(--bg-card-h), var(--bg-card-h)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.4), rgba(99,102,241,0.2)) border-box !important;
  border: 1px solid transparent !important;
}

/* NAV link underline animation */
.nav-links a {
  position: relative;
}
.nav-links a::after {
  content: '';
  position: absolute;
  bottom: -2px;
  left: 0;
  width: 0;
  height: 1px;
  background: var(--text);
  transition: width 0.3s cubic-bezier(0.16,1,0.3,1);
}
.nav-links a:hover::after { width: 100%; }

/* FOOTER — large tagline hero (Vercel-style) */
.footer-v2-hero {
  font-size: clamp(40px, 6vw, 72px) !important;
  letter-spacing: -2.5px !important;
  line-height: 1.0 !important;
}

/* CURSOR hover state enlargement */
body.cursor-hovering .cursor-ring {
  width: 56px !important;
  height: 56px !important;
}
body.cursor-clicking .cursor-dot {
  transform: translate(-50%, -50%) scale(1.8) !important;
}

/* ═══════════════════════════════════════════
   GSD FINAL PASS — PDF Tools — Apple/Linear polish
   ═══════════════════════════════════════════ */

/* HERO PADDING — definitive fix (announce-bar 44px + nav ~52px + gap 40px) */
.hero { padding: 140px 0 80px !important; }
.hero.announce-dismissed { padding: 96px 0 80px !important; }
@media(max-width:640px) {
  .hero { padding: 120px 0 60px !important; }
  .hero.announce-dismissed { padding: 80px 0 60px !important; }
}

/* HERO TITLE — Apple-level typography */
.hero-title {
  font-size: clamp(64px, 9vw, 100px) !important;
  font-weight: 900 !important;
  letter-spacing: -4px !important;
  line-height: 1.0 !important;
}
@media(max-width:640px) {
  .hero-title { font-size: clamp(48px, 13vw, 72px) !important; letter-spacing: -2.5px !important; }
}

/* SECTION TITLES — consistent Apple scale */
.section-title {
  font-size: clamp(36px, 5vw, 54px) !important;
  font-weight: 800 !important;
  letter-spacing: -2px !important;
  line-height: 1.0 !important;
}

/* SECTION PADDING — Apple breathing room */
.features-section, .bento-section, .ai-section, .testimonials,
.pricing-section, .faq-section, .cta-section, .scanner-section,
.hiw-section, .tools-section, .privacy-section, .changelog-section,
.stats-section, .compare-section, .reviews-section, .newsletter-section {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}
@media(max-width:700px) {
  .features-section, .bento-section, .ai-section, .testimonials,
  .pricing-section, .faq-section, .cta-section, .scanner-section,
  .hiw-section, .tools-section, .privacy-section, .changelog-section,
  .stats-section, .compare-section, .reviews-section, .newsletter-section {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
}

/* SECTION EYEBROW — tighter, more premium */
.section-eyebrow {
  letter-spacing: 2.5px !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
}

/* BENTO CARDS — gradient border */
.bento-card:not(.bento-hero) {
  background: linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.2), rgba(124,58,237,0.1)) border-box;
  border: 1px solid transparent !important;
}
.bento-card:not(.bento-hero):hover {
  background: linear-gradient(var(--bg-card-h), var(--bg-card-h)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.45), rgba(124,58,237,0.25)) border-box !important;
}

/* BENTO HERO — brighter gradient border */
.bento-hero {
  background: linear-gradient(rgba(37,99,235,0.07), rgba(124,58,237,0.04)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.5), rgba(124,58,237,0.35)) border-box !important;
  border: 1px solid transparent !important;
}
.bento-hero:hover {
  background: linear-gradient(rgba(37,99,235,0.10), rgba(124,58,237,0.06)) padding-box,
    linear-gradient(135deg, #2563EB, #7C3AED) border-box !important;
  box-shadow: 0 32px 80px rgba(37,99,235,0.2) !important;
}

/* HERO STATS — bigger, bolder */
.hstat-num {
  font-size: clamp(38px, 4.5vw, 56px) !important;
  font-weight: 900 !important;
  letter-spacing: -2.5px !important;
  line-height: 1 !important;
}

/* TESTIMONIAL CARDS — gradient border */
.tcard {
  background: linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
    linear-gradient(135deg, rgba(99,102,241,0.2), rgba(168,85,247,0.1)) border-box !important;
  border: 1px solid transparent !important;
  transition: all 0.35s cubic-bezier(0.16,1,0.3,1) !important;
}
.tcard:hover {
  background: linear-gradient(var(--bg-card-h), var(--bg-card-h)) padding-box,
    linear-gradient(135deg, rgba(99,102,241,0.45), rgba(168,85,247,0.25)) border-box !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.4) !important;
}

/* PLAN CARDS — Pro card enhanced */
.plan-card.plan-pro {
  background: linear-gradient(rgba(37,99,235,0.08), rgba(124,58,237,0.04)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.55), rgba(124,58,237,0.35)) border-box !important;
  border: 1px solid transparent !important;
}
.plan-card.plan-pro:hover {
  background: linear-gradient(rgba(37,99,235,0.12), rgba(124,58,237,0.07)) padding-box,
    linear-gradient(135deg, #2563EB, #7C3AED) border-box !important;
  box-shadow: 0 32px 80px rgba(37,99,235,0.2) !important;
}

/* NAV — stronger scroll state */
.nav.scrolled {
  background: rgba(5,7,15,0.94) !important;
  backdrop-filter: blur(40px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(40px) saturate(200%) !important;
}

/* MOBILE OVERFLOW FIX */
@media(max-width:768px) {
  html, body { overflow-x: hidden !important; max-width: 100vw !important; }
  .hero-bg, .orb { overflow: hidden !important; }
  .announce-text { max-width: 180px !important; }
}

/* Z-INDEX STACK: announce(150) > scroll-progress(201) > nav(100) > floating-cta(1000) > back-to-top(95) */
.announce-bar { z-index: 150 !important; }
.scroll-progress, #readingProgress, #reading-progress { z-index: 201 !important; }
.nav { z-index: 100 !important; }
.floating-cta, .floating-cta-widget, #floatingCta { z-index: 1000 !important; }
.back-to-top, #backToTop { z-index: 95 !important; }
.cursor-dot { z-index: 9999 !important; }
.cursor-ring { z-index: 9998 !important; }

/* GRADIENT TEXT ANIMATION */
.gradient-text {
  animation: gradShiftPDF 3.5s ease-in-out infinite !important;
  background-size: 200% 100% !important;
}
@keyframes gradShiftPDF {
  0%,100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}

/* SCROLL LINE — more visible gradient */
.scroll-line, .scroll-progress {
  background: linear-gradient(90deg, #2563EB, #7C3AED, #06B6D4) !important;
}

/* FOOTER BORDER — animated gradient */
footer.footer::before {
  background: linear-gradient(90deg, transparent, rgba(37,99,235,0.6), rgba(124,58,237,0.5), rgba(6,182,212,0.4), transparent) !important;
  animation: footerBorderPDF 4s linear infinite !important;
  background-size: 200% 100% !important;
}
@keyframes footerBorderPDF {
  0% { background-position: 0% 0%; }
  100% { background-position: 200% 0%; }
}
@media(prefers-reduced-motion:reduce) {
  footer.footer::before { animation: none !important; }
}

/* FEAT ITEM — improved hover */
.feat-item {
  transition: all 0.3s cubic-bezier(0.16,1,0.3,1) !important;
}
.feat-item:hover {
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.35) !important;
}

/* HTOOL CARDS — hover polish */
.htool {
  transition: all 0.25s cubic-bezier(0.16,1,0.3,1) !important;
}
.htool:hover {
  background: rgba(37,99,235,0.15) !important;
  border-color: rgba(37,99,235,0.4) !important;
  transform: translateY(-3px) scale(1.04) !important;
}

/* APP STORE BUTTONS — magnetic-ready */
.btn-store {
  transition: transform 0.3s cubic-bezier(0.16,1,0.3,1), box-shadow 0.3s !important;
  will-change: transform;
}

/* HERO QR WIDGET — enhanced */
@media(min-width:1024px) {
  .hero-qr-widget { display: flex !important; }
}

/* PRIV CARD gradient border */
.priv-card {
  transition: all 0.35s cubic-bezier(0.16,1,0.3,1) !important;
}
.priv-card:hover {
  background: linear-gradient(var(--bg-card-h), var(--bg-card-h)) padding-box,
    linear-gradient(135deg, rgba(16,185,129,0.4), rgba(6,182,212,0.2)) border-box !important;
  border: 1px solid transparent !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 16px 48px rgba(0,0,0,0.3) !important;
}

/* AI CARD gradient border */
.ai-card {
  transition: all 0.35s cubic-bezier(0.16,1,0.3,1) !important;
}
.ai-card:hover {
  background: linear-gradient(var(--bg-card-h), var(--bg-card-h)) padding-box,
    linear-gradient(135deg, rgba(124,58,237,0.4), rgba(37,99,235,0.2)) border-box !important;
  border: 1px solid transparent !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 20px 60px rgba(124,58,237,0.15) !important;
}

/* REDUCED MOTION — global safety */
@media(prefers-reduced-motion:reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .cursor-dot, .cursor-ring { display: none !important; }
}


/* ===== GSD FINAL PASS 2 — PDF Tools — Hue + Polish =====*/

/* SECTION HUE — CSS variable usage */
body {
  --section-hue: 220;
}
@media(prefers-reduced-motion:no-preference) {
  .hero-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: radial-gradient(ellipse 80% 50% at 50% 0%, hsl(var(--section-hue),80%,55%,0.04) 0%, transparent 60%);
    pointer-events: none;
    transition: background 1.5s ease;
  }
}

/* NAV LINKS — animated underline */
.nav-links a {
  position: relative !important;
}
.nav-links a::after {
  content: '' !important;
  position: absolute !important;
  bottom: -2px !important;
  left: 50% !important;
  right: 50% !important;
  height: 1.5px !important;
  background: linear-gradient(90deg, #2563EB, #7C3AED) !important;
  transition: left 0.3s cubic-bezier(0.16,1,0.3,1), right 0.3s cubic-bezier(0.16,1,0.3,1) !important;
  border-radius: 2px !important;
}
.nav-links a:hover::after,
.nav-links a.nav-active::after {
  left: 0 !important;
  right: 0 !important;
}

/* STAGGER — bento entrance */
.bento-card.reveal:nth-child(1) { transition-delay: 0ms !important; }
.bento-card.reveal:nth-child(2) { transition-delay: 60ms !important; }
.bento-card.reveal:nth-child(3) { transition-delay: 120ms !important; }
.bento-card.reveal:nth-child(4) { transition-delay: 180ms !important; }
.bento-card.reveal:nth-child(5) { transition-delay: 240ms !important; }
.bento-card.reveal:nth-child(6) { transition-delay: 300ms !important; }

/* TESTIMONIALS — stagger */
.tcard.reveal:nth-child(1) { transition-delay: 0ms !important; }
.tcard.reveal:nth-child(2) { transition-delay: 80ms !important; }
.tcard.reveal:nth-child(3) { transition-delay: 160ms !important; }
.tcard.reveal:nth-child(4) { transition-delay: 240ms !important; }
.tcard.reveal:nth-child(5) { transition-delay: 320ms !important; }
.tcard.reveal:nth-child(6) { transition-delay: 400ms !important; }

/* STAT BIG — hover glow */
.stat-big {
  transition: filter 0.35s ease !important;
}
.stat-block:hover .stat-big {
  filter: drop-shadow(0 0 24px rgba(59,130,246,0.7)) !important;
}

/* FEAT ITEMS — stagger */
.feat-item.reveal:nth-child(1) { transition-delay: 0ms !important; }
.feat-item.reveal:nth-child(2) { transition-delay: 60ms !important; }
.feat-item.reveal:nth-child(3) { transition-delay: 120ms !important; }
.feat-item.reveal:nth-child(4) { transition-delay: 180ms !important; }
.feat-item.reveal:nth-child(5) { transition-delay: 240ms !important; }

/* COMPARE TABLE — row hover */
.compare-table tr:not(:first-child):hover td {
  background: rgba(37,99,235,0.04) !important;
}
.compare-table tr:not(:first-child):hover td.highlight {
  background: rgba(37,99,235,0.1) !important;
}

/* HERO SUB — slightly bigger on large screens */
@media(min-width:1100px) {
  .hero-sub {
    font-size: 18px !important;
    line-height: 1.8 !important;
  }
}

/* REDUCED MOTION safety */
@media(prefers-reduced-motion:reduce) {
  .hero-bg::after { display: none !important; }
  .nav-links a::after { display: none !important; }
  .bento-card.reveal, .tcard.reveal, .feat-item.reveal { transition-delay: 0ms !important; }
}


/* ═══════════════════════════════
   GSD LOOP vFINAL — PDF Tools
   Bug fixes + Apple-level polish
   ═══════════════════════════════ */

/* FIX: announce-dismissed on body, not on hero */
body.announce-dismissed .hero {
  padding-top: 80px !important;
}
/* HERO — dynamic padding using announce-h var */
.hero {
  padding-top: calc(var(--announce-h, 0px) + 80px) !important;
}
@media(max-width:640px) {
  .hero {
    padding-top: calc(var(--announce-h, 0px) + 68px) !important;
  }
}

/* BODY overflow-x safety */
html { overflow-x: hidden !important; }

/* HERO TITLE — definitive Apple sizing */
.hero-title {
  font-size: clamp(52px, 8vw, 96px) !important;
  letter-spacing: -4px !important;
  line-height: 0.97 !important;
  font-weight: 900 !important;
}
@media(max-width:640px) {
  .hero-title {
    font-size: clamp(44px, 13vw, 68px) !important;
    letter-spacing: -2.5px !important;
    line-height: 1.0 !important;
  }
}

/* SECTION EYEBROW — premium spacing */
.section-eyebrow, .eyebrow {
  letter-spacing: 2.5px !important;
}

/* HIW SECTION — hide connectors on mobile */
@media(max-width:700px) {
  .hiw-step::after { display: none !important; }
}

/* FEATURE CARDS — gradient border on hover */
.bento-card:hover {
  background: linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.45), rgba(124,58,237,0.25)) border-box !important;
  border: 1px solid transparent !important;
  transform: translateY(-6px) scale(1.01) !important;
  box-shadow: 0 24px 64px rgba(37,99,235,0.18), 0 8px 24px rgba(0,0,0,0.4) !important;
  transition: all 0.4s cubic-bezier(0.16,1,0.3,1) !important;
}

/* Z-INDEX STACK — confirmed */
.announce-bar { z-index: 150 !important; }
.nav { z-index: 100 !important; }
.floating-cta-widget, #floatingCta { z-index: 1000 !important; }
#backToTop { z-index: 95 !important; }

/* HERO ORB — bigger, softer */
.orb-1 { width: 900px !important; height: 900px !important; opacity: 0.14 !important; }
.orb-2 { width: 750px !important; height: 750px !important; opacity: 0.10 !important; }

/* DOWNLOAD BUTTONS — magnetic-ready will-change */
.btn-store { will-change: transform; }

/* SECTION SPACING — Apple breathing room */
@media(min-width:768px) {
  .features, #features { padding-top: 140px !important; padding-bottom: 140px !important; }
  .scanner-section, #scanner { padding-top: 140px !important; padding-bottom: 140px !important; }
  .ai-section, #ai { padding-top: 140px !important; padding-bottom: 140px !important; }
  .reviews-section, #reviews { padding-top: 140px !important; padding-bottom: 140px !important; }
  .privacy-section, #privacy { padding-top: 140px !important; padding-bottom: 140px !important; }
}

/* SCROLL PROGRESS — gradient */
.scroll-progress, #scrollProgress {
  background: linear-gradient(90deg, #2563EB, #7C3AED, #06B6D4) !important;
  height: 2px !important;
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  z-index: 200 !important;
  transform-origin: left !important;
  pointer-events: none !important;
}

/* REVIEW CARDS — gradient border on hover */
.tcard:hover {
  background: linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.3), rgba(124,58,237,0.15)) border-box !important;
  border: 1px solid transparent !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 20px 56px rgba(0,0,0,0.4) !important;
  transition: all 0.35s cubic-bezier(0.16,1,0.3,1) !important;
}

/* PRIV CARDS — stagger entrance */
.priv-card.reveal:nth-child(1) { transition-delay: 0ms !important; }
.priv-card.reveal:nth-child(2) { transition-delay: 80ms !important; }
.priv-card.reveal:nth-child(3) { transition-delay: 160ms !important; }
.priv-card.reveal:nth-child(4) { transition-delay: 240ms !important; }

/* AI CARDS — stagger entrance */
.ai-card.reveal:nth-child(1) { transition-delay: 0ms !important; }
.ai-card.reveal:nth-child(2) { transition-delay: 80ms !important; }
.ai-card.reveal:nth-child(3) { transition-delay: 160ms !important; }

/* GRADIENT TEXT — animation */
.gradient-text {
  background-size: 200% 100% !important;
  animation: gradShiftPDF 3.5s ease-in-out infinite;
}
@keyframes gradShiftPDF {
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@media(prefers-reduced-motion:reduce) {
  .gradient-text { animation: none !important; }
}

/* HERO BADGE — entrance animation */
.hero-badge {
  animation: heroBadgeIn 0.8s cubic-bezier(0.16,1,0.3,1) 0.1s both;
}
@keyframes heroBadgeIn {
  from { opacity: 0; transform: translateY(16px); }
  to { opacity: 1; transform: none; }
}
@media(prefers-reduced-motion:reduce) {
  .hero-badge { animation: none; }
}

/* WORD REVEAL — fix for hero-title with BR tags */
.hero-title .word-wrap { display: inline-block; overflow: hidden; vertical-align: bottom; }
.hero-title .word { display: inline-block; opacity: 0; transform: translateY(60px); transition: opacity 0.7s cubic-bezier(0.16,1,0.3,1), transform 0.7s cubic-bezier(0.16,1,0.3,1); }
.hero-title.revealed .word { opacity: 1; transform: none; }
@media(prefers-reduced-motion:reduce) {
  .hero-title .word { opacity: 1 !important; transform: none !important; transition: none !important; }
}

/* FOOTER — Vercel-style large brand */
.footer-v2-name {
  font-size: clamp(40px, 7vw, 80px) !important;
  font-weight: 900 !important;
  letter-spacing: -3px !important;
  line-height: 1.0 !important;
}

/* REDUCED MOTION — always last */
@media(prefers-reduced-motion:reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  .cursor-dot, .cursor-ring { display: none !important; }
}

/* ═══════════════════════════════════════════════════
   GSD LOOP — PDF Tools — Final polish & shimmer pass
   ══════════════════════════════════════════════════ */

/* BENTO-HERO — shimmer sweep like flagship card */
.bento-hero {
  overflow: hidden !important;
  position: relative !important;
}
.bento-hero::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,0.055) 50%, transparent 62%) !important;
  transform: translateX(-100%) !important;
  animation: bentoheroShimmer 5s ease-in-out 3s infinite !important;
  pointer-events: none !important;
  z-index: 3 !important;
}
@keyframes bentoheroShimmer {
  0%   { transform: translateX(-100%); }
  35%  { transform: translateX(200%); }
  100% { transform: translateX(200%); }
}
@media(prefers-reduced-motion:reduce) {
  .bento-hero::after { animation: none !important; }
}

/* BENTO-HERO — gradient border upgrade */
.bento-hero {
  background: linear-gradient(rgba(37,99,235,0.10), rgba(37,99,235,0.03)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.55), rgba(124,58,237,0.35), rgba(6,182,212,0.25)) border-box !important;
  border: 1px solid transparent !important;
}
.bento-hero:hover {
  background: linear-gradient(rgba(37,99,235,0.14), rgba(37,99,235,0.05)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.75), rgba(124,58,237,0.55)) border-box !important;
  transform: translateY(-4px) scale(1.005) !important;
  box-shadow: 0 28px 70px rgba(37,99,235,0.2), 0 8px 24px rgba(0,0,0,0.45) !important;
}

/* SECTION SPACING — Apple breathing room */
.features, #features      { padding-top: 140px !important; padding-bottom: 140px !important; }
.scanner-spotlight, #scanner { padding-top: 140px !important; padding-bottom: 140px !important; }
.ai-section, #ai          { padding-top: 140px !important; padding-bottom: 140px !important; }
.stats-section            { padding-top: 100px !important; padding-bottom: 100px !important; }
.testimonials             { padding-top: 140px !important; padding-bottom: 140px !important; }
.hiw-section              { padding-top: 140px !important; padding-bottom: 140px !important; }
.cta-section              { padding-top: 120px !important; padding-bottom: 120px !important; }
.faq-section              { padding-top: 120px !important; padding-bottom: 120px !important; }
.privacy-section          { padding-top: 140px !important; padding-bottom: 140px !important; }
@media(max-width:700px) {
  .features, #features, .scanner-spotlight, .ai-section,
  .testimonials, .hiw-section, .privacy-section {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .stats-section, .cta-section, .faq-section {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
  }
}

/* SECTION EYEBROW — animated gradient shimmer on scroll-reveal */
.section-eyebrow {
  background: linear-gradient(90deg, rgba(37,99,235,0.12) 0%, rgba(124,58,237,0.15) 50%, rgba(37,99,235,0.12) 100%);
  background-size: 200% 100%;
  animation: eyebrowGlow 4s ease-in-out infinite;
}
@keyframes eyebrowGlow {
  0%,100% { background-position: 0% 50%; }
  50%      { background-position: 100% 50%; }
}
@media(prefers-reduced-motion:reduce) {
  .section-eyebrow { animation: none !important; }
}

/* STATS NUMBERS — bigger Apple-scale */
.stat-big {
  font-size: clamp(44px, 5.5vw, 64px) !important;
  letter-spacing: -3px !important;
}

/* NAV LINKS — animated underline on active */
.nav-links a {
  position: relative;
}
.nav-links a::after {
  content: '';
  position: absolute;
  bottom: -3px;
  left: 50%;
  right: 50%;
  height: 1.5px;
  background: linear-gradient(90deg, #2563EB, #7C3AED);
  transition: left 0.3s cubic-bezier(0.16,1,0.3,1), right 0.3s cubic-bezier(0.16,1,0.3,1);
  border-radius: 2px;
}
.nav-links a:hover::after,
.nav-links a.nav-active::after {
  left: 0;
  right: 0;
}

/* BENTO CARD spotlight cursor */
.bento-card {
  --bento-mx: 50%;
  --bento-my: 50%;
}
.bento-card::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  border-radius: inherit !important;
  background: radial-gradient(circle at var(--bento-mx) var(--bento-my), rgba(37,99,235,0.12) 0%, transparent 55%) !important;
  pointer-events: none !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease !important;
  z-index: 1 !important;
}
.bento-card:hover::after {
  opacity: 1 !important;
}
/* Don't double-apply the shimmer on bento-hero (override with above) */
.bento-hero::after {
  background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,0.055) 50%, transparent 62%) !important;
  opacity: 1 !important;
  inset: 0 !important;
  border-radius: 0 !important;
}

/* HERO TITLE WORD REVEAL CSS */
.hero-title .word-wrap {
  display: inline-block !important;
  overflow: hidden !important;
  vertical-align: bottom !important;
}
.hero-title .word {
  display: inline-block !important;
  opacity: 0 !important;
  transform: translateY(70px) !important;
  transition: opacity 0.75s cubic-bezier(0.16,1,0.3,1), transform 0.75s cubic-bezier(0.16,1,0.3,1) !important;
}
.hero-title.revealed .word {
  opacity: 1 !important;
  transform: none !important;
}

/* REDUCED MOTION — safety net */
@media(prefers-reduced-motion:reduce) {
  .section-eyebrow { animation: none !important; background: rgba(37,99,235,0.1) !important; }
  .bento-hero::after { animation: none !important; }
}


/* ===== GSD LOOP v7 — PDF Tools — Final Polish ===== */

/* SECTION TITLES — tighter line-height like Apple */
.section-title {
  line-height: 1.04 !important;
  letter-spacing: -1.5px !important;
}

/* HERO TITLE — max Apple-level tightness */
.hero-title {
  line-height: 0.98 !important;
  letter-spacing: -3.5px !important;
}

/* TESTIMONIALS — 3D tilt + gradient border (was missing on tcards) */
.tcard {
  transform-style: preserve-3d;
  will-change: transform;
  transition: transform 0.4s cubic-bezier(0.16,1,0.3,1), border-color 0.3s, box-shadow 0.3s !important;
}

/* PRODUCT CARDS — gradient border */
.plan-card.plan-pro {
  background: linear-gradient(rgba(124,58,237,0.08), rgba(37,99,235,0.06)) padding-box,
    linear-gradient(135deg, rgba(139,92,246,0.5), rgba(37,99,235,0.3)) border-box !important;
  border: 1px solid transparent !important;
}

/* AI CARDS — stronger gradient border on hover */
.ai-blue:hover {
  background: linear-gradient(rgba(37,99,235,0.18), rgba(37,99,235,0.05)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.55), rgba(6,182,212,0.25)) border-box !important;
  border: 1px solid transparent !important;
}
.ai-purple:hover {
  background: linear-gradient(rgba(124,58,237,0.18), rgba(124,58,237,0.05)) padding-box,
    linear-gradient(135deg, rgba(124,58,237,0.55), rgba(236,72,153,0.25)) border-box !important;
  border: 1px solid transparent !important;
}
.ai-cyan:hover {
  background: linear-gradient(rgba(6,182,212,0.18), rgba(6,182,212,0.05)) padding-box,
    linear-gradient(135deg, rgba(6,182,212,0.5), rgba(37,99,235,0.25)) border-box !important;
  border: 1px solid transparent !important;
}

/* STATS — gradient text + glow (amplify existing) */
.stat-big {
  font-size: clamp(48px, 5.5vw, 68px) !important;
  letter-spacing: -3.5px !important;
  background: linear-gradient(135deg, #93C5FD 0%, #C4B5FD 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}
[data-theme=light] .stat-big {
  background: linear-gradient(135deg, #1D4ED8 0%, #7C3AED 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* FEAT ITEMS — staggered reveal */
.feat-item:nth-child(1) { transition-delay: 0ms !important; }
.feat-item:nth-child(2) { transition-delay: 60ms !important; }
.feat-item:nth-child(3) { transition-delay: 120ms !important; }
.feat-item:nth-child(4) { transition-delay: 180ms !important; }
.feat-item:nth-child(5) { transition-delay: 240ms !important; }
.feat-item:nth-child(6) { transition-delay: 300ms !important; }

/* FOOTER V2 TAGLINE — bigger, cinematic */
.footer-v2-tagline {
  font-size: clamp(16px, 1.8vw, 22px) !important;
  line-height: 1.55 !important;
  color: rgba(248,250,255,0.55) !important;
  max-width: 380px !important;
}

/* HERO TOOLS STRIP — extra brightness on hover */
.ptools-item:hover {
  background: rgba(255,255,255,0.07) !important;
  border-color: rgba(37,99,235,0.3) !important;
}

/* SECTION eyebrow letter spacing */
.section-eyebrow {
  letter-spacing: 2px !important;
}

/* SCROLL EXPLORE — better pulse animation */
@keyframes scrollExplorePulse {
  0%,100% { opacity: 0.7; transform: translateX(-50%) translateY(0); }
  50%      { opacity: 1;   transform: translateX(-50%) translateY(4px); }
}
.scroll-explore {
  animation: scrollExplorePulse 2s ease-in-out infinite !important;
}

@media(prefers-reduced-motion:reduce) {
  .tcard { will-change: auto !important; }
  .scroll-explore { animation: none !important; }
}


/* ===== GSD LOOP v8 — PDF Tools — Cinematic Polish ===== */

/* HERO ORBS — bigger, softer, more Apple-like */
.orb-1 { width: 900px !important; height: 900px !important; opacity: 0.15 !important; filter: blur(130px) !important; }
.orb-2 { width: 750px !important; height: 750px !important; opacity: 0.10 !important; filter: blur(120px) !important; }
.orb-3 { width: 600px !important; height: 600px !important; opacity: 0.07 !important; filter: blur(110px) !important; }

/* SECTION TITLE — bump to 56px max */
.section-title {
  font-size: clamp(32px, 4.5vw, 52px) !important;
  line-height: 1.04 !important;
  letter-spacing: -2px !important;
}

/* HERO TITLE — even tighter */
.hero-title {
  font-size: clamp(56px, 8vw, 96px) !important;
  line-height: 0.97 !important;
  letter-spacing: -4px !important;
}

/* BENTO HERO — upgraded shimmer */
.bento-hero {
  position: relative;
  overflow: hidden;
}
.bento-hero::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  background: linear-gradient(105deg, transparent 38%, rgba(255,255,255,0.055) 50%, transparent 62%) !important;
  transform: translateX(-100%) !important;
  animation: bentoShimmer 4s ease-in-out 1s infinite !important;
  pointer-events: none !important;
  z-index: 2 !important;
  border-radius: 0 !important;
}
@keyframes bentoShimmer {
  0%   { transform: translateX(-100%); }
  30%  { transform: translateX(200%); }
  100% { transform: translateX(200%); }
}

/* SECTION eyebrow — bigger letter spacing */
.section-eyebrow {
  letter-spacing: 2px !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
}

/* SECTION PADDING — minimum 140px on desktop */
.features, .scanner-spotlight, .ai-section, .stats-section,
.testimonials, .hiw-section, .cta-section, .faq-section,
.pricing-section, .privacy-section, .newsletter-section,
.changelog-section, .compare-section {
  padding-top: 140px !important;
  padding-bottom: 140px !important;
}
@media(max-width:768px) {
  .features, .scanner-spotlight, .ai-section, .stats-section,
  .testimonials, .hiw-section, .cta-section, .faq-section,
  .pricing-section, .privacy-section, .newsletter-section {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
}

/* FOOTER V2 HERO — Vercel-style large centered logo */
.footer-v2-hero {
  text-align: center;
  padding: 80px 0 60px;
  border-bottom: 1px solid var(--border);
  margin-bottom: 0;
  position: relative;
}
.footer-v2-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: radial-gradient(ellipse 60% 80% at 50% 100%, rgba(37,99,235,0.07) 0%, transparent 70%);
  pointer-events: none;
}
.footer-v2-logo-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 20px;
}
.footer-v2-brand .logo-mark {
  width: 52px !important;
  height: 52px !important;
  border-radius: 14px !important;
}
.footer-v2-name {
  font-size: 32px !important;
  font-weight: 800 !important;
  letter-spacing: -1.5px !important;
}
.footer-v2-tagline {
  font-size: clamp(16px, 1.8vw, 22px) !important;
  color: var(--text-2) !important;
  max-width: 460px !important;
  margin: 0 auto 28px !important;
  line-height: 1.55 !important;
}

/* CARD border gradient on product cards */
.bento-card {
  background: linear-gradient(var(--bg-card), var(--bg-card)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.2), rgba(255,255,255,0.02)) border-box !important;
  border: 1px solid transparent !important;
  transition: all 0.35s cubic-bezier(0.16,1,0.3,1) !important;
}
.bento-card:hover {
  background: linear-gradient(var(--bg-card-h), var(--bg-card-h)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.5), rgba(124,58,237,0.3)) border-box !important;
}
.bento-hero {
  background: linear-gradient(rgba(37,99,235,0.12), rgba(37,99,235,0.03)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.5), rgba(6,182,212,0.2)) border-box !important;
  border: 1px solid transparent !important;
}

/* HERO STATS — gradient text */
.hstat-num {
  background: linear-gradient(135deg, #93C5FD, #C4B5FD) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  letter-spacing: -0.5px !important;
}

/* NAV — stronger glassmorphism when scrolled */
.nav.scrolled {
  background: rgba(5,7,15,0.92) !important;
  backdrop-filter: blur(40px) saturate(200%) !important;
  -webkit-backdrop-filter: blur(40px) saturate(200%) !important;
  box-shadow: 0 1px 0 rgba(255,255,255,0.05), 0 4px 24px rgba(0,0,0,0.3) !important;
}

/* TCARD — gradient border on hover */
.tcard:hover {
  background: linear-gradient(var(--bg-card-h), var(--bg-card-h)) padding-box,
    linear-gradient(135deg, rgba(37,99,235,0.4), rgba(124,58,237,0.2)) border-box !important;
  border: 1px solid transparent !important;
  transform: translateY(-5px) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.35) !important;
}

/* HIW steps — bigger number */
.hiw-num {
  font-size: 13px !important;
  letter-spacing: 3px !important;
}

/* MOBILE — ensure no overflow */
@media(max-width:640px) {
  html, body { overflow-x: hidden !important; max-width: 100vw !important; }
  .hero-title { letter-spacing: -2.5px !important; }
}

/* REDUCED MOTION safety */
@media(prefers-reduced-motion:reduce) {
  .bento-hero::after { animation: none !important; }
}