*,:after,:before{margin:0;padding:0;box-sizing:border-box}:root{--text-xs:12px;--text-sm:14px;--text-base:16px;--text-lg:18px;--text-xl:20px;--text-2xl:24px;--text-3xl:32px;--text-4xl:clamp(28px,4vw,44px);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--tracking-tight:-0.02em;--tracking-normal:0;--tracking-wider:0.05em;--tracking-widest:0.12em;--page-max:1200px;--page-narrow:720px;--page-wide:1400px;--danger:var(--red);--danger-soft:var(--red-soft);--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease;--fs-11:11px;--fs-12:12px;--fs-13:13px;--fs-14:14px;--fs-15:15px;--fs-16:16px;--fs-18:18px;--fs-20:20px;--fs-24:24px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--tap-44:44px}[data-theme=dark]{--bg:#08080c;--bg-alt:#0c0c11;--surface:#111118;--surface-2:#181822;--surface-3:#1e1e2a;--border:#222232;--border-light:#2e2e40;--accent:#dd7724;--accent-hover:#ed8936;--accent-soft:rgba(221,119,36,.12);--accent-glow:rgba(221,119,36,.28);--green:#34d399;--green-soft:rgba(52,211,153,.12);--blue:#60a5fa;--blue-soft:rgba(96,165,250,.12);--purple:#c084fc;--purple-soft:rgba(192,132,252,.12);--red:#f87171;--red-soft:rgba(248,113,113,.12);--teal:#2dd4bf;--teal-soft:rgba(45,212,191,.12);--yellow:#fbbf24;--text:#f0ece4;--text-secondary:#9c9898;--text-muted:#7a7a7a;--text-inverse:#08080c;--hero-gradient:linear-gradient(135deg,var(--accent),#f6ad55);--btn-secondary-bg:transparent;--dot-opacity:.25;--chat-input-bg:var(--surface-2);--modal-bg:rgba(0,0,0,.7);--card-shadow:0 20px 60px rgba(0,0,0,.3);--stat-grad:var(--accent)}[data-theme=light]{--bg:#f4f1ec;--bg-alt:#efebe5;--surface:#fff;--surface-2:#f8f6f2;--surface-3:#ebe8e2;--border:#dcd8d0;--border-light:#c8c4bb;--accent:#dd7724;--accent-hover:#c05621;--accent-soft:rgba(221,119,36,.08);--accent-glow:rgba(221,119,36,.18);--green:#059669;--green-soft:rgba(5,150,105,.08);--blue:#2563eb;--blue-soft:rgba(37,99,235,.08);--purple:#7c3aed;--purple-soft:rgba(124,58,237,.08);--red:#dc2626;--red-soft:rgba(220,38,38,.08);--teal:#0d9488;--teal-soft:rgba(13,148,136,.08);--yellow:#d97706;--text:#1a1a2e;--text-secondary:#5a5a6a;--text-muted:#6b6b7b;--text-inverse:#fff;--hero-gradient:linear-gradient(135deg,#dd7724,#c05621);--btn-secondary-bg:var(--surface);--dot-opacity:.08;--chat-input-bg:var(--surface-3);--modal-bg:rgba(0,0,0,.35);--card-shadow:0 12px 40px rgba(0,0,0,.08);--stat-grad:var(--accent)}html{scroll-behavior:smooth}body{font-family:-apple-system,PingFang SC,Noto Sans SC,Segoe UI,sans-serif;background:var(--bg);color:var(--text);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;transition:background .4s,color .4s;overscroll-behavior:none;-webkit-overflow-scrolling:touch}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(ellipse at 15% 0,rgba(221,119,36,.04),transparent 50%),radial-gradient(ellipse at 85% 100%,rgba(96,165,250,.02),transparent 50%)}a{color:var(--accent);text-decoration:none;transition:color .2s}a:hover{color:var(--accent-hover)}button{cursor:pointer;border:none;font-family:inherit;transition:all .2s}button:hover{opacity:.85}button:active{transform:scale(.97)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,select,textarea{font-family:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.sr-only:focus-visible,a.sr-only:focus-visible{position:absolute;width:auto;height:auto;margin:0;overflow:visible;clip:auto;-webkit-clip-path:none;clip-path:none;white-space:nowrap}.container{max-width:1200px;margin:0 auto;padding:0 32px;position:relative;z-index:1}@media (max-width:768px){.container{padding:0 16px}}.logo-mark{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#08080c}.logo-text{font-family:Syne,-apple-system,PingFang SC,sans-serif;font-weight:700;font-size:20px;color:var(--text);letter-spacing:-.02em}.theme-toggle{width:44px;height:24px;border-radius:12px;background:var(--surface-2);border:1px solid var(--border);cursor:pointer;position:relative;transition:all .3s;flex-shrink:0}.theme-toggle:hover{border-color:var(--accent)}.theme-toggle .toggle-thumb{position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--accent);transition:all .35s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;justify-content:center;font-size:10px}[data-theme=light] .theme-toggle .toggle-thumb{left:22px;background:var(--text)}.hero{min-height:100vh;min-height:100dvh;display:flex;align-items:center;position:relative;padding:120px 0 80px;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,var(--border) 1px,transparent 1px);background-size:48px 48px;opacity:var(--dot-opacity);pointer-events:none}.hero-inner{display:grid;grid-template-columns:1fr 1fr;grid-gap:80px;gap:80px;align-items:center}.hero-content{position:relative;z-index:2}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:100px;padding:6px 16px;margin-bottom:28px;font-size:13px;color:var(--accent)}.hero-badge .pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.hero h1{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(40px,5.5vw,60px);line-height:1.2;letter-spacing:-.02em;margin-bottom:16px}.hero h1 .line-1{display:block;color:var(--text)}.hero h1 .line-2{display:block;color:var(--accent)}.hero-desc{font-size:17px;color:var(--text-secondary);line-height:1.75;margin-bottom:36px;max-width:480px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:var(--text-inverse);padding:14px 32px;border-radius:10px;font-size:15px;font-weight:600;border:none;cursor:pointer;text-decoration:none;transition:all .3s}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.btn-secondary{display:inline-flex;align-items:center;gap:8px;background:var(--btn-secondary-bg);border:1px solid var(--border-light);color:var(--text);padding:14px 28px;border-radius:10px;font-size:15px;cursor:pointer;text-decoration:none;transition:all .3s}.btn-secondary:hover{border-color:var(--text-muted);background:var(--surface)}@media (max-width:768px){.btn-primary,.btn-secondary{padding:12px 24px;min-height:44px;font-size:15px}.ds-btn{min-height:44px}body{font-size:15px}}.hero-visual{position:relative;height:480px}.float-bubble{position:absolute;padding:12px 18px;border-radius:14px;font-size:14px;max-width:220px;animation:floatBubble 6s ease-in-out infinite;opacity:0;animation-fill-mode:forwards}.fb-1{top:10%;left:10%;background:var(--surface-2);border:1px solid var(--border);color:var(--text-secondary);animation-delay:.5s}.fb-2{top:28%;right:5%;background:var(--accent);color:#08080c;font-weight:500;animation-delay:1.2s;border-radius:14px 14px 4px 14px}.fb-3{top:50%;left:0;background:var(--surface-3);border:1px solid var(--border);color:var(--text);animation-delay:2s}.fb-4{top:72%;right:15%;background:var(--green-soft);border:1px solid color-mix(in srgb,var(--green) 20%,transparent);color:var(--green);font-size:12px;animation-delay:2.8s}.fb-5{top:85%;left:20%;background:var(--accent);color:#08080c;font-weight:600;font-size:15px;animation-delay:3.5s;border-radius:14px 14px 14px 4px}.float-bubble .fb-tag{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;opacity:.7}@keyframes floatBubble{0%{opacity:0;transform:translateY(24px) scale(.95)}12%{opacity:1;transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.02)}88%,to{opacity:1;transform:translateY(0) scale(1)}}.section-header{text-align:center;margin-bottom:64px}.section-tag{display:inline-block;font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);margin-bottom:16px;background:var(--accent-soft);padding:4px 14px;border-radius:100px}.section-header h2{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(28px,3.5vw,42px);line-height:1.2;letter-spacing:-.02em;margin-bottom:16px}.section-header p{font-size:17px;color:var(--text-secondary);max-width:560px;margin:0 auto}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.stats{padding:80px 0 40px;position:relative;z-index:1}.stats-header{text-align:center;margin-bottom:48px}.stats-header h2{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(28px,3.5vw,42px);line-height:1.2;letter-spacing:-.02em;margin-bottom:16px;color:var(--text)}.stats-header p{font-size:18px;color:var(--text-secondary);line-height:1.7}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:36px 32px;text-align:center;transition:all .3s}.stat-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.stat-number{font-family:Sora,sans-serif;font-weight:800;font-size:52px;line-height:1.1;margin-bottom:8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--accent)}.stat-suffix{font-size:28px;font-weight:700}.stat-label{font-size:15px;color:var(--text-secondary)}.stat-sub{font-size:12px;color:var(--text-muted);margin-top:8px}.paradigm{padding:60px 0;position:relative;z-index:1}.paradigm-track{display:flex;align-items:center;justify-content:center;gap:40px;flex-wrap:wrap}.paradigm-box{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px 36px;min-width:260px}.paradigm-box.old{opacity:.5}.paradigm-box.new{border-color:var(--accent);box-shadow:0 4px 20px rgba(0,0,0,.1)}.paradigm-box .pb-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-bottom:14px}.paradigm-box.old .pb-label{color:var(--text-muted)}.paradigm-box.new .pb-label{color:var(--accent)}.paradigm-box .pb-items{display:flex;flex-direction:column;gap:8px}.paradigm-box .pb-item{font-size:15px;display:flex;align-items:center;gap:8px}.paradigm-box.old .pb-item{color:var(--text-muted);text-decoration:line-through}.paradigm-box.new .pb-item{color:var(--text)}.paradigm-arrow{font-size:32px;color:var(--accent);font-weight:300}.features{padding:100px 0;position:relative;z-index:1}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;position:relative;overflow:hidden;transition:all .35s}.feature-card:hover{border-color:color-mix(in srgb,var(--accent) 30%,transparent);transform:translateY(-4px);box-shadow:var(--card-shadow)}.feature-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;margin-bottom:12px;background:var(--accent-soft)}.feature-card h3{font-family:Syne,sans-serif;font-weight:700;font-size:20px;margin-bottom:10px}.feature-card p{font-size:15px;color:var(--text-secondary);line-height:1.7}.feature-tag{display:inline-block;margin-top:16px;padding:4px 12px;font-size:11px;border-radius:6px;letter-spacing:.04em}.ft-ai{background:var(--accent-soft);color:var(--accent)}.ft-smart{background:var(--green-soft);color:var(--green)}.ft-multi{background:var(--blue-soft);color:var(--blue)}.ft-insight{background:var(--red-soft);color:var(--red)}.solutions{padding:100px 0;position:relative;z-index:1}.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.solution-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;position:relative;overflow:hidden;transition:all .35s;display:flex;flex-direction:column}.solution-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow)}.sc-header{justify-content:space-between;margin-bottom:14px}.sc-header,.sc-icon{display:flex;align-items:center}.sc-icon{width:42px;height:42px;border-radius:10px;justify-content:center;font-size:13px;font-weight:800;color:#08080c;background:linear-gradient(135deg,var(--accent),var(--accent-hover))}.sc-meta{font-size:11px;color:var(--text-muted)}.sc-popular{position:absolute;top:14px;right:14px;font-size:10px;padding:3px 10px;border-radius:100px;background:var(--accent-soft);color:var(--accent);font-weight:600}.sc-title{font-family:Syne,sans-serif;font-weight:700;font-size:17px;margin-bottom:8px}.sc-desc{font-size:14px;color:var(--text-secondary);line-height:1.65;margin-bottom:16px;flex:1 1}.sc-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.sc-tag{font-size:11px;padding:3px 10px;border-radius:6px;background:var(--surface-3);color:var(--text-muted);border:1px solid color-mix(in srgb,var(--border) 60%,transparent)}.sc-btn{display:block;width:100%;text-align:center;padding:10px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s;border:1px solid var(--border-light);background:transparent;color:var(--text)}.sc-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.social-proof{padding:100px 0;position:relative;z-index:1}.trust-bar{display:flex;align-items:center;justify-content:center;gap:48px;flex-wrap:wrap;margin-bottom:56px;padding:24px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.trust-logo{font-size:15px;font-weight:700;color:var(--text-muted);letter-spacing:.04em;opacity:.5}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;margin-bottom:48px}.testimonial-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;transition:all .3s}.testimonial-card:hover{border-color:var(--border-light);transform:translateY(-2px)}.tc-stars{color:var(--accent);font-size:14px;margin-bottom:14px;letter-spacing:2px}.tc-text{font-size:15px;color:var(--text-secondary);line-height:1.7;margin-bottom:18px;font-style:italic}.tc-author{gap:12px}.tc-author,.tc-avatar{display:flex;align-items:center}.tc-avatar{width:40px;height:40px;border-radius:10px;justify-content:center;font-size:16px;font-weight:700;color:#08080c}.tc-a1{background:linear-gradient(135deg,#e5a91a,#f0c040)}.tc-a2{background:linear-gradient(135deg,#60a5fa,#93c5fd)}.tc-a3{background:linear-gradient(135deg,#34d399,#6ee7b7)}.tc-name{font-size:14px;font-weight:600}.tc-role{font-size:12px;color:var(--text-muted)}.proof-metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.proof-metric{text-align:center;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.pm-number{font-family:Sora,sans-serif;font-weight:800;font-size:32px;color:var(--accent);line-height:1.1}.pm-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.dashboard-section{padding:100px 0;position:relative;z-index:1}.dash-frame{background:var(--surface);border:1px solid var(--border);border-radius:20px;overflow:hidden}.dash-titlebar{padding:16px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.dash-titlebar span{font-size:13px;color:var(--text-secondary)}.dash-body{padding:32px}.dash-metrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;margin-bottom:32px}.dash-metric{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;padding:20px}.dm-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:8px}.dm-value{font-family:Sora,sans-serif;font-weight:800;font-size:28px;line-height:1.1}.dm-change{font-size:12px;margin-top:4px}.dm-up{color:var(--green)}.dm-neutral{color:var(--text-muted)}.dash-content{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:24px;gap:24px}.dash-chart-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:24px}.dcp-title{font-size:13px;font-weight:600;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.bar-chart{display:flex;flex-direction:column;gap:14px}.bar-row{display:grid;grid-template-columns:100px 1fr 50px;align-items:center;grid-gap:12px;gap:12px}.bar-label{font-size:13px;color:var(--text-secondary)}.bar-track{height:8px;background:color-mix(in srgb,var(--text) 4%,transparent);border-radius:4px;overflow:hidden}.bar-fill{height:100%;border-radius:4px;transition:width 1.4s cubic-bezier(.22,1,.36,1)}.bf-1{background:linear-gradient(90deg,var(--accent),var(--accent-hover))}.bf-2{background:linear-gradient(90deg,var(--green),#6ee7b7)}.bf-3{background:linear-gradient(90deg,var(--blue),#93c5fd)}.bf-4{background:linear-gradient(90deg,var(--red),#fca5a5)}.bf-5{background:linear-gradient(90deg,#c084fc,#d8b4fe)}.bar-value{font-family:Sora,sans-serif;font-size:13px;color:var(--text-muted);text-align:right}.dash-insights-panel{background:var(--surface-2);border:1px solid var(--border);border-radius:14px;padding:24px}.dip-title{font-size:13px;font-weight:600;margin-bottom:16px}.ai-insight-card{padding:14px;background:var(--surface-3);border-radius:10px;margin-bottom:12px;border-left:3px solid var(--accent)}.aic-header{display:flex;align-items:center;gap:6px;margin-bottom:6px}.aic-header .aic-tag{font-size:10px;color:var(--accent);letter-spacing:.06em}.aic-text{font-size:13px;line-height:1.7;color:var(--text-secondary)}.aic-text strong{color:var(--text);font-weight:600}.sentiment-row{display:flex;gap:16px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.sentiment-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.sentiment-dot{width:8px;height:8px;border-radius:50%}.sd-pos{background:var(--green)}.sd-neu{background:var(--yellow)}.sd-neg{background:var(--red)}.pricing{padding:100px 0;position:relative;z-index:1}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;max-width:960px;margin:0 auto}.price-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:36px;display:flex;flex-direction:column;transition:all .35s;position:relative}.price-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow)}.price-card.featured{border-color:var(--accent);box-shadow:0 8px 24px rgba(0,0,0,.1)}.price-card.featured:before{content:"最受欢迎";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--accent);color:#08080c;font-size:11px;font-weight:700;padding:4px 14px;border-radius:100px}.pc-name{font-family:Syne,sans-serif;font-weight:700;font-size:18px;margin-bottom:4px}.pc-desc{font-size:13px;color:var(--text-muted);margin-bottom:20px}.pc-price{margin-bottom:24px}.pc-price .amount{font-family:Sora,sans-serif;font-weight:800;font-size:40px}.pc-price .currency{font-size:18px;font-weight:600;vertical-align:top;margin-right:2px}.pc-price .period{font-size:14px;color:var(--text-muted)}.pc-price .free-label{font-family:Sora,sans-serif;font-weight:800;font-size:40px;color:var(--green)}.pc-features{list-style:none;flex:1 1;margin-bottom:28px}.pc-features li{font-size:14px;color:var(--text-secondary);padding:8px 0;display:flex;align-items:flex-start;gap:10px;border-bottom:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.pc-features li:last-child{border-bottom:none}.pc-features li .check{color:var(--green);font-weight:700;flex-shrink:0}.pc-features li .cross{color:var(--text-muted);flex-shrink:0}.pc-btn{display:block;width:100%;text-align:center;padding:12px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;border:none}.pc-btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#08080c}.pc-btn-primary:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.pc-btn-secondary{background:transparent;border:1px solid var(--border-light);color:var(--text)}.pc-btn-secondary:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.pricing-note{text-align:center;margin-top:32px;font-size:13px;color:var(--text-muted)}.cta-section{padding:120px 0;position:relative;z-index:1;text-align:center}.cta-section:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,var(--accent-soft),transparent 60%);pointer-events:none}.cta-section h2{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(30px,4vw,48px);letter-spacing:-.03em;margin-bottom:16px}.cta-section p{font-size:17px;color:var(--text-secondary);margin-bottom:40px}.cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.cta-note{margin-top:20px;font-size:13px;color:var(--text-muted)}.footer{padding:40px 0;border-top:1px solid var(--border);position:relative;z-index:1}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-copy{font-size:13px;color:var(--text-muted)}.footer-links{display:flex;gap:24px}.footer-links a,.footer-links button{font-size:13px;color:var(--text-muted);text-decoration:none;transition:color .25s;background:none;border:none;cursor:pointer;font-family:inherit;padding:0}.footer-links a:hover,.footer-links button:hover{color:var(--text)}.modal-overlay{position:fixed;inset:0;z-index:200;background:var(--modal-bg);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.modal-overlay.open{opacity:1;visibility:visible}.modal-box{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px;max-width:520px;width:92%;max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 40px);overflow-y:auto;transform:translateY(20px) scale(.97);transition:transform .35s cubic-bezier(.34,1.56,.64,1);position:relative}.modal-overlay.open .modal-box{transform:translateY(0) scale(1)}.modal-box.wide{max-width:680px}.modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:8px;background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .25s}.modal-close:hover{color:var(--text);border-color:var(--text-muted)}.modal-box h3{font-family:Syne,sans-serif;font-weight:700;font-size:22px;margin-bottom:6px}.modal-box .modal-sub{font-size:14px;color:var(--text-secondary);margin-bottom:28px;line-height:1.7}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 14px;background:var(--surface-2);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:14px;outline:none;transition:border-color .25s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--accent)}.form-group textarea{resize:vertical;min-height:80px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px}.form-submit{width:100%;padding:14px;border:none;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#08080c;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s;margin-top:8px}.form-submit:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.form-submit:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.form-error{font-size:12px;color:var(--red);margin-top:4px;display:none}.form-group.error input,.form-group.error select,.form-group.error textarea{border-color:var(--red)}.form-group.error .form-error{display:block}.modal-success{text-align:center;padding:20px 0}.modal-success .success-icon{width:64px;height:64px;border-radius:50%;background:var(--green-soft);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto 20px;color:var(--green)}.modal-success h4{font-family:Syne,sans-serif;font-weight:700;font-size:20px;margin-bottom:8px}.modal-success p{font-size:14px;color:var(--text-secondary);line-height:1.6}.legal-content{max-height:55vh;overflow-y:auto;padding-right:8px}.legal-content h4{font-family:Syne,sans-serif;font-weight:700;font-size:16px;margin:20px 0 8px;color:var(--text)}.legal-content h4:first-child{margin-top:0}.legal-content p{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:10px}.legal-content ul{padding-left:20px;margin-bottom:10px}.legal-content li{font-size:14px;color:var(--text-secondary);line-height:1.7;margin-bottom:4px}.toast{position:fixed;bottom:calc(32px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%) translateY(80px);z-index:300;background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 24px;font-size:14px;color:var(--text);box-shadow:0 12px 40px rgba(0,0,0,.3);transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex;align-items:center;gap:10px}.toast.show{transform:translateX(-50%) translateY(0)}.toast .toast-icon{color:var(--green);font-size:16px}.auth-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:40px;max-width:420px;width:100%}.auth-card h1{font-family:Syne,sans-serif;font-weight:700;font-size:24px;margin-bottom:8px;text-align:center}.auth-card .auth-sub{text-align:center;font-size:14px;color:var(--text-secondary);margin-bottom:28px}.auth-divider{text-align:center;font-size:13px;color:var(--text-muted);margin:20px 0}.auth-link{text-align:center;font-size:14px;color:var(--text-secondary);margin-top:20px}.auth-link a{color:var(--accent);text-decoration:underline}.dashboard-page{min-height:100vh;min-height:100dvh;padding:100px 0 40px}.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.dash-header h1{font-family:Syne,sans-serif;font-weight:700;font-size:28px}.dash-tabs{display:flex;gap:8px;margin-bottom:24px}.dash-tab{padding:8px 20px;border-radius:8px;font-size:14px;background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all .25s}.dash-tab.active{background:var(--accent);border-color:var(--accent);color:#08080c;font-weight:600}.dash-tab:hover:not(.active){border-color:var(--accent);color:var(--accent)}.survey-list{display:flex;flex-direction:column;gap:12px}.survey-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:24px;display:flex;justify-content:space-between;align-items:center;transition:all .25s;flex-wrap:wrap;gap:16px}.survey-card:hover{border-color:var(--border-light);transform:translateY(-1px)}.survey-info h3{font-size:16px;font-weight:600;margin-bottom:4px}.survey-info p{font-size:13px;color:var(--text-secondary)}.survey-meta{display:flex;gap:20px;font-size:13px;color:var(--text-muted)}.survey-actions{display:flex;gap:8px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:4px}.survey-actions::-webkit-scrollbar{display:none}.survey-actions a,.survey-actions button{padding:6px 14px;border-radius:6px;font-size:12px;transition:all .25s;text-decoration:none;display:inline-flex;align-items:center}.btn-ghost{background:transparent;border:1px solid var(--border);color:var(--text-secondary)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.btn-danger{background:transparent;border:1px solid var(--border);color:var(--red)}.btn-danger:hover{border-color:var(--red);background:var(--red-soft)}.status-badge{display:inline-block;padding:2px 10px;border-radius:100px;font-size:11px;font-weight:600}.status-active{background:var(--green-soft);color:var(--green)}.status-archived{background:var(--surface-3);color:var(--text-muted)}.status-completed{background:var(--blue-soft);color:var(--blue)}.status-expired{background:var(--red-soft);color:var(--red)}.status-draft{background:var(--blue-soft);color:var(--blue)}.status-deleted{background:var(--red-soft);color:var(--red);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb,var(--red) 60%,transparent);text-decoration-color:color-mix(in srgb,var(--red) 60%,transparent)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted)}.empty-state h3{font-size:18px;margin-bottom:8px;color:var(--text-secondary)}.templates-page{min-height:100vh;min-height:100dvh;padding:100px 0 40px}.templates-header{margin-bottom:32px}.templates-header h1{font-family:Syne,sans-serif;font-weight:700;font-size:28px;margin-bottom:8px}.templates-header p{font-size:15px;color:var(--text-secondary)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:20px;gap:20px}.template-card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:28px;transition:all .35s;display:flex;flex-direction:column}.template-card:hover{transform:translateY(-4px);box-shadow:var(--card-shadow);border-color:var(--accent)}.template-card h3{font-family:Syne,sans-serif;font-weight:700;font-size:17px;margin-bottom:8px}.template-card p{font-size:14px;color:var(--text-secondary);line-height:1.65;margin-bottom:16px;flex:1 1}.template-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.template-tag{font-size:11px;padding:3px 10px;border-radius:6px;background:var(--surface-3);color:var(--text-muted)}.template-meta{font-size:12px;color:var(--text-muted);margin-bottom:16px}@media(max-width:1024px){.pricing-grid{grid-template-columns:1fr;max-width:400px}.proof-metrics,.solutions-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.hero-inner{grid-template-columns:1fr;gap:40px}.hero-visual{height:320px}.features-grid,.stats-grid{grid-template-columns:1fr}.paradigm-track{flex-direction:column}.paradigm-arrow{transform:rotate(90deg)}.form-row,.testimonials-grid{grid-template-columns:1fr}.trust-bar{gap:24px}.solutions-grid{grid-template-columns:1fr}.dash-metrics{grid-template-columns:repeat(2,1fr)}.dash-content{grid-template-columns:1fr}.survey-card{flex-direction:column;align-items:flex-start}.survey-actions{width:100%;flex-wrap:nowrap;gap:6px}.survey-actions a,.survey-actions button{white-space:nowrap;flex-shrink:0;padding:6px 12px;font-size:12px}}@media(max-width:480px){.container{padding:0 20px}.hero{padding:100px 0 60px}.hero h1{font-size:32px}.hero-desc{font-size:15px}.btn-primary,.btn-secondary{padding:12px 24px;font-size:14px}.proof-metrics{grid-template-columns:1fr 1fr;gap:12px}.pm-number{font-size:26px}}.glass{background:color-mix(in srgb,var(--surface) 70%,transparent);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--border) 50%,transparent)}.glow{box-shadow:0 8px 24px rgba(0,0,0,.1)}.glow-border{border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.gradient-text{color:var(--accent);font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fade-in-up{animation:fadeInUp .6s ease both}.animate-float{animation:float 4s ease-in-out infinite}.animate-glow{animation:glow-pulse 3s ease-in-out infinite}.img-placeholder{background:linear-gradient(135deg,var(--surface-2),var(--surface-3));border:1px dashed var(--border-light);display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:13px;overflow:hidden;position:relative}.img-placeholder:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--accent) 8%,transparent),transparent);background-size:200% 100%;animation:shimmer 2s infinite}@media (max-width:768px){.theme-toggle{width:40px!important;height:22px!important;border-radius:11px!important}.theme-toggle .toggle-thumb{width:16px!important;height:16px!important;top:2px!important;left:2px!important}[data-theme=light] .theme-toggle .toggle-thumb{left:20px!important}.logo-text{font-size:16px!important}.hero{padding:80px 0 40px!important}.hero-inner{grid-template-columns:1fr!important;gap:32px!important}.hero h1{font-size:28px!important;line-height:1.3!important}.hero-desc{font-size:14px!important;line-height:1.6!important}.hero-actions{flex-direction:column!important;gap:10px!important}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%!important;text-align:center!important;justify-content:center!important}.hero-visual{height:auto!important;min-height:280px!important;position:relative!important}.hero-visual>div:first-child{position:relative!important;top:auto!important;left:auto!important;transform:none!important;width:100%!important;max-width:100%!important;margin:0 auto!important}.container{padding:0 16px!important}.section-header h2,.stats-header h2{font-size:24px!important}.section-header p,.stats-header p{font-size:14px!important}.section-tag{font-size:11px!important}.stats{padding:40px 0 20px!important}.stats-grid{grid-template-columns:1fr!important;gap:12px!important}.stat-card{padding:20px 24px!important}.stat-number{font-size:36px!important}.features{padding:40px 0!important}.features-grid{grid-template-columns:1fr!important;gap:12px!important}.feature-card{padding:24px!important}.solutions{padding:40px 0!important}.solutions-grid{grid-template-columns:1fr!important;gap:12px!important}.social-proof{padding:40px 0!important}.trust-bar{gap:16px!important}.trust-logo{font-size:13px!important}.testimonials-grid{grid-template-columns:1fr!important;gap:12px!important}.testimonial-card{padding:20px!important}.proof-metrics{grid-template-columns:1fr 1fr!important;gap:10px!important}.pm-number{font-size:24px!important}.demo,.pricing{padding:40px 0!important}.pricing-grid{grid-template-columns:1fr!important;max-width:100%!important;gap:12px!important}.price-card{padding:24px!important}.cta-section{padding:60px 0!important}.cta-section h2{font-size:24px!important}.dash-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important}.dash-stat-card{padding:14px!important;flex-direction:column!important;text-align:center!important;gap:6px!important}.dash-stat-card>div:first-child{display:none!important}.dash-stat-value{font-size:24px!important}.dash-stat-label{font-size:11px!important}.dash-metrics{grid-template-columns:1fr 1fr!important;gap:8px!important}.dash-content{grid-template-columns:1fr!important}.survey-card{flex-direction:column!important;align-items:flex-start!important;gap:12px!important}.survey-info{width:100%!important}.survey-info p{white-space:normal!important;word-break:break-word!important;overflow:visible!important;text-overflow:unset!important}.survey-actions{width:100%!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.survey-actions a,.survey-actions button{flex-shrink:0!important;white-space:nowrap!important}.paradigm{padding:40px 0!important}.paradigm-track{flex-direction:column!important;gap:16px!important}.paradigm-arrow{transform:rotate(90deg)!important}.paradigm-box{min-width:auto!important;width:100%!important;padding:20px!important}.paradigm-box .pb-item{font-size:14px!important}.form-row{grid-template-columns:1fr!important}.modal-box{margin:16px!important;padding:24px!important}.lang-switcher-btn{padding:6px 8px!important}.lang-label{display:none!important}.survey-chat-header{padding:10px 16px!important}.survey-chat-area{padding:16px 12px!important}.survey-input-area{padding:12px 12px 16px!important}.survey-choice-btn{padding:10px 16px!important;font-size:13px!important}.survey-scale-btn{width:38px!important;height:38px!important;font-size:13px!important}.survey-send-btn{width:42px!important;height:42px!important}.survey-welcome{padding:24px 20px!important}.survey-welcome h1{font-size:22px!important}.survey-welcome-stats{gap:12px!important}.insights-sidebar{display:none!important}.mobile-insights-btn{display:flex!important}}.billing-table{display:block!important}.billing-cards{display:none!important}@media (max-width:768px){.billing-table{display:none!important}.billing-cards{display:block!important}}.d-flex{display:flex}.d-grid{display:grid}.d-block{display:block}.flex-1{flex:1 1}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:4px}.gap-6{gap:6px}.gap-8{gap:8px}.gap-10{gap:10px}.gap-12{gap:12px}.gap-16{gap:16px}.gap-20{gap:20px}.gap-24{gap:24px}.mb-4{margin-bottom:4px}.mb-8{margin-bottom:8px}.mb-12{margin-bottom:12px}.mb-16{margin-bottom:16px}.mb-20{margin-bottom:20px}.mb-24{margin-bottom:24px}.mt-4{margin-top:4px}.mt-8{margin-top:8px}.ml-auto{margin-left:auto}.p-2{padding:2px}.p-6{padding:6px}.p-8{padding:8px}.p-10{padding:10px}.p-12{padding:12px}.p-14{padding:14px}.p-16{padding:16px}.p-20{padding:20px}.p-24{padding:24px}.p-32{padding:32px}.px-6{padding-left:6px;padding-right:6px}.px-10{padding-left:10px;padding-right:10px}.px-12{padding-left:12px;padding-right:12px}.px-14{padding-left:14px;padding-right:14px}.px-16{padding-left:16px;padding-right:16px}.py-8{padding-top:8px;padding-bottom:8px}.py-12{padding-top:12px;padding-bottom:12px}.rounded-8{border-radius:8px}.rounded-10{border-radius:10px}.rounded-12{border-radius:12px}.rounded-16{border-radius:16px}.text-11{font-size:11px}.text-12{font-size:12px}.text-13{font-size:13px}.text-14{font-size:14px}.text-15{font-size:15px}.text-16{font-size:16px}.text-20{font-size:20px}.text-24{font-size:24px}.text-28{font-size:28px}.font-400{font-weight:400}.font-500{font-weight:500}.font-600{font-weight:600}.font-700{font-weight:700}.font-800{font-weight:800}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-inverse{color:var(--text-inverse)}.bg-surface{background:var(--surface)}.bg-surface-2{background:var(--surface-2)}.bg-surface-3{background:var(--surface-3)}.bg-accent{background:var(--accent)}.border{border:1px solid var(--border)}.border-none{border:none}.cursor-pointer{cursor:pointer}.whitespace-nowrap{white-space:nowrap}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.w-full{width:100%}.relative{position:relative}.absolute{position:absolute}.font-syne{font-family:Syne,sans-serif}.font-sora{font-family:Sora,sans-serif}.font-mono{font-family:JetBrains Mono,monospace}.rounded-6{border-radius:6px}.rounded-14{border-radius:14px}.rounded-20{border-radius:20px}.rounded-full{border-radius:9999px}.p-40{padding:40px}.px-8{padding-left:8px;padding-right:8px}.px-20{padding-left:20px;padding-right:20px}.px-32{padding-left:32px;padding-right:32px}.py-16{padding-top:16px;padding-bottom:16px}.py-1{padding-top:1px;padding-bottom:1px}.py-2{padding-top:2px;padding-bottom:2px}.py-3{padding-top:3px;padding-bottom:3px}.py-4{padding-top:4px;padding-bottom:4px}.py-10{padding-top:10px;padding-bottom:10px}.py-14{padding-top:14px;padding-bottom:14px}.py-24{padding-top:24px;padding-bottom:24px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-32{margin-bottom:32px}.mb-40{margin-bottom:40px}.ml-8{margin-left:8px}.mr-8{margin-right:8px}.gap-32{gap:32px}.gap-40{gap:40px}.text-10{font-size:10px}.text-18{font-size:18px}.text-22{font-size:22px}.text-48{font-size:48px}.flex-wrap{flex-wrap:wrap}.inline-block{display:inline-block}.m-0{margin:0}.mt-12{margin-top:12px}.mb-6{margin-bottom:6px}.mb-14{margin-bottom:14px}.mx-auto{margin-left:auto;margin-right:auto}.p-4{padding:4px}.p-60{padding:60px}.px-24{padding-left:24px;padding-right:24px}.py-0{padding-top:0;padding-bottom:0}.pt-32{padding-top:32px}.page-content{padding-bottom:80px}.h-8{height:8px}.h-32{height:32px}.min-h-screen{min-height:100vh}.w-8{width:8px}.w-32{width:32px}.min-w-200{min-width:200px}.max-w-600{max-width:600px}.max-w-1100{max-width:1100px}.text-ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.text-decoration-none{text-decoration:none}.line-height-16{line-height:1.7}.border-bottom{border-bottom:1px solid var(--border)}.border-top{border-top:1px solid var(--border)}.border-collapse{border-collapse:collapse}.bg-none{background:none}.bg-accent-soft{background:var(--accent-soft)}.rounded-50{border-radius:50%}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.resize-vertical{resize:vertical}.line-height-17{line-height:1.7}.inset-0{top:0;right:0;bottom:0;left:0}.rounded-4{border-radius:4px}.bg-transparent{background:transparent}.p-48{padding:48px}.text-32{font-size:32px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr)}.grid-auto{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive table{min-width:600px}@media (max-width:768px){.grid-2,.grid-3,.grid-4,.grid-auto{grid-template-columns:1fr}.mobile-hide{display:none!important}.mobile-full{width:100%!important}.mobile-stack{flex-direction:column!important}.mobile-text-center{text-align:center!important}.container{padding:0 16px!important}.table-responsive{margin:0 -16px;padding:0 16px}.table-responsive table{min-width:700px}.btn-ghost,.btn-primary,.btn-secondary,a[role=button],button{min-height:44px;min-width:44px}input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],select,textarea{font-size:16px!important}a,button{min-height:44px}.bg-surface.border.rounded-14,.bg-surface.border.rounded-16{border-radius:12px}input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{width:100%!important}.modal-overlay{padding:0!important;align-items:flex-end!important}.modal-box{margin:0!important;border-radius:16px 16px 0 0!important;max-height:calc(90dvh - env(safe-area-inset-bottom, 0px));overflow-y:auto;padding-bottom:calc(24px + env(safe-area-inset-bottom, 0px))!important}.edit-toolbar{flex-wrap:wrap!important;gap:6px!important}.edit-toolbar a,.edit-toolbar button{flex-shrink:0!important;white-space:nowrap!important;padding:8px 12px!important;font-size:12px!important}.edit-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;gap:4px!important}.edit-tabs button{white-space:nowrap!important;flex-shrink:0!important;font-size:12px!important;padding:6px 12px!important}.question-card{padding:16px!important}.question-card-header{flex-direction:column!important;align-items:flex-start!important;gap:8px!important}.settings-panel{padding:16px!important}.survey-chat-container{padding:16px 12px!important}.survey-input-container{padding:12px!important}.survey-input-container textarea{font-size:16px!important}.survey-choice-grid{grid-template-columns:1fr!important}.survey-progress-bar{width:80px!important}.survey-header-info{display:none!important}.survey-welcome-card{padding:24px 20px!important}.survey-welcome-card h1{font-size:22px!important}}@media (max-width:480px){.nps-scale-row{justify-content:flex-start!important;gap:4px!important}.nps-scale-row button{width:32px!important;height:32px!important;font-size:13px!important;border-radius:8px!important}}@media (max-width:768px){.results-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;gap:4px!important}.results-tabs button{white-space:nowrap!important;flex-shrink:0!important;font-size:12px!important}.results-stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.results-stat-card{padding:14px!important}.response-card{padding:16px!important}.chart-container{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.template-grid{grid-template-columns:1fr!important}.template-card{padding:16px!important}.template-categories{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;gap:6px!important}.template-categories button{white-space:nowrap!important;flex-shrink:0!important}.hr-comparison-row{display:flex!important;flex-direction:column!important;gap:8px!important;padding:16px!important}.hr-comparison-row>div:first-child{font-weight:600!important;margin-bottom:4px!important}.dash-quick-actions{display:flex!important;flex-wrap:wrap!important}.dash-quick-actions>a,.dash-quick-actions>button{min-width:auto!important;padding:10px 8px!important;font-size:12px!important;border-right:none!important;border-left:none!important}.dash-quick-actions>a,.dash-quick-actions>button,.dash-quick-actions>div{flex-grow:1;flex-shrink:1;flex-basis:calc(33.33% - 8px)}.dash-quick-actions>div>button{min-width:auto!important;width:100%!important;padding:10px 8px!important;font-size:12px!important;border-left:none!important}.pricing-grid{grid-template-columns:1fr!important}.price-card{padding:24px!important}.results-tab-bar{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;gap:4px!important;padding-bottom:8px!important}.results-tab-bar button{white-space:nowrap!important;flex-shrink:0!important;font-size:12px!important;padding:8px 14px!important}.notif-platform-card{flex-direction:column!important;align-items:flex-start!important}.notif-platform-actions{width:100%!important;justify-content:flex-end!important}}@media (max-width:480px){.survey-welcome-card{padding:24px 16px!important;border-radius:16px!important}.survey-welcome-card h1{font-size:22px!important}.survey-welcome-stats{flex-direction:column!important;gap:8px!important}.survey-welcome-stats>div{justify-content:center!important}}@media (max-width:768px){.edit-toolbar-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:50!important;background:var(--bg)!important;padding:12px 0!important;margin-bottom:12px!important}.edit-toolbar-row>div:first-child{width:100%!important}.edit-toolbar-row>div:first-child h1{font-size:18px!important;margin:2px 0 0!important}.edit-toolbar-row>div:last-child{width:100%!important;justify-content:flex-start!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;padding-bottom:4px!important;gap:6px!important}.edit-toolbar-row>div:last-child>a,.edit-toolbar-row>div:last-child>button{flex-shrink:0!important;white-space:nowrap!important;min-height:40px!important;padding:8px 14px!important;font-size:13px!important}.edit-settings-tabs{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;flex-wrap:nowrap!important;gap:2px!important;padding:4px!important;scrollbar-width:none!important}}@media (max-width:768px){.edit-settings-tabs::-webkit-scrollbar{display:none!important}.edit-settings-tabs button{flex-shrink:0!important;white-space:nowrap!important;font-size:12px!important;padding:8px 14px!important;min-height:36px!important}.qc-card{margin-bottom:16px!important;border-radius:16px!important}.qc-header{padding:10px 12px!important;flex-wrap:wrap!important;gap:6px!important}.qc-header-left{gap:6px!important;flex:1 1!important;min-width:0!important}.qc-header-left,.qc-header-right{display:flex!important;align-items:center!important}.qc-header-right{gap:4px!important;flex-wrap:wrap!important}.qc-header-right button,.qc-header-right select{min-height:36px!important;min-width:36px!important;padding:6px 10px!important;font-size:12px!important}.qc-body,.qc-body textarea{padding:12px!important}.qc-body textarea{font-size:15px!important;min-height:60px!important}.qc-option-row{gap:8px!important;margin-bottom:8px!important}.qc-option-row input{padding:10px 12px!important;font-size:14px!important;min-height:40px!important}.qc-option-row button{min-height:40px!important;min-width:40px!important;padding:8px!important}.qc-action-btn{min-height:36px!important;min-width:36px!important;padding:6px 10px!important}.qc-tool-tabs button{padding:8px 14px!important;font-size:12px!important;min-height:36px!important}.qc-logic-row{flex-wrap:wrap!important;gap:6px!important}.qc-logic-row input,.qc-logic-row select{min-height:36px!important;padding:6px 10px!important;font-size:13px!important;flex:1 1!important;min-width:80px!important}.qts-overlay{align-items:flex-end!important;padding:0!important}.qts-sheet{max-width:100%!important;width:100%!important;max-height:85dvh!important;border-radius:20px 20px 0 0!important;padding:20px 16px calc(20px + env(safe-area-inset-bottom, 0px))!important;transform-origin:bottom center!important}.qts-sheet .qts-grid{grid-template-columns:repeat(2,1fr)!important;gap:8px!important}.qts-sheet .qts-grid button{padding:14px 12px!important;flex-direction:column!important;text-align:center!important;gap:6px!important}.qts-sheet .qts-grid button>span:first-child{font-size:24px!important}.qts-sheet .qts-grid button>div>div:first-child{font-size:13px!important}.qts-sheet .qts-grid button>div>div:last-child{display:none!important}}.edit-fab{display:none;position:fixed!important;bottom:calc(80px + env(safe-area-inset-bottom, 0px))!important;right:20px!important;z-index:90!important;width:56px!important;height:56px!important;border-radius:50%!important;background:var(--accent)!important;color:var(--text-inverse)!important;border:none!important;box-shadow:0 4px 20px rgba(0,0,0,.25)!important;cursor:pointer!important;align-items:center!important;justify-content:center!important;font-size:28px!important;transition:transform .2s,box-shadow .2s!important;-webkit-tap-highlight-color:transparent!important}.edit-fab:active{transform:scale(.92)!important;box-shadow:0 2px 12px rgba(0,0,0,.3)!important}@media (max-width:768px){.edit-fab{display:flex!important}.edit-add-area{display:none!important}}.edit-mobile-bar{display:none}@media (max-width:768px){.edit-mobile-bar{display:flex!important;position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:80!important;background:var(--surface)!important;border-top:1px solid var(--border)!important;padding:10px 16px calc(10px + env(safe-area-inset-bottom, 0px))!important;gap:8px!important;box-shadow:0 -4px 20px rgba(0,0,0,.1)!important}.edit-mobile-bar button{flex:1 1!important;min-height:44px!important;border-radius:12px!important;font-size:14px!important;font-weight:600!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important}.edit-page-wrap{padding-bottom:80px!important}.edit-add-area{display:none!important}.qc-body textarea:focus,.qc-logic-row input:focus,.qc-logic-row select:focus,.qc-option-row input:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-soft)!important}.qc-card[draggable=true]{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important}.edit-page-wrap{scroll-behavior:smooth!important}.edit-settings-tabs:after{min-width:16px!important;flex-shrink:0!important}.edit-settings-tabs:after,.qts-sheet:before{content:""!important;display:block!important}.qts-sheet:before{width:36px!important;height:4px!important;border-radius:2px!important;background:var(--border)!important;margin:0 auto 16px!important}.qc-drag-handle{width:28px!important;height:28px!important;font-size:14px!important}}.qc-header::-webkit-scrollbar{display:none}.qc-header{scrollbar-width:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse-ring{0%{transform:scale(.8);opacity:1}to{transform:scale(2.2);opacity:0}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce-soft{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes glow-pulse{0%,to{box-shadow:0 4px 12px rgba(0,0,0,.08)}50%{box-shadow:0 8px 28px rgba(0,0,0,.14)}}@keyframes count-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.anim-fade-up{animation:fadeInUp .5s cubic-bezier(.22,1,.36,1) both}.anim-fade-down{animation:fadeInDown .4s cubic-bezier(.22,1,.36,1) both}.anim-fade-left{animation:fadeInLeft .5s cubic-bezier(.22,1,.36,1) both}.anim-fade-right{animation:fadeInRight .5s cubic-bezier(.22,1,.36,1) both}.anim-fade-scale{animation:fadeInScale .4s cubic-bezier(.22,1,.36,1) both}.anim-zoom-in{animation:zoomIn .35s cubic-bezier(.22,1,.36,1) both}.anim-slide-bottom{animation:slideInBottom .4s cubic-bezier(.22,1,.36,1) both}.anim-delay-1{animation-delay:.05s}.anim-delay-2{animation-delay:.1s}.anim-delay-3{animation-delay:.15s}.anim-delay-4{animation-delay:.2s}.anim-delay-5{animation-delay:.25s}.anim-delay-6{animation-delay:.3s}.anim-delay-7{animation-delay:.35s}.anim-delay-8{animation-delay:.4s}.anim-float{animation:float 4s ease-in-out infinite}.anim-bounce{animation:bounce-soft 2s ease-in-out infinite}.anim-glow{animation:glow-pulse 3s ease-in-out infinite}.anim-spin{animation:spin 1s linear infinite}.anim-shimmer{background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-2) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.hover-lift{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.08)}.hover-lift:active{transform:translateY(-1px)}.hover-scale{transition:transform .2s cubic-bezier(.22,1,.36,1)}.hover-scale:hover{transform:scale(1.03)}.hover-scale:active{transform:scale(.98)}.hover-glow{transition:box-shadow .3s}.hover-glow:hover{box-shadow:0 0 20px rgba(229,169,26,.15)}.hover-border{transition:border-color .2s,transform .2s}.hover-border:hover{border-color:var(--accent)!important;transform:translateY(-2px)}.btn-press{transition:transform .1s,box-shadow .1s}.btn-press:active{transform:scale(.96);box-shadow:none!important}.card{border-radius:14px}.card-hover{transition:transform .25s cubic-bezier(.22,1,.36,1),box-shadow .25s,border-color .25s}.card-hover:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.06);border-color:var(--accent)}.card-hover:active{transform:translateY(-1px)}.stagger-item{opacity:0;animation:fadeInUp .5s cubic-bezier(.22,1,.36,1) both}.stagger-item:first-child{animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}.stagger-item:nth-child(9){animation-delay:.45s}.stagger-item:nth-child(10){animation-delay:.5s}.skeleton{background:linear-gradient(90deg,var(--surface-3) 25%,var(--surface-2) 50%,var(--surface-3) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:8px}.scroll-reveal{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.scroll-reveal.visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{--ui-control-h:36px;--ui-radius:8px;--ui-font:13px;--ui-title:18px;--ui-body:13px;--ui-muted:12px}.btn{height:var(--ui-control-h);min-height:var(--ui-control-h);display:inline-flex;align-items:center;justify-content:center;gap:7px;font-weight:600;line-height:1;white-space:nowrap}.btn,.btn.btn-danger,.btn.btn-ghost,.btn.btn-primary,.btn.btn-secondary{padding:0 14px;border-radius:var(--ui-radius);font-size:var(--ui-font)}.ui-badge{display:inline-flex;align-items:center;height:24px;padding:0 8px;border:1px solid var(--border);border-radius:999px;color:var(--text-secondary);font-size:11px;line-height:1;white-space:nowrap}.ui-badge,.ui-tabs{background:var(--surface-2)}.ui-tabs{display:flex;gap:4px;padding:4px;border:1px solid var(--border);border-radius:10px;overflow:auto}.ui-tab{height:32px;padding:0 12px;border-radius:7px;background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;white-space:nowrap}.ui-tab.active{background:var(--surface);color:var(--text);box-shadow:0 1px 4px rgba(0,0,0,.08)}.ui-list-card{border:1px solid var(--border);border-radius:10px;background:var(--surface-2);padding:12px}.ui-empty{border:1px dashed var(--border-light);border-radius:10px;padding:24px;text-align:center;color:var(--text-muted);font-size:12px}.ui-score{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:26px;padding:0 7px;border-radius:7px;color:var(--accent);font-weight:800;font-size:12px}.ui-callout,.ui-score{background:var(--accent-soft)}.ui-callout{padding:10px 12px;border-radius:9px;color:var(--text-secondary);font-size:11px}.kg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));grid-gap:8px;gap:8px;max-height:420px;overflow:auto}.kg-node{min-height:76px;border:1px solid var(--border);border-radius:10px;padding:10px;background:var(--surface-2)}.kg-theme{border-left:3px solid var(--accent)}.kg-risk{border-left:3px solid var(--red)}.kg-question{border-left:3px solid var(--blue)}.kg-claim{border-left:3px solid var(--green)}.kg-decision{border-left:3px solid var(--purple)}.ui-step{display:flex;align-items:flex-start;gap:10px;padding:11px 0;border-bottom:1px solid var(--border)}.ui-step:last-child{border-bottom:0}.ui-step-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;background:var(--text-muted);flex:none}.ui-step-dot.completed{background:var(--green)}.ui-step-dot.running{background:var(--accent)}.ui-step-dot.blocked{background:var(--red)}.status-supported{color:var(--green);border-color:color-mix(in srgb,var(--green) 30%,var(--border))}.status-contradicted{color:var(--red)}.status-hypothesis{color:var(--accent)}.status-observed{color:var(--blue)}button:disabled{cursor:not-allowed!important;opacity:.55!important;transform:none!important}input.ui-input,select.ui-input,textarea.ui-input{min-height:var(--ui-control-h);border:1px solid var(--border);border-radius:var(--ui-radius);background:var(--surface);color:var(--text);font-size:var(--ui-body);padding:8px 10px}@media(max-width:600px){.btn{min-width:0}.ui-tab{padding:0 10px}.kg-grid{grid-template-columns:1fr 1fr}}:root{--ux-control-h:40px;--ux-control-h-sm:36px;--ux-control-h-lg:44px;--ux-radius:10px;--ux-radius-lg:14px;--ux-page-max:1120px;--ux-gap:16px;--ux-focus:0 0 0 3px var(--accent-soft)}.ux-page{width:min(var(--ux-page-max),calc(100% - 40px));margin:0 auto;padding:32px 0 72px}.ux-page--narrow{max-width:900px}.ux-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.ux-page-title{font-size:24px;line-height:1.25;font-weight:750;margin:0;color:var(--text)}.ux-page-desc{margin:6px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.6}.ux-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.ux-btn{height:var(--ux-control-h);min-height:var(--ux-control-h);padding:0 14px!important;border-radius:var(--ux-radius)!important;font-size:14px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;line-height:1!important;white-space:nowrap}.ux-btn-sm{height:var(--ux-control-h-sm);min-height:var(--ux-control-h-sm);font-size:13px!important;padding:0 12px!important}.ux-btn-lg{height:var(--ux-control-h-lg);min-height:var(--ux-control-h-lg);font-size:15px!important;padding:0 18px!important}.ux-icon-btn{width:var(--ux-control-h);padding:0!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important}.ux-control,.ux-icon-btn{height:var(--ux-control-h)}.ux-control{min-height:var(--ux-control-h);box-sizing:border-box;border:1px solid var(--border);border-radius:var(--ux-radius);background:var(--surface);color:var(--text);font-size:14px;line-height:1.4;padding:0 12px;outline:none}.ux-btn:focus-visible,.ux-control:focus,.ux-icon-btn:focus-visible{outline:none;box-shadow:var(--ux-focus)}.ux-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--ux-radius-lg);padding:20px}.ux-card-hover{transition:border-color .18s,box-shadow .18s,transform .18s}.ux-card-hover:hover{border-color:var(--border-light);box-shadow:var(--card-shadow);transform:translateY(-1px)}.ux-section{margin-top:28px}.ux-section-title{font-size:16px;font-weight:700;margin:0}.ux-section-desc{font-size:13px;color:var(--text-muted);margin:4px 0 0;line-height:1.5}.ux-status{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:600;background:var(--surface-2);color:var(--text-secondary)}.ux-status--success{background:var(--green-soft);color:var(--green)}.ux-status--warning{background:var(--yellow-soft,var(--accent-soft));color:var(--yellow,var(--accent))}.ux-status--error{background:var(--red-soft);color:var(--red)}.ux-sticky-actions{position:-webkit-sticky;position:sticky;bottom:12px;z-index:20;padding:10px 12px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--surface) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 30px rgba(0,0,0,.08)}.ux-survey-shell{min-height:100dvh;background:var(--bg)}.ux-survey-header{position:-webkit-sticky;position:sticky;top:0;z-index:30;min-height:56px;padding:8px 16px;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--surface) 94%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ux-survey-progress{height:4px;background:var(--surface-3);border-radius:99px;overflow:hidden}.ux-survey-progress>div{height:100%;background:var(--accent);transition:width .25s ease}.ux-answer-card{width:min(680px,calc(100% - 32px));margin:0 auto;padding:20px 0 120px}.ux-question-number{font-size:12px;color:var(--text-muted);font-weight:600;margin-bottom:7px}.ux-question-title{font-size:18px;line-height:1.55;font-weight:650;color:var(--text);margin:0}.ux-option{min-height:44px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--text);padding:10px 14px;font-size:14px;cursor:pointer;text-align:left;transition:.16s}.ux-option:hover,.ux-option[aria-pressed=true]{border-color:var(--accent);background:var(--accent-soft)}.ux-option[aria-pressed=true]{color:var(--accent);font-weight:650}@media(max-width:640px){.ux-page{width:min(100% - 24px,1120px);padding:20px 0 56px}.ux-page-header{flex-direction:column;gap:12px}.ux-page-title{font-size:21px}.ux-actions{width:100%}.ux-actions>.ux-btn,.ux-actions>a.ux-btn{flex:1 1}.ux-card{padding:16px}.ux-answer-card{width:calc(100% - 24px)}.ux-question-title{font-size:17px}.ux-sticky-actions{bottom:8px}.ux-survey-header{padding:8px 12px}}@media(prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.admin-layout{display:flex;gap:24px;align-items:flex-start}.admin-sidebar{width:220px;flex-shrink:0;position:-webkit-sticky;position:sticky;top:24px;display:flex;flex-direction:column;gap:2px}.admin-nav-group{margin-bottom:8px}.admin-nav-group-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:8px 12px 4px}.admin-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:8px;background:transparent;border:none;color:var(--text-secondary);font-size:14px;text-align:left;cursor:pointer;transition:background .2s,color .2s}.admin-nav-item:hover{background:var(--surface-2);color:var(--text);opacity:1}.admin-nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.admin-nav-item svg{flex-shrink:0}.admin-content{flex:1 1;min-width:0}@media(max-width:900px){.admin-layout{flex-direction:column;gap:16px}.admin-sidebar{width:100%;position:static;flex-direction:row;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:8px;padding-bottom:4px}.admin-sidebar::-webkit-scrollbar{display:none}.admin-nav-group{display:flex;flex-direction:column;flex-shrink:0;min-width:150px;margin-bottom:0}.admin-nav-group-title{padding:4px 8px}.admin-nav-item{white-space:nowrap;padding:8px 10px;font-size:13px}}:root{--ds-radius-sm:8px;--ds-radius-md:12px;--ds-radius-lg:18px;--ds-radius-xl:24px;--ds-shadow-sm:0 1px 2px rgba(0,0,0,.04);--ds-shadow-md:0 4px 12px rgba(0,0,0,.06);--ds-shadow-lg:0 16px 40px rgba(0,0,0,.08);--ds-shadow-xl:0 24px 60px rgba(0,0,0,.12)}[data-theme=dark]{--ds-shadow-md:0 4px 12px rgba(0,0,0,.35);--ds-shadow-lg:0 16px 40px rgba(0,0,0,.45);--ds-shadow-xl:0 24px 60px rgba(0,0,0,.55)}.ds-hero{position:relative;padding:80px 32px 64px;border-radius:var(--ds-radius-xl);overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 8%,var(--surface)) 0,var(--surface) 60%);border:1px solid var(--border)}.ds-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 10%,var(--accent-soft),transparent 50%),radial-gradient(circle at 80% 90%,color-mix(in srgb,var(--blue) 12%,transparent),transparent 60%);pointer-events:none}.ds-hero>*{position:relative}.ds-hero h1{font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.2;letter-spacing:-.02em;margin:0 0 16px;color:var(--text)}.ds-hero p{font-size:17px;line-height:1.7;color:var(--text-secondary);margin:0 0 28px;max-width:560px}.ds-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:var(--accent-soft);color:var(--accent);font-size:13px;font-weight:600;margin-bottom:20px}.ds-hero-badge:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pulse 2s ease-in-out infinite}.ds-stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.ds-stat-card{padding:24px;border:1px solid var(--border);border-radius:var(--ux-radius-lg);background:var(--surface);transition:border-color .2s,transform .2s,box-shadow .2s}.ds-stat-card:hover{border-color:var(--border-light);transform:translateY(-2px);box-shadow:var(--ds-shadow-md)}.ds-stat-icon{width:40px;height:40px;border-radius:var(--ds-radius-md);display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px;background:var(--accent-soft);color:var(--accent)}.ds-stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-weight:600}.ds-stat-value{font-size:32px;font-weight:800;line-height:1.1;color:var(--text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.ds-stat-trend{display:inline-flex;align-items:center;gap:4px;margin-top:8px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600}.ds-stat-trend--up{background:var(--green-soft);color:var(--green)}.ds-stat-trend--down{background:var(--red-soft);color:var(--red)}.ds-stat-trend--neutral{background:var(--surface-3);color:var(--text-muted)}.ds-timeline{display:flex;flex-direction:column;gap:0}.ds-timeline-item{display:flex;gap:16px;padding:14px 0;position:relative}.ds-timeline-item:not(:last-child):after{content:"";position:absolute;left:11px;top:32px;bottom:-2px;width:2px;background:var(--border)}.ds-timeline-dot{width:24px;height:24px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;border:2px solid var(--border);background:var(--surface);color:var(--text-muted);z-index:1}.ds-timeline-dot--done{background:var(--green-soft);border-color:var(--green);color:var(--green)}.ds-timeline-dot--current{background:var(--accent-soft);border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 20%,transparent)}.ds-timeline-dot--blocked{background:var(--red-soft);border-color:var(--red);color:var(--red)}.ds-timeline-content{flex:1 1;min-width:0}.ds-timeline-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.ds-timeline-desc{font-size:13px;color:var(--text-secondary);line-height:1.55}.ds-timeline-meta{font-size:11px;color:var(--text-muted);margin-top:4px}.ds-recommend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.ds-recommend-card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--ux-radius-lg);background:var(--surface);overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s;text-decoration:none;color:inherit}.ds-recommend-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--ds-shadow-md)}.ds-recommend-thumb{aspect-ratio:16/9;background:linear-gradient(135deg,var(--accent-soft),color-mix(in srgb,var(--blue) 12%,transparent));display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--accent)}.ds-recommend-body{padding:18px 18px 20px;flex:1 1;display:flex;flex-direction:column}.ds-recommend-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px;line-height:1.4}.ds-recommend-desc{font-size:13px;color:var(--text-secondary);line-height:1.6;flex:1 1;margin-bottom:12px}.ds-recommend-tags{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:14px}.ds-recommend-tag{font-size:11px;padding:2px 8px;border-radius:6px;background:var(--surface-3);color:var(--text-muted);border:1px solid var(--border)}.ds-recommend-action{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--accent);margin-top:auto}.ds-onboarding{display:flex;flex-direction:column;gap:18px}.ds-onboarding-step{display:flex;gap:14px;align-items:flex-start;padding:14px;border:1px solid var(--border);border-radius:var(--ux-radius-lg);background:var(--surface);transition:border-color .2s}.ds-onboarding-step--active{border-color:var(--accent);box-shadow:var(--ux-focus)}.ds-onboarding-step--done{opacity:.7}.ds-onboarding-num{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.ds-onboarding-step--active .ds-onboarding-num{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.ds-onboarding-step--done .ds-onboarding-num{background:var(--green);color:#fff;border-color:var(--green)}.ds-onboarding-content{flex:1 1;min-width:0}.ds-onboarding-title{font-size:14px;font-weight:600;color:var(--text);margin-bottom:2px}.ds-onboarding-desc{font-size:12px;color:var(--text-secondary);line-height:1.5}.ds-section-title{font-size:20px;font-weight:750;margin:0 0 4px;color:var(--text);letter-spacing:-.01em}.ds-section-desc{font-size:13px;color:var(--text-muted);margin:0 0 20px;line-height:1.55}.ds-toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;border:1px solid var(--border);border-radius:var(--ux-radius);background:var(--surface-2);margin-bottom:16px}.ds-toolbar input[type=search],.ds-toolbar input[type=text],.ds-toolbar select{min-width:180px}.ds-toolbar>*{flex-shrink:0}.ds-page-header{padding:80px 0 32px;max-width:var(--page-max);margin:0 auto;padding-left:var(--space-6);padding-right:var(--space-6)}.ds-page-header__eyebrow{font-size:var(--text-xs);letter-spacing:var(--tracking-wider);color:var(--text-muted);text-transform:uppercase;font-weight:600;margin-bottom:var(--space-2)}.ds-page-header__row{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.ds-page-header__title{font-size:var(--text-4xl);font-weight:800;line-height:1.2;letter-spacing:var(--tracking-tight);margin:0 0 var(--space-3);color:var(--text);flex:1 1;min-width:0}.ds-page-header__action{flex-shrink:0;display:flex;gap:var(--space-2);align-items:center}.ds-page-header__desc{font-size:17px;line-height:1.7;color:var(--text-secondary);margin:0;max-width:var(--page-narrow)}@media (max-width:1024px){.ds-page-header{padding:60px var(--space-4) var(--space-6)}.ds-page-header__title{font-size:var(--text-3xl)}}@media (max-width:640px){.ds-page-header{padding:40px var(--space-4) var(--space-4)}.ds-page-header__title{font-size:28px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}canvas{outline-offset:2px}canvas:focus-visible{outline:3px solid var(--accent);outline-offset:4px}}.ds-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;border-radius:var(--ux-radius);font-size:var(--text-sm);font-weight:600;line-height:1;cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-family:inherit}.ds-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ds-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.ds-btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.ds-btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);transform:translateY(-1px)}.ds-btn-ghost{background:transparent;color:var(--text);border-color:var(--border)}.ds-btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-light)}.ds-btn-danger{background:var(--red);color:#fff;border-color:var(--red)}.ds-btn-danger:hover:not(:disabled){background:var(--red-soft);color:var(--red);border-color:var(--red)}@media(max-width:768px){.ds-hero{padding:48px 24px 40px;border-radius:var(--ds-radius-lg)}.ds-hero h1{font-size:26px}.ds-hero p{font-size:15px}.ds-stat-grid{grid-template-columns:repeat(2,1fr);gap:10px}.ds-stat-card{padding:16px}.ds-stat-value{font-size:24px}.ds-recommend-grid{grid-template-columns:1fr;gap:12px}.ds-toolbar{padding:10px;gap:6px}.ds-toolbar input[type=search],.ds-toolbar input[type=text],.ds-toolbar select{min-width:0;flex:1 1;width:100%}}.ds-state{flex-direction:column;text-align:center;padding:var(--space-10) var(--space-6);gap:var(--space-3);min-height:240px;color:var(--text-secondary)}.ds-state,.ds-state__icon{display:flex;align-items:center;justify-content:center}.ds-state__icon{width:48px;height:48px;border-radius:50%;font-size:22px;font-weight:700;color:var(--text-muted);background:var(--surface-2);border:1px solid var(--border)}.ds-state__icon--loading{color:var(--accent);border-color:var(--accent-soft);background:var(--accent-soft);animation:ds-pulse 1.4s ease-in-out infinite}.ds-state__icon--error{color:var(--red);border-color:var(--red-soft);background:var(--red-soft)}.ds-state__icon--empty{color:var(--text-muted)}.ds-state__title{font-size:16px;font-weight:600;color:var(--text);margin:0}.ds-state__desc{font-size:13px;color:var(--text-muted);margin:0;line-height:1.6;max-width:380px}.ds-state__action{margin-top:var(--space-3)}@keyframes ds-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(.92);opacity:.65}}@keyframes ds-mobile-nav-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.ds-mobile-nav,.ds-state__icon--loading{animation:none}}.ds-site-header{position:-webkit-sticky;position:sticky;top:0;left:0;right:0;z-index:100;padding:14px 0;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--border);transition:padding .25s}.ds-site-header.is-marketing{padding:20px 0;border-bottom-color:transparent}.ds-site-header.is-marketing.is-scrolled{padding:14px 0;border-bottom-color:var(--border)}.ds-site-header__inner{max-width:var(--page-max);margin:0 auto;padding:0 var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.ds-site-header__brand{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0}.ds-site-header__logo{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,var(--accent),var(--accent-hover));display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#08080c}.ds-site-header__brand-text{font-family:Syne,-apple-system,PingFang SC,sans-serif;font-weight:700;font-size:20px;color:var(--text);letter-spacing:-.02em}.ds-site-header__nav{display:flex;align-items:center;gap:4px;flex:1 1;justify-content:center;min-width:0}.ds-site-header__nav-item{position:relative}.ds-site-header__nav-link{display:inline-flex;align-items:center;gap:4px;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;text-decoration:none;transition:all .2s;font-family:inherit;white-space:nowrap}.ds-site-header__nav-link:hover{color:var(--text);background:var(--surface-2)}.ds-site-header__nav-link.is-active{color:var(--accent);background:var(--accent-soft);font-weight:600}.ds-site-header__nav-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ds-site-header__caret{font-size:10px;opacity:.6;transition:transform .2s}.ds-site-header__nav-item.is-open .ds-site-header__caret{transform:rotate(180deg)}.ds-mega-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%);min-width:560px;background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:20px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:8px;gap:8px;box-shadow:0 16px 48px rgba(0,0,0,.18);z-index:200}.ds-mega-menu--wide{min-width:680px;grid-template-columns:repeat(3,1fr)}.ds-mega-menu__item{display:flex;gap:12px;padding:12px;border-radius:10px;text-decoration:none;color:var(--text);transition:background .15s}.ds-mega-menu__item:hover{background:var(--surface-2)}.ds-mega-menu__item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.ds-mega-menu__icon{flex-shrink:0;width:36px;height:36px;border-radius:10px;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:16px}.ds-mega-menu__title{display:block;font-size:14px;font-weight:600;color:var(--text);line-height:1.3}.ds-mega-menu__desc{display:block;font-size:12px;color:var(--text-muted);line-height:1.5;margin-top:2px}.ds-mega-menu__heading{grid-column:1/-1;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;padding:0 12px 4px;margin-bottom:4px}.ds-site-header__left-extras{margin-left:8px}.ds-site-header__left-extras,.ds-site-header__right-extras{display:flex;align-items:center;gap:6px;flex-shrink:0}.ds-site-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.ds-site-header__action{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s;position:relative}.ds-site-header__action:hover{background:var(--surface-2);color:var(--text)}.ds-site-header__action:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ds-site-header__badge{position:absolute;top:6px;right:6px;width:8px;height:8px;border-radius:50%;background:var(--accent);border:2px solid var(--bg)}.ds-site-header__cta{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;text-decoration:none;border:1px solid transparent;transition:all .2s;white-space:nowrap;font-family:inherit;cursor:pointer}.ds-site-header__cta--ghost{background:transparent;color:var(--text);border-color:var(--border-light)}.ds-site-header__cta--ghost:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.ds-site-header__cta--primary{background:var(--accent);color:#fff;border-color:var(--accent)}.ds-site-header__cta--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.ds-site-header__user{display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:24px;background:var(--surface-2);border:1px solid var(--border);cursor:pointer;color:var(--text);transition:all .15s;font-size:13px;font-family:inherit}.ds-site-header__user:hover{border-color:var(--border-light);background:var(--surface-3)}.ds-site-header__avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0}.ds-site-header__user-name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-site-header__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:240px;background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:8px;box-shadow:0 16px 48px rgba(0,0,0,.18);z-index:200}.ds-site-header__dropdown-header{padding:10px 12px 12px;border-bottom:1px solid var(--border);margin-bottom:6px}.ds-site-header__dropdown-name{font-size:14px;font-weight:600;color:var(--text)}.ds-site-header__dropdown-email{font-size:12px;color:var(--text-muted);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-site-header__dropdown-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;text-decoration:none;color:var(--text-secondary);font-size:13px;background:transparent;border:none;cursor:pointer;width:100%;transition:background .15s;font-family:inherit;text-align:left}.ds-site-header__dropdown-item:hover{background:var(--surface-2);color:var(--text)}.ds-site-header__dropdown-item--danger{color:var(--red)}.ds-site-header__dropdown-item--danger:hover{background:var(--red-soft)}.ds-site-header__dropdown-divider{height:1px;background:var(--border);margin:6px 0}.ds-site-header__burger{display:none;width:40px;height:40px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);cursor:pointer;align-items:center;justify-content:center;font-size:18px}.ds-site-header__burger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ds-mobile-nav{position:fixed;top:64px;left:0;right:0;bottom:0;background:var(--bg);z-index:110;overflow-y:auto;padding:var(--space-4) var(--space-4) calc(var(--space-4) + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column;gap:4px;-webkit-overflow-scrolling:touch;animation:ds-mobile-nav-in .25s ease}.ds-mobile-nav__link{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:10px;text-decoration:none;color:var(--text-secondary);background:transparent;font-size:15px}.ds-mobile-nav__link.is-active{color:var(--accent);background:var(--accent-soft);font-weight:600}.ds-mobile-nav__group{margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.ds-mobile-nav__group-title{font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);text-transform:uppercase;padding:4px 16px 8px}.ds-mobile-nav__cta{display:flex;flex-direction:column;gap:8px;margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border)}@media (max-width:1024px){.ds-site-header__cta--ghost,.ds-site-header__nav{display:none}.ds-site-header__burger{display:flex}.ds-site-header__user-name{display:none}.ds-site-header__inner{padding:0 var(--space-4)}}@media (max-width:480px){.ds-site-header__brand-text{font-size:18px}.ds-site-header__logo{width:28px;height:28px}.ds-site-header__cta--primary{padding:8px 14px;font-size:13px}}@media (hover:none){.ds-mega-menu__item:hover,.ds-site-header__action:hover,.ds-site-header__nav-link:hover{background:transparent}}.ds-kg-svg:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:8px}.ds-kg-svg g:focus{outline:none}.ds-kg-svg text{font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}@media (max-width:768px){.container{padding-left:12px;padding-right:12px}.ux-page{padding-top:16px!important;padding-bottom:16px!important}.d-flex[style*=gap-][data-mobile-wrap]{flex-wrap:wrap!important}.ux-survey-matrix-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:6px;gap:6px}.ux-survey-progress{padding:8px 12px!important;font-size:12px!important}.ux-page .container{padding-left:12px;padding-right:12px}[data-cols-mobile-1]{grid-template-columns:1fr!important}table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.btn-primary:not(.w-full),.ds-btn-primary:not(.w-full){width:auto!important}}@media (max-width:480px){.text-24{font-size:18px!important}.text-20{font-size:16px!important}.text-18{font-size:15px!important}.ux-btn-lg{padding:8px 14px!important;font-size:14px!important}}