:root{--bg-page: #f9fafb;--bg-surface: #ffffff;--text-main: #111827;--text-muted: #6b7280;--border-subtle: #e5e7eb;--primary: #2563eb;--primary-hover: #1d4ed8;--success: #16a34a;--success-light: #dcfce7;--shadow-soft: 0 10px 30px rgba(15, 23, 42, .08);--radius-lg: 24px;--radius-md: 16px;--radius-pill: 999px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-main);background-color:var(--bg-page)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.stack{display:flex;flex-direction:column}.stack-row{display:flex;flex-direction:row}section{padding:4.5rem 0}.hero{padding-top:4.5rem}@media(min-width:900px){section{padding:5.5rem 0}}.grid{display:grid;gap:1.5rem}.grid-2,.grid-3{grid-template-columns:1fr}@media(min-width:900px){.grid-2{grid-template-columns:1.1fr 1fr;align-items:center}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.section-title{font-size:2rem;font-weight:700;margin-bottom:.75rem}.section-body{font-size:1rem;color:var(--text-muted);max-width:640px;margin-bottom:2rem}.hero-pill{align-self:flex-start;border-radius:var(--radius-pill);background-color:#e9f4ff;color:var(--primary-hover);font-weight:600;padding:.1rem .95rem;font-size:.78rem}.hero-subtitle{font-size:.95rem;font-weight:600;color:var(--text-muted)}.hero-title{font-size:2.25rem;font-weight:700;line-height:1.15}@media(min-width:900px){.hero-title{font-size:2.75rem}}.hero-body{font-size:1rem;color:var(--text-muted);max-width:540px}.text-muted{color:var(--text-muted)}.text-sm{font-size:.9rem}.text-xs{font-size:.8rem}.text-caption{font-size:.75rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-pill);padding:.5rem 1.25rem;font-size:.95rem;font-weight:500;border:1px solid transparent;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .05s ease;text-decoration:none}.btn:active{transform:translateY(1px)}.btn-contained{background-color:var(--primary);color:#fff;border-color:var(--primary)}.btn-contained:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.btn-outlined{background-color:transparent;color:var(--text-main);border-color:var(--border-subtle)}.btn-outlined:hover{background-color:#f3f4f6}.btn-lg{padding:.75rem 1.6rem;font-size:1rem}.btn-sm{padding:.35rem .9rem;font-size:.85rem}.top-nav{position:sticky;top:0;z-index:50;background-color:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.top-nav-inner{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem}.top-nav-brand{display:flex;align-items:center;cursor:pointer}.top-nav-brand-logo{height:32px;margin-right:.75rem}.top-nav-brand-title{font-size:1.1rem;font-weight:700;letter-spacing:.02em}.chip{display:inline-flex;align-items:center;border-radius:var(--radius-pill);padding:.125rem .625rem;font-size:.7rem;font-weight:600;border:1px solid transparent}.chip-blue-soft{background-color:#e9f4ff;color:var(--primary-hover)}.chip-nav-ai-active{margin-left:.75rem}.nav-links{display:flex;align-items:center;gap:.75rem;margin-right:1.25rem}.nav-link-btn{padding:.35rem .9rem;border-radius:var(--radius-pill);background:transparent;border:none;cursor:pointer;color:var(--text-muted);font-size:.9rem;font-weight:500;transition:background-color .15s ease,color .15s ease}.nav-link-btn-active{color:var(--primary-hover);background-color:#eff6ff}.nav-link-btn:hover{background-color:#f3f4f6;color:var(--text-main)}.top-nav-actions{display:flex;align-items:center;gap:.6rem}@media(max-width:900px){.nav-links{display:none}}.card{background-color:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);padding:1.5rem}.card-md{border-radius:var(--radius-md)}.card-outlined{background-color:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:1.25rem}.card-soft{border-radius:var(--radius-md);padding:1.25rem}.hero-dashboard-card{padding:1.5rem;box-shadow:var(--shadow-soft)}.hero-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:.75rem}@media(min-width:600px){.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.kpi-tile{border-radius:12px;border:1px solid var(--border-subtle);padding:.75rem}.kpi-label{font-size:.75rem;color:var(--text-muted)}.kpi-value{font-size:1.1rem;font-weight:700;margin-top:.15rem}.bullet-line{display:flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--text-muted)}.bullet-dot{width:8px;height:8px;border-radius:50%;background-color:var(--primary)}.bar-row{margin-bottom:.6rem}.bar-bg{margin-top:.25rem;height:10px;border-radius:var(--radius-pill);background-color:#e9f4ff;position:relative;overflow:hidden}.bar-fill{position:absolute;inset:0;border-radius:var(--radius-pill);background-color:var(--primary-hover)}.home-product-grid{margin-top:1.5rem}.home-product-card{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background-color:var(--bg-surface);padding:1.5rem}.home-product-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.home-product-logo{height:36px;width:36px;object-fit:contain}.home-product-title{font-weight:700;font-size:1rem}.home-product-subtitle{font-size:.85rem;color:var(--text-muted)}.home-product-list{padding-left:1.1rem;margin:0 0 .85rem;font-size:.9rem;color:var(--text-muted)}.home-why-title{margin:0 0 .35rem;font-size:1.05rem;font-weight:600}.contact-strip{display:flex;align-items:center;justify-content:space-between;gap:1.25rem}@media(max-width:768px){.contact-strip{flex-direction:column;align-items:flex-start}}.tier-card{border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:1.5rem;background-color:var(--bg-surface)}.tier-card-highlight{border-color:var(--primary);background-color:#eff6ff;box-shadow:var(--shadow-soft)}.tier-price{font-size:1.7rem;font-weight:700;margin-bottom:.5rem}.faq-item{border-radius:12px;border:1px solid var(--border-subtle);background-color:var(--bg-surface);padding:1rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.faq-item:hover{background-color:#f9fafb}.faq-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.faq-question{font-size:1rem;font-weight:600}.faq-toggle{font-weight:600;color:#9ca3af;font-size:1.1rem}.faq-answer{margin-top:.4rem;font-size:.9rem;color:var(--text-muted);display:none}.faq-item.open .faq-answer{display:block}footer{border-top:1px solid var(--border-subtle);background-color:var(--bg-surface);padding:1.2rem 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem}.footer-left{display:flex;align-items:center;gap:.3rem}.footer-logo{height:24px;margin-right:.6rem}.footer-links{display:flex;align-items:center;gap:1.5rem;font-size:.85rem;color:var(--text-muted)}.footer-link-btn{background:none;border:none;padding:0;cursor:pointer;color:var(--text-muted);font-size:.85rem}.footer-email{color:var(--text-muted)}.modal-backdrop{position:fixed;inset:0;background-color:#0f172a59;display:flex;align-items:center;justify-content:center;z-index:100}.modal{width:100%;max-width:520px;background-color:var(--bg-surface);border-radius:16px;box-shadow:var(--shadow-soft);padding:1.25rem 1.5rem}.modal-title{font-size:1.1rem;font-weight:600;margin-bottom:.4rem}.modal-text{font-size:.9rem;color:var(--text-muted);margin-bottom:.85rem}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1rem}.modal-grid-two{display:grid;grid-template-columns:1fr;gap:.75rem}@media(min-width:600px){.modal-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}}.field{display:flex;flex-direction:column;gap:.25rem}.field-label{font-size:.8rem;font-weight:500}.input,.textarea{border-radius:10px;border:1px solid var(--border-subtle);padding:.55rem .7rem;font-size:.9rem;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 1px #2563eb66}.textarea{min-height:90px;resize:vertical}.helper-text{font-size:.75rem;color:var(--text-muted)}.caption-link-button{font-size:.75rem;background:none;border:none;padding:0;color:var(--primary);cursor:pointer}.use-case-card{border-radius:var(--radius-md);border:1px solid var(--border-subtle);padding:1.5rem;background-color:var(--bg-surface)}.nav-links .nav-link,.nav-links button.nav-link,.nav-links .nav-cta{background:none;border:none;cursor:pointer;font:inherit;color:inherit}.nav-cta{padding:.4rem 1rem;border-radius:999px;background:#2563eb;color:#fff;border:none}.contact-btn{background:none;border:none;cursor:pointer;color:inherit;font:inherit;padding:0}.contact-btn:link,.contact-btn:visited{text-decoration:none}body{background:linear-gradient(180deg,#f6f9ff 0%,var(--bg-page) 35%,#ffffff 100%)}.top-nav{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.top-nav-inner{padding:.8rem 1.5rem}.nav-link-btn:hover{background-color:#2563eb14;color:var(--text-main)}.btn{font-weight:700;letter-spacing:-.01em}.btn-contained{background:linear-gradient(180deg,var(--primary) 0%,var(--primary-hover) 100%);box-shadow:0 14px 30px #2563eb38}.btn-contained:hover{box-shadow:0 18px 40px #2563eb42}.card,.home-product-card,.use-case-card,.tier-card{box-shadow:0 10px 22px #0f172a0f}.hero-title{letter-spacing:-.025em;line-height:1.06}.hero-dashboard-card{border:1px solid rgba(229,231,235,.9);overflow:hidden}.card-outlined img{border-radius:14px;border:1px solid rgba(229,231,235,.9)}.kpi-tile{background:#fff}.kpi-tile:hover{border-color:#2563eb59}.screenshot-card img{width:100%;border-radius:16px;border:1px solid rgba(229,231,235,.95);box-shadow:0 14px 30px #0f172a14}.hero-visual{display:flex;justify-content:center;align-items:center}.hero-art{position:relative;width:min(520px,100%);height:420px;border-radius:28px;overflow:hidden;background:radial-gradient(120% 120% at 10% 0%,#fff,#f6f7fb 55%,#f1f3f7);border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 60px #0f172a1f}.hero-shape{position:absolute;border-radius:32px;filter:saturate(1.05)}.hero-shape-yellow{width:320px;height:320px;left:-70px;top:30px;background:radial-gradient(circle at 30% 30%,#ffe8a3,#f7c948 55%,#f0b429);opacity:.95}.hero-shape-red{width:280px;height:280px;right:-90px;top:-70px;background:radial-gradient(circle at 30% 30%,#ffb4b4,#ff6b6b 55%,#f43f5e);opacity:.9}.hero-shape-blue{width:320px;height:320px;right:-80px;bottom:-90px;background:radial-gradient(circle at 30% 30%,#bfe3ff,#60a5fa 55%,#2563eb);opacity:.9}.hero-person{position:absolute;left:26px;top:24px;z-index:4;width:190px}.hero-person-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;background:#ffffffe6;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 25px #0f172a1a;font-size:12px;font-weight:650;color:#0f172a;margin-bottom:10px}.dot-online{width:10px;height:10px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 3px #22c55e2e}.hero-person-card{border-radius:18px;background:#ffffffeb;border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 40px #0f172a24;padding:12px 12px 10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.mini-title{font-size:12px;font-weight:800;letter-spacing:.02em;color:#0f172a;margin-bottom:10px}.mini-row{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center;margin-bottom:8px}.mini-pill{font-size:11px;font-weight:750;padding:5px 10px;border-radius:999px;background:#2563eb1a;color:#1d4ed8;border:1px solid rgba(37,99,235,.18)}.mini-line{height:10px;border-radius:999px;background:#0f172a14}.hero-ui{position:absolute;border-radius:20px;background:#ffffffeb;border:1px solid rgba(15,23,42,.09);box-shadow:0 18px 55px #0f172a29;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.hero-ui-main{right:24px;top:78px;width:310px;padding:14px 14px 12px;z-index:3}.hero-ui-top{display:flex;align-items:center;gap:10px;margin-bottom:12px}.hero-ui-logo{width:28px;height:28px;object-fit:contain;border-radius:10px;background:#0f172a08;border:1px solid rgba(15,23,42,.06);padding:4px}.hero-ui-title{font-weight:850;color:#0f172a;font-size:14px}.hero-ui-spacer{flex:1}.hero-ui-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.ui-stat{border-radius:14px;background:#0f172a08;border:1px solid rgba(15,23,42,.06);padding:10px 10px 9px}.ui-label{font-size:11px;color:#0f172a9e;font-weight:650}.ui-value{font-size:18px;font-weight:900;color:#0f172a;margin-top:2px}.hero-ui-list{display:grid;gap:9px}.ui-row{display:grid;grid-template-columns:auto auto 1fr;gap:10px;align-items:center}.ui-row.tight{grid-template-columns:auto auto 1fr;gap:10px}.ui-dot{width:10px;height:10px;border-radius:999px;background:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.ui-text{font-size:12px;font-weight:700;color:#0f172ac7}.ui-line{height:10px;border-radius:999px;background:#0f172a14}.hero-ui-float{left:26px;bottom:26px;width:210px;padding:12px 12px 10px;z-index:4}.chip.chip-soft{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;font-size:11px;font-weight:800;background:#0f172a0d;border:1px solid rgba(15,23,42,.08);color:#0f172ac7}@media(max-width:900px){.hero-art{height:380px}.hero-ui-main{width:300px;right:18px;top:86px}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,sans-serif;color:#0f172a;background:#fff;line-height:1.5}a{color:#2563eb;text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.nav{border-bottom:1px solid #e5e7eb;background:#fff}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.nav-brand{display:flex;align-items:center;gap:10px;font-weight:600}.nav-brand img{height:32px}.badge{background:#eef2ff;color:#4338ca;padding:4px 10px;border-radius:999px;font-size:12px}.nav-links{display:flex;gap:24px}.nav-actions{display:flex;gap:12px}.btn{border-radius:999px;padding:10px 16px;font-weight:500;border:none;cursor:pointer}.btn.primary{background:#2563eb;color:#fff}.btn.ghost{background:#f1f5f9}.btn.lg{padding:14px 22px;font-size:15px}.hero{padding:96px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center}.kicker{font-size:12px;letter-spacing:.12em;color:#64748b;margin-bottom:12px}.hero h1{font-size:48px;line-height:1.1;margin-bottom:20px}.accent{color:#2563eb}.hero p{color:#475569;margin-bottom:28px}.hero-actions{display:flex;gap:16px;margin-bottom:28px}.audience{display:flex;gap:10px;flex-wrap:wrap}.pill{background:#f1f5f9;padding:8px 14px;border-radius:999px;font-size:13px}.hero-visual{display:flex;justify-content:center}.gradient-panel{width:420px;height:420px;border-radius:32px;background:linear-gradient(135deg,#2563eb,#60a5fa);box-shadow:0 40px 80px #2563eb40}.section{padding:96px 0}.section.soft{background:#f8fafc}.section h2{font-size:36px;margin-bottom:16px}.section-lead{color:#475569;margin-bottom:48px;max-width:640px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card{background:#fff;border-radius:16px;padding:28px;border:1px solid #e5e7eb}.step{font-size:12px;color:#2563eb;font-weight:600}.migration-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.checklist{background:#fff;border-radius:16px;padding:28px;border:1px solid #e5e7eb}.check{margin-bottom:12px;color:#334155}details{margin-bottom:16px}summary{font-weight:600;cursor:pointer}.center{text-align:center;margin-top:48px}