.no-transition *,.no-transition *:before,.no-transition *:after{transition:none!important}#card-number-element,#card-expiry-element,#card-cvv-element{padding:12px;margin-bottom:0;border:1px solid var(--border-muted);border-radius:var(--radius-sm);background:var(--bg-tertiary)}.top-header{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:20px 40px;border-bottom:2px solid var(--border-color);box-shadow:0 2px 8px #0000000d;background:var(--bg-primary)}body{overflow-x:hidden;font-family:DM Sans,sans-serif;line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);transition:background-color var(--duration-base) ease,color var(--duration-base) ease}.hidden{display:none!important}h1,h2,h3,h4{font-family:sans-serif}nav{position:fixed;top:0;z-index:1000;width:100%;padding:1.5rem 5%;box-shadow:0 2px 20px var(--shadow-color);background:var(--bg-primary);backdrop-filter:blur(10px);animation:slideDown var(--duration-slow) ease-out;transition:background-color var(--duration-base) ease,box-shadow var(--duration-base) ease}nav .nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto}nav ul{display:flex;gap:3rem;list-style:none}nav a{position:relative;text-decoration:none;font-weight:500;color:var(--dark-text);transition:color var(--duration-base)}nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary-blue);transition:width var(--duration-base)}nav a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:1.5rem}nav ul li a{color:var(--text-primary)}.nav-burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:6px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);transition:background var(--duration-fast);cursor:pointer}.nav-burger:hover{background:#009ace14}.nav-burger-line{display:block;width:22px;height:2px;border-radius:var(--radius-xs);background:currentColor;transition:transform var(--duration-base) ease,opacity var(--duration-base) ease}.mobile-nav-overlay{position:fixed;inset:0;z-index:10200;display:flex;overflow-y:scroll;overscroll-behavior:contain;flex-direction:column;padding:1.5rem 6%;background:var(--bg-primary);transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);pointer-events:none}.mobile-nav-overlay.active{transform:translate(0);pointer-events:auto}.mobile-nav-overlay button,.mobile-nav-overlay a{touch-action:manipulation;cursor:pointer}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:2.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border-color)}.mobile-nav-header-actions{display:flex;align-items:center;gap:.75rem}.mobile-nav-close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--text-primary);transition:background var(--duration-fast),color var(--duration-fast);cursor:pointer}.mobile-nav-close:hover{background:#009ace14;color:var(--primary-blue)}.mobile-nav-links{display:flex;flex-direction:column;flex:1}.mobile-nav-link{display:block;padding:1.25rem 0;border-bottom:1px solid var(--border-color);text-decoration:none;font-size:2rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary);transition:color var(--duration-fast),padding-left var(--duration-fast)}.mobile-nav-link:hover{padding-left:.5rem;color:var(--primary-blue)}.mobile-nav-link:after{display:none}.mobile-nav-actions{display:flex;flex-direction:column;gap:1rem;margin-top:2.5rem;padding-bottom:2rem}.mobile-nav-signin{justify-content:center;width:100%;padding:.85rem 1.5rem;text-align:center;font-size:1rem}.mobile-cta-full{justify-content:center;width:100%;padding:.9rem 1.5rem;text-align:center;font-size:1rem}.credit-chip{display:inline-flex;align-items:center;gap:.65rem;padding:.4rem 1rem .4rem .4rem;border:1.5px solid rgba(0,154,206,.28);border-radius:14px;background:linear-gradient(135deg,#009ace1a,#009ace0a);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease;cursor:default}.credit-chip:hover{border-color:var(--primary-blue);box-shadow:0 0 0 3px #009ace1a}[data-theme=dark] .credit-chip{border-color:#009ace59;background:linear-gradient(135deg,#009ace26,#009ace0f)}.credit-chip-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border-radius:9px;background:var(--primary-blue)}.credit-chip-icon svg{width:17px;height:17px;color:var(--color-white);stroke:var(--color-white)}.credit-chip-body{display:flex;flex-direction:column;gap:.2rem;line-height:1}.credit-chip-label{font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary)}.credit-chip-value{font-size:1.05rem;font-weight:800;letter-spacing:-.02em;color:var(--text-primary);transition:color .25s ease}@keyframes credit-pop{0%{transform:scale(1)}35%{color:var(--primary-blue);transform:scale(1.12)}to{transform:scale(1)}}.credit-chip-value.updating{animation:credit-pop .55s cubic-bezier(.34,1.56,.64,1) forwards}.dark-mode-toggle{position:relative;z-index:10;display:flex;overflow:hidden;align-items:center;justify-content:center;flex-shrink:0;width:50px;height:50px;border-radius:var(--radius-circle);border:2px solid var(--border-color);background:var(--card-bg);transition:transform var(--duration-base) ease,border-color var(--duration-base) ease,background-color var(--duration-base) ease;cursor:pointer}.dark-mode-toggle:hover{border-color:var(--primary-blue);transform:scale(1.1)}.dark-mode-toggle:active{transform:scale(.95)}.dark-mode-toggle.spinning{animation:dark-mode-spin .3s ease forwards}@keyframes dark-mode-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.dark-mode-toggle svg{width:24px;height:24px;transition:transform var(--duration-base) ease,opacity var(--duration-base) ease;pointer-events:none}.dark-mode-toggle .sun-icon{display:block;fill:var(--star-color)}.dark-mode-toggle .moon-icon{display:none;fill:var(--star-color)}[data-theme=dark] .dark-mode-toggle .sun-icon{display:none}[data-theme=dark] .dark-mode-toggle .moon-icon{display:block}.value-card,.help-category,.integration-card{background:var(--card-bg);color:var(--text-primary);transition:background-color var(--duration-base) ease,color var(--duration-base) ease,transform var(--duration-base) ease,border-color var(--duration-base) ease}.value-card h4,.help-category h3,.integration-card h4,.about-section h3,.help-header h2,.integration-header h2{color:var(--text-primary)}.value-card p,.help-category p,.integration-card p{color:var(--text-secondary)}input,textarea,select{border-color:var(--border-color);background:var(--input-bg);color:var(--text-primary);transition:background-color var(--duration-base) ease,color var(--duration-base) ease,border-color var(--duration-base) ease}input::placeholder,textarea::placeholder{color:var(--text-secondary);opacity:.6}.signin-container,.getstarted-container,.integration-container,.about-container,.help-container{background:var(--modal-bg);color:var(--text-primary);transition:background-color var(--duration-base) ease,color var(--duration-base) ease}.logo span{color:var(--text-primary)}.integration-logo,.help-category-icon,.value-icon{transition:background var(--duration-base) ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.logo{display:flex;align-items:center;gap:.8rem;font-family:sans-serif;font-size:1.8rem;font-weight:800;-webkit-text-fill-color:transparent;background:var(--gradient-1);background-clip:text}.logo-icon{position:relative;display:flex;align-items:center;justify-content:center;width:45px;height:45px;padding:3px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--primary-blue) 12%,transparent)}.logo-icon img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,154,206,.55))}.sign-in-link{--signin-link-accent: #0f766e;--signin-link-accent-light: #14b8a6;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.7rem 1.5rem;border:2px solid rgba(20,184,166,.42);box-shadow:0 2px 10px var(--shadow-color);border-radius:var(--radius-pill);text-decoration:none;font-weight:600;white-space:nowrap;color:var(--signin-link-accent);background:var(--bg-primary);transition:color var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),transform var(--duration-base) var(--ease-standard)}.sign-in-link:hover{border-color:var(--signin-link-accent-light);box-shadow:0 6px 25px #0f766e4d;color:var(--color-white);background:linear-gradient(135deg,var(--signin-link-accent),var(--signin-link-accent-light));transform:translateY(-2px)}.sign-in-link:focus-visible{outline:none;box-shadow:0 0 0 4px #14b8a62e,0 6px 25px #0f766e3d}.sign-in-link:active{transform:translateY(0)}.sign-in-link--icon i{font-size:.9rem}[data-theme=dark] .sign-in-link{border-color:#2dd4bf66;box-shadow:0 2px 10px #0000004d;color:#5eead4;background:var(--card-bg)}[data-theme=dark] .sign-in-link:hover{border-color:#5eead4;box-shadow:0 6px 25px #14b8a64d;color:var(--color-white);background:linear-gradient(135deg,var(--signin-link-accent),var(--signin-link-accent-light))}nav .sign-in-link:after,nav .cta-button:after{display:none}.cta-button{padding:.75rem 2rem;border-radius:var(--radius-pill);box-shadow:0 4px 15px #009ace4d;text-decoration:none;font-weight:600;background:var(--gradient-1);color:#fff;transition:transform var(--duration-base),box-shadow var(--duration-base)}.cta-button:hover{box-shadow:0 6px 25px #009ace66;transform:translateY(-2px)}.cta-button--icon{display:inline-flex;align-items:center;gap:.45rem;padding:.75rem 1.75rem;white-space:nowrap}.lab-section{padding:0;background:var(--bg-primary)}.lab-container{position:relative;display:flex;overflow:hidden;width:100%;height:780px}.lab-btn-bar-wrapper{position:absolute;left:1.25rem;top:50%;z-index:10;display:flex;flex-direction:column;align-items:center;gap:.5rem;max-height:calc(100% - 2.5rem);transform:translateY(-50%)}.lab-bar-arrow{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-circle);border:1.5px solid rgba(0,154,206,.25);box-shadow:0 2px 10px #009ace1f;background:#ffffffeb;color:var(--primary-blue);backdrop-filter:blur(12px);transition:background var(--duration-fast) ease,box-shadow var(--duration-fast) ease;cursor:pointer}.lab-bar-arrow svg{width:1rem;height:1rem}.lab-bar-arrow:hover{box-shadow:0 4px 16px #009ace40;background:#009ace1f}[data-theme=dark] .lab-bar-arrow{border-color:#009ace4d;background:#14181eeb}[data-theme=dark] .lab-bar-arrow:hover{background:#009ace2e}.lab-btn-bar{display:flex;overflow-y:auto;overflow-x:hidden;flex-direction:column;align-items:stretch;gap:.35rem;padding:.6rem .4rem;border:1.5px solid rgba(0,154,206,.2);border-radius:var(--radius-2xl);box-shadow:0 4px 24px #009ace24;background:#ffffffeb;backdrop-filter:blur(12px);scrollbar-width:none;scroll-behavior:smooth}.lab-btn-bar::-webkit-scrollbar{display:none}[data-theme=dark] .lab-btn-bar{border-color:#009ace4d;background:#14181eeb}.lab-btn-bar .lab-object-item{flex-shrink:0;padding:.4rem .85rem;border-radius:var(--radius-pill);border:none;box-shadow:none;font-size:.78rem;background:transparent;transform:none}.lab-btn-bar .lab-object-item:before{display:none}.lab-btn-bar .lab-object-item:hover{border:none;box-shadow:none;background:#009ace1f;transform:none}[data-theme=dark] .lab-btn-bar .lab-object-item:hover{background:#009ace2e}.lab-btn-bar .lab-object-item.active{box-shadow:0 2px 10px #009ace59;background:var(--gradient-1)}.lab-btn-sep{flex-shrink:0;height:1.5px;width:100%;margin:.1rem 0;border-radius:var(--radius-xs);background:#009ace40}.lab-object-item{position:relative;overflow:hidden;display:flex;align-items:center;gap:.6rem;padding:.75rem 1rem;border:1.5px solid transparent;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;background:var(--bg-primary);color:var(--text-primary);transition:background-color .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease,color .22s ease;cursor:pointer}[data-theme=dark] .lab-object-item{background:var(--bg-tertiary);color:var(--text-primary)}.lab-object-item:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;border-radius:12px 0 0 12px;background:var(--primary-blue);transform:scaleY(0);transition:transform var(--duration-base) ease}.lab-object-item:hover{border-color:var(--light-blue);box-shadow:0 4px 16px #009ace1f;background:#009ace1a;transform:translate(6px)}[data-theme=dark] .lab-object-item:hover{background:#009ace26}.lab-object-item.active{border-color:var(--primary-blue);box-shadow:var(--shadow-brand);background:var(--gradient-1);color:#fff}.lab-object-item.active:before{transform:scaleY(1)}.lab-item-icon{flex-shrink:0;width:1.25rem;height:1.25rem;opacity:.65;transition:opacity var(--duration-fast) ease}.lab-object-item:hover .lab-item-icon,.lab-object-item.active .lab-item-icon{opacity:1}.lab-badge-icon{flex-shrink:0;width:.9rem;height:.9rem}.lab-canvas-container{position:relative;overflow:hidden;flex:1;background:var(--bg-primary)}[data-theme=dark] .lab-canvas-container{background:#0a0a0a}#labCanvas{display:block;width:100%;height:100%}.lab-loading-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.85rem;background:#f8fafbd1;backdrop-filter:blur(4px);animation:lab-loading-in var(--duration-fast) ease forwards}[data-theme=dark] .lab-loading-overlay{background:#0a0a0ad1}.lab-loading-overlay.lab-loading-fade-out{animation:lab-loading-out .4s ease forwards}.lab-loading-ring{width:2.5rem;height:2.5rem;border-radius:var(--radius-circle);border:3px solid rgba(0,154,206,.2);border-top-color:var(--primary-blue);animation:lab-ring-spin .7s linear infinite}.lab-loading-label{font-size:.8rem;font-weight:600;letter-spacing:.02em;color:var(--primary-blue);opacity:.9}@keyframes lab-loading-in{0%{opacity:0}to{opacity:1}}@keyframes lab-loading-out{0%{opacity:1}to{opacity:0}}@keyframes lab-ring-spin{to{transform:rotate(360deg)}}.lab-model-badge{position:absolute;bottom:1.25rem;left:1.25rem;z-index:5;display:inline-flex;align-items:center;gap:.45rem;padding:.45rem .85rem;border:1.5px solid rgba(0,154,206,.25);border-radius:var(--radius-2xl);font-size:.78rem;font-weight:700;letter-spacing:.02em;background:#ffffffeb;color:var(--primary-blue);backdrop-filter:blur(8px);pointer-events:none}.lab-model-badge svg{flex-shrink:0;width:.85rem;height:.85rem}[data-theme=dark] .lab-model-badge{border-color:#009ace59;background:#14181eeb}.lab-bg-gradient{position:absolute;top:-30%;right:-20%;width:900px;height:900px;background:radial-gradient(circle,rgba(0,154,206,.12) 0%,rgba(58,184,235,.06) 40%,transparent 70%);animation:labPulse 10s ease-in-out infinite;pointer-events:none}@keyframes labPulse{0%,to{opacity:.4;transform:scale(1) rotate(0)}50%{opacity:.7;transform:scale(1.15) rotate(5deg)}}@media(max-width:1024px){.lab-container{height:600px}}@media(max-width:768px){.lab-section{padding:0}.lab-container{height:560px}.lab-btn-bar-wrapper{top:auto;bottom:1rem;left:1rem;right:1rem;flex-direction:row;align-items:center;max-height:none;transform:none}.lab-model-badge{display:none}.lab-bar-arrow{flex-shrink:0}.lab-bar-arrow-up svg,.lab-bar-arrow-down svg{transform:rotate(-90deg)}.lab-btn-bar{overflow-x:auto;overflow-y:hidden;flex-direction:row;width:100%;padding:.4rem .5rem;border-radius:var(--radius-pill)}.lab-btn-sep{flex-shrink:0;width:1.5px;height:1.2rem;margin:0 .1rem}.lab-object-item{flex:1;min-width:140px;padding:.875rem 1rem;font-size:.9rem;text-align:center}.lab-object-item:hover{transform:translateY(-4px)}.lab-canvas-container{height:500px}}@keyframes canvasPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes rotate{to{transform:rotate(360deg)}}.button-primary{padding:1rem 2.5rem;border-radius:var(--radius-pill);box-shadow:var(--shadow-brand);border:none;text-decoration:none;font-weight:600;font-size:1.1rem;background:var(--gradient-1);color:#fff;transition:transform var(--duration-base),box-shadow var(--duration-base);cursor:pointer}.button-primary:hover{box-shadow:var(--shadow-brand-hover);transform:translateY(-3px)}.stats-row{display:flex;justify-content:space-around;margin-top:2rem}.stat-number{font-size:2rem;font-weight:800;font-family:sans-serif;color:var(--primary-blue)}.stat-label{font-size:.9rem;color:var(--text-secondary)}.features{padding:8rem 5%;background:#fff}[data-theme=dark] .features{background:var(--bg-primary)}.section-header{max-width:800px;margin:0 auto 5rem;text-align:center}.section-tag{display:inline-block;padding:.5rem 1.5rem;margin-bottom:1rem;border-radius:var(--radius-pill);font-weight:600;font-size:.9rem;background:var(--light-gray);color:var(--primary-blue)}[data-theme=dark] .section-tag{background:var(--bg-tertiary)}.section-header h2{margin-bottom:1.5rem;font-size:3rem;font-weight:800}.section-header p{font-size:1.2rem;color:var(--text-secondary)}[data-theme=dark] .section-header p{color:var(--text-secondary)}.threejs-container{position:relative;display:flex;align-items:center;justify-content:center;max-width:1400px;min-height:600px;margin:0 auto}#initFeatureCanvas{display:block;width:100%;height:600px}.features-overlay{position:absolute;top:50%;left:50%;z-index:10;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;width:90%;max-width:1200px;transform:translate(-50%,-50%);pointer-events:none}.feature-item{padding:2rem;border-radius:var(--radius-2xl);box-shadow:0 10px 40px #009ace26;border:1px solid rgba(0,154,206,.2);text-align:center;background:#fffffff2;opacity:0;backdrop-filter:blur(10px);transition:transform .4s,box-shadow .4s,background-color .4s;animation:fadeInUp .8s ease-out forwards;pointer-events:auto}[data-theme=dark] .feature-item{border:1px solid var(--border-color);box-shadow:0 10px 40px #0000004d;background:#1a1a1af2}.feature-item:nth-child(1){animation-delay:.1s}.feature-item:nth-child(2){animation-delay:.2s}.feature-item:nth-child(3){animation-delay:.3s}.feature-item:nth-child(4){animation-delay:.4s}.feature-item:nth-child(5){animation-delay:.5s}.feature-item:nth-child(6){animation-delay:.6s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.feature-item:hover{box-shadow:0 15px 50px #009ace40;background:#009acefa;transform:translateY(-5px)}.feature-item h3{margin-bottom:.5rem;font-size:1.3rem;font-weight:700;color:var(--dark-text);transition:color var(--duration-base)}[data-theme=dark] .feature-item h3{color:var(--text-primary)}.feature-item p{margin:0;font-size:.95rem;color:var(--text-secondary);transition:color var(--duration-base)}[data-theme=dark] .feature-item p{color:var(--text-secondary)}.feature-item:hover h3,.feature-item:hover p{color:#fff}.process{position:relative;overflow:hidden;padding:8rem 5%;background:var(--bg-primary)}[data-theme=dark] .process{background:var(--bg-primary)}.process:before{content:"";position:absolute;top:50%;left:50%;width:1000px;height:1000px;background:radial-gradient(circle,rgba(0,154,206,.05) 0%,transparent 70%);transform:translate(-50%,-50%)}.process-steps{position:relative;z-index:1;max-width:1200px;margin:0 auto}.process-steps:after{content:"";position:absolute;top:0;bottom:6rem;left:50%;z-index:0;width:2px;border-radius:var(--radius-xs);background:linear-gradient(to bottom,transparent,rgba(0,154,206,.5) 5%,rgba(0,154,206,.5) 95%,transparent);transform:translate(-50%)}.step{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center;margin-bottom:6rem}.step:before{content:"";position:absolute;left:50%;top:50%;z-index:2;width:14px;height:14px;border-radius:var(--radius-circle);box-shadow:0 0 0 4px var(--bg-primary),0 0 0 6px #009ace4d;background:var(--primary-blue);transform:translate(-50%,-50%);animation:stepNodePulse 2.4s ease-in-out infinite}.step:nth-child(1):before{animation-delay:0s}.step:nth-child(2):before{animation-delay:.6s}.step:nth-child(3):before{animation-delay:1.2s}.step:nth-child(4):before{animation-delay:1.8s}@keyframes stepNodePulse{0%,to{box-shadow:0 0 0 4px var(--bg-primary),0 0 0 6px #009ace4d}50%{box-shadow:0 0 0 4px var(--bg-primary),0 0 0 12px #009ace00}}.step-content{opacity:0;animation:fadeIn .8s ease-out forwards}@keyframes fadeIn{to{opacity:1}}.step-number{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:1.5rem;border-radius:var(--radius-circle);font-size:1.5rem;font-weight:800;background:var(--gradient-1);color:#fff}.step h3{margin-bottom:1.25rem;font-size:2rem;font-weight:700}.step-bullets{display:flex;flex-direction:column;gap:.75rem;padding:0;margin:0;list-style:none}.step-bullets li{display:flex;align-items:center;gap:.75rem;font-size:1rem;line-height:1.4;color:var(--text-secondary)}.step-check{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-circle);border:1.5px solid rgba(0,154,206,.3);background:#009ace1f;color:var(--primary-blue)}.step-check svg{width:12px;height:12px}[data-theme=dark] .step-check{border-color:#009ace66;background:#009ace2e}.step p{font-size:1.1rem;line-height:1.8;color:var(--text-secondary)}[data-theme=dark] .step p{color:var(--text-secondary)}.step-visual{position:relative;display:flex;overflow:hidden;align-items:center;justify-content:center;height:350px;padding:2rem;border-radius:25px;box-shadow:0 15px 50px #009ace1a;border:2px solid transparent;background:#fff;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;animation:floatVisual 6s ease-in-out infinite}.step-visual:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,154,206,.1) 0%,transparent 70%);opacity:0;animation:rotateGlow 10s linear infinite;transition:opacity .4s ease}.step-visual:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s ease}.step-visual:hover:after{left:100%}.step-visual:hover:before{opacity:1}.step-visual:hover{box-shadow:0 25px 70px #009ace40;border-color:#009ace80;transform:translateY(-10px) scale(1.02);animation:floatVisual 6s ease-in-out infinite,borderGlow 2s ease-in-out infinite}@keyframes borderGlow{0%,to{border-color:#009ace4d;box-shadow:0 25px 70px #009ace40,0 0 30px #009ace33}50%{border-color:#009acecc;box-shadow:0 25px 70px #009ace59,0 0 50px #009ace66}}.step:nth-child(1) .step-visual{animation-delay:0s}.step:nth-child(2) .step-visual{animation-delay:1s}.step:nth-child(3) .step-visual{animation-delay:2s}.step:nth-child(4) .step-visual{animation-delay:3s}@keyframes floatVisual{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=dark] .step-visual{box-shadow:0 15px 50px #0000004d;background:var(--bg-secondary)}[data-theme=dark] .step-visual:hover{box-shadow:0 25px 70px #009ace4d}.step-canvas{display:block;width:100%;height:100%;animation:canvasPulse 4s ease-in-out infinite}.signin-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem 1rem;background:var(--bg-primary)}.signin-back-btn{display:inline-flex;align-items:center;gap:.4rem;margin-bottom:1.5rem;font-size:.85rem;font-weight:600;text-decoration:none;color:var(--text-secondary);transition:color var(--duration-fast)}.signin-back-btn:hover{color:var(--primary-blue)}.signin-modal,.integration-modal,.about-modal,.help-modal{position:fixed;top:0;left:0;z-index:10000;display:none;overflow-y:auto;align-items:center;justify-content:center;width:100%;height:100%;padding:2rem 0;background:var(--overlay-bg);opacity:0;backdrop-filter:blur(10px);transition:opacity var(--duration-base) ease}.signin-modal.active,.integration-modal.active,.about-modal.active,.help-modal.active{display:flex;opacity:1}.signin-container,.forgot-password-container,.getstarted-container,.integration-container,.about-container,.help-container{position:relative;width:90%;border-radius:30px;box-shadow:0 30px 80px #009ace4d;background:#fff;transform:scale(.9);transition:transform var(--duration-base) ease}[data-theme=dark] .signin-container,[data-theme=dark] .forgot-password-container,[data-theme=dark] .getstarted-container,[data-theme=dark] .integration-container,[data-theme=dark] .about-container,[data-theme=dark] .help-container{box-shadow:0 30px 80px #00000080;background:var(--modal-bg)}.signin-modal.active .signin-container,.integration-modal.active .integration-container,.about-modal.active .about-container,.help-modal.active .help-container{transform:scale(1)}.signin-container{max-width:450px;padding:3rem}[data-theme=dark] .signin-close{background:var(--bg-tertiary);color:var(--text-primary)}.signin-close:hover{background:var(--primary-blue);color:#fff;transform:rotate(90deg)}.signin-close{position:absolute;top:1.5rem;right:1.5rem;display:flex;justify-content:center;width:40px;height:40px;border-radius:var(--radius-circle);border:none;font-size:1.5rem;background:var(--light-gray);color:var(--dark-text);transition:background-color var(--duration-base),color var(--duration-base),transform var(--duration-base);cursor:pointer}.signin-header{margin-bottom:2rem;text-align:center}.signin-header h2{margin-bottom:.5rem;font-size:2.5rem;-webkit-text-fill-color:transparent;background:var(--gradient-1);background-clip:text}.signin-header p{font-size:1rem;color:var(--text-secondary)}[data-theme=dark] .signin-header p{color:var(--text-secondary)}.signin-error{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;margin-bottom:1.5rem;border:2px solid var(--error-color);border-radius:var(--radius-lg);background:#ef44441a;animation:shakeError .5s ease-in-out}[data-theme=dark] .signin-error{background:#ef444426}.signin-error svg{flex-shrink:0;color:var(--error-color)}.signin-error span{font-weight:600;font-size:.95rem;color:var(--error-color)}[data-theme=dark] .signin-error span{color:#fca5a5}@keyframes shakeError{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.signin-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;font-size:.95rem;color:var(--dark-text)}[data-theme=dark] .form-group label{color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{padding:1rem 1.5rem;border:2px solid var(--light-gray);border-radius:15px;font-size:1rem;font-family:DM Sans,sans-serif;background:var(--off-white);color:var(--dark-text);transition:border-color var(--duration-base),background-color var(--duration-base),box-shadow var(--duration-base),color var(--duration-base)}.form-group select,.form-group textarea{width:100%}[data-theme=dark] .form-group input{border-color:var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}[data-theme=dark] .form-group select,[data-theme=dark] .form-group textarea{border-color:var(--border-color);color:var(--text-primary)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:var(--neutral-400)}[data-theme=dark] .form-group input::placeholder,[data-theme=dark] .form-group select::placeholder,[data-theme=dark] .form-group textarea::placeholder{color:#6b7280}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:var(--focus-ring);background-color:#fff}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{background-color:var(--bg-tertiary)}.form-group textarea{min-height:120px;resize:vertical}.form-group select{padding-right:3rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233D3935' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;cursor:pointer;appearance:none}.form-group input.error{border-color:var(--error-color);background:#ef44440d}[data-theme=dark] .form-group input.error{background:#ef44441a}.form-group input.error:focus{border-color:var(--error-color);box-shadow:0 0 0 4px #ef44441a}.form-options{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.remember-me{display:flex;align-items:center;gap:.5rem;cursor:pointer}.remember-me input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary-blue)}.forgot-password{text-decoration:none;font-weight:600;color:var(--primary-blue);transition:color var(--duration-base)}.forgot-password:hover{color:var(--light-blue)}.forgot-password-container{max-width:500px;padding:3rem}.forgot-password-header{margin-bottom:2rem;text-align:center}.forgot-password-header h2{margin-bottom:.5rem;font-size:2.5rem;-webkit-text-fill-color:transparent;background:var(--gradient-1);background-clip:text}.forgot-password-header p{font-size:1rem;line-height:1.6;color:var(--text-secondary)}[data-theme=dark] .forgot-password-header p{color:var(--text-secondary)}.forgot-password-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1.5rem;border-radius:var(--radius-circle);background:var(--gradient-1)}.forgot-password-icon svg{width:40px;height:40px;stroke:#fff}.forgot-password-form{display:flex;flex-direction:column;gap:1.5rem}.forgot-password-button,.signin-button,.contact-submit{padding:1.2rem;border-radius:15px;border:none;box-shadow:var(--shadow-brand);font-weight:600;font-family:sans-serif;font-size:1.1rem;background:var(--gradient-1);color:#fff;transition:transform var(--duration-base),box-shadow var(--duration-base);cursor:pointer}.forgot-password-button:hover,.signin-button:hover,.contact-submit:hover{box-shadow:var(--shadow-brand-hover);transform:translateY(-2px)}.forgot-password-button:active,.signin-button:active{transform:translateY(0)}.forgot-password-button:disabled,.signin-button:disabled,.contact-submit:disabled{opacity:.75;transform:none;cursor:not-allowed}.forgot-btn--sending{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.forgot-btn-spinner{flex-shrink:0;width:1.1rem;height:1.1rem;animation:contact-spin .75s linear infinite}.back-to-signin{margin-top:1.5rem;text-align:center;font-size:.95rem;color:var(--text-secondary)}[data-theme=dark] .back-to-signin{color:var(--text-secondary)}.back-to-signin a{text-decoration:none;font-weight:600;color:var(--primary-blue);transition:color var(--duration-base)}.back-to-signin a:hover{color:var(--light-blue)}.success-message-box{display:none;align-items:center;gap:1rem;padding:1.5rem;margin-bottom:1.5rem;border:2px solid var(--success-color);border-radius:var(--radius-lg);background:#22c55e1a}[data-theme=dark] .success-message-box{background:#22c55e26}.success-message-box.active{display:flex}.success-message-box svg{flex-shrink:0;color:var(--success-color)}.success-message-box span{font-weight:600;font-size:.95rem;color:#15803d}[data-theme=dark] .success-message-box span{color:#86efac}.failure-message-box{display:none;align-items:center;gap:1rem;padding:1.5rem;margin-bottom:1.5rem;border:2px solid #c5225e;border-radius:var(--radius-lg);background:#c5225e1a}[data-theme=dark] .failure-message-box{background:#c5225e26}.failure-message-box.active{display:flex}.failure-message-box svg{flex-shrink:0;color:#c5225e}.failure-message-box span{font-weight:600;font-size:.95rem;color:#80153d}[data-theme=dark] .failure-message-box span{color:#ef86ac}.signin-btn--sending{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.signin-btn-spinner{flex-shrink:0;width:1.1rem;height:1.1rem;animation:contact-spin .75s linear infinite}@keyframes contact-spin{to{transform:rotate(360deg)}}.divider{position:relative;margin:1.5rem 0;text-align:center}.divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:var(--light-gray)}.divider span{position:relative;z-index:1;padding:0 1rem;font-size:.9rem;background:#fff;color:var(--text-secondary)}[data-theme=dark] .divider span{background:var(--modal-bg);color:var(--text-secondary)}.social-signin{display:flex;gap:1rem}.social-button{display:flex;flex:1;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:2px solid var(--light-gray);border-radius:15px;font-weight:600;background:#fff;color:var(--dark-text);transition:border-color var(--duration-base),background-color var(--duration-base),color var(--duration-base);cursor:pointer}[data-theme=dark] .social-button{border-color:var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.social-button:hover{border-color:var(--primary-blue);background:var(--off-white)}[data-theme=dark] .social-button:hover{background:var(--bg-tertiary)}.signup-link{margin-top:1.5rem;text-align:center;font-size:.95rem;color:var(--text-secondary)}[data-theme=dark] .signup-link{color:var(--text-secondary)}.signup-link a{text-decoration:none;font-weight:600;color:var(--primary-blue);transition:color var(--duration-base)}.signup-link a:hover{color:var(--light-blue)}.payment-plan-summary{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;margin-bottom:2rem;border:1.5px solid rgba(0,154,206,.25);border-radius:var(--radius-xl);background:linear-gradient(135deg,#009ace14,#009ace08)}.payment-plan-summary-left{display:flex;flex-direction:column;gap:.25rem}.payment-plan-summary-label{font-size:.78rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--text-secondary)}.payment-plan-summary-name{font-size:1.15rem;font-weight:800;color:var(--primary-blue)}.payment-plan-summary-features{display:flex;flex-direction:column;gap:.2rem;padding:0;margin:.35rem 0 0;list-style:none}.payment-plan-summary-features li{display:flex;align-items:center;gap:.35rem;font-size:.82rem;color:var(--text-secondary)}.payment-plan-summary-features li:before{content:"";display:inline-block;flex-shrink:0;width:5px;height:5px;border-radius:var(--radius-circle);background:var(--primary-blue);opacity:.7}.payment-plan-summary-right{display:flex;align-items:baseline;gap:.2rem;flex-shrink:0}.payment-plan-summary-price{font-size:2rem;font-weight:800;line-height:1;color:var(--text-primary)}.payment-plan-summary-period{font-size:.85rem;font-weight:500;color:var(--text-secondary)}@keyframes gs-toast-in{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes gs-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.97)}}.gs-toast{display:none;align-items:center;gap:.75rem;margin-top:1rem;padding:.85rem 1rem;border:1px solid rgba(245,158,11,.3);border-left:3px solid var(--warning-color);border-radius:var(--radius-lg);font-size:.88rem;font-weight:500;background:#f59e0b14;color:var(--text-primary)}.gs-toast.visible{display:flex;animation:gs-toast-in .25s cubic-bezier(.34,1.56,.64,1) forwards}.gs-toast.hiding{animation:gs-toast-out var(--duration-fast) ease forwards}.gs-toast-icon{display:flex;flex-shrink:0;color:var(--warning-color)}.gs-toast-msg{flex:1;white-space:normal}.gs-toast-close{display:flex;align-items:center;flex-shrink:0;padding:.2rem;border:none;background:none;color:#94a3b8;transition:color .15s;cursor:pointer}.gs-toast-close:hover{color:#f8fafc}.getstarted-page{display:flex;align-items:flex-start;justify-content:center;min-height:100vh;padding:2rem 1rem;background:var(--bg-primary)}.getstarted-container{max-width:900px;padding:3rem;margin:auto}.getstarted-header{margin-bottom:2.5rem;text-align:center}.getstarted-header h2{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.25em;margin-bottom:.5rem;font-size:3rem;line-height:1.15}.getstarted-heading-copy,.getstarted-brand-name{-webkit-text-fill-color:transparent;background:var(--gradient-1);background-clip:text}.getstarted-brand{display:inline-flex;align-items:center;gap:.18em;white-space:nowrap}.getstarted-header p{font-size:1.1rem;color:var(--text-secondary)}[data-theme=dark] .getstarted-header p{color:var(--text-secondary)}.steps-indicator{display:flex;justify-content:center;gap:1rem;margin-bottom:2.5rem}.step-dot{width:12px;height:12px;border-radius:var(--radius-circle);background:var(--light-gray);transition:background-color var(--duration-base),width var(--duration-base),border-radius var(--duration-base);cursor:pointer}.step-dot.active{width:40px;border-radius:var(--radius-md);background:var(--gradient-1)}.getstarted-content{position:relative}.step-section{display:none;animation:fadeInStep .5s ease-out}.step-section.active{display:block}@keyframes fadeInStep{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.step-title{margin-bottom:1.5rem;font-size:1.8rem;font-weight:700;color:var(--dark-text)}[data-theme=dark] .step-title{color:var(--text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group-full{margin-bottom:1.5rem}.plan-card{position:relative;padding:2rem;border:2px solid var(--light-gray);border-radius:var(--radius-2xl);text-align:center;transition:border-color var(--duration-base),transform var(--duration-base),box-shadow var(--duration-base),background-color var(--duration-base);cursor:pointer}[data-theme=dark] .plan-card{border-color:var(--border-color);background:var(--bg-secondary)}.plan-card:hover{border-color:var(--primary-blue);box-shadow:0 10px 30px #009ace33;transform:translateY(-5px)}.plan-card.selected{border-color:var(--primary-blue);background:linear-gradient(135deg,#009ace0d,#3ab8eb0d)}.plan-card.selected:after{content:"?";position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:var(--radius-circle);font-weight:700;background:var(--gradient-1);color:#fff}.summary-section{padding:2rem;margin-bottom:2rem;border-radius:var(--radius-2xl);background:var(--off-white)}.summary-item{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--light-gray)}.summary-item:last-child{border-bottom:none;font-weight:700;font-size:1.2rem;color:var(--primary-blue)}.summary-label{color:var(--text-secondary)}.summary-value{font-weight:600;color:var(--dark-text)}.step-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.step-actions .btn-next{width:100%}.btn-back{padding:1rem 2rem;border:2px solid var(--primary-blue);border-radius:15px;font-weight:600;font-family:sans-serif;font-size:1rem;background:#fff;color:var(--primary-blue);transition:background-color var(--duration-base);cursor:pointer}.btn-back:hover{background:var(--light-gray)}@keyframes gs-spin{to{transform:rotate(360deg)}}.btn-next{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 2.5rem;border:none;border-radius:15px;box-shadow:var(--shadow-brand);font-weight:600;font-family:sans-serif;font-size:1rem;background:var(--gradient-1);color:#fff;transition:transform .25s,box-shadow .25s;cursor:pointer}.btn-next:hover{box-shadow:var(--shadow-brand-hover);transform:translateY(-2px)}.btn-next:active{transform:translateY(0)}.btn-next:disabled{opacity:.85;cursor:not-allowed}#btnNextSpinner{animation:gs-spin .75s linear infinite}.success-message{padding:2rem;text-align:center}.success-icon{display:flex;align-items:center;justify-content:center;width:100px;height:100px;margin:0 auto 2rem;border-radius:var(--radius-circle);font-size:3rem;background:var(--gradient-1);color:#fff;animation:scaleIn .5s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.success-message h3{margin-bottom:1rem;font-size:2rem;color:var(--dark-text)}.success-message p{margin-bottom:2rem;font-size:1.1rem;color:var(--text-secondary)}.contact-content{display:grid;grid-template-columns:1fr 1fr}.contact-info{padding:3rem;background:var(--gradient-1);color:#fff}.contact-info h2{margin-bottom:1rem;font-size:2.5rem}.contact-info p{margin-bottom:3rem;line-height:1.8;opacity:.95}.contact-details{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;align-items:flex-start;gap:1rem}.contact-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:50px;height:50px;border-radius:15px;background:#fff3}.contact-icon svg{width:24px;height:24px;stroke:#fff}.contact-text h4{margin-bottom:.5rem;font-size:1.1rem}.contact-text p{margin:0;opacity:.9}.contact-form-section{padding:3rem}.contact-form-section h3{margin-bottom:.5rem;font-size:2rem;color:var(--dark-text)}[data-theme=dark] .contact-form-section h3{color:var(--text-primary)}.contact-form-section>p{margin-bottom:2rem;color:var(--text-secondary)}[data-theme=dark] .contact-form-section>p{color:var(--text-secondary)}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.contact-form textarea{min-height:150px;padding:1rem 1.5rem;border:2px solid var(--light-gray);border-radius:15px;font-size:1rem;font-family:DM Sans,sans-serif;background:var(--off-white);color:var(--dark-text);transition:border-color var(--duration-base),background-color var(--duration-base),box-shadow var(--duration-base);resize:vertical}[data-theme=dark] .contact-form textarea{border-color:var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.contact-form textarea::placeholder{color:var(--neutral-400)}[data-theme=dark] .contact-form textarea::placeholder{color:#6b7280}.contact-form textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:var(--focus-ring);background:#fff}[data-theme=dark] .contact-form textarea:focus{background:var(--bg-tertiary)}.contact-submit--sending{display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.contact-feedback{padding:.75rem 1rem;margin-bottom:.75rem;border-radius:var(--radius-md);font-size:.9rem;font-weight:500;text-align:center}.social-links{display:flex;gap:1rem;margin-top:2rem}.social-link{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:var(--radius-circle);background:#fff3;transition:background-color var(--duration-base),transform var(--duration-base);cursor:pointer}.social-link:hover{background:#fff;transform:translateY(-3px)}.social-link:hover svg{stroke:var(--primary-blue)}.social-link svg{width:20px;height:20px;stroke:#fff}.integration-container{max-width:1200px;padding:3rem;margin:auto}.integration-header{margin-bottom:3rem;text-align:center}.integration-header h2{margin-bottom:.5rem;font-size:3rem;-webkit-text-fill-color:transparent;background:var(--gradient-1);background-clip:text}.integration-header p{font-size:1.2rem;color:var(--text-secondary)}[data-theme=dark] .integration-header p{color:var(--text-secondary)}.integration-categories{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-bottom:3rem}.category-tag{padding:.75rem 1.5rem;border:2px solid var(--light-gray);border-radius:var(--radius-pill);font-weight:600;background:#fff;transition:border-color var(--duration-base),background-color var(--duration-base),color var(--duration-base);cursor:pointer}[data-theme=dark] .category-tag{border-color:var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.category-tag.active{border-color:var(--primary-blue);background:var(--gradient-1);color:#fff}.integrations-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:3rem}.integration-card{padding:2rem;border-radius:var(--radius-2xl);border:2px solid transparent;text-align:center;background:var(--off-white);transition:transform var(--duration-base),border-color var(--duration-base),box-shadow var(--duration-base);cursor:pointer}.integration-card:hover{border-color:var(--primary-blue);box-shadow:0 10px 30px #009ace33;transform:translateY(-5px)}.integration-logo{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin:0 auto 1.5rem;border-radius:15px;box-shadow:0 4px 15px #0000000d;background:#fff}[data-theme=dark] .integration-logo,[data-theme=dark] .help-category-icon,[data-theme=dark] .value-icon,[data-theme=dark] .contact-icon{background:var(--bg-tertiary)}.integration-logo svg{width:40px;height:40px}.integration-card h4{margin-bottom:.5rem;font-size:1.2rem;color:var(--dark-text)}.integration-card p{font-size:.9rem;line-height:1.6;color:var(--text-secondary)}.integration-cta{display:block;padding:1.2rem 3rem;margin:2rem auto;border-radius:var(--radius-pill);border:none;box-shadow:var(--shadow-brand);font-weight:600;font-size:1.1rem;background:var(--gradient-1);color:#fff;transition:transform var(--duration-base),box-shadow var(--duration-base);cursor:pointer}.integration-cta:hover{box-shadow:var(--shadow-brand-hover);transform:translateY(-2px)}.about-container{overflow:hidden;max-width:1200px;padding:0;margin:auto}.about-hero{padding:4rem 3rem;text-align:center;background:var(--gradient-1);color:#fff}.about-hero h2{margin-bottom:1rem;font-size:3rem}.about-hero p{max-width:800px;margin:0 auto;font-size:1.3rem;line-height:1.8;opacity:.95}.about-content{padding:3rem}[data-theme=dark] .about-content{background:var(--modal-bg)}.about-section{margin-bottom:3rem}.about-section h3{margin-bottom:1rem;font-size:2rem;color:var(--dark-text)}.about-section p{margin-bottom:1rem;line-height:1.8;font-size:1.1rem;color:var(--text-secondary)}[data-theme=dark] .about-section p{color:var(--text-secondary)}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.value-card{padding:2rem;border-radius:var(--radius-2xl);text-align:center;background:var(--off-white)}.value-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:0 auto 1.5rem;border-radius:15px;background:var(--gradient-1)}.value-icon svg{width:30px;height:30px;stroke:#fff}.value-card h4{margin-bottom:.75rem;font-size:1.3rem;color:var(--dark-text)}.value-card p{font-size:.95rem;color:var(--text-secondary)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:2rem}.team-member{text-align:center}.team-avatar{display:flex;align-items:center;justify-content:center;width:120px;height:120px;margin:0 auto 1rem;border-radius:var(--radius-circle);font-size:2.5rem;font-weight:700;background:var(--gradient-1);color:#fff;transition:background-color var(--duration-base) ease}.team-member h5{margin-bottom:.25rem;font-size:1.1rem;color:var(--dark-text)}[data-theme=dark] .team-member h5{color:var(--text-primary)}.team-member p{font-size:.9rem;color:var(--text-secondary)}[data-theme=dark] .team-member p{color:var(--text-secondary)}.help-container{max-width:1200px;padding:3rem;margin:auto}.help-header{margin-bottom:3rem;text-align:center}.help-header h2{margin-bottom:1rem;font-size:3rem;-webkit-text-fill-color:transparent;background:var(--gradient-1);background-clip:text}.help-search{position:relative;max-width:600px;margin:0 auto 3rem}.help-search input{width:100%;padding:1.2rem 3rem 1.2rem 1.5rem;border:2px solid var(--light-gray);border-radius:var(--radius-pill);font-size:1rem;background:var(--off-white);color:var(--dark-text);transition:border-color var(--duration-base),background-color var(--duration-base),box-shadow var(--duration-base),color var(--duration-base)}[data-theme=dark] .help-search input{border-color:var(--border-color);background:var(--bg-secondary);color:var(--text-primary)}.help-search input::placeholder{color:var(--neutral-400)}[data-theme=dark] .help-search input::placeholder{color:#6b7280}.help-search input:focus{outline:none;border-color:var(--primary-blue);box-shadow:var(--focus-ring);background:#fff}[data-theme=dark] .help-search input:focus{background:var(--bg-tertiary)}.help-search svg{position:absolute;right:1.5rem;top:50%;width:20px;height:20px;stroke:#5a5a5a;transform:translateY(-50%)}.help-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.help-category{padding:2.5rem;border-radius:var(--radius-2xl);border:2px solid transparent;background:var(--off-white);transition:border-color var(--duration-base),transform var(--duration-base),box-shadow var(--duration-base),background-color var(--duration-base),color var(--duration-base);cursor:pointer}.help-category:hover{border-color:var(--primary-blue);box-shadow:0 10px 30px #009ace26;transform:translateY(-5px)}.help-category-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin-bottom:1.5rem;border-radius:15px;background:var(--gradient-1)}.help-category-icon svg{width:30px;height:30px;stroke:#fff}.help-category h3{margin-bottom:.75rem;font-size:1.5rem;color:var(--dark-text)}[data-theme=dark] .help-category h3{color:var(--text-primary)}.help-category p{margin-bottom:1rem;line-height:1.6;color:var(--text-secondary)}[data-theme=dark] .help-category p{color:var(--text-secondary)}.help-articles{list-style:none}.help-articles li{padding:.5rem 0;font-weight:500;color:var(--primary-blue)}.help-articles li:before{content:"?";margin-right:.5rem}.help-support{padding:3rem;border-radius:var(--radius-2xl);text-align:center;background:var(--gradient-1);color:#fff}.help-support h3{margin-bottom:1rem;font-size:2rem}.help-support p{margin-bottom:2rem;font-size:1.1rem;opacity:.95}.help-support-buttons{display:flex;justify-content:center;gap:1rem}.help-support-btn{padding:1rem 2rem;border-radius:var(--radius-pill);border:2px solid white;font-weight:600;background:#fff;color:var(--primary-blue);transition:background-color var(--duration-base),color var(--duration-base);cursor:pointer}.help-support-btn:hover{background:transparent;color:#fff}.testimonials{position:relative;overflow:hidden;padding:8rem 0;background:#fff}[data-theme=dark] .testimonials{background:var(--bg-primary)}.testimonials .section-header{padding:0 5%}.testimonials:before,.testimonials:after{content:"";position:absolute;top:0;bottom:0;z-index:2;width:140px;pointer-events:none}.testimonials:before{left:0;background:linear-gradient(to right,white 30%,transparent)}.testimonials:after{right:0;background:linear-gradient(to left,white 30%,transparent)}[data-theme=dark] .testimonials:before{background:linear-gradient(to right,var(--bg-primary) 30%,transparent)}[data-theme=dark] .testimonials:after{background:linear-gradient(to left,var(--bg-primary) 30%,transparent)}.testimonials-viewport{position:relative;overflow:hidden;margin-top:4rem}.testimonial-card{position:absolute;top:0;display:flex;flex-direction:column;gap:1.25rem;width:400px;padding:2.5rem;border-radius:var(--radius-2xl);border:1px solid var(--light-gray);background:var(--off-white);transition:border-color var(--duration-base) ease,box-shadow var(--duration-base) ease;will-change:transform}[data-theme=dark] .testimonial-card{border-color:var(--border-color);background:var(--bg-secondary)}.testimonial-card:hover{border-color:var(--primary-blue);box-shadow:0 16px 48px #009ace26}[data-theme=dark] .testimonial-card:hover{box-shadow:0 16px 48px #009ace40}.testimonial-quote-icon{flex-shrink:0;width:32px;height:24px;color:var(--primary-blue);opacity:.25}.testimonial-quote-icon svg{width:100%;height:100%}.testimonial-rating{font-size:1.1rem;letter-spacing:2px;line-height:1;color:var(--star-color)}.testimonial-text{flex:1;font-size:1rem;line-height:1.75;font-style:italic;color:#3d3935}[data-theme=dark] .testimonial-text{color:var(--text-secondary)}.testimonial-author{display:flex;align-items:center;gap:1rem;padding-top:1.25rem;margin-top:auto;border-top:1px solid var(--light-gray)}[data-theme=dark] .testimonial-author{border-top-color:var(--border-color)}.author-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-circle);font-weight:800;font-size:1rem;letter-spacing:.5px;background:var(--gradient-1);color:#fff}.author-info h4{margin-bottom:.2rem;font-size:1rem;font-weight:700;color:var(--dark-text)}[data-theme=dark] .author-info h4{color:var(--text-primary)}.author-info p{margin:0;font-size:.85rem;color:var(--text-secondary)}[data-theme=dark] .author-info p{color:var(--text-secondary)}.cta-section{position:relative;overflow:hidden;padding:8rem 5%;text-align:center;background:var(--gradient-2);color:#fff}.cta-section:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 50%);animation:rotate 30s linear infinite}.cta-content{position:relative;z-index:1;max-width:900px;margin:0 auto}.cta-content h2{margin-bottom:1.5rem;font-size:3.5rem;font-weight:800}.cta-content p{margin-bottom:3rem;font-size:1.3rem;opacity:.95}.cta-buttons{display:flex;gap:1.5rem;justify-content:center}.button-white{padding:1rem 2.5rem;border-radius:var(--radius-pill);box-shadow:0 10px 30px #0003;text-decoration:none;font-weight:600;font-size:1.1rem;background:#fff;color:var(--primary-blue);transition:transform var(--duration-base),box-shadow var(--duration-base)}.button-white:hover{box-shadow:0 15px 40px #0000004d;transform:translateY(-3px)}.button-outline{padding:1rem 2.5rem;border-radius:var(--radius-pill);border:2px solid white;text-decoration:none;font-weight:600;font-size:1.1rem;background:transparent;color:#fff;transition:background-color var(--duration-base),color var(--duration-base)}.button-outline:hover{background:#fff;color:var(--primary-blue)}footer{padding:4rem 5% 2rem;background:var(--dark-text);color:#fff}[data-theme=dark] footer{border-top:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;max-width:1400px;margin:0 auto;margin-bottom:3rem}.footer-brand h3{display:flex;align-items:center;gap:.8rem;margin-bottom:1rem;font-size:2rem;-webkit-text-fill-color:transparent;background:var(--gradient-1);background-clip:text}.footer-brand .logo-icon{width:40px;height:40px}.footer-brand p{line-height:1.8;opacity:.8}.footer-links h4{margin-bottom:1.5rem;font-size:1.1rem;color:#fff}[data-theme=dark] .footer-links h4{color:var(--text-primary)}.footer-links ul{list-style:none}.footer-links a{display:block;margin-bottom:.8rem;text-decoration:none;color:#fffc;transition:color var(--duration-base)}[data-theme=dark] .footer-links a{color:var(--text-secondary)}.footer-links a:hover{color:var(--primary-blue)}.footer-bottom{max-width:1400px;margin:0 auto;padding-top:2rem;border-top:1px solid var(--border-color);text-align:center;opacity:.6}@media(max-width:968px){.features-overlay{grid-template-columns:1fr;gap:1.5rem;width:85%}.feature-item{padding:1.5rem}#initFeatureCanvas{height:800px}.step{grid-template-columns:1fr}.process-steps:after,.step:before{display:none}.footer-content{grid-template-columns:1fr}nav ul{gap:1.5rem}.nav-actions{gap:.5rem}.sign-in-link{padding:.6rem 1rem;font-size:.9rem}.cta-button{padding:.6rem 1.5rem;font-size:.9rem}.signin-container{padding:2rem}.signin-error{padding:.875rem 1rem;font-size:.875rem}.signin-error svg{width:18px;height:18px}.signin-header h2{font-size:2rem}.social-signin{flex-direction:column}.getstarted-container{width:95%;padding:2rem}.getstarted-header h2{font-size:2rem}.form-row{grid-template-columns:1fr}.step-actions{flex-direction:column-reverse}.btn-back,.btn-next{width:100%}.credit-packages{grid-template-columns:1fr;gap:2.5rem}.credit-package.featured{transform:scale(1)}.credit-package.featured:hover{transform:translateY(-10px)}.store-info{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.top-header{padding:12px 16px}nav ul,nav .nav-actions{display:none}.nav-burger{display:flex}.dark-mode-toggle{width:45px;height:45px}.dark-mode-toggle svg{width:20px;height:20px}#initFeatureCanvas{height:1000px}.signin-container{width:95%;padding:1.5rem}.signin-header h2{font-size:1.8rem}.form-options{flex-direction:column;align-items:flex-start;gap:1rem}.getstarted-container{padding:1.5rem}.getstarted-header h2{font-size:1.8rem}.getstarted-header p{font-size:.95rem}.contact-content{grid-template-columns:1fr}.contact-info,.contact-form-section{padding:2rem}.integrations-grid{grid-template-columns:1fr}.integration-categories{overflow-x:auto;justify-content:flex-start}.values-grid{grid-template-columns:1fr}.team-grid{grid-template-columns:repeat(2,1fr)}.help-categories{grid-template-columns:1fr}.help-support-buttons{flex-direction:column}.help-support-btn{width:100%}.testimonial-card{width:320px;padding:2rem}.credit-packages{grid-template-columns:1fr;gap:2rem}.credit-package{padding:2rem}.credit-package.featured{transform:scale(1)}.store-info{grid-template-columns:1fr;gap:1.5rem}.step-visual{animation:floatVisual 8s ease-in-out infinite}.step-visual:hover{transform:translateY(-5px) scale(1.01)}.step-canvas{animation:canvasPulse 6s ease-in-out infinite}}@media(prefers-reduced-motion:reduce){.step-visual{animation:none}.step-visual:hover{transform:none}.step-visual:before{animation:none}.step-visual:after{transition:none}.step-canvas{animation:none}}.notification-toast{position:fixed;top:-200px;right:2rem;z-index:9999;display:flex;align-items:flex-start;gap:1rem;max-width:420px;width:calc(100% - 4rem);padding:1.25rem;border-radius:var(--radius-lg);box-shadow:0 10px 40px #00000026;border-left:4px solid var(--primary-blue);background:#fff;transition:top .4s cubic-bezier(.68,-.55,.265,1.55),background-color .4s cubic-bezier(.68,-.55,.265,1.55),box-shadow .4s cubic-bezier(.68,-.55,.265,1.55)}.notification-toast.show{top:2rem}[data-theme=dark] .notification-toast{box-shadow:0 10px 40px #00000080;border-left-color:var(--primary-blue);background:var(--bg-secondary)}.notification-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;border-radius:var(--radius-circle);background:var(--gradient-1);color:#fff}.notification-icon svg{animation:checkmark var(--duration-slow) ease-in-out}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(0)}to{transform:scale(1) rotate(0)}}.notification-content{flex:1}.notification-title{margin-bottom:.25rem;font-size:1rem;font-weight:700;color:var(--dark-text)}[data-theme=dark] .notification-title{color:var(--text-primary)}.notification-message{font-size:.9rem;line-height:1.4;color:var(--text-secondary)}.notification-close{display:flex;align-items:center;justify-content:center;padding:.25rem;margin-top:-.25rem;border:none;border-radius:6px;background:none;color:var(--text-secondary);transition:background-color var(--duration-fast) ease,color var(--duration-fast) ease;cursor:pointer}.notification-close:hover{background:#0000000d;color:var(--dark-text)}[data-theme=dark] .notification-close:hover{background:#ffffff1a;color:var(--text-primary)}.notification-toast:after{content:"";position:absolute;bottom:0;left:0;height:3px;width:100%;border-radius:0 0 0 12px;background:var(--primary-blue)}.notification-toast.show:after{animation:progress 3s linear}@keyframes progress{0%{width:100%}to{width:0%}}@media(max-width:768px){.notification-toast{right:1rem;width:calc(100% - 2rem);max-width:none}.notification-toast.show{top:1rem}.notification-icon{width:36px;height:36px;min-width:36px}.notification-title{font-size:.95rem}.notification-message{font-size:.85rem}}.unauth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem;background:var(--bg-primary)}.unauth-card{max-width:460px;width:100%;padding:3rem 2.5rem;border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:0 24px 60px #0000002e;text-align:center;background:var(--card-bg);animation:unauth-in .4s cubic-bezier(.34,1.4,.64,1) both}@keyframes unauth-in{0%{opacity:0;transform:translateY(24px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.unauth-icon-wrap{display:flex;align-items:center;justify-content:center;width:72px;height:72px;margin:0 auto 1.5rem;border-radius:var(--radius-circle);background:#ef44441a}.unauth-icon{width:38px;height:38px;color:var(--danger-color)}.unauth-icon-wrap.is-success{background:#22c55e1a}.unauth-icon.is-success{color:var(--success-color)}.unauth-code{margin:0 0 .5rem;font-size:4rem;font-weight:800;-webkit-text-fill-color:transparent;line-height:1;letter-spacing:-.03em;background:linear-gradient(135deg,var(--danger-color),#f97316);background-clip:text}.unauth-title{margin:0 0 .75rem;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.unauth-message{margin:0 0 2rem;font-size:.925rem;line-height:1.6;color:var(--text-secondary)}.unauth-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.unauth-btn-primary,.unauth-btn-secondary{display:inline-flex;align-items:center;gap:.45rem;padding:.6rem 1.25rem;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-decoration:none;line-height:1;transition:background .16s ease,border-color .16s ease,transform .12s ease,color .16s ease}.unauth-btn-primary svg,.unauth-btn-secondary svg{flex-shrink:0;width:15px;height:15px}.unauth-btn-primary{border:1px solid var(--primary-blue);background:var(--primary-blue);color:var(--color-white)}.unauth-btn-primary:hover{border-color:var(--light-blue);background:var(--light-blue);transform:translateY(-1px)}.unauth-btn-secondary{border:1px solid var(--border-color);background:var(--bg-tertiary);color:var(--text-primary)}.unauth-btn-secondary:hover{border-color:var(--primary-blue);color:var(--primary-blue);transform:translateY(-1px)}.unauth-btn-primary:active,.unauth-btn-secondary:active{transform:scale(.97)}.purchase-modal{align-items:flex-start;padding:1rem}.purchase-modal .purchase-container{overflow-y:auto;width:min(960px,100%);max-width:960px!important;max-height:calc(100dvh - 2rem);margin:auto;padding:2rem 2.25rem}.purchase-modal .purchase-container .signin-header{margin-bottom:1.5rem}.purchase-modal .purchase-container .signin-header h2{font-size:2rem}.purchase-layout{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.4fr);gap:2rem;align-items:start}.purchase-summary-panel,.purchase-form-panel{min-width:0}.purchase-layout--success{grid-template-columns:1fr}.purchase-layout--success .purchase-summary-panel{display:none}.purchase-layout--success .purchase-form-panel{justify-self:center;width:min(100%,520px)}.purchase-form-panel .signin-form{gap:1rem}.purchase-summary-panel .payment-plan-summary{flex-direction:column;margin-bottom:0}.purchase-summary-panel .payment-plan-summary-right{margin-top:.75rem}.purchase-pkg-bar{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.4rem;margin-bottom:0;border:1.5px solid rgba(0,154,206,.25);border-radius:14px;background:linear-gradient(135deg,#009ace14,#0062ff0f)}[data-theme=dark] .purchase-pkg-bar{border-color:#009ace4d;background:linear-gradient(135deg,#009ace1f,#0062ff14)}.purchase-pkg-info{display:flex;flex-direction:column;gap:.2rem}.purchase-pkg-breakdown{display:flex;flex-direction:column;gap:.3rem;padding-top:.65rem;border-top:1px solid rgba(0,154,206,.2)}.purchase-pkg-row{display:flex;justify-content:space-between;align-items:center}.purchase-pkg-row-label{font-size:.82rem;color:var(--text-secondary)}.purchase-pkg-row-value{font-size:.82rem;font-weight:600;color:var(--text-primary)}[data-theme=dark] .purchase-pkg-row-value{color:var(--text-primary)}.purchase-pkg-row--total{padding-top:.45rem;margin-top:.1rem;border-top:1px solid rgba(0,154,206,.2)}.purchase-pkg-row--total .purchase-pkg-row-label{font-size:.88rem;font-weight:700;color:var(--text-primary)}.purchase-pkg-name{font-weight:700;font-size:1rem;color:var(--dark-text)}[data-theme=dark] .purchase-pkg-name{color:var(--text-primary)}.purchase-pkg-credits{font-size:.85rem;font-weight:600;color:var(--primary-blue)}.purchase-pkg-price{font-size:1.5rem;font-weight:800;-webkit-text-fill-color:transparent;white-space:nowrap;background:var(--gradient-1);background-clip:text}.purchase-card-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}@media(max-width:760px){.purchase-modal{padding:0}.purchase-modal .purchase-container{width:100%;max-height:100dvh;min-height:100dvh;padding:1.5rem 1rem 2rem;border-radius:0}.purchase-layout,.purchase-card-row{grid-template-columns:1fr;gap:1rem}.purchase-modal .purchase-container .signin-close{top:1rem;right:1rem}.purchase-modal .purchase-container .signin-header{padding-right:2.75rem;text-align:left}}.purchase-stripe-input{padding:.9rem 1.5rem;border:2px solid var(--light-gray);border-radius:15px;background:var(--off-white);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}[data-theme=dark] .purchase-stripe-input{border-color:var(--border-color);background:var(--bg-secondary)}.gs-card-number-label-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.gs-card-number-label-row label{margin-bottom:0}.gs-card-number-brands{display:flex;gap:.3rem;align-items:center}.gs-card-icon{overflow:hidden;flex-shrink:0;width:38px;height:24px;border-radius:4px;box-shadow:0 1px 3px #0000002e;transition:opacity var(--duration-fast) ease,transform .15s ease,box-shadow .15s ease;cursor:default}.gs-card-icon svg{display:block;width:100%;height:100%}.gs-card-icon.brand-dimmed{opacity:.2;filter:grayscale(.4)}.gs-card-icon.brand-active{box-shadow:0 2px 8px #00000047;transform:scale(1.12)}.stripe-element-error{border-color:var(--error-color)!important;box-shadow:0 0 0 3px #ef44441a!important;background:#ef44440d!important}.purchase-success{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1rem 0 .5rem;text-align:center}.purchase-success-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-circle);border:2px solid rgba(34,197,94,.4);background:linear-gradient(135deg,#22c55e26,#22c55e14);color:var(--success-color)}.purchase-success-icon svg{width:32px;height:32px}.purchase-success h3{font-size:1.5rem;font-weight:700;color:var(--dark-text)}[data-theme=dark] .purchase-success h3{color:var(--text-primary)}.purchase-success p{font-size:.95rem;color:var(--text-secondary)}[data-theme=dark] .purchase-success p{color:var(--text-secondary)}.purchase-secure-note{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:1rem;font-size:.8rem;color:var(--neutral-400)}@keyframes purchase-spin{to{transform:rotate(360deg)}}.purchase-btn-spinner{flex-shrink:0;width:18px;height:18px;animation:purchase-spin .75s linear infinite}.chat-widget{position:fixed;bottom:24px;right:24px;z-index:9000;display:flex;flex-direction:column;align-items:flex-end;gap:14px}.chat-panel{display:flex;overflow:hidden;flex-direction:column;width:420px;max-height:640px;border:1px solid var(--border-color);border-radius:var(--radius-2xl);box-shadow:0 1px 2px #0000000f,0 20px 50px #00000029;background:var(--modal-bg);opacity:0;transform-origin:bottom right;transform:translateY(18px) scale(.95);transition:opacity .25s var(--ease-standard),transform .25s var(--ease-standard);pointer-events:none}.chat-panel--open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.chat-header{position:relative;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:16px 18px;background:var(--gradient-1);color:var(--color-white)}.chat-header-info{display:flex;align-items:center;gap:11px}.chat-header-avatar{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:38px;height:38px;border-radius:var(--radius-circle);background:#ffffff38;box-shadow:inset 0 0 0 1px #ffffff40}.chat-header-avatar:after{content:"";position:absolute;right:-1px;bottom:-1px;width:9px;height:9px;border-radius:var(--radius-circle);border:2px solid var(--primary-blue);background:var(--success-color)}.chat-header-name{font-weight:600;font-size:.92rem;letter-spacing:-.01em}.chat-header-status{font-size:.75rem;opacity:.88}.chat-close-btn{display:flex;align-items:center;padding:6px;border:none;border-radius:var(--radius-sm);background:none;color:var(--color-white);opacity:.85;transition:opacity .15s,background .15s;cursor:pointer}.chat-close-btn:hover{opacity:1;background:#ffffff26}.chat-messages{overflow-y:auto;display:flex;flex:1;flex-direction:column;gap:12px;min-height:0;padding:18px;background:var(--bg-secondary);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.chat-messages::-webkit-scrollbar{width:6px}.chat-messages::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--border-color)}.chat-bubble{display:flex;max-width:84%;animation:chatBubbleIn .25s var(--ease-standard) both}.chat-bubble--assistant{align-self:flex-start}.chat-bubble--user{align-self:flex-end}@keyframes chatBubbleIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-bubble-text{padding:11px 15px;border-radius:var(--radius-lg);font-size:1rem;line-height:1.6;white-space:pre-wrap;word-break:break-word}.chat-bubble--assistant .chat-bubble-text{border:1px solid var(--border-color);border-bottom-left-radius:4px;background:var(--bg-primary);color:var(--text-primary);box-shadow:0 1px 2px var(--shadow-color)}.chat-bubble--user .chat-bubble-text{border-bottom-right-radius:4px;background:var(--gradient-1);color:var(--color-white);box-shadow:0 2px 10px #009ace40}.chat-bubble-link{color:var(--primary-blue);font-weight:600;text-decoration:underline;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,var(--primary-blue) 40%,transparent);transition:text-decoration-color .15s}.chat-bubble-link:hover{text-decoration-color:var(--primary-blue)}.chat-bubble--user .chat-bubble-link{color:var(--color-white);text-decoration-color:#ffffff8c}.chat-bubble--user .chat-bubble-link:hover{text-decoration-color:var(--color-white)}.chat-typing{display:flex;align-items:center;gap:4px;width:fit-content;padding:12px 14px;border:1px solid var(--border-color);border-radius:var(--radius-lg);border-bottom-left-radius:4px;background:var(--bg-primary);box-shadow:0 1px 2px var(--shadow-color)}.chat-typing span{width:7px;height:7px;border-radius:var(--radius-circle);background:var(--primary-blue);animation:chatTypingDot 1.2s ease-in-out infinite}.chat-typing span:nth-child(2){animation-delay:.2s}.chat-typing span:nth-child(3){animation-delay:.4s}@keyframes chatTypingDot{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.chat-input-area{display:flex;align-items:flex-end;gap:8px;flex-shrink:0;padding:12px;border-top:1px solid var(--border-color);background:var(--modal-bg)}.chat-input{flex:1;max-height:100px;padding:11px 16px;border:1px solid var(--border-color);border-radius:var(--radius-2xl);outline:none;font-family:DM Sans,sans-serif;font-size:.875rem;line-height:1.5;background:var(--input-bg);color:var(--text-primary);transition:border-color .15s,box-shadow .15s;resize:none;scrollbar-width:thin;scrollbar-color:var(--border-color) transparent}.chat-input::-webkit-scrollbar{width:6px}.chat-input::-webkit-scrollbar-button{display:none;height:0;width:0}.chat-input::-webkit-scrollbar-thumb{border-radius:var(--radius-pill);background:var(--border-color)}.chat-input::-webkit-scrollbar-track{background:transparent}.chat-input:focus{border-color:var(--primary-blue);box-shadow:var(--focus-ring)}.chat-send-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-circle);border:none;background:var(--gradient-1);color:var(--color-white);box-shadow:0 2px 10px #009ace4d;transition:opacity .15s,transform .15s,box-shadow .15s;cursor:pointer}.chat-send-btn i{font-size:18px}.chat-send-btn:hover:not(:disabled){box-shadow:0 4px 16px #009ace66;transform:scale(1.06)}.chat-send-btn:active:not(:disabled){transform:scale(.96)}.chat-send-btn:disabled{opacity:.5;box-shadow:none;cursor:not-allowed}.chat-toggle-btn{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:58px;height:58px;border-radius:var(--radius-circle);border:none;box-shadow:0 4px 20px #009ace66;background:var(--gradient-1);color:var(--color-white);transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-fast) var(--ease-standard);cursor:pointer}.chat-toggle-btn:before{content:"";position:absolute;inset:0;border-radius:var(--radius-circle);box-shadow:0 0 #009ace73;animation:chatTogglePulse 2.4s ease-out infinite;pointer-events:none}.chat-toggle--open:before{animation:none;box-shadow:none}@keyframes chatTogglePulse{0%{box-shadow:0 0 #009ace66}70%{box-shadow:0 0 0 14px #009ace00}to{box-shadow:0 0 #009ace00}}.chat-toggle-btn:hover{box-shadow:0 6px 28px #009ace80;transform:scale(1.08)}.chat-toggle-icon{position:absolute;top:50%;left:50%;transition:opacity .2s var(--ease-standard),transform .2s var(--ease-standard)}.chat-toggle-icon--open{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}.chat-toggle-icon--close{opacity:0;transform:translate(-50%,-50%) rotate(-45deg) scale(.5)}.chat-toggle--open .chat-toggle-icon--open{opacity:0;transform:translate(-50%,-50%) rotate(45deg) scale(.5)}.chat-toggle--open .chat-toggle-icon--close{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}@media(prefers-reduced-motion:reduce){.chat-panel,.chat-bubble,.chat-toggle-icon,.chat-toggle-btn:before{animation:none!important;transition:none!important}}@media(max-width:480px){.chat-widget{bottom:16px;right:16px}.chat-panel{width:calc(100vw - 32px);max-height:70vh}}