:root{color-scheme:dark;--bg: #050d0b;--glass: rgba(255, 255, 255, .055);--glass-strong: rgba(255, 255, 255, .09);--glass-border: rgba(255, 255, 255, .11);--glass-border-strong: rgba(255, 255, 255, .22);--glass-blur: blur(16px) saturate(140%);--text: #ecfdf6;--text-muted: rgba(236, 253, 246, .7);--text-faint: rgba(236, 253, 246, .48);--accent: #34d399;--accent-2: #22d3ee;--accent-ink: #032018;--gold: #f5c76b;--gradient: linear-gradient(120deg, var(--accent) 0%, var(--accent-2) 100%);--gradient-warm: linear-gradient(120deg, var(--gold) 0%, var(--accent) 60%, var(--accent-2) 100%);--danger: #fb7185;--success: #4ade80;--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--radius-pill: 999px;--shadow: 0 10px 30px -10px rgba(0, 0, 0, .55);--shadow-lg: 0 30px 60px -20px rgba(0, 0, 0, .7);--glow: 0 10px 40px -8px rgba(52, 211, 153, .45);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur: .35s;--font-sans: "Plus Jakarta Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--header-h: 64px}html,body{height:100%;overflow-x:hidden}body{margin:0;background-color:var(--bg);color:var(--text);font-family:var(--font-sans);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent}body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none}body:before{inset:-20vmax;background:radial-gradient(40vmax circle at 78% 12%,rgba(245,199,107,.1),transparent 60%),radial-gradient(45vmax circle at 12% 88%,rgba(16,120,90,.3),transparent 65%),radial-gradient(35vmax circle at 30% 20%,rgba(34,211,238,.1),transparent 60%),linear-gradient(180deg,#081a15,#040a08);animation:aurora 28s ease-in-out infinite alternate}body:after{inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%)}@keyframes aurora{0%{transform:translateZ(0) rotate(0) scale(1)}50%{transform:translate3d(-3%,2%,0) rotate(6deg) scale(1.05)}to{transform:translate3d(2%,-2%,0) rotate(-4deg) scale(1.02)}}::selection{background:#34d39959;color:#fff}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}a{color:var(--accent)}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff29;border-radius:999px;border:3px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background-color:#ffffff47}:where(button,input,select,textarea){font-family:inherit}.glass{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow),inset 0 1px #ffffff0f}.text-gradient{background:var(--gradient-warm);background-size:200% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 8s linear infinite}@keyframes shimmer{to{background-position:200% center}}:where(.btn,.dl__btn,.comvision__btn,.nlp-content-filter-btn,.chat__send,.chat__filter,.chat__clear-btn,.infographic__browse,.infographic__clear,.faq__toggle,.action-btn,.ig-download,.logout-btn,.btn-signout,.btn-save,.btn-edit,.btn-cancel,.btn-delete,.btn-unlock,.btn-primary,.btn-secondary,button.primary,button:not([class]),.quick-prompts__btn):not(#\#){display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:40px;padding:.6rem 1.25rem;border:1px solid var(--glass-border-strong);border-radius:var(--radius-pill);background:var(--glass);color:var(--text);font-family:var(--font-sans);font-size:.9rem;font-weight:700;line-height:1.2;letter-spacing:0;text-decoration:none;text-shadow:none;box-shadow:none;cursor:pointer;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);transition:transform var(--dur) var(--ease-spring),box-shadow var(--dur) var(--ease-out),background-color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out),color var(--dur) var(--ease-out),opacity var(--dur)}:where(.btn,.dl__btn,.comvision__btn,.chat__clear-btn,.infographic__browse,.infographic__clear,.faq__toggle,.action-btn,.ig-download,.logout-btn,.btn-edit,.btn-cancel,.btn-secondary,button:not([class]),.quick-prompts__btn):not(#\#):hover:not(:disabled){background:var(--glass-strong);border-color:#ffffff5c;color:var(--text);transform:translateY(-2px)}:where(.btn--primary,.btn-primary,.dl__btn--primary,.comvision__btn:not(.comvision__btn--ghost),.nlp-content-filter-btn:not(.nlp-clear-btn),.chat__send,.chat__filter,.btn-save,.btn-unlock,button.primary,button[type=submit]:not([class]),.tts-btn):not(#\#){background:var(--gradient);border-color:transparent;color:var(--accent-ink);box-shadow:var(--glow)}:where(.btn--primary,.btn-primary,.dl__btn--primary,.comvision__btn:not(.comvision__btn--ghost),.nlp-content-filter-btn:not(.nlp-clear-btn),.chat__send,.chat__filter,.btn-save,.btn-unlock,button.primary,button[type=submit]:not([class]),.tts-btn):not(#\#):hover:not(:disabled){background:var(--gradient);color:var(--accent-ink);transform:translateY(-2px);box-shadow:0 16px 48px -8px #34d39999}.nlp-content-filter-btn.nlp-clear-btn:not(#\#):hover:not(:disabled){background:var(--glass-strong);border-color:#ffffff5c;transform:translateY(-2px)}:where(.btn-delete,.btn-signout):not(#\#){background:#fb71851f;border-color:#fb718566;color:#fecdd3}:where(.btn-delete,.btn-signout):not(#\#):hover:not(:disabled){background:#fb71853d;border-color:#fb7185a6;color:#fff;transform:translateY(-2px)}:where(.btn-sm,.action-btn,.ig-download):not(#\#){min-height:32px;padding:.35rem .85rem;font-size:.8rem}:where(.tab-button,.toggle-btn,.dl__switch-btn,.comvision__switch-btn,.quick-prompts__tab,.quick-prompts__subtab):not(#\#){min-height:40px;padding:.55rem 1.2rem;border:1px solid transparent;border-radius:var(--radius-pill);background:transparent;color:var(--text-muted);font-family:var(--font-sans);font-size:.9rem;font-weight:700;box-shadow:none;cursor:pointer;transition:background-color var(--dur) var(--ease-out),color var(--dur),box-shadow var(--dur)}:where(.tab-button,.toggle-btn,.dl__switch-btn,.comvision__switch-btn,.quick-prompts__tab,.quick-prompts__subtab):not(#\#):hover:not(:disabled){background:var(--glass-strong);color:var(--text)}:where(.tab-button.active,.toggle-btn.active,.dl__switch-btn--active,.comvision__switch-btn--active,.quick-prompts__tab--active,.quick-prompts__subtab--active):not(#\#),:where(.tab-button.active,.toggle-btn.active,.dl__switch-btn--active,.comvision__switch-btn--active,.quick-prompts__tab--active,.quick-prompts__subtab--active):not(#\#):hover{background:var(--gradient);color:var(--accent-ink);box-shadow:var(--glow)}:where(.quick-prompts__tab,.quick-prompts__subtab):not(#\#){min-height:34px;padding:.4rem 1rem;font-size:.78rem;letter-spacing:.05em}.quick-prompts__subtab:not(#\#){text-transform:none;letter-spacing:0}:where(.btn,.dl__btn,.comvision__btn,.nlp-content-filter-btn,.chat__send,.chat__filter,.chat__clear-btn,.infographic__browse,.infographic__clear,.faq__toggle,.action-btn,.ig-download,.logout-btn,.btn-signout,.btn-save,.btn-edit,.btn-cancel,.btn-delete,.btn-unlock,.btn-primary,.btn-secondary,button.primary,button:not([class]),.tab-button,.toggle-btn,.dl__switch-btn,.comvision__switch-btn,.quick-prompts__tab,.quick-prompts__subtab,.quick-prompts__btn,.tts-btn):not(#\#):active:not(:disabled){transform:scale(.97)}:where(.btn,.dl__btn,.comvision__btn,.nlp-content-filter-btn,.chat__send,.chat__filter,.chat__clear-btn,.infographic__browse,.infographic__clear,.faq__toggle,.action-btn,.ig-download,.logout-btn,.btn-signout,.btn-save,.btn-edit,.btn-cancel,.btn-delete,.btn-unlock,.btn-primary,.btn-secondary,button.primary,button:not([class]),.tab-button,.toggle-btn,.dl__switch-btn,.comvision__switch-btn):not(#\#):disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}:where(.close-btn,.comvision__lightbox-close):not(#\#){display:inline-grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid var(--glass-border-strong);border-radius:50%;background:var(--glass);color:var(--text);font-size:1.3rem;line-height:1;cursor:pointer;transition:background-color var(--dur),transform var(--dur) var(--ease-spring)}:where(.close-btn,.comvision__lightbox-close):not(#\#):hover{background:var(--glass-strong);color:var(--text);transform:rotate(90deg)}.field{width:100%;box-sizing:border-box;min-height:46px;padding:.7rem 1rem;border:1px solid var(--glass-border-strong);border-radius:12px;background:#00000040;color:var(--text);font:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s,background-color .2s}.field::placeholder{color:var(--text-faint)}.field:focus{outline:none;border-color:var(--accent);background:#00000059;box-shadow:0 0 0 4px #34d39926}.reveal{opacity:0;transform:translate3d(0,28px,0);transition:opacity .8s var(--ease-out),transform .8s var(--ease-out);transition-delay:var(--reveal-delay, 0ms)}.reveal.reveal--in{opacity:1;transform:none}@keyframes rise-in{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}::view-transition-old(root){animation:vt-out .18s var(--ease-out) both}::view-transition-new(root){animation:vt-in .42s var(--ease-out) both}@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}@keyframes vt-in{0%{opacity:0;transform:translateY(10px)}}:where(.compassx,.speedx,.website,.techstack,.ann,.comvision,.nlp,.ml,.dl,.system-architecture,.costtank,.sprayvolume,.recommender,.infographic){margin:0 auto;padding-block:1.5rem 3rem;display:flex;flex-direction:column;gap:1.25rem;color:var(--text);animation:rise-in .6s var(--ease-out) both}:where(.compassx__header,.speedx__header,.website__header,.techstack__header,.ann__header,.comvision__header,.nlp__header,.ml__header,.dl__header,.system-architecture__header,.costtank__header,.sprayvolume__header,.recommender__header,.infographic__header){text-align:center;padding-top:.5rem}:where(.compassx__title,.speedx__title,.website__title,.techstack__title,.ann__title,.comvision__title,.nlp__title,.ml__title,.dl__title,.system-architecture__title,.costtank__title,.sprayvolume__title,.recommender__title,.infographic__title){margin:0;font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;letter-spacing:-.02em;background:var(--gradient-warm);-webkit-background-clip:text;background-clip:text;color:transparent}:where(.compassx__subtitle,.speedx__subtitle,.website__subtitle,.techstack__subtitle,.ann__subtitle,.comvision__subtitle,.nlp__subtitle,.ml__subtitle,.dl__subtitle,.system-architecture__subtitle,.costtank__subtitle,.sprayvolume__subtitle,.recommender__subtitle,.infographic__subtitle){margin:.4rem 0 0;color:var(--text-muted)}:where(.faq){border-radius:var(--radius);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:1rem;text-align:center;color:var(--text)}:where(.faq__toggle){display:inline-flex;margin:0 auto;border:1px solid var(--glass-border-strong);border-radius:var(--radius-pill);padding:8px 14px;font:inherit;font-weight:600;color:var(--text);background:var(--glass);cursor:pointer;transition:background-color .2s,border-color .2s}:where(.faq__toggle:hover){background:var(--glass-strong);border-color:#ffffff59}:where(.faq-column){display:flex;gap:24px}:where(.faq-card){flex:1;min-width:0;background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow),inset 0 1px #ffffff0f;border-radius:var(--radius);padding:18px 22px 22px;display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--text);transition:transform var(--dur) var(--ease-out),border-color var(--dur),box-shadow var(--dur)}:where(.faq-card):hover{transform:translateY(-4px);border-color:#34d39966;box-shadow:var(--shadow-lg),var(--glow)}:where(.faq-card) h2,:where(.faq-card) h3{font-size:1.15rem;font-weight:700;margin:0 0 10px;color:var(--text);letter-spacing:-.01em}:where(.faq-card) p{font-size:.98rem;color:var(--text-muted);margin:0;line-height:1.65}@media (max-width: 900px){:where(.faq-columns){flex-direction:column!important;gap:16px;align-items:stretch}:where(.faq-card){align-self:stretch}}@media (max-width: 600px){:where(.faq-columns){display:flex;flex-direction:row;gap:16px;flex-wrap:wrap}:where(.faq-column){flex-direction:column;gap:16px;flex:1 1 0%;min-width:0}:where(.faq-card){padding:14px 14px 18px;border-radius:14px}}:where(.faq__content){margin-top:.9rem;text-align:left}:where(.faq__title){margin:0 0 .75rem;font-size:1rem;text-align:center}:where(.faq) dl{margin:0;display:grid;gap:.75rem;text-align:center}:where(.faq) dt{font-weight:700;font-size:1.25rem}:where(.faq) dd{margin:0;color:var(--text-muted);font-size:1rem}:where(.costtank,.sprayvolume) .sprayvolume-form{display:flex;flex-direction:column;gap:1rem;max-width:420px;margin:1rem auto;padding:1.75rem;background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--shadow-lg)}:where(.costtank,.sprayvolume) .input-field{flex:1;padding:.75rem 1rem;font-size:1rem;width:100%;box-sizing:border-box;border:0;background:transparent;color:var(--text)}:where(.costtank,.sprayvolume) .input-field:focus{outline:none}:where(.costtank,.sprayvolume) .result{font-weight:700;color:var(--accent-ink);font-size:1.1rem;margin-top:.5rem;background:var(--gradient);padding:.75rem 1rem;border-radius:12px;box-shadow:var(--glow)}:where(.costtank,.sprayvolume) .center-title{text-align:center;margin-bottom:1rem}:where(.costtank,.sprayvolume) label{display:block;font-weight:600;margin:12px 0 6px;color:var(--text-muted);font-size:.9rem}:where(.costtank,.sprayvolume) .input-with-unit{display:flex;align-items:center;background:#00000040;border:1px solid var(--glass-border-strong);border-radius:12px;transition:border-color .2s,box-shadow .2s}:where(.costtank,.sprayvolume) .input-with-unit:focus-within{border-color:var(--accent);box-shadow:0 0 0 4px #34d39926}:where(.costtank,.sprayvolume) .unit{color:var(--text-faint);white-space:nowrap;padding:0 1rem}@media (max-width: 600px){:where(.costtank,.sprayvolume) .sprayvolume-form{padding:1.25rem;max-width:calc(100vw - 2rem)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}