.comm-btn[data-astro-cid-j7pv25f6]:hover{background:var(--surface-2)!important;border-color:var(--brand-faint)!important;color:var(--brand)!important;transform:translateY(-2px)}#features{padding-bottom:40px;padding-top:40px;scroll-margin-top:80px}.social-proof{padding:40px 24px 80px;text-align:center}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}to{opacity:.5;transform:scale(1)}}.hero-wrap{position:relative;padding:80px 24px 40px;text-align:center;overflow:hidden}.hero-bg-glow{position:absolute;top:-20%;left:50%;transform:translate(-50%);width:800px;height:600px;background:radial-gradient(circle,var(--glow-color) 0%,transparent 70%);filter:blur(80px);opacity:.8;pointer-events:none;animation:glowPulse 8s infinite ease-in-out}.hero{position:relative;z-index:10;max-width:1100px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:999px;padding:6px 16px;font-size:13px;font-weight:600;margin-bottom:32px;animation:fadeUp .8s ease backwards;backdrop-filter:blur(10px)}.hero-badge .tag{background:var(--brand-faint);color:var(--brand);padding:2px 8px;border-radius:999px;font-size:11px;text-transform:uppercase;letter-spacing:.05em}.hero h1{font-size:clamp(40px,7vw,84px);font-weight:800;letter-spacing:-2.5px;line-height:1.05;margin-bottom:28px;animation:fadeUp .8s ease .1s backwards}.hero h1 span{color:var(--brand)}.hero p{font-size:20px;color:var(--text-secondary);max-width:640px;margin:0 auto 48px;line-height:1.6;animation:fadeUp .8s ease .2s backwards;font-weight:400}.hero-ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeUp .8s ease .3s backwards}.btn-primary{background:var(--brand);color:#fff;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;transition:all .2s;display:inline-flex;align-items:center;gap:10px;box-shadow:0 10px 30px color-mix(in srgb,var(--brand) 40%,transparent)}.btn-primary:hover{background:var(--brand-hover);transform:translateY(-2px);box-shadow:0 15px 40px color-mix(in srgb,var(--brand) 60%,transparent)}.btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text);padding:16px 32px;border-radius:12px;font-size:16px;font-weight:500;transition:all .2s;display:inline-flex;align-items:center;gap:10px;backdrop-filter:blur(10px)}.btn-secondary:hover{background:var(--surface-2);border-color:var(--text-muted)}.hero-mockup{margin-top:48px;position:relative;animation:fadeUp 1s ease .5s backwards;perspective:1000px}.macos-window{background:var(--bg);border:1px solid var(--border);border-radius:12px;overflow:hidden;box-shadow:0 25px 50px -12px #000c;transition:transform .1s ease-out;transform-style:preserve-3d}.macos-header{height:38px;background:var(--surface-2);display:flex;align-items:center;padding:0 16px;gap:8px;border-bottom:1px solid var(--border)}.macos-header .dot{width:12px;height:12px;border-radius:50%}.macos-header .close{background:#ff5f56}.macos-header .min{background:#ffbd2e}.macos-header .max{background:#27c93f}.macos-window img{display:block;width:100%;height:auto}.hero-img-wrap{position:relative;display:block;width:100%;aspect-ratio:1909 / 800;overflow:hidden}.hero-theme-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top left;opacity:0;transition:opacity .4s ease}html[data-theme=light] #hero-img-light,html[data-theme=dark] #hero-img-dark,html[data-theme=sepia] #hero-img-sepia{opacity:1}html:not([data-theme]) #hero-img-light{opacity:1}.hero-mockup:after{content:"";position:absolute;inset:-20px;background:linear-gradient(to bottom,transparent 60%,var(--bg) 100%);pointer-events:none;z-index:2}section{padding:80px 24px;position:relative}.inner{max-width:1200px;margin:0 auto;position:relative;z-index:10}.sec-label{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--brand);margin-bottom:16px}.sec-title{font-size:clamp(32px,5vw,48px);font-weight:800;letter-spacing:-1.5px;margin-bottom:20px}.sec-sub{font-size:18px;color:var(--text-secondary);max-width:580px;line-height:1.7}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.feat{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px 32px;transition:transform .4s,box-shadow .4s,border-color .4s;position:relative;overflow:hidden}.feat:before{content:"";position:absolute;inset:0;background:radial-gradient(800px circle at var(--mouse-x) var(--mouse-y),color-mix(in srgb,var(--brand) 8%,transparent),transparent 40%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:1}.feat:hover:before{opacity:1}.feat>*{position:relative;z-index:2}.feat:hover{transform:translateY(-5px);border-color:#ffffff26;box-shadow:0 20px 40px #0003}.bento-accordion{display:flex;gap:16px;height:550px;margin:40px 0 24px}.bento-item{flex:1;position:relative;border-radius:24px;overflow:hidden;cursor:pointer;transition:flex .6s cubic-bezier(.16,1,.3,1),transform .3s,border-color .3s,box-shadow .3s;background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column}.bento-item:before{content:"";position:absolute;inset:0;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),color-mix(in srgb,var(--brand) 10%,transparent),transparent 40%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:12}.bento-item:not(.active):hover:before{opacity:1}.bento-item:not(.active):hover{border-color:color-mix(in srgb,var(--brand) 40%,var(--border));box-shadow:0 10px 30px #00000026}.bento-item.active{flex:3;border-color:var(--brand);box-shadow:0 30px 60px #0000004d}.bento-bg{position:absolute;inset:-10%;background-size:cover;background-position:center;background-image:url(/welcome-light.webp);opacity:0;transition:opacity .5s ease;z-index:1}html[data-theme=dark] .bento-bg{background-image:url(/welcome-dark.webp)}html[data-theme=sepia] .bento-bg{background-image:url(/welcome-beise.webp)}.bento-item.active .bento-bg{opacity:.15}.bento-item.active .bento-bg{opacity:.6}.bento-content{position:absolute;inset:0;padding:28px;background:linear-gradient(to top,var(--bg) 0%,transparent 80%);display:flex;flex-direction:column;pointer-events:none;z-index:11}.bento-icon{width:48px;height:48px;background:var(--brand-faint);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--brand);margin-bottom:auto;border:1px solid color-mix(in srgb,var(--brand) 20%,transparent);transition:all .4s;backdrop-filter:blur(10px)}.bento-item.active .bento-icon{color:var(--brand);background:var(--brand-faint);border-color:color-mix(in srgb,var(--brand) 30%,transparent)}.bento-text h3{font-size:22px;font-weight:700;margin-bottom:8px;transition:transform .4s}.bento-text p{font-size:14px;color:var(--text-secondary);line-height:1.6;max-height:0;opacity:0;transform:translateY(10px);transition:max-height .6s cubic-bezier(.16,1,.3,1),opacity .4s,transform .4s}.bento-item.active .bento-text p{max-height:100px;opacity:1;transform:translateY(0);margin-top:12px}.bento-item:not(.active) .bento-text h3{transform:translateY(10px)}.mock-ui{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.95);transition:all .6s cubic-bezier(.16,1,.3,1);pointer-events:none;z-index:20}.bento-item.active .mock-ui{opacity:1;transform:none}.bento-item.active .m-wf-camera{animation:wfCamera 9.115s cubic-bezier(.4,0,.2,1) infinite}.bento-item.active .m-wf-engine{animation:wfEngineAppear 9.115s cubic-bezier(.4,0,.2,1) infinite}.bento-item.active .m-wf-folder{animation:wfFolderNew 9.115s cubic-bezier(.4,0,.2,1) infinite}.bento-item.active .m-wf-selection{animation:wfSelectionNew 9.115s cubic-bezier(.4,0,.2,1) infinite}.bento-item.active .m-wf-file-1{animation:wfFile1 9.115s cubic-bezier(.4,0,.2,1) infinite}.bento-item.active .m-wf-file-2{animation:wfFile2 9.115s cubic-bezier(.4,0,.2,1) infinite}.bento-item.active .m-wf-file-3{animation:wfFile3 9.115s cubic-bezier(.4,0,.2,1) infinite}.bento-item.active .m-cursor.m-cursor-wf{animation:wfCursorNew 9.115s cubic-bezier(.4,0,.2,1) infinite}.bento-item.active .m-wf-engine-ring{animation:wfEngineRing 9.115s ease-in-out infinite}.bento-item.active .m-wf-gear{animation:wfGearRotate 9.115s linear infinite}.bento-item.active .m-wf-format-out-1{animation:wfFormat1 9.115s cubic-bezier(.34,1.56,.64,1) infinite}.bento-item.active .m-wf-conn-line{animation:wfConnLineAppear 9.115s cubic-bezier(.4,0,.2,1) infinite}.bento-item.active .m-wf-conn-glow{animation:wfConnDash 9.115s linear infinite}.bento-item.active .m-wf-device{animation:wfDeviceAppear 9.115s cubic-bezier(.4,0,.2,1) infinite}.bento-item.active .m-wf-ereader-content{animation:wfEreaderScreen 9.115s ease-out infinite}.bento-item.active .m-wf-ereader-badge{animation:wfEreaderBadge 9.115s cubic-bezier(.34,1.56,.64,1) infinite}.bento-item.active .m-wf-ereader-body{animation:wfDevicePulse 9.115s ease-out infinite}@keyframes wfCamera{0%,38.5%{transform:scale(1.5) translate(53px);opacity:1}48.2%,84.1%{transform:scale(1.5) translate(-55px);opacity:1}90.3%,to{transform:scale(1.5) translate(-55px);opacity:0}}@keyframes wfEngineAppear{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}9%,84.1%{opacity:1;transform:translate(-50%,-50%) scale(1)}90.3%,to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@keyframes wfCursorNew{0%,20.8%{opacity:0;transform:translate(40px,40px)}21.9%{opacity:1;transform:translate(40px,40px)}26.3%{opacity:1;transform:translate(5px,5px)}28%{opacity:1;transform:translate(5px,5px) scale(.8)}29.6%{opacity:1;transform:translate(5px,5px) scale(1)}31.8%,to{opacity:0;transform:translate(5px,5px)}}@keyframes wfFile1{0%{transform:translate(calc(-50% - 115px),calc(-50% - 32px)) scale(1);opacity:0;box-shadow:none;border-color:var(--border)}9%,12.5%{transform:translate(calc(-50% - 115px),calc(-50% - 32px)) scale(1);opacity:1;box-shadow:0 4px 10px #0000001a;border-color:var(--border)}13.5%,16.1%{transform:translate(calc(-50% - 115px),calc(-50% - 32px)) scale(1);opacity:1;box-shadow:0 4px 10px #0000001a;border-color:var(--brand)}21.4%{transform:translate(calc(-50% + -0px),-50%) scale(.4);opacity:.8;box-shadow:0 4px 10px #0000001a;border-color:var(--brand)}23.8%,to{transform:translate(calc(-50% + -0px),-50%) scale(0);opacity:0;box-shadow:none;border-color:var(--border)}}@keyframes wfFile2{0%{transform:translate(calc(-50% - 115px),calc(-50% + -0px)) scale(1);opacity:0;box-shadow:none;border-color:var(--border)}9%,12.5%{transform:translate(calc(-50% - 115px),calc(-50% + -0px)) scale(1);opacity:1;box-shadow:0 4px 10px #0000001a;border-color:var(--border)}13.5%,16.1%{transform:translate(calc(-50% - 115px),calc(-50% + -0px)) scale(1);opacity:1;box-shadow:0 4px 10px #0000001a;border-color:var(--brand)}21.4%{transform:translate(calc(-50% + -0px),-50%) scale(.4);opacity:.8;box-shadow:0 4px 10px #0000001a;border-color:var(--brand)}23.8%,to{transform:translate(calc(-50% + -0px),-50%) scale(0);opacity:0;box-shadow:none;border-color:var(--border)}}@keyframes wfFile3{0%{transform:translate(calc(-50% - 115px),calc(-50% + 32px)) scale(1);opacity:0;box-shadow:none;border-color:var(--border)}9%,12.5%{transform:translate(calc(-50% - 115px),calc(-50% + 32px)) scale(1);opacity:1;box-shadow:0 4px 10px #0000001a;border-color:var(--border)}13.5%,16.1%{transform:translate(calc(-50% - 115px),calc(-50% + 32px)) scale(1);opacity:1;box-shadow:0 4px 10px #0000001a;border-color:var(--brand)}21.4%{transform:translate(calc(-50% + -0px),-50%) scale(.4);opacity:.8;box-shadow:0 4px 10px #0000001a;border-color:var(--brand)}23.8%,to{transform:translate(calc(-50% + -0px),-50%) scale(0);opacity:0;box-shadow:none;border-color:var(--border)}}@keyframes wfEngineRing{0%,29.6%{border-color:transparent;transform:scale(.9);box-shadow:none}36.2%,84.1%{border-color:var(--brand);transform:scale(1.1);box-shadow:0 0 15px color-mix(in srgb,var(--brand) 60%,transparent)}90.3%,to{border-color:transparent;transform:scale(1.1);box-shadow:none}}@keyframes wfGearRotate{0%,29.6%{transform:rotate(0);stroke:var(--text-secondary)}36.2%,84.1%{transform:rotate(360deg);stroke:var(--brand)}90.3%,to{transform:rotate(360deg);stroke:var(--text-secondary)}}@keyframes wfFormat1{0%,35.1%{opacity:0;transform:translate(-50%) scale(.5) translateY(0)}38.4%,45%{opacity:1;transform:translate(-50%) scale(1) translateY(-12px)}50.5%,to{opacity:0;transform:translate(-50%) scale(.8) translateY(-18px)}}@keyframes wfConnLineAppear{0%,42.2%{opacity:0}48.2%,84.1%{opacity:1}90.3%,to{opacity:0}}@keyframes wfConnDash{0%,46.3%{stroke-dashoffset:60;opacity:0}48.2%{opacity:1}71.5%{stroke-dashoffset:0;opacity:1}77.5%,to{opacity:0;stroke-dashoffset:0}}@keyframes wfDeviceAppear{0%,38.5%{opacity:0;transform:translate(calc(-50% + 115px),-50%) scale(.8) translateY(20px)}48.2%,84.1%{opacity:1;transform:translate(calc(-50% + 115px),-50%) scale(1) translateY(0)}90.3%,to{opacity:0;transform:translate(calc(-50% + 115px),-50%) scale(1) translateY(0)}}@keyframes wfEreaderScreen{0%,69.7%{opacity:0}71.5%,84.1%{opacity:1}90.3%,to{opacity:0}}@keyframes wfEreaderBadge{0%,69.7%{opacity:0;transform:translate(-50%) scale(.5) translateY(0)}71.5%,84.1%{opacity:1;transform:translate(-50%) scale(1) translateY(4px)}90.3%,to{opacity:0;transform:translate(-50%) scale(1) translateY(4px)}}@keyframes wfDevicePulse{0%,69.7%{box-shadow:none}71.5%,84.1%{box-shadow:0 0 20px #3b82f666}90.3%,to{box-shadow:none}}@keyframes wfFolderNew{0%{opacity:0;transform:translate(calc(-50% - 115px),calc(-50% - 7.5px)) scale(.9)}9%,17.1%{opacity:1;transform:translate(calc(-50% - 115px),calc(-50% - 7.5px)) scale(1)}20.1%,to{opacity:0;transform:translate(calc(-50% - 115px),calc(-50% - 7.5px)) scale(.9)}}@keyframes wfSelectionNew{0%,9%{opacity:0;width:0;height:0;transform:translate(-160px,-48px)}9%{opacity:1;width:0;height:0;transform:translate(-160px,-48px)}15%,16%{opacity:1;width:90px;height:96px;transform:translate(-160px,-48px)}16%,to{opacity:0;width:90px;height:96px;transform:translate(-160px,-48px)}}.mock-search{flex-direction:column}.m-search-bar{background:var(--surface);border:1px solid rgba(255,255,255,.15);padding:12px 24px;border-radius:999px;display:flex;align-items:center;gap:12px;box-shadow:0 20px 40px #00000080;font-size:16px;color:var(--text-secondary);width:85%;backdrop-filter:blur(10px)}.typewriter{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid var(--text);vertical-align:bottom;width:0}.bento-item.active .typewriter{animation:loopType 8s cubic-bezier(.4,0,.2,1) infinite}.m-search-results{background:var(--surface);border:1px solid var(--border);border-radius:12px;width:85%;margin-top:12px;box-shadow:0 20px 40px #00000080;padding:8px;display:flex;flex-direction:column;gap:4px;opacity:0;transform:translateY(-10px);pointer-events:none}.bento-item.active .m-search-results{animation:loopDrop 8s ease infinite}.m-res-item{display:flex;gap:12px;align-items:center;padding:8px;border-radius:8px;position:relative}.m-res-cover{width:32px;height:48px;background:var(--border);border-radius:4px}.m-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.m-author{font-size:12px;color:var(--text-muted)}.m-badge{margin-left:auto;font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px}.m-badge.action{background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;width:60px;height:24px;overflow:hidden;position:relative}.bento-item.active .t-get{animation:loopGetText 8s infinite}.bento-item.active .t-success{animation:loopSuccessText 8s infinite}.bento-item.active .t-open{animation:loopOpenText 8s infinite}.m-cursor{position:absolute;right:-50px;bottom:-50px;opacity:0;width:24px;height:24px;z-index:100;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));pointer-events:none}.bento-item.active .m-cursor{animation:loopCursor 8s cubic-bezier(.16,1,.3,1) infinite}.bento-item.active .m-res-item.target{animation:loopHover 8s linear infinite}.bento-item.active .m-badge.action{animation:loopActionBtn 8s linear infinite}.mock-reader{display:flex;flex-direction:column;padding:0;align-items:center;justify-content:center;background:var(--bg);width:85%;border-radius:12px;border:1px solid var(--border);box-shadow:0 20px 40px #00000080;position:relative;margin-top:-50px}@keyframes readerFadeOut{0%{opacity:0}6%,84%{opacity:1}87%,to{opacity:0}}.bento-item.active .mock-reader{animation:loopReaderBg 12s infinite,readerFadeOut 12s linear infinite}@media(max-width:640px){.hero-wrap{padding:60px 20px 40px}.bento-accordion{flex-direction:column;height:auto;min-height:800px}}.m-page{width:100%;padding:40px 30px;display:flex;flex-direction:column;align-items:flex-start}.bento-item.active .m-page{animation:loopMargins 12s infinite}.mock-reader h4{font-family:Times New Roman,serif;font-size:24px;margin-bottom:20px;font-weight:400;font-style:italic;color:var(--text)}.bento-item.active .mock-reader h4{animation:loopReaderText 12s infinite}.m-line{width:100%;height:8px;background:var(--text-muted);opacity:.2;margin-bottom:14px;border-radius:4px;position:relative}.bento-item.active .mock-reader .m-line{animation:loopReaderLine 12s infinite}.m-theme-panel{position:absolute;top:16px;right:16px;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:8px;display:flex;flex-direction:column;gap:8px;opacity:0;transform:translateY(-10px);box-shadow:0 10px 20px #00000080;z-index:10;backdrop-filter:blur(10px)}.bento-item.active .m-theme-panel{animation:dropResults 12s infinite}.m-t-btn{width:18px;height:18px;border-radius:50%;border:1px solid var(--border)}.bento-item.active .m-t-btn.light{animation:loopThemeBtnLight 12s infinite}.bento-item.active .m-t-btn.sepia{animation:loopThemeBtn 12s infinite}.m-t-slider-wrap{display:flex;align-items:center;gap:6px;color:var(--text-muted)}.m-t-slider{width:44px;height:4px;background:var(--border);border-radius:2px;position:relative}.m-t-thumb{position:absolute;left:0;top:50%;transform:translateY(-50%);width:10px;height:10px;background:var(--text);border-radius:50%}.bento-item.active .m-t-thumb{animation:loopSlider 12s infinite}.m-highlight{position:absolute;left:40px;top:-2px;bottom:-2px;width:0;background:#facc1566;border-radius:4px}.bento-item.active .m-highlight{animation:loopHighlight 12s infinite}.m-hl-popover{position:absolute;left:40px;bottom:100%;margin-bottom:8px;background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:6px;display:flex;align-items:center;gap:8px;box-shadow:0 10px 20px #0000004d;opacity:0;pointer-events:none;z-index:10;white-space:nowrap;width:max-content}.m-hl-popover:after{content:"";position:absolute;bottom:-5px;left:20px;width:10px;height:10px;background:var(--bg);border-bottom:1px solid var(--border);border-right:1px solid var(--border);transform:rotate(45deg)}.m-hl-color{width:14px;height:14px;border-radius:50%;border:1px solid rgba(0,0,0,.1)}.m-hl-color.yellow{background:#facc15}.m-hl-color.green{background:#4ade80}.m-hl-color.blue{background:#60a5fa}.bento-item.active .m-hl-color.blue{animation:hlColorClick 12s infinite}.m-hl-btn{font-size:10px;font-weight:600;padding:2px 6px;background:var(--surface-2);border-radius:4px;color:var(--text);white-space:nowrap}.bento-item.active .m-hl-btn{animation:hlBtnClick 12s infinite}.bento-item.active .m-hl-popover{animation:loopPopover 12s infinite}.m-annotation{position:absolute;left:40px;bottom:100%;margin-bottom:8px;background:var(--r-anim-bg, #fdf6e3);border:1px solid rgba(0,0,0,.1);box-shadow:0 10px 20px #00000080;padding:6px 10px;border-radius:8px;font-size:11px;font-weight:700;color:var(--r-anim-text, #433422);opacity:0;z-index:10;pointer-events:none;display:flex;align-items:center;white-space:nowrap}.m-annotation:after{content:"";position:absolute;bottom:-5px;left:20px;width:10px;height:10px;background:var(--r-anim-bg, #fdf6e3);border-bottom:1px solid rgba(0,0,0,.1);border-right:1px solid rgba(0,0,0,.1);transform:rotate(45deg)}.bento-item.active .m-annotation{animation:loopAnnotation 12s infinite}.m-anno-typewriter{display:inline-block;overflow:hidden;white-space:nowrap;border-right:2px solid var(--r-anim-text, #433422);vertical-align:bottom;width:0}.bento-item.active .m-anno-typewriter{animation:annoType 12s infinite}.m-anno-save{background:var(--brand);color:#fff;border-radius:4px;padding:2px 6px;font-size:9px;margin-left:8px;display:inline-block;opacity:0}.bento-item.active .m-anno-save{animation:annoSave 12s infinite}.m-cursor-reader{position:absolute;left:120%;top:250px;opacity:0;width:24px;height:24px;z-index:100;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.5));pointer-events:none;margin-left:-4px;margin-top:-2px}.bento-item.active .m-cursor-reader{animation:loopCursorReader 12s infinite}.mock-ai{display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;width:100%;height:100%}.ai-conv{position:absolute;top:50%;transform:translateY(-50%);margin-top:-40px;width:85%;display:flex;flex-direction:column;gap:8px}.m-bubble{padding:10px 14px;border-radius:14px;font-size:11px;max-width:90%;line-height:1.4;box-shadow:0 10px 20px #0000001a;opacity:0;position:relative;-webkit-font-smoothing:antialiased;transform:translateZ(0);will-change:transform,opacity;backface-visibility:hidden}.m-bubble.user{background:var(--brand);color:#fff;align-self:flex-end;border-bottom-right-radius:4px}.m-bubble.ai{background:var(--bg);border:1px solid var(--border);border-top-left-radius:4px;color:var(--text);align-self:flex-start}.bento-item.active .m-b-1{animation:aiMsg1 12s infinite}.bento-item.active .m-b-2{animation:aiMsg2 12s infinite}.bento-item.active .m-b-3{animation:aiMsg3 12s infinite}.bento-item.active .m-b-4{animation:aiMsg4 12s infinite}.bento-item.active .m-b-5{animation:aiMsg5 12s infinite}.bento-item.active .m-b-6{animation:aiMsg6 12s infinite}@keyframes aiMsg1{0%,2%{opacity:0;transform:translateY(10px)}8%,45%{opacity:1;transform:translateY(0)}50%,to{opacity:0;transform:translateY(-10px)}}@keyframes aiMsg2{0%,10%{opacity:0;transform:translateY(10px)}16%,45%{opacity:1;transform:translateY(0)}50%,to{opacity:0;transform:translateY(-10px)}}@keyframes aiMsg3{0%,20%{opacity:0;transform:translateY(10px)}26%,45%{opacity:1;transform:translateY(0)}50%,to{opacity:0;transform:translateY(-10px)}}@keyframes aiMsg4{0%,28%{opacity:0;transform:translateY(10px)}34%,45%{opacity:1;transform:translateY(0)}50%,to{opacity:0;transform:translateY(-10px)}}@keyframes aiMsg5{0%,55%{opacity:0;transform:translateY(10px)}61%,95%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes aiMsg6{0%,65%{opacity:0;transform:translateY(10px)}71%,95%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes dropResults{to{opacity:1;transform:translateY(0)}}@keyframes loopType{0%,6%{width:0}18%,85%{width:84px}90%,to{width:0}}@keyframes loopDrop{0%,25%{opacity:0;transform:translateY(-10px)}30%,85%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(-10px)}}@keyframes loopHover{0%,35%{background:transparent}36%,85%{background:var(--surface-2)}86%,to{background:transparent}}@keyframes loopCursor{0%,30%{opacity:0;right:-50px;bottom:-50px;transform:scale(1)}35%{opacity:1;right:10px;bottom:5px;transform:scale(1)}43%{opacity:1;right:10px;bottom:5px;transform:scale(1)}44%{opacity:1;right:10px;bottom:5px;transform:scale(.9)}46%{opacity:1;right:10px;bottom:5px;transform:scale(1)}68%{opacity:1;right:10px;bottom:5px;transform:scale(1)}69%{opacity:1;right:10px;bottom:5px;transform:scale(.9)}71%{opacity:1;right:10px;bottom:5px;transform:scale(1)}78%,to{opacity:0;right:-50px;bottom:-50px;transform:scale(1)}}@keyframes loopActionBtn{0%,43%{background:var(--brand);transform:scale(1);color:#fff}44%{background:var(--brand);transform:scale(.95);color:#fff}46%,47%{background:var(--brand);transform:scale(1);color:#fff}48%,58%{background:#10b981;transform:scale(1);color:#fff}59%,68%{background:var(--surface-2);color:var(--text);transform:scale(1)}69%{background:var(--surface-2);color:var(--text);transform:scale(.95)}71%,90%{background:var(--surface-2);color:var(--text);transform:scale(1)}91%,to{background:var(--brand);color:#fff}}@keyframes loopGetText{0%,47%{opacity:1}48%,to{opacity:0}}@keyframes loopSuccessText{0%,47%{opacity:0}48%,58%{opacity:1}59%,to{opacity:0}}@keyframes loopOpenText{0%,58%{opacity:0}59%,90%{opacity:1}91%,to{opacity:0}}@keyframes annoType{0%,66%{width:0}75.4%,80.7%{width:82px}86%,to{width:0}}@keyframes annoSave{0%,71.2%{opacity:0;transform:translateY(2px)}73.3%,76.5%{opacity:1;transform:translateY(0) scale(1);background:var(--brand)}77.6%,79.7%{opacity:1;transform:translateY(0) scale(.9);background:#10b981}80.7%,82.8%{opacity:1;transform:translateY(0) scale(1);background:#10b981}86%,to{opacity:0;transform:translateY(2px)}}@keyframes hlColorClick{0%,51.2%{transform:scale(1);border-color:#0000001a}52.2%,53.3%{transform:scale(.8);border-color:var(--text)}54.3%,to{transform:scale(1);border-color:#0000001a}}@keyframes hlBtnClick{0%,58.6%{background:var(--surface-2);transform:scale(1);color:var(--text)}60.7%,61.7%{background:var(--brand);transform:scale(.95);color:#fff}62.8%,to{background:var(--surface-2);transform:scale(1);color:var(--text)}}@keyframes loopCursorReader{0%,8%{opacity:0;left:100%;top:250px}13.3%{opacity:1;left:calc(100% - 68px);top:52px;transform:scale(1)}15.3%{opacity:1;left:calc(100% - 68px);top:52px;transform:scale(.9)}20.6%{opacity:1;left:calc(100% - 48px);top:52px;transform:scale(.9)}22.7%{opacity:1;left:calc(100% - 48px);top:52px;transform:scale(1)}27.9%{opacity:1;left:calc(100% - 57px);top:33px;transform:scale(1)}31.1%{opacity:1;left:calc(100% - 57px);top:33px;transform:scale(.9)}33.2%{opacity:1;left:calc(100% - 57px);top:33px;transform:scale(1)}38.5%{opacity:1;left:90px;top:146px;transform:scale(1)}40.6%{opacity:1;left:90px;top:146px;transform:scale(.9)}45.9%{opacity:1;left:170px;top:146px;transform:scale(.9)}48%{opacity:1;left:170px;top:146px;transform:scale(1)}48.1%,51.1%{opacity:0}51.2%{opacity:1;left:149px;top:118px;transform:scale(1)}52.2%{opacity:1;left:149px;top:118px;transform:scale(.9)}53.3%{opacity:1;left:149px;top:118px;transform:scale(1)}54.3%{opacity:1;left:149px;top:118px;transform:scale(1)}58.6%{opacity:1;left:192px;top:121px;transform:scale(1)}60.7%{opacity:1;left:192px;top:121px;transform:scale(.9)}61.7%{opacity:1;left:192px;top:121px;transform:scale(.9)}62.8%{opacity:1;left:192px;top:121px;transform:scale(1)}71.2%{opacity:1;left:210px;top:119px;transform:scale(1)}76.5%{opacity:1;left:210px;top:119px;transform:scale(1)}77.6%{opacity:1;left:210px;top:119px;transform:scale(.9)}79.7%{opacity:1;left:210px;top:119px;transform:scale(1)}86%,to{opacity:0;left:210px;top:119px;transform:scale(1)}}@keyframes loopSlider{0%,15.3%{left:0}20.6%,to{left:20px}}@keyframes loopMargins{0%,15.3%{padding:40px 30px}20.6%,to{padding:40px 50px}}@keyframes loopReaderBg{0%,31.1%{background:var(--bg)}32.2%,to{background:var(--r-anim-bg)}}@keyframes loopReaderText{0%,31.1%{color:var(--text)}32.2%,to{color:var(--r-anim-text)}}@keyframes loopReaderLine{0%,31.1%{background:var(--text-muted);opacity:.2}32.2%,to{background:var(--r-anim-line);opacity:.25}}@keyframes loopThemeBtnLight{0%,31.1%{border:2px solid var(--brand);transform:scale(1.1)}31.2%,to{border:1px solid var(--border);transform:scale(1)}}@keyframes loopThemeBtn{0%,31.1%{border:1px solid var(--border);transform:scale(1)}31.2%,to{border:2px solid var(--brand);transform:scale(1.1)}}@keyframes loopHighlight{0%,40.6%{width:0;background:#facc1533}45.9%,52.2%{width:80px;background:#facc1566}52.3%,to{width:80px;background:#60a5fa66}}@keyframes loopPopover{0%,46.9%{opacity:0;transform:translateY(10px)}49.1%,62.8%{opacity:1;transform:translateY(0)}64.9%,to{opacity:0;transform:translateY(10px)}}@keyframes loopAnnotation{0%,63.8%{opacity:0;transform:translateY(10px)}65.9%,80.7%{opacity:1;transform:translateY(0)}86%,to{opacity:0;transform:translateY(10px)}}.extra-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-top:24px}.feat-icon{width:48px;height:48px;background:var(--brand-faint);border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--brand);margin-bottom:24px;font-size:24px;border:1px solid color-mix(in srgb,var(--brand) 20%,transparent)}.feat h3{font-size:20px;font-weight:700;margin-bottom:12px;letter-spacing:-.3px}.feat p{font-size:15px;color:var(--text-secondary);line-height:1.7}.premium-chip{display:inline-flex;align-items:center;gap:4px;background:var(--brand-faint);color:var(--brand);border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);border-radius:6px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;margin-left:10px;vertical-align:middle}.mock-workflow-container{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}