:root{color-scheme:light;font-family:Inter,system-ui,-apple-system,sans-serif;--color-bg:#f7f4f0;--color-card:#fff;--color-text:#1f2937;--color-muted:#6b7280;--color-primary:#246b6b;--color-border:#e5e7eb;--color-success:#059669;--color-danger:#dc2626}*{box-sizing:border-box}body{margin:0;background:var(--color-bg);color:var(--color-text)}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{background:var(--color-card);border-bottom:1px solid var(--color-border);padding:24px 32px}.app-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.app-header h1{margin:0 0 4px;font-size:24px}.app-header p{margin:0;color:var(--color-muted);font-size:14px}.app-content{flex:1 1;padding:32px}.app-footer{border-top:1px solid var(--color-border);background:var(--color-card);padding:12px 32px}.app-footer-inner{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:24px;box-shadow:0 6px 20px rgba(15,23,42,.06)}.stack{flex-direction:column}.row,.stack{display:flex;gap:16px}.row{flex-wrap:wrap;align-items:center}.list{list-style:none;padding:0;margin:0;display:grid;grid-gap:8px;gap:8px}.button-link{color:var(--color-primary);font-weight:600;text-decoration:none}.field{display:flex;flex-direction:column;gap:6px;min-width:220px}.field label{font-size:13px}.field label,.label{color:var(--color-muted)}.label{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.field input,.field select,.field textarea{padding:10px 12px;border-radius:8px;border:1px solid var(--color-border);font-size:14px}button{border:none;border-radius:8px;padding:10px 18px;font-weight:600;cursor:pointer;background:var(--color-primary);color:#fff;transition:transform .15s ease,box-shadow .15s ease;box-shadow:0 1px 2px rgba(15,23,42,.12)}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 10px rgba(15,23,42,.16)}button.secondary{background:#e8e4df;color:var(--color-text);box-shadow:none}button.ghost{background:transparent;color:var(--color-primary);box-shadow:none}button:disabled{opacity:.6;cursor:not-allowed}.tabs{display:flex;gap:8px;margin-bottom:16px}.overview-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.overview-card{display:flex;flex-direction:column;gap:12px}.overview-icon{width:40px;height:40px;border-radius:12px;background:#eef5f5;display:inline-flex;align-items:center;justify-content:center;font-size:20px}.empty-state{margin-top:16px;border:1px dashed var(--color-border);padding:24px;display:flex;flex-direction:column;gap:10px;text-align:center;background:#fafafa}.empty-state,.empty-state-icon{border-radius:12px;align-items:center}.empty-state-icon{width:42px;height:42px;display:inline-flex;justify-content:center;background:#eef5f5;font-size:20px}.tab{background:#e5e7eb;color:var(--color-text);padding:8px 16px;border-radius:999px;font-weight:600}.tab.active{background:var(--color-primary);color:#fff}.table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:12px;background:var(--color-card)}.table{width:100%;border-collapse:collapse;font-size:14px}.table td,.table th{padding:14px 16px;border-bottom:1px solid var(--color-border);text-align:left}.table.compact td,.table.compact th{padding:10px 12px}.table th{background:#f9fafb;color:var(--color-muted);font-weight:600;text-transform:uppercase;font-size:12px}.notice{padding:14px 18px;border-radius:10px;background:#eff6ff;border:1px solid #bfdbfe;border-left-width:4px;display:flex;flex-direction:column;gap:8px}.notice.error{background:#fef2f2;color:var(--color-danger);border-color:#fecaca #fecaca #fecaca #f87171}.notice.success{background:#ecfdf5;color:var(--color-success);border-color:#a7f3d0 #a7f3d0 #a7f3d0 #34d399}.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.4);display:flex;align-items:center;justify-content:center;padding:24px;z-index:20}.modal{background:var(--color-card);border-radius:16px;padding:24px;max-width:520px;width:100%}.modal h3{margin-top:0}.details{margin-top:8px;font-size:13px;color:var(--color-muted)}.copy-block{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.small{font-size:12px;color:var(--color-muted)}.login-legal-footer{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:8px;border-top:1px solid var(--color-border)}.legal-markdown h1,.legal-markdown h2,.legal-markdown p,.legal-markdown ul{margin:0}.legal-markdown ul{padding-left:18px}.badge{display:inline-block;padding:4px 10px;border-radius:999px;background:#f3f4f6;font-size:12px}.badge.role-badge{font-weight:600}.badge.role-badge.owner{background:#e0f2fe;color:#0c4a6e}.badge.role-badge.editor{background:#ecfccb;color:#365314}.badge.role-badge.viewer{background:#f3e8ff;color:#5b21b6}.badge.health-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font-weight:600;text-transform:uppercase;letter-spacing:.02em}.badge.health-pill:before{content:"";width:8px;height:8px;border-radius:50%;background:currentColor}.tenant-context{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.badge.tenant-badge{background:#e8f1f6;color:#1e3a5f;font-weight:600}button.ghost.tenant-switch{padding:6px 10px}.badge.success{background:#e6f6ed;color:#166534}.badge.error{background:#fee2e2;color:#991b1b}.setup-progress-track{width:100%;height:10px;border-radius:999px;background:#e5e7eb;overflow:hidden}.setup-progress-fill{height:100%;background:linear-gradient(90deg,#2f855a,#38a169);transition:width .2s ease}.setup-item-row{display:flex;justify-content:space-between;gap:12px;align-items:center;border:1px solid var(--color-border);border-radius:10px;padding:12px 14px}.setup-item-main{display:flex;gap:10px;align-items:flex-start}.setup-item-icon{font-size:18px;line-height:1}@media (max-width:720px){.app-content{padding:20px}.app-footer{padding:12px 20px}.row{flex-direction:column;align-items:stretch}.field{min-width:unset}.setup-item-row{flex-direction:column;align-items:flex-start}}.pub-layout{min-height:100vh;display:flex;flex-direction:column}.pub-nav{background:var(--color-card);border-bottom:1px solid var(--color-border);padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:64px}.pub-nav__brand{font-size:18px;font-weight:700;color:var(--color-primary);letter-spacing:-.01em}.pub-nav__links{display:flex;align-items:center;gap:24px;list-style:none;margin:0;padding:0}.pub-nav__links a{font-size:14px;font-weight:500;color:var(--color-text)}.pub-nav__links a:hover{color:var(--color-primary)}.pub-nav__links .btn-login{background:transparent;color:var(--color-muted)!important;padding:8px 14px;border-radius:8px;font-size:14px;font-weight:500;border:1px solid var(--color-border)}.pub-nav__links .btn-login:hover{border-color:var(--color-primary);color:var(--color-primary)!important}.pub-nav__links .btn-nav-demo{background:var(--color-primary);color:#fff!important;padding:8px 18px;border-radius:8px;font-size:14px;font-weight:600;transition:opacity .15s}.pub-nav__links .btn-nav-demo:hover{opacity:.88;color:#fff!important}.pub-main{flex:1 1}.pub-footer{background:var(--color-card);border-top:1px solid var(--color-border);padding:24px 32px}.pub-footer__inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.pub-footer__nav{display:flex;gap:16px;flex-wrap:wrap}.pub-footer__nav a{font-size:14px;color:var(--color-muted)}.pub-footer__nav a:hover{color:var(--color-primary)}.pub-container{max-width:1100px;margin:0 auto;padding:0 32px}.pub-hero{background:linear-gradient(135deg,#f0f7f7,#e8f1f0);padding:80px 32px;text-align:center}.pub-hero__inner{max-width:700px;margin:0 auto}.pub-hero__tag{display:inline-block;background:var(--color-primary);color:#fff;padding:4px 14px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:20px}.pub-hero h1{font-size:40px;font-weight:800;color:var(--color-text);line-height:1.2;margin:0 0 16px}.pub-hero__sub{font-size:18px;color:var(--color-muted);margin:0 0 32px;line-height:1.6}.pub-hero__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;background:var(--color-primary);color:#fff;padding:12px 24px;border-radius:8px;font-weight:600;font-size:15px;text-decoration:none}.btn-primary:hover{opacity:.9}.btn-secondary{display:inline-flex;align-items:center;background:var(--color-card);color:var(--color-text);padding:12px 24px;border-radius:8px;font-weight:600;font-size:15px;border:1px solid var(--color-border);text-decoration:none}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.pub-section{padding:64px 32px}.pub-section--alt{background:var(--color-card)}.pub-section__header{text-align:center;max-width:600px;margin:0 auto 48px}.pub-section__header h2{font-size:30px;font-weight:700;margin:0 0 12px}.pub-section__header p{font-size:16px;color:var(--color-muted);margin:0;line-height:1.6}.pub-problem{display:grid;grid-template-columns:1fr 1fr;grid-gap:24px;gap:24px;max-width:860px;margin:0 auto}.pub-problem__box{padding:24px;border-radius:12px;border:1px solid var(--color-border)}.pub-problem__box--before{background:#fff8f8;border-color:#fecaca}.pub-problem__box--after{background:#f0fdf4;border-color:#a7f3d0}.pub-problem__box h3{margin:0 0 8px;font-size:16px;font-weight:700}.pub-problem__box p{margin:0;font-size:14px;color:var(--color-muted);line-height:1.6}.pub-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:20px;gap:20px;max-width:1100px;margin:0 auto}.pub-feature-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:24px}.pub-feature-card__icon{font-size:28px;margin-bottom:12px}.pub-feature-card h3{font-size:16px;font-weight:700;margin:0 0 8px}.pub-feature-card p{font-size:14px;color:var(--color-muted);margin:0;line-height:1.5}.pub-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:24px;gap:24px;max-width:900px;margin:0 auto}.pub-step{text-align:center;padding:24px 16px}.pub-step__num{width:40px;height:40px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;margin:0 auto 12px}.pub-step h3{font-size:15px;font-weight:600;margin:0 0 8px}.pub-step p{font-size:13px;color:var(--color-muted);margin:0;line-height:1.5}.pub-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:24px;gap:24px;max-width:900px;margin:0 auto}.pub-pricing-card{background:var(--color-card);border:1px solid var(--color-border);border-radius:12px;padding:28px 24px;display:flex;flex-direction:column;gap:16px;position:relative}.pub-pricing-card--featured{border-color:var(--color-primary);border-width:2px}.pub-pricing-card__badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--color-primary);color:#fff;padding:3px 14px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.pub-pricing-card h3{margin:0;font-size:20px;font-weight:700}.pub-pricing-card__price{font-size:36px;font-weight:800;color:var(--color-primary);line-height:1}.pub-pricing-card__price span{font-size:16px;font-weight:400;color:var(--color-muted)}.pub-pricing-card__features{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px;flex:1 1}.pub-pricing-card__features li{font-size:14px;display:flex;gap:8px;align-items:flex-start}.pub-pricing-card__features li:before{content:"✓";color:var(--color-success);font-weight:700;flex-shrink:0}.pub-pricing-note{text-align:center;font-size:14px;color:var(--color-muted);margin:0 auto;max-width:520px}.pub-faq{max-width:700px;margin:0 auto}.pub-faq-item{border-bottom:1px solid var(--color-border);padding:20px 0}.pub-faq-item:first-child{border-top:1px solid var(--color-border)}.pub-faq-item h3{margin:0 0 8px;font-size:15px;font-weight:600}.pub-faq-item p{margin:0;font-size:14px;color:var(--color-muted);line-height:1.6}.pub-login-wrap{display:flex;justify-content:center;align-items:flex-start;padding:48px 32px;flex:1 1}.pub-login-card{width:100%;max-width:420px}.pub-login-back{font-size:13px;color:var(--color-muted);margin-bottom:20px;display:block}.pub-login-back:hover{color:var(--color-primary)}.pub-how-hero{background:linear-gradient(135deg,#f0f7f7,#e8f1f0);padding:64px 32px;text-align:center}.pub-how-detail{max-width:800px;margin:0 auto;display:flex;flex-direction:column;gap:48px}.pub-how-step{display:grid;grid-template-columns:64px 1fr;grid-gap:24px;gap:24px;align-items:flex-start}.pub-how-step__num{width:56px;height:56px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;flex-shrink:0}.pub-how-step__content h2{margin:0 0 8px;font-size:22px}.pub-how-step__content p{margin:0;color:var(--color-muted);line-height:1.7;font-size:15px}.pub-banner-wrap{background:#0f3333;overflow:hidden;line-height:0}.pub-banner-img{width:100%;max-width:1200px;height:auto;display:block;margin:0 auto}.pub-screenshots{display:flex;justify-content:center;align-items:flex-end;gap:24px;padding:16px 0 8px}.pub-screenshot-item{display:flex;flex-direction:column;align-items:center;gap:14px;flex:1 1;max-width:220px;transform:scale(.92) translateY(10px);transition:transform .25s ease}.pub-screenshot-item:hover{transform:scale(.96) translateY(4px)}.pub-screenshot-item--center{transform:scale(1) translateY(0);max-width:240px}.pub-screenshot-item--center:hover{transform:scale(1.02) translateY(-4px)}.pub-screenshot-img{width:100%;height:auto;border-radius:28px;box-shadow:0 24px 60px rgba(0,0,0,.18),0 4px 16px rgba(0,0,0,.1);display:block}.pub-screenshot-caption{font-weight:600;margin:0}.pub-hero__note,.pub-screenshot-caption{font-size:13px;color:var(--color-muted);text-align:center}.pub-hero__note{margin:16px 0 0}.pub-trust-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:0;background:var(--color-card);border-bottom:1px solid var(--color-border);padding:0}.pub-trust-item{display:flex;align-items:center;gap:8px;padding:14px 24px;font-size:13px;font-weight:500;color:var(--color-text);border-right:1px solid var(--color-border)}.pub-trust-item:last-child{border-right:none}.pub-trust-item__icon{font-size:16px;line-height:1}.pub-guarantee-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 32px;margin-bottom:40px;padding:16px 24px;background:#f0f7f7;border:1px solid #c6e0e0;border-radius:10px;font-size:13px;font-weight:500;color:var(--color-primary)}@media (max-width:720px){.pub-nav{padding:0 16px;height:56px}.pub-nav__links{gap:12px}.pub-nav__links li:not(:last-child){display:none}.pub-hero{padding:48px 20px}.pub-hero h1{font-size:28px}.pub-hero__sub{font-size:16px}.pub-section{padding:48px 20px}.pub-container{padding:0 20px}.pub-problem{grid-template-columns:1fr}.pub-how-step{grid-template-columns:48px 1fr;gap:16px}.pub-how-step__num{width:44px;height:44px;font-size:17px}.pub-footer{padding:20px}.pub-footer__inner{flex-direction:column;align-items:flex-start}.pub-login-wrap{padding:24px 16px}.pub-trust-bar{gap:0}.pub-trust-item{padding:10px 16px;font-size:12px;border-right:none;border-bottom:1px solid var(--color-border);width:50%;justify-content:center}.pub-trust-item:last-child{border-bottom:none}.pub-guarantee-bar{gap:8px 16px;font-size:12px;padding:12px 16px}.pub-screenshots{gap:12px;overflow-x:auto;padding:8px 4px 16px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;justify-content:flex-start}.pub-screenshot-item,.pub-screenshot-item--center{min-width:180px;max-width:180px;transform:none;scroll-snap-align:center}.pub-screenshot-item--center:hover,.pub-screenshot-item:hover{transform:none}}.pub-mid-cta{background:var(--color-primary);padding:48px 32px;text-align:center}.pub-mid-cta__text{color:hsla(0,0%,100%,.92);font-size:20px;font-weight:600;margin:0 0 20px;line-height:1.4}.pub-mid-cta .btn-primary{background:#fff;color:var(--color-primary)}.pub-mid-cta .btn-primary:hover{background:#f0f7f7;opacity:1}@media (max-width:720px){.pub-mid-cta{padding:40px 20px}.pub-mid-cta__text{font-size:17px}}.pub-how-step__badge{display:inline-block;background:#eef5f5;color:var(--color-primary);font-size:11px;font-weight:700;padding:3px 10px;border-radius:999px;letter-spacing:.04em;margin-bottom:8px;text-transform:uppercase}.pub-setup-fee-note{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:32px;padding:18px 24px;background:#fffbeb;border:1px solid #fcd34d;border-radius:10px;text-align:center}.pub-setup-fee-note__label{font-size:15px;font-weight:700;color:#92400e}.pub-setup-fee-note__detail{font-size:13px;color:#78350f}.pub-setup-fee-box{margin-top:40px;padding:28px 32px;background:#fffbeb;border:1.5px solid #fcd34d;border-radius:14px}.pub-setup-fee-box__header{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:16px}.pub-setup-fee-box__amount{font-size:20px;font-weight:800;color:#92400e}.pub-setup-fee-box__sub{font-size:13px;color:#78350f}.pub-setup-fee-box__list{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.pub-setup-fee-box__list li{font-size:14px;color:#78350f}@media (max-width:720px){.pub-setup-fee-box{padding:20px 18px}.pub-setup-fee-note{padding:14px 16px}}