:root{--bg:#edf3ff;--bg2:#ffffff;--hero-glow:#bdd8ff;--card-start:#ffffff;--card-end:#f5f9ff;--text:#11233b;--muted:#4f6482;--accent:#2b8cff;--line:#c8d8f2;--pill-bg:#eaf2ff;--pill-line:#b2caef;--link:#0d4d8a}
body.theme-dark{--bg:#070c16;--bg2:#0c1423;--hero-glow:#172946;--card-start:#111d31;--card-end:#0e1728;--text:#eef4ff;--muted:#a4b5d1;--accent:#64b3ff;--line:#2a426a;--pill-bg:#12233d;--pill-line:#3a5d90;--link:#9acfff}
body.theme-slate{--bg:#12161f;--bg2:#1a2030;--hero-glow:#26324a;--card-start:#20273a;--card-end:#1a2233;--text:#eef2f9;--muted:#a8b4c9;--accent:#6fb0ff;--line:#3a4762;--pill-bg:#273247;--pill-line:#495a7a}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,Arial,sans-serif;background:radial-gradient(1200px 520px at 12% -12%,var(--hero-glow) 0,transparent 52%),radial-gradient(900px 460px at 100% 0%,color-mix(in srgb,var(--accent) 16%,transparent),transparent 55%),linear-gradient(180deg,var(--bg) 0%,color-mix(in srgb,var(--bg) 82%, #000 18%) 100%) fixed;color:var(--text);line-height:1.58}
body.theme-light .site-header{background:color-mix(in srgb,var(--bg2) 82%, #dce9ff 18%)}
.container{width:min(1120px,92%);margin:0 auto}.row{display:flex;gap:1rem}.between{justify-content:space-between}.center{align-items:center}.wrap{flex-wrap:wrap}
.site-header{position:sticky;top:0;background:color-mix(in srgb,var(--bg2) 76%, transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 82%, transparent);backdrop-filter:blur(16px);z-index:10;box-shadow:0 8px 28px #0000001a}
.brand{font-weight:800;color:var(--text);text-decoration:none;font-size:1.5rem;letter-spacing:.2px;display:flex;align-items:center;gap:.62rem}.brand-logo{width:34px;height:34px;display:block;filter:drop-shadow(0 6px 10px #00000026)}.nav a{color:var(--muted);text-decoration:none;margin-left:1rem;font-size:.95rem;position:relative}.nav a:hover{color:var(--text)}.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent),transparent);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.nav a:hover::after{transform:scaleX(1)}
.theme-inline{display:flex;gap:.4rem}.theme-inline button{padding:.35rem .6rem;border-radius:999px;border:1px solid var(--line);background:var(--card-start);color:var(--text);font-size:.78rem;cursor:pointer}
.back-home{display:inline-flex;align-items:center;margin-right:.55rem;padding:.35rem .65rem;border:1px solid var(--line);border-radius:999px;background:var(--card-start);color:var(--text);text-decoration:none;font-size:.82rem}
.back-home:hover{border-color:color-mix(in srgb,var(--accent) 30%,var(--line));text-decoration:none}
.theme-inline button.active{border-color:var(--accent)}
.hero-banner{margin-top:1.2rem;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 24%,var(--bg2)),color-mix(in srgb,var(--bg2) 84%,#ffffff));border:1px solid color-mix(in srgb,var(--line) 78%, var(--accent) 22%);border-radius:22px;padding:1.35rem 1.4rem;box-shadow:0 18px 42px #1f8bff24}.banner-kicker{margin:0;color:#0f5fae;font-size:.76rem;font-weight:800;letter-spacing:.9px;text-transform:uppercase}.hero-banner h1{margin:.45rem 0 .5rem;font-size:clamp(1.55rem,3.2vw,2.25rem);line-height:1.12}.hero-banner p{margin:0;color:var(--muted)}
.hero{padding:2.8rem 0 1.3rem;position:relative}.hero::after{content:"";position:absolute;right:0;top:8%;width:320px;height:320px;background:radial-gradient(circle, color-mix(in srgb,var(--accent) 25%, transparent), transparent 62%);filter:blur(2px);pointer-events:none}.hero h1{font-size:clamp(2rem,4vw,3rem);line-height:1.08;margin:.2rem 0 .9rem;max-width:18ch;letter-spacing:-.02em}.hero p{color:var(--muted);max-width:72ch;font-size:1.08rem}
.landing-page .hero{padding:3.4rem 0 1.2rem}
.landing-page .hero h1{max-width:22ch}
.landing-page .card h2{font-size:1.24rem}
.landing-page .card p,.landing-page .card li{font-size:1rem}
.actions{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1rem}
.card{background:linear-gradient(180deg,var(--card-start),var(--card-end));border:1px solid color-mix(in srgb,var(--line) 86%, transparent);border-radius:18px;padding:1.2rem;margin:1rem 0;box-shadow:0 12px 28px #1d3e6b18;backdrop-filter:blur(4px)}
.card h2,.card h3{margin:.15rem 0 .62rem;color:var(--text);line-height:1.2;letter-spacing:-.01em} ul,ol{padding-left:1.1rem}
.card p{margin:.2rem 0 .65rem}
.btn,button{background:linear-gradient(180deg,#72bcff,#3f99f3);color:#071426;border:0;padding:.72rem 1rem;border-radius:12px;font-weight:800;cursor:pointer;box-shadow:0 10px 24px #2e7fca45;transition:transform .16s ease,filter .16s ease,box-shadow .18s ease}
.btn:hover,button:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 12px 26px #2e7fca52}
input,textarea{width:100%;padding:.72rem;border-radius:11px;border:1px solid #33517d;background:#0f1828;color:var(--text);margin-bottom:.65rem}
.consent-row{display:flex;align-items:flex-start;gap:.55rem;font-size:.9rem;color:var(--muted);margin:.45rem 0 .75rem;line-height:1.35}
.consent-row input[type="checkbox"]{width:auto;margin:.12rem 0 0;accent-color:#63b7ff}
.consent-row span{display:block}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.form-status{color:var(--muted);font-size:.92rem}.site-footer{border-top:1px solid var(--line);padding:1.3rem 0;margin-top:2.3rem;color:var(--muted)}
a{color:var(--link)}
a:hover{filter:brightness(1.1)}
.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.service-tile{position:relative;background:linear-gradient(180deg,var(--card-start),var(--bg2));border:1px solid color-mix(in srgb,var(--line) 84%, transparent);border-radius:18px;padding:1.08rem;display:flex;flex-direction:column;gap:.62rem;box-shadow:0 12px 26px #1d3e6b18;transition:transform .18s ease, box-shadow .2s ease, border-color .2s ease}
.service-tile::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;border-radius:18px 18px 0 0;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 78%, #fff 22%),color-mix(in srgb,var(--accent) 34%, #fff 66%))}
.service-tile:hover{transform:translateY(-3px);box-shadow:0 16px 30px #00000022;border-color:color-mix(in srgb,var(--accent) 34%, var(--line))}
.service-kicker{display:flex;align-items:center;gap:.5rem;font-size:.74rem;font-weight:700;color:var(--muted);letter-spacing:.6px;text-transform:uppercase}
.service-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:1px solid color-mix(in srgb,var(--accent) 35%, var(--line));background:color-mix(in srgb,var(--accent) 10%, var(--bg2));font-size:.7rem;font-weight:800;color:var(--text)}
.service-tile h3{margin:.1rem 0;font-size:1.04rem;line-height:1.28}
.service-tile p{margin:0;color:var(--muted);font-size:.94rem;min-height:3.1em}
.service-meta{margin-top:auto;font-size:.81rem;color:var(--muted)}
.service-tile .btn{background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 80%,#9fd1ff),color-mix(in srgb,var(--accent) 92%,#2f84e8));color:#061325}
.service-tile .btn{display:inline-block;text-decoration:none;text-align:center;margin-top:.4rem}
.demo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.demo-card{background:linear-gradient(180deg,var(--card-start),var(--card-end));border:1px solid var(--line);border-radius:16px;padding:1rem}
.badge{display:inline-block;font-size:.78rem;padding:.2rem .55rem;border:1px solid var(--line);border-radius:999px;color:var(--muted);margin-bottom:.6rem}
.kpi-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}
.kpi{background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:.7rem}.kpi b{display:block;font-size:1.2rem}
.pill-list{display:flex;flex-wrap:wrap;gap:.5rem}.pill-list span{background:var(--pill-bg);border:1px solid var(--pill-line);padding:.32rem .58rem;border-radius:999px;color:var(--text);font-size:.82rem}
.pill-list + .service-grid{margin-top:.95rem}
.cta-strip{display:flex;justify-content:space-between;gap:1rem;align-items:center;background:linear-gradient(180deg,var(--card-start),var(--bg2));border:1px solid color-mix(in srgb,var(--line) 80%, var(--accent) 20%);border-radius:16px;padding:1.05rem 1.1rem;box-shadow:0 10px 24px #00000016}
.cta-strip h3{margin:.1rem 0 .35rem}
.cta-strip p{margin:0;color:var(--muted)}
.template-example{border:1px dashed var(--line);border-radius:12px;padding:.85rem;margin-top:.75rem;background:var(--bg2)}
.theme-switch{display:flex;gap:.6rem;flex-wrap:wrap;margin:.8rem 0}
.theme-switch button{padding:.5rem .8rem;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--text);font-weight:600;cursor:pointer}
.theme-switch button.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%, transparent)}
@media (max-width:960px){.demo-grid{grid-template-columns:1fr}.kpi-row{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}}
@media (max-width:760px){.grid-2{grid-template-columns:1fr}.nav{display:none}.brand{font-size:1.28rem}.brand-logo{width:30px;height:30px}.hero-banner{padding:1rem}.hero{padding:2.1rem 0 1rem}.hero::after{display:none}.cta-strip{flex-direction:column;align-items:flex-start}}