.account-menu{position:relative;display:flex;align-items:center}.account-trigger{display:inline-flex;align-items:center;gap:.4rem;border:none;background:transparent;cursor:pointer;padding:.25rem .5rem;font:inherit}.account-avatar{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;border:1px solid #e2e8f0}.account-name{font-size:.9rem;white-space:nowrap}.account-chevron{font-size:.7rem;transition:transform .15s ease}.account-chevron.open{transform:rotate(180deg)}.account-dropdown{position:absolute;right:0;top:calc(100% + .3rem);min-width:220px;background:#fff;border-radius:8px;box-shadow:0 8px 24px #0f172a2e;padding:.4rem 0;z-index:20}.account-header{padding:.55rem .9rem .4rem;border-bottom:1px solid #f1f5f9}.account-header-name{font-size:.9rem;font-weight:600}.account-header-email{font-size:.75rem;color:#64748b}.account-item{width:100%;display:block;padding:.45rem .9rem;font-size:.85rem;text-align:left;background:transparent;border:none;color:#0f172a;text-decoration:none;cursor:pointer}.account-item:hover{background:#f8fafc}.account-signout{border-top:1px solid #f1f5f9;margin-top:.2rem}.btn-signin{color:#000!important}.btn-signin:hover{color:#0f172a}.cta{background:#f9fafb;padding:60px 20px;text-align:center;margin-top:60px;border-top:1px solid #e5e7eb}.cta-container{max-width:800px;margin:0 auto}.cta-heading{font-size:28px;margin-bottom:12px;font-weight:700}.cta-sub{font-size:18px;color:#64748b;margin-bottom:24px}.cta-buttons{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn{padding:12px 24px;border-radius:8px;font-weight:600;text-decoration:none;transition:background .2s ease}.btn--primary{background:#059669;color:#fff}.btn--primary:hover{background:#047857}.btn--ghost{border:2px solid #059669;color:#059669}.btn--ghost:hover{background:#ecfdf5}.site-footer{background:#0b0b0b;color:#d1d5db;padding:20px 16px;font-family:system-ui,sans-serif;text-align:center}.footer-inner{max-width:1200px;margin:0 auto 12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px}.footer-links{display:flex;gap:20px;justify-content:center}.footer-links a{color:#d1d5db;text-decoration:none;font-size:14px;transition:color .2s ease}.footer-links a:hover{color:#fff}.footer-socials{display:flex;gap:18px;justify-content:flex-start}.footer-socials img{width:28px;height:28px;display:block;transition:transform .2s ease,opacity .2s ease}.footer-socials a:hover img{transform:scale(1.1);opacity:.9}.footer-subscribe form{display:flex;gap:8px;justify-content:flex-end}.footer-subscribe input{width:200px;padding:8px 12px;border-radius:6px;border:1px solid #303030;background:#f1f1f1;color:#111;font-size:14px}.footer-subscribe input::placeholder{color:#555}.footer-subscribe button{background:#059669;color:#fff;border:none;padding:8px 14px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background .2s ease}.footer-subscribe button:hover{background:#047857}.footer-note{font-size:12px;color:#9ca3af;border-top:1px solid #1f2937;padding-top:10px;margin:0}@media (max-width: 800px){.footer-inner{grid-template-columns:1fr;gap:16px;text-align:center}.footer-socials,.footer-links,.footer-subscribe form{justify-content:center}}:root{--neutral-50:#fafafa;--neutral-100:#f4f4f5;--neutral-200:#e5e7eb;--neutral-600:#52525b;--neutral-700:#3f3f46;--neutral-900:#111827;--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857;--nav-h: 84px}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;color:var(--neutral-900);background:#fff}.container{max-width:1120px;margin:0 auto;padding:0 24px;padding-top:var(--nav-h)}.grid{display:grid;gap:48px}.btnrow{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.center{justify-content:center}.hero{position:relative;margin-top:var(--nav-h);isolation:isolate;overflow:visible;background:#fff}.hero__container{padding:88px 0 48px}@media (min-width: 640px){.hero__container{padding:112px 0 64px}}@media (min-width: 1024px){.hero__container{padding:128px 0 72px}.hero__grid{grid-template-columns:1fr 1.2fr;align-items:center}}.hero__wash{pointer-events:none;position:absolute;left:0;right:0;top:0;height:256px;background:linear-gradient(to bottom,rgba(244,244,245,.6) 0%,transparent 40%)}.h1{color:var(--emerald-600)}@keyframes float{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-10px) scale(1.02)}to{transform:translateY(0) scale(1)}}.blob{position:absolute;filter:blur(36px);opacity:.4;mix-blend-mode:multiply}.blob--1{width:360px;height:360px;right:-120px;top:-80px;background:radial-gradient(300px 300px at 60% 40%,#a7f3d0 0,transparent 70%);animation:float 8s ease-in-out infinite}.blob--2{width:320px;height:320px;left:-120px;top:40px;background:radial-gradient(260px 260px at 40% 60%,#bfdbfe 0,transparent 70%);animation:float 10s ease-in-out infinite reverse}.badge{display:inline-flex;align-items:center;gap:8px;border-radius:999px;border:1px solid var(--neutral-200);background:#fff;color:#6b7280;font-size:12px;padding:6px 10px;box-shadow:0 1px 2px #0000000d}.badge__dot{width:6px;height:6px;border-radius:999px;background:var(--emerald-500);margin-bottom:2px}.h1{margin:16px 0 0;font-weight:700;font-size:32px;letter-spacing:-.02em;line-height:1.1}@media (min-width: 640px){.h1{font-size:54px}}.p{margin-top:12px;max-width:50ch;color:var(--neutral-600);line-height:1.7;font-size:16px}.note{margin-top:8px;font-size:12px;color:#737373}.btn{font-size:14px;font-weight:700;border-radius:16px;padding:12px 18px;border:1px solid transparent;background:#fff;color:var(--neutral-900);box-shadow:0 1px 2px #0000000d;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease,background .2s;text-decoration:none;display:inline-block}.btn--ghost{border-color:var(--neutral-200);background:#fff}.card{border:1px solid var(--neutral-200);border-radius:16px;background:#fff;box-shadow:0 1px 2px #0000000d,0 10px 30px #00000014;padding:16px}.chrome{display:flex;align-items:center;gap:4px;margin-bottom:8px}.dot{width:10px;height:10px;border-radius:999px;background:var(--neutral-200);display:inline-block}.bar{margin-left:8px;flex:1;height:12px;border-radius:4px;background:var(--neutral-100)}.stage{position:relative;border:1px solid var(--neutral-200);background:var(--neutral-50);border-radius:12px;aspect-ratio:16 / 10;overflow:hidden;isolation:isolate}.scene{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 170px;gap:16px;padding:16px;opacity:0;transform:translateY(6px) scale(.995);transition:opacity .5s ease,transform .6s cubic-bezier(.22,1,.36,1)}.scene[data-active=true]{opacity:1;transform:translateY(0) scale(1)}.rows{display:grid;align-content:start;gap:8px}.row{display:flex;align-items:center;gap:10px}.box{height:8px;border-radius:6px;background:var(--neutral-200);flex:1}.note-bubble{position:absolute;top:10px;right:10px;font-size:12px;border:1px solid var(--neutral-200);background:#fff;padding:4px 8px;border-radius:999px;opacity:.9}.chart{width:100%;height:110px}.chartWrap{display:grid;align-content:end}.linkWrap{position:relative}.linkLine{position:absolute;left:10%;right:10%;height:2px;background:var(--emerald-500);transform-origin:left center;opacity:0}.linkLine:nth-child(1){top:28%}.linkLine:nth-child(2){top:46%}.linkLine:nth-child(3){top:64%}@keyframes dash{0%{transform:scaleX(0);opacity:.2}50%{opacity:1}to{transform:scaleX(1);opacity:1}}[data-phase=link] .linkLine{animation:dash .9s ease forwards}[data-phase=link] .linkLine:nth-child(2){animation-delay:.15s}[data-phase=link] .linkLine:nth-child(3){animation-delay:.3s}.refreshSpinner{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.refreshRing{width:54px;height:54px;border-radius:999px;border:3px solid var(--neutral-200);border-top-color:var(--emerald-500);opacity:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}[data-phase=refresh] .refreshRing{animation:pop .25s ease-out forwards,spin .8s linear .25s infinite}@keyframes glow{0%{box-shadow:0 0 #10b98100}60%{box-shadow:0 0 #10b98159}to{box-shadow:0 0 #10b98100}}[data-phase=done] .box{background:var(--emerald-100);animation:glow 1.2s ease-in-out both}[data-phase=done] .chip{border-color:var(--emerald-500);color:var(--emerald-700)}.legend{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px;font-size:14px}.legendItem{display:flex;align-items:center;gap:8px;border-radius:12px;border:1px solid var(--neutral-200);background:#fff;color:var(--neutral-700);padding:10px 12px;box-shadow:0 1px 2px #0000000d}.legendItem--active{border-color:var(--emerald-600);background:var(--emerald-50);color:var(--emerald-700)}.legendBadge{display:inline-flex;width:20px;height:20px;border-radius:999px;align-items:center;justify-content:center;font-size:11px;font-weight:700;color:var(--neutral-700);background:var(--neutral-200)}.legendItem--active .legendBadge{background:var(--emerald-600);color:#fff}.legendText{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controls{margin-top:8px;display:flex;gap:8px;font-size:12px;color:var(--neutral-600)}.controls button{border-radius:999px;border:1px solid var(--neutral-200);background:#fff;padding:6px 10px;cursor:pointer}.controls button[aria-pressed=true]{border-color:var(--emerald-600);color:var(--emerald-700);background:var(--emerald-50)}.section{padding:64px 0}.section.alt{background:#fcfcfc}.secTitle{font-size:28px;font-weight:700;margin:0 0 10px;letter-spacing:-.01em}.secLead{color:var(--neutral-600);max-width:64ch;margin:0 0 24px}.benefits{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:16px}@media (min-width: 700px){.benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.benefits{grid-template-columns:repeat(4,minmax(0,1fr))}}.benefit{border:1px solid var(--neutral-200);border-radius:16px;padding:16px;background:#fff;box-shadow:0 1px 2px #0000000a;transform:translateY(8px);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s ease}.benefit.in{transform:translateY(0);opacity:1}.benefitIcon{font-size:22px}.benefitTitle{margin-top:6px;font-weight:700}.benefitText{margin:6px 0 0;color:var(--neutral-600)}.steps{display:grid;gap:12px}@media (min-width: 800px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}.step{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--neutral-200);background:#fff;border-radius:16px;padding:16px;box-shadow:0 1px 2px #0000000a;transform:translateY(8px);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s ease}.step.in{transform:translateY(0);opacity:1}.stepBadge{min-width:28px;height:28px;border-radius:999px;display:grid;place-items:center;background:var(--emerald-600);color:#fff;font-weight:700}.stepTitle{font-weight:700}.stepText{color:var(--neutral-600);margin:4px 0 0}.usecases{display:grid;gap:14px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 800px){.usecases{grid-template-columns:repeat(3,minmax(0,1fr))}}.use{border:1px solid var(--neutral-200);border-radius:16px;padding:16px;background:#fff;box-shadow:0 1px 2px #0000000a;transition:transform .15s ease,box-shadow .2s ease}.use:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.useIcon{font-size:22px}.useTitle{font-weight:700;margin-top:6px}.useText{color:var(--neutral-600);margin:6px 0 0}.prices{display:grid;gap:16px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 860px){.prices{grid-template-columns:repeat(2,minmax(0,1fr))}}.price{border:1px solid var(--neutral-200);border-radius:18px;background:#fff;padding:20px;box-shadow:0 1px 2px #0000000d;transform:translateY(8px);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s ease}.price.in{transform:translateY(0);opacity:1}.price--pro{outline:2px solid rgba(16,185,129,.18);box-shadow:0 12px 28px #10b98126}.priceName{font-weight:700;font-size:18px}.priceValue{margin:6px 0 10px;font-size:18px;font-weight:800;letter-spacing:-.01em}.priceList{margin:0 0 14px;padding:0 0 0 16px;color:var(--neutral-600);font-size:16px}.priceList li{margin:6px 0}.logos{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:24px}.logo{display:inline-flex;align-items:center;justify-content:center;width:90px;height:42px;border-radius:10px;border:1px solid var(--neutral-200);color:var(--neutral-600);font-weight:700;background:#fff}.closing{text-align:center}.closingTitle{font-size:24px;font-weight:800;margin:6px 0;letter-spacing:-.01em}.closingText{color:var(--neutral-600);margin:0 0 10px}@media (prefers-reduced-motion: reduce){.scene,.refreshRing,.linkLine,.benefit,.step,.price,.blob{animation:none!important;transition:none!important}.refreshRing,.linkLine{opacity:1!important;transform:none!important}}.note-text{margin-top:8px;font-size:12px;color:#737373}.solution{position:relative;background:#fff;color:var(--neutral-900)}.blob{position:absolute;filter:blur(36px);opacity:.35;mix-blend-mode:multiply}.s1{width:360px;height:360px;right:-120px;top:120px;background:radial-gradient(300px 300px at 60% 40%,#a7f3d0 0,transparent 70%)}.s2{width:320px;height:320px;left:-120px;top:520px;background:radial-gradient(260px 260px at 40% 60%,#bfdbfe 0,transparent 70%)}.lead{color:var(--neutral-600);max-width:70ch;margin:0 0 16px;line-height:1.7}@media (min-width: 980px){.grid2{grid-template-columns:1.05fr .95fr;align-items:center}}.bullets{margin:12px 0 0;padding-left:18px;color:var(--neutral-700)}.bullets li{margin:8px 0}.card{border:1px solid var(--neutral-200);border-radius:16px;background:#fff;box-shadow:0 1px 2px #0000000d,0 10px 28px #0000000f;padding:16px}.card.code pre{margin:0;background:#0b1020;color:#e5e7eb;border-radius:12px;padding:16px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.viz{position:relative;border:1px dashed var(--neutral-200);border-radius:12px;padding:16px;background:var(--neutral-50)}.viz-row{display:flex;align-items:center;gap:10px;margin:8px 0}.chip{font-size:10px;padding:4px 6px;border-radius:999px;border:1px solid var(--neutral-200);background:#fff}.bar{height:8px;border-radius:6px;background:var(--neutral-200);flex:1}.note{position:absolute;top:10px;right:10px;font-size:12px;border:1px solid var(--neutral-200);background:#fff;padding:4px 8px;border-radius:999px;opacity:.9}.flowWrap{display:flex;justify-content:center;align-items:center}.flow{display:inline-flex;align-items:center;gap:12px;font-weight:700;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch}.flow-arrow{display:inline-flex;align-items:center;justify-content:center;line-height:1;opacity:.7}.flow-node{padding:10px 14px;border-radius:999px;border:1px solid var(--neutral-200);background:#fff}.flow-node--app{background:var(--emerald-50);border-color:var(--emerald-600);color:var(--emerald-700)}.flow-node,.flow-arrow{flex-shrink:0}.featureGrid{display:grid;gap:14px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 860px){.featureGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.feature{border:1px solid var(--neutral-200);border-radius:16px;background:#fff;padding:16px;box-shadow:0 1px 2px #0000000a;transform:translateY(8px);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s ease}.feature.in{transform:translateY(0);opacity:1}.featureIcon{font-size:22px}.featureTitle{font-weight:700;margin-top:6px}.featureText{color:var(--neutral-600);margin-top:6px}.shots{display:grid;gap:14px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 900px){.shots{grid-template-columns:repeat(4,minmax(0,1fr))}}.miniShot{transform:translateY(8px);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s ease}.miniShot.in{transform:translateY(0);opacity:1}.miniShot-window{border:1px solid var(--neutral-200);border-radius:14px;background:#fff;box-shadow:0 1px 2px #0000000d}.dots{display:flex;gap:6px;padding:8px}.dots span{width:10px;height:10px;background:var(--neutral-200);border-radius:999px;display:inline-block}.window-body{height:140px;border-top:1px solid var(--neutral-200);border-radius:0 0 14px 14px;position:relative;overflow:hidden}.gridlines{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(transparent 23px,#eee 24px),linear-gradient(90deg,transparent 23px,#eee 24px);background-size:24px 24px,24px 24px;opacity:.6}.miniShot-title{font-weight:700;margin-top:8px}.miniShot-text{color:var(--neutral-600);margin-top:4px}.compare{display:grid;gap:14px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 860px){.compare{grid-template-columns:repeat(4,minmax(0,1fr))}}.compareCard{border:1px solid var(--neutral-200);border-radius:16px;background:#fff;padding:16px;box-shadow:0 1px 2px #0000000a;transform:translateY(8px);opacity:0;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s ease}.compareCard.in{transform:translateY(0);opacity:1}.compareTitle{font-weight:800;margin-bottom:6px}.compareText{color:var(--neutral-700)}.reveal{transform:translateY(8px);opacity:0;animation:enter .7s cubic-bezier(.22,1,.36,1) .15s forwards}@media (prefers-reduced-motion: reduce){.reveal,.feature,.miniShot,.compareCard{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}.pricing{position:relative;background:#fff;color:var(--neutral-900)}.p1{width:360px;height:360px;left:-120px;top:80px;background:radial-gradient(300px 300px at 60% 40%,#a7f3d0 0,transparent 70%)}.p2{width:320px;height:320px;right:-120px;top:520px;background:radial-gradient(260px 260px at 40% 60%,#bfdbfe 0,transparent 70%)}.toggle{display:inline-flex;gap:6px;padding:6px;border:1px solid var(--neutral-200);border-radius:999px;background:#fff}.tgl{border:0;background:transparent;padding:8px 12px;border-radius:999px;cursor:pointer;font-weight:700}.tgl.active{background:var(--emerald-50);color:var(--emerald-700);border:1px solid var(--emerald-600)}.save{margin-left:6px;font-size:11px;color:var(--emerald-700)}.plans{display:grid;gap:16px}@media (min-width: 920px){.plans{grid-template-columns:repeat(3,minmax(0,1fr))}}.plan{position:relative;border:1px solid var(--neutral-200);border-radius:18px;background:#fff;padding:20px;box-shadow:0 1px 2px #0000000d;transform:translateY(8px);opacity:0;animation:enter .7s cubic-bezier(.22,1,.36,1) .1s forwards}@keyframes enter{to{transform:translateY(0);opacity:1}}.plan--pro{outline:2px solid rgba(16,185,129,.18);box-shadow:0 12px 28px #10b9811f}.badge{position:absolute;top:-12px;left:20px;font-size:12px;font-weight:800;color:var(--emerald-700);background:var(--emerald-50);border:1px solid var(--emerald-600);padding:4px 8px;border-radius:999px}.planName{font-weight:800}.planPrice{margin:6px 0 12px}.price{font-size:28px;font-weight:900;letter-spacing:-.01em}.unit{color:var(--neutral-700);margin-left:6px}.planList{margin:0 0 16px;padding:0 0 0 18px;color:var(--neutral-600)}.planList li{margin:6px 0}.btnrow{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:14px}.btn{font-size:14px;font-weight:700;border-radius:16px;padding:12px 18px;border:1px solid transparent;background:#fff;color:var(--neutral-900);box-shadow:0 1px 2px #0000000d;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease,background .2s}.compareGrid{display:grid;gap:0;border:1px solid var(--neutral-200);border-radius:14px;overflow:hidden;background:#fff}.compareGrid .hdr,.compareGrid .row{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr}.compareGrid .hdr{background:var(--neutral-50);font-weight:800}.compareGrid .hdr>*{padding:12px;border-bottom:1px solid var(--neutral-200)}.compareGrid .row>*{padding:12px;border-bottom:1px solid var(--neutral-200)}.compareGrid .row:last-child>*{border-bottom:0}.compareGrid .feat{font-weight:700;color:var(--neutral-700)}.chk{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:8px;background:#f3f4f6;color:#6b7280;font-weight:800}.chk.on{background:var(--emerald-50);color:var(--emerald-700)}.faqs{display:grid;gap:10px;max-width:860px;margin:0 auto}.faq{border:1px solid var(--neutral-200);border-radius:14px;background:#fff;padding:10px 14px}.faqQ{font-weight:800;cursor:pointer;list-style:none}.faqA{color:var(--neutral-700);padding:8px 2px 2px}.more a{color:var(--emerald-700);font-weight:800;text-decoration:none}.more a:hover{text-decoration:underline}.logos{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:18px}.quote{max-width:820px;margin:0 auto;text-align:center;color:var(--neutral-700)}.quote p{margin:0 0 6px;font-style:italic}@media (prefers-reduced-motion: reduce){.plan{animation:none!important;transform:none!important;opacity:1!important}}.planPrice .planAmount{font-weight:800;font-size:24px;letter-spacing:-.01em}.planPrice .planUnit{color:var(--neutral-700);margin-left:6px;font-size:14px}.btn.btn--primary{background-color:var(--emerald-600);color:#fff;border-color:var(--emerald-600)}.btn.btn--primary:hover{background-color:var(--emerald-700)}.tgl{padding:10px 20px;min-width:90px;font-size:14px}.tgl{position:relative;display:inline-flex;align-items:center;gap:4px}.save{font-size:11px;color:var(--emerald-700);pointer-events:none;white-space:nowrap}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:grid;place-items:center;z-index:1000;padding:16px}.modalCard{width:min(680px,96vw);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;overflow:hidden}.modalHead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid rgba(0,0,0,.08)}.modalTitle{font-weight:700}.modalX{border:none;background:transparent;cursor:pointer;font-size:18px}.modalBody{padding:16px}.modalActions{display:flex;gap:10px;justify-content:flex-end;margin-top:12px}.simGrid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:10px}@media (min-width: 720px){.simGrid{grid-template-columns:1fr 1fr}}.simMsg{margin-top:12px;padding:10px 12px;border-radius:12px;background:#0000000d}.usecasesPage{position:relative;background:#fff;color:var(--neutral-900)}.u1{width:360px;height:360px;left:-120px;top:80px;background:radial-gradient(300px 300px at 60% 40%,#a7f3d0 0,transparent 70%)}.u2{width:320px;height:320px;right:-120px;top:520px;background:radial-gradient(260px 260px at 40% 60%,#bfdbfe 0,transparent 70%)}.sec.alt{background:#fcfcfc}.h2{font-size:28px;font-weight:800;letter-spacing:-.01em;margin:0 0 8px}.sub{font-size:18px;font-weight:700;margin-top:16px}.gridCards{display:grid;gap:16px}@media (min-width:880px){.gridCards{grid-template-columns:repeat(3,minmax(0,1fr))}}.ucard{border:1px solid var(--neutral-200);border-radius:16px;background:#fff;padding:20px;box-shadow:0 1px 2px #0000000d;transition:transform .2s ease,box-shadow .2s ease}.ucard:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000014}.ucardIcon{font-size:28px}.ucardTitle{font-weight:700;margin-top:8px}.ucardText{color:var(--neutral-600);margin-top:6px}.grid2{display:grid;gap:28px}@media (min-width:980px){.grid2{grid-template-columns:1fr 1fr;align-items:center}}.caseVisual{display:flex;flex-direction:column;align-items:center;justify-content:center}.caseBox{font-size:40px;padding:40px;border:2px solid var(--neutral-200);border-radius:16px;background:#fff;box-shadow:0 1px 2px #0000000d}.caseCaption{margin-top:8px;font-size:14px;color:var(--neutral-600)}.testimonials{display:grid;gap:18px;margin-top:20px}blockquote{border-left:3px solid var(--emerald-600);padding-left:14px;font-style:italic;color:var(--neutral-700)}cite{display:block;margin-top:4px;font-style:normal;color:var(--neutral-600);font-size:14px}.logos{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:16px}.logo{display:inline-flex;align-items:center;justify-content:center;width:92px;height:42px;border-radius:10px;border:1px solid var(--neutral-200);color:var(--neutral-600);font-weight:800;background:#fff}.btnrow{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:20px}.contactPage{position:relative;background:#fff;color:var(--neutral-900)}.ct1{width:360px;height:360px;left:-120px;top:80px;background:radial-gradient(300px 300px at 60% 40%,#a7f3d0 0,transparent 70%)}.ct2{width:320px;height:320px;right:-120px;top:520px;background:radial-gradient(260px 260px at 40% 60%,#bfdbfe 0,transparent 70%)}.sec.cta{background:linear-gradient(180deg,#fcfcfc,#fff)}.h1{font-size:40px;font-weight:800;letter-spacing:-.02em;margin:0 0 24px}.h2{font-size:24px;font-weight:800;letter-spacing:-.01em;margin:0 0 24px}.gridWide{display:grid;gap:24px}@media (min-width: 1020px){.gridWide{grid-template-columns:1.2fr .8fr;align-items:start}}.card{border:1px solid var(--neutral-200);border-radius:16px;background:#fff;box-shadow:0 1px 2px #0000000d,0 10px 28px #0000000f;padding:18px}.form{margin-top:10px}.row{display:grid;gap:12px}@media (min-width:720px){.row{grid-template-columns:1fr 1fr}}.field{display:flex;flex-direction:column;gap:6px;margin-top:24px}label{font-weight:700}.legend{font-weight:700;margin-bottom:2px}input,select,textarea{border:1px solid var(--neutral-200);background:#fff;border-radius:12px;padding:10px 12px;font-size:14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--emerald-600);box-shadow:0 0 0 3px #10b98126}textarea{resize:vertical}.radioRow{display:flex;gap:12px;flex-wrap:wrap}.radio{display:flex;align-items:center;gap:6px}.check{display:flex;align-items:flex-start;gap:8px;margin:8px 0;font-size:14px}.check a{color:var(--emerald-700);font-weight:800;text-decoration:none}.check a:hover{text-decoration:underline}.err{color:#b91c1c;font-size:12px}.hp{position:absolute;left:-9999px;top:-9999px;height:0;width:0;overflow:hidden}.btnrow{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.btn--ghost{border-color:var(--neutral-200)}.toast{margin:6px 0 10px;padding:10px 12px;border-radius:12px;border:1px solid var(--neutral-200)}.toast.success{background:#ecfeff;color:#065f46}.toast.error{background:#fff7ed;color:#7c2d12}.toast.submitting{background:#eef2ff;color:#3730a3}.side{display:flex;flex-direction:column;gap:14px}.quoteCard{border:1px solid var(--neutral-200);border-radius:16px;background:#fff;padding:16px;box-shadow:0 1px 2px #0000000d}.quoteCard blockquote{margin:0 0 6px;font-style:italic;color:var(--neutral-700);border-left:3px solid var(--emerald-600);padding-left:12px}.quoteCard cite{color:var(--neutral-600);font-size:14px}.linksCard{border:1px solid var(--neutral-200);border-radius:16px;background:#fff;padding:16px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;gap:8px}.quickLink{color:var(--emerald-700);font-weight:800;text-decoration:none}.quickLink:hover{text-decoration:underline}@media (prefers-reduced-motion: reduce){input:focus,select:focus,textarea:focus{box-shadow:none!important}}.tutorialsPage{position:relative;background:#fff;color:var(--neutral-900)}.t1{width:360px;height:360px;left:-120px;top:80px;background:radial-gradient(300px 300px at 60% 40%,#a7f3d0 0,transparent 70%)}.t2{width:320px;height:320px;right:-120px;top:520px;background:radial-gradient(260px 260px at 40% 60%,#bfdbfe 0,transparent 70%)}.demo-section{padding:48px 16px;background:#fff}.demo-section .container{max-width:1000px;margin:0 auto;text-align:center}.demo-section h2{margin:0 0 8px;font-size:28px;font-weight:700}.demo-sub{margin:0 0 20px;color:#64748b}.video-wrap{position:relative;width:100%;padding-top:56.25%;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #00000014}.video-iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.demo-cta{display:inline-block;margin-top:14px;text-decoration:none;font-weight:600;color:#059669}.demo-cta:hover{text-decoration:underline}.filters{display:flex;gap:8px}.path{border:1px solid var(--neutral-200);border-radius:16px;background:#fff;padding:14px;box-shadow:0 1px 2px #0000000d;margin-bottom:14px}.pathTitle{font-weight:800;margin-bottom:8px}.pathSteps{display:flex;gap:14px;padding-left:18px;margin:0}.pathSteps li{margin-left:8px}.gridCards{display:grid;gap:14px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 900px){.gridCards{grid-template-columns:repeat(3,minmax(0,1fr))}}.tcard{display:block;text-decoration:none;color:inherit;border:1px solid var(--neutral-200);border-radius:16px;background:#fff;padding:16px;box-shadow:0 1px 2px #0000000d;transition:transform .15s ease,box-shadow .2s ease}.tcard:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000014}.thumb{width:100%;height:150px;border-radius:12px;display:grid;place-items:center;font-size:28px;background:linear-gradient(135deg,#f6f7fb,#eef1f6);color:#6b7280;margin-bottom:10px}.thumb.video{background:linear-gradient(135deg,#eefdf3,#ecfdf5)}.thumb.download{background:linear-gradient(135deg,#eef6ff,#e8f0ff)}.tTitle{font-weight:800}.tDesc{color:var(--neutral-600);margin:6px 0 10px}.tMeta{display:flex;align-items:center;gap:8px;color:var(--neutral-700);font-size:13px}.badge{border:1px solid var(--neutral-200);border-radius:999px;padding:2px 8px;background:#fff}.dot{opacity:.5}.spacer{flex:1}.type{color:var(--emerald-700);font-weight:800}.muted{color:var(--neutral-600);margin:8px 0}.helpLine{margin-top:14px;color:var(--neutral-700)}.helpLine a{color:var(--emerald-700);font-weight:800;text-decoration:none}.helpLine a:hover{text-decoration:underline}.breadcrumb{margin-top:20px;margin-bottom:20px;font-size:1rem}.breadcrumb-link{text-decoration:none;color:#059669;font-size:1rem}.breadcrumb-link:hover{text-decoration:underline}.tutorialPage ul,.tutorialPage ol{list-style:disc!important;margin-left:24px!important;padding-left:12px!important}.tutorialPage ul ul{list-style:circle!important}.tutorialPage li{background:none!important;border:none!important;padding:4px 0!important;box-shadow:none!important}.tutorialHeader{text-align:left!important;margin-bottom:24px}.tutorialHeader .lead{text-align:left!important;margin-top:12px;margin-left:0;line-height:1.7;max-width:100ch}.next-steps .btn{margin-top:50px}.tutorialPage img,.tutorialsPage img{max-width:100%;height:auto;display:block;margin:1rem auto;border-radius:8px;box-shadow:0 2px 6px #00000014}@media (max-width: 768px){.tutorialPage img,.tutorialsPage img{max-width:95%;margin:.75rem auto}}.tMeta .badge{display:none}.tMeta .badge:contains("Feature Walkthroughs"),.tMeta .badge:contains("Use Cases"){display:none}@media (max-width: 768px){.filters{width:100%;justify-content:space-between}.filters select{flex:1 1 0;min-width:0}}:root{--neutral-50:#fafafa;--neutral-100:#f4f4f5;--neutral-200:#e5e7eb;--neutral-600:#52525b;--neutral-700:#3f3f46;--neutral-900:#111827;--emerald-50:#ecfdf5;--emerald-100:#d1fae5;--emerald-500:#10b981;--emerald-600:#059669;--emerald-700:#047857}*{box-sizing:border-box}.blogPage{position:relative;background:#fff;color:var(--neutral-900)}.container{max-width:1120px;margin:0 auto;padding:0 24px}.blob{position:absolute;filter:blur(40px);opacity:.3;mix-blend-mode:multiply}.b1{width:360px;height:360px;left:-120px;top:80px;background:radial-gradient(300px 300px at 60% 40%,#a7f3d0 0,transparent 70%)}.b2{width:320px;height:320px;right:-120px;top:520px;background:radial-gradient(260px 260px at 40% 60%,#bfdbfe 0,transparent 70%)}.sec{padding:72px 0}.h1{font-size:40px;font-weight:800;letter-spacing:-.02em;margin:0 0 10px}.lead{color:var(--neutral-600);max-width:70ch;margin:0 auto 16px;line-height:1.7}.featured{display:grid;grid-template-columns:1fr 1.4fr;gap:16px;border:1px solid var(--neutral-200);border-radius:16px;background:#fff;padding:16px;text-decoration:none;color:inherit;box-shadow:0 1px 2px #0000000d;transition:transform .15s ease,box-shadow .2s ease}.featured:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000014}@media (max-width: 860px){.featured{grid-template-columns:1fr}}.featImg{border-radius:12px;background:linear-gradient(135deg,#eef6ff,#e8f0ff);display:grid;place-items:center;font-size:32px;color:#6b7280;min-height:180px}.featBody{display:grid;align-content:start;gap:6px}.featCat{color:var(--emerald-700);font-weight:800}.featTitle{font-size:24px;font-weight:900;letter-spacing:-.01em}.featExcerpt{color:var(--neutral-600)}.featMeta{color:var(--neutral-700);font-size:13px}.controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;margin-bottom:14px}.search{flex:1 1 320px;border:1px solid var(--neutral-200);border-radius:12px;padding:10px 12px;font-size:14px}.search:focus{outline:none;border-color:var(--emerald-600);box-shadow:0 0 0 3px #10b98126}.filters select{border:1px solid var(--neutral-200);background:#fff;border-radius:12px;padding:10px 12px;font-size:14px}.filters select:focus{outline:none;border-color:var(--emerald-600);box-shadow:0 0 0 3px #10b98126}.postGrid{display:grid;gap:14px;grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width:900px){.postGrid{grid-template-columns:repeat(3,minmax(0,1fr))}}.post{display:block;text-decoration:none;color:inherit;border:1px solid var(--neutral-200);border-radius:16px;background:#fff;padding:16px;box-shadow:0 1px 2px #0000000d;transition:transform .15s ease,box-shadow .2s ease}.post:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000014}.postImg{width:100%;height:140px;border-radius:12px;display:grid;place-items:center;font-size:26px;background:linear-gradient(135deg,#f6f7fb,#eef1f6);color:#6b7280;margin-bottom:10px}.postCat{color:var(--emerald-700);font-weight:800;font-size:13px}.postTitle{font-weight:900;margin-top:2px}.postExcerpt{color:var(--neutral-600);margin:6px 0 8px}.postMeta{color:var(--neutral-700);font-size:13px}.news{border:1px solid var(--neutral-200);border-radius:16px;background:#fff;padding:16px;box-shadow:0 1px 2px #0000000d;margin-top:16px}.newsTitle{font-weight:900;margin-bottom:8px}.newsRow{display:flex;gap:8px}.newsInput{flex:1;border:1px solid var(--neutral-200);border-radius:12px;padding:10px 12px;font-size:14px}.newsInput:focus{outline:none;border-color:var(--emerald-600);box-shadow:0 0 0 3px #10b98126}.btn{font-size:14px;font-weight:700;border-radius:16px;padding:12px 18px;border:1px solid transparent;background:#fff;color:var(--neutral-900);box-shadow:0 1px 2px #0000000d;cursor:pointer;text-decoration:none;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.btn:hover{transform:translateY(-1px);box-shadow:0 6px 16px #0000001a}.btn--primary{background:var(--emerald-600);color:#fff}.btn--primary:hover{filter:brightness(.98)}.tiny{margin-top:8px;font-size:12px;color:var(--neutral-600)}.blogPostPage ul,.blogPostPage ol{list-style:disc!important;margin-left:24px!important;padding-left:12px!important}.blogPostPage ul ul{list-style:circle!important}.blogPostPage li{background:none!important;border:none!important;padding:4px 0!important;box-shadow:none!important}.postHeader{text-align:left!important;margin-bottom:24px}.postHeader .lead{text-align:left!important;margin-top:12px;margin-left:0;line-height:1.7;max-width:100ch}.faq-page .container{max-width:880px}.faq-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:16px 0 24px;flex-wrap:wrap}.faq-search{flex:1 1 320px;border:1px solid #e5e7eb;border-radius:10px;padding:10px 12px;font-size:14px;outline:none}.faq-search:focus{border-color:#059669;box-shadow:0 0 0 3px #0596691f}.faq-actions{display:flex;gap:8px}.faq-list{display:grid;gap:12px}.faq-item{border:1px solid #e5e7eb;border-radius:14px;background:#fff;box-shadow:0 1px 2px #0000000a;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease}.faq-item:hover{transform:translateY(-1px);box-shadow:0 10px 22px #0000000f}.faq-item.open{border-color:#05966959;box-shadow:0 14px 28px #0596691a}.faq-q{width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;text-align:left;background:#fff;border:0;padding:14px 16px;font-weight:600;cursor:pointer}.faq-index{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:999px;background:#059669;color:#fff;font-size:12px;font-weight:700}.faq-icon{transition:transform .2s ease}.faq-item.open .faq-icon{transform:rotate(180deg)}.faq-a{color:#4b5563;line-height:1.7;padding:0 16px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-item.open .faq-a{padding:0 16px 16px;max-height:300px}.btn{font-size:14px;font-weight:700;border-radius:12px;padding:10px 14px;border:1px solid #e5e7eb;background:#fff}.btn--ghost{border-color:#e5e7eb;color:#059669}.btn--ghost:hover{background:#ecfdf5;border-color:#059669}.center{text-align:center}.page.payment{text-align:center;padding:40px 20px}.payment-box{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;margin:24px auto;max-width:500px;box-shadow:0 2px 6px #0000000d}.payment-logos{display:flex;justify-content:center;gap:20px;margin:20px 0}.payment-logos img{height:30px;opacity:.8}.waitlist-form{display:flex;justify-content:center;gap:10px;margin:20px auto;max-width:400px}.waitlist-form input{flex:1;padding:10px 12px;border-radius:6px;border:1px solid #ccc;font-size:14px}.waitlist-form button{padding:10px 16px;border-radius:6px}.small-note{margin-top:14px;font-size:13px;color:#6b7280}.not-found-page{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px}.error-code{font-size:72px;font-weight:800;color:#059669;margin:0}.error-code{color:#059669!important}.error-title{font-size:24px;font-weight:700;margin:10px 0}.error-text{font-size:16px;margin:6px 0;color:#374151}.error-subtext{font-size:14px;margin:4px 0 20px;color:#6b7280}.not-found-image{max-width:280px;margin:20px 0;border-radius:12px;box-shadow:0 4px 12px #00000014}.error-actions{display:flex;gap:12px;margin-top:16px}.btn-primary{background:#10b981;color:#fff;padding:10px 18px;border:none;border-radius:6px;font-weight:600;cursor:pointer}.btn-primary:hover{background:#059669}.btn-outline{border:1px solid #10b981;color:#10b981;background:transparent;padding:10px 18px;border-radius:6px;font-weight:600;cursor:pointer}.btn-outline:hover{background:#d1fae5;color:#065f46}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background-color:#333;color:#fff;padding:16px;font-family:Inter,sans-serif;text-align:center;box-shadow:0 -2px 8px #0000001a;border-radius:8px 8px 0 0;z-index:2000}.cookie-banner__content{max-width:960px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.cookie-banner__title{font-size:1rem;font-weight:600;margin:0;line-height:1.4}.cookie-banner__text{font-size:.9rem;line-height:1.6;margin:0;padding-bottom:10px}.cookie-banner__link{color:#93c5fd;text-decoration:underline}.cookie-banner__link:hover{color:#fff;text-decoration:none}.cookie-banner__buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.cookie-btn{border:none;cursor:pointer;border-radius:50px;padding:8px 20px;font-size:.85rem;font-weight:500;transition:background-color .3s ease,transform .2s ease}.cookie-btn--primary{background-color:#059669;color:#fff;border:1px solid transparent}.cookie-btn--primary:hover{background-color:#04744b;transform:translateY(-2px)}.cookie-btn--secondary{background-color:transparent;color:#e5e7eb;border:1px solid #4b5563}.cookie-btn--secondary:hover{background-color:#1f2933;transform:translateY(-2px)}@media (max-width: 600px){.cookie-banner__content{padding:0 16px}.cookie-banner__title{font-size:.9rem}.cookie-banner__text{font-size:.8rem}.cookie-btn{font-size:.8rem;padding:6px 16px}}.cookie-banner,.cookie-banner *{font-family:Poppins,sans-serif!important}:root{--neutral-50: #fafafa;--neutral-100: #f4f4f5;--neutral-200: #e5e7eb;--neutral-600: #52525b;--neutral-700: #3f3f46;--neutral-900: #111827;--emerald-50: #ecfdf5;--emerald-100: #d1fae5;--emerald-500: #10b981;--emerald-600: #059669;--emerald-700: #047857}.user-usage{max-width:960px;margin:3rem auto 4rem;padding:0 1.5rem}.user-usage__header{margin-bottom:1.5rem}.user-usage__header h1{margin:0;color:var(--emerald-600)}.user-usage__header p{margin:.4rem 0 0;opacity:.7}.user-usage h1{font-size:1.7rem;margin:0 0 .75rem;color:var(--neutral-900)}.user-usage-last-updated{display:inline-block;padding:.5rem .9rem;border-radius:999px;background:var(--emerald-50);color:var(--emerald-700);font-size:.85rem;border:1px solid var(--emerald-100)}.user-usage-spacer{height:1rem}.user-usage-status{margin-top:.5rem;font-size:.9rem;color:var(--neutral-600)}.user-usage-error{margin-top:.5rem;font-size:.9rem;color:#b91c1c}.user-usage-table-wrapper{margin-top:.5rem;overflow-x:auto;border-radius:.75rem;border:1px solid var(--neutral-200);background:var(--neutral-50)}.user-usage-table{width:100%;border-collapse:collapse;font-size:.9rem}.user-usage-table thead{background:var(--emerald-600)}.user-usage-table th,.user-usage-table td{padding:.6rem .75rem;border-bottom:1px solid var(--neutral-200);text-align:left}.user-usage-table th{font-weight:600;color:#fff}.user-usage-table tbody tr{background:#fff}.user-usage-table tbody tr:hover{background:var(--emerald-50)}.user-usage-count-cell{font-weight:600;color:var(--emerald-600)}.payment-history{max-width:960px;margin:3rem auto 4rem;padding:0 1.5rem}.payment-history__header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem}.payment-history__header h1{margin:0;color:#059669}.payment-history__header p{margin:.4rem 0 0;opacity:.7}.payment-history__header button{padding:.55rem .9rem;border-radius:10px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer}.payment-history__header button:disabled{opacity:.6;cursor:not-allowed}.payment-history__error{margin-top:1rem;padding:.75rem 1rem;border-radius:10px;border:1px solid #f2b8b5;background:#fff5f5;color:#b3261e}.payment-history__empty{margin-top:1.5rem;opacity:.7}.payment-history__table-wrap{margin-top:1.5rem;overflow-x:auto;border-radius:.75rem;border:1px solid #e5e7eb;background:#fafafa}.payment-history__table{width:100%;border-collapse:collapse;font-size:.9rem}.payment-history__table thead{background:#059669}.payment-history__table th,.payment-history__table td{padding:.6rem .75rem;border-bottom:1px solid #e5e7eb;text-align:left}.payment-history__table th{font-weight:600;color:#fff}.payment-history__table tbody tr{background:#fff}.payment-history__table tbody tr:hover{background:#ecfdf5}.payment-history__table td{vertical-align:top}.payment-history__table .right{text-align:right}.team-management{max-width:1100px;margin:3rem auto 4rem;padding:0 1.5rem}.team-management__header{display:flex;justify-content:space-between;align-items:flex-end;gap:1rem;margin-bottom:2rem}.team-management__header h1{margin:0}.team-management__header p{margin:.4rem 0 0;opacity:.7}.btn-refresh{padding:.55rem .9rem;border-radius:10px;border:1px solid rgba(0,0,0,.15);background:#fff;cursor:pointer;font-size:.95rem}.btn-refresh:disabled{opacity:.6;cursor:not-allowed}.team-management__error{margin-bottom:1rem;padding:.75rem 1rem;border-radius:10px;border:1px solid #f2b8b5;background:#fff5f5;color:#b3261e}.team-management__success{margin-bottom:1rem;padding:.75rem 1rem;border-radius:10px;border:1px solid #b8e6b8;background:#f5fff5;color:#1e7e1e}.team-management__summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2.5rem}.summary-card{padding:1.5rem;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#f9f9f9}.summary-label{font-size:.9rem;opacity:.7;margin-bottom:.5rem}.summary-value{font-size:1.8rem;font-weight:600;color:#333}.team-management__invite{margin-bottom:2.5rem;padding:1.5rem;border-radius:12px;border:1px solid rgba(0,0,0,.1);background:#fff}.team-management__invite h2{margin:0 0 1rem;font-size:1.3rem}.invite-form{display:flex;gap:.75rem;margin-bottom:.5rem}.invite-form input{flex:1;padding:.65rem 1rem;border-radius:8px;border:1px solid rgba(0,0,0,.2);font-size:.95rem}.invite-form input:disabled{opacity:.6;cursor:not-allowed}.btn-primary{padding:.65rem 1.5rem;border-radius:8px;border:none;background:#007bff;color:#fff;font-size:.95rem;cursor:pointer;font-weight:500}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-primary:hover:not(:disabled){background:#0056b3}.invite-warning{margin:.75rem 0 0;padding:.5rem .75rem;border-radius:6px;background:#fff3cd;color:#856404;font-size:.9rem}.pending-invites{margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.1)}.pending-invites h3{margin:0 0 1rem;font-size:1.1rem;color:#333}.pending-invites-list{list-style:none;padding:0;margin:0}.pending-invite-item{padding:.75rem 1rem;margin-bottom:.5rem;border-radius:8px;background:#f8f9fa;border:1px solid #e0e0e0}.pending-invite-item:last-child{margin-bottom:0}.invite-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:.25rem}.invite-email{font-weight:500;color:#333}.invite-status{display:inline-block;padding:.2rem .6rem;border-radius:12px;font-size:.8rem;font-weight:500;background:#fff3cd;color:#856404}.invite-meta{font-size:.85rem;color:#666}.invite-date{opacity:.8}.team-management__members{margin-bottom:2rem}.team-management__members h2{margin:0 0 1rem;font-size:1.3rem}.members-empty{opacity:.7;margin:1rem 0}.members-table-wrap{overflow-x:auto;border-radius:.75rem;border:1px solid #e5e7eb;background:#fafafa}.members-table{width:100%;border-collapse:collapse;font-size:.9rem}.members-table thead{background:#059669}.members-table th{text-align:left;padding:.6rem .75rem;font-weight:600;color:#fff;border-bottom:1px solid #e5e7eb}.members-table tbody tr{background:#fff}.members-table td{padding:.6rem .75rem;border-bottom:1px solid #e5e7eb}.members-table tbody tr:last-child td{border-bottom:none}.members-table tbody tr:hover{background:#ecfdf5}.role-badge{display:inline-block;padding:.25rem .6rem;border-radius:12px;font-size:.85rem;font-weight:500;text-transform:capitalize}.role-owner{background:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}.role-admin{background:#fff3cd;color:#856404;border:1px solid #ffeaa7}.role-accountant{background:#e2d5f0;color:#6c3483;border:1px solid #d7bde2}.role-member{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.action-menu-container{position:relative}.btn-menu{padding:.4rem .6rem;border-radius:6px;border:1px solid #ccc;background:#fff;color:#333;font-size:1.2rem;cursor:pointer;line-height:1;font-weight:700}.btn-menu:hover{background:#f5f5f5}.action-menu-dropdown{position:absolute;top:100%;right:0;margin-top:.25rem;background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:100;min-width:180px;overflow:hidden}.menu-item{display:block;width:100%;padding:.7rem 1rem;border:none;background:none;text-align:left;cursor:pointer;font-size:.9rem;color:#333;transition:background .2s}.menu-item:hover{background:#f5f5f5}.menu-item-danger{color:#dc3545}.menu-item-danger:hover{background:#fff5f5}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:2rem;max-width:500px;width:90%;box-shadow:0 8px 24px #0003}.modal-content h2{margin:0 0 1rem;font-size:1.5rem;color:#333}.modal-content p{margin:0 0 1.5rem;color:#666}.role-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.role-option{display:flex;align-items:center;gap:.75rem;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;transition:all .2s}.role-option:hover{border-color:#007bff;background:#f8f9fa}.role-option input[type=radio]{width:18px;height:18px;cursor:pointer}.role-option input[type=radio]:checked+span{font-weight:600;color:#007bff}.role-option span{font-size:1rem;color:#333;text-transform:capitalize}.modal-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn-cancel{padding:.65rem 1.5rem;border-radius:8px;border:1px solid #ccc;background:#fff;color:#333;font-size:.95rem;cursor:pointer;font-weight:500}.btn-cancel:hover{background:#f5f5f5}.btn-remove{padding:.4rem .9rem;border-radius:6px;border:1px solid #dc3545;background:#fff;color:#dc3545;font-size:.85rem;cursor:pointer}.btn-remove:hover{background:#dc3545;color:#fff}.text-muted{opacity:.5}@media (max-width: 768px){.team-management__header{flex-direction:column;align-items:flex-start}.invite-form{flex-direction:column}.members-table-wrap{font-size:.9rem}.members-table th,.members-table td{padding:.7rem .6rem}}.accept-invitation-page{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.invitation-container{max-width:600px;width:100%}.invitation-card{background:#fff;border-radius:12px;padding:3rem 2rem;box-shadow:0 4px 20px #00000014;text-align:center}.invitation-card.signin-prompt{border:2px solid #999}.invitation-card.success{border:2px solid #059669}.success-message{font-size:1.3rem;font-weight:600;color:#059669;margin:0}.redirect-message{font-size:.95rem;color:#666;margin:1rem 0 0}.invitation-card.error{border:2px solid #f44336}.invitation-card h2{color:#1a1a1a;margin-bottom:1rem;font-size:1.75rem}.invitation-card .message{color:#555;font-size:1.1rem;margin-bottom:1.5rem;line-height:1.6}.invite-list{margin:2rem 0;text-align:left;background:#f8f9fa;border-radius:8px;padding:1.5rem}.invite-list h3{color:#333;margin-bottom:1rem;font-size:1.1rem}.invite-list ul{list-style:none;padding:0;margin:0}.invite-list li{display:flex;align-items:center;justify-content:space-between;padding:.75rem 0;border-bottom:1px solid #e0e0e0}.invite-list li:last-child{border-bottom:none}.invite-list strong{color:#1a1a1a;font-size:1.05rem}.role-badge{background:#4a90e2;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.85rem;font-weight:500;text-transform:capitalize}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}.btn-primary{background:#4a90e2;color:#fff;border:none;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #4a90e233}.btn-primary:hover{background:#3a7bc8;transform:translateY(-2px);box-shadow:0 4px 12px #4a90e24d}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:#4a90e2;border:2px solid #4a90e2;padding:.875rem 2rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#f0f7ff;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #4a90e2;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1.5rem}.spinner.large{width:80px;height:80px;border-width:6px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000001a;display:flex;align-items:center;justify-content:center;z-index:1000}.help-text{margin-top:2rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.help-text p{color:#777;font-size:.95rem;margin:0}@media (max-width: 768px){.invitation-container h1{font-size:1.5rem}.invitation-card{padding:2rem 1.5rem}.invitation-card h2{font-size:1.5rem}.invitation-card .message{font-size:1rem}.action-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}body{margin:0;font-family:Poppins,sans-serif;background:#fff;color:#111827;font-size:1rem;line-height:1.6}a{text-decoration:none;color:inherit}.navbar{position:sticky;top:0;z-index:1000;display:flex;justify-content:center;align-items:center;gap:1rem;padding:.75rem 1rem;background:#fff;border-bottom:1px solid #e5e7eb;width:100%}.synceroo-logo{display:flex;align-items:center;justify-content:center}.logo-img{height:40px;width:auto}.hamburger{display:none;font-size:1.5rem;background:none;border:none;cursor:pointer;align-self:center}.nav-links{display:flex;gap:.75rem;flex-wrap:nowrap;align-items:center;justify-content:center}.link{padding:.75rem 1rem;color:#0f172a;font-weight:500;border-radius:.5rem;transition:background-color .2s ease,color .2s ease;font-family:Poppins,sans-serif;font-size:1rem}.link:hover{background:#f3f4f6}.link.active{background-color:#059669;color:#fff}.nav-cta{display:flex;gap:12px;margin-left:20px}.btn{font-size:1rem;font-weight:600;padding:8px 16px;border-radius:6px;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease;font-family:Poppins,sans-serif}.btn-primary{background:#059669;color:#fff}.btn-primary:hover{background:#047857}.btn-outline{border:1px solid #e9e9e9;color:#059669}.btn-outline:hover{border:1px solid #059669;background:#eefff6;color:#059669}.dropdown{position:relative;display:inline-block}.dropdown>button.link{padding:.75rem 1rem;background:none;border:none;cursor:pointer;font-weight:500;color:#0f172a;font-family:Poppins,sans-serif;font-size:1rem;transition:background-color .2s ease;display:inline-flex;align-items:center;justify-content:center;height:100%;margin:0}.dropdown>button.link:after{content:"▾";margin-left:.5rem;font-size:.75rem}.dropdown-content{background-color:#fff;min-width:160px;border-radius:.5rem;overflow:hidden;z-index:1000;box-shadow:0 8px 16px #0000001a;display:none;flex-direction:column;padding:.5rem 0}.dropdown.open .dropdown-content{display:flex;min-width:calc(100% - 2rem)}@media (min-width: 769px){.dropdown:hover .dropdown-content{display:flex}.dropdown-content{position:absolute;top:100%;left:0}}@media (max-width: 768px){.hamburger{display:block}.nav-links{display:none;position:absolute;top:var(--nav-h, 60px);left:0;width:100%;background:#fff;flex-direction:column;align-items:flex-start;padding:1rem;border-bottom:1px solid #e5e7eb;z-index:1001}.nav-links.open{display:flex}.nav-links .link{width:100%;padding:1rem;border-radius:0}.nav-cta{flex-direction:column;width:100%;margin:1rem 0 0;gap:.5rem}.dropdown-content{position:static;box-shadow:0 8px 16px #0000001a;border:1px solid #e5e7eb;margin-top:.5rem}.page{padding:1.5rem 1rem;max-width:100%}h1,h2{text-align:left}li{padding:.75rem}}button.link{padding:.75rem 1rem;color:#0f172a;font-weight:500;border-radius:.5rem;transition:background-color .2s ease,color .2s ease;background:none;border:none;cursor:pointer;font-family:Poppins,sans-serif}button.link:hover{background:#f3f4f6}.page{max-width:800px;margin:0 auto;padding:2rem;font-family:Segoe UI,sans-serif;color:#333;line-height:1.6;word-wrap:break-word}h1{font-size:clamp(1.75rem,4vw,2rem);margin-bottom:1rem;color:#059669}h2{font-size:clamp(1.25rem,3vw,1.5rem);margin-top:2rem;margin-bottom:1rem;color:#444;border-bottom:2px solid #e5e7eb;padding-bottom:.5rem}ul{list-style:none;padding-left:0}li{background:#fff;margin-bottom:.75rem;padding:1rem;border-radius:8px;box-shadow:0 1px 3px #0000000d}strong{color:#000}em{font-style:italic;color:#555}.page.payment{max-width:600px;margin:0 auto;padding:2rem;text-align:center}.payment-box{background-color:#f9fafb;border:1px solid #e5e7eb;padding:1.5rem;border-radius:8px;margin:2rem 0}.btn-disabled{background-color:#ccc;color:#666;padding:.75rem 1.5rem;border:none;border-radius:999px;cursor:not-allowed}.not-found-page{text-align:center;padding:4rem;font-family:Segoe UI,sans-serif}.not-found-page h1{font-size:clamp(4rem,10vw,6rem);margin-bottom:1rem;color:#ef4444}.not-found-page p{font-size:clamp(1rem,2.5vw,1.25rem);margin-bottom:1rem;color:#374151}.not-found-image{max-width:300px;margin:2rem auto;display:block}@media (max-width: 768px){body{font-size:.9rem;line-height:1.55}.page{max-width:100%;padding:1.25rem 1rem}h1{font-size:clamp(1.4rem,5vw,1.7rem);margin-bottom:.75rem}h2{font-size:clamp(1.1rem,4vw,1.4rem);margin-top:1.5rem;margin-bottom:.75rem}ul{padding-left:1.1rem}li{margin-bottom:.5rem;padding:.5rem .25rem;font-size:.9rem;background:transparent;box-shadow:none;border-radius:0}ul ul li{margin-bottom:.25rem;padding:.25rem 0;font-size:.85rem}.link,.btn,.dropdown>button.link,button.link{font-size:.9rem;padding:.55rem .75rem}.nav-cta{gap:.4rem}}@media (max-width: 480px){h1{font-size:clamp(1.2rem,6vw,1.2rem)}}@media (max-width: 768px){.navbar{justify-content:flex-start;padding-left:1rem}.hamburger{margin-left:auto}}button.link.active{background-color:#059669;color:#fff}