:root{--font: "Vazirmatn", "Tahoma", system-ui, sans-serif;--ink: #0b1220;--ink-soft: #5b6b7c;--ink-muted: #8a97a6;--paper: #f6f8fb;--surface: #ffffff;--surface-2: #f0f4f8;--line: rgba(15, 23, 42, .08);--line-strong: rgba(15, 23, 42, .14);--brand: #0d9488;--brand-hover: #0f766e;--brand-soft: rgba(13, 148, 136, .1);--brand-glow: rgba(13, 148, 136, .35);--sky: #0284c7;--warn: #d97706;--danger: #dc2626;--success: #059669;--radius-sm: .5rem;--radius: .85rem;--radius-lg: 1.25rem;--radius-xl: 1.75rem;--radius-pill: 999px;--radius-btn: .55rem;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .04);--shadow: 0 8px 30px rgba(15, 23, 42, .06);--shadow-lg: 0 24px 60px rgba(15, 23, 42, .1);--shadow-brand: 0 12px 32px var(--brand-glow);--header-h: 4.25rem;--header-bg: rgba(246, 248, 251, .78);--footer-bg: #eef2f6;--sidebar-bg: #ffffff;--input-bg: #ffffff;--code-bg: var(--surface-2);--th-bg: var(--surface-2);--badge-bg: var(--surface-2);--body-bg: radial-gradient(900px 480px at 92% -8%, rgba(13, 148, 136, .12), transparent 55%), radial-gradient(700px 420px at -5% 30%, rgba(2, 132, 199, .08), transparent 50%), linear-gradient(180deg, #f8fafc 0%, var(--paper) 100%);color-scheme:light}[data-theme=dark]{--ink: #e8eef6;--ink-soft: #94a3b8;--ink-muted: #64748b;--paper: #0a0f18;--surface: #111827;--surface-2: #1a2332;--line: rgba(232, 238, 246, .08);--line-strong: rgba(232, 238, 246, .14);--brand: #2dd4bf;--brand-hover: #5eead4;--brand-soft: rgba(45, 212, 191, .12);--brand-glow: rgba(45, 212, 191, .25);--sky: #38bdf8;--warn: #fbbf24;--danger: #f87171;--success: #34d399;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 8px 30px rgba(0, 0, 0, .35);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .5);--header-bg: rgba(10, 15, 24, .8);--footer-bg: #0d1420;--sidebar-bg: #111827;--input-bg: #0d1420;--code-bg: rgba(232, 238, 246, .06);--th-bg: rgba(232, 238, 246, .04);--badge-bg: rgba(232, 238, 246, .08);--body-bg: radial-gradient(900px 480px at 92% -8%, rgba(45, 212, 191, .1), transparent 55%), radial-gradient(700px 420px at -5% 30%, rgba(56, 189, 248, .07), transparent 50%), linear-gradient(180deg, #070b12 0%, var(--paper) 100%);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font);font-size:.95rem;line-height:1.7;color:var(--ink);background:var(--body-bg);-webkit-font-smoothing:antialiased;transition:background .35s ease,color .25s ease}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}h1,h2,h3,h4{line-height:1.25;letter-spacing:-.025em}.site{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 clamp(1rem,4vw,2.5rem);border-bottom:1px solid var(--line);background:var(--header-bg);backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px)}.brand{display:inline-flex;align-items:center;gap:.6rem;font-weight:800;font-size:1.15rem;letter-spacing:-.03em}.brand-logo{width:2rem;height:2rem;flex-shrink:0}.nav{display:flex;align-items:center;gap:.35rem}.nav>a:not(.nav-cta){padding:.45rem .8rem;border-radius:var(--radius-sm);font-weight:500;font-size:.9rem;color:var(--ink-soft);transition:color .15s,background .15s}.nav>a:not(.nav-cta):hover,.nav>a:not(.nav-cta).active{color:var(--ink);background:var(--brand-soft)}.nav-cta{margin-inline-start:.35rem;padding:.5rem 1.05rem!important;border-radius:var(--radius-btn)!important;background:var(--brand)!important;color:#fff!important;font-weight:700!important;font-size:.88rem!important;box-shadow:var(--shadow-sm);transition:background .15s,transform .15s}.nav-cta:hover{background:var(--brand-hover)!important;transform:translateY(-1px)}.theme-toggle{width:2.25rem;height:2.25rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--radius-btn);background:var(--surface);color:var(--ink-soft);cursor:pointer;transition:color .15s,border-color .15s,transform .2s}.theme-toggle:hover{color:var(--ink);border-color:var(--line-strong);transform:rotate(12deg)}.lang-switch{display:inline-flex;align-items:center;padding:.15rem;border:1px solid var(--line);border-radius:var(--radius-btn);background:var(--surface);gap:.1rem}.lang-btn{border:none;background:transparent;color:var(--ink-soft);font:inherit;font-size:.78rem;font-weight:700;padding:.35rem .65rem;border-radius:calc(var(--radius-btn) - .15rem);cursor:pointer;transition:background .15s,color .15s}.lang-btn:hover{color:var(--ink)}.lang-btn.is-active,.lang-btn.active{background:var(--brand-soft);color:var(--brand)}.site-main{width:min(1120px,calc(100% - 2rem));margin:0 auto;padding:2.5rem 0 4rem}.site-footer{border-top:1px solid var(--line);background:var(--footer-bg);padding:3rem clamp(1rem,4vw,2.5rem) 1.5rem}.footer-grid{width:min(1120px,100%);margin:0 auto 2rem;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:2rem}.footer-brand p{margin:.75rem 0 0;max-width:18rem;color:var(--ink-soft);font-size:.9rem;line-height:1.75}.footer-col{display:grid;gap:.5rem;align-content:start}.footer-col h4{margin:0 0 .35rem;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-muted)}.footer-col a{color:var(--ink-soft);font-size:.92rem;transition:color .15s}.footer-col a:hover{color:var(--brand)}.footer-copy{width:min(1120px,100%);margin:0 auto;padding-top:1.25rem;border-top:1px solid var(--line);color:var(--ink-muted);font-size:.85rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;border:none;border-radius:var(--radius-btn);padding:.8rem 1.4rem;font-weight:700;font-size:.92rem;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--brand) 0%,var(--sky) 100%);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 40px var(--brand-glow)}.btn-ghost{background:var(--surface);border:1px solid var(--line-strong);color:var(--ink);box-shadow:var(--shadow-sm)}.btn-ghost:hover:not(:disabled){border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}.btn-light{background:#fff;color:#0f766e;font-weight:800}.btn-outline-light{background:transparent;border:1.5px solid rgba(255,255,255,.55);color:#fff}.btn-outline-light:hover{background:#ffffff1a}.landing{display:grid;gap:5.5rem}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:2.5rem;align-items:center;padding-block:1.5rem .5rem}.hero-copy{display:grid;gap:0}.eyebrow{display:inline-flex;align-items:center;gap:.45rem;width:fit-content;margin:0 0 1rem;padding:.35rem .85rem;border-radius:var(--radius-pill);background:var(--brand-soft);border:1px solid rgba(13,148,136,.2);color:var(--brand);font-weight:700;font-size:.8rem}.brand-hero{margin:0 0 1rem;font-size:clamp(2.8rem,7vw,4.4rem);font-weight:800;letter-spacing:-.045em;line-height:1.05;background:linear-gradient(120deg,var(--ink) 30%,var(--brand) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}[data-theme=dark] .brand-hero{background:linear-gradient(120deg,#fff 20%,var(--brand) 100%);-webkit-background-clip:text;background-clip:text}.lede{margin:0;font-size:1.1rem;line-height:1.85;color:var(--ink-soft);max-width:34rem}.muted{color:var(--ink-soft)}.cta-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.75rem}.cta-row.center{justify-content:center}.hero-note{margin:1rem 0 0;font-size:.85rem;color:var(--ink-muted)}.hero-visual{position:relative;min-height:380px;display:grid;place-items:center}.product-mock{width:100%;max-width:440px;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-lg);overflow:hidden;position:relative;z-index:2}.mock-chrome{display:flex;align-items:center;gap:.4rem;padding:.75rem 1rem;background:var(--surface-2);border-bottom:1px solid var(--line)}.mock-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--line-strong)}.mock-dot:nth-child(1){background:#f87171}.mock-dot:nth-child(2){background:#fbbf24}.mock-dot:nth-child(3){background:#34d399}.mock-url{margin-inline-start:.5rem;flex:1;padding:.25rem .65rem;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--line);font-size:.72rem;color:var(--ink-muted);font-family:ui-monospace,monospace;direction:ltr;text-align:left}.mock-body{display:grid;grid-template-columns:72px 1fr;min-height:260px}.mock-side{background:var(--surface-2);border-inline-end:1px solid var(--line);padding:.85rem .5rem;display:grid;gap:.45rem;align-content:start}.mock-nav-item{height:.55rem;border-radius:3px;background:var(--line-strong)}.mock-nav-item.active{background:var(--brand);opacity:.7}.mock-main{padding:1rem;display:grid;gap:.75rem;align-content:start}.mock-title-bar{height:.7rem;width:40%;border-radius:4px;background:var(--ink);opacity:.2}.mock-cards{display:grid;grid-template-columns:1fr 1fr;gap:.55rem}.mock-card{height:3.2rem;border-radius:var(--radius-sm);background:var(--brand-soft);border:1px solid var(--line)}.mock-card:nth-child(2){background:#0284c71a}.mock-rows{display:grid;gap:.4rem}.mock-row{height:.5rem;border-radius:3px;background:var(--line)}.mock-row:nth-child(1){width:100%}.mock-row:nth-child(2){width:85%}.mock-row:nth-child(3){width:70%}.mock-float{position:absolute;z-index:3;padding:.85rem 1.1rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);display:grid;gap:.2rem;animation:float-y 5s ease-in-out infinite}.mock-float span{font-size:.72rem;color:var(--ink-muted)}.mock-float strong{font-size:.88rem;font-weight:700}.mock-float-a{inset-inline-start:-8%;bottom:18%}.mock-float-b{inset-inline-end:-6%;top:12%;animation-delay:-2.5s}.hero-glow{position:absolute;top:15%;right:5%;bottom:15%;left:5%;border-radius:50%;background:radial-gradient(circle,var(--brand-glow),transparent 70%);filter:blur(40px);z-index:0;pointer-events:none}.stats-band{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--line);background:var(--line);box-shadow:var(--shadow)}.stat{display:grid;gap:.3rem;justify-items:center;text-align:center;padding:1.5rem 1rem;background:var(--surface)}.stat strong{font-size:1.45rem;font-weight:800;letter-spacing:-.02em;color:var(--brand)}.stat span{font-size:.82rem;color:var(--ink-soft)}.section{display:grid;gap:2rem}.section-head{display:grid;gap:.5rem;text-align:center;justify-items:center}.section-head h1,.section-head h2{margin:0;font-size:clamp(1.55rem,3.2vw,2rem);font-weight:800}.section-head p{margin:0;max-width:36rem;color:var(--ink-soft)}.page .section-head{text-align:start;justify-items:start}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.feature-card{padding:1.5rem 1.4rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:grid;gap:.65rem;align-content:start;transition:transform .2s,box-shadow .2s,border-color .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--line-strong)}.feature-card h3{margin:0;font-size:1.05rem;font-weight:700}.feature-card p{margin:0;color:var(--ink-soft);font-size:.92rem;line-height:1.75}.feature-icon{width:2.6rem;height:2.6rem;display:grid;place-items:center;border-radius:.75rem;background:var(--brand-soft);color:var(--brand)}.feature-icon svg{width:1.25rem;height:1.25rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;counter-reset:step}.step{position:relative;padding:1.75rem 1.4rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);display:grid;gap:.6rem}.step h3{margin:0;font-size:1.05rem}.step p{margin:0;color:var(--ink-soft);font-size:.92rem;line-height:1.75}.step-number{width:2.5rem;height:2.5rem;display:grid;place-items:center;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--brand),var(--sky));color:#fff;font-weight:800;font-size:1rem;box-shadow:var(--shadow-brand)}.faq-list{display:grid;gap:.65rem;max-width:44rem;width:100%;margin:0 auto}.faq-item{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:0 1.2rem;box-shadow:var(--shadow-sm)}.faq-item summary{cursor:pointer;font-weight:700;padding:1rem 0;list-style:none;display:flex;align-items:center;gap:.75rem}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"";width:1.4rem;height:1.4rem;flex-shrink:0;border-radius:50%;background:var(--brand-soft);color:var(--brand);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%230d9488' stroke-width='2.5'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;transition:transform .2s}.faq-item[open] summary:before{transform:rotate(45deg)}.faq-item p{margin:0 0 1rem;padding-inline-start:2.15rem;color:var(--ink-soft);line-height:1.85;font-size:.94rem}.cta-band{text-align:center;padding:3.5rem 2rem;border-radius:var(--radius-xl);background:radial-gradient(500px 280px at 85% 0%,rgba(255,255,255,.18),transparent 60%),linear-gradient(135deg,#0f766e,#0d9488 45%,#0369a1);color:#fff;display:grid;gap:.7rem;justify-items:center;box-shadow:var(--shadow-lg)}.cta-band h2{margin:0;font-size:clamp(1.4rem,3vw,1.9rem);font-weight:800}.cta-band p{margin:0;opacity:.9;max-width:28rem}.page{display:grid;gap:1.5rem}.page.narrow{max-width:520px;margin-inline:auto;width:100%}.page>h1{margin:0;font-size:clamp(1.6rem,3vw,2rem);font-weight:800}.feature-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.feature-group{padding:1.6rem 1.5rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.feature-group h2{margin:0 0 1rem;font-size:1.1rem;padding-bottom:.75rem;border-bottom:2px solid var(--brand-soft)}.feature-group ul{margin:0;padding:0;list-style:none;display:grid;gap:.6rem}.feature-group li{position:relative;padding-inline-start:1.5rem;color:var(--ink-soft);font-size:.92rem;line-height:1.7}.feature-group li:before{content:"";position:absolute;inset-inline-start:0;top:.35rem;width:.95rem;height:.95rem;border-radius:50%;background:var(--brand-soft);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%230d9488' stroke-width='3'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.prose{max-width:44rem;display:grid;gap:.75rem}.prose p{margin:0;line-height:2;color:var(--ink-soft)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:1rem;align-items:start}.contact-info{display:grid;gap:.85rem}.module-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.module-card{padding:1.5rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:grid;gap:.55rem;transition:transform .2s,box-shadow .2s}.module-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.module-card--free{border-color:var(--brand);box-shadow:0 0 0 1px var(--brand-soft),var(--shadow-sm)}.module-card h2{margin:0;font-size:1.15rem}.module-card p{margin:0;color:var(--ink-soft);font-size:.9rem}.module-card code{width:fit-content;padding:.2rem .5rem;border-radius:var(--radius-sm);background:var(--code-bg);font-size:.75rem;color:var(--ink-muted)}.module-price{font-size:1.25rem;font-weight:800;color:var(--brand)}.module-card .badge{width:fit-content}.included-card{padding:1.5rem!important}.included-card h2{margin:0 0 1rem;font-size:1.05rem}.included-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.55rem}.included-list li{position:relative;padding-inline-start:1.4rem;color:var(--ink-soft);font-size:.92rem}.included-list li:before{content:"✓";position:absolute;inset-inline-start:0;color:var(--brand);font-weight:800}.form{display:grid;gap:1rem}.form label,.check{display:grid;gap:.4rem;font-weight:600;font-size:.9rem}.form input[type=text],.form input[type=email],.form input[type=password],.form input:not([type]),.form select,.form textarea,.contact-form textarea{width:100%;padding:.75rem .95rem;border-radius:var(--radius);border:1px solid var(--line-strong);font:inherit;background:var(--input-bg);color:var(--ink);transition:border-color .15s,box-shadow .15s}.form select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--ink-muted) 50%),linear-gradient(135deg,var(--ink-muted) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-inline-end:2.25rem}html[dir=rtl] .form select{background-position:12px calc(50% - 3px),18px calc(50% - 3px)}.form textarea{resize:vertical;min-height:88px}.form input:focus,.form select:focus,.form textarea:focus,.contact-form textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.form-span-2{grid-column:1 / -1}.detail-card--wide{grid-column:1 / -1;margin-bottom:1rem}.business-hint{margin:-.35rem 0 1rem;font-size:.88rem}.business-active{align-self:end;padding-bottom:.85rem}.panel-skeleton--form{height:12rem;border-radius:var(--radius)}@media(max-width:720px){.form-grid{grid-template-columns:1fr}}.contact-form textarea{resize:vertical;min-height:120px}.form small{font-weight:400;color:var(--ink-muted);font-size:.8rem}fieldset{border:1px solid var(--line);border-radius:var(--radius);padding:1rem 1.1rem;background:var(--surface)}.check{grid-template-columns:auto 1fr;align-items:start;font-weight:500;padding:.35rem 0}.check em{display:block;font-style:normal;color:var(--ink-muted);font-size:.85rem}.amount{margin:0;font-size:1rem}.error{color:var(--danger);margin:0;font-weight:600}.success-msg{color:var(--success);font-weight:600}.pay-summary{display:grid;gap:.65rem;padding:1.25rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.pay-summary p{margin:0;display:flex;justify-content:space-between;gap:1rem}.pay-summary span{color:var(--ink-soft)}.success .tenant-link{display:inline-block;padding:.95rem 1.15rem;border-radius:var(--radius);background:var(--brand-soft);color:var(--brand);font-weight:700;word-break:break-all}.panel-layout{height:100vh;height:100dvh;overflow:hidden;display:grid;grid-template-columns:272px 1fr;background:radial-gradient(700px 320px at 100% 0%,rgba(13,148,136,.07),transparent 55%),var(--paper)}.panel-sidebar{height:100%;overflow-y:auto;display:flex;flex-direction:column;gap:1.15rem;padding:1.1rem 1rem 1rem;border-inline-end:1px solid var(--line);background:color-mix(in srgb,var(--sidebar-bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel-brand{display:flex;align-items:center;gap:.7rem;padding:.35rem .55rem 1.05rem;border-bottom:1px solid var(--line)}.panel-brand-text{display:grid;gap:.05rem;line-height:1.2}.panel-brand-text strong{font-size:.98rem;font-weight:800}.panel-brand-text span{font-size:.72rem;color:var(--ink-muted);font-weight:600;letter-spacing:.02em}.panel-nav{display:grid;gap:.2rem;flex:1;align-content:start}.panel-nav-label{font-size:.68rem;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.08em;padding:0 .65rem;margin-bottom:.35rem}.panel-nav a{position:relative;display:flex;align-items:center;gap:.65rem;padding:.5rem .65rem;border-radius:var(--radius-btn);color:var(--ink-soft);font-weight:600;font-size:.88rem;transition:background .15s,color .15s}.panel-nav-icon{display:grid;place-items:center;width:2rem;height:2rem;border-radius:calc(var(--radius-btn) - .1rem);background:transparent;border:1px solid transparent;color:var(--ink-muted);transition:background .15s,color .15s,border-color .15s;flex-shrink:0}.panel-nav a:hover{background:color-mix(in srgb,var(--ink) 5%,transparent);color:var(--ink)}.panel-nav a:hover .panel-nav-icon{color:var(--ink)}.panel-nav a.active{background:var(--brand-soft);color:var(--brand);font-weight:700}.panel-nav a.active .panel-nav-icon{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 4px 10px color-mix(in srgb,var(--brand) 35%,transparent)}.panel-nav a.active:before{content:"";position:absolute;inset-inline-start:-1rem;top:50%;transform:translateY(-50%);width:3px;height:60%;border-radius:3px;background:var(--brand)}.panel-new-service{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem .85rem;border-radius:var(--radius-btn);background:linear-gradient(135deg,var(--brand),var(--sky));color:#fff;font-weight:700;font-size:.88rem;box-shadow:var(--shadow-brand);transition:transform .15s,box-shadow .15s,filter .15s}.panel-new-service:hover{transform:translateY(-1px);filter:brightness(1.05);color:#fff}.panel-new-service:active{transform:translateY(0)}.panel-user{display:grid;grid-template-columns:auto 1fr auto;gap:.7rem;align-items:center;padding:.7rem .65rem;margin-top:.15rem;border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb,var(--ink) 3%,transparent)}.panel-logout-btn{display:grid;place-items:center;width:2.1rem;height:2.1rem;border:1px solid transparent;border-radius:var(--radius-btn);background:transparent;color:var(--ink-muted);cursor:pointer;transition:color .15s,background .15s,border-color .15s}.panel-logout-btn:hover{color:var(--danger, #dc2626);background:color-mix(in srgb,#dc2626 8%,transparent);border-color:color-mix(in srgb,#dc2626 25%,transparent)}.panel-avatar{width:2.35rem;height:2.35rem;border-radius:.75rem;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:800;font-size:.82rem}.panel-avatar--lg{width:3.5rem;height:3.5rem;font-size:1.1rem;border-radius:1rem}.panel-user-meta{display:grid;gap:.1rem;min-width:0}.panel-user-meta strong{font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-user-meta span{color:var(--ink-muted);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.panel-main{min-width:0;height:100%;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.panel-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1.5rem;border-bottom:1px solid var(--line);background:var(--header-bg);-webkit-backdrop-filter:saturate(1.3) blur(14px);backdrop-filter:saturate(1.3) blur(14px)}.panel-topbar-title{display:grid;gap:.05rem}.panel-eyebrow{font-size:.72rem;font-weight:700;color:var(--ink-muted);text-transform:uppercase;letter-spacing:.04em}.panel-topbar-title strong{font-size:.95rem}.panel-topbar-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.panel-back-link{font-size:.85rem;font-weight:700;color:var(--ink-soft);padding:.4rem .75rem;border-radius:var(--radius-btn);border:1px solid var(--line);background:var(--surface)}.panel-back-link:hover{color:var(--brand);border-color:var(--brand)}.panel-content{padding:1.5rem 1.75rem 2.75rem;width:min(1080px,100%);margin:0 auto}.panel-page{display:grid;gap:1.35rem}.panel-page-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}.panel-page-actions{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.view-switch{display:inline-flex;align-items:center;padding:.18rem;border:1px solid var(--line);border-radius:var(--radius-btn);background:var(--surface);gap:.15rem}.view-btn{display:inline-flex;align-items:center;gap:.4rem;border:none;background:transparent;color:var(--ink-soft);font:inherit;font-size:.8rem;font-weight:700;padding:.45rem .75rem;border-radius:calc(var(--radius-btn) - .15rem);cursor:pointer;transition:background .15s,color .15s}.view-btn:hover{color:var(--ink)}.view-btn.is-active{background:var(--brand-soft);color:var(--brand)}.btn-sm{padding:.4rem .8rem;font-size:.8rem}.service-table-name{display:inline-flex;align-items:center;gap:.5rem}.services-table td{vertical-align:middle}@media(max-width:720px){.view-btn span{display:none}}.panel-page-head h1{margin:0 0 .25rem;font-size:clamp(1.45rem,2.4vw,1.85rem);font-weight:800}.panel-page-head .muted{margin:0}.panel-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.panel-stat{padding:1rem 1.1rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:grid;gap:.35rem}.panel-stat span{font-size:.78rem;color:var(--ink-muted);font-weight:600}.panel-stat strong{font-size:1.45rem;font-weight:800;letter-spacing:-.02em}.panel-stat .is-success{color:var(--success)}.panel-stat .is-info{color:var(--sky)}.panel-stat .is-warn{color:var(--warn)}.panel-skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.panel-skeleton{height:9.5rem;border-radius:var(--radius-lg);background:linear-gradient(90deg,var(--surface-2),var(--surface),var(--surface-2));background-size:200% 100%;animation:shimmer 1.4s ease infinite}.panel-skeleton--wide{height:4.5rem}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.panel-empty{text-align:center;padding:3rem 1.5rem;border-radius:var(--radius-xl);border:1px dashed var(--line-strong);background:var(--surface);display:grid;gap:.65rem;justify-items:center}.panel-empty h2{margin:0;font-size:1.15rem}.panel-empty-icon{width:3rem;height:3rem;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-size:1.4rem;font-weight:800}.panel-alert{margin:0;padding:.85rem 1rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line)}.service-grid,.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.service-card{position:relative;padding:1.25rem 1.3rem 1.15rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);display:grid;gap:.85rem;transition:transform .18s,box-shadow .18s,border-color .18s}.service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--line-strong)}.service-card-top{display:flex;justify-content:space-between;gap:.75rem;align-items:start}.service-card-title{display:flex;align-items:center;gap:.55rem;min-width:0}.service-card-title h2{margin:0;font-size:1.05rem;font-weight:800}.status-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--ink-muted);flex-shrink:0}.status-dot-active{background:var(--success);box-shadow:0 0 0 3px #0596692e}.status-dot-provisioning{background:var(--sky);box-shadow:0 0 0 3px #0284c72e}.status-dot-suspended{background:var(--warn);box-shadow:0 0 0 3px #d977062e}.status-dot-failed{background:var(--danger);box-shadow:0 0 0 3px #dc262626}.service-host{display:inline-block;width:fit-content;max-width:100%;padding:.3rem .55rem;border-radius:.45rem;background:var(--code-bg);border:1px solid var(--line);font-size:.75rem;color:var(--ink-soft);direction:ltr;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.service-meta{display:grid;gap:.65rem}.service-meta>div{display:grid;gap:.25rem}.service-meta span{font-size:.75rem;color:var(--ink-muted);font-weight:600}.service-meta strong{font-size:.9rem}.chip-row{display:flex;flex-wrap:wrap;gap:.35rem}.chip{display:inline-flex;padding:.2rem .55rem;border-radius:var(--radius-pill);background:var(--brand-soft);color:var(--brand);font-size:.72rem;font-weight:700}.service-card-cta{position:absolute;inset-inline-end:1rem;bottom:1rem;color:var(--ink-muted);font-size:1.1rem;opacity:0;transition:opacity .15s,color .15s}.service-card:hover .service-card-cta{opacity:1;color:var(--brand)}.detail-card,.empty-card{padding:1.35rem 1.4rem;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.detail-card{display:flex;flex-direction:column}.detail-card .form{display:flex;flex-direction:column;gap:1rem;flex:1}.detail-card .form>.btn{margin-top:auto;align-self:flex-start}.detail-card h2{margin:0 0 1rem;font-size:1rem;font-weight:800;padding-bottom:.75rem;border-bottom:1px solid var(--line)}.panel-back{width:fit-content;font-size:.85rem;font-weight:700;color:var(--ink-soft)}.panel-back:hover{color:var(--brand)}.panel-hero{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap;padding:1.35rem 1.4rem;border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.panel-hero-copy{display:grid;gap:.65rem}.panel-hero-title{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem}.panel-hero-title h1{margin:0;font-size:clamp(1.35rem,2.5vw,1.75rem);font-weight:800}.panel-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.panel-kv>div{padding:.95rem 1.05rem;border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);display:grid;gap:.35rem}.panel-kv span{font-size:.75rem;color:var(--ink-muted);font-weight:600}.panel-kv strong{font-size:.92rem;word-break:break-word}.panel-actions{display:flex;flex-wrap:wrap;gap:.55rem}.page-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}.badge{display:inline-flex;padding:.25rem .65rem;border-radius:var(--radius-pill);font-size:.75rem;font-weight:700;background:var(--badge-bg)}.badge-active{background:#0596691f;color:var(--success)}.badge-suspended{background:#d977061f;color:var(--warn)}.badge-provisioning{background:#0284c71f;color:var(--sky)}.badge-failed{background:#dc26261a;color:var(--danger)}.badge-paid{background:#0596691f;color:var(--success)}.badge-pending{background:#0284c71f;color:var(--sky)}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:.9rem 1.1rem;text-align:start;border-bottom:1px solid var(--line);font-size:.9rem}.data-table th{background:var(--th-bg);font-weight:700;color:var(--ink-soft);font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}.data-table tbody tr:hover{background:color-mix(in srgb,var(--brand-soft) 45%,transparent)}.data-table tbody tr:last-child td{border-bottom:none}.table-amount{font-weight:700;font-variant-numeric:tabular-nums}.profile-card{border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);overflow:hidden;max-width:640px}.profile-card-head{display:flex;align-items:center;gap:1rem;padding:1.4rem 1.5rem;background:radial-gradient(400px 160px at 0% 0%,rgba(13,148,136,.12),transparent 60%),var(--surface-2);border-bottom:1px solid var(--line)}.profile-card-head h2{margin:0 0 .2rem;font-size:1.2rem}.profile-card-head .muted{margin:0}.profile-grid{margin:0;padding:.5rem 0;display:grid}.profile-grid>div{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.95rem 1.5rem;border-bottom:1px solid var(--line)}.profile-grid>div:last-child{border-bottom:none}.profile-grid dt{color:var(--ink-muted);font-size:.85rem;font-weight:600}.profile-grid dd{margin:0;font-weight:700;text-align:end}@keyframes float-y{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:960px){.hero{grid-template-columns:1fr;gap:2rem}.hero-visual{min-height:300px;order:-1}.feature-grid,.steps,.value-grid,.stats-band{grid-template-columns:1fr 1fr}.feature-groups,.contact-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.site-header{height:auto;flex-direction:column;padding:.85rem 1rem;gap:.65rem}.nav{flex-wrap:wrap;justify-content:center;gap:.25rem}.feature-grid,.steps,.value-grid,.stats-band,.footer-grid{grid-template-columns:1fr}.panel-layout{grid-template-columns:1fr;grid-template-rows:auto 1fr}.panel-sidebar{height:auto;overflow:visible;border-inline-end:none;border-bottom:1px solid var(--line)}.panel-stats,.panel-skeleton-grid{grid-template-columns:1fr 1fr}.panel-content{padding:1.1rem 1rem 2rem}.panel-topbar{padding:.75rem 1rem}.mock-float-a{inset-inline-start:0}.mock-float-b{inset-inline-end:0}}