@layer tokens,base,components,pages;@layer tokens{:root{color-scheme:dark;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;--page-background: #08080a;--surface-0: #08080a;--surface-1: #111113;--surface-2: #19191d;--surface-3: #222226;--text-primary: #ededef;--text-secondary: #a0a0a8;--text-soft: #636370;--text-ultra-soft: #46464f;--surface: rgba(17, 17, 19, .7);--surface-strong: rgba(25, 25, 29, .85);--surface-muted: rgba(17, 17, 19, .4);--surface-ghost: rgba(25, 25, 29, .4);--surface-subtle: rgba(255, 255, 255, .025);--surface-accent: rgba(255, 255, 255, .04);--surface-light: rgba(255, 255, 255, .055);--panel-border: rgba(255, 255, 255, .06);--panel-border-mid: rgba(255, 255, 255, .1);--panel-border-strong: rgba(255, 255, 255, .14);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 4px 12px rgba(0, 0, 0, .15);--shadow-md: 0 2px 4px rgba(0, 0, 0, .1), 0 6px 20px rgba(0, 0, 0, .18);--shadow-lg: 0 3px 6px rgba(0, 0, 0, .08), 0 12px 40px rgba(0, 0, 0, .25);--shadow-glow-teal: 0 0 0 1px rgba(20, 184, 166, .2), 0 4px 16px rgba(20, 184, 166, .1);--shadow-glow-accent: 0 0 0 1px rgba(249, 115, 22, .2), 0 4px 16px rgba(249, 115, 22, .08);--accent: #f97316;--accent-strong: #ea580c;--accent-soft: #fb923c;--teal: #14b8a6;--teal-strong: #0d9488;--teal-soft: #2dd4bf;--button-text: #ffffff;--danger: #ef4444;--success: #10b981;--warning: #f59e0b;--teal-border: rgba(14, 142, 130, .18);--teal-bg: rgba(14, 142, 130, .1);--accent-border: rgba(243, 122, 52, .18);--accent-bg: rgba(243, 122, 52, .1);--success-bg: rgba(16, 185, 129, .12);--danger-bg: rgba(239, 68, 68, .12);--icon-bg-orange: rgba(249, 115, 22, .1);--icon-bg-teal: rgba(20, 184, 166, .1);--icon-bg-green: rgba(16, 185, 129, .1);--icon-bg-gray: rgba(113, 113, 122, .1);--theme-active-bg: #ededed;--theme-active-text: #0a0a0a;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--spacing-4xl: 40px;--spacing-5xl: 48px;--spacing-6xl: 64px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-pill: 999px;--font-display: "Avenir Next Condensed", "Franklin Gothic Medium", sans-serif;--font-display-narrow: "Avenir Next Condensed", "Arial Narrow", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", monospace;--text-shadow-h1: 0 1px 3px rgba(0, 0, 0, .4);--text-shadow-h2: 0 1px 2px rgba(0, 0, 0, .25);--text-shadow-h3: 0 1px 1px rgba(0, 0, 0, .2);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--ease-out-cubic: cubic-bezier(.33, 1, .68, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: linear( 0, .006, .025 2.8%, .101 6.1%, .539 18.9%, .721 25.3%, .849 31.5%, .937 38.1%, .968 41.8%, .991 45.7%, 1.006 50.1%, 1.015 55%, 1.017 63.9%, 1.001 85.6%, 1 );--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-entrance: .5s;--stagger-delay: 70ms;background:var(--page-background);color:var(--text-primary);line-height:1.5;font-weight:400;font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root[data-theme=light]{color-scheme:light;--page-background: #f6f6f8;--surface-0: #f6f6f8;--surface-1: #ffffff;--surface-2: #f0f0f2;--surface-3: #e8e8ec;--text-primary: #111118;--text-secondary: #4b4b58;--text-soft: #6b6b78;--text-ultra-soft: #9898a5;--surface: rgba(255, 255, 255, .8);--surface-strong: rgba(255, 255, 255, .95);--surface-muted: rgba(255, 255, 255, .5);--surface-ghost: rgba(255, 255, 255, .4);--surface-subtle: rgba(0, 0, 0, .02);--surface-accent: rgba(0, 0, 0, .03);--surface-light: rgba(0, 0, 0, .04);--panel-border: rgba(0, 0, 0, .06);--panel-border-mid: rgba(0, 0, 0, .09);--panel-border-strong: rgba(0, 0, 0, .13);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .06);--shadow-md: 0 2px 4px rgba(0, 0, 0, .04), 0 8px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 8px rgba(0, 0, 0, .04), 0 12px 36px rgba(0, 0, 0, .1);--accent: #ea580c;--accent-strong: #c2410c;--teal: #0d9488;--teal-strong: #0f766e;--theme-active-bg: #111827;--theme-active-text: #f8f9fa;--teal-border: rgba(14, 142, 130, .22);--teal-bg: rgba(14, 142, 130, .08);--accent-border: rgba(243, 122, 52, .22);--accent-bg: rgba(243, 122, 52, .08);--success-bg: rgba(16, 185, 129, .1);--danger-bg: rgba(239, 68, 68, .1);--icon-bg-orange: rgba(234, 88, 12, .08);--icon-bg-teal: rgba(13, 148, 136, .08);--icon-bg-green: rgba(16, 185, 129, .08);--icon-bg-gray: rgba(107, 114, 128, .08);--danger: #dc2626;--success: #059669;--warning: #d97706;--accent-soft: #f97316;--teal-soft: #0d9488;--shadow-glow-teal: 0 0 0 1px rgba(13, 148, 136, .15), 0 4px 12px rgba(13, 148, 136, .06);--shadow-glow-accent: 0 0 0 1px rgba(234, 88, 12, .15), 0 4px 12px rgba(234, 88, 12, .05)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--page-background);color:var(--text-primary);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}#root{min-height:100vh}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #14b8a64d}50%{box-shadow:0 0 0 6px #14b8a600}}.stagger-enter{animation:fadeInUp var(--duration-entrance) var(--ease-out-expo) backwards;animation-delay:calc(var(--stagger-delay) * var(--i, 0))}.entrance-slide-left{animation:slideInLeft .4s var(--ease-out-expo) backwards}.entrance-fade{animation:fadeIn .35s var(--ease-out-expo) backwards;animation-delay:.08s}.entrance-content{animation:fadeInUp .5s var(--ease-out-expo) backwards;animation-delay:.12s}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;opacity:.025;pointer-events:none;z-index:9999;mix-blend-mode:soft-light}body:after{content:"";position:fixed;top:-30%;left:50%;transform:translate(-50%);width:120%;height:50%;background:radial-gradient(ellipse 60% 50% at 50% 0%,rgba(20,184,166,.04) 0%,rgba(249,115,22,.02) 40%,transparent 70%);pointer-events:none;z-index:0}}@layer base{.marketing-shell,.workspace-shell,.auth-shell,.legal-shell{width:min(1280px,calc(100vw - 32px));margin:0 auto}.marketing-page,.legal-page{min-height:100vh;overflow-x:clip}.auth-page{display:flex;flex-direction:column}.topbar,.workspace-header,.footer,.hero-proof,.cta-row,.button-row,.toggle-row,.topbar-nav,.customer-card-head,.auth-switch{display:flex;gap:12px;align-items:center}.topbar,.footer{justify-content:space-between}.hero-copy,.hero-panel-card,.feature-card,.metric-card,.workflow-step,.pricing-card,.onboarding-card,.security-banner,.faq-grid article,.auth-panel,.content-card,.customer-card,.sidebar-note{border:1px solid var(--panel-border);border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card,.metric-card,.workflow-step,.pricing-card,.onboarding-card,.auth-panel,.content-card,.customer-card,.security-banner{padding:28px}.content-card{background:var(--surface-1);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none}.hero-copy h1,.auth-panel h1,.workspace-header h1{font-family:var(--font-display);letter-spacing:-.03em;line-height:.95;margin:0;text-shadow:var(--text-shadow-h1)}.section-heading h2{font-family:var(--font-display);letter-spacing:-.03em;line-height:.95;margin:0;text-shadow:var(--text-shadow-h2)}.hero-text,.support-copy,.customer-reason,.small-note,.faq-grid p,.workflow-step p,.feature-card p,.auth-panel p{color:var(--text-secondary)}.panel-label,.eyebrow,.pricing-name,.field-label,.customer-card-company{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.eyebrow{color:var(--accent);margin:0 0 12px;font-weight:700}.primary-button,.secondary-button,.ghost-button,.oauth-button,.toggle-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 20px;border-radius:var(--radius-md);border:1px solid transparent;font-weight:620;font-size:.86rem;letter-spacing:-.005em;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart),border-color var(--duration-fast) var(--ease-out-quart)}.primary-button svg,.secondary-button svg,.ghost-button svg{transition:transform .18s var(--ease-out-quart);flex-shrink:0}.primary-button:hover svg,.secondary-button:hover svg,.ghost-button:hover svg{transform:scale(1.12) rotate(-2deg)}.primary-button:active svg,.secondary-button:active svg,.ghost-button:active svg{transform:scale(.88)}.primary-button:active,.secondary-button:active,.ghost-button:active{transform:scale(.96) translateY(1px)}.primary-button{background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:var(--button-text);box-shadow:inset 0 1px #ffffff26,0 1px 3px #00000026,0 4px 14px #ea580c40;text-shadow:0 1px 2px rgba(0,0,0,.25)}.primary-button:hover{transform:translateY(-3px);box-shadow:inset 0 1px #fff3,0 2px 6px #0000002e,0 12px 32px #ea580c66,0 0 0 1px #f9731626}.primary-button:active{box-shadow:inset 0 2px 4px #0003,0 1px 2px #0000001a}.secondary-button{background:linear-gradient(180deg,var(--teal),var(--teal-strong));color:var(--button-text);box-shadow:inset 0 1px #ffffff26,0 1px 3px #0000001f,0 4px 14px #14b8a633;text-shadow:0 1px 1px rgba(0,0,0,.2)}.secondary-button:hover{transform:translateY(-2px);box-shadow:inset 0 1px #fff3,0 2px 6px #00000026,0 8px 24px #14b8a64d}.secondary-button:active{box-shadow:inset 0 2px 4px #0003,0 1px 2px #0000001a}.ghost-button,.oauth-button,.toggle-button{border-color:var(--panel-border-mid);background:var(--surface-ghost);color:var(--text-primary);box-shadow:inset 0 1px #ffffff0a}.ghost-button:hover,.oauth-button:hover,.toggle-button:hover,.toggle-button.active{transform:translateY(-2px);border-color:var(--panel-border-strong);background:var(--surface-2);box-shadow:inset 0 1px #ffffff0f,0 4px 12px #00000026}.ghost-button:active,.oauth-button:active,.toggle-button:active{box-shadow:inset 0 2px 4px #00000026}.primary-button:disabled,.secondary-button:disabled,.ghost-button:disabled{opacity:.35;cursor:not-allowed;pointer-events:none;transform:none;box-shadow:none}.primary-button.small,.secondary-button.small,.ghost-button.small{padding:6px 12px;font-size:.75rem;min-height:auto}.primary-button.icon-only,.secondary-button.icon-only,.ghost-button.icon-only{width:36px;height:36px;min-height:36px;padding:0;border-radius:var(--radius-sm)}.ghost-button.danger{color:var(--danger);border-color:#ef444433}.ghost-button.danger:hover{background:#ef444414;border-color:#ef444459}.full-width{width:100%}.text-button{padding:0;border:0;background:transparent;color:var(--teal)}.align-left{justify-content:flex-start}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 var(--spacing-sm);border-radius:var(--radius-pill);font-size:.8rem;border:1px solid transparent}.badge.active{background:var(--teal-bg);border-color:var(--teal-border);color:var(--teal)}.badge.blocked{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent)}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%}.status-dot.connected{background:var(--success);box-shadow:0 0 0 3px #10b9811f;animation:pulseGlow 2.5s ease-in-out infinite}.status-dot.offline{background:var(--text-ultra-soft, var(--text-soft));box-shadow:0 0 0 3px #64647014}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600}.status-badge.connected{background:var(--success-bg);color:var(--success)}.status-badge.offline{background:var(--danger-bg);color:var(--danger)}.status-banner{padding:var(--spacing-lg) 18px;border-radius:18px;background:var(--surface-accent);border:1px solid var(--panel-border)}.status-banner.error{background:var(--danger-bg);border-color:#ef444433}.status-banner.success{background:var(--success-bg);border-color:var(--teal-border)}.fullscreen-loader{min-height:100svh;display:grid;place-items:center;font-size:1.1rem;padding:24px}.friendly-error{width:min(100%,460px);display:grid;justify-items:center;gap:16px;text-align:center;padding:clamp(24px,4vw,40px)}.friendly-error-icon{color:var(--text-soft);margin-bottom:1.2rem}.friendly-error-illustration{width:min(196px,48vw);height:auto;margin:2px 0 6px}.friendly-error h2{font-family:SF Pro Display,Inter,Helvetica Neue,Arial,sans-serif;font-size:clamp(1.55rem,2.8vw,1.95rem);font-weight:700;letter-spacing:-.035em;line-height:1.02;color:var(--text-primary);margin:0}.friendly-error p{max-width:31ch;font-size:1rem;color:var(--text-secondary);line-height:1.5;margin:0}.friendly-error .primary-button{min-width:220px;margin:4px auto 0}.friendly-error-brand{width:100%;margin-top:34px;display:flex;flex-direction:column;align-items:center;gap:16px}.friendly-error-divider{width:min(148px,44%);height:1px;background:var(--panel-border-mid)}.friendly-error-hero-logo{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:8px}.friendly-error-company{max-width:32ch;font-size:.72rem;color:var(--text-ultra-soft);letter-spacing:.02em;line-height:1.5}@media(max-width:480px){.friendly-error{gap:14px;padding:24px 16px}.friendly-error .primary-button{width:100%;min-width:0}.friendly-error-brand{margin-top:28px}.friendly-error-hero-logo img:first-child{width:48px;height:48px}.friendly-error-hero-logo img:last-child{height:34px}}code{font-family:var(--font-mono);font-size:.92em}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:inherit}.skeleton{background:var(--surface-1);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-text{height:.9em;width:60%;border-radius:4px}.skeleton-title{height:1.4em;width:40%;border-radius:4px}.skeleton-card{height:120px;border-radius:var(--radius-md)}@keyframes skeleton-pulse{0%,to{opacity:.3}50%{opacity:.6}}.gradient-divider{width:100%;height:1px;border:none;background:linear-gradient(to right,transparent,var(--panel-border-mid),transparent);margin:0;flex-shrink:0}.gradient-divider--vertical{width:1px;height:auto;align-self:stretch;background:linear-gradient(to bottom,transparent 10%,var(--panel-border-mid) 50%,transparent 90%)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer components{.form-card{display:grid;gap:var(--spacing-lg)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-2xl)}.form-grid .field-block,.form-grid .span-half{grid-column:span 1}.full-span{grid-column:1 / -1}.field-block{display:grid;gap:6px}.field-block--spaced{margin-top:16px}.field-block span{font-size:.82rem;font-weight:650;color:var(--text-secondary);letter-spacing:-.005em}.input-mono{font-family:monospace}input,.select-field{width:100%;min-height:44px;padding:0 var(--spacing-lg);border-radius:var(--radius-sm);border:1px solid var(--panel-border-mid);background:var(--surface-0);color:var(--text-primary);font-size:.88rem;transition:border-color var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),background var(--duration-fast)}input:hover:not(:focus):not(:disabled):not([type=range]):not([type=checkbox]):not([type=file]),.select-field:hover:not(:focus):not(:disabled){border-color:var(--panel-border-strong);background:var(--surface-subtle)}:root[data-theme=light] input:hover:not(:focus):not(:disabled):not([type=range]):not([type=checkbox]):not([type=file]),:root[data-theme=light] .select-field:hover:not(:focus):not(:disabled){border-color:#0003}input:focus:not([type=range]):not([type=checkbox]):not([type=file]),.select-field:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f9731614;background:var(--surface-0)}input::placeholder{color:var(--text-ultra-soft);font-weight:400}.select-field{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2363637080' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;cursor:pointer}.select-field:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23f97316' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.field-label-row{display:flex;align-items:center;gap:6px;font-size:.82rem;font-weight:650;color:var(--text-secondary)}.field-label-row svg{opacity:.5;flex-shrink:0}.required-badge{display:inline-flex;align-items:center;gap:0;height:22px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);cursor:default;overflow:hidden;transition:gap .3s var(--ease-out-expo)}.required-badge:hover{gap:1px}.required-badge-icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;font-size:inherit;font-weight:400;font-style:italic;color:var(--accent)}.required-badge-text{max-width:0;overflow:hidden;white-space:nowrap;font-size:.72rem;font-weight:500;color:var(--accent);letter-spacing:.01em;padding-right:0;transition:max-width .35s var(--ease-out-expo),padding-right .35s var(--ease-out-expo)}.required-badge:hover .required-badge-text{max-width:100px;padding-right:8px}input[type=range]{-webkit-appearance:none;appearance:none;height:6px;border:none;border-radius:var(--radius-pill);background:var(--surface-2);outline:none;padding:0;min-height:auto;cursor:pointer;transition:background var(--duration-fast)}input[type=range]:hover{background:var(--surface-3)}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--text-primary);border:2px solid var(--surface-0);box-shadow:0 1px 4px #0000004d,0 0 0 1px #ffffff1a;cursor:grab;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:0 2px 8px #0006,0 0 0 1px #ffffff26}input[type=range]::-webkit-slider-thumb:active{transform:scale(1.08);cursor:grabbing}input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--text-primary);border:2px solid var(--surface-0);box-shadow:0 1px 4px #0000004d;cursor:grab;transition:transform var(--duration-fast) var(--ease-spring)}input[type=range]::-moz-range-thumb:hover{transform:scale(1.15)}.primary-button:active:not(:disabled),.secondary-button:active:not(:disabled),.ghost-button:active:not(:disabled){transform:translateY(0)!important;transition-duration:50ms}input[type=checkbox]{-webkit-appearance:none;appearance:none;width:44px;height:24px;min-height:auto;border-radius:var(--radius-pill);background:var(--surface-3);border:1px solid var(--panel-border-mid);padding:0;cursor:pointer;position:relative;transition:background var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal)}input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:var(--text-secondary);box-shadow:0 1px 3px #0003;transition:transform var(--duration-normal) var(--ease-spring),background var(--duration-normal)}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{transform:translate(20px);background:#fff}.form-error{color:var(--danger);margin:0;font-size:.82rem;font-weight:500;animation:fadeInUp .2s var(--ease-out-expo)}.form-info{color:var(--success);margin:0;font-size:.82rem;font-weight:500;animation:fadeInUp .2s var(--ease-out-expo)}}@layer components{.card{background:var(--surface-1);border:1px solid var(--panel-border);border-radius:var(--radius-xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-sm);position:relative;transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo)}.card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.04),transparent 40%);z-index:0;opacity:0;transition:opacity .3s;pointer-events:none}.card:hover:before{opacity:1}.card>*{position:relative;z-index:1}.card--hoverable:hover{transform:translateY(-2px);border-color:var(--panel-border-mid);box-shadow:var(--shadow-md)}.card--orange{border-color:#f9731626}.card--orange:hover{border-color:#f973164d}.card--teal{border-color:#14b8a626}.card--teal:hover{border-color:#14b8a64d}.card--green{border-color:#10b98126}.card--green:hover{border-color:#10b9814d}.card__header{display:flex;align-items:center;gap:var(--spacing-md)}.card__header-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);flex-shrink:0}.card__header-icon--orange{background:var(--icon-bg-orange);color:var(--accent)}.card__header-icon--teal{background:var(--icon-bg-teal);color:var(--teal)}.card__header-icon--green{background:var(--icon-bg-green);color:var(--success)}.card__header-icon--gray{background:var(--icon-bg-gray);color:var(--text-soft)}.card__header-title{flex:1;margin:0;font-size:.95rem;font-weight:700;letter-spacing:-.01em}.card__header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;margin-left:auto}.card__body{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:none;position:relative}.card__body:before{content:"";position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(to right,transparent,var(--panel-border-mid),transparent)}.card__body:first-child{margin-top:0;padding-top:0;border-top:none}.card__footer{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:none;color:var(--text-soft);font-size:.78rem;position:relative}.card__footer:before{content:"";position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(to right,transparent,var(--panel-border-mid),transparent)}}@layer components{.toggle-card{background:var(--surface-1);border:1px solid var(--panel-border);border-radius:var(--radius-xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-2xl);position:relative;transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo);animation:fadeInUp var(--duration-entrance) var(--ease-out-expo) backwards;animation-delay:.15s}.toggle-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.04),transparent 40%);z-index:0;opacity:0;transition:opacity .3s;pointer-events:none}.toggle-card:hover:before{opacity:1}.toggle-card>*{position:relative;z-index:1}.toggle-card--orange{border-color:#f9731626}.toggle-card--orange:hover{border-color:#f973164d}.toggle-card--teal{border-color:#14b8a626}.toggle-card--teal:hover{border-color:#14b8a64d}.toggle-card--green{border-color:#10b98126}.toggle-card--green:hover{border-color:#10b9814d}.toggle-card__header-row{display:flex;align-items:center;gap:var(--spacing-sm)}.toggle-card__header{display:flex;align-items:center;gap:var(--spacing-md);flex:1;background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0;text-align:left}.toggle-card__title{flex:1;margin:0;font-size:.95rem;font-weight:700;letter-spacing:-.01em}.toggle-card__icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);flex-shrink:0}.toggle-card__icon--orange{background:var(--icon-bg-orange);color:var(--accent)}.toggle-card__icon--teal{background:var(--icon-bg-teal);color:var(--teal)}.toggle-card__icon--green{background:var(--icon-bg-green);color:var(--success)}.toggle-card__icon--gray{background:var(--icon-bg-gray);color:var(--text-soft)}.toggle-card__chevron{color:var(--text-soft);transition:transform .25s var(--ease-out-expo),color .15s;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;cursor:pointer;font:inherit}.toggle-card__chevron--open{transform:rotate(180deg)}.toggle-card__chevron:hover{color:var(--text-primary)}.toggle-card__body{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:none;animation:fadeIn .2s var(--ease-out-expo);position:relative}.toggle-card__body:before{content:"";position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(to right,transparent,var(--panel-border-mid),transparent)}.toggle-card__actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}}@layer components{.portal-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-xl) var(--spacing-md);background:var(--surface-0);border-right:1px solid var(--panel-border);overflow:visible;transition:padding .25s var(--ease-out-expo);animation:slideInLeft .35s var(--ease-out-expo) backwards;z-index:10}.collapsed .portal-sidebar{padding:var(--spacing-xl) var(--spacing-sm)}.sidebar-top{display:flex;flex-direction:column;gap:0;overflow:hidden}.sidebar-logo{padding:4px 8px 2px;display:flex;align-items:center;gap:8px}.sidebar-brand-text{flex-shrink:0;margin-top:4px;opacity:0;animation:fadeIn .4s var(--ease-out-expo) .2s forwards;transition:opacity .2s,width .2s;overflow:hidden}.collapsed .sidebar-brand-text{width:0;opacity:0;animation:none}.sidebar-brand-icon{width:28px;height:28px;flex-shrink:0}.sidebar-profile-link{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.84rem;font-weight:600;text-decoration:none;transition:all var(--duration-fast) var(--ease-out-quart);overflow:hidden;white-space:nowrap}.sidebar-profile-link span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.sidebar-profile-link:hover{background:var(--surface-ghost);color:var(--text-primary)}.sidebar-profile-link.active{background:#f973160f;color:var(--text-primary);box-shadow:inset 3px 0 0 var(--accent)}.sidebar-profile-link svg:first-child,.sidebar-profile-avatar{flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out-quart)}.sidebar-profile-avatar{width:18px;height:18px;border-radius:50%;object-fit:cover}.sidebar-profile-link:hover svg:first-child,.sidebar-profile-link:hover .sidebar-profile-avatar{transform:scale(1.08)}.collapsed .sidebar-profile-link{justify-content:center;padding-left:0;padding-right:0;gap:0}.collapsed .sidebar-profile-link span{flex:none;width:0;opacity:0}.collapsed .sidebar-profile-link .sidebar-logout-btn{display:none}.sidebar-logout-btn{margin-left:auto;display:flex;align-items:center;gap:6px;padding:4px;border:none;background:transparent;border-radius:var(--radius-xs);color:var(--text-soft);font-size:.78rem;font-weight:500;opacity:0;transition:opacity var(--duration-fast),color var(--duration-fast),transform var(--duration-fast) var(--ease-out-quart);cursor:pointer;white-space:nowrap;overflow:hidden}.sidebar-profile-link:hover .sidebar-logout-btn{opacity:.6}.sidebar-logout-btn:hover{opacity:1!important;color:var(--danger);transform:translate(1px)}.sidebar-logout-btn[data-tooltip]{position:relative}.sidebar-logout-btn[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:50%;top:calc(100% + 6px);transform:translate(-50%);padding:4px 10px;border-radius:var(--radius-xs);background:var(--surface-2);border:1px solid var(--panel-border-mid);color:var(--text-primary);font-size:.72rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--duration-fast)}.sidebar-logout-btn[data-tooltip]:hover:after{opacity:1}.sidebar-divider{border:none;border-top:1px solid var(--panel-border);margin:6px var(--spacing-md);opacity:.4}.sidebar-account-select{flex:1;min-width:0;padding:8px 10px;border-radius:var(--radius-sm);background:var(--surface-ghost);border:1px solid var(--panel-border);color:var(--text-primary);font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color var(--duration-fast)}.sidebar-account-select:hover{border-color:var(--panel-border-mid)}.collapsed .sidebar-account-select{display:none}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.sidebar-link{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:.84rem;font-weight:500;border:none;background:transparent;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart);white-space:nowrap;overflow:hidden;position:relative}.sidebar-link svg{flex-shrink:0;width:18px;height:18px;opacity:.5;transition:opacity var(--duration-fast),transform var(--duration-fast) var(--ease-out-quart)}.sidebar-link:hover{background:var(--surface-ghost);color:var(--text-primary)}.sidebar-link:hover svg{opacity:.85;transform:scale(1.06)}.sidebar-link.active{background:#f973160f;color:var(--text-primary);font-weight:600;box-shadow:inset 3px 0 0 var(--accent);transition:background .2s,box-shadow .2s,color .2s}.sidebar-link.active svg{opacity:1;color:var(--accent);transition:opacity .2s,color .2s}.collapsed .sidebar-link{justify-content:center;padding-left:0;padding-right:0;gap:0}.collapsed .sidebar-link span{width:0;opacity:0}.collapsed .sidebar-link[data-tooltip]{position:relative}.collapsed .sidebar-link[data-tooltip]:after{content:attr(data-tooltip);position:absolute;left:calc(100% + 10px);top:50%;transform:translateY(-50%);padding:5px 10px;background:var(--surface-2);border:1px solid var(--panel-border-mid);border-radius:var(--radius-xs);color:var(--text-primary);font-size:.75rem;font-weight:600;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s;z-index:50}.collapsed .sidebar-link[data-tooltip]:hover:after{opacity:1}.sidebar-link--mobile-only{display:none}.sidebar-bottom{display:flex;flex-direction:column;gap:6px;overflow:hidden;flex-shrink:0}.sidebar-controls{display:flex;align-items:center;gap:4px;padding:2px;border-radius:var(--radius-xs);background:var(--surface-ghost)}.collapsed .sidebar-controls{flex-direction:column;gap:4px;width:100%}.collapsed .sidebar-theme{width:100%}.collapsed .sidebar-theme-btn{flex:1;width:auto;min-width:0;height:22px;display:flex;align-items:center;justify-content:center}.collapsed .sidebar-lang{display:grid;grid-template-columns:1fr 1fr;gap:2px;padding:2px;width:100%}.collapsed .sidebar-lang-btn{padding:0;width:100%;height:auto;aspect-ratio:3 / 2;font-size:0;min-width:0;border-radius:3px}.collapsed .sidebar-lang-btn .lang-flag{border-radius:3px;opacity:.7}.collapsed .sidebar-lang-btn:before{display:none}.collapsed .sidebar-lang-btn.active .lang-flag{opacity:1}.collapsed .sidebar-lang-btn.active{outline:1.5px solid var(--accent);outline-offset:.5px}.sidebar-theme,.sidebar-lang{display:flex;gap:2px;padding:0;border-radius:var(--radius-xs);background:transparent}.sidebar-theme{flex:2}.sidebar-lang{flex:4}.sidebar-theme-btn{display:grid;place-items:center;flex:1;aspect-ratio:16 / 9;border:none;background:transparent;border-radius:3px;color:var(--text-soft);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart)}.sidebar-theme-btn svg{width:12px;height:12px}.sidebar-lang-btn{position:relative;display:flex;align-items:center;justify-content:center;flex:1;aspect-ratio:16 / 9;padding:0;border:none;background:transparent;border-radius:3px;color:var(--text-soft);cursor:pointer;font-size:10px;font-weight:750;letter-spacing:.03em;text-shadow:0 1px 2px rgba(0,0,0,.4);overflow:hidden;transition:all var(--duration-fast) var(--ease-out-quart);min-width:0;z-index:0}.sidebar-theme-btn.active{background:var(--theme-active-bg);color:var(--theme-active-text)}.sidebar-lang-btn.active{background:var(--surface-2);color:var(--text-primary);border:1px solid var(--panel-border-mid)}.sidebar-theme-btn:hover:not(.active),.sidebar-lang-btn:hover:not(.active){color:var(--text-secondary);background:#ffffff0a}.lang-flag{position:absolute;inset:0;border-radius:inherit;background-size:cover;background-position:center;z-index:-2;pointer-events:none;opacity:.5;transition:opacity var(--duration-fast)}.sidebar-lang-btn:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55%;height:55%;background:var(--surface-0);border-radius:3px;box-shadow:inset 0 1.5px 2px #00000073,inset 0 -1px 1px #ffffff1a;z-index:-1;pointer-events:none}.sidebar-lang-btn:hover .lang-flag{opacity:.6}.sidebar-lang-btn.active .lang-flag{opacity:.7}.lang-flag-de{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 5 3'%3E%3Crect width='5' height='1' fill='%23000'/%3E%3Crect y='1' width='5' height='1' fill='%23D00'/%3E%3Crect y='2' width='5' height='1' fill='%23FFCE00'/%3E%3C/svg%3E")}.lang-flag-at{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 2'%3E%3Crect width='3' height='2' fill='%23ed2939'/%3E%3Crect y='.667' width='3' height='.667' fill='%23fff'/%3E%3C/svg%3E")}.lang-flag-ch{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Crect width='32' height='32' fill='%23D52B1E'/%3E%3Crect x='13' y='6' width='6' height='20' fill='%23fff'/%3E%3Crect x='6' y='13' width='20' height='6' fill='%23fff'/%3E%3C/svg%3E")}.lang-flag-gb{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Crect width='60' height='30' fill='%23012169'/%3E%3Cpath d='M0 0L60 30M60 0L0 30' stroke='%23fff' stroke-width='6'/%3E%3Cpath d='M0 0L60 30M60 0L0 30' stroke='%23C8102E' stroke-width='2'/%3E%3Cpath d='M30 0V30M0 15H60' stroke='%23fff' stroke-width='10'/%3E%3Cpath d='M30 0V30M0 15H60' stroke='%23C8102E' stroke-width='6'/%3E%3C/svg%3E")}.lang-flag-us{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 190 100'%3E%3Crect width='190' height='100' fill='%23B22234'/%3E%3Cg fill='%23fff'%3E%3Crect y='7.7' width='190' height='7.7'/%3E%3Crect y='23.1' width='190' height='7.7'/%3E%3Crect y='38.5' width='190' height='7.7'/%3E%3Crect y='53.8' width='190' height='7.7'/%3E%3Crect y='69.2' width='190' height='7.7'/%3E%3Crect y='84.6' width='190' height='7.7'/%3E%3C/g%3E%3Crect width='76' height='53.8' fill='%233C3B6E'/%3E%3C/svg%3E")}.lang-flag-au{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Crect width='60' height='30' fill='%23012169'/%3E%3Cpath d='M0 0L30 15M30 0L0 15' stroke='%23fff' stroke-width='3'/%3E%3Cpath d='M0 0L30 15M30 0L0 15' stroke='%23C8102E' stroke-width='1'/%3E%3Cpath d='M15 0V15M0 7.5H30' stroke='%23fff' stroke-width='5'/%3E%3Cpath d='M15 0V15M0 7.5H30' stroke='%23C8102E' stroke-width='3'/%3E%3C/svg%3E")}.lang-flag-tr{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23E30A17'/%3E%3Ccircle cx='11' cy='10' r='6' fill='%23fff'/%3E%3Ccircle cx='12.5' cy='10' r='4.8' fill='%23E30A17'/%3E%3Cpolygon points='17,10 14.5,11.2 15.1,8.5 13,6.8 15.8,6.6 17,4 18.2,6.6 21,6.8 18.9,8.5 19.5,11.2' fill='%23fff'/%3E%3C/svg%3E")}.lang-flag-cy{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 20'%3E%3Crect width='30' height='20' fill='%23E30A17'/%3E%3Ccircle cx='11' cy='10' r='6' fill='%23fff'/%3E%3Ccircle cx='12.5' cy='10' r='4.8' fill='%23E30A17'/%3E%3Cpolygon points='17,10 14.5,11.2 15.1,8.5 13,6.8 15.8,6.6 17,4 18.2,6.6 21,6.8 18.9,8.5 19.5,11.2' fill='%23fff'/%3E%3C/svg%3E")}.lang-flag-es{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Crect width='6' height='1' fill='%23AA151B'/%3E%3Crect y='1' width='6' height='2' fill='%23F1BF00'/%3E%3Crect y='3' width='6' height='1' fill='%23AA151B'/%3E%3C/svg%3E")}.lang-flag-mx{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Crect width='2' height='4' fill='%23006847'/%3E%3Crect x='2' width='2' height='4' fill='%23fff'/%3E%3Crect x='4' width='2' height='4' fill='%23CE1126'/%3E%3C/svg%3E")}.lang-flag-ar{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Crect width='6' height='1.33' fill='%2374ACDF'/%3E%3Crect y='1.33' width='6' height='1.33' fill='%23fff'/%3E%3Crect y='2.66' width='6' height='1.34' fill='%2374ACDF'/%3E%3C/svg%3E")}.lang-flag-co{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 4'%3E%3Crect width='6' height='2' fill='%23FCD116'/%3E%3Crect y='2' width='6' height='1' fill='%23003893'/%3E%3Crect y='3' width='6' height='1' fill='%23CE1126'/%3E%3C/svg%3E")}.sidebar-toggle{position:absolute;top:24px;right:8px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;background:transparent;color:var(--text-ultra-soft);cursor:pointer;border-radius:var(--radius-xs);transition:width .25s var(--ease-out-quart),height .25s var(--ease-out-quart),top .25s var(--ease-out-quart),right .25s var(--ease-out-quart),background .25s var(--ease-out-quart),border-color .25s var(--ease-out-quart),color .25s var(--ease-out-quart);flex-shrink:0;z-index:20}.sidebar-toggle:hover{color:var(--text-secondary);background:var(--surface-ghost)}.collapsed .sidebar-toggle{width:18px;height:22px;top:27px;right:-9px;background:var(--surface-1);border:1px solid var(--panel-border);color:var(--text-soft)}.collapsed .sidebar-toggle:hover{background:var(--surface-2);color:var(--text-primary)}@media(max-width:768px){.portal-sidebar{position:fixed;inset:auto 0 0;height:56px;flex-direction:row;align-items:center;justify-content:center;padding:0;border-right:none;border-top:1px solid var(--panel-border);background:var(--surface-0);animation:none;z-index:100}.sidebar-top{flex-direction:row;align-items:center;justify-content:center;flex:1;gap:0}.sidebar-logo,.sidebar-divider,.sidebar-profile-link,.sidebar-account-select,.sidebar-toggle,.sidebar-bottom{display:none}.sidebar-nav{flex-direction:row;align-items:center;justify-content:space-around;width:100%;gap:0;padding:0 var(--spacing-md)}.sidebar-link{flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:6px 12px;font-size:.65rem;border-radius:var(--radius-xs);white-space:nowrap}.sidebar-link span{opacity:1!important;width:auto!important;font-size:.62rem;font-weight:600;letter-spacing:.02em}.sidebar-link.active{box-shadow:none;background:#f973161a}.sidebar-link.active svg{transform:scale(1.1)}.sidebar-link--mobile-only{display:flex}.collapsed .sidebar-link span{width:auto;opacity:1}}}@layer components{.toast-container{position:fixed;bottom:24px;left:50%;transform:translate(-50%);z-index:1000;display:flex;flex-direction:column;gap:10px;pointer-events:none}.toast-banner{pointer-events:auto;position:relative;min-width:280px;max-width:440px;padding:14px 42px 14px 16px;background:var(--surface-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--panel-border-mid);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);color:var(--text-primary);font-size:.88rem;line-height:1.4;overflow:hidden;animation:toast-slide-in .25s ease-out}.toast-banner.error{border-left:3px solid var(--danger)}.toast-banner.success{border-left:3px solid var(--success)}.toast-message{display:block}.toast-close{position:absolute;top:8px;right:8px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--text-soft);font-size:.75rem;border-radius:var(--radius-sm);cursor:pointer;transition:color .15s,background .15s}.toast-close:hover{color:var(--text-primary);background:var(--surface-light)}.toast-timer-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:transparent;border-radius:0 0 var(--radius-sm) var(--radius-sm);overflow:hidden}.toast-timer{height:100%;width:100%;animation:toast-shrink linear forwards}.toast-timer.error{background:var(--danger)}.toast-timer.success{background:var(--success)}.toast-timer.paused{animation-play-state:paused}@keyframes toast-shrink{0%{width:100%}to{width:0%}}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}@layer components{.walkthrough-backdrop{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .25s var(--ease-out-expo)}.walkthrough-modal{width:min(520px,calc(100vw - 48px));background:var(--surface-1);border:1px solid var(--panel-border-mid);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);overflow:hidden;animation:scaleIn .3s var(--ease-out-expo)}.walkthrough-media{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-0)}.walkthrough-media img,.walkthrough-media video{width:100%;height:100%;object-fit:cover;display:block}.walkthrough-content{padding:var(--spacing-3xl) var(--spacing-3xl) var(--spacing-xl)}.walkthrough-title{margin:0 0 var(--spacing-sm);font-size:1.15rem;font-weight:700;letter-spacing:-.02em}.walkthrough-desc{margin:0;font-size:.88rem;color:var(--text-secondary);line-height:1.55}.walkthrough-nav{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-3xl) var(--spacing-3xl);gap:var(--spacing-md)}.walkthrough-nav-buttons{display:flex;align-items:center;gap:var(--spacing-sm)}.walkthrough-dots{display:flex;align-items:center;gap:6px}.walkthrough-dot{width:8px;height:8px;border-radius:50%;background:var(--text-ultra-soft);cursor:pointer;transition:background var(--duration-fast) var(--ease-out-quart),transform var(--duration-fast) var(--ease-out-quart)}.walkthrough-dot:hover{background:var(--text-soft)}.walkthrough-dot--active{background:var(--accent);transform:scale(1.25)}}@layer components{.info-popover-wrap{position:relative;display:inline-flex;align-items:center}.info-popover-trigger{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;border:none;background:var(--surface-accent);color:var(--text-soft);cursor:pointer;opacity:.5;transition:opacity var(--duration-fast) var(--ease-out-quart),background var(--duration-fast) var(--ease-out-quart)}.info-popover-trigger:hover{opacity:.8;background:var(--surface-light)}.info-popover{position:absolute;z-index:100;width:280px;background:var(--surface-2);border:1px solid var(--panel-border-mid);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden;animation:scaleIn .15s var(--ease-out-expo)}.info-popover--top{bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}.info-popover--top .info-popover__arrow{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.info-popover--bottom{top:calc(100% + 10px);left:50%;transform:translate(-50%)}.info-popover--bottom .info-popover__arrow{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.info-popover--right{left:calc(100% + 10px);top:50%;transform:translateY(-50%)}.info-popover--right .info-popover__arrow{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.info-popover__arrow{position:absolute;width:10px;height:10px;background:var(--surface-2);border:1px solid var(--panel-border-mid);border-right:none;border-bottom:none}.info-popover__media{width:100%;aspect-ratio:16 / 9;overflow:hidden;background:var(--surface-0)}.info-popover__media img,.info-popover__media video{width:100%;height:100%;object-fit:cover;display:block}.info-popover__text{margin:0;padding:var(--spacing-md);font-size:.82rem;color:var(--text-secondary);line-height:1.5}}@layer pages{.portal-layout{--sidebar-width: 220px;display:grid;grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;transition:grid-template-columns .25s var(--ease-out-expo)}.portal-layout.collapsed{--sidebar-width: 64px;grid-template-columns:var(--sidebar-width) 1fr}.portal-content{width:100%;padding:var(--spacing-5xl) var(--spacing-5xl) var(--spacing-6xl);max-width:1120px;letter-spacing:-.005em;position:relative;z-index:1}.portal-content>*{animation:fadeInPage .3s ease-out}@keyframes fadeInPage{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.portal-empty-state{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-5xl) var(--spacing-2xl);text-align:center;color:var(--text-secondary);font-size:.9rem;animation:fadeInPage .4s ease-out}.portal-empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-soft)}.portal-empty-icon svg{width:28px;height:28px;opacity:.5}.page-title{display:flex;align-items:center;gap:var(--spacing-lg);margin:0 0 6px;font-size:1.75rem;font-weight:800;letter-spacing:-.035em;line-height:1.15;text-shadow:var(--text-shadow-h1);animation:fadeInDown .4s var(--ease-out-expo) backwards}.page-title-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--icon-bg-orange);color:var(--accent);flex-shrink:0;box-shadow:inset 0 1px #ffffff0f}.page-subtitle{color:var(--text-soft);font-size:.88rem;margin:0 0 var(--spacing-4xl);line-height:1.55;animation:fadeIn .5s var(--ease-out-expo) backwards;animation-delay:.06s}.workspace-content,.page-stack{display:grid;gap:var(--spacing-2xl)}}@layer pages{.portal-card{background:var(--surface-1);border:1px solid var(--panel-border);border-radius:var(--radius-xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-sm);transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo);position:relative}.portal-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.04),transparent 40%);z-index:0;opacity:0;transition:opacity .3s;pointer-events:none}.portal-card:hover:before{opacity:1}.portal-card>*{position:relative;z-index:1}.portal-card.hoverable:hover{transform:translateY(-1px);border-color:var(--panel-border-mid);box-shadow:var(--shadow-md)}.portal-card h2{margin:0 0 4px;font-size:.95rem;font-weight:700;letter-spacing:-.01em}.section-card{margin-bottom:var(--spacing-2xl);animation:fadeInUp var(--duration-entrance) var(--ease-out-expo) backwards;animation-delay:.15s}.section-card.secondary{background:var(--surface-1);padding:var(--spacing-2xl)}.section-card.accent-orange{border-color:#f9731626}.section-card.accent-orange:hover{border-color:#f973164d}.section-card.accent-teal{border-color:#14b8a626}.section-card.accent-teal:hover{border-color:#14b8a64d}.section-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:var(--spacing-md)}.section-toggle{display:flex;align-items:center;gap:10px;width:100%;background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0;text-align:left}.section-toggle h2{flex:1;margin:0}.section-toggle:hover .section-chevron{color:var(--text-primary)}.section-toggle-row{display:flex;align-items:center;gap:10px;margin-bottom:var(--spacing-md)}.section-toggle-row .section-toggle{flex:1}.section-chevron{color:var(--text-soft);transition:transform .25s var(--ease-out-expo);flex-shrink:0;margin-left:auto}.section-chevron.open{transform:rotate(180deg)}.section-card.collapsed{padding-bottom:var(--spacing-lg)}.section-card.collapsed .section-toggle,.section-card.collapsed .section-toggle-row{margin-bottom:0}.section-body{animation:fadeIn .2s var(--ease-out-expo)}.section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);flex-shrink:0}.section-icon.orange{background:var(--icon-bg-orange);color:var(--accent)}.section-icon.teal{background:var(--icon-bg-teal);color:var(--teal)}.section-icon.green{background:var(--icon-bg-green);color:var(--success)}.section-icon.gray{background:var(--icon-bg-gray);color:var(--text-soft)}.text-soft{color:var(--text-soft);font-size:.84rem;margin:0 0 var(--spacing-lg);line-height:1.55}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;vertical-align:middle}.status-dot.connected{background:var(--success);box-shadow:0 0 0 3px #10b98126;animation:pulseGlow 2.5s ease-in-out infinite}.status-dot.offline{background:var(--warning);box-shadow:0 0 0 3px #f59e0b1f}.status-dot.error{background:var(--danger);box-shadow:0 0 0 3px #ef444426}.sma-modal-backdrop{position:fixed;inset:0;z-index:1000;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl);animation:fadeIn .2s var(--ease-out-expo)}.sma-modal{width:100%;max-width:440px;border-radius:var(--radius-2xl);background:var(--surface-1);border:1px solid var(--panel-border-mid);box-shadow:var(--shadow-lg);padding:var(--spacing-3xl);animation:scaleIn .25s var(--ease-spring)}.sma-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.sma-modal-header h3{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.sma-modal-close{width:32px;height:32px;border-radius:50%;background:var(--surface-ghost);border:1px solid var(--panel-border);color:var(--text-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.sma-modal-close:hover{background:var(--surface-2);color:var(--text-primary);transform:rotate(90deg)}.sma-modal-subtitle{font-size:.82rem;color:var(--text-soft);margin-bottom:var(--spacing-xl);line-height:1.5}.sma-modal-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sma-modal-option{display:flex;align-items:center;gap:var(--spacing-md);padding:16px 20px;border-radius:var(--radius-lg);border:1px solid var(--panel-border);background:var(--surface-ghost);color:var(--text-primary);cursor:pointer;text-align:left;transition:all var(--duration-normal) var(--ease-out-expo);width:100%}.sma-modal-option:hover{border-color:var(--accent-border);background:var(--accent-bg);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sma-modal-option:disabled{opacity:.5;cursor:wait}.sma-modal-option svg:last-child{margin-left:auto;color:var(--text-ultra-soft);flex-shrink:0}.sma-modal-option:hover svg:last-child{color:var(--accent)}.sma-modal-option-info{display:flex;flex-direction:column;gap:2px;flex:1}.sma-modal-option-name{font-size:.9rem;font-weight:650}.sma-modal-option-desc{font-size:.75rem;color:var(--text-soft)}.sma-menu-dropdown{position:fixed;min-width:190px;padding:6px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--panel-border-mid);box-shadow:var(--shadow-lg);z-index:9999;animation:fadeIn .15s var(--ease-out-expo)}.sma-menu-trigger{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);border:1px solid var(--panel-border-mid);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart);box-shadow:0 1px 3px #0000001a}.sma-menu-trigger:hover{background:var(--surface-3);color:var(--text-primary);border-color:var(--panel-border-strong);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.portal-loading{display:flex;flex-direction:column;gap:var(--spacing-xl);padding:var(--spacing-3xl) 0;animation:fadeIn .3s var(--ease-out-expo)}.portal-loading-header{display:flex;flex-direction:column;gap:var(--spacing-sm)}.portal-loading-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg)}.section-actions{display:flex;justify-content:flex-end;margin-top:var(--spacing-lg)}.upload-zone{padding:var(--spacing-5xl) var(--spacing-3xl);border:2px dashed var(--panel-border-mid);border-radius:var(--radius-xl);text-align:center;color:var(--text-soft);transition:border-color var(--duration-normal) var(--ease-out-expo),background var(--duration-normal) var(--ease-out-expo),transform var(--duration-fast);cursor:pointer}.upload-zone:hover,.upload-zone.drag-over{border-color:var(--accent);background:#f9731608;transform:translateY(-1px)}.upload-zone.drag-over{border-color:var(--teal);background:#14b8a60a;box-shadow:var(--shadow-glow-teal)}.upload-zone-icon{margin-bottom:12px;opacity:.4;transition:opacity var(--duration-fast),transform var(--duration-fast)}.upload-zone:hover .upload-zone-icon{opacity:.7;transform:scale(1.05)}.info-card{padding:18px;border-radius:var(--radius-lg);background:var(--surface-ghost);border:1px solid var(--panel-border);color:var(--text-secondary);font-size:.88rem}.save-indicator{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);animation:fadeIn .2s var(--ease-out-expo);transition:opacity .3s}.save-indicator.saving{color:var(--text-soft)}.save-indicator.saved{color:var(--success);background:#10b98114}.save-indicator.error{color:var(--danger);background:#ef444414}.save-indicator-check{font-size:.65rem;font-weight:700}@media(max-width:768px){.portal-layout,.portal-layout.collapsed{grid-template-columns:1fr;padding-bottom:60px}.portal-content{padding:var(--spacing-3xl) var(--spacing-2xl)}}@media(max-width:600px){.form-grid{grid-template-columns:1fr}.form-grid .span-half{grid-column:span 1}}}@layer pages{.auth-shell{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:0 0 12vh}.auth-form-centered{width:100%;max-width:440px}.auth-panel{min-height:520px}.auth-panel-brand{background:linear-gradient(180deg,#113b37f0,#0e2d2af2),linear-gradient(135deg,#1a897f,#f37a34);color:#f9f5ec}.auth-panel-brand .eyebrow{color:#ffd3bc}.oauth-grid{display:grid;gap:10px;margin-bottom:0}.oauth-button{display:inline-flex;align-items:center;justify-content:center;gap:10px}.auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0;color:var(--text-soft);font-size:.85rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--panel-border-strong)}.force-change-title{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin:0 0 6px;text-align:center}.force-change-subtitle{font-size:.95rem;color:var(--text-secondary);margin:0 0 24px;text-align:center;line-height:1.5}.field-password-wrap{position:relative}.field-password-wrap input{padding-right:48px}.field-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-soft);cursor:pointer;padding:4px;display:flex;align-items:center}.field-password-toggle:hover{color:var(--text-primary)}.consent-group{display:grid;gap:12px;margin-top:2px}.consent-row{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.consent-toggle{flex-shrink:0;width:44px;height:24px;border-radius:999px;border:none;background:var(--panel-border-strong);position:relative;cursor:pointer;transition:background .2s ease;padding:0}.consent-toggle--on{background:var(--teal)}.consent-toggle-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .2s ease}.consent-toggle--on .consent-toggle-thumb{transform:translate(20px)}.consent-label{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:.85rem;color:var(--text-secondary);line-height:1.4;padding-top:2px}.consent-label a{color:var(--teal);text-decoration:underline}.consent-required-star{color:var(--accent);font-weight:400}.auth-toggle{margin:20px 0 0;text-align:center;font-size:.9rem;color:var(--text-secondary)}.auth-toggle a{color:var(--accent);text-decoration:none;font-weight:600}.auth-toggle a:hover{text-decoration:underline}@media(max-width:480px){.auth-shell{padding:0 16px 12vh}.auth-form-centered{max-width:100%}.oauth-grid{grid-template-columns:1fr}}}@layer pages{.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.dashboard-grid-3{grid-template-columns:repeat(3,1fr)}.dash-card{position:relative;overflow:hidden;display:flex;flex-direction:column;animation:fadeInUp var(--duration-entrance) var(--ease-out-expo) backwards;transition:transform var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal),border-color var(--duration-fast)}.dash-card{min-height:180px}.dash-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000002e;border-color:var(--panel-border-mid)}.dash-card:nth-child(1){border-color:#10b98126}.dash-card:nth-child(2){border-color:#f9731626}.dash-card:nth-child(3){border-color:#14b8a626}.dash-card:nth-child(1):hover{border-color:#10b9814d}.dash-card:nth-child(2):hover{border-color:#f973164d}.dash-card:nth-child(3):hover{border-color:#14b8a64d}.dash-card:nth-child(1){animation-delay:0ms}.dash-card:nth-child(2){animation-delay:.1s}.dash-card:nth-child(3){animation-delay:.2s}.dash-card.portal-card{padding:14px var(--spacing-xl) var(--spacing-xl)}.dash-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin:-2px -4px var(--spacing-xl)}.dash-card-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast)}.dash-card:hover .dash-card-icon{transform:scale(1.06);box-shadow:0 2px 8px #00000026}.dash-card-icon.orange{background:var(--icon-bg-orange);color:var(--accent)}.dash-card-icon.teal{background:var(--icon-bg-teal);color:var(--teal)}.dash-card-icon.green{background:var(--icon-bg-green);color:var(--success)}.dash-card-icon.gray{background:var(--icon-bg-gray);color:var(--text-soft)}.dash-card-label{display:flex;align-items:center;gap:5px;font-size:.78rem;font-weight:650;color:var(--text-secondary);letter-spacing:-.005em}.dash-header-icon{width:.85em;height:.85em;opacity:.6;flex-shrink:0}.dash-card-value{font-size:2.25rem;font-weight:800;color:var(--text-primary);line-height:1;margin-bottom:8px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.dash-card-sub{font-size:.78rem;color:var(--text-secondary);line-height:1.4}.dash-kpi-row{display:flex;align-items:center;gap:0;margin-bottom:4px}.dash-kpi{flex:1}.dash-kpi-num-row{display:flex;align-items:center;justify-content:center;gap:8px}.dash-kpi-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-sm);flex-shrink:0}.dash-kpi-icon svg{width:17px;height:17px}.dash-kpi-icon.green{background:var(--icon-bg-green);color:var(--success)}.dash-kpi-icon.orange{background:var(--icon-bg-orange);color:var(--accent)}.dash-kpi-icon.teal{background:var(--icon-bg-teal);color:var(--teal)}.dash-kpi-value{display:block;font-size:1.45rem;font-weight:800;color:var(--text-primary);line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.dash-kpi-col{display:flex;flex-direction:column}.dash-kpi-label{display:block;font-size:.68rem;font-weight:500;color:var(--text-primary);opacity:.45;margin-top:2px}.dash-kpi-sep{width:1px;align-self:stretch;background:linear-gradient(to bottom,transparent 10%,var(--panel-border-mid) 50%,transparent 90%);flex-shrink:0}.dash-donut-row{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-top:auto;padding-bottom:var(--spacing-sm)}.dash-donut{display:flex;align-items:center;gap:8px;padding:0 12px 0 0;border-radius:var(--radius-pill);border:1px solid var(--panel-border);background:#ffffff05}.dash-donut-svg{width:32px;height:32px;flex-shrink:0;margin:-1px 0 -1px -1px}.dash-donut-arc{animation:donutDraw 1.2s var(--ease-out-expo) backwards}@keyframes donutDraw{0%{stroke-dasharray:0 999}}.dash-donut-pct{font-size:6.5px;font-weight:700;fill:var(--text-primary);font-variant-numeric:tabular-nums}.dash-donut-info{display:flex;flex-direction:column;gap:1px}.dash-donut-num{font-size:.72rem;font-weight:700;color:var(--text-primary);line-height:1;font-variant-numeric:tabular-nums}.dash-donut-label{font-size:.58rem;font-weight:550;color:var(--text-secondary);line-height:1}.dash-two-col{display:flex;flex:1;align-items:center}.dash-two-col-side{flex:1;display:flex;flex-direction:column;align-items:center;gap:4px}.dash-two-col-sep{width:1px;align-self:stretch;margin:0 var(--spacing-md);background:linear-gradient(to bottom,transparent 5%,var(--panel-border-mid) 30%,var(--panel-border-mid) 70%,transparent 95%);flex-shrink:0}.dash-col-chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-top:4px}.dash-chip-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--surface-ghost);font-size:.72rem;font-weight:620;color:var(--text-primary);text-decoration:none;white-space:nowrap;cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast),border-color var(--duration-fast),background var(--duration-fast)}.dash-chip-btn svg{width:13px;height:13px;flex-shrink:0;opacity:.6;transition:transform .18s var(--ease-out-quart),opacity .18s}.dash-chip-btn:hover{transform:translateY(-2px);border-color:var(--panel-border-mid);background:var(--surface-2);box-shadow:0 4px 12px #00000026}.dash-chip-btn:hover svg{transform:scale(1.15);opacity:1}.dash-chip-btn:active{transform:scale(.96) translateY(1px);box-shadow:inset 0 2px 4px #00000026}.dash-chip-btn:active svg{transform:scale(.85)}.dash-chip-btn.accent{border-color:#f9731640;background:linear-gradient(180deg,#f973161f,#f973160f);color:var(--accent)}.dash-chip-btn.accent:hover{border-color:#f9731666;box-shadow:0 4px 14px #f9731626}.dash-chip-btn.muted{border-color:#14b8a640;background:linear-gradient(180deg,#14b8a61f,#14b8a60f);color:var(--teal)}.dash-card-footer{margin-top:auto;padding-top:var(--spacing-sm);font-size:.68rem;color:var(--text-soft);display:flex;align-items:center;justify-content:center;gap:6px;position:relative}.dash-card-footer:before{content:"";position:absolute;top:0;left:5%;right:5%;height:1px;background:linear-gradient(to right,transparent,var(--panel-border-mid),transparent)}.dash-card-footer svg{opacity:.4;flex-shrink:0}.dash-social-list{display:flex;flex-direction:column;gap:6px;flex:1}.dash-social-row{display:flex;align-items:center;gap:10px;padding:8px 14px;border-radius:var(--radius-sm);background:var(--surface-ghost);transition:background var(--duration-fast),transform var(--duration-fast) var(--ease-out-quart)}.dash-social-row:hover{background:var(--surface-2);transform:translate(3px)}.dash-social-row .status-dot{width:7px;height:7px}.dash-social-icon{display:flex;color:var(--text-ultra-soft);flex-shrink:0}.dash-social-icon.teal{color:var(--teal)}.dash-social-icon.accent{color:#e1306c}.dash-social-icon.linkedin-blue{color:#0a66c2}.dash-social-avatar-inline{width:16px;height:16px;border-radius:50%;object-fit:cover;flex-shrink:0;display:inline-block;vertical-align:middle;margin-right:4px}.dash-social-name{font-size:.82rem;font-weight:600;color:var(--text-primary)}.dash-social-count{margin-left:auto;font-size:.72rem;font-weight:700;color:var(--teal);font-variant-numeric:tabular-nums}.dash-social-via{font-size:.65rem;font-weight:500;color:var(--text-ultra-soft);padding:1px 6px;border-radius:var(--radius-pill);background:var(--surface-2);margin-left:auto}.dash-social-empty{font-size:.82rem;color:var(--text-ultra-soft);text-align:center;padding:var(--spacing-xl) 0}.dash-card-stats{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.dash-stat{font-size:.72rem;font-weight:600;padding:3px 10px;border-radius:var(--radius-pill);white-space:nowrap}.dash-stat.teal{background:#14b8a61a;color:var(--teal)}.dash-stat.green{background:#10b9811a;color:var(--success)}.dash-stat.red{background:#ef44441a;color:var(--danger)}.dash-stat.muted{background:var(--surface-ghost);color:var(--text-soft)}.page-dashboard{position:relative}.dash-ambient{position:absolute;top:-80px;left:-40px;right:-40px;height:320px;background:radial-gradient(ellipse 600px 200px at 20% 0%,rgba(20,184,166,.06) 0%,transparent 70%),radial-gradient(ellipse 400px 180px at 80% 10%,rgba(249,115,22,.04) 0%,transparent 70%);pointer-events:none;z-index:0}.page-dashboard>*:not(.dash-ambient){position:relative;z-index:1}.dash-greeting{display:flex;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl);animation:fadeInDown .4s var(--ease-out-expo) backwards}.dash-greeting .dash-avatar{margin-top:4px}.dash-avatar{display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--accent));color:#fff;font-weight:700;letter-spacing:-.02em;flex-shrink:0;box-shadow:0 4px 16px #14b8a640}.dash-greeting-name{font-size:1.85rem;font-weight:800;letter-spacing:-.035em;margin:0;line-height:1.15}.dash-name-gradient{background:linear-gradient(135deg,var(--teal-soft) 0%,var(--teal) 40%,var(--accent-soft) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dash-greeting-date{color:var(--text-soft);font-size:.84rem;margin-top:8px;font-weight:500}.dash-savings-hero{display:flex;align-items:center;justify-content:center;gap:var(--spacing-5xl);padding:var(--spacing-5xl) var(--spacing-4xl) var(--spacing-4xl);margin-bottom:var(--spacing-4xl);border-radius:var(--radius-2xl);background:var(--surface-1);border:1px solid rgba(20,184,166,.15);box-shadow:var(--shadow-md);position:relative;overflow:visible;animation:fadeInUp .7s var(--ease-out-expo) backwards;animation-delay:.08s}.dash-savings-hero:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(255,255,255,.04),transparent 40%);z-index:0;opacity:0;transition:opacity .3s;pointer-events:none}.dash-savings-hero:hover:before{opacity:1}.dash-savings-hero:hover{border-color:#14b8a64d}.dash-savings-metric{text-align:center;position:relative;flex:1}.dash-savings-number{font-size:2.8rem;font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:10px;background:linear-gradient(135deg,var(--teal) 0%,var(--teal-soft) 40%,var(--accent-soft) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-variant-numeric:tabular-nums}.dash-savings-metric--money .dash-savings-number{font-size:3.1rem}.dash-savings-number-sub{font-size:1.4rem;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--text-secondary);margin-bottom:10px;animation:savingsReveal 1.4s var(--ease-out-expo) backwards;animation-delay:.55s}.dash-savings-label{display:flex;align-items:center;justify-content:center;gap:5px;font-size:.75rem;font-weight:550;color:var(--text-secondary);letter-spacing:-.005em}.dash-savings-label svg{opacity:.6;flex-shrink:0}.dash-savings-divider{width:1px;align-self:stretch;margin:var(--spacing-sm) 0;background:linear-gradient(to bottom,transparent 10%,var(--panel-border-mid) 50%,transparent 90%);flex-shrink:0}.dash-editable-value{color:var(--text-primary);cursor:pointer;border-radius:3px}.dash-editable-value:hover{background:#ffffff0f}input.dash-editable-value{all:unset;font:inherit;color:var(--text-primary);letter-spacing:inherit;line-height:inherit;border:1px solid var(--accent);border-radius:3px;text-align:center;cursor:text}@keyframes savingsReveal{0%{opacity:0;transform:translateY(8px) scale(.95);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.dash-status-row{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-md) var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--panel-border);margin-bottom:var(--spacing-3xl);animation:fadeInUp var(--duration-entrance) var(--ease-out-expo) backwards;animation-delay:calc(var(--stagger-delay) * 4)}.dash-status-item{display:flex;align-items:center;gap:10px;text-decoration:none;flex:1;padding:4px 0;transition:opacity var(--duration-fast)}.dash-status-item:hover{opacity:.8}.dash-status-icon{display:flex;color:var(--text-ultra-soft);flex-shrink:0}.dash-status-icon.teal{color:var(--teal)}.dash-status-icon.accent{color:var(--accent)}.dash-status-label{font-size:.78rem;font-weight:600;color:var(--text-secondary)}.dash-status-sep{width:1px;height:24px;background:var(--panel-border-mid);flex-shrink:0}@media(max-width:900px){.dashboard-grid-3{grid-template-columns:1fr 1fr}.dashboard-grid-3>:nth-child(3){grid-column:1 / -1}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:520px){.dashboard-grid-3{grid-template-columns:1fr}.dash-two-col{flex-direction:column}.dash-two-col-sep{width:auto;height:1px;margin:var(--spacing-md) 0}.dash-kpi-value{font-size:1.5rem}.dash-status-sep{display:none}.dash-status-row{gap:var(--spacing-sm) var(--spacing-lg)}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.dash-savings-hero{flex-direction:column;gap:var(--spacing-2xl);padding:var(--spacing-3xl) var(--spacing-2xl) var(--spacing-3xl)}.dash-savings-number{font-size:2rem}.dash-savings-metric--money .dash-savings-number{font-size:2.2rem}.dash-savings-divider{width:80px;height:1px;align-self:center;margin:0;background:linear-gradient(to right,transparent,var(--panel-border-mid),transparent)}}.dash-quota-card{padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-2xl);margin-bottom:var(--spacing-4xl);border-radius:var(--radius-2xl);border:1px solid var(--panel-border);animation:fadeInUp .5s var(--ease-out-expo) backwards;animation-delay:.15s}.dash-quota-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xl)}.dash-quota-month{font-size:.72rem;font-weight:550;color:var(--text-soft);text-transform:capitalize}.dash-quota-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.dash-quota-row{display:flex;flex-direction:column;gap:8px}.dash-quota-account{display:flex;align-items:center;gap:8px}.dash-quota-platform-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.dash-quota-platform-icon svg{width:16px;height:16px}.dash-quota-platform-icon.instagram{color:#e1306c}.dash-quota-platform-icon.linkedin{color:#0a66c2}.dash-quota-username{font-size:.82rem;font-weight:650;color:var(--text-primary)}.dash-quota-plan{font-size:.68rem;font-weight:600;color:var(--text-soft);padding:2px 8px;border-radius:var(--radius-pill);background:var(--surface-ghost);margin-left:4px}.dash-quota-bar-wrap{display:flex;align-items:center;gap:12px}.dash-quota-bar{flex:1;height:8px;border-radius:4px;background:var(--surface-2);overflow:hidden}.dash-quota-fill{height:100%;border-radius:4px;transition:width .8s var(--ease-out-expo);min-width:0}.dash-quota-fill--ok{background:linear-gradient(90deg,var(--teal),var(--teal-soft))}.dash-quota-fill--warn{background:linear-gradient(90deg,var(--accent-strong),var(--accent))}.dash-quota-fill--full{background:linear-gradient(90deg,var(--danger),#f87171)}.dash-quota-count{font-size:.82rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:52px;text-align:right}.dash-quota-count--ok{color:var(--teal)}.dash-quota-count--warn{color:var(--accent)}.dash-quota-count--full{color:var(--danger)}.dash-quota-sep{opacity:.4;font-weight:400;margin:0 1px}@media(max-width:520px){.dash-quota-card{padding:var(--spacing-lg)}}}@layer pages{.sma-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.sma-row{position:relative;display:flex;align-items:center;gap:var(--spacing-md);padding:14px 18px;border-radius:var(--radius-lg);background:var(--surface-1);border:1px solid var(--panel-border);transition:transform .2s ease-out,border-color var(--duration-fast),box-shadow .2s ease-out;animation:fadeInUp .5s var(--ease-out-expo) backwards}.sma-row:hover{transform:translateY(-2px);border-color:var(--panel-border-mid);box-shadow:var(--shadow-md)}.sma-row-info{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.sma-row-top{display:flex;align-items:center;gap:6px}.sma-row-platform{font-size:.92rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em}.sma-row-name{font-size:.82rem;font-weight:500;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sma-row-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.sma-status-pill{display:inline-flex;align-items:center;gap:5px;font-size:.7rem;font-weight:600;color:var(--success)}.sma-status-pill .status-dot{width:7px;height:7px}.sma-type-pill{font-size:.68rem;font-weight:500;color:var(--text-ultra-soft);padding:2px 7px;border-radius:var(--radius-pill);background:var(--surface-2)}.sma-row-identities{display:flex;flex-wrap:wrap;gap:5px;margin-top:2px}.sma-menu-wrap{position:relative;flex-shrink:0}.sma-menu-trigger{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid var(--panel-border);background:var(--surface-ghost);color:var(--text-soft);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart)}.sma-menu-trigger:hover{background:var(--surface-2);color:var(--text-primary);border-color:var(--panel-border-mid)}.sma-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:180px;padding:6px;border-radius:var(--radius-md);background:var(--surface-2);border:1px solid var(--panel-border-mid);box-shadow:var(--shadow-lg);z-index:20;animation:fadeIn .15s var(--ease-out-expo)}.sma-menu-item{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--text-primary);font-size:.82rem;font-weight:550;cursor:pointer;transition:background var(--duration-fast);text-align:left}.sma-menu-item:hover{background:var(--surface-3)}.sma-menu-item.danger{color:var(--danger)}.sma-menu-item.danger:hover{background:#ef444414}.sma-menu-item svg{flex-shrink:0;opacity:.7}.sma-confirm-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);border-radius:var(--radius-xl);background:var(--surface-1);border:1px solid rgba(239,68,68,.2);z-index:10;font-size:.85rem;font-weight:600;color:var(--text-secondary);animation:fadeIn .2s var(--ease-out-expo)}.sma-confirm-actions{display:flex;gap:8px}.sma-add-wrap{display:flex}.sma-add-btn{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--radius-lg);border:2px dashed var(--panel-border-mid);background:transparent;color:var(--text-soft);cursor:pointer;font-size:.84rem;font-weight:600;width:100%;text-align:left;transition:all var(--duration-normal) var(--ease-out-expo)}.sma-add-btn:hover{border-color:var(--accent);color:var(--text-primary);background:#f9731608}.sma-add-btn:disabled{opacity:.5;cursor:wait}.sma-add-plus{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--surface-2);color:var(--text-soft);font-size:1rem;font-weight:400;transition:all var(--duration-fast);flex-shrink:0}.sma-add-btn:hover .sma-add-plus{background:var(--accent);color:#fff}.sma-add-picker{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;animation:fadeIn .2s var(--ease-out-expo)}.sma-add-option{display:flex;align-items:center;gap:10px;padding:14px 20px;border-radius:var(--radius-lg);border:1px solid var(--panel-border);background:var(--surface-ghost);color:var(--text-primary);font-size:.85rem;font-weight:600;cursor:pointer;transition:all var(--duration-normal) var(--ease-out-expo);flex:1;min-width:160px}.sma-add-option:hover{border-color:var(--accent-border);background:var(--accent-bg);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sma-add-option:disabled{opacity:.5;cursor:wait}.sma-add-cancel{padding:8px 14px;border:none;background:transparent;color:var(--text-soft);font-size:.78rem;font-weight:500;cursor:pointer;align-self:center}.sma-add-cancel:hover{color:var(--text-primary)}.sma-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-4xl) var(--spacing-2xl);gap:var(--spacing-xl);animation:fadeInUp .5s var(--ease-out-expo) backwards}.sma-empty-visual{display:flex;align-items:center;gap:var(--spacing-lg)}.sma-empty-visual .social-account-icon{width:44px;height:44px;border-radius:var(--radius-md);opacity:.5;transition:opacity var(--duration-fast)}.sma-empty:hover .social-account-icon{opacity:.75}.social-account-avatar-inline{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0;display:block}.sma-empty-divider{width:1px;height:24px;background:var(--panel-border-mid)}.sma-empty-text{font-size:.88rem;color:var(--text-soft);max-width:340px;line-height:1.6}.sma-empty-actions{display:flex;gap:var(--spacing-md)}.setup-subsection{margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--panel-border)}.setup-inline-row{display:flex;gap:8px;align-items:center}.chip-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:var(--spacing-md)}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--panel-border);font-size:.82rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary);animation:fadeIn .2s var(--ease-out-expo)}.chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border:none;background:none;color:var(--text-ultra-soft);font-size:.65rem;cursor:pointer;border-radius:50%;transition:all var(--duration-fast);padding:0}.chip-remove:hover{color:var(--danger);background:#ef44441a}.chip-add-row{display:flex;gap:8px;align-items:center}.chip-add-row input{flex:1;max-width:200px}.telegram-connected{display:flex;align-items:center;gap:14px;padding:16px 20px;border-radius:var(--radius-lg);background:var(--surface-ghost);border:1px solid var(--panel-border);transition:border-color var(--duration-fast)}.telegram-connected:hover{border-color:var(--panel-border-mid)}.telegram-avatar{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:var(--radius-md);background:var(--icon-bg-teal);color:var(--teal);flex-shrink:0}.telegram-info{flex:1;min-width:0}.telegram-bot-name{font-weight:700;font-size:.92rem}.telegram-bot-status{font-size:.78rem;color:var(--text-soft);margin-top:1px}@media(max-width:520px){.sma-row{flex-wrap:wrap;gap:var(--spacing-sm);padding:16px 18px}.sma-confirm-overlay{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg)}.sma-empty-actions{flex-direction:column;width:100%}.sma-add-picker{flex-direction:column}.sma-add-option{min-width:auto}}}@layer pages{.char-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.char-page-header .page-title{margin-bottom:4px}.char-empty-state{text-align:center;padding:40px 20px}.char-card-list{display:grid;gap:14px}.char-list-card{transition:border-color var(--duration-normal) var(--ease-out-quart);animation:fadeInUp var(--duration-entrance) var(--ease-out-expo) backwards}.char-list-card:nth-child(1){animation-delay:calc(var(--stagger-delay) * 0 + .1s)}.char-list-card:nth-child(2){animation-delay:calc(var(--stagger-delay) * 1 + .1s)}.char-list-card:nth-child(3){animation-delay:calc(var(--stagger-delay) * 2 + .1s)}.char-list-card:nth-child(4){animation-delay:calc(var(--stagger-delay) * 3 + .1s)}.char-list-card.char-active{border-color:#f9731640}.char-card-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.char-card-info{flex:1;min-width:0}.char-card-name{font-size:1rem;font-weight:700;letter-spacing:-.01em}.char-card-meta{font-size:.78rem;color:var(--text-soft);margin-top:2px}.char-training-progress{margin-top:8px}.char-progress-fill-shimmer{position:relative}.char-progress-fill-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);background-size:200% 100%;animation:char-shimmer 1.5s linear infinite}.char-training-failed{margin-top:6px}.char-training-failed-label{font-size:.75rem;font-weight:600;color:var(--danger)}.char-vision-progress{margin-top:8px}.char-vision-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.char-vision-label{font-size:.72rem;color:var(--text-soft)}.char-vision-spinner{width:12px;height:12px;border:2px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;animation:char-spin .8s linear infinite}@keyframes char-spin{to{transform:rotate(360deg)}}.char-toggle-wrap{cursor:pointer;flex-shrink:0}.char-toggle-input{position:absolute;opacity:0;width:0;height:0}.char-toggle-track{display:flex;align-items:center;width:44px;height:24px;border-radius:12px;background:var(--surface-3);border:1px solid var(--panel-border-mid);padding:2px;transition:background var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal)}.char-toggle-track.on{background:var(--accent);border-color:var(--accent-strong)}.char-toggle-track.activating{opacity:.6}.char-toggle-thumb{width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d;transition:transform var(--duration-normal) var(--ease-spring)}.char-toggle-track.on .char-toggle-thumb{transform:translate(20px)}.char-toggle-input:disabled+.char-toggle-track{opacity:.4;cursor:not-allowed}.char-traits-panel{margin-top:var(--spacing-xl);padding-top:var(--spacing-2xl);border-top:none;position:relative}.char-traits-panel:before{content:"";display:block;height:1px;margin-bottom:var(--spacing-xl);background:linear-gradient(90deg,var(--accent),transparent 60%);opacity:.3}.char-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.char-form-grid .field-block span{font-size:.85rem;font-weight:600}.char-field-row{display:flex;align-items:center;gap:8px}.char-field-row .select-field,.char-field-row input[type=text]{flex:1;min-height:42px}.char-slider-row{display:flex;align-items:center;gap:14px}.char-slider{flex:1;height:6px;appearance:none;-webkit-appearance:none;background:var(--surface-2);border-radius:var(--radius-pill);outline:none;cursor:pointer;border:none;transition:background var(--duration-fast)}.char-slider:hover{background:var(--surface-3)}.char-slider::-webkit-slider-runnable-track{height:5px;border-radius:999px}.char-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2.5px solid var(--page-background);box-shadow:0 0 0 1px #f973164d,0 2px 6px #00000040;margin-top:-6.5px;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast)}.char-slider:hover::-webkit-slider-thumb{transform:scale(1.15);box-shadow:0 0 0 3px #f9731626,0 2px 8px #0000004d}.char-slider:active::-webkit-slider-thumb{transform:scale(1.22);box-shadow:0 0 0 5px #f973161f,0 2px 10px #00000059}.char-slider::-moz-range-track{height:5px;border-radius:999px;background:var(--surface-strong);border:none}.char-slider::-moz-range-progress{height:5px;border-radius:999px;background:var(--accent)}.char-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2.5px solid var(--page-background);box-shadow:0 0 0 1px #f973164d,0 2px 6px #00000040;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast)}.char-slider:hover::-moz-range-thumb{transform:scale(1.15);box-shadow:0 0 0 3px #f9731626,0 2px 8px #0000004d}.char-slider:active::-moz-range-thumb{transform:scale(1.22);box-shadow:0 0 0 5px #f973161f,0 2px 10px #00000059}.char-number-input{width:64px;min-height:36px;padding:0 6px;text-align:center;font-size:.82rem;font-family:var(--font-mono);font-weight:500;background:var(--surface);border:1px solid var(--panel-border);border-radius:10px;color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast);-moz-appearance:textfield}.char-number-input::-webkit-inner-spin-button,.char-number-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.char-number-input:hover:not(:focus){border-color:#fff3}:root[data-theme=light] .char-number-input:hover:not(:focus){border-color:#00000026}.char-number-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 2px #f973161a}.char-unit{font-size:.75rem;color:var(--text-soft);min-width:28px;letter-spacing:.01em}.char-reset-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:none;background:var(--surface-ghost);color:var(--text-soft);cursor:pointer;font-size:.75rem;flex-shrink:0;transition:background var(--duration-fast) var(--ease-out-quart),color var(--duration-fast)}.char-reset-btn:hover{background:#ef444426;color:var(--danger)}.char-creator-card{border-top:2px solid rgba(249,115,22,.2);animation:fadeInUp .3s var(--ease-out-expo);margin-bottom:var(--spacing-2xl)}.char-wizard-steps{display:flex;align-items:center;justify-content:center;gap:0;padding:0 0 var(--spacing-2xl);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--panel-border)}.char-wizard-step{display:flex;flex-direction:column;align-items:center;gap:6px;opacity:.4;transition:opacity .3s var(--ease-out-expo)}.char-wizard-step.active,.char-wizard-step.done{opacity:1}.char-wizard-step-circle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--surface-2);color:var(--text-soft);font-size:.72rem;font-weight:700;transition:all .3s var(--ease-out-expo);flex-shrink:0}.char-wizard-step.active .char-wizard-step-circle{background:#f973161a;color:var(--accent);box-shadow:0 0 0 3px #f973161a}.char-wizard-step.done .char-wizard-step-circle{background:var(--success);color:#fff;animation:scaleIn .25s var(--ease-spring)}.char-wizard-step-label{font-size:.68rem;font-weight:600;color:var(--text-soft);transition:color .3s;text-transform:uppercase;letter-spacing:.04em}.char-wizard-step.active .char-wizard-step-label{color:var(--text-primary)}.char-wizard-step.done .char-wizard-step-label{color:var(--text-secondary)}.char-wizard-step-line-wrap{width:48px;height:2px;margin:0 12px 20px}.char-wizard-step-line{width:100%;height:100%;border-radius:1px;background:var(--surface-2);transition:background .4s var(--ease-out-expo)}.char-wizard-step-line.filled{background:var(--success)}.char-wizard-body{animation:fadeInUp .3s var(--ease-out-expo)}.char-wizard-body-center{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--spacing-2xl) 0}.char-wizard-hint{font-size:.78rem;color:var(--text-soft);text-align:center;line-height:1.5;margin:var(--spacing-lg) 0 0}.char-wizard-actions{display:flex;justify-content:center;gap:10px;margin-top:var(--spacing-2xl)}.char-wizard-actions-split{justify-content:space-between}.char-name-field{max-width:420px;margin:0 auto;width:100%}.char-name-label{display:block;font-size:.78rem;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.char-name-input{width:100%;padding:12px 16px;font-size:1rem;background:var(--surface-0);border:1px solid var(--panel-border-mid);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.char-name-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #f9731614}.char-name-input.shake{animation:char-shake .4s ease-in-out;border-color:var(--danger);box-shadow:0 0 0 3px #ef44441f}@keyframes char-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.char-upload-compact{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 20px;min-height:0;margin:0}.char-upload-compact span{font-size:.82rem;font-weight:600}.char-staged-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(68px,1fr));gap:8px;margin:var(--spacing-lg) 0}.char-staged-thumb-wrap{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;animation:scaleIn .25s var(--ease-spring) backwards;animation-delay:calc(var(--i, 0) * 40ms)}.char-staged-thumb{width:100%;height:100%;object-fit:cover;border:1px solid var(--panel-border);border-radius:var(--radius-sm);transition:transform var(--duration-fast),filter var(--duration-fast)}.char-staged-thumb-wrap:hover .char-staged-thumb{transform:scale(1.04);filter:brightness(.75)}.char-staged-remove{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#000000b3;color:#fff;border:none;display:flex;align-items:center;justify-content:center;opacity:0;transform:scale(.8);transition:opacity var(--duration-fast),transform var(--duration-fast) var(--ease-spring),background var(--duration-fast);cursor:pointer}.char-staged-thumb-wrap:hover .char-staged-remove{opacity:1;transform:scale(1)}.char-staged-remove:hover{background:var(--danger)}.char-staged-add{aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:2px dashed var(--panel-border-mid);border-radius:var(--radius-sm);background:transparent;color:var(--text-soft);cursor:pointer;transition:border-color var(--duration-fast),color var(--duration-fast),background var(--duration-fast)}.char-staged-add:hover{border-color:var(--accent);color:var(--accent);background:#f973160a}.char-quality-row{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:var(--spacing-md) 0}.char-quality-badge{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:var(--radius-pill);background:var(--surface-2);font-size:.78rem;font-variant-numeric:tabular-nums}.char-quality-badge-icon{display:flex;opacity:.5}.char-quality-badge-detail{color:var(--text-secondary);font-weight:500}.char-quality-pill{padding:2px 8px;border-radius:var(--radius-pill);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.char-quality-pill.tone-great{background:#84cc1626;color:#84cc16}.char-quality-pill.tone-good{background:#e8a83826;color:#e8a838}.char-quality-pill.tone-warn{background:#f59e0b26;color:#f59e0b}.char-quality-pill.tone-danger{background:#f8717126;color:#f87171}.char-progress-steps{display:grid;gap:var(--spacing-lg);max-width:440px;margin:0 auto}.char-pstep{opacity:.35;transition:opacity .3s var(--ease-out-expo)}.char-pstep.active,.char-pstep.done{opacity:1}.char-pstep-header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.char-pstep-icon{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex-shrink:0;color:var(--text-soft)}.char-pstep.active .char-pstep-icon{color:var(--accent)}.char-pstep.done .char-pstep-icon{color:var(--success)}.char-spinner-sm{width:14px;height:14px;border:2px solid var(--surface-2);border-top-color:var(--accent);border-radius:50%;animation:char-spin .8s linear infinite}.char-pstep-label{font-size:.85rem;font-weight:600;color:var(--text-soft);flex:1}.char-pstep.active .char-pstep-label{color:var(--text-primary)}.char-pstep.done .char-pstep-label{color:var(--text-secondary)}.char-pstep-pct{font-size:.75rem;font-weight:700;color:var(--text-soft);font-variant-numeric:tabular-nums;min-width:36px;text-align:right}.char-pstep.active .char-pstep-pct{color:var(--accent)}.char-pstep.done .char-pstep-pct{color:var(--success)}.char-pstep-bar{height:6px;border-radius:var(--radius-pill);background:var(--surface-2);overflow:hidden}.char-pstep-bar-fill{height:100%;border-radius:var(--radius-pill);background:var(--accent);transition:width .6s var(--ease-out-expo);position:relative}.char-pstep.done .char-pstep-bar-fill{background:var(--success)}.char-pstep-bar-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);background-size:200% 100%;animation:char-shimmer 1.5s linear infinite}.char-pstep.done .char-pstep-bar-fill:after{display:none}.char-pstep-bar-indeterminate{animation:char-indeterminate 1.5s ease-in-out infinite}@keyframes char-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes char-indeterminate{0%{width:10%!important;margin-left:0}50%{width:40%!important;margin-left:30%}to{width:10%!important;margin-left:90%}}.char-pstep-detail{font-size:.72rem;color:var(--text-soft);margin-top:4px;font-variant-numeric:tabular-nums}.char-progress-error{display:flex;align-items:flex-start;gap:12px;padding:var(--spacing-xl);border-radius:var(--radius-md);background:#ef444414;border:1px solid rgba(239,68,68,.2);color:var(--danger)}.char-progress-error-title{margin:0 0 4px;font-size:.88rem;font-weight:700}.char-progress-error-detail{margin:0;font-size:.78rem;color:var(--text-secondary);word-break:break-word}.char-success-icon{width:56px;height:56px;border-radius:50%;background:#10b9811f;color:var(--success);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);animation:char-success-pop .5s var(--ease-spring)}@keyframes char-success-pop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.15)}to{transform:scale(1);opacity:1}}.char-success-title{font-size:1.1rem;font-weight:700;margin:0 0 4px;color:var(--text-primary)}.char-success-subtitle{font-size:.82rem;color:var(--text-soft);margin:0 0 var(--spacing-xl)}.char-progress-bar{height:6px;border-radius:var(--radius-pill);background:var(--surface-2);overflow:hidden;margin-bottom:6px}.char-progress-fill{height:100%;border-radius:var(--radius-pill);background:var(--accent);transition:width .4s var(--ease-out-expo)}.trait-select-wrap{position:relative;flex:1;min-width:0}.trait-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;border:1px solid var(--panel-border);border-radius:var(--radius-sm);background:var(--input-bg, var(--surface-0));color:var(--text-primary);font-size:.85rem;cursor:pointer;transition:border-color var(--duration-fast);text-align:left;gap:8px;min-height:36px}.trait-select-trigger:hover{border-color:var(--panel-border-mid)}.trait-select-trigger.open{border-color:var(--accent)}.trait-select-chevron{flex-shrink:0;opacity:.4;transition:transform .15s}.trait-select-trigger.open .trait-select-chevron{transform:rotate(180deg)}.trait-select-value{display:flex;align-items:center;gap:8px;min-width:0}.trait-select-placeholder{color:var(--text-soft)}.trait-select-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:220px;overflow-y:auto;background:var(--surface-1);border:1px solid var(--panel-border-mid);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);z-index:50;padding:4px;animation:fadeInPage .15s ease-out}.trait-select-option{display:flex;align-items:center;gap:8px;width:100%;padding:7px 8px;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--text-primary);font-size:.82rem;cursor:pointer;text-align:left;transition:background var(--duration-fast)}.trait-select-option:hover{background:var(--surface-ghost)}.trait-select-option.active{background:#f9731614;color:var(--accent);font-weight:600}.trait-dot{display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0;border:1px solid rgba(255,255,255,.15)}.trait-svg-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;opacity:.7}.trait-select-option.active .trait-svg-icon{opacity:1;color:var(--accent)}.trait-symbol{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;font-size:.85rem;line-height:1}.char-thumb-grid{display:flex;gap:8px;margin:12px 0 16px;flex-wrap:wrap}.char-thumb{width:56px;height:56px;border-radius:var(--radius-sm);object-fit:cover;border:1px solid var(--panel-border);transition:transform var(--duration-fast) var(--ease-out-quart)}.char-thumb:hover{transform:scale(1.06)}.char-thumb-more{display:flex;align-items:center;justify-content:center;background:var(--surface-ghost);color:var(--text-soft);font-size:.78rem;font-weight:700}.char-traits-toggle{width:100%;justify-content:center;padding:10px;border-radius:var(--radius-md);font-size:.84rem;font-weight:600}.char-upload-zone{animation:fadeInUp .25s var(--ease-out-expo);margin-bottom:var(--spacing-2xl)}.customer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-lg)}.customer-card{display:grid;gap:var(--spacing-lg)}.customer-card-name{margin:0;font-weight:800;font-size:1.3rem;letter-spacing:-.02em}.char-limit-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);font-size:.75rem;font-weight:600;color:var(--text-soft);background:var(--surface-2);letter-spacing:.02em;font-variant-numeric:tabular-nums}.char-page-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;padding-top:6px}.char-card-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.char-delete-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:none;background:transparent;color:var(--text-soft);cursor:pointer;transition:background var(--duration-fast),color var(--duration-fast);opacity:.4}.char-delete-btn:hover:not(:disabled){background:#ef44441f;color:var(--danger);opacity:1}.char-delete-btn:disabled{opacity:.15;cursor:not-allowed}.char-delete-btn.deleting{opacity:.6;animation:char-spin .8s linear infinite}.char-modal-overlay{position:fixed;inset:0;z-index:100;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeIn .15s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.char-modal{background:var(--surface-1);border:1px solid var(--panel-border-mid);border-radius:var(--radius-xl);padding:var(--spacing-3xl);max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-lg);animation:scaleIn .2s var(--ease-out-expo)}.char-modal-icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg)}.char-modal-icon.danger{background:#ef44441f;color:var(--danger)}.char-modal-title{font-size:1.05rem;font-weight:700;margin:0 0 4px;color:var(--text-primary)}.char-modal-name{font-size:.88rem;font-weight:600;color:var(--accent);margin:0 0 var(--spacing-md)}.char-modal-warn{font-size:.78rem;color:var(--text-secondary);line-height:1.5;margin:0 0 var(--spacing-xl)}.char-modal-optin{display:flex;align-items:center;gap:12px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);background:#ef44440f;border:1px solid rgba(239,68,68,.15);margin-bottom:var(--spacing-xl);cursor:pointer;text-align:left}.char-modal-optin-label{font-size:.78rem;font-weight:600;color:var(--text-primary);line-height:1.4}.char-modal-actions{display:flex;gap:10px;justify-content:center}.char-modal-delete-btn{display:flex;align-items:center;gap:6px;padding:10px 20px;border-radius:var(--radius-md);border:none;background:var(--danger);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:background var(--duration-fast),opacity var(--duration-fast)}.char-modal-delete-btn:hover:not(:disabled){background:#dc2626}.char-modal-delete-btn:disabled{opacity:.4;cursor:not-allowed}.char-account-assign{display:flex;flex-wrap:wrap;gap:8px;padding:12px 0 4px;margin-top:10px;border-top:1px solid var(--panel-border)}.char-account-card{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 10px;border-radius:var(--radius-lg);border:1px solid var(--panel-border);background:var(--surface-1);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart);-webkit-user-select:none;user-select:none;font:inherit;color:var(--text-primary);text-align:left}.char-account-card:hover:not(.disabled){transform:translateY(-1px);box-shadow:var(--shadow-sm)}.char-account-card.instagram{border-color:#e1306c33}.char-account-card.instagram:hover:not(.disabled){border-color:#e1306c66}.char-account-card.instagram.selected{border-color:#e1306c8c;box-shadow:0 0 0 1px #e1306c33}.char-account-card.linkedin{border-color:#0a66c233}.char-account-card.linkedin:hover:not(.disabled){border-color:#0a66c266}.char-account-card.linkedin.selected{border-color:#0a66c28c;box-shadow:0 0 0 1px #0a66c233}.char-account-card.disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.char-account-platform-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);flex-shrink:0}.char-account-platform-icon svg{width:14px;height:14px}.char-account-platform-icon.instagram{background:#e1306c1f;color:#e1306c}.char-account-platform-icon.linkedin{background:#0a66c21f;color:#0a66c2}.char-account-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0;border:1px solid var(--panel-border)}.char-account-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.68rem;font-weight:700;flex-shrink:0;color:#fff}.char-account-avatar-placeholder.instagram{background:#e1306c}.char-account-avatar-placeholder.linkedin{background:#0a66c2}.char-account-name{font-size:.82rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px;flex:1;min-width:0}.char-account-check{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--panel-border-mid);flex-shrink:0;font-size:.65rem;font-weight:700;color:transparent;transition:all var(--duration-fast) var(--ease-out-quart)}.char-account-check.on{background:var(--accent);border-color:var(--accent);color:#fff}@media(max-width:640px){.char-form-grid{grid-template-columns:1fr}}}@layer pages{.account-type-toggle{display:flex;gap:2px;padding:3px;border-radius:var(--radius-md);background:var(--surface-ghost);border:1px solid var(--panel-border);margin-bottom:var(--spacing-2xl);max-width:360px}.account-type-btn{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:10px 20px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-soft);font-size:.82rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart)}.account-type-btn.active{background:var(--surface-1);color:var(--text-primary);box-shadow:var(--shadow-sm)}.account-type-btn:hover:not(.active){color:var(--text-secondary)}.account-type-btn svg{flex-shrink:0;opacity:.6;transition:opacity var(--duration-fast)}.account-type-btn.active svg{opacity:1}.email-card{display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:var(--radius-md);background:var(--surface-ghost);border:1px solid var(--panel-border);margin-top:8px;transition:border-color var(--duration-fast)}.email-card:hover{border-color:var(--panel-border-mid)}.email-address{flex:1;font-size:.88rem;font-weight:600;color:var(--text-primary)}.email-edit-form{display:grid;gap:10px;margin-top:12px}.email-edit-actions{display:flex;gap:8px}.section-actions{display:flex;align-items:center;gap:12px}.profile-header{display:flex;align-items:center;gap:18px;margin-bottom:var(--spacing-2xl);padding:var(--spacing-2xl);border-radius:var(--radius-xl);background:var(--surface-1);border:1px solid var(--panel-border);box-shadow:var(--shadow-xs);animation:fadeInUp .4s var(--ease-out-expo) backwards}.profile-avatar{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent),var(--teal));color:#fff;font-size:1.3rem;font-weight:800;letter-spacing:-.02em;flex-shrink:0;box-shadow:0 4px 12px #f9731633;overflow:hidden}.profile-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-lg)}.profile-info{flex:1;min-width:0}.profile-name{font-size:1.5rem;font-weight:800;letter-spacing:-.03em;margin:0;line-height:1.15}.profile-meta{display:flex;align-items:center;gap:8px;margin-top:4px;color:var(--text-secondary);font-size:.84rem}.pw-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl);position:relative}.pw-grid:after{content:"";position:absolute;left:50%;top:var(--spacing-xl);bottom:var(--spacing-xl);width:1px;background:linear-gradient(to bottom,transparent,var(--panel-border-mid),transparent);transform:translate(-50%);pointer-events:none}.pw-col{display:flex;flex-direction:column;gap:var(--spacing-lg)}.pw-col--current{padding:var(--spacing-xl);border-radius:var(--radius-lg);background:var(--accent-bg);border:1px solid var(--accent-border)}.pw-col--new{padding:var(--spacing-xl);border-radius:var(--radius-lg);background:var(--teal-bg);border:1px solid var(--teal-border)}.pw-col .primary-button{align-self:flex-start;margin-top:auto}.pw-field-icon{flex-shrink:0}.pw-field-icon.orange{color:var(--accent)}.pw-field-icon.teal{color:var(--teal)}@media(max-width:640px){.pw-grid{grid-template-columns:1fr}.pw-grid:after{display:none}}.page-profile .toggle-card{padding:var(--spacing-2xl);padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-md)}.page-profile .form-grid{gap:var(--spacing-md)}.page-profile .form-grid:last-child,.page-profile .trait-grid:last-child{margin-bottom:0}.page-profile .field-label-row svg{opacity:.4}.trait-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:0}.verification-status{display:flex;align-items:center;gap:12px}.trait-pills{display:flex;flex-wrap:wrap;gap:6px}.trait-pill{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-pill);background:var(--surface-ghost);border:1px solid var(--panel-border);font-size:.76rem;font-weight:600;color:var(--text-secondary);transition:border-color var(--duration-fast)}.trait-pill:hover{border-color:var(--panel-border-mid)}@media(max-width:520px){.profile-header{flex-direction:column;text-align:center}}}@layer pages{.preset-counter{font-size:.78rem;font-weight:600;color:var(--text-secondary);padding:4px 12px;border-radius:var(--radius-pill);background:var(--teal-bg);border:1px solid var(--teal-border);transition:transform var(--duration-fast) var(--ease-spring)}.preset-counter strong{color:var(--teal)}.preset-header-desc{font-size:.75rem;font-weight:500;color:var(--text-soft);white-space:nowrap}.preset-section{margin-bottom:var(--spacing-xl)}.preset-section-label{display:flex;align-items:center;gap:6px;font-size:.68rem;font-weight:650;color:var(--text-ultra-soft);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--spacing-sm)}.preset-section-label svg{width:14px;height:14px;opacity:.6}.preset-account-tabs{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.preset-account-tabs::-webkit-scrollbar{display:none}.preset-account-tab{min-width:200px}.preset-account-tab{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-lg);border:1.5px solid var(--panel-border);background:var(--surface-1);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart);text-align:left}.preset-account-tab:hover{border-color:var(--panel-border-mid)}.preset-account-tab.instagram{border-color:#e1306c33}.preset-account-tab.instagram:hover{border-color:#e1306c66}.preset-account-tab.instagram.active{border-color:#e1306c80;background:linear-gradient(135deg,rgba(225,48,108,.06),transparent)}.preset-account-tab.linkedin{border-color:#0a66c233}.preset-account-tab.linkedin:hover{border-color:#0a66c266}.preset-account-tab.linkedin.active{border-color:#0a66c280;background:linear-gradient(135deg,rgba(10,102,194,.06),transparent)}.preset-account-tab-badge{position:relative;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;flex-shrink:0;overflow:visible}.preset-account-tab-badge>svg{width:18px;height:18px}.preset-account-tab-badge.instagram{background:#e1306c1f;color:#e1306c}.preset-account-tab-badge.linkedin{background:#0a66c21f;color:#0a66c2}.preset-account-tab-badge-img{width:100%;height:100%;border-radius:10px;object-fit:cover}.preset-account-tab-platform-pip{position:absolute;bottom:-4px;right:-4px;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface-1)}.preset-account-tab-platform-pip svg{width:10px;height:10px}.preset-account-tab-platform-pip.instagram{background:#e1306c;color:#fff}.preset-account-tab-platform-pip.linkedin{background:#0a66c2;color:#fff}.preset-account-tab-info{display:flex;flex-direction:column;gap:2px;min-width:0}.preset-account-tab-name{font-size:.82rem;font-weight:650;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.preset-account-tab-meta{font-size:.7rem;font-weight:500;color:var(--text-ultra-soft);line-height:1.2}.preset-filters{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 var(--spacing-xl)}.preset-filter-pill{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 16px;border-radius:var(--radius-pill);font-size:.73rem;font-weight:620;letter-spacing:.01em;background:var(--surface-1);border:1px solid var(--panel-border);color:var(--text-soft);cursor:pointer;transition:transform var(--duration-fast) var(--ease-out-quart),box-shadow var(--duration-fast) var(--ease-out-quart),background .2s var(--ease-out-expo),border-color .2s var(--ease-out-expo),color .2s var(--ease-out-expo);white-space:nowrap}.preset-filter-pill:hover{background:var(--surface-2);border-color:var(--panel-border-mid);color:var(--text-secondary);transform:translateY(-2px);box-shadow:0 2px 8px #0000001f}.preset-filter-pill:active{transform:scale(.96) translateY(1px);box-shadow:inset 0 1px 3px #00000026}.preset-filter-pill.active{background:linear-gradient(135deg,#14b8a61f,#14b8a60f);color:var(--teal);border-color:#14b8a64d;box-shadow:0 0 0 1px #14b8a633,0 0 12px #14b8a614}.preset-filter-pill.active:hover{transform:translateY(-2px);box-shadow:0 0 0 1px #14b8a64d,0 4px 16px #14b8a626}.pill-icon{font-size:.9rem;line-height:1}.pill-count{font-size:.65rem;font-weight:700;padding:2px 7px;border-radius:var(--radius-pill);background:#ffffff0f;color:var(--text-ultra-soft)}.preset-filter-pill.active .pill-count{background:#14b8a61f;color:var(--teal)}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-xl)}.preset-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;aspect-ratio:4 / 3;border:2px solid transparent;box-shadow:0 4px 20px #00000040,0 1px 4px #0000001f;transition:transform .3s var(--ease-out-expo),border-color .3s var(--ease-out-expo),box-shadow .3s var(--ease-out-expo);animation:fadeInUp var(--duration-entrance) var(--ease-out-expo) both}.preset-card:hover{transform:scale(1.03) translateY(-2px);box-shadow:0 12px 40px #0006,0 4px 12px #0003}.preset-card:hover .preset-card-img{transform:scale(1.08);filter:brightness(1.05)}.preset-card.selected{border-color:var(--teal);box-shadow:0 0 0 2px var(--teal),0 0 30px #14b8a659,0 8px 32px #14b8a633}.preset-card.selected:hover{box-shadow:0 0 0 2px var(--teal),0 0 36px #14b8a666,0 12px 40px #14b8a640}.preset-card.disabled{opacity:.3;pointer-events:none;filter:grayscale(.5)}img.preset-card-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-out-expo),filter .5s var(--ease-out-expo)}div.preset-card-img{position:absolute;inset:0;width:100%;height:100%}.preset-card-bokeh{position:absolute;inset:0;background:radial-gradient(ellipse 80px 80px at 30% 40%,rgba(255,255,255,.06) 0%,transparent 70%),radial-gradient(ellipse 50px 50px at 65% 55%,rgba(255,255,255,.04) 0%,transparent 70%)}.preset-card-carousel{position:absolute;inset:0;overflow:hidden}.preset-card-carousel img.preset-card-img.preset-card-slide{opacity:0;transition:opacity .6s ease}.preset-card-carousel img.preset-card-img.preset-card-slide.active{opacity:1}.preset-card-dots{position:absolute;bottom:52px;left:50%;transform:translate(-50%);display:flex;gap:5px;z-index:3}.preset-card-dot{width:6px;height:6px;border-radius:50%;background:#ffffff59;border:none;padding:0;cursor:pointer;transition:background .2s,transform .2s}.preset-card-dot.active{background:#ffffffe6;transform:scale(1.3)}.preset-card-dot:hover{background:#ffffffb3}.preset-card-overlay{position:absolute;bottom:0;left:0;right:0;padding:40px 14px 12px;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.55) 50%,transparent 100%);z-index:2}.preset-card-name{font-size:.88rem;font-weight:700;color:#fff;margin:0 0 6px;line-height:1.25;letter-spacing:-.01em;text-shadow:0 1px 4px rgba(0,0,0,.6)}.preset-card-tags{display:flex;flex-wrap:wrap;gap:4px}.preset-tag{font-size:.6rem;padding:2px 7px;border-radius:var(--radius-pill);white-space:nowrap;letter-spacing:.01em;font-weight:550;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.preset-tag--sage{background:#84a98c40;color:#a3c4ab}.preset-tag--ocean{background:#38a3d140;color:#68bde0}.preset-tag--slate{background:#94a3b840;color:#b0bec5}.preset-tag--amber{background:#d9770640;color:#f0a030}.preset-tag--teal{background:#14b8a640;color:#40d4c0}.preset-tag--sunset{background:#fb923c40;color:#ffa870}.preset-tag--gold{background:#eab30840;color:#f0c830}.preset-tag--indigo{background:#818cf840;color:#a0a8f8}.preset-tag--stone{background:#a8a29e40;color:#c0b8b0}.preset-tag--red{background:#ef444440;color:#f08080}.preset-tag--mono{background:#a1a1aa40;color:#b8b8c0}.preset-tag--rose{background:#f472b640;color:#f898c0}.preset-tag--steel{background:#64748b40;color:#90a0b0}.preset-tag--wine{background:#be4b6440;color:#d08898}.preset-tag--neon{background:#a855f740;color:#c0a0f8}.preset-tag--default{background:#71717a40;color:#98989f}.preset-card-check{position:absolute;top:10px;right:10px;width:28px;height:28px;border-radius:50%;background:var(--teal);display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;z-index:3;box-shadow:0 2px 12px #14b8a680;animation:preset-check-in .3s var(--ease-spring)}@keyframes preset-check-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.preset-overlay-backdrop{position:fixed;inset:0;z-index:1000;background:#000000bf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl);animation:fadeIn .2s var(--ease-out-expo)}.preset-overlay{width:100%;max-width:560px;max-height:85vh;overflow-y:auto;border-radius:var(--radius-2xl);background:var(--surface-1);border:1px solid var(--panel-border-mid);box-shadow:var(--shadow-lg);padding:var(--spacing-3xl);animation:scaleIn .3s var(--ease-spring)}.preset-overlay-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-lg)}.preset-overlay-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3;letter-spacing:-.015em}.preset-overlay-close{width:32px;height:32px;border-radius:50%;background:var(--surface-ghost);border:1px solid var(--panel-border);color:var(--text-soft);font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:12px;transition:all var(--duration-fast) var(--ease-out-quart)}.preset-overlay-close:hover{background:var(--surface-2);color:var(--text-primary);transform:rotate(90deg)}.preset-overlay-fields{display:flex;flex-direction:column;gap:var(--spacing-lg)}.preset-detail-field{margin:0}.preset-detail-label{font-size:.68rem;font-weight:650;color:var(--teal);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}.preset-detail-value{font-size:.82rem;color:var(--text-secondary);line-height:1.55}.preset-overlay-tags{display:flex;flex-wrap:wrap;gap:5px}.preset-card-skeleton{aspect-ratio:4 / 3;border-radius:var(--radius-lg);background:var(--surface-2);background-image:linear-gradient(90deg,transparent,rgba(255,255,255,.04),transparent);background-size:200% 100%;animation:shimmer 1.5s infinite}.preset-empty-state{grid-column:1 / -1;text-align:center;padding:var(--spacing-5xl) var(--spacing-2xl);color:var(--text-soft);font-size:.88rem}@media(max-width:520px){.preset-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.preset-filters{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.preset-filters::-webkit-scrollbar{display:none}}}@layer pages{.page-billing{display:flex;flex-direction:column;gap:var(--spacing-lg)}.billing-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg)}.billing-title-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:2px}.billing-title-row .page-title{margin:0}.billing-accounts{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.billing-account-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 14px;border-radius:var(--radius-lg);border:1px solid var(--panel-border);background:var(--surface-ghost);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart)}.billing-account-card:hover{border-color:var(--panel-border-mid);background:var(--surface-subtle)}.billing-account-card.selected{border-color:var(--accent-border);background:var(--accent-bg);box-shadow:0 0 0 1px var(--accent-border)}.billing-account-icons{display:flex;gap:2px}.billing-account-platform{display:flex;align-items:center;color:var(--text-soft)}.billing-account-platform svg{width:14px;height:14px}.billing-account-platform.ig{color:var(--accent-soft)}.billing-account-platform.li{color:var(--teal)}.billing-account-name{font-size:.8rem;font-weight:600;color:var(--text-primary);max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.billing-account-card .badge{font-size:.68rem;min-height:24px;padding:0 6px}.billing-account-meta{font-size:.7rem;color:var(--text-soft);font-weight:500}.billing-plan-account{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.billing-mode-strip{display:flex;align-items:center;gap:var(--spacing-sm);padding:8px 16px;border-radius:var(--radius-md);background:var(--surface-subtle);font-size:.82rem;color:var(--text-secondary)}.billing-mode-dot{width:8px;height:8px;border-radius:50%;background:var(--text-ultra-soft);flex-shrink:0}.billing-mode-dot.active{background:var(--success);box-shadow:0 0 0 3px #10b9811f}.billing-mode-label{font-weight:650;color:var(--text-primary)}.billing-mode-detail{color:var(--text-soft)}.billing-current-plan{border:1px solid var(--panel-border-mid);border-radius:var(--radius-xl);background:var(--surface-1);padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.billing-current-plan.instagram{border-color:#e1306c4d}.billing-current-plan.linkedin{border-color:#0a66c24d}.billing-plan-header{display:flex;align-items:center;gap:var(--spacing-sm)}.billing-plan-badge{display:inline-flex;align-items:center;gap:6px;margin-left:auto;padding:5px 14px;border-radius:var(--radius-pill);background:linear-gradient(135deg,#14b8a61f,#14b8a60f);border:1px solid rgba(20,184,166,.25);font-size:.82rem;font-weight:650;color:var(--teal);white-space:nowrap}.billing-plan-limits{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.billing-limit{display:inline-flex;align-items:center;gap:3px;padding:4px 10px;border-radius:var(--radius-pill);background:var(--surface-ghost);border:1px solid var(--panel-border);font-size:.78rem;color:var(--text-secondary)}.billing-limit strong{color:var(--teal);font-weight:700}.billing-plan-features{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--spacing-xs) var(--spacing-xl);font-size:.8rem;color:var(--text-secondary)}.billing-plan-features li{display:flex;align-items:center;gap:4px}.billing-plan-period{font-size:.75rem;color:var(--text-soft)}.billing-toggle-row{display:flex;justify-content:center}.billing-trial-banner{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-2xl);border-radius:var(--radius-xl);border:1px solid var(--teal-border);background:var(--teal-bg);flex-wrap:wrap}.billing-trial-text{font-size:.85rem;font-weight:600;color:var(--teal)}.billing-social-accounts{display:flex;flex-direction:column;gap:var(--spacing-md)}.billing-section-title{display:flex;align-items:center;gap:var(--spacing-md);font-size:.95rem;font-weight:700;color:var(--text-primary);letter-spacing:-.01em;margin:0}.billing-section-title>svg{width:14px;height:14px;opacity:.6;flex-shrink:0}.billing-section-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);flex-shrink:0}.billing-section-icon.orange{background:var(--icon-bg-orange);color:var(--accent)}.billing-section-icon.teal{background:var(--icon-bg-teal);color:var(--teal)}.billing-section-icon.gray{background:var(--icon-bg-gray);color:var(--text-soft)}.billing-social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-md)}.social-account-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--panel-border);background:var(--surface-1);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart);text-align:left}.social-account-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-sm)}.social-account-card.instagram{border-color:#e1306c40}.social-account-card.instagram:hover{border-color:#e1306c73}.social-account-card.instagram.selected{border-color:#e1306c99;box-shadow:0 0 0 1px #e1306c40}.social-account-card.linkedin{border-color:#0a66c240}.social-account-card.linkedin:hover{border-color:#0a66c273}.social-account-card.linkedin.selected{border-color:#0a66c299;box-shadow:0 0 0 1px #0a66c240}.social-account-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);flex-shrink:0}.social-account-icon svg{width:18px;height:18px}.social-account-icon.instagram{background:#e1306c1f;color:#e1306c}.social-account-icon.linkedin{background:#0a66c21f;color:#0a66c2}.social-account-avatar-inline{width:18px;height:18px;border-radius:50%;object-fit:cover;display:inline-block;vertical-align:middle;margin-right:4px}.social-account-avatar-round{width:100%;height:100%;border-radius:50%;object-fit:cover}.social-account-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.social-account-username{font-size:.85rem;font-weight:650;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-account-plan{font-size:.72rem;font-weight:500;color:var(--teal)}.social-account-no-plan{font-size:.72rem;font-weight:500;color:var(--text-ultra-soft)}.social-account-status{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0;transition:all var(--duration-fast)}.social-account-status.active{background:var(--success-bg);color:var(--success)}.social-account-status.inactive{background:var(--surface-2);color:var(--text-soft)}.billing-invoices{display:flex;flex-direction:column;gap:var(--spacing-md)}.invoice-summary{font-size:.78rem;color:var(--text-soft);font-weight:600;font-variant-numeric:tabular-nums}.invoice-toolbar{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.invoice-search{flex:1;min-width:160px;max-width:280px;padding:8px 12px;border-radius:var(--radius-md);border:1px solid var(--panel-border);background:var(--surface-ghost);color:var(--text-primary);font-size:.82rem;outline:none;transition:border-color var(--duration-fast)}.invoice-search:focus{border-color:var(--accent)}.invoice-search::placeholder{color:var(--text-ultra-soft)}.invoice-status-filters{display:flex;gap:4px}.invoice-filter-chip{padding:5px 12px;border-radius:var(--radius-pill);border:1px solid var(--panel-border);background:transparent;color:var(--text-soft);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart)}.invoice-filter-chip:hover{border-color:var(--panel-border-mid);color:var(--text-secondary)}.invoice-filter-chip.active{border-color:var(--accent);background:#f9731614;color:var(--accent)}.invoice-sort-btn{background:none;border:none;color:inherit;font:inherit;cursor:pointer;padding:0;display:flex;align-items:center;gap:4px}.invoice-sort-btn:hover{color:var(--text-primary)}.invoice-table{border:1px solid var(--panel-border);border-radius:var(--radius-lg);overflow:hidden}.invoice-header{display:grid;grid-template-columns:1.2fr 1.2fr 1fr .8fr .5fr;padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-2);font-size:.72rem;font-weight:700;color:var(--text-soft);letter-spacing:.02em;text-transform:uppercase}.invoice-row{display:grid;grid-template-columns:1.2fr 1.2fr 1fr .8fr .5fr;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--panel-border);font-size:.84rem;transition:background var(--duration-fast)}.invoice-row:hover{background:var(--surface-subtle)}.invoice-number{font-weight:600;color:var(--text-primary);font-variant-numeric:tabular-nums}.invoice-date{color:var(--text-secondary)}.invoice-amount{font-weight:650;color:var(--text-primary);font-variant-numeric:tabular-nums}.invoice-status-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-pill);font-size:.72rem;font-weight:600;width:fit-content}.invoice-status-badge.paid{background:var(--success-bg);color:var(--success)}.invoice-status-badge.open{background:var(--accent-bg);color:var(--accent)}.invoice-status-badge.draft{background:var(--surface-2);color:var(--text-soft)}.invoice-status-badge.uncollectible,.invoice-status-badge.void{background:var(--danger-bg);color:var(--danger)}.invoice-download-link{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-sm);color:var(--text-soft);transition:all var(--duration-fast) var(--ease-out-quart)}.invoice-download-link:hover{background:var(--surface-2);color:var(--accent)}.billing-no-accounts,.billing-no-invoices,.billing-no-payment{text-align:center;padding:var(--spacing-xl) var(--spacing-2xl);color:var(--text-soft);font-size:.84rem}.billing-payment-methods{background:var(--surface-1);border:1px solid var(--panel-border);border-radius:var(--radius-xl);padding:var(--spacing-xl) var(--spacing-2xl);box-shadow:var(--shadow-sm)}.billing-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.billing-payment-grid{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.billing-payment-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 16px;border-radius:var(--radius-md);border:1px solid var(--panel-border);background:var(--surface-ghost);font-size:.84rem;transition:border-color var(--duration-fast)}.billing-payment-card:hover{border-color:var(--panel-border-mid)}.billing-payment-card.default{border-color:#14b8a64d}.billing-payment-brand{font-weight:700;text-transform:capitalize;color:var(--text-primary)}.billing-payment-last4{color:var(--text-secondary);font-variant-numeric:tabular-nums;letter-spacing:.05em}.billing-payment-exp{color:var(--text-soft);font-size:.78rem;font-variant-numeric:tabular-nums}@media(max-width:900px){.page-billing .pricing-tier-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.page-billing .pricing-tier-grid{grid-template-columns:1fr}.invoice-header{display:none}.invoice-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);padding:var(--spacing-lg)}.invoice-number{width:100%}.invoice-date,.invoice-amount{font-size:.78rem}}@media(max-width:600px){.billing-accounts{flex-direction:column;align-items:stretch}.billing-account-name{max-width:none}.billing-plan-action-buttons{flex-direction:column;align-items:stretch}.billing-cancel-subtle{align-self:flex-end;margin-left:0}.billing-no-plan-cta{flex-direction:column;text-align:center}.billing-no-plan-info{align-items:center}}.billing-quota-inline{display:flex;align-items:center;gap:12px;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--panel-border)}.billing-quota-bar{flex:1;height:6px;border-radius:3px;background:var(--surface-2);overflow:hidden}.billing-quota-fill{height:100%;border-radius:3px;transition:width .8s var(--ease-out-expo)}.billing-quota-fill--ok{background:linear-gradient(90deg,var(--teal),var(--teal-soft))}.billing-quota-fill--warn{background:linear-gradient(90deg,var(--accent-strong),var(--accent))}.billing-quota-fill--full{background:linear-gradient(90deg,var(--danger),#f87171)}.billing-quota-count{font-size:.78rem;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap;min-width:44px;text-align:right}.billing-quota-count--ok{color:var(--teal)}.billing-quota-count--warn{color:var(--accent)}.billing-quota-count--full{color:var(--danger)}.billing-quota-sep{opacity:.4;font-weight:400;margin:0 1px}.billing-plan-actions{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--panel-border)}.billing-plan-action-buttons{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.billing-cancel-subtle{color:var(--text-soft);border-color:var(--panel-border);font-size:.72rem;margin-left:auto;opacity:.6}.billing-cancel-subtle:hover{opacity:1;color:var(--text-secondary);border-color:var(--panel-border-mid)}.billing-no-plan-cta{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-2xl);border-radius:var(--radius-xl);border:1px dashed var(--panel-border-mid);background:var(--surface-1)}.billing-no-plan-cta.instagram{border-color:#e1306c40}.billing-no-plan-cta.linkedin{border-color:#0a66c240}.billing-no-plan-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.billing-no-plan-account{font-size:.88rem;font-weight:650;color:var(--text-primary)}.billing-no-plan-label{font-size:.75rem;color:var(--text-soft)}.billing-plans-overlay{position:fixed;top:0;right:0;bottom:0;left:var(--sidebar-width, 220px);background:#000000a6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-start;justify-content:center;z-index:100;animation:fadeIn .15s ease-out;padding:var(--spacing-3xl) var(--spacing-lg);overflow-y:auto}.billing-plans-modal{background:var(--surface-1);border:1px solid var(--panel-border-mid);border-radius:var(--radius-2xl);padding:var(--spacing-2xl) var(--spacing-3xl) var(--spacing-2xl);width:100%;overflow:visible;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--spacing-xl);animation:billingModalReveal .25s var(--ease-out-quart);flex-shrink:0}.billing-plans-modal-header{display:flex;align-items:center;justify-content:space-between}.billing-plans-modal-header h3{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0}.billing-plans-modal .billing-toggle-row{margin:0 0 -8px}.billing-plans-modal .pricing-tier-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));padding-top:16px}@keyframes billingModalReveal{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(max-width:900px){.billing-plans-modal{padding:var(--spacing-lg)}.billing-plans-modal .pricing-tier-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.billing-plans-overlay{left:0}}@media(max-width:640px){.billing-plans-modal .pricing-tier-grid{grid-template-columns:1fr}.billing-plans-overlay{padding:var(--spacing-sm)}}.billing-cancel-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .15s ease-out}.billing-cancel-dialog{background:var(--surface-1);border:1px solid var(--panel-border-mid);border-radius:var(--radius-2xl);padding:var(--spacing-3xl);max-width:420px;width:90%;box-shadow:var(--shadow-lg)}.billing-cancel-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-md)}.billing-cancel-text{font-size:.88rem;color:var(--text-secondary);line-height:1.6;margin:0 0 var(--spacing-2xl)}.billing-cancel-buttons{display:flex;gap:10px;justify-content:flex-end}.billing-checkout-dialog{background:var(--surface-1);border:1px solid var(--panel-border-mid);border-radius:var(--radius-2xl);padding:var(--spacing-2xl) var(--spacing-3xl);max-width:480px;width:90%;box-shadow:var(--shadow-lg);animation:billingModalReveal .25s var(--ease-out-quart);display:flex;flex-direction:column;gap:var(--spacing-lg)}.checkout-plan-summary{display:flex;flex-direction:column;gap:4px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);background:var(--surface-ghost);border:1px solid var(--panel-border)}.checkout-plan-header-row{display:flex;align-items:center;justify-content:space-between}.checkout-plan-name{font-size:1rem;font-weight:700;color:var(--text-primary)}.checkout-plan-interval{font-size:.72rem;font-weight:600;color:var(--teal);padding:2px 8px;border-radius:var(--radius-pill);background:#14b8a61a}.checkout-plan-detail{font-size:.82rem;color:var(--text-secondary)}.checkout-plan-price-row{display:flex;align-items:baseline;gap:2px;margin-top:4px}.checkout-plan-price{font-size:1.2rem;font-weight:800;color:var(--teal)}.checkout-plan-period{font-size:.82rem;color:var(--text-soft);font-weight:500}.checkout-plan-billing-date{font-size:.72rem;color:var(--text-soft);margin-top:2px}.checkout-pm-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.checkout-pm-label{font-size:.78rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.checkout-pm-list{display:flex;flex-direction:column;gap:6px}.checkout-pm-card{display:flex;align-items:center;gap:var(--spacing-sm);padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--panel-border);background:var(--surface-ghost);cursor:pointer;transition:border-color var(--duration-fast)}.checkout-pm-card:hover{border-color:var(--panel-border-mid)}.checkout-pm-card.selected{border-color:var(--teal);background:#14b8a60f}.checkout-pm-card input[type=radio]{accent-color:var(--teal);margin:0;flex-shrink:0;width:16px;height:16px}.checkout-pm-card svg{flex-shrink:0}.checkout-pm-info{flex:1;font-size:.84rem;font-weight:600;color:var(--text-primary)}.checkout-pm-brand{text-transform:capitalize}.checkout-pm-exp{font-size:.75rem;color:var(--text-soft);font-variant-numeric:tabular-nums}.checkout-legal-text{font-size:.75rem;color:var(--text-soft);line-height:1.5}.checkout-legal-text a{color:var(--teal);text-decoration:none}.checkout-legal-text a:hover{text-decoration:underline}.checkout-optin{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer}.checkout-optin-text{font-size:.75rem;color:var(--text-soft);line-height:1.5}.checkout-optin-text a{color:var(--teal);text-decoration:none}.checkout-optin-text a:hover{text-decoration:underline}.checkout-toggle{position:relative;width:36px;height:20px;border-radius:10px;border:none;background:var(--surface-2);cursor:pointer;flex-shrink:0;padding:0;transition:background var(--duration-fast)}.checkout-toggle.active{background:var(--teal)}.checkout-optin.missing{border:1px solid var(--accent);border-radius:var(--radius-md);padding:var(--spacing-sm);animation:shake .4s ease}.checkout-missing-banner{padding:8px 14px;border-radius:var(--radius-md);background:#f973161a;border:1px solid rgba(249,115,22,.3);color:var(--accent);font-size:.78rem;font-weight:600;text-align:center;animation:fadeIn .2s ease-out}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.checkout-toggle-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform var(--duration-fast) var(--ease-out-quart);box-shadow:0 1px 3px #0003}.checkout-toggle.active .checkout-toggle-thumb{transform:translate(16px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.pm-manage-modal{max-width:520px;width:100%;padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-2xl)}.pm-manage-modal .sma-modal-header{margin-bottom:var(--spacing-md)}.pm-modal-title{display:flex;align-items:center;gap:var(--spacing-sm)}.pm-modal-title svg{opacity:.5;flex-shrink:0}.pm-modal-close-btn{width:28px;height:28px;border-radius:50%;background:transparent;border:1px solid rgba(255,255,255,.08);color:var(--text-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;flex-shrink:0}.pm-modal-close-btn:hover{background:#ffffff0f;color:var(--text-primary);border-color:#ffffff26}.pm-add-modal{max-width:480px;width:100%;z-index:1001}.pm-modal-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.pm-modal-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-2xl);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-2xl);background:var(--surface-ghost);transition:all var(--duration-fast) var(--ease-out-quart)}.pm-modal-card:hover{border-color:#ffffff1f;background:#ffffff08}.pm-modal-card.default{border-color:#14b8a640;background:#14b8a60a}.pm-card-icon{flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;line-height:0}.pm-card-icon svg{border-radius:var(--radius-md)}.pm-card-info{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.pm-card-brand{font-weight:600;font-size:.9rem;color:var(--text-primary);font-family:SF Mono,Fira Code,monospace;letter-spacing:.3px}.pm-card-expiry{font-size:.75rem;color:var(--text-soft)}.pm-card-default-badge{display:inline-block;font-size:.58rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:#fff;background:linear-gradient(135deg,var(--teal),#0d9488);padding:2px 10px;border-radius:20px;box-shadow:0 1px 4px #14b8a64d;width:fit-content;margin-top:1px}.pm-card-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.pm-delete-confirm{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pm-delete-confirm p{font-size:.8rem;color:var(--text-soft);margin:0}.pm-delete-confirm-actions{display:flex;gap:var(--spacing-sm)}.pm-modal-add-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;margin-top:var(--spacing-lg);padding:var(--spacing-lg);border:1px dashed rgba(255,255,255,.12);border-radius:var(--radius-lg);background:transparent;color:var(--text-secondary);font-size:.85rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-quart)}.pm-modal-add-btn:hover{border-color:var(--accent);color:var(--accent);background:#f973160d}.pm-add-icon{font-size:1.2rem;font-weight:300;line-height:1}.pm-error{color:var(--danger);font-size:.8rem;margin:0 0 var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:#ef444414;border-radius:var(--radius-md)}.pm-add-form{display:flex;flex-direction:column;gap:var(--spacing-xl)}.pm-add-error{color:var(--danger);font-size:.8rem;margin:0}.pm-add-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.ghost-button.danger{color:var(--danger)}.ghost-button.danger:hover{background:#ef444414}.danger-button{background:var(--danger);color:#fff;border:none;border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg);font-size:.8rem;font-weight:500;cursor:pointer;transition:opacity var(--duration-fast)}.danger-button:hover{opacity:.9}.danger-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:640px){.pm-modal-card{flex-direction:column;align-items:stretch}.pm-card-actions{justify-content:flex-end}}}@layer pages{.telegram-setup-steps{display:grid;gap:var(--spacing-sm);padding:0;margin:var(--spacing-lg) 0;list-style:none;counter-reset:step}.telegram-setup-steps li{counter-increment:step;display:flex;align-items:baseline;gap:var(--spacing-sm);color:var(--text-secondary);font-size:.92rem}.telegram-setup-steps li:before{content:counter(step);display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:.75rem;font-weight:700;flex-shrink:0;background:var(--surface-strong);border:1px solid var(--panel-border)}.telegram-setup-steps code{padding:2px 6px;border-radius:6px;background:var(--surface-strong);font-size:.85em}.setup-checklist{display:flex;gap:10px;flex-wrap:wrap;color:var(--text-secondary);font-size:.92rem}.setup-checklist span,.setup-checklist a{padding:8px 12px;border-radius:999px;background:var(--surface-ghost);border:1px solid var(--panel-border);text-decoration:none;color:inherit}.setup-checklist .setup-done{color:var(--teal);border-color:var(--teal-border)}.setup-checklist .setup-open{color:var(--text-soft)}.setup-checklist a:hover{border-color:var(--panel-border-strong);background:var(--surface-accent)}.setup-checklist.large{margin-top:18px}.welcome-guide{padding:var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-xl);border-color:#14b8a626}.welcome-guide:hover{border-color:#14b8a64d}.welcome-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg)}.welcome-brand{display:flex;align-items:center;gap:6px}.welcome-brand-icon{display:block}.welcome-progress{display:flex;align-items:center;gap:var(--spacing-sm)}.welcome-progress-bar{width:80px;height:4px;border-radius:2px;background:var(--surface-strong);overflow:hidden}.welcome-progress-fill{height:100%;border-radius:2px;background:linear-gradient(90deg,var(--teal),var(--teal-soft));transition:width .5s var(--ease-out-expo)}.welcome-progress-label{font-size:.72rem;font-weight:700;color:var(--teal);font-variant-numeric:tabular-nums}.welcome-done-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.welcome-done-pill{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--radius-pill);background:var(--teal-bg);border:1px solid var(--teal-border);font-size:.74rem;font-weight:600;color:var(--teal)}.welcome-steps{list-style:none;padding:0;margin:0;display:grid;gap:var(--spacing-sm)}.welcome-step{display:flex;align-items:center;gap:var(--spacing-md);padding:10px var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--panel-border);background:var(--surface-accent);transition:border-color var(--duration-fast)}.welcome-step:hover{border-color:var(--panel-border-mid)}.welcome-step-indicator{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:.78rem;font-weight:700;flex-shrink:0;background:var(--surface-strong);border:1px solid var(--panel-border-strong);color:var(--text-soft)}.welcome-step-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.welcome-step-label{font-size:.88rem;font-weight:620;color:var(--text-primary)}.welcome-step-note{display:flex;align-items:center;gap:4px;font-size:.72rem;font-weight:500;color:var(--teal);line-height:1.3}.welcome-step-action{flex-shrink:0;font-size:.82rem;min-height:34px;padding:0 var(--spacing-md)}@media(max-width:520px){.welcome-step{flex-wrap:wrap}.welcome-step-action{width:100%}}}@layer pages{.marketing-content{padding:32px 0 18px}.chrome-header{position:sticky;top:0;z-index:30;padding:12px 0}.site-nav,.site-actions,.theme-switcher,.lang-switcher,.footer-actions,.footer-address-links,.footer-bottom-bar{display:flex;align-items:center;gap:12px}.footer-actions,.footer-address-links,.footer-bottom-bar{flex-wrap:wrap}.footer-link-group a,.footer-link-group span,.footer-link-button{color:inherit}.chrome-header-inner{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:center;padding:16px 20px;border-radius:22px;border:1px solid var(--panel-border);background:var(--surface-strong);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand-lockup{display:inline-flex;align-items:center;gap:16px;min-width:0}.brand-icon{height:46px;width:46px;flex-shrink:0}.menu-toggle{display:none;justify-self:end;width:46px;height:46px;padding:0;border-radius:14px;border:1px solid var(--panel-border);background:var(--surface-ghost);position:relative}.menu-toggle span{position:absolute;left:12px;right:12px;height:2px;border-radius:999px;background:var(--text-primary);transition:transform .16s ease,opacity .16s ease,top .16s ease}.menu-toggle span:nth-child(1){top:15px}.menu-toggle span:nth-child(2){top:22px}.menu-toggle span:nth-child(3){top:29px}.menu-toggle.active span:nth-child(1){top:22px;transform:rotate(45deg)}.menu-toggle.active span:nth-child(2){opacity:0}.menu-toggle.active span:nth-child(3){top:22px;transform:rotate(-45deg)}.header-main{display:flex;align-items:center;justify-content:flex-end;gap:32px}.site-nav{margin-left:auto;justify-content:flex-end;flex-wrap:wrap;gap:24px}.nav-link{position:relative;display:inline-flex;align-items:center;min-height:28px;padding:0;color:var(--text-secondary);font-weight:600;transition:color .14s ease}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--teal));transform:scaleX(0);transform-origin:center;transition:transform .16s ease}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}.theme-switcher{gap:2px;padding:3px;border-radius:999px;border:1px solid var(--panel-border);background:var(--surface-ghost)}.theme-option{width:34px;height:34px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--text-secondary);display:inline-grid;place-items:center;font-size:.95rem}.theme-option svg{width:17px;height:17px}.theme-option.active{background:var(--theme-active-bg);color:var(--theme-active-text)}.lang-switcher{gap:1px;padding:2px;border-radius:999px;border:1px solid var(--panel-border);background:var(--surface-ghost)}.lang-option{position:relative;width:28px;height:28px;padding:0;border:0;border-radius:999px;background:transparent;color:var(--text-secondary);display:inline-grid;place-items:center;cursor:pointer;transition:transform .3s cubic-bezier(.34,1.56,.64,1),color .2s}.lang-label{position:relative;z-index:1;font-size:.6rem;font-weight:600;letter-spacing:.02em;line-height:1}.flag-donut{position:absolute;inset:-1px;width:calc(100% + 2px);height:calc(100% + 2px);border-radius:50%;pointer-events:none;opacity:0;transform:scale(.85);transition:opacity .3s,transform .35s cubic-bezier(.34,1.56,.64,1)}.flag-donut-ring{position:absolute;inset:0;border-radius:50%;-webkit-mask:radial-gradient(transparent 54%,#000 57%,#000 100%);mask:radial-gradient(transparent 54%,#000 57%,#000 100%)}.flag-donut-gloss{position:absolute;inset:0;border-radius:50%;-webkit-mask:radial-gradient(transparent 52%,#000 57%,#000 100%);mask:radial-gradient(transparent 52%,#000 57%,#000 100%);background:linear-gradient(180deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.05) 40%,transparent 50%,rgba(0,0,0,.12) 70%,rgba(0,0,0,.25) 100%)}.lang-option.active{transform:perspective(500px) rotateX(8deg) scale(1.04)}.lang-option.active .lang-label{color:var(--text-primary);font-weight:700}.lang-option.active .flag-donut{opacity:1;transform:scale(1)}.site-actions{flex:0 0 auto;margin-left:8px;justify-content:flex-end;flex-wrap:wrap;gap:10px}.user-chip{display:inline-flex;align-items:center;gap:10px;min-height:42px;padding:0 14px 0 10px;border-radius:999px;border:1px solid var(--panel-border);background:var(--surface-ghost);color:var(--text-secondary);font-size:.92rem}.user-chip-mark{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--teal));color:var(--button-text);font-size:.82rem;font-weight:700;overflow:hidden}.user-chip-avatar{width:100%;height:100%;object-fit:cover;border-radius:999px}@media(max-width:1180px){.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.chrome-header-inner{grid-template-columns:auto auto;gap:14px;padding:14px 16px}.header-main{display:none;grid-column:1 / -1;flex-direction:column;align-items:stretch;gap:18px;padding-top:14px;border-top:1px solid color-mix(in srgb,var(--panel-border) 90%,transparent)}.header-main.open{display:flex}.site-nav,.site-actions{width:100%;margin-left:0;justify-content:flex-start}.site-nav{gap:18px}.site-actions{gap:12px}.site-actions .ghost-button,.site-actions .primary-button{flex:1 1 180px}}}@layer pages{@media(hover:hover)and (pointer:fine){.nav-link:hover .nav-link-icon-mark,.nav-link:focus-visible .nav-link-icon-mark{animation:navIconHover .38s cubic-bezier(.22,1,.36,1) both}}.nav-link:active .nav-link-icon-mark{animation:navIconPress .21s cubic-bezier(.34,1.56,.64,1) both}@media(max-width:1180px){.chrome-header-inner{align-items:center;gap:16px;padding:16px 18px;border-radius:28px}.menu-toggle{width:60px;height:60px;border-radius:20px;background:linear-gradient(180deg,#ffffff0d,#ffffff05),#ffffff05;box-shadow:inset 0 1px #ffffff0a,0 18px 36px #0000002e}.menu-toggle span{left:16px;right:16px;height:2.5px}.menu-toggle span:nth-child(1){top:19px}.menu-toggle span:nth-child(2){top:28px}.menu-toggle span:nth-child(3){top:37px}.menu-toggle.active span:nth-child(1),.menu-toggle.active span:nth-child(3){top:28px}.header-main{padding-top:18px;gap:14px}.header-main.open{animation:headerDrawerRise .34s cubic-bezier(.22,1,.36,1) both}.site-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-nav .nav-link:last-child:nth-child(odd){grid-column:1 / -1}.nav-link{min-height:60px;padding:11px 15px;justify-content:flex-start;gap:8px;border-radius:18px;border:1px solid color-mix(in srgb,var(--panel-border) 72%,var(--accent) 28%);background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 14%,transparent),transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 94%,white 6%),color-mix(in srgb,var(--surface-strong) 96%,var(--accent) 4%));box-shadow:inset 0 1px color-mix(in srgb,white 22%,transparent),0 14px 28px #0f172a1f;color:var(--text-primary);font-size:1rem;font-weight:650;letter-spacing:-.01em;white-space:nowrap;overflow:hidden;transition:transform .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,background .18s ease}.nav-link:after{display:none}.site-nav .nav-link-icon{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center}.site-nav .nav-link-icon-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--surface-strong) 80%,var(--accent) 20%),color-mix(in srgb,var(--surface-strong) 86%,var(--teal) 14%));border:1px solid color-mix(in srgb,var(--panel-border) 74%,var(--accent) 26%);color:color-mix(in srgb,var(--text-primary) 82%,var(--accent) 18%);box-shadow:inset 0 1px color-mix(in srgb,white 18%,transparent),0 12px 22px #0f172a1f;transform-origin:center}.site-nav .nav-link-icon-mark svg{width:18px;height:18px}.nav-link:hover,.nav-link:focus-visible{color:var(--text-primary);border-color:color-mix(in srgb,var(--accent) 38%,var(--panel-border));background:radial-gradient(circle at top left,color-mix(in srgb,var(--accent) 18%,transparent),transparent 56%),linear-gradient(180deg,color-mix(in srgb,var(--surface-strong) 92%,white 8%),color-mix(in srgb,var(--surface-strong) 94%,var(--accent) 6%));box-shadow:inset 0 1px color-mix(in srgb,white 24%,transparent),0 18px 34px #0f172a26}.nav-link:active{transform:translateY(0) scale(.988)}.nav-link-label{overflow:hidden;text-overflow:ellipsis}.site-actions{display:grid;gap:12px}.site-actions>.user-chip{width:100%;min-height:54px;justify-content:flex-start;padding:0 16px 0 12px;border-radius:18px}.site-controls-row,.site-entry-row{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.site-controls-row .lang-switcher,.site-controls-row .theme-switcher{width:100%;min-height:60px;justify-content:space-evenly;gap:6px;padding:8px 10px;border-radius:18px;background:linear-gradient(180deg,#ffffff0b,#ffffff05),#ffffff05;box-shadow:inset 0 1px #ffffff0a}.site-controls-row .lang-option{width:32px;height:32px}.site-controls-row .lang-label{font-size:.68rem}.site-controls-row .theme-option{width:38px;height:38px}.site-controls-row .theme-option svg{width:18px;height:18px}.site-entry-row .site-access-button{width:100%;min-width:0;min-height:60px;padding:0 16px;font-size:.98rem}}@media(max-width:760px){.chrome-header-inner{padding:14px 14px 16px}.site-nav,.site-controls-row,.site-entry-row{grid-template-columns:repeat(2,minmax(0,1fr))}.site-nav .nav-link:last-child:nth-child(odd){grid-column:1 / -1}}@media(max-width:420px){.nav-link{min-height:56px;padding:10px 13px;font-size:.94rem;gap:7px}.site-nav .nav-link-icon,.site-nav .nav-link-icon-mark{width:34px;height:34px}.site-nav .nav-link-icon-mark svg{width:17px;height:17px}.site-controls-row .lang-switcher,.site-controls-row .theme-switcher,.site-entry-row .site-access-button{min-height:56px}}}@layer pages{.chrome-footer{margin-top:36px;padding:0 0 34px}.footer-backdrop{padding:34px 0 24px;background:radial-gradient(circle at top right,rgba(255,138,74,.16),transparent 26%),radial-gradient(circle at bottom left,rgba(25,168,156,.14),transparent 24%),linear-gradient(180deg,#12181d,#0b1014);color:#efe7dc}.footer-stage{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:30px;align-items:start;padding-bottom:26px;border-bottom:1px solid rgba(255,255,255,.1)}.legal-hero h1,.legal-card h2{margin:0;font-family:Avenir Next Condensed,Franklin Gothic Medium,sans-serif;letter-spacing:-.03em}.footer-actions{margin-top:0}.footer-backdrop .ghost-button{border-color:#ffffff1f;background:#ffffff0d;color:#efe7dc}.footer-map-panel,.footer-sidebar,.footer-address-copy,.footer-link-group{display:grid;align-content:start;gap:20px;padding:28px;border-radius:30px;border:1px solid var(--panel-border);background:var(--surface-subtle);box-shadow:inset 0 1px 0 var(--surface-accent)}.footer-panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.footer-panel-copy{display:grid;gap:8px}.footer-panel-copy strong,.footer-address-copy strong{font-size:1.15rem;line-height:1.2}.footer-directory{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.footer-address-copy{gap:10px;padding:24px;border-radius:24px}.footer-label{letter-spacing:.08em;text-transform:uppercase;font-size:.74rem;color:#efe7dc8a}.footer-address-copy address{font-style:normal;line-height:1.7;color:#efe7dcd1}.text-link{color:#98efe3;font-weight:700}.footer-link-button{padding:0;border:0;background:transparent;text-align:left;font:inherit;cursor:pointer}.map-route-button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:999px;border:1px solid var(--panel-border-mid);background:var(--surface-light);color:#efe7dc;font-weight:700;white-space:nowrap}.map-route-button:hover{background:var(--panel-border);color:#fff}.footer-map-card{position:relative;width:100%;min-height:420px;border-radius:24px;overflow:hidden;border:1px solid var(--panel-border);background:#182028;box-shadow:inset 0 1px 0 var(--panel-border)}.footer-map-placeholder{display:grid;align-content:center;gap:16px;padding:30px}.footer-map-placeholder strong{font-size:clamp(1.3rem,2.4vw,2rem);line-height:1.06}.footer-map-placeholder p{margin:0;max-width:34ch;color:#efe7dcb8}.footer-map-placeholder-actions{display:flex;flex-wrap:wrap;gap:12px}.footer-map-frame{display:block;width:100%;height:100%;min-height:420px;border:0}.footer-link-group{gap:12px;min-width:0;padding:22px;border-radius:24px;background:#ffffff08}.footer-link-group a,.footer-link-group span,.footer-link-button{color:#efe7dcb8}.footer-link-group a:hover,.text-link:hover,.footer-link-button:hover{color:#fff}.footer-bottom-bar{justify-content:flex-start;gap:12px 18px;padding:24px 0 0;color:#efe7dc94;font-size:.9rem}.footer-signoff{display:inline-flex;align-items:center;gap:5px;color:#efe7dcb3;font-size:.92rem;font-weight:500;letter-spacing:.01em}.footer-copyright{font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.footer-heart{width:11px;height:11px;fill:#fb71854d;color:#fb718585}.footer-heartbeat{display:inline-block;transform-origin:center;animation:footer-heartbeat 3.2s ease-in-out infinite;will-change:transform,opacity,filter}@keyframes footer-heartbeat{0%,42%,to{transform:scale(1);opacity:.72;filter:drop-shadow(0 0 0 rgba(251,113,133,0))}8%{transform:scale(1.12);opacity:.92;filter:drop-shadow(0 0 3px rgba(251,113,133,.18))}13%{transform:scale(.98);opacity:.76;filter:drop-shadow(0 0 1px rgba(251,113,133,.1))}18%{transform:scale(1.18);opacity:1;filter:drop-shadow(0 0 4px rgba(251,113,133,.22))}24%{transform:scale(1);opacity:.72;filter:drop-shadow(0 0 0 rgba(251,113,133,0))}}}@layer pages{@media(max-width:1080px){.chrome-header-inner,.footer-stage,.legal-grid,.scene-grid,.hero,.section-grid,.workflow-grid,.pricing-grid,.roi-grid,.security-banner,.auth-shell,.workspace-shell,.customer-grid,.faq-grid,.onboarding-grid{grid-template-columns:1fr}.workspace-sidebar{position:static}.hero-copy h1,.section-heading h2{max-width:none}.chrome-header-inner{grid-template-columns:auto 1fr}.site-nav,.site-actions,.footer-actions,.footer-address-links,.footer-bottom-bar{justify-content:flex-start}.footer-directory{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.marketing-shell,.workspace-shell,.auth-shell,.legal-shell{width:min(100vw - 18px,100%)}.chrome-header{padding-top:10px}.chrome-header-inner,.legal-hero,.legal-card{padding:22px;border-radius:24px}.site-nav,.site-actions,.theme-switcher,.lang-switcher,.footer-actions,.footer-address-links,.footer-bottom-bar{width:100%}.chrome-header-inner{align-items:center}.menu-toggle{display:inline-flex;align-items:center;justify-content:center}.header-main{display:none;grid-column:1 / -1;flex-direction:column;align-items:stretch;gap:18px}.header-main.open{display:flex}.theme-switcher,.lang-switcher{justify-content:center}.topbar,.workspace-header,.footer,.topbar-nav,.hero-proof,.button-row,.cta-row,.footer-actions,.footer-address-links,.footer-bottom-bar{flex-direction:column;align-items:stretch}.hero-copy,.hero-panel-card,.feature-card,.metric-card,.workflow-step,.pricing-card,.onboarding-card,.auth-panel,.content-card,.customer-card,.security-banner{padding:22px;border-radius:22px}.hero-copy,.hero-headline,.hero-subhead,.section-heading,.feature-card,.workflow-step,.pricing-card,.onboarding-card,.faq-grid article{text-align:center}.story-copy-stack--left{text-align:center;align-items:center;width:100%;justify-self:center}.section-heading,.hero-proof{justify-content:center}.hero-cta{justify-content:center;align-self:center}.eyebrow{text-align:center}.form-grid,.roi-output{grid-template-columns:1fr}.auth-shell{min-height:auto;padding:28px 0 36px}.footer-bottom-bar{padding-top:16px}.footer-map-placeholder-actions,.consent-card,.consent-actions{flex-direction:column;align-items:stretch}.consent-shell{left:12px;right:12px;bottom:12px}.footer-panel-head{align-items:stretch;flex-direction:column}.footer-map-frame,.footer-map-card{min-height:300px}.footer-directory{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.footer-heartbeat{animation:none}}}@layer pages{.marketing-experience{position:relative}.marketing-experience:before,.marketing-experience:after{content:"";position:fixed;inset:auto;z-index:-1;pointer-events:none;filter:blur(80px);opacity:.8}.marketing-experience:before{width:50vw;height:50vw;left:-10vw;top:calc(var(--header-h, 82px) + 100px);background:radial-gradient(circle,rgba(234,88,12,.15),transparent 70%)}.marketing-experience:after{width:40vw;height:40vw;right:-5vw;bottom:0vh;background:radial-gradient(circle,rgba(13,148,136,.12),transparent 70%)}.marketing-story{display:flex;flex-direction:column;padding:0}.story-section{position:relative;min-height:calc(100svh - var(--header-h, 0px));width:100%;display:flex;align-items:flex-start;justify-content:center;padding:0;box-sizing:border-box;background-color:var(--page-background);scroll-margin-top:var(--header-h, 82px)}.story-section+.story-section:before{content:"";position:absolute;top:-1px;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--panel-border-mid) 60%,transparent) 30%,var(--panel-border-mid) 50%,color-mix(in srgb,var(--panel-border-mid) 60%,transparent) 70%,transparent);pointer-events:none}.story-section:nth-child(2n):after{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--teal) 4%,transparent),transparent 70%);pointer-events:none;z-index:0}.story-section:nth-child(odd):not(:first-child):after{content:"";position:absolute;top:0;left:0;right:0;height:200px;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--accent) 3%,transparent),transparent 70%);pointer-events:none;z-index:0}.marketing-page [data-reveal-item]{opacity:0;transform:translate3d(0,var(--reveal-y, 56px),0) scale(var(--reveal-scale-start, .97));transform-origin:50% 100%;will-change:opacity,transform;transition:opacity var(--reveal-duration, .9s) var(--ease-out-expo),transform var(--reveal-duration, .9s) var(--ease-spring)}.marketing-page [data-reveal-item][data-revealed=true]{opacity:1;transform:translateZ(0) scale(1)}.marketing-page [data-reveal-group=hero]{--reveal-duration: 1s;--reveal-scale-start: .97}.marketing-page [data-reveal-group=hero] .story-copy-stack{--reveal-y: 48px;--reveal-duration: 1s}.marketing-page [data-reveal-group=hero] .hero-visual-column{--reveal-y: 64px;--reveal-duration: 1.1s}.marketing-page [data-reveal-group=hero] .hero-cta{--reveal-y: 36px;--reveal-duration: .9s}.marketing-page [data-reveal-group=roi]{--reveal-duration: .95s;--reveal-scale-start: .97}.marketing-page [data-reveal-group=roi] .section-header-centered{--reveal-y: 40px;--reveal-duration: .9s}.marketing-page [data-reveal-group=roi] .roi-comparison-column{--reveal-y: 24px;--reveal-duration: .9s}.marketing-page [data-reveal-group=ablauf]{--reveal-duration: 1s;--reveal-scale-start: .97}.marketing-page [data-reveal-group=ablauf] .section-header-centered{--reveal-y: 40px;--reveal-duration: .9s}.marketing-page [data-reveal-group=ablauf] .toggle-center{--reveal-y: 44px;--reveal-duration: .85s}.marketing-page [data-reveal-group=ablauf] .ablauf-grid>[data-reveal-item]{--reveal-y: 60px;--reveal-duration: 1s}.marketing-page [data-reveal-group=pricing]{--reveal-duration: .95s;--reveal-scale-start: .96}.marketing-page [data-reveal-group=pricing] .section-header-centered{--reveal-y: 40px;--reveal-duration: .9s}.marketing-page [data-reveal-group=pricing] .toggle-center{--reveal-y: 44px;--reveal-duration: .85s}.marketing-page [data-reveal-group=pricing] .pricing-tier-card{--reveal-y: 56px;--reveal-duration: .95s}.marketing-page [data-reveal-group=faq]{--reveal-duration: .85s;--reveal-scale-start: .97}.story-hero-panel,.story-panel{border:1px solid var(--panel-border);border-radius:40px;background:color-mix(in srgb,var(--surface-strong) 60%,transparent);box-shadow:0 0 0 1px inset #ffffff05,var(--shadow-lg);-webkit-backdrop-filter:blur(24px) saturate(180%);backdrop-filter:blur(24px) saturate(180%);overflow:hidden;animation:slideFadeUp .8s cubic-bezier(.16,1,.3,1) both}.marketing-page .story-panel,.marketing-page .story-hero-panel{animation:none}@keyframes slideFadeUp{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.story-hero-panel{display:grid;grid-template-columns:minmax(0,1.46fr) minmax(280px,.54fr);gap:clamp(16px,2vw,28px);padding:clamp(22px,2.7vw,38px);align-items:start}.story-panel{padding:clamp(28px,4vw,48px)}.story-copy-column,.hero-visual-column,.story-copy-stack,.benefit-spotlight,.benefit-card,.flow-card,.trust-card,.faq-card,.footer-brand-column,.footer-cta-column{display:grid;align-content:start}.story-copy-column{gap:14px;max-width:none}.story-copy-stack{gap:8px;max-width:none}.story-copy-stack h1,.story-panel-head h2,.section-heading{margin:0;font-family:SF Pro Display,Inter,Helvetica Neue,Arial,sans-serif;font-weight:720;letter-spacing:-.04em;line-height:.96}.story-subhead{margin:0;font-family:inherit;letter-spacing:-.015em;line-height:1.08}.story-copy-stack h1{font-size:clamp(2.9rem,5.6vw,5.9rem);max-width:12.5ch}.story-subhead{width:min(100%,46ch);max-width:none;font-size:clamp(1.18rem,1.46vw,1.7rem);line-height:.98}.story-hash-accent{display:inline-block;color:var(--accent);animation:story-hash-pulse 2.4s ease-in-out infinite}.story-panel-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:26px;align-items:end;margin-bottom:24px}.story-panel-head h2,.section-heading{font-size:clamp(2rem,3.5vw,3.25rem);letter-spacing:-.042em;line-height:1.04;margin:0 0 12px;max-width:none;text-wrap:balance}.section-heading-gradient{background-image:linear-gradient(135deg,var(--text-primary) 0%,var(--text-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;padding-bottom:4px}.section-header-centered{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto 28px;max-width:800px}.story-panel-head-single h2{max-width:none}.story-lead,.story-panel-copy,.footer-summary,.benefit-spotlight p,.benefit-card p,.flow-card p,.faq-card p,.trust-card p{margin:0;color:var(--text-secondary)}.story-lead{max-width:88ch;font-size:clamp(.96rem,1vw,1.08rem);line-height:1.44}.story-panel-copy{max-width:34ch;justify-self:end;text-wrap:pretty}@media(prefers-reduced-motion:reduce){.marketing-page [data-reveal-item]{opacity:1;transform:none;animation:none;transition:none}}}@layer pages{.story-chip-row,.story-metric-row,.hero-device-top,.preview-badges,.faq-card-grid,.footer-inline-actions,.footer-bottom-bar{display:flex;gap:12px}.story-chip-row{flex-wrap:wrap}.story-chip-row span,.hero-device-pill,.preview-badges span,.approval-pill-row span{display:inline-flex;align-items:center;gap:8px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--panel-border);background:color-mix(in srgb,var(--surface-ghost) 82%,transparent);color:var(--text-secondary);font-size:.9rem}.hero-device-pill svg{width:15px;height:15px}.hero-device-pill.muted{color:var(--text-soft)}.story-metric-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.story-metric-row article,.benefit-spotlight,.benefit-card,.flow-card,.trust-card,.faq-card,.footer-stage{border:1px solid var(--panel-border);background:color-mix(in srgb,var(--surface) 92%,transparent);box-shadow:var(--shadow-lg)}.story-metric-row article{padding:18px;border-radius:24px}.story-metric-row article{display:grid;align-content:start;gap:10px}.story-metric-row span{display:block;color:var(--text-soft);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em}.story-metric-row strong,.benefit-spotlight strong,.benefit-card strong,.flow-card strong,.faq-card strong,.trust-card strong{display:block;margin-top:8px;font-size:clamp(1.35rem,2.2vw,2rem);line-height:1;letter-spacing:-.03em;font-family:Avenir Next Condensed,Franklin Gothic Medium,sans-serif}.story-metric-row p{margin:6px 0 0;color:var(--text-secondary)}.hero-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hero-feature-card{display:grid;grid-template-rows:auto minmax(0,1fr) auto;align-content:start;gap:10px;min-height:276px;padding:14px;border-radius:22px;border:1px solid var(--panel-border);background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--shadow-lg)}.hero-feature-card-head{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.hero-feature-card h3{margin:0;font-size:1rem;letter-spacing:-.02em;text-shadow:var(--text-shadow-h3)}.hero-feature-card>p{margin:0;color:var(--text-secondary);font-size:.98rem;line-height:1.42}}@layer pages{.hero-scroll-hint{position:absolute;bottom:28px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:8px;opacity:.5;transition:opacity .4s ease}.hero-scroll-mouse{width:24px;height:38px;border:2px solid var(--text-soft);border-radius:12px;position:relative}.hero-scroll-wheel{position:absolute;top:7px;left:50%;width:3px;height:7px;margin-left:-1.5px;border-radius:999px;background:var(--text-soft);animation:scrollWheel 2s ease-in-out infinite}@keyframes scrollWheel{0%{opacity:1;transform:translateY(0)}40%{opacity:0;transform:translateY(10px)}41%{opacity:0;transform:translateY(-4px)}60%{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.hero-scroll-hint{display:none}}.hero-device{position:relative;z-index:1;min-height:560px;display:grid;align-content:space-between;gap:18px;padding:24px;border-radius:34px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top right,rgba(255,138,74,.16),transparent 28%),radial-gradient(circle at bottom left,rgba(25,168,156,.18),transparent 32%),linear-gradient(180deg,#10161cf2,#0b1014fa);box-shadow:0 30px 90px #00000057;color:#f6efe6;overflow:hidden}.hero-telegram-preview{min-height:clamp(460px,52svh,620px);padding:0;border:0;background:none;box-shadow:none;overflow:visible;display:grid;place-items:center;align-self:start}.telegram-phone-shell{position:relative;z-index:1;width:100%;max-width:340px;aspect-ratio:9 / 19.5;padding:12px;border-radius:48px;border:1px solid rgba(255,255,255,.15);background:#000;box-shadow:0 40px 100px #0009,inset 0 1px 1px #fff3,inset 0 0 0 2px #ffffff0d;margin:40px auto}.telegram-phone-notch{position:absolute;top:23px;left:50%;z-index:200;width:114px;height:34px;transform:translate(-50%);border-radius:999px;background:#000;box-shadow:inset -4px 0 6px -3px #ffffff26,inset 4px 0 6px -3px #ffffff26}.telegram-phone-screen{position:absolute;inset:12px;border-radius:36px;overflow:hidden;background:#000;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.telegram-phone-screen:after{content:"";position:absolute;top:0;left:0;right:0;height:140px;background:linear-gradient(180deg,#000000b3,#0000);pointer-events:none;z-index:50}.telegram-thread-viewport{position:absolute;inset:60px 0;width:100%;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;transition:bottom .35s cubic-bezier(.2,.8,.2,1)}.telegram-thread-viewport.keyboard-open{bottom:376px}.telegram-thread-viewport::-webkit-scrollbar{display:none}.telegram-thread-track{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;padding-bottom:20px}}@layer pages{.hero-process-post-window,.hero-process-upload-card,.hero-process-bubble,.hero-process-inline-actions,.hero-process-outcome{opacity:0;max-height:0;transform:translateY(10px);overflow:hidden;pointer-events:none;transition:max-height .36s cubic-bezier(.2,.82,.2,1),opacity .28s ease,transform .36s cubic-bezier(.2,.82,.2,1)}.hero-process-demo{opacity:1;max-height:none;transform:none;min-height:146px;padding:12px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:radial-gradient(circle at top right,rgba(255,138,74,.12),transparent 34%),radial-gradient(circle at bottom left,rgba(25,168,156,.1),transparent 36%),linear-gradient(180deg,#10161cfa,#0a0e13fc);box-shadow:inset 0 1px #ffffff0a;overflow:hidden;pointer-events:auto}.hero-process-demo-thread{display:grid;align-content:start;gap:8px;min-height:0}.hero-process-bubble.is-visible,.hero-process-upload-card.is-visible,.hero-process-post-window.is-visible,.hero-process-inline-actions.is-visible,.hero-process-outcome.is-visible{max-height:340px;opacity:1;transform:translateY(0);pointer-events:auto}.hero-process-bubble{display:grid;gap:8px;max-width:92%;padding:10px 12px 8px;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.hero-process-bubble.outgoing{margin-left:auto;background:linear-gradient(135deg,#b258fff5,#885cfff0);color:#f6efe6}.hero-process-bubble.incoming,.hero-process-outcome{background:#3d2f2deb;color:#f6efe6}.hero-process-bubble.status{max-width:none}.hero-process-bubble-head{display:flex;align-items:center;gap:8px;font-size:.8rem;font-weight:700}.hero-process-bubble p,.hero-process-post-copy p,.hero-process-outcome p{margin:0;font-size:.84rem;line-height:1.38}.hero-process-bubble time,.hero-process-upload-meta time,.hero-process-outcome time{justify-self:end;color:#f6efe68a;font-size:.68rem}.hero-process-upload-card{display:grid;gap:0;border-radius:18px;overflow:hidden;border:1px solid rgba(189,120,255,.26);background:#25212af0}.hero-process-upload-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;background:#2c2432fa;color:#f6efe6f5}.hero-process-upload-meta strong{font-size:.8rem}.hero-process-media-visual{position:relative;min-height:126px;overflow:hidden;background:radial-gradient(circle at top right,rgba(238,202,164,.55),transparent 26%),linear-gradient(180deg,#c6ae95,#b68c61 30%,#6e5947 30%,#44362d 62%,#2b2726)}.hero-process-media-visual.compact{min-height:88px}.hero-process-media-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(41,34,31,.2),transparent 20%,transparent 78%,rgba(25,20,18,.14)),linear-gradient(180deg,rgba(255,255,255,.06),transparent 24%,rgba(0,0,0,.2))}.hero-process-media-person{position:absolute;left:50%;bottom:10px;width:64px;height:104px;transform:translate(-50%);border-radius:36px 36px 20px 20px;background:radial-gradient(circle at 50% 14%,#f0d1b8 0 8px,transparent 9px),radial-gradient(circle at 50% 11%,#2b2523 0 16px,transparent 17px),linear-gradient(180deg,#d57a30 0 50%,#bc6b2c 50% 100%);box-shadow:0 10px 18px #0000002e}.hero-process-media-person:before{content:"";position:absolute;left:10px;right:10px;top:22px;height:42px;border-radius:12px;background:#fff4e6e6}.hero-process-media-person:after{content:"";position:absolute;left:-24px;right:-24px;bottom:-8px;height:18px;border-radius:999px;background:#00000029;filter:blur(9px)}.hero-process-media-glow{position:absolute;right:10px;top:12px;width:96px;height:96px;border-radius:999px;background:#ff994838;filter:blur(16px)}.hero-process-composer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:end;margin-top:10px}.hero-process-composer-icon,.hero-process-composer-field{min-height:34px;border:1px solid rgba(255,255,255,.06);background:#11151ce0;color:#f6efe694}.hero-process-composer-icon{width:34px;height:34px;flex-shrink:0;display:inline-grid;place-items:center;align-self:end;border-radius:999px;box-shadow:inset 0 1px #ffffff0a}.hero-process-composer-icon svg{width:16px;height:16px}.hero-process-composer-icon.attach,.hero-process-composer-icon.mic{color:#f6efe6bd}.hero-process-composer-icon.send.ready{color:#fff;border-color:transparent;background:linear-gradient(180deg,#4b94ff,#2f76ef);box-shadow:inset 0 1px #ffffff1f,0 10px 16px #2f76ef42}.hero-process-composer-field{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px 0 12px;border-radius:18px;box-shadow:inset 0 1px #ffffff0a}.hero-process-composer-field.has-draft{min-height:52px;align-items:start;padding-top:9px;padding-bottom:9px;color:#f6efe6eb}.hero-process-composer-text{min-width:0;display:inline-flex;align-items:flex-start;flex-wrap:wrap;gap:1px;line-height:1.26;white-space:normal;word-break:break-word}.hero-process-composer-field:not(.has-draft) .hero-process-composer-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-process-composer-inline-icon{width:16px;height:16px;display:inline-grid;place-items:center;color:#f6efe67a}.hero-process-composer-inline-icon svg{width:16px;height:16px}.hero-process-cursor,.telegram-cursor{width:1px;height:.92em;background:currentColor;animation:blink-cursor 1s steps(1,end) infinite}.hero-process-post-window{border-radius:18px;overflow:hidden;border:1px solid rgba(94,183,255,.14);background:#2a2d3ff0}.hero-process-post-track{transition:transform .7s cubic-bezier(.2,.82,.2,1)}.hero-process-post-copy{display:grid;gap:8px;min-height:102px;padding:12px;background:#2a2d3ffa}.hero-process-post-platform{color:#7baaffeb;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.hero-process-post-hashtags{color:#7baafff5}.hero-process-preview-hint{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;border:1px solid rgba(94,183,255,.12);background:#212534eb;color:#f6efe6f0}.hero-process-preview-thumb{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#ffaa6df0,#19a89ce0)}.hero-process-preview-hint div{display:grid;gap:2px}.hero-process-preview-hint strong{font-size:.88rem}.hero-process-preview-hint>div span{color:#7baafff5;font-size:.76rem}.hero-process-inline-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.hero-process-inline-action{min-height:38px;padding:0 8px;border-radius:14px;border:1px solid rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;font-size:.74rem;font-weight:700;text-align:center;background:#181d23e0}.hero-process-inline-action.approve,.telegram-action.approve{background:#303e2afa}.hero-process-inline-action.edit,.telegram-action.edit{background:#4a3d2afa}.hero-process-inline-action.cancel,.telegram-action.cancel{background:#422424fa}.hero-process-inline-action.is-active,.telegram-action.is-active{border-color:#fff3;transform:translateY(-1px);box-shadow:0 12px 24px #0000002e}.hero-process-outcome{display:grid;gap:8px;padding:12px;border-radius:16px;border:1px solid rgba(255,255,255,.08)}.hero-process-outcome strong{font-size:.88rem}.hero-process-outcome.approve,.telegram-bubble-outcome.approve{background:#303e2afa}.hero-process-outcome.edit,.telegram-bubble-outcome.edit{background:#4a3d2afa}.hero-process-outcome.cancel,.telegram-bubble-outcome.cancel{background:#422424fa}.hero-stage{position:relative;min-height:100%;display:grid;align-items:start;justify-items:end}.hero-orb{position:absolute;border-radius:999px;filter:blur(34px);opacity:.7}.hero-orb-a{width:180px;height:180px;top:8%;right:2%;background:#ff8a4a3d;will-change:transform}.hero-orb-b{width:160px;height:160px;left:-2%;bottom:10%;background:#19a89c33;will-change:transform}}@layer pages{.hero-scene{display:grid;gap:16px;padding:22px}.scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.scene-frame{position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(255,255,255,.08);background:#ffffff0f;min-height:160px;padding:18px}.scene-frame-request{min-height:220px;background:radial-gradient(circle at top left,rgba(255,255,255,.12),transparent 34%),linear-gradient(180deg,#ffffff0f,#ffffff05)}.scene-frame-preview{background:linear-gradient(180deg,#ffffff1a,#ffffff0a)}.scene-frame-approval{background:linear-gradient(180deg,#ff8a4a1f,#ffffff0a)}.scene-label{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:999px;background:#10181c66;color:#f9f5ece0;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.scene-lines{display:grid;gap:12px;margin-top:26px}.scene-lines span,.scene-preview span{display:block;border-radius:999px;background:#ffffff2e;height:14px}.scene-lines span:nth-child(1){width:72%}.scene-lines span:nth-child(2){width:92%}.scene-lines span:nth-child(3){width:54%}.scene-preview{display:grid;gap:10px;margin-top:30px}.scene-preview span:nth-child(1){width:100%}.scene-preview span:nth-child(2){width:74%}.scene-preview span:nth-child(3){width:58%}.scene-pill-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.scene-pill-row span{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#141c1f6b;color:#f9f5ecdb}.scene-approval-mark{width:54px;height:54px;margin-top:24px;border-radius:18px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.2),transparent 44%),linear-gradient(135deg,#ff8a4aeb,#19a89ceb);position:relative}.scene-approval-mark:before,.scene-approval-mark:after{content:"";position:absolute;background:#fffaf2;border-radius:999px}.scene-approval-mark:before{width:12px;height:4px;left:15px;top:28px;transform:rotate(42deg)}.scene-approval-mark:after{width:22px;height:4px;left:22px;top:24px;transform:rotate(-46deg)}}@layer pages{.telegram-phone-statusbar,.telegram-phone-header,.telegram-bubble-head,.telegram-upload-footer,.telegram-preview-footer,.telegram-platform-head,.telegram-action-row{display:flex;align-items:center}.telegram-phone-statusbar{position:absolute;top:0;left:0;right:0;height:57px;padding:0 30px;justify-content:space-between;color:#fff;font-size:.95rem;font-weight:600;letter-spacing:-.02em;z-index:100;pointer-events:none}.telegram-status-icons{display:flex;align-items:center;gap:6px}.telegram-signal-bars{display:inline-flex;align-items:flex-end;gap:2px;height:12px}.telegram-signal-bars i{display:block;width:3px;border-radius:999px;background:currentColor}.telegram-signal-bars i:nth-child(1){height:4px;opacity:.55}.telegram-signal-bars i:nth-child(2){height:6px;opacity:.68}.telegram-signal-bars i:nth-child(3){height:9px;opacity:.84}.telegram-signal-bars i:nth-child(4){height:12px}.telegram-status-dot{width:10px;height:10px;border-radius:999px;border:2px solid currentColor;opacity:.84}.telegram-battery{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:16px;padding:0 4px;border-radius:4px;background:#fff3;color:#fff;font-size:.7rem;font-weight:800;line-height:1}.telegram-phone-header{position:absolute;top:57px;left:0;right:0;z-index:100;justify-content:space-between;gap:8px;padding:4px 16px;background:transparent;pointer-events:none}.telegram-phone-header>*{pointer-events:auto}.telegram-composer-field,.telegram-scroll-down{background:#1c1c1eeb!important;backdrop-filter:saturate(180%) blur(20px)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important;border:.5px solid rgba(255,255,255,.05)!important;box-shadow:0 4px 12px #0000004d!important}.telegram-scroll-down{position:absolute;right:12px;bottom:74px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#8c8594;z-index:90;transition:opacity .3s,transform .3s}.telegram-glass-element{background:#1e1e20bf!important;backdrop-filter:saturate(180%) blur(20px)!important;-webkit-backdrop-filter:saturate(180%) blur(20px)!important;border:.5px solid rgba(255,255,255,.08)!important}.telegram-scroll-down.is-hidden{pointer-events:none}.telegram-scroll-down svg{width:22px;height:22px}.telegram-header-avatar{width:40px;height:40px;border-radius:50%;background:#21cbd1;color:#000;font-weight:700;font-size:1.1rem;display:grid;place-items:center;overflow:hidden}.telegram-thread{display:flex;flex-direction:column;gap:6px;min-height:0;padding:115px 2px 0;width:100%}.telegram-thread>*{flex-shrink:0}.telegram-bubble,.telegram-upload-card,.telegram-preview-card,.telegram-platform-card,.telegram-action-row{opacity:0;max-height:0;transform:translateY(24px) scale(.96);transform-origin:bottom right;overflow:hidden;transition:max-height .45s cubic-bezier(.3,.9,.4,1),opacity .35s ease-out,transform .55s cubic-bezier(.34,1.4,.64,1);pointer-events:none}.telegram-bubble.telegram-bubble-incoming{transform-origin:bottom left}.telegram-bubble.is-visible,.telegram-upload-card.is-visible,.telegram-preview-card.is-visible,.telegram-platform-card.is-visible,.telegram-action-row.is-visible{max-height:520px;opacity:1;transform:translateY(0);pointer-events:auto;margin-bottom:8px}.telegram-bubble{position:relative;max-width:80%;display:flex;flex-direction:column;gap:4px;padding:7px 12px 8px;border-radius:18px;border:none;font-size:17px;line-height:1.35}.telegram-bubble p,.telegram-platform-card p{margin:0;line-height:1.35}.telegram-bubble time,.telegram-upload-card time,.telegram-preview-card time,.telegram-platform-card time{align-self:flex-end;font-size:.65rem;margin-top:-2px;margin-right:-2px}.telegram-bubble-outgoing{align-self:flex-end;background:#2b5278;color:#fff;border-bottom-right-radius:4px}.telegram-bubble-incoming{align-self:flex-start;background:#2a2530;color:#fff;border-bottom-left-radius:4px}.telegram-bubble-outgoing time{color:#ffffffb3}.telegram-bubble-outgoing time:after{content:" ✓✓";letter-spacing:-2px;margin-left:4px;color:#34c759}.telegram-bubble-incoming time{color:#8c8594}.telegram-bubble-compact{gap:6px;padding-top:13px}.telegram-bubble-head{gap:10px;font-weight:700}.telegram-upload-card,.telegram-preview-card,.telegram-platform-card{display:grid;gap:0;border-radius:24px;overflow:hidden;border:1px solid rgba(189,120,255,.28);background:#25212af0;box-shadow:0 18px 38px #0000003d}.telegram-upload-media,.telegram-preview-image{position:relative;min-height:210px;overflow:hidden;background:radial-gradient(circle at top right,rgba(238,202,164,.55),transparent 26%),linear-gradient(180deg,#c6ae95,#b68c61 30%,#6e5947 30%,#44362d 62%,#2b2726)}.telegram-upload-media:before,.telegram-preview-image:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(41,34,31,.2),transparent 20%,transparent 78%,rgba(25,20,18,.14)),linear-gradient(180deg,rgba(255,255,255,.06),transparent 24%,rgba(0,0,0,.2))}.telegram-upload-person,.telegram-preview-figure{position:absolute;left:50%;bottom:18px;width:102px;height:164px;transform:translate(-50%);border-radius:56px 56px 30px 30px;background:radial-gradient(circle at 50% 14%,#f0d1b8 0 12px,transparent 13px),radial-gradient(circle at 50% 11%,#2b2523 0 22px,transparent 23px),linear-gradient(180deg,#d57a30 0 50%,#bc6b2c 50% 100%);box-shadow:0 18px 30px #00000029}.telegram-upload-person:before,.telegram-preview-figure:before{content:"";position:absolute;left:18px;right:18px;top:34px;height:68px;border-radius:18px;background:#fff4e6e6}.telegram-upload-person:after,.telegram-preview-figure:after{content:"";position:absolute;left:-44px;right:-44px;bottom:-8px;height:26px;border-radius:999px;background:#00000029;filter:blur(10px)}.telegram-upload-shadow,.telegram-preview-glow{position:absolute;right:20px;top:22px;width:138px;height:138px;border-radius:999px;background:#ff994838;filter:blur(18px)}.telegram-upload-footer,.telegram-preview-footer{justify-content:space-between;gap:12px;padding:12px 18px;background:#2c2432fa;color:#f6efe6f5}}@layer pages{.telegram-upload-footer strong,.telegram-preview-footer span{font-size:1rem;font-weight:700}.telegram-platform-card{padding:14px 18px 12px;gap:12px;border-color:#5eb7ff24;background:#2a2d3ff0}.telegram-platform-head{gap:12px}.telegram-platform-thumb{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#ffaa6df0,#19a89ce0)}.telegram-platform-head div{display:grid;gap:2px}.telegram-platform-head strong{font-size:1rem}.telegram-platform-head span,.telegram-platform-hashtags{color:#7baafff5}.telegram-platform-hashtags{font-size:.96rem}.telegram-action-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.telegram-action{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 14px;border-radius:18px;border:1px solid rgba(255,255,255,.08);font-weight:700;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.telegram-composer{position:absolute;bottom:0;left:0;right:0;z-index:100;display:flex;align-items:flex-end;gap:8px;padding:8px 12px 24px;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-top:none!important;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.telegram-composer-icon{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#8c8594;background:transparent;border:none!important;outline:none!important;flex-shrink:0}.telegram-composer-icon svg{width:22px;height:22px;opacity:.8}.telegram-composer-icon.send.ready{color:#fff;background:#3390ec;border:none}.telegram-composer-icon.mic{color:#8c8594;transition:all .35s cubic-bezier(.2,.8,.2,1);transform-origin:center right;opacity:1;width:40px}.telegram-composer-icon.mic.is-hidden{opacity:0;width:0;transform:scale(.1);margin-left:-8px;padding:0;border-width:0!important;pointer-events:none}.telegram-composer-field{flex:1;min-height:40px;display:flex;align-items:center;padding:0 16px;border-radius:20px;color:#fff;font-size:17px}.telegram-composer-text{flex:1;line-height:1.2;font-size:1rem}.telegram-composer-field:not(.has-draft) .telegram-composer-text{color:#8e8e93}.telegram-composer-inline-icon{width:32px;height:32px;display:grid;place-items:center;color:#8e8e93;transition:all .35s cubic-bezier(.2,.8,.2,1)}.telegram-composer-inline-icon svg{width:20px;height:20px;transition:transform .35s ease}.telegram-send-circle{width:26px;height:26px;background:#3390ec;border-radius:50%;display:grid;place-items:center;color:#fff;animation:telegram-send-pop .35s cubic-bezier(.34,1.5,.64,1) forwards}.telegram-send-circle svg{width:14px;height:14px;transform:translateY(-.5px) translate(.5px);stroke-width:2.5px}@keyframes telegram-send-pop{0%{transform:scale(.4) rotate(-45deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.telegram-composer-icon.send.ready svg,.hero-process-composer-icon.send.ready svg{transform:translate(1px);width:16px;height:16px}.telegram-home-indicator{position:absolute;bottom:8px;left:50%;transform:translate(-50%);width:134px;height:5px;border-radius:100px;background:#fff;z-index:20}.telegram-action.approve{background:#303e2afa}.telegram-action.edit{background:#4a3d2afa}.telegram-action.cancel{background:#422424fa}.signal-row{display:flex;align-items:center;gap:10px;color:#f6efe6d1}.signal-dot{width:10px;height:10px;border-radius:999px;background:#ff8a4a66;box-shadow:0 0 0 6px #ff8a4a1a}.signal-dot.active{background:#19a89cfa;box-shadow:0 0 0 6px #19a89c1f}.benefit-stage,.trust-grid{display:grid;gap:18px}.benefit-stage,.trust-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}.benefit-spotlight,.trust-card{padding:24px;border-radius:30px}.benefit-spotlight{gap:18px;background:radial-gradient(circle at top right,rgba(255,138,74,.16),transparent 34%),color-mix(in srgb,var(--surface-accent) 90%,transparent)}.spotlight-mark,.benefit-icon{width:48px;height:48px;border-radius:16px;display:inline-grid;place-items:center;background:linear-gradient(135deg,#ff8a4a2e,#19a89c2e);color:var(--text-primary)}.benefit-icon svg,.spotlight-mark svg{width:22px;height:22px}.benefit-icon.small{width:38px;height:38px;border-radius:12px}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.benefit-card,.flow-card,.faq-card{padding:22px;border-radius:26px;gap:14px}.flow-stage{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.flow-rail{position:absolute;left:8%;right:8%;top:42px;height:1px;background:linear-gradient(90deg,transparent,var(--panel-border-strong),transparent)}.flow-card{position:relative}.flow-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.flow-step{font-size:.78rem;font-weight:700;letter-spacing:.12em;color:var(--accent)}}@layer pages{.savings-hint{color:var(--teal);font-size:.75rem;font-weight:700;margin-left:4px}.pricing-interval-bar{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:12px}.pricing-savings-badge{display:inline-flex;align-items:center;padding:4px 14px;border-radius:100px;font-size:.8rem;font-weight:600;color:var(--teal);background:color-mix(in srgb,var(--teal) 12%,transparent);border:1px solid color-mix(in srgb,var(--teal) 24%,transparent)}.pricing-trial-banner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:24px;border-radius:24px;border:1px solid var(--accent);background:var(--surface-ghost);margin-bottom:8px}.pricing-trial-banner strong{font-size:1.15rem;color:var(--accent)}.pricing-trial-banner p{margin:4px 0 0;color:var(--text-secondary);font-size:.95rem}.pricing-tier-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;overflow:visible;padding-top:16px}.pricing-tier-card{position:relative;display:flex;flex-direction:column;gap:12px;padding:28px 24px;border-radius:28px;border:1px solid var(--panel-border);background:linear-gradient(180deg,#ffffff06,#ffffff03),var(--surface-1);box-shadow:0 18px 40px #0000002e;transition:transform .28s var(--ease-out-expo),border-color .28s var(--ease-out-expo),box-shadow .28s var(--ease-out-expo);overflow:visible;min-width:0}.pricing-tier-card:hover{transform:translateY(-6px);border-color:var(--panel-border-strong);box-shadow:0 28px 56px #00000047,0 0 0 1px var(--panel-border-mid)}.pricing-tier-card.featured:hover{box-shadow:0 28px 56px #00000047,0 0 24px color-mix(in srgb,var(--accent) 15%,transparent)}.pricing-tier-card.featured{border-color:color-mix(in srgb,var(--accent) 40%,transparent);background:radial-gradient(ellipse at top,color-mix(in srgb,var(--accent) 10%,transparent),transparent 62%),linear-gradient(180deg,#ffffff09,#ffffff03),var(--surface-1);box-shadow:0 22px 48px #00000038,0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.pricing-popular-badge{position:absolute;top:-12px;right:auto;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:100px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--button-text);background:linear-gradient(135deg,var(--accent),var(--accent-strong));white-space:nowrap;box-shadow:0 6px 18px #ea580c40;z-index:2}.pricing-popular-badge:before{content:"★";display:inline-block;animation:popularStarSpin 2s ease-in-out infinite}@keyframes popularStarSpin{0%,to{transform:rotate(0) scale(1)}50%{transform:rotate(15deg) scale(1.2)}}.pricing-toggle-wrap{display:inline-flex;flex-direction:column;align-items:stretch;background:var(--surface-strong);border-radius:12px;border:1px solid var(--panel-border);overflow:hidden;max-width:100%}.pricing-toggle-wrap .pricing-toggle-buttons{display:flex;flex-wrap:wrap;padding:3px}.pricing-toggle-wrap .pricing-toggle-buttons .input-mode-btn{border-radius:10px}.pricing-savings-banner{display:flex;align-items:center;justify-content:center;gap:4px;height:0;overflow:hidden;opacity:0;transition:height .25s cubic-bezier(.4,0,.2,1),opacity .2s ease,padding .25s ease;background:color-mix(in srgb,var(--teal) 10%,transparent);border-top:1px solid color-mix(in srgb,var(--teal) 15%,transparent);color:var(--teal);font-size:.75rem;font-weight:600;padding:0}.pricing-savings-banner--visible{height:28px;padding:4px 16px;opacity:1}.pricing-savings-icon{font-size:.8rem}@keyframes pricingBadgePulse{0%,to{box-shadow:0 0 8px color-mix(in srgb,var(--accent) 30%,transparent);transform:translate(-50%) scale(1)}50%{box-shadow:0 0 20px color-mix(in srgb,var(--accent) 60%,transparent);transform:translate(-50%) scale(1.05)}}.pricing-tier-name{font-family:SF Pro Display,Inter,Helvetica Neue,Arial,sans-serif;font-size:1.5rem;font-weight:700;letter-spacing:-.025em;margin:0;color:var(--text-primary)}.pricing-post-toggle{display:flex;gap:6px;flex-wrap:wrap}.pricing-post-toggle button{appearance:none;border:1px solid var(--panel-border);background:transparent;color:var(--text-secondary);padding:6px 14px;border-radius:12px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .16s ease}.pricing-post-toggle button:hover{border-color:var(--panel-border-strong);color:var(--text-primary)}.pricing-post-toggle button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent);font-weight:600}.pricing-custom-input{display:flex;flex-direction:column;gap:10px}.pricing-slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:var(--panel-border-strong);outline:none}.pricing-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--accent);cursor:pointer;box-shadow:0 2px 8px #0006;transition:transform .12s ease}.pricing-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.pricing-custom-number{display:flex;align-items:center;gap:8px}.pricing-custom-number input{width:72px;padding:6px 10px;border-radius:12px;border:1px solid var(--panel-border-strong);background:var(--surface);color:var(--text-primary);font-size:.95rem;font-weight:600;text-align:center;outline:none}.pricing-custom-number input:focus{border-color:var(--accent)}.pricing-custom-number span{color:var(--text-soft);font-size:.85rem}.pricing-tier-price{display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums;min-height:3rem}.pricing-amount{font-size:clamp(2rem,3vw,2.6rem);font-weight:800;color:var(--text-primary);line-height:1}.pricing-period{font-size:.9rem;color:var(--text-soft)}.pricing-billing-total{margin-top:4px;font-size:.78rem;font-weight:600;color:var(--accent)}.pricing-toggle-row{display:flex;align-items:center;gap:8px;align-self:flex-start;flex-wrap:wrap}.pricing-post-label{font-size:.82rem;font-weight:600;color:var(--text-soft);-webkit-user-select:none;user-select:none}.pricing-info-trigger{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:.6rem;font-weight:700;font-style:italic;color:var(--text-soft);border:1px solid rgba(255,255,255,.12);border-radius:50%;cursor:help;opacity:.4;transition:opacity .2s,border-color .2s,color .2s}.pricing-info-trigger:hover{opacity:1;border-color:var(--accent);color:var(--accent)}.pricing-info-tooltip{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:170px;padding:10px 14px;border-radius:12px;background:var(--surface-strong);border:1px solid var(--panel-border);box-shadow:0 8px 24px #00000073;text-align:center;white-space:nowrap;z-index:100;pointer-events:none}.pricing-info-tooltip:before{content:"";position:absolute;bottom:100%;right:6px;border:6px solid transparent;border-bottom-color:var(--panel-border)}.pricing-info-trigger:hover .pricing-info-tooltip{display:flex;flex-direction:column;gap:2px}.pricing-info-headline{font-size:.95rem;font-weight:800;color:var(--text-primary);font-style:normal}.pricing-info-calc{font-size:.72rem;color:var(--text-soft);font-style:normal}.pricing-info-detail{font-size:.65rem;color:#ffffff59;font-style:normal}.pricing-feature-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;flex:1}.pricing-feature-list li{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary);line-height:1.3}.pricing-feature-list li .pfl-check{flex-shrink:0;color:var(--teal)}}@layer pages{.pfi{position:relative;display:inline-flex;align-items:center;height:14px;min-width:13px;flex-shrink:0;color:var(--text-soft)}.pfi-s{position:absolute;top:0}.pricing-trial-promo{position:relative;margin-top:auto;display:grid;gap:6px;padding:13px 14px 12px;border-radius:14px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);background:radial-gradient(ellipse at top left,color-mix(in srgb,var(--accent) 10%,transparent),transparent 70%),color-mix(in srgb,var(--surface-strong) 60%,transparent)}.pricing-trial-promo-top{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;margin-bottom:0;flex-wrap:nowrap}.pricing-trial-promo-badge{display:inline-block;padding:2px 10px;border-radius:20px;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;color:var(--surface-base);background:var(--accent)}.pricing-trial-promo-images{min-width:0;font-size:.67rem;letter-spacing:-.01em;color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:right}.pricing-trial-promo-headline{font-size:.84rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.14;white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.pricing-addons-trigger{appearance:none;display:block;margin:20px auto 0;padding:12px 32px;border-radius:100px;border:1px solid var(--panel-border-strong);background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .18s ease}.pricing-addons-trigger:hover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent)}.pricing-modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .18s ease}.pricing-modal{width:90%;max-width:520px;border-radius:28px;border:1px solid var(--panel-border-strong);background:var(--surface-strong);box-shadow:var(--shadow-lg);overflow:hidden;animation:slideUp .26s cubic-bezier(.16,1,.3,1)}.pricing-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px 0}.pricing-modal-header h3{margin:0;font-size:1.3rem;color:var(--text-primary)}.pricing-modal-close{appearance:none;border:none;background:none;font-size:1.8rem;color:var(--text-soft);cursor:pointer;line-height:1;padding:0 4px}.pricing-modal-close:hover{color:var(--text-primary)}.pricing-modal-body{padding:20px 28px 28px;display:flex;flex-direction:column;gap:14px}.pricing-addon-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-radius:20px;border:1px solid var(--panel-border);background:var(--surface)}.pricing-addon-card strong{font-size:1.05rem;color:var(--text-primary)}.pricing-addon-card p{margin:4px 0 0;font-size:.85rem;color:var(--text-secondary)}.pricing-addon-price{font-size:1.3rem;font-weight:700;color:var(--text-primary);white-space:nowrap}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:1024px){.pricing-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-info-tooltip{min-width:200px;white-space:normal}}@media(max-width:640px){.pricing-tier-grid{grid-template-columns:1fr}.pricing-tier-card{padding:24px 20px}.pricing-toggle-wrap .pricing-toggle-buttons{flex-wrap:wrap}.pricing-tier-price{flex-wrap:wrap;gap:4px 8px}.pricing-period{width:100%}.pricing-info-trigger{top:14px;right:14px}}.trust-card-featured{background:radial-gradient(circle at top right,rgba(255,138,74,.14),transparent 32%),color-mix(in srgb,var(--surface-accent) 90%,transparent)}.faq-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.faq-card strong{font-size:1.35rem}.chrome-header{padding:10px 0 0}.chrome-header-inner{padding:12px 16px;border-radius:24px;background:color-mix(in srgb,var(--surface-strong) 88%,transparent)}.brand-lockup{gap:6px}.site-nav{margin-left:auto;justify-content:flex-end;gap:22px}.nav-link{font-size:.95rem}.chrome-footer{margin-top:26px;padding:0}.footer-backdrop{width:100%;padding:28px 0 20px;background:linear-gradient(180deg,#0a0e12f0,#10161cfa);color:#f6efe6;border-top:1px solid rgba(255,255,255,.06)}.footer-shell{width:min(calc(100vw - 24px),1860px);margin:0 auto}.footer-stage{grid-template-columns:minmax(340px,1.25fr) auto auto;gap:42px;padding:34px 34px 24px;border-radius:40px;align-items:start;background:radial-gradient(circle at top right,rgba(255,138,74,.08),transparent 28%),radial-gradient(circle at bottom left,rgba(25,168,156,.08),transparent 26%),#ffffff05;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px #ffffff08}.footer-brand-column{gap:14px;min-width:0}.footer-brand-lockup{display:inline-flex;align-items:center;gap:14px}.footer-brand-logo{width:48px;height:48px;border-radius:16px;object-fit:cover;box-shadow:0 12px 26px #00000038}.footer-brand-copy{display:grid;gap:2px}.footer-brand-copy strong{font-size:1rem;line-height:1}.footer-brand-copy span{color:#f6efe69e;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.footer-summary{max-width:42ch;color:#f6efe6bd}.footer-inline-address{display:grid;gap:4px;font-style:normal;color:#f6efe6b8}.footer-inline-address strong{color:#f6efe6}.footer-inline-actions{flex-wrap:wrap}.footer-directory{display:grid;grid-template-columns:repeat(2,minmax(140px,auto));gap:34px;align-items:start}.footer-link-group{min-width:140px;padding:0;gap:12px;border:0;border-radius:0;background:transparent;box-shadow:none}.footer-link-group a,.footer-link-group span,.footer-meta-button{color:#f6efe6b8}.footer-cta-column{gap:14px;justify-items:start;min-width:280px}.footer-actions{margin-top:0}.footer-actions-column{display:grid;gap:12px}.footer-actions-column .ghost-button,.footer-actions-column .primary-button{width:100%;min-width:220px}.footer-bottom-bar{display:flex;justify-content:flex-start;align-items:center;gap:14px;padding:14px 8px 0}.footer-meta-button{padding:0;border:0;background:transparent;font:inherit;cursor:pointer}.footer-meta-button:hover,.footer-link-group a:hover,.footer-meta-button:focus-visible{color:var(--text-primary)}}@layer pages{.footer-text-link{all:unset;color:var(--text-secondary);font:inherit;cursor:pointer;transition:color .15s}.footer-text-link:hover{color:var(--text-primary)}.consent-card--compact{max-width:860px;align-items:center;gap:18px}.consent-card--compact .consent-copy{flex:1;min-width:0}.consent-card--compact .consent-copy p{margin:0;font-size:.88rem}.consent-card--compact .consent-actions{flex-shrink:0}.consent-card--full{flex-direction:column;align-items:stretch;gap:14px;max-width:520px}.consent-header{display:flex;align-items:center;justify-content:space-between}.consent-header strong{font-size:1.1rem}.consent-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;border-radius:8px;cursor:pointer;transition:background .15s}.consent-close:hover{background:#ffffff14}.consent-legal-ref{font-size:.8rem!important;color:var(--text-soft)!important}.consent-legal-ref a{color:var(--accent);text-decoration:underline}.consent-categories{display:flex;flex-direction:column;gap:2px;border-radius:14px;overflow:hidden;border:1px solid var(--panel-border)}.consent-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;background:#ffffff05;cursor:pointer;transition:background .15s}.consent-toggle-row:hover{background:#ffffff0a}.consent-toggle-row+.consent-toggle-row{border-top:1px solid var(--panel-border)}.consent-toggle-text{display:flex;flex-direction:column;gap:3px;flex:1;min-width:0}.consent-toggle-text strong{font-size:.92rem;color:var(--text-primary)}.consent-toggle-text span{font-size:.8rem;color:var(--text-soft);line-height:1.4}.consent-switch{position:relative;flex-shrink:0;width:44px;height:24px}.consent-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;z-index:1}.consent-switch--disabled input{cursor:not-allowed}.consent-switch-track{display:block;width:100%;height:100%;border-radius:12px;background:#ffffff1f;transition:background .2s;position:relative}.consent-switch-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:var(--text-secondary);transition:transform .2s,background .2s}.consent-switch--on .consent-switch-track{background:var(--accent)}.consent-switch--on .consent-switch-track:after{transform:translate(20px);background:#fff}.consent-switch--disabled .consent-switch-track{opacity:.5}.consent-card--full .consent-actions{gap:8px}.consent-card--full .ghost-button,.consent-card--full .primary-button{min-height:40px;padding:0 16px;font-size:.88rem}@keyframes story-hash-pulse{0%,to{transform:translateY(0);text-shadow:0 0 0 rgba(255,122,64,0)}50%{transform:translateY(-1px);text-shadow:0 0 16px rgba(255,122,64,.28)}}@keyframes telegram-radial-fill{0%{stroke-dashoffset:120}to{stroke-dashoffset:0}}.telegram-typing-indicator{display:flex;align-items:center;gap:4px;padding:4px}.telegram-typing-dot{width:6px;height:6px;border-radius:50%;background:#ffffff80;animation:typing-dot-bounce 1.4s infinite ease-in-out both}.telegram-typing-dot:nth-child(1){animation-delay:-.32s}.telegram-typing-dot:nth-child(2){animation-delay:-.16s}@keyframes typing-dot-bounce{0%,80%,to{transform:translateY(0);opacity:.5}40%{transform:translateY(-4px);opacity:1}}.telegram-keyboard{position:absolute;bottom:0;left:0;width:100%;height:316px;background:#1c1c1e;border-radius:20px 20px 0 0;box-shadow:0 -4px 30px #00000080;transform:translateY(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);z-index:20;display:flex;flex-direction:column;padding:0 4px 16px;gap:10px}.telegram-keyboard.is-visible{transform:translateY(0)}.telegram-suggestions{display:flex;justify-content:space-between;align-items:center;height:48px;margin:0;padding:0 16px;background:transparent}.telegram-suggestion-word{flex:1;text-align:center;color:#ffffffd9;font-size:16px;font-weight:400}.telegram-suggestion-divider{width:1px;height:24px;background:#ffffff26}.tele-keyboard-main{display:flex;flex-direction:column;gap:10px}.tele-key-row{display:flex;justify-content:center;gap:6px;padding:0 4px}.tele-key{height:42px;flex:1;background:#6a6a6c;border-radius:5px;display:grid;place-items:center;color:#fff;font-size:24px;font-family:-apple-system,system-ui;box-shadow:0 1px #0006;transition:background .05s ease,transform .05s ease}.tele-key.is-pressed{background:#a3a3a5;transform:scale(1.15) translateY(-4px)!important;z-index:10;box-shadow:0 6px 16px #0006}.tele-key-mod{height:42px;flex:1.5;background:#3d3d40;border-radius:5px;display:grid;place-items:center;color:#fff;font-size:16px;box-shadow:0 1px #0006;transition:background .05s ease}.tele-key-mod.is-pressed{background:#5b5b5f}.tele-key-row.bottom{gap:6px}.tele-key.space{flex:4;position:relative}.tele-key.space span{position:absolute;right:12px;font-size:12px;color:#fff6;font-weight:500}.tele-key-return{background:#3d3d40}.tele-keyboard-footer{display:flex;justify-content:space-between;align-items:center;padding:0 20px;margin-top:8px}.tele-keyboard-footer svg{width:24px;height:24px;color:#fff}.telegram-composer{position:absolute;bottom:0;left:0;width:100%;z-index:50;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.telegram-composer.keyboard-open{transform:translateY(-316px)}@keyframes blink-cursor{0%,49%{opacity:1}50%,to{opacity:0}}.consent-shell{position:fixed;left:20px;right:20px;bottom:20px;z-index:60;display:flex;justify-content:center}.consent-card{width:min(100%,920px);display:flex;align-items:end;justify-content:space-between;gap:18px;padding:18px 20px;border-radius:24px;border:1px solid var(--panel-border);background:color-mix(in srgb,var(--surface-strong) 92%,transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.consent-copy{display:grid;gap:8px;max-width:58ch}.consent-copy strong{font-size:1rem}.consent-copy p{margin:0;color:var(--text-secondary)}.consent-badge{color:var(--accent);font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.consent-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.consent-close{padding:0;border:0;background:transparent;color:var(--text-secondary);font:inherit}.legal-hero,.legal-card{border:1px solid var(--panel-border);background:var(--surface);border-radius:28px;box-shadow:var(--shadow-lg)}.legal-shell{display:grid;gap:20px;padding:32px 0 22px}.legal-hero,.legal-card{padding:28px}.legal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.legal-card{display:grid;gap:8px}.legal-card p{margin:0;color:var(--text-secondary)}.legal-card-wide{grid-column:1 / -1}}@layer pages{@media(max-width:1080px){.story-hero-panel,.benefit-stage,.trust-grid,.story-panel-head,.footer-stage,.benefit-grid,.flow-stage{grid-template-columns:1fr}.hero-device-grid,.hero-feature-grid,.story-metric-row,.faq-card-grid,.footer-directory{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-rail{display:none}.footer-cta-column{justify-items:stretch}.footer-actions{justify-content:flex-start}.footer-shell{width:min(calc(100vw - 18px),1600px)}.story-copy-column,.story-copy-stack{max-width:100%}.story-subhead,.story-lead{width:100%;max-width:none}.hero-stage{justify-items:center}}@media(max-width:720px){.marketing-story{gap:16px;padding-top:14px}.story-section{min-height:auto}.story-hero-panel,.story-panel,.footer-stage{border-radius:28px;padding:22px}.story-copy-stack h1{font-size:clamp(2.8rem,13vw,4.4rem);max-width:9ch}.story-panel-head h2{font-size:clamp(2rem,10vw,3.2rem)}.hero-device{min-height:480px;padding:18px;border-radius:28px}.hero-device-grid,.hero-feature-grid,.story-metric-row,.faq-card-grid,.footer-directory{grid-template-columns:1fr}.story-panel-copy{justify-self:start}.footer-directory{gap:16px}.footer-bottom-bar,.story-chip-row,.footer-inline-actions,.consent-actions{flex-direction:column;align-items:flex-start}.footer-actions-column .ghost-button,.footer-actions-column .primary-button{min-width:0}.consent-shell{left:12px;right:12px;bottom:12px}.consent-card{min-width:0;width:100%;align-items:stretch}.site-actions{width:100%}}}@layer pages{.chrome-footer{margin-top:42px;padding:0}.footer-backdrop{width:100%;padding:36px 0 18px;background:linear-gradient(180deg,#080b0f1a,#080b0fb8 10%,#080b0ffa),radial-gradient(circle at top right,rgba(255,138,74,.12),transparent 24%),radial-gradient(circle at bottom left,rgba(25,168,156,.1),transparent 26%),#0b1014;border-top:1px solid rgba(255,255,255,.06)}.footer-shell{width:min(calc(100vw - 120px),1540px);margin:0 auto}.footer-stage{--footer-rail-gap: clamp(24px, 1.9vw, 34px);--footer-map-aspect: 1.56;display:grid;grid-template-columns:minmax(260px,380px) minmax(240px,320px) auto auto auto minmax(190px,230px);gap:var(--footer-rail-gap);align-items:stretch;padding:0 0 24px;border:0;border-radius:0;background:transparent;box-shadow:none;border-bottom:1px solid rgba(255,255,255,.08)}.footer-map-column{min-width:0;display:flex;align-self:stretch;justify-self:start;overflow:hidden}.footer-map-card{position:relative;width:100%;height:100%;min-height:0;max-width:100%;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:#10171d;box-shadow:inset 0 1px #ffffff0d,0 24px 54px #0000003d}.footer-map-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#090d121f,#090d1205 28%,#090d122e),linear-gradient(90deg,rgba(9,13,18,.18),transparent 22%,transparent 78%,rgba(9,13,18,.12));pointer-events:none}.footer-map-overlay{position:absolute;inset:16px 16px auto;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px}.footer-map-badge{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;background:#080b0fb8;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#f6efe6e6;font-size:.82rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.map-route-button{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#ffffffeb;color:#11161c;font-size:.92rem;font-weight:700;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease}.map-route-button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0000002e;color:#11161c}.footer-map-frame{display:block;width:100%;height:100%;min-height:0;border:0;filter:saturate(.9) contrast(1.02)}.footer-brand-column{display:grid;align-content:start;gap:clamp(18px,1.6vw,24px);min-width:0;padding-top:4px}.footer-product-block{display:grid;gap:8px;min-width:0}.footer-brand-lockup{display:inline-flex;align-items:center;gap:0;color:#f6efe6;font-size:1.12rem;font-weight:700;text-decoration:none}.footer-brand-copy{display:grid;gap:2px}.footer-brand-copy strong{font-size:1rem;line-height:1}.footer-brand-copy span{color:#f6efe694;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.footer-summary{max-width:30ch;margin:0;color:#f6efe6b8;font-size:1rem;line-height:1.45}.footer-inline-address{display:grid;gap:4px;font-style:normal;color:#f6efe6b3}.footer-inline-address strong{color:#f6efe6;font-size:1.12rem}.footer-link-group{display:grid;align-content:start;gap:12px;min-width:120px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.footer-label{display:inline-block;margin-bottom:2px;letter-spacing:.12em;text-transform:uppercase;font-size:.76rem;color:#f6efe67a}.footer-link-group a,.footer-link-group span,.footer-meta-button{color:#f6efe6bd;font-size:1.02rem}.footer-link-group a:hover,.footer-meta-button:hover,.footer-meta-button:focus-visible{color:#fff}.footer-link-column{min-width:0;padding-top:8px}.footer-website-column,.footer-legal-column,.footer-contract-column{justify-self:start;margin-left:clamp(4px,1vw,14px)}.footer-cta-column{display:grid;align-content:start;gap:14px;min-width:180px;justify-self:end;justify-items:stretch;padding-top:4px;padding-left:clamp(14px,2vw,28px)}.footer-actions{margin-top:0}.footer-actions-column{display:grid;gap:12px}.footer-actions-column .ghost-button,.footer-actions-column .primary-button{width:100%;min-width:0}.footer-bottom-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 2px 0;color:#f6efe670}.footer-bottom-identity{display:inline-flex;align-items:flex-end;gap:4px;min-width:0}.footer-bottom-logo{width:20px;height:20px;border-radius:6px;object-fit:cover;opacity:.72}.footer-signoff{display:inline-flex;align-items:center;gap:5px;color:#f6efe680;font-size:.78rem;font-weight:400;letter-spacing:.04em;text-transform:lowercase}.footer-heart{width:10px;height:10px;fill:#fb718538;color:#fb71855c}.footer-heartbeat{display:inline-block;transform-origin:center;animation:footer-heartbeat 3.8s ease-in-out infinite;will-change:transform,opacity,filter}.footer-copyright{color:#f6efe657;font-size:.56rem;letter-spacing:.14em;text-transform:uppercase}@media(max-width:1280px){.footer-shell{width:min(calc(100vw - 48px),1420px)}.footer-stage{--footer-rail-gap: clamp(20px, 2vw, 28px);grid-template-columns:1fr auto auto auto auto}.footer-map-column{grid-column:1 / -1;justify-self:stretch}.footer-brand-column{grid-column:1 / 2;padding-top:0}.footer-website-column{grid-column:2 / 3;margin-left:0}.footer-legal-column{grid-column:3 / 4;margin-left:0}.footer-contract-column{grid-column:4 / 5;margin-left:0;min-width:0}.footer-cta-column{grid-column:5 / 6;justify-self:end;margin-left:clamp(8px,2vw,20px)}.footer-summary{max-width:34ch}}@media(max-width:760px){.footer-shell{width:min(calc(100vw - 18px),1600px)}.footer-stage{--footer-rail-gap: 20px;grid-template-columns:1fr 1fr;padding:0 0 18px}.footer-map-column{grid-column:1 / -1}.footer-map-card,.footer-map-frame{min-height:260px}.footer-map-card{width:100%;aspect-ratio:auto}.footer-brand-column{grid-column:1 / -1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer-website-column{grid-column:1 / 2;margin-left:0}.footer-legal-column{grid-column:2 / 3;margin-left:0}.footer-contract-column{grid-column:1 / 2;margin-left:0}.footer-cta-column{grid-column:2 / 3;justify-self:stretch}.footer-bottom-bar{justify-content:space-between}.footer-summary{max-width:none}}@media(max-width:560px){.footer-map-card,.footer-map-frame{min-height:240px}.footer-map-overlay{inset:12px 12px auto;gap:10px}.map-route-button{min-height:36px;padding:0 14px;font-size:.86rem}.footer-link-group{gap:12px}.footer-bottom-bar{justify-content:space-between;gap:8px}}}@layer pages{input[type=range]{-webkit-appearance:none;background:transparent;height:24px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;border-radius:50%;background:var(--text-primary);cursor:pointer;margin-top:-8px;box-shadow:0 2px 6px #0006,0 0 0 1px inset #0000001a;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 4px 10px #00000080,0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent)}input[type=range]::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:color-mix(in srgb,var(--surface-ghost) 80%,black);border-radius:99px;border:1px inset var(--panel-border-strong)}input[type=range][aria-label="Stundensatz Slider"]::-webkit-slider-thumb:hover{box-shadow:0 4px 10px #00000080,0 0 0 4px color-mix(in srgb,var(--teal) 30%,transparent)}.telegram-action.simulated-active{transform:scale(.95);background:#fff3}.roi-dynamic-input{transition:all .2s ease;outline:none}.roi-dynamic-input:hover,.roi-dynamic-input:focus{background:#ffffff0d!important;border-color:#ffffff1a!important}.roi-dynamic-input::-webkit-inner-spin-button,.roi-dynamic-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.roi-dynamic-input{-moz-appearance:textfield}.story-section--hero{align-items:flex-start;padding-top:0;padding-bottom:8px}.story-panel--transparent{width:100%;max-width:1140px;margin:0 auto;background:transparent;border:none;box-shadow:none;overflow:visible;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none}.story-panel--transparent-wide{width:100%;max-width:1200px;margin:0 auto;background:transparent;border:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;animation:none}.hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) 380px;grid-template-areas:"copy visual";gap:clamp(28px,3vw,52px) clamp(40px,4vw,80px);align-items:center}.story-section--hero .story-copy-column{grid-area:copy;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:clamp(24px,2vw,34px);min-width:0}.story-copy-stack--left{align-items:flex-start}.eyebrow--hero{color:var(--accent);font-size:1rem;letter-spacing:.15em;font-weight:700}.hero-headline{font-family:Barlow Condensed,Arial Narrow,sans-serif;font-weight:800;font-size:clamp(3.5rem,6vw,6rem);line-height:.92;letter-spacing:-.02em;padding-bottom:8px;color:var(--text-primary);margin-bottom:16px}.hero-subhead{color:var(--text-secondary);font-size:clamp(1.1rem,2vw,1.4rem);max-width:600px;font-weight:400;line-height:1.4;letter-spacing:.015em}.text-accent-bold{color:var(--accent);font-weight:700}.hero-cta{margin-top:0;display:flex;justify-content:flex-start;align-self:flex-start}@media(max-width:1180px){.story-copy-stack--left{text-align:center;align-items:center;justify-items:center}.hero-headline,.hero-subhead{text-align:center}.hero-cta{justify-content:center;align-self:center}}.hero-cta-button{padding:0 40px;height:72px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.3;border-radius:16px}.hero-cta-button:hover{transform:translateY(-4px);box-shadow:inset 0 1px #fff3,0 4px 8px #0000002e,0 16px 48px #ea580c73,0 0 0 1px #f9731633}.hero-cta-title{font-size:1.25rem;font-weight:700}.hero-cta-sub{font-size:.9rem;opacity:.9;font-weight:400;margin-top:2px}.hero-visual-column{grid-area:visual;display:flex;justify-content:center}.hero-stage{width:100%;max-width:380px}.hero-orb-a{right:-50px;top:10%}.hero-orb-b{left:-50px;bottom:10%}.eyebrow--tight{margin:0 0 8px}.story-panel-copy--narrow{margin:12px auto 0;max-width:600px}.story-panel-copy--narrow-lg{margin:12px auto 0;max-width:600px;font-size:1.05rem}.story-panel-copy--narrow-xl{margin:12px auto 0;max-width:600px;font-size:1.1rem}.roi-calculator{background:var(--surface-strong);border:1px solid var(--panel-border-strong);border-radius:32px;padding:clamp(24px,4vw,40px);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg)}.roi-calculator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:40px;align-items:center}.roi-controls-heading{font-size:clamp(1.5rem,2vw,1.8rem);line-height:1.2;margin:0 0 24px;color:var(--text-primary)}.roi-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.roi-label-group{display:flex;align-items:center;gap:12px}.roi-label-text{font-size:1.1rem;color:var(--text-secondary)}.roi-stat-badge{font-size:.85rem;color:var(--text-soft);background:#ffffff0d;padding:4px 10px;border-radius:12px}.roi-value-input{width:80px;text-align:right;font-size:1.5rem;font-weight:700;color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:8px;padding:4px 8px;cursor:text}.roi-value-input--wide{width:100px}.roi-currency-suffix{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.roi-currency-group{display:flex;align-items:center;gap:4px}.roi-slider{width:100%;cursor:pointer;accent-color:var(--accent);margin-bottom:8px}.roi-slider--teal{accent-color:var(--teal)}.roi-slider-bounds{display:flex;justify-content:space-between;color:var(--text-soft);font-size:.9rem}.roi-slider-bounds--spaced{margin-bottom:32px}.roi-results{display:flex;flex-direction:column;gap:20px}.roi-result-card{padding:32px;border-radius:24px}.roi-result-card--accent{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 15%,transparent),transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent)}.roi-result-card--teal{background:linear-gradient(145deg,color-mix(in srgb,var(--teal) 15%,transparent),transparent);border:1px solid color-mix(in srgb,var(--teal) 25%,transparent)}.roi-result-card .eyebrow{margin:0}.roi-result-card--accent .eyebrow{color:var(--accent)}.roi-result-card--teal .eyebrow{color:var(--teal)}.roi-result-value{font-size:clamp(3rem,5vw,4rem);font-weight:800;line-height:1.1;padding-bottom:4px;color:var(--text-primary);margin:8px 0;font-variant-numeric:tabular-nums}.roi-result-unit{font-size:clamp(1.5rem,2vw,2rem);color:var(--text-secondary);font-weight:600}.roi-result-desc{color:var(--text-secondary);font-size:.9rem;margin:0;line-height:1.4}.roi-result-desc--lg{font-size:1rem}.roi-result-desc strong{color:var(--text-primary)}.roi-breakdown{font-size:.8rem;color:var(--text-soft)}.roi-slider-compact{margin-bottom:14px}.roi-slider-compact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.roi-slider-compact-label-row{display:flex;align-items:center;gap:8px}.roi-slider-compact-label{font-size:.95rem;color:var(--text-secondary)}.roi-slider-compact-badge{font-size:.75rem;color:var(--text-soft);background:#ffffff0d;padding:2px 7px;border-radius:8px}.roi-slider-compact-value-row{display:flex;align-items:baseline;gap:2px}.roi-slider-compact-unit{font-size:.9rem;font-weight:600;color:var(--text-soft)}.roi-slider-compact-input{width:50px;text-align:right;font-size:1.15rem;font-weight:700;color:var(--text-primary);background:transparent;border:1px solid transparent;border-radius:6px;padding:1px 4px;cursor:text}.roi-slider-compact-input--wide{width:60px}.roi-slider-compact-range{width:100%;cursor:pointer}.roi-slider-compact-limits{display:flex;justify-content:space-between;color:var(--text-soft);font-size:.75rem;margin-top:2px}.roi-comparison-column{display:flex;flex-direction:column;gap:10px;justify-content:space-between}.roi-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.roi-comparison-card{padding:14px 14px 16px;border-radius:16px;background:#ffffff08;border:1px solid var(--panel-border);text-align:center}.roi-comparison-label{margin:0 0 2px;font-size:.7rem;color:var(--text-soft);text-transform:uppercase;letter-spacing:.08em}.roi-comparison-value{margin:0;font-size:1.4rem;font-weight:800;color:var(--text-primary);font-variant-numeric:tabular-nums}.roi-comparison-value--accent{color:var(--teal)}.roi-comparison-formula{margin:2px 0 0;font-size:.7rem;color:var(--text-soft)}.roi-comparison-desc{margin:6px 0 0;font-size:.72rem;color:var(--text-soft);line-height:1.3}.roi-comparison-desc--accent{color:var(--teal);opacity:.7}.roi-savings-box{flex:1;padding:20px;border-radius:18px}.roi-savings-box--time{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,transparent),transparent);border:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}.roi-savings-box--money{background:linear-gradient(145deg,color-mix(in srgb,var(--teal) 12%,transparent),transparent);border:1px solid color-mix(in srgb,var(--teal) 20%,transparent)}.roi-savings-box .eyebrow{margin:0;font-size:.7rem}.roi-savings-box--time .eyebrow{color:var(--accent)}.roi-savings-box--money .eyebrow{color:var(--teal)}.roi-savings-headline{font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800;line-height:1.1;color:var(--text-primary);margin:4px 0 0;font-variant-numeric:tabular-nums}.roi-savings-unit{font-size:clamp(1rem,1.5vw,1.3rem);color:var(--text-secondary);font-weight:600}.roi-savings-desc{margin:8px 0 0;font-size:.8rem;color:var(--text-soft);line-height:1.4}.section-header--tight{margin:0 auto 24px}.section-header--tighter{margin:0 auto 10px}.section-header--faq{margin:0 auto 16px}.eyebrow--spaced{margin:0 0 4px}.section-heading--spaced{margin:0 0 6px}.story-panel-copy--centered{margin:0 auto;max-width:600px;font-size:1rem}.story-panel-copy--centered-sm{margin:0 auto;max-width:600px;font-size:.95rem}.section-cta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:24px}.section-cta-btn{height:56px;font-size:1.05rem;font-weight:600;border-radius:14px}.toggle-center{display:flex;justify-content:center}.toggle-center--mb-sm{margin-bottom:24px}.toggle-center--mb-md{margin-bottom:14px}.section-header--mb-sm{margin-bottom:20px}.story-panel--flex-col{display:flex;flex-direction:column;flex:1}.section-header-centered--spaced{margin-bottom:60px}.flow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.flow-card{background:color-mix(in srgb,var(--surface-strong) 60%,transparent);border:1px solid var(--panel-border);border-radius:32px;padding:32px;display:flex;flex-direction:column;gap:24px;box-shadow:var(--shadow-lg)}.flow-card--processing{position:relative;overflow:hidden}.flow-card-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(13,148,136,.2),transparent 70%);filter:blur(30px);z-index:0}.flow-step-header{display:flex;align-items:center;gap:12px}.flow-step-header--z1{z-index:1}.flow-step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.flow-step-number--1{background:linear-gradient(135deg,var(--accent),var(--teal))}.flow-step-number--2{background:linear-gradient(135deg,var(--teal),#3b82f6)}.flow-step-number--3{background:linear-gradient(135deg,var(--accent),var(--accent-strong))}.flow-step-title{margin:0;font-size:1.5rem;color:var(--text-primary)}.flow-step-desc{margin:0;color:var(--text-secondary);line-height:1.5}.flow-step-desc--z1{z-index:1}.flow-tg-mockup{background:#18222d;border-radius:20px;padding:16px;display:flex;flex-direction:column;gap:12px;margin-top:auto;border:1px solid rgba(255,255,255,.05)}.flow-tg-bubble{align-self:flex-end;background:#2b5278;padding:12px 16px;border-radius:16px 16px 0;color:#fff;font-size:.95rem;max-width:85%}.flow-tg-bubble-sub{opacity:.8;font-size:.85rem}.flow-tg-composer{display:flex;align-items:center;gap:8px;background:#242f3d;padding:10px 16px;border-radius:100px;margin-top:8px}.flow-tg-placeholder{color:#71717a;font-size:.95rem;flex:1}.flow-tg-send{width:28px;height:28px;background:#2b5278;border-radius:50%;display:flex;align-items:center;justify-content:center}.flow-processing-mockup{display:flex;flex-direction:column;gap:16px;margin-top:auto;z-index:1;padding:16px 0}.flow-node-item{background:#ffffff08;border:1px solid rgba(255,255,255,.1);padding:12px;border-radius:12px;display:flex;justify-content:space-between;align-items:center}.flow-node-item--center{text-align:center;display:block}.flow-node-label{color:#a1a1aa;font-size:.9rem}.flow-node-label--sm{font-size:.85rem}.flow-node-dot{width:8px;height:8px;background:var(--teal);border-radius:50%;box-shadow:0 0 10px var(--teal)}.flow-node-connector{width:2px;height:24px;background:linear-gradient(to bottom,var(--teal),var(--accent));margin:0 auto;opacity:.5}.flow-node-children{display:flex;gap:12px}.flow-node-children>*{flex:1}.flow-ig-mockup{background:#000;border-radius:16px;border:1px solid rgba(255,255,255,.1);margin-top:auto;overflow:hidden}.flow-ig-header{padding:12px;display:flex;align-items:center;gap:8px}.flow-ig-avatar{width:24px;height:24px;border-radius:50%;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.flow-ig-username{color:#fff;font-size:.85rem;font-weight:600}.flow-ig-image{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#27272a,#18181b);display:flex;align-items:center;justify-content:center}.flow-ig-caption{padding:12px}.flow-ig-skeleton{height:8px;background:#ffffff1a;border-radius:4px;margin-bottom:8px}.flow-ig-skeleton--short{width:60%;margin-bottom:0}.faq-item{border-bottom:1px solid var(--panel-border);overflow:hidden}.faq-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:24px 0;background:transparent;border:none;color:var(--text-primary);text-align:left;cursor:pointer;font-size:clamp(1.1rem,2vw,1.4rem);font-weight:600}.faq-toggle-icon{transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin-left:16px}.faq-toggle-icon--open{transform:rotate(180deg)}.faq-body{display:grid;transition:grid-template-rows .4s var(--ease-out-expo),opacity .35s ease}.faq-body--open{grid-template-rows:1fr;opacity:1}.faq-body--closed{grid-template-rows:0fr;opacity:0;pointer-events:none}.faq-body-text{color:var(--text-secondary);margin:0 0 24px;font-size:1.1rem;line-height:1.6;padding-right:40px}.faq-list{width:100%;max-width:800px;margin:40px auto 0}.faq-list-inner{border-top:1px solid var(--panel-border)}@media(max-width:1180px){.hero-grid{grid-template-columns:1fr;grid-template-areas:"copy" "visual" "cta";gap:28px}.story-section--hero .story-copy-column{display:contents}.story-copy-stack--left{grid-area:copy;text-align:center;align-items:center}.hero-headline,.hero-subhead,.eyebrow--hero{text-align:center}.hero-cta{grid-area:cta;width:100%;display:flex;justify-content:center;margin-top:0}.hero-cta-button{width:min(100%,420px)}.hero-stage{max-width:420px;margin:0 auto}.roi-calculator-grid{grid-template-columns:1fr;gap:24px}.pricing-tier-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ablauf-grid{grid-template-columns:1fr;max-width:760px;margin:0 auto;width:100%}}@media(max-width:860px){.hero-grid{gap:40px}.hero-headline{font-size:clamp(2.5rem,8vw,4rem);text-align:center}.hero-cta-button{width:min(100%,420px)}}@media(max-width:720px){.flow-grid,.roi-comparison-grid{grid-template-columns:1fr}.roi-savings-box{padding:16px}.roi-savings-headline{font-size:clamp(1.6rem,3vw,2.2rem)}.faq-toggle{padding:16px 0;font-size:clamp(.95rem,1.5vw,1.1rem)}.faq-body-text{padding-right:0;font-size:1rem}.section-cta-grid{grid-template-columns:1fr}.roi-calculator{border-radius:28px;padding:22px}}@media(max-width:640px){.hero-stage{max-width:100%}.hero-cta-button{width:100%;max-width:none;height:64px;padding:0 24px}.section-cta-btn{height:50px;font-size:1rem}}@media(max-width:479px){.hero-headline{font-size:clamp(2.35rem,13vw,3.4rem)}.hero-subhead{font-size:1rem;line-height:1.5}.hero-cta-button{height:60px;padding:0 20px}.hero-cta-title{font-size:1.05rem}.roi-result-card,.roi-savings-box{padding:18px}}@media(max-width:720px){.marketing-page [data-reveal-item]{--reveal-y: 36px;--reveal-scale-start: .98;--reveal-duration: .75s}.marketing-page [data-reveal-group=hero] .hero-visual-column{--reveal-y: 40px;--reveal-duration: .85s}.marketing-page [data-reveal-group=pricing] .pricing-tier-card{--reveal-y: 40px;--reveal-duration: .8s}}.proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-top:40px}.proof-card{background:color-mix(in srgb,var(--surface-strong) 60%,transparent);border:1px solid var(--panel-border);border-radius:28px;padding:32px;display:flex;flex-direction:column;gap:16px;box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.proof-quote-icon{opacity:.6;flex-shrink:0}.proof-text{margin:0;color:var(--text-secondary);font-size:1.05rem;line-height:1.6;font-style:italic}.proof-author{display:flex;flex-direction:column;gap:2px;margin-top:auto;padding-top:12px;border-top:1px solid var(--panel-border)}.proof-author strong{color:var(--text-primary);font-size:1rem}.proof-author span{color:var(--text-soft);font-size:.85rem}.tg-screen-display{position:relative;border-radius:20px;overflow:hidden;background:linear-gradient(180deg,#1a1018,#0e0e18,#0c1018 70%,#0e1220);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid rgba(255,255,255,.1)}.tg-screen-display:after{content:"";position:absolute;inset:0;z-index:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' fill='none' stroke='%23b8a0d0' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='40' cy='30' r='12'/%3E%3Cpath d='M36 28c2-3 6-3 8 0'/%3E%3Ccircle cx='36' cy='25' r='1'/%3E%3Ccircle cx='44' cy='25' r='1'/%3E%3Cpath d='M130 20l8 14h-16z'/%3E%3Ccircle cx='220' cy='35' r='8'/%3E%3Cpath d='M216 33l3 4 5-6'/%3E%3C/svg%3E");background-size:300px 300px;pointer-events:none}.tg-screen-display .tg-thread{position:relative;inset:auto;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden}.tg-screen-display .tg-thread::-webkit-scrollbar{display:none}.tg-screen-display .tg-thread-inner{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;padding:12px 8px 4px;gap:4px}.tg-screen-display .tg-composer{position:relative;bottom:auto;left:auto;right:auto;padding:6px 8px;z-index:1;gap:4px}.tg-screen-display .tg-composer-btn{width:26px;height:26px;margin-bottom:0}.tg-screen-display .tg-composer-btn svg{width:16px;height:16px}.tg-screen-display .tg-composer-field{min-height:26px;padding:0 0 0 8px;border-radius:14px}.tg-screen-display .tg-composer-text{font-size:12px;line-height:16px;padding:5px 0}.tg-screen-display .tg-composer-field-actions{height:23px;margin:0 1.5px 1.5px 0}.tg-screen-display .tg-composer-field-icon{width:18px;height:70%}.tg-screen-display .tg-send-circle{width:29px;border-radius:14px}.tg-screen-display .tg-send-circle svg{width:14px;height:14px}.tg-screen-display .tg-bubble{opacity:1;transform:none;font-size:11px;line-height:1.4;padding:7px 9px 3px;max-width:88%}.tg-screen-display .tg-bubble--outgoing{border-radius:14px 14px 4px}.tg-screen-display .tg-bubble--incoming{border-radius:14px 14px 14px 4px}.tg-screen-display .tg-bubble--typing{padding:8px 12px}.tg-screen-display .tg-bubble-time{font-size:9px}.tg-screen-display .tg-button-grid{gap:2px;padding:0 4px;margin-top:2px}.tg-screen-display .tg-inline-button{font-size:10px;padding:6px 4px;border-radius:6px}.tg-screen-display .tg-image-grid{margin:0}.tg-screen-display .tg-image-grid-item{max-height:120px;border-radius:10px}.tg-screen-display .tg-gallery-picker,.tg-screen-display .tg-attachment-preview{z-index:10}.tg-screen-display .tg-typing-dots{display:flex;gap:4px}.tg-screen-display .tg-typing-dot{width:5px;height:5px;border-radius:50%;background:#ffffff4d;animation:tgTypingBounce 1.4s ease-in-out infinite}.tg-screen-display .tg-typing-dot:nth-child(2){animation-delay:.2s}.tg-screen-display .tg-typing-dot:nth-child(3){animation-delay:.4s}.tg-screen-display .tg-keyboard{position:relative;transform:none;height:auto;border-radius:0 0 20px 20px;overflow:hidden}.tg-screen-display .tg-kb-suggestions{height:22px}.tg-screen-display .tg-kb-suggestion{font-size:10px}.tg-screen-display .tg-kb-divider{height:12px}.tg-screen-display .tg-kb-main{gap:3px;padding:3px 2px 6px}.tg-screen-display .tg-kb-row{gap:2px}.tg-screen-display .tg-key{height:26px;font-size:12px;border-radius:4px}.tg-screen-display .tg-key-mod{height:26px;border-radius:4px}.tg-screen-display .tg-key-mod--wide{font-size:10px}.tg-screen-display .tg-kb-footer{display:none}.tg-image-grid--quad{display:grid;grid-template-columns:1fr 1fr;gap:2px;border-radius:8px;overflow:hidden;margin-bottom:6px}.tg-image-grid--quad .tg-image-grid-item{max-height:none;aspect-ratio:1;border-radius:0}.ablauf-card .tg-screen-display .tg-bubble p{margin:0}.tg-bubble--success{background:color-mix(in srgb,var(--success) 15%,#1c1c1e)!important}.tg-phone-shell{position:relative;z-index:1;width:100%;max-width:340px;aspect-ratio:9 / 19.5;padding:2.5px;border-radius:46px;border:1px solid #c46a20;background:linear-gradient(160deg,#d4782a,#b85e18 20%,#8a4510,#a05515 80%,#c46a20);box-shadow:0 40px 80px #000000b3,0 0 30px #c46a201f,inset 0 .5px #ffb4644d,inset 0 -.5px #50230580;margin:0 auto}.tg-phone-screen{position:absolute;inset:3px;border-radius:44px;border:.5px solid rgba(0,0,0,.9);box-shadow:0 0 0 .5px #b4783c1a,inset 0 0 4px #c88c3c0a;overflow:hidden;background:linear-gradient(180deg,#1a1018,#0e0e18,#0c1018 70%,#0e1220);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}.tg-phone-screen:after{content:"";position:absolute;inset:0;z-index:0;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300' fill='none' stroke='%23b8a0d0' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='40' cy='30' r='12'/%3E%3Cpath d='M36 28c2-3 6-3 8 0'/%3E%3Ccircle cx='36' cy='25' r='1'/%3E%3Ccircle cx='44' cy='25' r='1'/%3E%3Cpath d='M130 20l8 14h-16z'/%3E%3Ccircle cx='220' cy='35' r='8'/%3E%3Cpath d='M216 33l3 4 5-6'/%3E%3Cpath d='M270 25c5-8 15-5 12 3s-15 5-12-3z'/%3E%3Cpath d='M50 90l-5 15h10z'/%3E%3Ccircle cx='50' cy='85' r='3'/%3E%3Cpath d='M120 80a10 10 0 1 1 0 20 10 10 0 0 1 0-20z'/%3E%3Cpath d='M115 90h10M120 85v10'/%3E%3Cpath d='M200 85c0-8 6-14 12-10s2 16-6 14-6-4-6-4z'/%3E%3Cpath d='M260 80l5 5-5 5-5-5z'/%3E%3Cpath d='M30 160c8 0 12 5 12 10s-8 10-12 5'/%3E%3Ccircle cx='150' cy='155' r='10'/%3E%3Cpath d='M145 155h10'/%3E%3Cpath d='M145 159h8'/%3E%3Cpath d='M230 150l15 10-15 10z'/%3E%3Cpath d='M80 230a8 8 0 1 1 16 0c0 6-8 10-8 10s-8-4-8-10z'/%3E%3Cpath d='M180 220l6 15h-12z'/%3E%3Ccircle cx='180' cy='215' r='4'/%3E%3Cpath d='M260 225c0-5 4-9 8-9s8 4 8 9-4 5-8 8-8-3-8-8z'/%3E%3Cpath d='M40 270c5 0 10 3 10 8s-5 8-10 8'/%3E%3Cpath d='M150 265l8 4-8 4'/%3E%3Cpath d='M150 269h-10'/%3E%3Ccircle cx='250' cy='275' r='6'/%3E%3Cpath d='M247 275l3 3 5-5'/%3E%3C/svg%3E");background-size:300px 300px;pointer-events:none}.tg-dynamic-island{position:absolute;top:11px;left:50%;transform:translate(-50%);width:100px;height:30px;background:#000;border-radius:18px;z-index:200;box-shadow:0 0 0 1px #b4783c14,0 0 6px #00000080}.tg-statusbar{position:absolute;top:0;left:0;right:0;height:54px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;z-index:150;pointer-events:none}.tg-statusbar-time{font-size:15px;font-weight:600;color:#fff;letter-spacing:-.3px}.tg-statusbar-icons{display:flex;gap:6px;align-items:center}.tg-battery{display:flex;align-items:center}.tg-battery-shell{width:28px;height:13px;border:1.5px solid rgba(255,255,255,.35);border-radius:3.5px;position:relative;overflow:hidden}.tg-battery-fill{position:absolute;left:0;top:0;bottom:0;width:85%;background:#34c759;border-radius:2px 0 0 2px}.tg-battery-cap{width:2px;height:5px;background:#ffffff59;border-radius:0 1.5px 1.5px 0;align-self:center;margin-left:-.5px}.tg-battery-pct{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:8.5px;font-weight:800;color:#fff;line-height:1;z-index:1}.tg-glass{background:linear-gradient(165deg,#ffffff0a,#ffffff04);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);border:.5px solid rgba(255,255,255,.1);border-top-color:#ffffff24;border-bottom-color:#ffffff0a;box-shadow:inset 0 .5px #ffffff14,inset 0 -.5px #0000000f,0 1px 4px #00000026}.tg-header{position:absolute;top:48px;left:0;right:0;height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;z-index:100;background:transparent}.tg-header-blur{position:absolute;top:0;left:0;right:0;height:26%;z-index:90;pointer-events:none;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);mask-image:linear-gradient(to bottom,black 0%,black 20%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.15) 60%,transparent 75%);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 20%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.15) 60%,transparent 75%)}.tg-header-blur:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(10,10,18,1) 0%,rgba(10,10,18,.95) 30%,rgba(10,10,18,.85) 50%,rgba(10,10,18,.65) 65%,rgba(10,10,18,.35) 78%,rgba(10,10,18,.12) 88%,transparent 100%)}.tg-header-back{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.tg-header-info{display:flex;flex-direction:column;align-items:center;gap:0px;padding:4px 18px;height:34px;justify-content:center;border-radius:17px}.tg-header-name{font-size:14px;font-weight:600;color:#fff;line-height:1.1}.tg-header-sub{font-size:10px;color:#8e8e93;line-height:1}.tg-header-avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;display:grid;place-items:center}.tg-header-avatar-img{width:20px;height:20px;object-fit:contain}.tg-thread{position:absolute;inset:0 0 52px;overflow-y:auto;overflow-x:hidden;transition:bottom .35s cubic-bezier(.2,.8,.2,1);z-index:3}.tg-thread--kb-open{bottom:336px}.tg-thread::-webkit-scrollbar{display:none}.tg-thread-inner{display:flex;flex-direction:column;justify-content:flex-end;min-height:100%;padding:106px 8px 4px;gap:4px}.tg-date-label{align-self:center;font-size:12px;color:#ffffff80;background:#0000004d;padding:3px 10px;border-radius:10px;margin:4px 0;position:relative;z-index:1;opacity:0;transform:translateY(8px);transition:opacity .25s ease-out,transform .25s ease-out}.tg-bubble{max-width:82%;padding:7px 10px 3px;font-size:14px;line-height:1.4;position:relative;opacity:0;transform:translateY(12px);transition:opacity .3s ease-out,transform .3s ease-out}.tg-visible{opacity:1;transform:translateY(0)}.tg-bubble--outgoing{align-self:flex-end;background:#3390ec;color:#fff;border-radius:16px 16px 4px}.tg-bubble--incoming{align-self:flex-start;background:#1c1c1e;color:#fff;border-radius:16px 16px 16px 4px}.tg-bubble--typing{width:fit-content;padding:10px 14px}.tg-bubble p{margin:0}.tg-bubble-time{display:inline;float:right;font-size:11px;color:#fff6;margin-top:4px;margin-left:8px;line-height:18px}.tg-image-grid{border-radius:12px;overflow:hidden;margin:-4px -4px 4px}.tg-image-grid--single{display:block}.tg-image-grid-item{width:100%;height:auto;max-height:220px;display:block;object-fit:cover;border-radius:12px}.tg-outgoing-image{border:2px solid #7c3aed;border-radius:14px}.tg-reply-block{align-self:flex-start;max-width:90%;background:#1c1c1e;border-radius:16px 16px 16px 4px;padding:10px 12px;font-size:14px;color:#fff}.tg-reply-header{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#ea580c14;border-left:3px solid #ea580c;border-radius:4px;margin-bottom:8px}.tg-reply-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover}.tg-reply-meta{display:flex;flex-direction:column}.tg-reply-name{font-size:13px;font-weight:600;color:var(--accent)}.tg-reply-num{font-size:11px;color:#8e8e93}.tg-reply-platform{font-size:15px;font-weight:600;margin:0 0 6px}.tg-reply-caption{margin:0 0 4px;line-height:1.4}.tg-reply-hashtags{margin:0;color:#5b9bd5;font-size:13px}.tg-button-grid{display:flex;flex-direction:column;gap:3px;padding:0 4px;margin-top:4px;transition:opacity .3s ease-out,height .3s ease-out,margin .3s ease-out,padding .3s ease-out}.tg-button-grid--hiding{opacity:0;height:0;overflow:hidden;margin:0;padding:0;pointer-events:none;transition:opacity .3s ease-in,height .3s ease-in,margin .3s ease-in,padding .3s ease-in}.tg-button-row{display:flex;gap:3px}.tg-inline-button{flex:1;padding:8px 6px;background:#2c2c2ecc;border:.5px solid rgba(255,255,255,.06);border-radius:8px;color:#fff;font-size:13px;font-weight:500;cursor:pointer;text-align:center;transition:background .15s,transform .1s}.tg-inline-button:hover{background:#3a3a3ce6}.tg-inline-button:active{transform:scale(.97)}.tg-inline-button--full{width:100%}.tg-inline-button--danger{color:#ff6b6b}.tg-inline-button--selected{background:#3390ec4d;border-color:#3390ec66}.tg-typing-dots{display:flex;gap:3px;align-items:center}.tg-typing-dot{width:6px;height:6px;border-radius:50%;background:#8e8e93;animation:tgTypingBounce 1.4s ease-in-out infinite}.tg-typing-dot:nth-child(2){animation-delay:.2s}.tg-typing-dot:nth-child(3){animation-delay:.4s}@keyframes tgTypingBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-3px);opacity:1}}.tg-scroll-down{position:absolute;bottom:56px;right:10px;z-index:35;width:34px;height:34px;border-radius:50%;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:.5px solid rgba(255,255,255,.1);color:#ffffffb3;display:grid;place-items:center;cursor:pointer;transition:opacity .2s,transform .2s;padding:0}.tg-bottom-blur{position:absolute;bottom:0;left:0;right:0;height:15%;z-index:2;pointer-events:none;backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);mask-image:linear-gradient(to top,black 0%,black 20%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.15) 60%,transparent 75%);-webkit-mask-image:linear-gradient(to top,black 0%,black 20%,rgba(0,0,0,.5) 40%,rgba(0,0,0,.15) 60%,transparent 75%)}.tg-bottom-blur:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,18,1) 0%,rgba(10,10,18,.95) 30%,rgba(10,10,18,.85) 50%,rgba(10,10,18,.65) 65%,rgba(10,10,18,.35) 78%,rgba(10,10,18,.12) 88%,transparent 100%)}.tg-composer{position:absolute;bottom:14px;left:0;right:0;display:flex;align-items:flex-end;padding:0 22px;gap:5px;z-index:30;transition:bottom .35s cubic-bezier(.2,.8,.2,1)}.tg-composer--kb-open{bottom:290px;padding:0 10px}.tg-composer-btn{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;padding:0;cursor:pointer;background:#ffffff0f;border:.5px solid rgba(255,255,255,.08);margin-bottom:1.5px}.tg-composer-field{min-height:32px;border-radius:17px;padding:0 0 0 11px;flex:1;display:flex;align-items:flex-end;gap:0;background:#ffffff0f;border:.5px solid rgba(255,255,255,.08)}.tg-composer-text{flex:1;color:#fff;font-size:14.5px;line-height:19px;word-break:break-word;padding:7px 0;min-width:0}.tg-composer-placeholder{opacity:.35}.tg-composer-field-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;align-self:flex-end;height:29px;padding:0;margin:0 1.5px 1.5px 0}.tg-composer-field-icon{flex-shrink:0;display:block;height:70%}.tg-cursor{display:inline-block;width:2px;height:18px;background:#3390ec;margin-left:1px;vertical-align:text-bottom;animation:tgCursorBlink 1s step-end infinite}@keyframes tgCursorBlink{0%,to{opacity:1}50%{opacity:0}}.tg-send-circle{width:36px;height:100%;border-radius:17px;background:#3390ec;display:grid;place-items:center;flex-shrink:0;margin:0;animation:tgSendPop .2s ease-out forwards}@keyframes tgSendPop{0%{transform:scale(0)}to{transform:scale(1)}}.tg-keyboard{position:absolute;bottom:0;left:0;width:100%;height:284px;z-index:20;transform:translateY(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1);background:#101010}.tg-keyboard--visible{transform:translateY(0)}.tg-kb-suggestions{display:flex;align-items:center;justify-content:center;gap:0;height:34px;background:transparent;padding:0 10px;border-bottom:.5px solid rgba(255,255,255,.06)}.tg-kb-suggestion{flex:1;text-align:center;font-size:14.5px;color:#aaa}.tg-kb-suggestion--bold{color:#fff;font-weight:500}.tg-kb-divider{width:.5px;height:16px;background:#ffffff1a}.tg-kb-main{display:flex;flex-direction:column;gap:6px;padding:6px 3px 4px}.tg-kb-row{display:flex;gap:4px}.tg-key{flex:1;height:42px;min-width:0;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#3a3a3c;color:#d8d8dc;font-size:21px;font-weight:400;-webkit-user-select:none;user-select:none;transition:background .06s}.tg-key--pressed{background:#5a5a5e}.tg-key--space{flex:4.5;position:relative;background:#3a3a3c}.tg-key-lang{position:absolute;bottom:5px;right:10px;font-size:9.5px;color:#ffffff38;font-weight:500;letter-spacing:.02em}.tg-key-mod{height:42px;min-width:0;display:flex;align-items:center;justify-content:center;border-radius:7px;background:#252527;color:#d8d8dc;flex:1.6;transition:background .06s}.tg-key-mod--wide{flex:1;font-size:14.5px;font-weight:500}.tg-key-mod--return{flex:1.6}.tg-kb-footer{display:flex;justify-content:space-between;align-items:center;padding:6px 14px 4px;color:#ffffff59}.tg-gallery-picker{position:absolute;bottom:0;left:0;right:0;height:55%;background:#1c1c1e;border-radius:14px 14px 0 0;z-index:180;transform:translateY(100%);transition:transform .4s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column}.tg-gallery-picker--visible{transform:translateY(0)}.tg-gallery-header{display:flex;align-items:center;justify-content:center;padding:14px 16px 8px;position:relative}.tg-gallery-close{position:absolute;left:16px;width:28px;height:28px;border-radius:50%;background:#ffffff1a;border:none;color:#fff;font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer}.tg-gallery-title{font-size:15px;font-weight:600;color:#fff;display:flex;align-items:center;gap:4px}.tg-gallery-grid{flex:1;display:grid;grid-template-columns:repeat(3,1fr);gap:2px;padding:8px 2px;overflow:hidden}.tg-gallery-cam{background:#2c2c2e;display:flex;align-items:center;justify-content:center;aspect-ratio:1}.tg-gallery-thumb{position:relative;aspect-ratio:1;overflow:hidden;cursor:pointer}.tg-gallery-thumb img{width:100%;height:100%;object-fit:cover}.tg-gallery-placeholder{width:100%;height:100%}.tg-gallery-thumb--selected{outline:3px solid #3390ec;outline-offset:-3px}.tg-gallery-thumb--selected .tg-gallery-check{display:block}.tg-gallery-check{display:none;position:absolute;top:6px;right:6px;width:22px;height:22px;border-radius:50%;background:#3390ec}.tg-gallery-check:after{content:"✓";color:#fff;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.tg-gallery-tabs{display:flex;gap:16px;padding:8px 16px 12px;border-top:1px solid rgba(255,255,255,.08)}.tg-gallery-tab{font-size:11px;color:#fff6;display:flex;flex-direction:column;align-items:center;gap:2px}.tg-gallery-tab--active{color:#3390ec}.tg-attachment-preview{position:absolute;inset:0;background:#000;z-index:200;display:flex;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .3s ease;border-radius:44px;overflow:hidden}.tg-attachment-preview--visible{opacity:1;pointer-events:auto}.tg-attachment-preview-header{padding:54px 16px 8px}.tg-attachment-preview-name{color:#fff9;font-size:13px}.tg-attachment-preview-img{flex:1;object-fit:contain;width:100%;min-height:0}.tg-attachment-preview-bottom{padding:8px 16px 24px}.tg-attachment-caption{padding:10px 14px;background:#ffffff14;border-radius:20px;color:#ffffff59;font-size:14px;margin-bottom:12px}.tg-attachment-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 8px}.tg-attachment-send{width:36px;height:36px;border-radius:50%;background:#3390ec;display:flex;align-items:center;justify-content:center}}@layer pages{.input-mode-toggle{display:inline-flex;background:var(--surface-strong);border-radius:12px;padding:3px;border:1px solid var(--panel-border);margin-bottom:3px}.input-mode-btn{padding:5px 20px;border:none;background:transparent;color:var(--text-soft);font-size:.9rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:6px}.input-mode-btn--active{background:var(--accent);color:#fff}.input-mode-btn--sm{padding:5px 14px;font-size:.8rem}.pricing-custom-strip{display:flex;align-items:center;gap:0;height:0;overflow:hidden;opacity:0;transition:height .25s cubic-bezier(.4,0,.2,1),opacity .2s ease;border-top:1px solid transparent;background:color-mix(in srgb,var(--teal) 8%,transparent)}.pricing-custom-strip--visible{height:28px;opacity:1;border-top-color:#ffffff0f}.pricing-custom-slider{flex:1;min-width:0;cursor:pointer;accent-color:var(--accent);margin:0;padding:0 8px;height:28px;-webkit-appearance:none;appearance:none;background:transparent}.pricing-custom-slider::-webkit-slider-runnable-track{height:3px;background:#ffffff1f;border-radius:2px;border:none}.pricing-custom-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent);margin-top:-5.5px;cursor:pointer;border:none;box-shadow:none}.pricing-custom-slider::-moz-range-track{height:3px;background:#ffffff1f;border-radius:2px;border:none}.pricing-custom-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent);cursor:pointer;border:none}.pricing-custom-slider:focus{outline:none}.pricing-custom-slider:focus-visible{outline:none}.pricing-custom-num{width:38px;text-align:center;font-size:.8rem;font-weight:700;color:var(--teal);background:transparent;border:none;border-left:1px solid rgba(255,255,255,.06);outline:none;font-variant-numeric:tabular-nums;padding:0 4px;height:28px;flex-shrink:0}.ablauf-platforms{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.ablauf-platform-label{display:inline-flex;align-items:center;gap:4px;color:var(--text-soft);font-size:.78rem;font-weight:500}.ablauf-brand-icon{width:18px;height:18px}.ablauf-brand-text{display:block;margin-right:-4px}.ablauf-platform-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;border-radius:999px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:.78rem;font-weight:600;letter-spacing:.01em}.ablauf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;flex:1}.ablauf-card{background:color-mix(in srgb,var(--surface-strong) 60%,transparent);border:1px solid var(--panel-border);border-radius:24px;padding:24px;display:flex;flex-direction:column;gap:12px;box-shadow:var(--shadow-lg);height:clamp(400px,58svh,560px);overflow:hidden}.ablauf-card-header{display:flex;align-items:center;gap:12px}.ablauf-step-number{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.95rem;flex-shrink:0}.ablauf-card-title{margin:0;font-size:1.5rem;color:var(--text-primary)}.ablauf-card-desc{margin:0;color:var(--text-secondary);line-height:1.5;font-size:.95rem}.ablauf-pipeline{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding:8px 0;flex:1;min-height:0;justify-content:center}.ablauf-pipeline-node{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);opacity:.4;transition:all .5s ease;font-size:.85rem;color:var(--text-soft)}.ablauf-pipeline-node--active{opacity:1;border-color:var(--node-color, var(--teal));box-shadow:0 0 12px color-mix(in srgb,var(--node-color, var(--teal)) 30%,transparent)}.ablauf-pipeline-node--active .ablauf-pipeline-dot{background:var(--node-color, var(--teal));box-shadow:0 0 8px var(--node-color, var(--teal))}.ablauf-pipeline-dot{width:8px;height:8px;border-radius:50%;background:#ffffff26;transition:all .5s ease;flex-shrink:0}.ablauf-pipeline-line{width:2px;height:12px;background:linear-gradient(to bottom,var(--teal),var(--accent));margin:0 auto;opacity:.3}.ablauf-pipeline-parallel{display:flex;gap:6px}.ablauf-pipeline-parallel .ablauf-pipeline-node{flex:1;font-size:.75rem;padding:8px 10px}.ablauf-card--active{border-color:color-mix(in srgb,var(--accent) 30%,var(--panel-border))}.ablauf-cursor{display:inline-block;width:2px;height:12px;background:#3390ec;margin-left:1px;vertical-align:middle;animation:tgCursorBlink 1s step-end infinite}.ablauf-animate-in{animation:ablaufFadeIn .4s ease-out}.ablauf-animate-slide{animation:ablaufSlideUp .4s cubic-bezier(.2,.8,.2,1)}@keyframes ablaufFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes ablaufSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.nav-link{text-decoration:none;gap:6px}.nav-link-icon{display:inline-flex;width:16px;height:16px;align-items:center;justify-content:center;flex:0 0 auto}.nav-link-icon-mark{display:grid;place-items:center;width:16px;height:16px;color:color-mix(in srgb,var(--text-soft) 78%,var(--accent) 22%);opacity:.92;transition:transform .18s ease,color .18s ease,opacity .18s ease}.nav-link-icon-mark svg{width:16px;height:16px}.nav-link-label{min-width:0}.nav-link:hover .nav-link-icon-mark,.nav-link.active .nav-link-icon-mark,.nav-link:focus-visible .nav-link-icon-mark{color:color-mix(in srgb,var(--text-primary) 78%,var(--accent) 22%)}.site-controls-row,.site-entry-row{display:inline-flex;align-items:center;gap:10px}.site-access-button{white-space:nowrap}@keyframes headerDrawerRise{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes navIconHover{0%{transform:translateY(0) scale(1) rotate(0)}55%{transform:translateY(-2px) scale(1.07) rotate(-7deg)}to{transform:translateY(-1px) scale(1.03) rotate(0)}}@keyframes navIconPress{0%{transform:translateY(0) scale(1)}45%{transform:translateY(1px) scale(.9)}to{transform:translateY(0) scale(.96)}}}@layer pages{.blog-page{min-height:100vh;overflow-x:clip}.blog-shell{width:min(1280px,calc(100vw - 32px));margin:0 auto}.blog-hero{margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-3xl)}.blog-hero-top{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:6px}.blog-hero-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background:var(--teal-bg);color:var(--teal);flex-shrink:0;border:1px solid var(--teal-border)}.blog-hero h1{margin:0;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.15}.blog-hero .hero-text{margin:0;color:var(--text-soft);font-size:.88rem;line-height:1.55}.blog-filters{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-3xl)}.blog-filter-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--radius-md);border:1px solid var(--panel-border);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:500;transition:all var(--duration-fast) var(--ease-out-expo);-webkit-user-select:none;user-select:none}.blog-filter-btn svg{opacity:.6;transition:opacity var(--duration-fast)}.blog-filter-btn:hover svg{opacity:1}.blog-filter-btn:hover{border-color:var(--panel-border-mid);color:var(--text-primary);background:var(--surface-2);transform:translateY(-1px)}.blog-filter-btn:active{transform:translateY(0) scale(.97);transition-duration:60ms}.blog-filter-btn--active{background:var(--teal-bg);border-color:var(--teal-border);color:var(--teal)}.blog-filter-btn--active svg{opacity:1}.blog-filter-count{font-size:.72rem;font-family:var(--font-mono);opacity:.6;margin-left:2px}.blog-filter-btn--b2c.blog-filter-btn--active{background:var(--accent-bg);border-color:var(--accent-border);color:var(--accent-soft)}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-bottom:var(--spacing-5xl)}.blog-card{position:relative;background:var(--surface-1);border:1px solid var(--panel-border);border-radius:var(--radius-xl);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo),box-shadow var(--duration-normal) var(--ease-out-expo);text-decoration:none;color:inherit;animation:fadeInUp var(--duration-entrance) var(--ease-out-expo) both;animation-delay:calc(var(--i, 0) * 70ms)}.blog-card:hover{transform:translateY(-4px);border-color:var(--panel-border-mid);box-shadow:var(--shadow-md),0 0 40px #14b8a60f}.blog-card:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity var(--duration-normal);pointer-events:none;background:radial-gradient(600px circle at var(--mouse-x, 50%) var(--mouse-y, 50%),rgba(20,184,166,.06) 0%,transparent 60%)}.blog-card:hover:before{opacity:1}.blog-card--hero{grid-column:span 2}.blog-card--hero .blog-card-image{aspect-ratio:2.2 / 1}.blog-card--hero .blog-card-image--placeholder{aspect-ratio:2.5 / 1}.blog-card--hero h2{font-size:1.4rem}.blog-card-image{aspect-ratio:16 / 9;overflow:hidden;flex-shrink:0;position:relative}.blog-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-slow) var(--ease-out-expo)}.blog-card:hover .blog-card-image img{transform:scale(1.05)}.blog-card-image--placeholder{background:linear-gradient(145deg,var(--surface-2) 0%,var(--surface-3) 50%,var(--surface-2) 100%)}.blog-card-image--b2b{background:linear-gradient(145deg,rgba(14,142,130,.06) 0%,var(--surface-2) 50%,rgba(14,142,130,.03) 100%)}.blog-card-image--b2c{background:linear-gradient(145deg,rgba(249,115,22,.06) 0%,var(--surface-2) 50%,rgba(249,115,22,.03) 100%)}.blog-card-image-pattern{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-ultra-soft);opacity:.5}.blog-card-body{padding:var(--spacing-xl) var(--spacing-2xl) var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1}.blog-card-meta{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.blog-card h2{margin:0;font-size:1.15rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);line-height:1.4}.blog-card-excerpt{margin:0;color:var(--text-secondary);font-size:.92rem;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.blog-card-date,.blog-reading-time{display:inline-flex;align-items:center;gap:4px;font-family:var(--font-mono);font-size:.75rem;color:var(--text-soft)}.blog-card-read{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;font-weight:600;margin-top:auto;padding:5px 14px;border-radius:var(--radius-pill);transition:all var(--duration-fast) var(--ease-out-expo)}.blog-card{cursor:pointer}.blog-card--b2b .blog-card-read{color:var(--teal);background:var(--teal-bg)}.blog-card--b2c .blog-card-read{color:var(--accent-soft);background:var(--accent-bg)}.blog-card--both .blog-card-read{color:var(--teal);background:var(--teal-bg)}.blog-card-read svg{transition:transform var(--duration-fast) var(--ease-out-expo)}.blog-card:hover .blog-card-read svg{transform:translate(4px)}.blog-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:var(--spacing-sm)}.blog-card-stats{display:flex;align-items:center;gap:var(--spacing-md)}.blog-card-stat{display:inline-flex;align-items:center;gap:4px;font-size:.75rem;color:var(--text-soft);font-family:var(--font-mono)}.blog-card-stat--like{color:#ef4444}.blog-badge{display:inline-flex;align-items:center;gap:5px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;padding:4px 10px;border-radius:var(--radius-sm)}.blog-badge--b2b{background:var(--teal-bg);color:var(--teal);border:1px solid var(--teal-border)}.blog-badge--b2c{background:var(--accent-bg);color:var(--accent-soft);border:1px solid var(--accent-border)}.blog-badge--both{background:var(--surface-accent);color:var(--text-secondary);border:1px solid var(--panel-border-mid)}.blog-article-shell{width:min(860px,calc(100vw - 32px));margin:0 auto;padding-top:var(--spacing-3xl);padding-bottom:var(--spacing-6xl)}.blog-article-hero-wrap{border-radius:var(--radius-xl);overflow:hidden;margin-bottom:var(--spacing-3xl);border:1px solid var(--panel-border)}.blog-article-hero-img{width:100%;max-height:480px;object-fit:cover;display:block}.blog-back-link{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-size:.95rem;font-weight:700;letter-spacing:-.01em;color:var(--teal);text-decoration:none;margin:var(--spacing-2xl) 0 var(--spacing-xl);padding:var(--spacing-md) var(--spacing-2xl) var(--spacing-md) var(--spacing-lg);border-radius:999px;border:1.5px solid var(--teal-border);background:linear-gradient(180deg,var(--teal-bg),color-mix(in srgb,var(--teal-bg) 60%,var(--surface)));box-shadow:0 2px 8px #14b8a61a;transition:all var(--duration-fast) var(--ease-out-expo)}.blog-back-link:hover{color:var(--teal);border-color:var(--teal);background:linear-gradient(180deg,var(--teal-bg),color-mix(in srgb,var(--teal-bg) 80%,var(--surface)));box-shadow:0 4px 16px #14b8a633;transform:translate(-4px)}.blog-back-link:active{transform:translate(-2px) scale(.96);box-shadow:0 1px 4px #14b8a626}.blog-back-link svg{transition:transform var(--duration-fast) var(--ease-out-expo)}.blog-back-link:hover svg{transform:translate(-4px)}.blog-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--teal),var(--accent));z-index:35;transition:width 80ms linear;border-radius:0 2px 2px 0}.blog-article-header{margin-bottom:var(--spacing-4xl)}.blog-article-header h1{margin:var(--spacing-lg) 0 0;font-size:clamp(1.8rem,4vw,2.4rem);font-weight:800;letter-spacing:-.02em;color:var(--text-primary);line-height:1.25}.blog-article-meta{display:flex;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl);color:var(--text-soft);font-size:.85rem}.blog-article-meta span{display:inline-flex;align-items:center;gap:4px}.blog-meta-sep{color:var(--text-ultra-soft)}.blog-article-layout{display:grid;grid-template-columns:48px 1fr;gap:var(--spacing-3xl);align-items:start}.blog-share-bar{position:sticky;top:120px;display:flex;flex-direction:column;align-items:center;gap:6px}.blog-share-btn,.blog-like-btn,.blog-save-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:none;background:transparent;color:var(--text-ultra-soft);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.blog-share-btn:hover,.blog-like-btn:hover,.blog-save-btn:hover{color:var(--text-primary);background:var(--surface-2);transform:scale(1.1)}.blog-like-btn--active{color:#ef4444;background:#ef444414}.blog-save-btn--active{color:var(--teal);background:var(--teal-bg)}.blog-share-divider{width:16px;height:1px;background:var(--panel-border);margin:2px 0}.blog-article-body{min-width:0}.blog-article-body h2{font-size:1.45rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin:var(--spacing-5xl) 0 var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:2px solid color-mix(in srgb,var(--teal) 25%,transparent)}.blog-article-body h3{font-size:1.15rem;font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin:var(--spacing-4xl) 0 var(--spacing-lg)}.blog-article-body p{font-size:1.05rem;line-height:1.78;color:var(--text-secondary);margin:var(--spacing-xl) 0}.blog-article-body a{color:var(--teal);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color var(--duration-fast)}.blog-article-body a:hover{color:var(--teal-soft)}.blog-article-body ul,.blog-article-body ol{padding-left:var(--spacing-3xl);margin:var(--spacing-xl) 0}.blog-article-body li{font-size:1.05rem;line-height:1.78;color:var(--text-secondary);margin:var(--spacing-sm) 0}.blog-article-body strong{color:var(--text-primary)}.blog-article-body blockquote{border-left:3px solid var(--teal);padding:var(--spacing-xl) var(--spacing-2xl);margin:var(--spacing-3xl) 0;background:linear-gradient(135deg,var(--teal-bg) 0%,color-mix(in srgb,var(--teal-bg) 40%,var(--surface)) 100%);border-radius:0 var(--radius-md) var(--radius-md) 0;position:relative}.blog-article-body blockquote:before{content:"“";position:absolute;top:-8px;left:16px;font-size:3rem;color:var(--teal);opacity:.2;font-weight:700;line-height:1}.blog-article-body blockquote p{color:var(--text-primary);font-style:italic}.blog-article-body img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-3xl) 0;border:1px solid var(--panel-border)}.blog-article-body table{width:100%;border-collapse:collapse;margin:var(--spacing-3xl) 0;font-size:.95rem}.blog-article-body th,.blog-article-body td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--panel-border);text-align:left;color:var(--text-secondary)}.blog-article-body th{color:var(--text-primary);font-weight:600}.blog-related{margin-top:var(--spacing-6xl);padding-top:var(--spacing-4xl);border-top:1px solid var(--panel-border)}.blog-related h2{font-weight:700;font-size:1.3rem;margin:0 0 var(--spacing-xl);color:var(--text-primary)}.blog-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.blog-related-card{display:flex;flex-direction:column;background:var(--surface-1);border:1px solid var(--panel-border);border-radius:var(--radius-md);overflow:hidden;text-decoration:none;transition:all var(--duration-normal) var(--ease-out-expo);animation:fadeInUp var(--duration-entrance) var(--ease-out-expo) both}.blog-related-card:nth-child(1){animation-delay:0ms}.blog-related-card:nth-child(2){animation-delay:80ms}.blog-related-card:nth-child(3){animation-delay:.16s}.blog-related-card:hover{border-color:var(--teal-border);transform:translateY(-3px);box-shadow:var(--shadow-md)}.blog-related-card .blog-card-image{aspect-ratio:16 / 10}.blog-related-title{padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);font-size:.88rem;font-weight:500;line-height:1.4}.blog-related-card:hover .blog-related-title{color:var(--teal)}.blog-comments{margin-top:var(--spacing-5xl);padding-top:var(--spacing-4xl);border-top:1px solid var(--panel-border)}.blog-comments h2{font-weight:700;font-size:1.3rem;margin:0 0 var(--spacing-xl);color:var(--text-primary)}.blog-comments-empty{color:var(--text-soft);font-size:.92rem;font-style:italic}.blog-comments-list{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-bottom:var(--spacing-3xl)}.blog-comment{padding:var(--spacing-xl);border:1px solid var(--panel-border);border-radius:var(--radius-md);background:var(--surface-1)}.blog-comment-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.blog-comment-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--teal),var(--accent));color:var(--button-text);display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;flex-shrink:0}.blog-comment-info{display:flex;flex-direction:column;gap:2px;flex:1}.blog-comment-name{font-weight:600;font-size:.88rem;color:var(--text-primary)}.blog-comment-date{font-size:.75rem;color:var(--text-soft);font-family:var(--font-mono)}.blog-comment-delete{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-ultra-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast)}.blog-comment-delete:hover{color:var(--danger);border-color:var(--danger);background:#ef44440f}.blog-comment-text{margin:0;font-size:.95rem;line-height:1.6;color:var(--text-secondary);white-space:pre-wrap}.blog-comment-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.blog-comment-input{width:100%;padding:var(--spacing-lg);border:1px solid var(--panel-border);border-radius:var(--radius-md);background:var(--surface-1);color:var(--text-primary);font-size:.95rem;font-family:inherit;line-height:1.6;resize:vertical;transition:border-color var(--duration-fast)}.blog-comment-input:focus{outline:none;border-color:var(--teal)}.blog-comment-error{color:var(--danger);font-size:.85rem;margin:0}.blog-comment-submit{align-self:flex-end;padding:var(--spacing-sm) var(--spacing-2xl);background:linear-gradient(180deg,var(--teal) 0%,var(--teal-strong) 100%);color:var(--button-text);border:none;border-radius:var(--radius-md);font-weight:600;font-size:.88rem;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.blog-comment-submit:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 8px #14b8a640}.blog-comment-submit:disabled{opacity:.5;cursor:not-allowed}.blog-comment-login{color:var(--text-soft);font-size:.92rem}.blog-comment-login a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}.blog-cta{margin-top:var(--spacing-5xl);padding:var(--spacing-4xl);border:1px solid var(--teal-border);background:linear-gradient(135deg,var(--teal-bg) 0%,color-mix(in srgb,var(--accent-bg) 30%,var(--teal-bg)) 100%);border-radius:var(--radius-xl);text-align:center;position:relative;overflow:hidden}.blog-cta:before{content:"";position:absolute;top:-50%;right:-20%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--teal) 8%,transparent) 0%,transparent 70%);pointer-events:none}.blog-cta p{margin:0 0 var(--spacing-xl);font-size:1.15rem;color:var(--text-primary)}.blog-cta-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-3xl);background:linear-gradient(180deg,var(--teal) 0%,var(--teal-strong) 100%);color:var(--button-text);border-radius:var(--radius-md);text-decoration:none;font-weight:600;font-size:.95rem;box-shadow:inset 0 1px #ffffff26,0 2px 8px #14b8a640;transition:all var(--duration-fast) var(--ease-out-expo)}.blog-cta-btn:hover{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff26,0 4px 16px #14b8a64d}.blog-reveal{opacity:0;transform:translateY(24px);transition:opacity .5s var(--ease-out-expo),transform .5s var(--ease-out-expo)}.blog-reveal--visible{opacity:1;transform:translateY(0)}.blog-toc{margin-bottom:var(--spacing-4xl);padding:var(--spacing-2xl);border:1px solid var(--panel-border);border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--surface-1),color-mix(in srgb,var(--surface-1) 90%,var(--teal-bg)))}.blog-toc-title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--teal);margin:0 0 var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--panel-border)}.blog-toc-title:before{content:"";display:inline-block;width:16px;height:16px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'/%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'/%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='8' y1='6' x2='21' y2='6'/%3E%3Cline x1='8' y1='12' x2='21' y2='12'/%3E%3Cline x1='8' y1='18' x2='21' y2='18'/%3E%3Cline x1='3' y1='6' x2='3.01' y2='6'/%3E%3Cline x1='3' y1='12' x2='3.01' y2='12'/%3E%3Cline x1='3' y1='18' x2='3.01' y2='18'/%3E%3C/svg%3E") center / contain no-repeat;flex-shrink:0}.blog-toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px;counter-reset:toc}.blog-toc-item a{display:flex;align-items:baseline;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-size:.88rem;line-height:1.5;transition:all var(--duration-fast) var(--ease-out-expo);border-left:2px solid transparent;cursor:pointer}.blog-toc-item a:before{counter-increment:toc;content:counter(toc,decimal-leading-zero);font-size:.72rem;font-weight:700;color:var(--text-ultra-soft);font-variant-numeric:tabular-nums;min-width:1.4em;flex-shrink:0;transition:color var(--duration-fast)}.blog-toc-item a:hover{color:var(--teal);background:var(--surface-2);transform:translate(4px)}.blog-toc-item a:hover:before{color:var(--teal)}.blog-toc-item--active a{color:var(--teal);border-left-color:var(--teal);background:var(--teal-bg);font-weight:600}.blog-toc-item--active a:before{color:var(--teal)}.blog-back-top{position:fixed;bottom:24px;left:24px;width:40px;height:40px;border-radius:50%;border:1px solid var(--panel-border);background:var(--surface-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-soft);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:40;transition:all var(--duration-normal) var(--ease-out-expo);box-shadow:0 2px 12px #0000001a}.blog-back-top:hover{color:var(--teal);border-color:var(--teal-border);transform:translateY(-2px)}.blog-back-top--hidden{opacity:0;transform:translateY(20px);pointer-events:none}.blog-article-body blockquote strong{display:block;font-size:1.15rem;line-height:1.5;color:var(--text-primary);font-style:normal}@media(max-width:1024px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-card--hero{grid-column:span 2}.blog-related-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.blog-grid{grid-template-columns:1fr}.blog-card--hero{grid-column:span 1}.blog-card--hero .blog-card-image{aspect-ratio:16 / 9}.blog-card--hero h2{font-size:1.25rem}.blog-card-body{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xl)}.blog-hero-top{gap:var(--spacing-md)}.blog-filters{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:var(--spacing-xs)}.blog-filters::-webkit-scrollbar{display:none}.blog-filter-btn{flex-shrink:0;font-size:.8rem;padding:var(--spacing-xs) var(--spacing-md);gap:var(--spacing-xs)}.blog-shell,.blog-article-shell{width:calc(100vw - 40px)}.blog-article-layout{grid-template-columns:1fr;gap:0}.blog-share-bar--desktop{display:none}.blog-related-grid{grid-template-columns:1fr}.blog-article-body h2{font-size:1.25rem;margin-top:var(--spacing-4xl)}.blog-article-body h3{font-size:1.05rem;margin-top:var(--spacing-3xl)}.blog-article-body blockquote{padding:var(--spacing-lg) var(--spacing-xl)}.blog-article-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;font-size:.85rem}.blog-toc{padding:var(--spacing-md) var(--spacing-lg)}.blog-toc-title{cursor:pointer;display:flex;align-items:center;justify-content:space-between}.blog-toc-title:after{content:"▶";font-size:.6rem;color:var(--text-soft);transition:transform var(--duration-fast)}.blog-toc--open .blog-toc-title:after{transform:rotate(90deg)}.blog-toc-list{max-height:0;overflow:hidden;transition:max-height .3s var(--ease-out-expo);margin-top:0}.blog-toc--open .blog-toc-list{max-height:500px;margin-top:var(--spacing-md)}.blog-comment-input{font-size:16px}.blog-comment-submit{align-self:stretch;text-align:center}.blog-cta{padding:var(--spacing-2xl) var(--spacing-xl)}.blog-cta p{font-size:1rem}.blog-back-top{bottom:calc(24px + env(safe-area-inset-bottom,0px))}}.blog-fab{display:none}@media(max-width:768px){.blog-fab{display:block;position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));right:16px;z-index:45;transition:transform var(--duration-normal) var(--ease-out-expo),opacity var(--duration-normal) var(--ease-out-expo)}.blog-fab--hidden{transform:translateY(80px);opacity:0;pointer-events:none}.blog-fab-trigger{width:52px;height:52px;border-radius:50%;border:1px solid var(--panel-border);background:var(--surface-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--teal);display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 4px 20px #00000026;transition:all var(--duration-fast) var(--ease-out-expo)}.blog-fab--open .blog-fab-trigger{background:var(--surface-2);color:var(--text-secondary)}.blog-fab-menu{position:absolute;bottom:62px;right:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--surface-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--panel-border);border-radius:var(--radius-xl);box-shadow:0 8px 32px #0003;animation:fabMenuIn var(--duration-fast) var(--ease-out-expo) both;max-height:calc(100vh - 120px);overflow-y:auto}.blog-fab-menu .blog-share-divider{width:24px;height:1px;background:var(--panel-border);margin:2px 0}@keyframes fabMenuIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}}}