:root{--bg:#eef6fa;--navy:#071f3a;--blue:#0e3b66;--accent:#00a7a7;--accent2:#13c7bd;--text:#0f2740;--muted:#607187;--card:#ffffffcc;--line:#dce8ef;--shadow:0 24px 70px rgba(7,31,58,.16);--radius:28px;font-family:Inter,Segoe UI,system-ui,Arial,sans-serif}body[data-theme=blue]{--accent:#2f7df6;--accent2:#7ab3ff;--bg:#edf4ff}body[data-theme=violet]{--accent:#8357e6;--accent2:#c192ff;--bg:#f4f0ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 18% 8%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 28%),linear-gradient(180deg,#f9fcff,var(--bg));color:var(--text);overflow-x:hidden}.cursor-glow{position:fixed;top:0;left:0;width:320px;height:320px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 18%,transparent),transparent 62%);transform:translate(-50%,-50%);z-index:0;opacity:.7}.header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px clamp(20px,6vw,88px);background:rgba(7,31,58,.86);backdrop-filter:blur(18px);color:white;box-shadow:0 12px 40px rgba(0,0,0,.18)}.brand{display:flex;gap:14px;align-items:center;color:white;text-decoration:none}.mark{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--accent),var(--accent2));font-weight:900;font-size:1.25rem;box-shadow:0 12px 28px color-mix(in srgb,var(--accent) 32%,transparent)}.brand strong{display:block;font-size:1.35rem;letter-spacing:-.02em}.brand small{display:block;max-width:380px;font-size:.79rem;opacity:.84;line-height:1.3}.nav{display:flex;gap:24px}.nav a{color:#fff;text-decoration:none;font-weight:800;font-size:.94rem;opacity:.86;position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:3px;background:var(--accent2);border-radius:999px;transition:.25s}.nav a:hover:after{width:100%}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:18px;padding:14px 20px;font-weight:900;text-decoration:none;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.primary{background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#003a44));color:white;box-shadow:0 18px 38px color-mix(in srgb,var(--accent) 28%,transparent)}.primary:hover{transform:translateY(-2px);box-shadow:0 22px 48px color-mix(in srgb,var(--accent) 38%,transparent)}.ghost{background:#fff;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,#d8e8ef)}.section{max-width:1180px;margin:auto;padding:84px 24px;position:relative;z-index:1}.hero{min-height:690px;display:grid;grid-template-columns:1.02fr .98fr;gap:54px;align-items:center}.eyebrow{font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-weight:900}.lead{font-size:1.16rem;line-height:1.7;color:var(--muted);max-width:660px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(2.8rem,6vw,5.7rem);line-height:.96;letter-spacing:-.07em;color:var(--navy);margin-bottom:24px}h2{font-size:clamp(2rem,3.4vw,3.2rem);line-height:1;letter-spacing:-.055em;color:var(--navy);margin-bottom:18px}.section-title{text-align:center;max-width:760px;margin:0 auto 36px}.section-title p:last-child{color:var(--muted);line-height:1.6}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:32px 0}.trust{font-weight:800;color:#3b5870}.theme-switch{display:flex;gap:10px;margin:10px 0 18px}.theme-dot{width:28px;height:28px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px rgba(0,0,0,.12);cursor:pointer}.theme-dot[data-theme=teal]{background:#00a7a7}.theme-dot[data-theme=blue]{background:#2f7df6}.theme-dot[data-theme=violet]{background:#8357e6}.theme-dot.active{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent)}.hero-visual{height:500px;position:relative}.glass-card{background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.7);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.metric-card{position:absolute;left:16px;top:30px;width:190px;padding:24px}.metric-card .label{color:var(--muted);font-size:.82rem;font-weight:800}.metric-card strong{display:block;font-size:3.3rem;color:var(--accent);letter-spacing:-.06em}.metric-card small{color:var(--muted);font-weight:700}.chart-card{position:absolute;right:10px;top:80px;width:min(440px,92%);height:310px;padding:26px}.chart-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.chart-head span{font-weight:900;color:var(--navy)}.chart-head button,.tabs button{border:0;background:color-mix(in srgb,var(--accent) 12%,white);color:var(--accent);font-weight:900;padding:10px 14px;border-radius:999px;cursor:pointer}.bars{height:170px;display:flex;gap:18px;align-items:end}.bars span{flex:1;height:var(--h);background:linear-gradient(180deg,var(--accent2),var(--accent));border-radius:14px 14px 4px 4px;transition:height .55s ease,background .25s}.chart-line{height:4px;background:linear-gradient(90deg,transparent,var(--accent),transparent);margin-top:22px;border-radius:99px}.donut-card{position:absolute;left:75px;bottom:20px;width:260px;padding:22px;display:flex;align-items:center;gap:18px}.donut{width:86px;height:86px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--value)*1%),#e3edf4 0);position:relative;transition:.5s}.donut:after{content:"";position:absolute;inset:18px;border-radius:50%;background:white}.donut-card p{margin:0}.donut-card span{color:var(--muted)}.float-card{animation:float 4.8s ease-in-out infinite}.float-card.slow{animation-duration:6.2s}@keyframes float{50%{transform:translateY(-14px)}}.service-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.service-card{min-height:155px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 12px 34px rgba(7,31,58,.08);cursor:pointer;transition:.25s}.service-card:hover,.service-card.active{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 45%,#fff);box-shadow:0 20px 44px color-mix(in srgb,var(--accent) 16%,transparent)}.service-card.active{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 12%,white),white)}.service-card span{font-size:2rem}.service-card strong{display:block;margin:14px 0 8px;font-size:1.12rem;color:var(--navy)}.service-card small{color:var(--muted);line-height:1.5}.service-detail{background:linear-gradient(135deg,#fff,color-mix(in srgb,var(--accent) 8%,white));border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow);position:sticky;top:105px;height:max-content}.service-detail h3{font-size:2rem;color:var(--navy);letter-spacing:-.04em}.service-detail p,.service-detail li{color:var(--muted);line-height:1.65}.service-detail ul{padding-left:20px}.soft{max-width:none;background:linear-gradient(180deg,rgba(255,255,255,.55),color-mix(in srgb,var(--accent) 7%,#fff));padding-left:max(24px,calc((100vw - 1180px)/2));padding-right:max(24px,calc((100vw - 1180px)/2))}.stepper{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.step{background:white;border:1px solid var(--line);border-radius:20px;padding:16px;cursor:pointer;font-weight:900;color:var(--navy);transition:.25s}.step b{display:grid;place-items:center;margin:0 auto 8px;width:38px;height:38px;border-radius:50%;background:#edf3f7;color:var(--accent)}.step.active,.step:hover{background:var(--accent);color:white;transform:translateY(-4px)}.step.active b,.step:hover b{background:white}.step-panel{margin:24px auto 0;max-width:820px;background:white;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 14px 34px rgba(7,31,58,.08);text-align:center}.step-panel h3{font-size:1.8rem;color:var(--navy)}.step-panel p{color:var(--muted);line-height:1.7}.dashboard{background:rgba(255,255,255,.74);border:1px solid var(--line);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow)}.tabs{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.tabs button.active{background:var(--accent);color:white}.dash-card{border-radius:24px;background:linear-gradient(135deg,#071f3a,#0b3e6b);padding:28px;color:white;overflow:hidden;position:relative}.dash-card:before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,color-mix(in srgb,var(--accent2) 35%,transparent),transparent 50%);animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.dash-meta,.big-bars{position:relative}.dash-meta{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}.dash-meta span{font-weight:900}.dash-meta strong{font-size:3rem;color:var(--accent2)}.big-bars{height:250px;display:flex;align-items:end;gap:18px}.big-bars span{flex:1;background:linear-gradient(180deg,var(--accent2),#fff);height:var(--h);border-radius:18px 18px 6px 6px;transition:height .55s}.insights{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:18px}.insights article{background:white;border:1px solid var(--line);border-radius:20px;padding:22px}.insights strong{color:var(--navy)}.insights p{color:var(--muted);line-height:1.55;margin:.5rem 0 0}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center}.split p{color:var(--muted);line-height:1.75}.stats{display:grid;gap:16px}.stats article{background:white;border:1px solid var(--line);border-radius:24px;padding:24px;box-shadow:0 14px 34px rgba(7,31,58,.08)}.stats strong{display:block;font-size:3rem;color:var(--accent);letter-spacing:-.06em}.stats span{color:var(--muted);font-weight:800}.accordion{max-width:900px;margin:auto;border-radius:24px;overflow:hidden;box-shadow:var(--shadow);background:white;border:1px solid var(--line)}.accordion button{width:100%;display:flex;justify-content:space-between;align-items:center;border:0;background:white;padding:22px 26px;font-weight:900;color:var(--navy);cursor:pointer;border-bottom:1px solid var(--line);font-size:1rem}.accordion button:hover{background:color-mix(in srgb,var(--accent) 8%,white)}.accordion div{max-height:0;overflow:hidden;transition:max-height .3s ease}.accordion div p{padding:0 26px 22px;color:var(--muted);line-height:1.65;margin:0}.accordion button.open+div{max-height:160px}.contact-box{display:grid;grid-template-columns:1.22fr .78fr;gap:28px;background:white;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:34px}.contact h2{text-align:left}.contact p{color:var(--muted);line-height:1.65}.contact form{display:grid;gap:14px}.contact label{display:grid;gap:7px;font-weight:900;color:var(--navy)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:16px;padding:14px 15px;font:inherit;color:var(--text);background:white;transition:.2s}input:focus,select:focus,textarea:focus{outline:0;border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent);background:color-mix(in srgb,var(--accent) 5%,white)}.contact aside{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 10%,#fff),#f7fbfd);border-radius:24px;padding:28px}.contact a{color:var(--accent);font-weight:900;text-decoration:none}.note{font-size:.93rem}.hidden{display:none}.footer{background:var(--navy);color:white;padding:38px clamp(20px,6vw,88px);display:flex;gap:26px;align-items:center;justify-content:space-between}.footer p{opacity:.78;margin:.4rem 0}.footer a{color:white;text-decoration:none;font-weight:900}.thanks{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#eef6fa,#fff)}.thanks .glass-card{max-width:720px;padding:44px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media (max-width:980px){.header{align-items:flex-start;flex-direction:column}.nav{flex-wrap:wrap}.hero,.service-layout,.split,.contact-box{grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{height:430px}.service-detail{position:static}.stepper{grid-template-columns:1fr 1fr}.insights{grid-template-columns:1fr}.footer{flex-direction:column;align-items:flex-start}}@media (max-width:620px){.section{padding:58px 18px}.service-grid{grid-template-columns:1fr}.stepper{grid-template-columns:1fr}.hero-visual{display:none}h1{font-size:2.8rem}.brand small{display:none}.btn{width:100%}.dash-meta{align-items:flex-start;flex-direction:column}.big-bars{height:180px}}