:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b1020;color:#f8fafc;--bg: #0b1020;--panel: #121a2c;--panel-2: #172238;--line: rgba(255, 255, 255, .1);--text: #f8fafc;--muted: #aab4c5;--accent: #6d5dfc;--accent-2: #14b8a6;--warning: #fbbf24;--danger: #fb7185;--radius: 8px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 15% 10%,rgba(20,184,166,.18),transparent 28rem),radial-gradient(circle at 84% 6%,rgba(109,93,252,.2),transparent 24rem),linear-gradient(180deg,#0b1020,#101827 48%,#0c111d);min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:24px;height:72px;padding:0 clamp(18px,4vw,56px);border-bottom:1px solid var(--line);background:#090e1bd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand,.header-action,.primary-button,.secondary-button,.tool-button,.icon-button,.quick-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:var(--radius);transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.brand{padding:0;color:var(--text);background:transparent}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:var(--radius);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff}.brand span:last-child{display:grid;text-align:left}.brand strong{font-size:1.02rem;line-height:1.1}.brand small,.document-bar small,.ai-panel-header p{color:var(--muted);font-size:.78rem}.header-nav{display:flex;align-items:center;gap:22px;color:#c7d2e6;font-size:.92rem}.header-nav a:hover{color:#fff}.header-action,.secondary-button{min-height:40px;padding:0 15px;border:1px solid var(--line);background:#ffffff0f;color:var(--text)}.primary-button{min-height:46px;padding:0 18px;background:linear-gradient(135deg,#6d5dfc,#14b8a6);color:#fff;font-weight:760;box-shadow:0 14px 36px #14b8a62e}.primary-button:hover,.header-action:hover,.secondary-button:hover,.tool-button:hover,.icon-button:hover,.quick-actions button:hover{transform:translateY(-1px)}.primary-button.compact{min-height:38px;padding:0 13px;font-size:.88rem}.secondary-link{color:#c7d2e6;font-weight:680}.hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:center;gap:clamp(34px,6vw,74px);max-width:1220px;min-height:calc(100vh - 72px);margin:0 auto;padding:clamp(48px,8vw,92px) clamp(18px,4vw,34px)}.hero-copy h1{max-width:760px;margin:0;font-size:clamp(2.7rem,6vw,5.8rem);line-height:.96;letter-spacing:0}.hero-copy p{max-width:620px;margin:24px 0 0;color:#c7d2e6;font-size:clamp(1.02rem,1.4vw,1.2rem);line-height:1.75}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:34px}.product-preview{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:linear-gradient(180deg,#ffffff1a,#ffffff0a);box-shadow:0 30px 90px #00000052}.preview-toolbar{display:flex;align-items:center;gap:8px;height:46px;padding:0 16px;border-bottom:1px solid var(--line);color:#dbe7f8}.preview-toolbar span{width:10px;height:10px;border-radius:50%;background:#fb7185}.preview-toolbar span:nth-child(2){background:#fbbf24}.preview-toolbar span:nth-child(3){margin-right:10px;background:#14b8a6}.preview-body{display:grid;grid-template-columns:1fr 220px;gap:18px;padding:20px}.preview-page{display:grid;gap:16px;min-height:430px;padding:36px 34px;border-radius:10px;background:#f8fafc}.preview-page div,.preview-page mark{display:block;height:12px;border-radius:999px;background:#cbd5e1}.preview-page div:nth-child(1){width:62%;height:18px;background:#334155}.preview-page div:nth-child(2){width:82%}.preview-page div:nth-child(3){width:72%}.preview-page mark{width:58%;height:30px;background:#facc156b}.preview-chat{display:flex;flex-direction:column;gap:14px;align-self:stretch;padding:16px;border:1px solid var(--line);border-radius:12px;background:#0b1020b8}.preview-chat span,.preview-chat button{display:inline-flex;align-items:center;gap:7px}.preview-chat p{margin:0;color:#dbe7f8;font-size:.95rem;line-height:1.55}.preview-chat button{margin-top:auto;padding:10px 12px;border:1px solid rgba(20,184,166,.3);border-radius:var(--radius);background:#14b8a61a;color:#9ff5e7}.upload-section,.section,.security-band{max-width:1180px;margin:0 auto;padding:70px clamp(18px,4vw,34px)}.uploader{display:grid;justify-items:center;gap:16px;padding:clamp(34px,6vw,64px);border:1.5px dashed rgba(170,180,197,.35);border-radius:18px;background:#121a2cd1;text-align:center}.uploader.is-dragging{border-color:var(--accent-2);background:#14b8a61f}.uploader-icon{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius);background:#6d5dfc2e;color:#c4b5fd}.uploader h2,.section-heading h2,.security-band h2{margin:0;font-size:clamp(1.9rem,4vw,3rem);line-height:1.08;letter-spacing:0}.uploader p,.section-heading p,.security-band p{max-width:680px;margin:0;color:var(--muted);line-height:1.7}.status-line{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:0 12px;border-radius:var(--radius);font-size:.9rem}.status-line.success{background:#14b8a61f;color:#8eeadf}.status-line.error,.error-banner{background:#fb718521;color:#fecdd3}.section-heading{display:grid;gap:14px;margin-bottom:32px}.feature-grid,.flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.feature-card,.flow-grid article,.utility-card{padding:22px;border:1px solid var(--line);border-radius:12px;background:#121a2cc2}.feature-card svg,.flow-grid svg,.utility-card svg{color:#8eeadf}.feature-card h3,.flow-grid h3,.utility-card h3{margin:16px 0 8px;font-size:1rem}.feature-card p,.flow-grid p,.utility-card p{margin:0;color:var(--muted);font-size:.92rem;line-height:1.6}.utility-section{padding-top:34px}.utility-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.utility-card{display:grid;align-content:start;gap:12px}.utility-card h3{margin:0}.utility-card label{width:fit-content;margin-top:6px}.utility-result{display:grid;gap:8px;margin-top:16px;padding:16px;border:1px solid rgba(20,184,166,.24);border-radius:12px;background:#14b8a614}.utility-result span{color:var(--muted)}.utility-result pre{overflow:auto;max-height:260px;margin:0;padding:12px;border:1px solid var(--line);border-radius:var(--radius);background:#0003;color:#e5edf8;white-space:pre-wrap}.utility-error{color:#fecdd3!important}.utility-note{margin-top:12px;color:var(--muted);font-size:.9rem}.security-band{margin-bottom:54px;border:1px solid rgba(20,184,166,.24);border-radius:18px;background:linear-gradient(135deg,#14b8a61f,#6d5dfc1f)}.editor-shell{padding:18px clamp(14px,2vw,28px) 28px}.document-bar,.pdf-toolbar,.annotation-hint,.error-banner{display:flex;align-items:center;justify-content:space-between;gap:14px;max-width:1500px;margin:0 auto 12px;padding:12px;border:1px solid var(--line);border-radius:12px;background:#121a2ce0}.document-bar>div{display:flex;align-items:center;gap:12px;min-width:0}.document-bar strong{display:block;overflow:hidden;max-width:58vw;text-overflow:ellipsis;white-space:nowrap}.document-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:var(--radius);background:#6d5dfc2e;color:#c4b5fd}.pdf-toolbar{flex-wrap:wrap}.tool-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.toolbar-end{margin-left:auto}.tool-button,.icon-button,.quick-actions button{min-height:36px;padding:0 12px;border:1px solid var(--line);background:#ffffff0d;color:#dbe7f8;font-size:.88rem}.tool-button.active{border-color:#14b8a675;background:#14b8a624;color:#b7fff4}.icon-button{width:36px;padding:0}.zoom-label,.annotation-count{display:inline-flex;align-items:center;gap:7px;min-height:36px;color:var(--muted);font-size:.88rem}.annotation-hint{justify-content:flex-start;color:#fde68a}.annotation-hint input{min-width:min(380px,100%);height:36px;padding:0 10px;border:1px solid rgba(251,191,36,.26);border-radius:var(--radius);background:#0000002e;color:#fff}.editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,390px);gap:14px;max-width:1500px;margin:0 auto;min-height:calc(100vh - 244px)}.viewer-panel,.ai-panel{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:#121a2cdb}.viewer-topbar,.ai-panel-header,.modal-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:54px;padding:10px 14px;border-bottom:1px solid var(--line)}.viewer-topbar{justify-content:center}.viewer-scroll{display:grid;place-items:start center;overflow:auto;height:calc(100vh - 300px);min-height:560px;padding:28px;background:linear-gradient(45deg,rgba(255,255,255,.03) 25%,transparent 25%) 0 0 / 28px 28px,#0000002e}.pdf-page{position:relative;overflow:hidden;min-width:320px;min-height:420px;border-radius:6px;background:#fff;box-shadow:0 22px 52px #0000006b}.pdf-page.is-annotating{cursor:crosshair}.pdf-page canvas{display:block;max-width:none}.annotation{position:absolute;z-index:4;pointer-events:none;border-radius:4px;color:#1e1b4b;font-size:13px;font-weight:760;line-height:1.25}.annotation.text{min-width:120px;padding:4px 6px;color:#3730a3;background:#ffffffad}.annotation.note{min-width:140px;padding:6px 8px;border:1px solid rgba(245,158,11,.45);background:#fbbf24d1}.annotation.highlight{background:#facc156b}.loading-state{display:inline-flex;align-items:center;gap:10px;margin:40px;color:var(--muted)}.spin{animation:spin .8s linear infinite}.ai-panel{display:flex;flex-direction:column;min-height:560px}.ai-panel-header h2,.modal-header h2{margin:0;font-size:1.06rem}.warning-box{margin:12px;padding:10px 12px;border:1px solid rgba(251,191,36,.24);border-radius:var(--radius);background:#fbbf241a;color:#fde68a;font-size:.88rem}.status-box{margin:12px;padding:10px 12px;border:1px solid rgba(20,184,166,.24);border-radius:var(--radius);background:#14b8a61a;color:#b7fff4;font-size:.88rem}.quick-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}.quick-actions button{justify-content:flex-start;min-width:0}.chat-messages{display:flex;flex:1;flex-direction:column;gap:10px;overflow:auto;padding:12px}.chat-message{width:fit-content;max-width:92%;white-space:pre-wrap;padding:10px 12px;border-radius:12px;color:#e5edf8;font-size:.92rem;line-height:1.55}.chat-message.assistant{align-self:flex-start;border:1px solid var(--line);background:#ffffff0f}.chat-message.user{align-self:flex-end;background:linear-gradient(135deg,#6d5dfce6,#14b8a6d1)}.chat-message.loading{display:inline-flex;align-items:center;gap:8px}.chat-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:12px;border-top:1px solid var(--line)}.chat-form input{width:100%;min-width:0;height:38px;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius);outline:0;background:#0003;color:var(--text)}.chat-form input:focus{border-color:#14b8a680}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:18px;background:#0000009e}.text-modal{display:flex;flex-direction:column;overflow:hidden;width:min(880px,100%);max-height:min(760px,92vh);border:1px solid var(--line);border-radius:14px;background:#111827;box-shadow:0 24px 84px #00000075}.text-modal pre{overflow:auto;margin:0;padding:18px;color:#dbe7f8;white-space:pre-wrap;line-height:1.55}.text-modal>.primary-button{align-self:flex-end;margin:12px}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1080px){.hero,.editor-grid{grid-template-columns:1fr}.product-preview{max-width:760px}.ai-panel{min-height:520px}.viewer-scroll{height:auto;max-height:72vh}.feature-grid,.flow-grid,.utility-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.header{height:auto;flex-wrap:wrap;padding-block:12px}.header-nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:.84rem}.hero{min-height:auto;padding-top:44px}.preview-body{grid-template-columns:1fr}.preview-page{min-height:300px}.feature-grid,.flow-grid,.utility-grid,.quick-actions,.chat-form{grid-template-columns:1fr}.document-bar,.annotation-hint{align-items:stretch;flex-direction:column}.toolbar-end{margin-left:0}.tool-button span,.annotation-count{display:none}.viewer-scroll{min-height:420px;padding:16px}}.site-footer{background:var(--panel);border-top:1px solid var(--line);padding:2.5rem 1.5rem 1.5rem;margin-top:3rem}.footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.footer-brand .footer-logo{font-size:1.2rem;font-weight:700;color:var(--accent);display:block;margin-bottom:.5rem}.footer-brand p{font-size:.875rem;color:var(--muted);margin:0}.footer-links{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;align-items:flex-start}.footer-links a{color:var(--muted);text-decoration:none;font-size:.875rem;transition:color .2s}.footer-links a:hover{color:var(--accent)}.footer-copy{grid-column:1 / -1;font-size:.8rem;color:var(--muted);margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--line);text-align:center}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:9999;background:var(--panel-2);border-top:1px solid var(--line);box-shadow:0 -4px 24px #0006;padding:1rem 1.5rem}.cookie-banner-inner{max-width:900px;margin:0 auto;display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.cookie-banner-inner p{flex:1;font-size:.875rem;color:var(--muted);margin:0;min-width:200px}.cookie-banner-inner a{color:var(--accent)}.cookie-actions{display:flex;gap:.75rem;flex-shrink:0}.btn-accept-cookies{background:var(--accent);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:var(--radius);cursor:pointer;font-size:.875rem;font-weight:600;transition:opacity .2s}.btn-accept-cookies:hover{opacity:.85}.btn-reject-cookies{background:transparent;color:var(--muted);border:1px solid var(--line);padding:.5rem 1.25rem;border-radius:var(--radius);cursor:pointer;font-size:.875rem;transition:border-color .2s,color .2s}.btn-reject-cookies:hover{border-color:var(--muted);color:var(--text)}.legal-page{padding:2rem 1.5rem 4rem}.legal-container{max-width:800px;margin:0 auto}.legal-container h1{font-size:2rem;font-weight:700;color:var(--text);margin-bottom:.5rem}.legal-updated{color:var(--muted);font-size:.875rem;margin-bottom:2rem}.legal-container section{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}.legal-container section:last-of-type{border-bottom:none}.legal-container h2{font-size:1.1rem;font-weight:600;color:var(--accent);margin-bottom:.75rem}.legal-container p,.legal-container li{font-size:.95rem;color:var(--muted);line-height:1.7;margin-bottom:.5rem}.legal-container ul{padding-left:1.5rem}.legal-container a{color:var(--accent);text-decoration:underline}.contact-form{margin:2rem 0}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.875rem;color:var(--muted);margin-bottom:.4rem;font-weight:500}.form-group input,.form-group textarea,.form-group select{width:100%;background:var(--panel);border:1px solid var(--line);color:var(--text);padding:.6rem .875rem;border-radius:var(--radius);font-size:.95rem;font-family:inherit;outline:none;transition:border-color .2s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--accent)}.form-group select option{background:var(--panel)}.btn-primary{background:var(--accent);color:#fff;border:none;padding:.65rem 1.5rem;border-radius:var(--radius);cursor:pointer;font-size:.95rem;font-weight:600;transition:opacity .2s}.btn-primary:hover{opacity:.85}.btn-secondary{background:transparent;color:var(--accent);border:1px solid var(--accent);padding:.65rem 1.5rem;border-radius:var(--radius);cursor:pointer;font-size:.95rem;transition:background .2s}.contact-info{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--line)}.contact-success{padding:2rem;background:var(--panel);border-radius:var(--radius);border:1px solid var(--accent);margin:1.5rem 0}@media(max-width:600px){.footer-inner{grid-template-columns:1fr}.cookie-banner-inner{flex-direction:column;align-items:flex-start}.cookie-actions{width:100%;justify-content:stretch}.cookie-actions button{flex:1}}.feature-card--clickable{cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}.feature-card--clickable:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:12px;border:1.5px solid transparent;background:linear-gradient(135deg,var(--card-accent, #6d5dfc),transparent) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;transition:opacity .18s ease}.feature-card--clickable:hover,.feature-card--clickable:focus-visible{transform:translateY(-4px);box-shadow:0 12px 32px #00000059;outline:none}.feature-card--clickable:hover:before,.feature-card--clickable:focus-visible:before{opacity:1}.feature-card--clickable:active{transform:translateY(-1px)}.feature-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:#ffffff0f;margin-bottom:14px}.feature-card-cta{display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:.82rem;font-weight:600;color:var(--muted);opacity:0;transform:translate(-4px);transition:opacity .18s ease,transform .18s ease}.feature-card--clickable:hover .feature-card-cta,.feature-card--clickable:focus-visible .feature-card-cta{opacity:1;transform:translate(0)}.nav-dropdown{position:relative}.nav-dropdown-btn{display:inline-flex;align-items:center;gap:5px;background:none;border:none;color:#c7d2e6;font-size:.92rem;cursor:pointer;padding:4px 0;transition:color .15s}.nav-dropdown-btn:hover{color:#fff}.nav-dropdown-btn svg{transition:transform .2s ease}.nav-dropdown-btn svg.rotated{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);background:#121a2c;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:2px;min-width:340px;box-shadow:0 16px 48px #00000080;z-index:200;animation:dropIn .15s ease}@keyframes dropIn{0%{opacity:0;transform:translate(-50%) translateY(-6px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nav-dropdown-item{background:none;border:none;color:#c7d2e6;font-size:.86rem;text-align:left;padding:8px 12px;border-radius:8px;cursor:pointer;transition:background .12s,color .12s;white-space:nowrap}.nav-dropdown-item:hover{background:#ffffff12;color:#fff}
