@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--background:#f8fafc;--surface:#ffffffb3;--surface-hover:#f1f5f9cc;--primary:#10b981;--primary-hover:#059669;--text-primary:#0f172a;--text-secondary:#475569;--border:#0000001a;--glass-shadow:0 8px 32px 0 #0000000d;--glass-blur:blur(16px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--text-primary);background-image:radial-gradient(circle at 15%,#10b9810d,#0000 25%),radial-gradient(circle at 85% 30%,#0ea5e90d,#0000 25%);background-attachment:fixed;min-height:100vh;font-family:Outfit,sans-serif;overflow-x:hidden}.glass-panel{background:var(--surface);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border);box-shadow:var(--glass-shadow);border-radius:16px;padding:24px;transition:transform .3s,background .3s}.glass-panel:hover{background:var(--surface-hover);transform:translateY(-2px)}.container{max-width:1200px;margin:0 auto;padding:40px 20px}h1{color:#10b981;margin-bottom:1rem;font-size:3rem;font-weight:700}h2{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:600}p{color:var(--text-secondary);line-height:1.6}.search-container{gap:12px;max-width:600px;margin-bottom:40px;display:flex}.input-field{border:1px solid var(--border);color:var(--text-primary);background:#ffffffe6;border-radius:12px;outline:none;flex:1;padding:16px 20px;font-family:inherit;font-size:1rem;transition:border-color .3s,box-shadow .3s}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b98133}.btn-secondary{color:#0f172a;background:#fff;border:2px solid #e2e8f0;border-radius:99px;align-items:center;gap:8px;padding:16px 32px;font-size:1.1rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px)}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:16px 24px;font-family:inherit;font-size:1rem;font-weight:600;transition:background .3s,transform .2s;display:inline-flex}.btn-primary:hover{background:var(--primary-hover);transform:scale(1.05)}.btn-primary:active{transform:scale(.95)}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;display:grid}.tag{color:#34d399;background:#10b98133;border-radius:999px;margin-bottom:8px;margin-right:8px;padding:4px 12px;font-size:.85rem;font-weight:500;display:inline-block}.loader{border:3px solid #0000001a;border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.upload-area{border:2px dashed var(--border);text-align:center;cursor:pointer;border-radius:16px;margin-bottom:24px;padding:40px;transition:all .3s}.upload-area:hover,.upload-area.drag-active{border-color:var(--primary);background:#10b9810d}.navbar{z-index:50;-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:none;border-bottom:1px solid #0000000d;border-radius:0;padding:16px 0;position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.navbar-logo{align-items:center;gap:12px;text-decoration:none;display:flex}.navbar-title{color:#0f172a;letter-spacing:-.01em;font-family:Playfair Display,Outfit,serif;font-size:1.8rem;font-weight:800}.logo-icon-wrapper{color:#10b981;justify-content:center;align-items:center;display:flex}.navbar-links{align-items:center;gap:24px;display:flex}.nav-link{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .3s}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-btn{border-radius:999px;padding:10px 20px;font-size:.95rem}.landing-wrapper{overflow:hidden}.text-gradient{color:#059669}.section-header{text-align:center;max-width:600px;margin:0 auto 60px}.section-header h2{letter-spacing:-.02em;margin-bottom:16px;font-size:2.5rem;font-weight:700}.section-header p{opacity:.8;font-size:1.1rem}.hero-premium{align-items:center;gap:60px;max-width:1200px;min-height:80vh;margin:0 auto;padding:80px 24px;display:flex}.hero-content{flex:1;max-width:600px}.hero-badge{color:#059669;background:#10b9811a;border:1px solid #10b98133;border-radius:999px;align-items:center;gap:8px;margin-bottom:32px;padding:8px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.badge-icon{color:#10b981}.hero-headline{letter-spacing:-.03em;color:var(--text-primary);margin-bottom:24px;font-size:4.5rem;font-weight:800;line-height:1.05}.hero-subheadline{color:var(--text-secondary);margin-bottom:40px;font-size:1.25rem;line-height:1.6}.hero-actions{gap:16px;display:flex}.btn-premium{background:var(--text-primary);color:var(--background);border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:16px 32px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex;box-shadow:0 10px 30px #0000001a}.btn-premium:hover{transform:translateY(-2px);box-shadow:0 15px 40px #00000026}.btn-large{padding:20px 40px;font-size:1.2rem}.hero-visual{flex:1;justify-content:center;align-items:center;display:flex;position:relative}.visual-glow-backdrop{filter:blur(40px);z-index:-1;background:radial-gradient(circle,#10b98126 0%,#0000 60%);width:100%;height:100%;position:absolute}.hero-image-premium{border-radius:32px;width:100%;max-width:800px;height:auto;box-shadow:0 20px 60px #10b98126}.bento-section{max-width:1200px;margin:0 auto;padding:120px 24px}.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:minmax(280px,auto);gap:24px;display:grid}.bento-card{background:var(--surface);border:1px solid var(--border);border-radius:24px;padding:40px;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000005}.col-span-2{grid-column:span 2}.row-span-1{grid-row:span 1}.bento-primary{background:linear-gradient(135deg,#10b9810d 0%,#0000 100%);border:1px solid #10b98133}.bento-content{z-index:2;position:relative}.horizontal-card .bento-content{align-items:center;gap:32px;display:flex}.bento-icon{color:#10b981;margin-bottom:24px}.horizontal-card .bento-icon{flex-shrink:0;width:64px;height:64px;margin-bottom:0}.bento-card h3{color:var(--text-primary);margin-bottom:16px;font-size:1.5rem;font-weight:600}.bento-card p{color:var(--text-secondary);line-height:1.6}.bento-decoration{z-index:1;background:radial-gradient(circle,#10b9811a 0%,#0000 70%);border-radius:50%;width:150px;height:150px;position:absolute;top:-20px;right:-20px}.timeline-section{max-width:800px;margin:0 auto;padding:120px 24px}.timeline-container{padding-left:40px;position:relative}.timeline-line{background:linear-gradient(#10b98180,#0000);width:2px;position:absolute;top:0;bottom:0;left:23px}.timeline-step{margin-bottom:60px;position:relative}.timeline-step:last-child{margin-bottom:0}.step-marker{color:#10b981;z-index:2;background:#fff;border:2px solid #10b981;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;display:flex;position:absolute;top:0;left:-40px;box-shadow:0 4px 12px #10b98133}.step-content{padding-left:40px}.step-content h3{color:var(--text-primary);margin-bottom:12px;font-size:1.8rem}.cta-section{max-width:1000px;margin:0 auto;padding:80px 24px 120px}.cta-box{text-align:center;background:linear-gradient(135deg,#10b9811a 0%,#0284c70d 100%);border:1px solid #10b98133;border-radius:32px;padding:80px 40px;box-shadow:0 20px 60px #0000000d}.cta-box h2{letter-spacing:-.02em;margin-bottom:20px;font-size:3rem;font-weight:700}.cta-box p{opacity:.8;margin-bottom:40px;font-size:1.2rem}.dashboard-container{max-width:1200px;margin:0 auto;padding:40px 24px 80px}.dashboard-header{text-align:center;margin-bottom:60px}.dashboard-header h1{color:#0f172a;letter-spacing:-.02em;margin-bottom:16px;font-size:3.5rem;font-weight:800}.dashboard-header p{color:#64748b;font-size:1.2rem}.dashboard-action-grid{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:60px;display:grid}@media (max-width:768px){.dashboard-action-grid{grid-template-columns:1fr}}.search-box-card{background:#fff;border:1px solid #0000000d;border-radius:24px;flex-direction:column;justify-content:center;padding:40px;display:flex;box-shadow:0 10px 30px #00000008}.search-box-card h2{color:#0f172a;align-items:center;gap:12px;margin-bottom:16px;font-size:1.8rem;display:flex}.upload-dropzone{text-align:center;cursor:pointer;background:#10b98105;border:2px dashed #10b98166;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;height:100%;padding:60px 40px;transition:all .3s;display:flex}.upload-dropzone:hover{border-color:var(--primary);background:#10b9810d;transform:translateY(-2px)}.upload-icon{color:var(--primary);background:#fff;border-radius:50%;margin-bottom:20px;padding:16px;box-shadow:0 10px 25px #10b98126}.results-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:60px;display:grid}.result-card{cursor:pointer;background:#fff;border:1px solid #0000000d;border-radius:20px;flex-direction:column;height:100%;padding:24px;transition:all .3s;display:flex;box-shadow:0 10px 30px #00000008}.result-card:hover{border-color:#10b98133;transform:translateY(-4px);box-shadow:0 20px 40px #10b98114}.detail-split{grid-template-columns:1fr 1.5fr;gap:32px;margin-bottom:40px;display:grid}@media (max-width:900px){.detail-split{grid-template-columns:1fr}}.detail-pane{background:#00000005;border:1px solid #0000000d;border-radius:16px;padding:24px}.mobile-app-section{background:var(--background);padding:6rem 24px}.mobile-app-container{background:#fff;border:1px solid #0000000d;border-radius:32px;grid-template-columns:1fr 1fr;align-items:center;gap:4rem;max-width:1200px;margin:0 auto;padding:4rem;display:grid;box-shadow:0 20px 40px #0000000a}.mobile-content h2{color:#0f172a;margin-bottom:1.5rem;font-size:2.5rem}.mobile-content p{color:#64748b;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.badge-pill{color:#10b981;background:#10b9811a;border-radius:99px;margin-bottom:1rem;padding:6px 16px;font-size:.9rem;font-weight:600;display:inline-block}.store-buttons{flex-wrap:wrap;gap:1rem;display:flex}.store-btn{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:12px;align-items:center;gap:12px;padding:10px 20px;transition:transform .2s,background .2s;display:flex}.store-btn:hover{background:#1e293b;transform:translateY(-2px)}.store-icon{font-size:1.5rem}.store-text{flex-direction:column;align-items:flex-start;display:flex}.store-sub{opacity:.8;text-transform:uppercase;font-size:.7rem}.store-main{font-size:1.1rem;font-weight:700}.mobile-visual{justify-content:center;display:flex}.phone-mockup{background:#0f172a;border-radius:40px;width:280px;height:560px;padding:12px;position:relative;box-shadow:0 24px 60px #0003}.phone-screen{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:30px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone-icon{margin-bottom:1rem}.phone-text{font-size:1.2rem;font-weight:700}.phone-scan-line{background:#fffc;width:100%;height:4px;animation:2s linear infinite scan;position:absolute;top:0;left:0;box-shadow:0 0 20px #fffc}@keyframes scan{0%{top:0}50%{top:100%}to{top:0}}@media (max-width:900px){.mobile-app-container{grid-template-columns:1fr;padding:2rem}}.footer-premium{border-top:1px solid var(--border);background:#fff;padding:60px 24px 40px}.footer-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto 40px;display:flex}.footer-brand{color:#0f172a;letter-spacing:-.01em;align-items:center;gap:12px;font-family:Playfair Display,Outfit,serif;font-size:1.5rem;font-weight:800;display:flex}.footer-links{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.footer-links a{color:var(--text-secondary);font-weight:500;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--primary)}.footer-bottom{text-align:center;max-width:1200px;color:var(--text-secondary);border-top:1px solid #0000000d;margin:0 auto;padding-top:32px;font-size:.95rem}@media (max-width:900px){.hero-premium{text-align:center;flex-direction:column;padding:40px 24px}.hero-headline{font-size:3.5rem}.hero-actions{justify-content:center}.bento-grid{grid-template-columns:1fr}.col-span-2{grid-column:span 1}.horizontal-card .bento-content{text-align:center;flex-direction:column;gap:16px}.footer-content{flex-direction:column;gap:32px}}html[dir=rtl] body{text-align:right}html[dir=rtl] .tag{margin-left:8px;margin-right:0}html[dir=rtl] .timeline-container{padding-left:0;padding-right:40px}html[dir=rtl] .timeline-line{left:auto;right:23px}html[dir=rtl] .step-marker{left:auto;right:-40px}html[dir=rtl] .step-content{padding-left:0;padding-right:40px}html[dir=rtl] .bento-decoration{left:-20px;right:auto}html[dir=rtl] .detail-split{text-align:right}.lang-select{border:1px solid var(--border);color:var(--text-primary);cursor:pointer;background:#ffffffe6;border-radius:6px;outline:none;padding:4px 8px;font-family:inherit;font-size:.85rem;font-weight:500;transition:border-color .3s}.lang-select:hover{border-color:var(--primary)}.burger-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;padding:8px;display:none}@media (max-width:768px){.burger-btn{justify-content:center;align-items:center;display:flex}.navbar-links{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#fffffffa;flex-direction:column;padding:24px;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 10px 30px #0000001a}.navbar-links.mobile-open{display:flex}.navbar-links .lang-select{width:100%;padding:12px}.navbar-links .nav-link,.navbar-links .btn-primary{text-align:center;justify-content:center;width:100%;padding:16px}}@media (max-width:600px){.hero-actions{flex-direction:column;width:100%}.btn-premium,.btn-secondary{width:100%}.navbar-title{font-size:1.4rem}.dashboard-form,.results-search-bar,.photo-actions{flex-direction:column!important}.dashboard-form input,.results-search-bar button{width:100%}}.module-tabs{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:10px;margin-bottom:28px;padding:6px;display:flex;overflow-x:auto}.module-tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 18px;font-family:inherit;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.module-tab-btn:hover{color:var(--text-primary);background:#10b98114}.module-tab-btn.active{background:var(--primary);color:#fff;box-shadow:0 4px 12px #10b98140}.monograph-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#0f172acc;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.monograph-paper{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:16px;width:100%;max-width:800px;max-height:90vh;padding:40px;position:relative;overflow-y:auto;box-shadow:0 20px 50px #0000004d}@media print{body *{visibility:hidden}.monograph-paper,.monograph-paper *{visibility:visible}.monograph-paper{width:100%;max-width:100%;box-shadow:none;border:none;padding:0;position:absolute;top:0;left:0}.no-print{display:none!important}}.app-simulator-wrapper{z-index:10;flex-direction:column;align-items:center;width:100%;max-width:440px;margin:0 auto;display:flex;position:relative}.simulator-toolbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #ffffff1a;border-radius:99px;justify-content:space-between;align-items:center;width:100%;margin-bottom:16px;padding:8px 16px;display:flex;box-shadow:0 8px 24px #0003}.toolbar-left{align-items:center;gap:8px;display:flex}.live-badge{color:#10b981;letter-spacing:.05em;background:#10b98133;border:1px solid #10b9814d;border-radius:99px;align-items:center;gap:6px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.pulse-dot{background:#10b981;border-radius:50%;width:6px;height:6px;animation:1.5s infinite pulseLive;box-shadow:0 0 8px #10b981}@keyframes pulseLive{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.device-tag{color:#94a3b8;font-size:.75rem;font-weight:500}.sim-lang-picker{color:#94a3b8;align-items:center;gap:4px;display:flex}.lang-chip{color:#cbd5e1;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;padding:2px 8px;font-size:.72rem;font-weight:600;transition:all .2s}.lang-chip.active{color:#fff;background:#10b981;border-color:#10b981}.iphone-chassis{background:#090d16;border-radius:50px;width:380px;max-width:100%;height:750px;padding:10px;position:relative;box-shadow:0 25px 70px #00000080,0 0 0 9px #1e293b,0 0 0 11px #334155,0 0 0 13px #0006}.iphone-inner-frame{background:#0b1120;border:1px solid #ffffff14;border-radius:42px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.ios-status-bar{z-index:40;color:#fff;background:0 0;justify-content:space-between;align-items:center;height:44px;padding:0 18px;display:flex}.ios-time{width:45px;font-size:.8rem;font-weight:600}.dynamic-island{background:#000;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;display:flex;box-shadow:0 2px 6px #0006}.island-dot{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}.island-text{color:#e2e8f0;font-size:.65rem;font-weight:600}.ios-icons{justify-content:flex-end;align-items:center;gap:6px;width:45px;font-size:.7rem;font-weight:600;display:flex}.signal-bars{align-items:flex-end;gap:1.5px;height:9px;display:flex}.signal-bars span{background:#fff;border-radius:1px;width:2px}.signal-bars span:first-child{height:3px}.signal-bars span:nth-child(2){height:5px}.signal-bars span:nth-child(3){height:7px}.signal-bars span:nth-child(4){height:9px}.battery-pill{border:1px solid #fff;border-radius:2.5px;width:18px;height:9px;padding:1px;position:relative}.battery-pill:after{content:"";background:#fff;border-radius:0 1px 1px 0;width:1.5px;height:3px;position:absolute;top:2.5px;right:-2.5px}.battery-fill{background:#10b981;border-radius:1px;width:85%;height:100%;display:block}.iphone-screen-content{color:#f8fafc;background:linear-gradient(#0b1120 0%,#070c18 100%);flex-direction:column;flex:1;display:flex;position:relative;overflow-y:auto}.iphone-screen-content::-webkit-scrollbar{width:3px}.iphone-screen-content::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}.sim-rtl{direction:rtl}.sim-screen{flex-direction:column;flex:1;padding:14px;display:flex}.sim-header{margin-bottom:14px}.header-top{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.header-tag{text-transform:uppercase;color:#10b981;letter-spacing:.05em;font-size:.65rem;font-weight:700;display:block}.header-title{color:#f8fafc;margin-top:2px;font-size:1.15rem;font-weight:700}.offline-pill{color:#34d399;background:#10b98126;border:1px solid #10b98140;border-radius:99px;align-items:center;gap:4px;padding:3px 8px;font-size:.65rem;font-weight:600;display:inline-flex}.sim-search-bar{background:#1e293bb3;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:8px;margin-bottom:10px;padding:8px 12px;display:flex}.search-icon{color:#64748b}.sim-search-bar input{color:#f8fafc;background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:.78rem}.clear-search{color:#94a3b8;cursor:pointer;background:0 0;border:none}.sim-chips-scroll{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.sim-chips-scroll::-webkit-scrollbar{display:none}.sim-chip{color:#94a3b8;white-space:nowrap;cursor:pointer;background:#1e293b80;border:1px solid #ffffff14;border-radius:99px;padding:4px 10px;font-size:.7rem;font-weight:500;transition:all .2s}.sim-chip.active{color:#fff;background:#10b981;border-color:#10b981}.sim-plants-list{flex-direction:column;gap:10px;display:flex}.sim-plant-card{cursor:pointer;background:#1e293b80;border:1px solid #ffffff0f;border-radius:14px;align-items:center;gap:10px;padding:8px;transition:transform .2s,background .2s;display:flex}.sim-plant-card:hover{background:#1e293bcc;transform:translateY(-1px)}.plant-card-thumb{border-radius:10px;flex-shrink:0;width:60px;height:60px;position:relative;overflow:hidden}.thumb-img{object-fit:cover;width:100%;height:100%}.card-grade-badge{color:#10b981;background:#0f172ad9;border:1px solid #10b98166;border-radius:4px;padding:1px 4px;font-size:.55rem;font-weight:700;position:absolute;bottom:3px;left:3px}.plant-card-info{flex:1;min-width:0}.card-family{color:#10b981;text-transform:uppercase;font-size:.6rem;font-weight:600}.card-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;overflow:hidden}.card-vernacular{color:#94a3b8;white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;overflow:hidden}.card-molecule-pill{color:#6ee7b7;background:#10b9811a;border-radius:4px;align-items:center;gap:3px;margin-top:2px;padding:1px 5px;font-size:.6rem;display:inline-flex}.card-chevron{color:#64748b;flex-shrink:0}.scanner-hud-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.hud-badge{color:#10b981;letter-spacing:.05em;font-size:.62rem;font-weight:700}.scanner-hud-header h3{color:#fff;font-size:1rem;font-weight:700}.hud-status{color:#94a3b8;align-items:center;gap:5px;font-size:.68rem;display:inline-flex}.green-live{background:#10b981;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #10b981}.camera-viewfinder{background:#000;border:1px solid #ffffff1a;border-radius:20px;width:100%;height:250px;margin-bottom:10px;position:relative;overflow:hidden}.viewfinder-specimen-img{object-fit:cover;opacity:.9}.scan-reticle{pointer-events:none;border:1px dashed #10b98166;border-radius:12px;position:absolute;inset:20px}.corner{border-style:solid;border-color:#10b981;width:14px;height:14px;position:absolute}.corner-tl{border-width:2.5px 0 0 2.5px;top:-2px;left:-2px}.corner-tr{border-width:2.5px 2.5px 0 0;top:-2px;right:-2px}.corner-bl{border-width:0 0 2.5px 2.5px;bottom:-2px;left:-2px}.corner-br{border-width:0 2.5px 2.5px 0;bottom:-2px;right:-2px}.laser-sweep{opacity:.8;background:#10b981;height:2px;animation:2s linear infinite sweepAnim;position:absolute;left:0;right:0;box-shadow:0 0 10px #10b981,0 0 20px #10b981}@keyframes sweepAnim{0%{top:0}50%{top:100%}to{top:0}}.center-target{color:#10b981b3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.viewfinder-presets{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172abf;border-radius:12px;flex-direction:column;gap:4px;padding:6px 8px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.presets-label{color:#94a3b8;font-size:.62rem;font-weight:600}.presets-row{gap:6px;display:flex}.preset-btn{cursor:pointer;color:#cbd5e1;background:#1e293b;border:1.5px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:all .2s;display:flex;overflow:hidden}.preset-btn.active{border-color:#10b981;box-shadow:0 0 8px #10b98180}.upload-btn{color:#10b981;background:#10b98133;border-color:#10b98166}.organ-selector-row{gap:6px;margin-bottom:10px;display:flex}.organ-btn{color:#94a3b8;cursor:pointer;background:#1e293b99;border:1px solid #ffffff14;border-radius:8px;flex:1;padding:6px 0;font-size:.72rem;transition:all .2s}.organ-btn.active{color:#fff;background:#10b981;border-color:#10b981;font-weight:600}.trigger-scan-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px;font-size:.88rem;font-weight:700;transition:transform .2s,opacity .2s;display:flex;box-shadow:0 4px 16px #10b9814d}.trigger-scan-btn:hover{transform:translateY(-1px)}.trigger-scan-btn:disabled{opacity:.8;cursor:not-allowed}.spin-icon{animation:1s linear infinite spin}.scan-result-card{background:#1e293bbf;border:1px solid #10b9814d;border-radius:14px;margin-top:10px;padding:12px;animation:.3s slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.result-header{justify-content:space-between;align-items:flex-start;margin-bottom:8px;display:flex}.match-score{color:#34d399;font-size:.65rem;font-weight:700}.result-species{color:#fff;font-size:.95rem;font-weight:700}.result-common{color:#94a3b8;font-size:.75rem}.result-badge-verified{color:#10b981}.diagnostic-trace{background:#0f172a99;border-radius:8px;flex-direction:column;gap:3px;margin-bottom:10px;padding:6px 8px;display:flex}.trace-item{color:#cbd5e1;align-items:center;gap:6px;font-size:.62rem;display:flex}.trace-dot.ok{background:#10b981;border-radius:50%;width:5px;height:5px}.view-monograph-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:.75rem;font-weight:600;display:flex}.garden-content-scroll,.remedies-content-scroll,.info-content-scroll{flex-direction:column;gap:10px;display:flex}.agri-control-box{background:#1e293b99;border:1px solid #ffffff14;border-radius:12px;padding:8px 10px}.control-label{color:#10b981;align-items:center;gap:6px;margin-bottom:4px;font-size:.68rem;font-weight:600;display:flex}.sim-select{color:#fff;background:#0f172a;border:1px solid #ffffff1a;border-radius:8px;outline:none;width:100%;padding:6px 8px;font-size:.75rem}.slider-card{background:#1e293b99;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:8px;padding:10px;display:flex}.slider-row{flex-direction:column;gap:3px;display:flex}.slider-header{color:#94a3b8;justify-content:space-between;align-items:center;font-size:.68rem;display:flex}.slider-header span{align-items:center;gap:4px;display:flex}.slider-header strong{color:#f8fafc}.sim-range{accent-color:#10b981;cursor:pointer;width:100%;height:4px}.irrigation-result-card{background:linear-gradient(135deg,#10b98126 0%,#0ea5e926 100%);border:1px solid #10b98159;border-radius:14px;padding:12px}.water-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.water-tag{color:#34d399;font-size:.62rem;font-weight:700}.water-value{color:#fff;font-size:1.4rem;font-weight:800}.water-value small{color:#94a3b8;font-size:.75rem;font-weight:500}.water-icon-circle{color:#10b981;background:#10b98140;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.agri-metrics-grid{grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:8px;display:grid}.metric-cell{text-align:center;background:#0f172ab3;border-radius:8px;padding:6px 8px}.metric-cell span{color:#94a3b8;font-size:.58rem;display:block}.metric-cell strong{color:#fff;font-size:.75rem}.status-ok{color:#10b981!important}.status-alert{color:#f59e0b!important}.agri-advice-box{color:#94a3b8;background:#0f172a80;border-radius:8px;align-items:center;gap:6px;padding:6px 8px;font-size:.62rem;display:flex}.remedies-sub{color:#94a3b8;margin-bottom:4px;font-size:.72rem}.ailments-list{flex-direction:column;gap:8px;display:flex}.ailment-card{cursor:pointer;background:#1e293b99;border:1px solid #ffffff14;border-radius:12px;padding:10px;transition:all .2s}.ailment-card:hover{background:#1e293bd9;border-color:#10b9814d}.ailment-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.ailment-icon{font-size:1.2rem}.ailment-text{flex:1}.ailment-text h4{color:#fff;font-size:.82rem;font-weight:700}.matched-plant-label{color:#34d399;font-size:.68rem}.ailment-protocol{color:#cbd5e1;background:#0f172a80;border-radius:6px;padding:5px 8px;font-size:.65rem}.journal-header-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.journal-header-row h4{color:#f8fafc;font-size:.82rem;font-weight:700}.badge-count{color:#fff;background:#10b981;border-radius:99px;padding:1px 6px;font-size:.6rem;font-weight:700}.journal-entry-card{background:#1e293b99;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:8px;margin-bottom:6px;padding:8px;display:flex}.entry-dot{background:#10b981;border-radius:50%;width:6px;height:6px}.entry-info{flex:1}.entry-info h5{color:#fff;font-size:.75rem;font-weight:700}.entry-loc{color:#94a3b8;font-size:.6rem;display:block}.entry-time{color:#64748b;font-size:.55rem}.entry-water-badge{color:#38bdf8;background:#0ea5e926;border-radius:99px;align-items:center;gap:3px;padding:2px 6px;font-size:.6rem;display:flex}.academic-credits-card{text-align:center;background:#0f172abf;border:1px solid #ffffff14;border-radius:12px;margin-top:6px;padding:12px}.credits-badge{color:#34d399;background:#10b98133;border-radius:99px;margin-bottom:6px;padding:2px 8px;font-size:.6rem;font-weight:700;display:inline-block}.academic-credits-card h4{color:#fff;margin-bottom:4px;font-size:.82rem;font-weight:700}.author-line{color:#94a3b8;margin-bottom:8px;font-size:.65rem;line-height:1.4}.tech-stack-chips{flex-wrap:wrap;justify-content:center;gap:4px;margin-bottom:10px;display:flex}.tech-stack-chips span{color:#cbd5e1;background:#ffffff0f;border-radius:4px;padding:2px 6px;font-size:.58rem}.download-apk-sim-btn{color:#fff;background:#10b981;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.72rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.download-apk-sim-btn:hover{background:#059669}.plant-dossier-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;background:#000000bf;flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.plant-dossier-sheet{background:#0b1120;border-top:1px solid #ffffff1f;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;height:90%;animation:.3s cubic-bezier(.16,1,.3,1) slideUpModal;display:flex;position:relative;overflow:hidden}@keyframes slideUpModal{0%{transform:translateY(100%)}to{transform:translateY(0)}}.close-dossier-btn{z-index:10;color:#fff;cursor:pointer;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:12px;right:12px}.dossier-scroll{flex:1;overflow-y:auto}.dossier-hero{width:100%;height:180px;position:relative}.dossier-img{object-fit:cover}.dossier-hero-gradient{background:linear-gradient(#0003 0%,#0b1120f2 100%);position:absolute;inset:0}.dossier-hero-text{position:absolute;bottom:10px;left:12px;right:12px}.dossier-family{color:#10b981;text-transform:uppercase;font-size:.62rem;font-weight:700}.dossier-hero-text h3{color:#fff;font-size:1.1rem;font-weight:700}.dossier-hero-text p{color:#cbd5e1;font-size:.75rem}.dossier-body{flex-direction:column;gap:10px;padding:12px;display:flex}.dossier-card{background:#1e293b99;border:1px solid #ffffff0f;border-radius:10px;padding:10px}.warning-box{background:#f59e0b1a;border-color:#f59e0b4d}.card-heading{align-items:center;gap:6px;margin-bottom:4px;display:flex}.card-heading h4{color:#f8fafc;font-size:.72rem;font-weight:700}.icon-green{color:#10b981}.icon-emerald{color:#34d399}.icon-blue{color:#38bdf8}.icon-amber{color:#fbbf24}.icon-purple{color:#c084fc}.icon-teal{color:#2dd4bf}.card-text{color:#cbd5e1;font-size:.68rem;line-height:1.4}.fao-chips-grid{grid-template-columns:1fr;gap:4px;display:grid}.fao-chip{color:#94a3b8;background:#0f172a80;border-radius:6px;justify-content:space-between;padding:4px 8px;font-size:.62rem;display:flex}.fao-chip strong{color:#fff}.add-journal-btn{color:#fff;cursor:pointer;background:#10b981;border:none;border-radius:10px;justify-content:center;align-items:center;gap:6px;margin-top:4px;padding:10px;font-size:.75rem;font-weight:700;display:flex}.ios-tab-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:30;background:#0f172af2;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;height:58px;padding:0 4px;display:flex}.tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;align-items:center;gap:3px;padding:4px 8px;font-size:.6rem;font-weight:600;transition:all .2s;display:flex}.tab-btn.active{color:#10b981}.camera-tab-icon{background:#10b98133;border-radius:50%;padding:2px}.ios-home-indicator{background:#0f172af2;justify-content:center;align-items:center;height:20px;display:flex}.home-bar{background:#ffffff59;border-radius:99px;width:120px;height:4px}.app-simulator-wrapper.compact-mode .iphone-chassis{height:680px;box-shadow:0 20px 50px #0006,0 0 0 7px #1e293b,0 0 0 9px #334155}@media (max-width:480px){.app-simulator-wrapper{max-width:100%;padding:0 8px}.iphone-chassis{border-radius:36px;width:100%;height:680px;padding:6px}.iphone-inner-frame{border-radius:30px}}.demo-page-wrapper{background-color:var(--background);min-height:100vh;padding-bottom:80px}.demo-top-bar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:50;background:#fffc;border-bottom:1px solid #00000014;padding:12px 0;position:sticky;top:0}.demo-nav-container{justify-content:space-between;align-items:center;padding:0 20px;display:flex}.back-link{color:var(--text-primary);align-items:center;gap:8px;font-size:.95rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--primary)}.top-bar-actions{align-items:center;gap:12px;display:flex}.share-btn{color:#0f172a;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:99px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.share-btn:hover{background:#f8fafc;border-color:#94a3b8}.apk-btn-compact{background:var(--primary);color:#fff;border-radius:99px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.apk-btn-compact:hover{background:var(--primary-hover)}.demo-main{max-width:900px;margin:0 auto;padding-top:30px}.demo-intro{text-align:center;margin-bottom:36px}.demo-badge{color:#10b981;letter-spacing:.05em;background:#10b9811a;border:1px solid #10b9814d;border-radius:99px;align-items:center;gap:6px;margin-bottom:16px;padding:6px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.demo-title{color:var(--text-primary);margin-bottom:16px;font-size:2.8rem;font-weight:800;line-height:1.2}.demo-desc{max-width:680px;color:var(--text-secondary);margin:0 auto 24px;font-size:1.1rem;line-height:1.6}.iphone-callout-banner{text-align:left;background:linear-gradient(135deg,#10b98114 0%,#0ea5e914 100%);border:1px solid #10b98140;border-radius:16px;align-items:center;gap:16px;max-width:680px;margin:0 auto;padding:16px 24px;display:flex}.callout-icon{color:#10b981;background:#10b98133;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.callout-text h4{color:var(--text-primary);margin-bottom:2px;font-size:1rem;font-weight:700}.callout-text p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.4}.demo-simulator-container{justify-content:center;margin-bottom:60px;display:flex}.demo-specs-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.spec-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffd9;border:1px solid #00000014;border-radius:16px;padding:24px;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 20px #0000000a}.spec-card:hover{transform:translateY(-2px);box-shadow:0 8px 30px #00000014}.spec-icon-box{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;display:flex}.spec-icon-box.green{color:#10b981;background:#10b98126}.spec-icon-box.blue{color:#0ea5e9;background:#0ea5e926}.spec-icon-box.emerald{color:#059669;background:#05966926}.spec-icon-box.purple{color:#a855f7;background:#a855f726}.spec-card h3{color:var(--text-primary);margin-bottom:8px;font-size:1.1rem;font-weight:700}.spec-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.5}@media (max-width:768px){.demo-specs-grid{grid-template-columns:1fr}.demo-title{font-size:2.2rem}.iphone-callout-banner{text-align:center;flex-direction:column}}
