.landing{position:relative;width:100%;height:100%;overflow:hidden}.landing-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.landing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 120% 60% at 50% 115%,rgba(201,79,24,.35) 0%,transparent 60%),radial-gradient(ellipse 80% 40% at 15% 0%,rgba(58,126,196,.12) 0%,transparent 50%),linear-gradient(180deg,#04090f4d,#04090f00 40%,#04090fb3)}.landing-content{position:relative;z-index:3;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 2rem 6rem;text-align:center}.landing-logo{margin-bottom:2.2rem;animation:fadeDown .8s ease both}.landing-logo img{width:150px;height:150px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(201,79,24,.3)) drop-shadow(0 0 60px rgba(58,126,196,.15))}.landing-tag{font-size:.62rem;letter-spacing:.35em;text-transform:uppercase;color:var(--rustl);margin-bottom:.9rem;opacity:0;animation:fadeIn .7s .3s ease forwards}.landing-headline{font-family:Barlow Condensed,sans-serif;font-size:clamp(3.2rem,15vw,6rem);font-weight:900;line-height:.9;text-transform:uppercase;letter-spacing:-.02em;opacity:0;animation:fadeUp .7s .4s ease forwards;text-shadow:0 4px 40px rgba(0,0,0,.6)}.landing-headline em{font-style:normal;background:linear-gradient(135deg,#e06830,#c94f18,#ff8c50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:block}.landing-sub{font-size:.88rem;color:#ede9e4a6;max-width:285px;line-height:1.8;margin:1.4rem auto 2.2rem;opacity:0;animation:fadeUp .7s .6s ease forwards}.landing-cta{background:linear-gradient(135deg,var(--rust),var(--rustl));color:#fff;border:none;padding:1.05rem 2.5rem;font-size:1rem;font-weight:700;border-radius:50px;position:relative;overflow:hidden;opacity:0;animation:fadeUp .7s .8s ease forwards;box-shadow:0 8px 32px #c94f1880,0 0 0 1px #ffffff1a inset;transition:transform .15s,box-shadow .2s}.landing-cta:active{transform:scale(.96);box-shadow:0 4px 16px #c94f1866}.landing-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.18),transparent)}.landing-feats{position:absolute;bottom:2.2rem;left:0;right:0;display:flex;justify-content:center;gap:1.1rem;opacity:0;animation:fadeIn .7s 1.2s ease forwards}.feat{display:flex;flex-direction:column;align-items:center;gap:.3rem;font-size:.58rem;letter-spacing:.06em;color:#ffffff59}.feat-ic{width:36px;height:36px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes fadeDown{0%{opacity:0;transform:translateY(-22px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.chat{position:relative;display:flex;flex-direction:column;height:100%;background:var(--s1)}.chat-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 80% 40% at 100% 0%,rgba(58,126,196,.07) 0%,transparent 50%),radial-gradient(ellipse 60% 30% at 0% 100%,rgba(201,79,24,.05) 0%,transparent 50%),var(--s1)}.chat-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 40%,transparent 100%)}.chat-header{position:relative;z-index:2;background:#0b1622e6;border-bottom:1px solid var(--bd);padding:.85rem 1rem;display:flex;align-items:center;gap:.7rem;flex-shrink:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.back-btn{background:none;border:none;color:var(--muted);width:36px;height:36px;border-radius:9px;display:flex;align-items:center;justify-content:center;transition:background .2s}.back-btn:active{background:var(--s2)}.header-brand{display:flex;align-items:center;gap:.6rem;flex:1}.header-logo{width:36px;height:36px;object-fit:contain;border-radius:8px;background:#ffffff0d;padding:2px}.header-name{font-weight:700;font-size:.95rem;line-height:1.2}.header-status{font-size:.68rem;color:#3fcf8e;display:flex;align-items:center;gap:.3rem}.status-dot{width:6px;height:6px;background:#3fcf8e;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.calc-btn{background:var(--s2);border:1px solid var(--bds);color:var(--muted);padding:.45rem .75rem;border-radius:9px;font-size:.72rem;display:flex;align-items:center;gap:.35rem;transition:all .2s}.calc-btn:active{background:var(--s3);color:var(--text)}.messages{position:relative;z-index:1;flex:1;overflow-y:auto;padding:1.2rem .85rem;display:flex;flex-direction:column;gap:.9rem;scroll-behavior:smooth}.messages::-webkit-scrollbar{width:2px}.messages::-webkit-scrollbar-thumb{background:var(--s3);border-radius:1px}.chat-hero{background:#12202fb3;border:1px solid var(--bds);border-radius:18px;padding:1.5rem 1.2rem;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.chat-hero-badge{display:inline-block;background:#c94f182e;border:1px solid rgba(201,79,24,.3);color:var(--rustl);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;padding:.3rem .75rem;border-radius:20px;margin-bottom:.9rem}.chat-hero h2{font-size:.95rem;font-weight:700;line-height:1.55;margin-bottom:.6rem}.chat-hero p{font-size:.78rem;color:var(--muted);line-height:1.7;margin-bottom:1rem}.hero-values{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap}.hero-value{display:flex;flex-direction:column;align-items:center;gap:.25rem;text-align:center}.hero-value span{font-size:1.2rem}.hero-value strong{font-size:.72rem}.hero-value small{font-size:.62rem;color:var(--muted)}.message{display:flex;gap:.55rem;animation:msgIn .3s ease}.message.user{flex-direction:row-reverse}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.message.bot .avatar{background:linear-gradient(135deg,var(--rust),var(--rustl));color:#fff;font-size:.9rem}.message.user .avatar{background:var(--s3);color:var(--muted)}.bubble{max-width:80%;padding:.7rem .95rem;border-radius:16px;font-size:.875rem;line-height:1.65}.message.bot .bubble{background:#12202fe6;border:1px solid var(--bds);border-top-right-radius:4px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.message.user .bubble{background:var(--rust);color:#fff;border-bottom-left-radius:4px}.msg-img{display:block;max-width:190px;border-radius:11px;margin-bottom:.5rem;border:1px solid var(--bd)}.typing-label{margin-bottom:.35rem;font-size:.72rem;color:#ede9e4b8}.typing-dots{display:flex;gap:5px;align-items:center}.typing-dot{width:7px;height:7px;background:var(--muted);border-radius:50%;animation:bounce 1.2s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-7px)}}.wc{background:#12202fcc;border:1px solid var(--bds);border-radius:18px;padding:1.3rem 1.1rem 1rem;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wc-ic{font-size:2rem;margin-bottom:.6rem}.wc-t{font-weight:700;font-size:.92rem;margin-bottom:.35rem}.wc-s{font-size:.78rem;color:var(--muted);line-height:1.65}.quick-prompts{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.9rem;justify-content:center}.qp{background:var(--s2);border:1px solid var(--bds);color:var(--text);padding:.38rem .75rem;border-radius:20px;font-size:.72rem;transition:all .2s}.qp:active{background:#c94f182e;border-color:var(--rust)}.preview-bar{padding:0 .85rem;position:relative;z-index:2}.preview-wrap{display:inline-flex;position:relative;margin:.4rem 0}.preview-wrap img{width:56px;height:56px;object-fit:cover;border-radius:9px;border:1px solid var(--bds)}.preview-remove{position:absolute;top:-6px;right:-6px;background:var(--rust);border:none;color:#fff;width:18px;height:18px;border-radius:50%;font-size:.6rem;display:flex;align-items:center;justify-content:center}.input-area{position:relative;z-index:2;background:#0b1622f2;border-top:1px solid var(--bd);padding:.7rem .85rem;padding-bottom:calc(.7rem + env(safe-area-inset-bottom));flex-shrink:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.tool-row{display:flex;gap:.4rem;margin-bottom:.5rem;flex-wrap:wrap}.tool-chip{background:var(--s2);border:1px solid var(--bds);color:var(--muted);padding:.3rem .65rem;border-radius:20px;font-size:.68rem;display:flex;align-items:center;gap:.3rem;transition:all .2s}.tool-chip:active{background:#c94f182e;border-color:var(--rust);color:var(--text)}.input-row{display:flex;gap:.45rem;align-items:flex-end}.input-actions{display:flex;gap:.35rem;flex-shrink:0}.act-btn{background:var(--s2);border:1px solid var(--bds);color:var(--muted);width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1rem;transition:all .2s;flex-shrink:0}.act-btn:active{transform:scale(.92);background:var(--s3)}.act-btn.recording{background:#c94f182e;border-color:var(--rust);color:var(--rust)}.input-wrap{flex:1;background:var(--s2);border:1px solid var(--bds);border-radius:12px;display:flex;align-items:flex-end;padding:.5rem .75rem;gap:.5rem;transition:border-color .2s;min-height:38px}.input-wrap:focus-within{border-color:#c94f1873}.input-wrap textarea{flex:1;background:none;border:none;outline:none;color:var(--text);font-family:Cairo,sans-serif;font-size:.9rem;resize:none;max-height:100px;line-height:1.5;direction:rtl;align-self:center}.input-wrap textarea::placeholder{color:var(--muted)}.send-btn{background:linear-gradient(135deg,var(--rust),var(--rustl));border:none;color:#fff;width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 14px #c94f1859;transition:all .2s}.send-btn:active{transform:scale(.92)}.send-btn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.modal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#04090fa6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:9;opacity:0;pointer-events:none;transition:opacity .3s}.modal-overlay.open{opacity:1;pointer-events:all}.calc-modal{position:absolute;bottom:0;left:0;right:0;background:var(--s1);border-top:1px solid var(--bds);border-radius:24px 24px 0 0;padding:1.5rem 1.4rem 2rem;transform:translateY(100%);transition:transform .4s cubic-bezier(.34,1.56,.64,1);z-index:10}.calc-modal.open{transform:translateY(0)}.modal-handle{width:38px;height:4px;background:var(--s3);border-radius:2px;margin:0 auto 1.3rem}.modal-close{position:absolute;top:1rem;left:1.2rem;background:none;border:none;color:var(--muted);font-size:1.1rem;padding:.3rem}.modal-title{font-weight:700;font-size:1rem;margin-bottom:1.3rem}.modal-group{margin-bottom:1rem}.modal-label{font-size:.76rem;color:var(--muted);margin-bottom:.4rem;display:block}.modal-input{width:100%;background:var(--s2);border:1px solid var(--bds);border-radius:10px;padding:.75rem 1rem;color:var(--text);font-family:Cairo,sans-serif;font-size:.9rem;outline:none;text-align:right;transition:border-color .2s}.modal-input:focus{border-color:#c94f1873}.calc-result{background:#c94f181a;border:1px solid rgba(201,79,24,.28);border-radius:14px;padding:1.1rem 1rem;text-align:center;margin-top:1rem}.calc-num{font-family:Barlow Condensed,sans-serif;font-size:2.8rem;font-weight:700;color:var(--rustl);line-height:1}.calc-unit{font-size:.72rem;color:var(--muted);margin-top:.3rem}.calc-pkg{font-size:.75rem;color:var(--text);margin-top:.5rem}.calc-send{width:100%;margin-top:1.1rem;background:linear-gradient(135deg,var(--rust),var(--rustl));color:#fff;border:none;padding:.95rem;border-radius:50px;font-size:.9rem;font-weight:700;box-shadow:0 5px 18px #c94f1859}.calc-send:active{transform:scale(.98)}:root{--navy: #04090F;--s1: #0B1622;--s2: #12202F;--s3: #1A2E42;--rust: #C94F18;--rustl: #E06830;--blue: #3A7EC4;--text: #EDE9E4;--muted: #7A8FA5;--bd: rgba(255,255,255,.07);--bds: rgba(255,255,255,.13)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overflow:hidden;font-family:Cairo,sans-serif;background:var(--navy);color:var(--text)}.app-root{position:relative;width:100%;height:100%;overflow:hidden}.page{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.page-landing{z-index:1;transition:opacity .4s ease}.page-landing.exit{opacity:0;pointer-events:none}.page-chat{z-index:2;transform:translate(-100%);transition:transform .6s cubic-bezier(.77,0,.18,1);display:flex;flex-direction:column}.page-chat.active{transform:translate(0)}button{cursor:pointer;font-family:Cairo,sans-serif}