*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
[data-theme="blau"]{--p:#2563eb;--p-d:#1d4ed8;--p-l:#dbeafe;--p-xl:#eff6ff;--a:#ea580c;--a-l:#fed7aa;--a-xl:#fff7ed;--hero-bg:linear-gradient(170deg,var(--p-xl) 0%,#fff 55%,var(--a-xl) 100%)}
[data-theme="teal"]{--p:#0d9488;--p-d:#0f766e;--p-l:#ccfbf1;--p-xl:#f0fdfa;--a:#d97706;--a-l:#fde68a;--a-xl:#fffbeb;--hero-bg:linear-gradient(170deg,var(--p-xl) 0%,#fff 55%,var(--a-xl) 100%)}
[data-theme="marine"]{--p:#1e40af;--p-d:#1e3a8a;--p-l:#dbeafe;--p-xl:#eff6ff;--a:#c2410c;--a-l:#fed7aa;--a-xl:#fff7ed;--hero-bg:linear-gradient(170deg,var(--p-xl) 0%,#fff 55%,#fef2f2 100%)}
[data-theme="gruen"]{--p:#16a34a;--p-d:#15803d;--p-l:#dcfce7;--p-xl:#f0fdf4;--a:#b45309;--a-l:#fde68a;--a-xl:#fffbeb;--hero-bg:linear-gradient(170deg,var(--p-xl) 0%,#fff 55%,var(--a-xl) 100%)}
[data-theme="orange"]{--p:#ea580c;--p-d:#c2410c;--p-l:#fed7aa;--p-xl:#fff7ed;--a:#2563eb;--a-l:#dbeafe;--a-xl:#eff6ff;--hero-bg:linear-gradient(170deg,var(--p-xl) 0%,#fff 55%,var(--a-xl) 100%)}
[data-theme="slate"]{--p:#475569;--p-d:#334155;--p-l:#e2e8f0;--p-xl:#f8fafc;--a:#d97706;--a-l:#fde68a;--a-xl:#fffbeb;--hero-bg:linear-gradient(170deg,var(--p-xl) 0%,#fff 55%,var(--a-xl) 100%)}
:root{--ink:#111827;--text:#374151;--muted:#6b7280;--faint:#9ca3af;--bg:#fff;--surface:#f9fafb;--border:#e5e7eb;--green:#16a34a;--green-l:#dcfce7;--ff:'DM Sans',system-ui,sans-serif;--r:16px;--rs:10px;--rx:8px;--ease:cubic-bezier(.4,0,.2,1)}
html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{font-family:var(--ff);color:var(--text);background:var(--bg);line-height:1.7;overflow-x:hidden}.w{max-width:1180px;margin:0 auto;padding:0 clamp(1rem,4vw,2.5rem)}img{max-width:100%;display:block}a{transition:color .2s}
.top{background:var(--ink);color:rgba(255,255,255,.75);font-size:.78rem}.top .w{display:flex;justify-content:space-between;align-items:center;height:38px}.top a{color:var(--a-l);text-decoration:none;font-weight:700}.top a:hover{text-decoration:underline}
.hd{position:sticky;top:0;z-index:998;background:rgba(255,255,255,.92);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.hd .w{display:flex;justify-content:space-between;align-items:center;height:64px}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none}.lm{width:42px;height:42px;background:var(--p);border-radius:11px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:1rem;box-shadow:0 3px 12px rgba(0,0,0,.12)}
.lt{font-size:1.25rem;font-weight:800;color:var(--ink);line-height:1.1;letter-spacing:-.3px}.lt small{display:block;font-size:.58rem;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:var(--muted)}
.nv{display:flex;align-items:center;gap:.1rem;list-style:none}.nv a{padding:.4rem .75rem;font-size:.84rem;font-weight:600;color:var(--text);text-decoration:none;border-radius:var(--rx);transition:.2s}.nv a:hover,.nv a.active{color:var(--p);background:var(--p-xl)}
.nv-cta{background:var(--p)!important;color:#fff!important;padding:.48rem 1.1rem!important;border-radius:var(--rs)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)}.nv-cta:hover{background:var(--p-d)!important;transform:translateY(-1px)}
.bur{display:none;background:none;border:none;font-size:1.4rem;cursor:pointer;color:var(--ink)}
.hero{background:var(--hero-bg);padding:clamp(2.5rem,7vw,4.5rem) 0 clamp(3rem,7vw,5rem);position:relative;overflow:hidden}
.hero .w{position:relative;z-index:2;display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center}.hc{max-width:550px}
.badge{display:inline-flex;align-items:center;gap:.35rem;background:var(--green-l);color:var(--green);padding:.28rem .85rem;border-radius:100px;font-size:.74rem;font-weight:700;margin-bottom:1.3rem}
.hero h1{font-size:clamp(2rem,4.5vw,3.1rem);line-height:1.12;font-weight:800;color:var(--ink);margin-bottom:1rem;letter-spacing:-.4px}.hero h1 span{color:var(--p)}
.h-sub{font-size:1rem;color:var(--muted);margin-bottom:2rem;max-width:470px;line-height:1.75}
.h-btns{display:flex;gap:.55rem;flex-wrap:wrap;margin-bottom:2.2rem}
.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.78rem 1.5rem;border:none;border-radius:var(--rs);font-family:var(--ff);font-size:.88rem;font-weight:700;cursor:pointer;text-decoration:none;transition:.3s var(--ease)}
.btn-p{background:var(--p);color:#fff;box-shadow:0 3px 14px rgba(0,0,0,.12)}.btn-p:hover{background:var(--p-d);transform:translateY(-2px)}
.btn-o{background:var(--bg);color:var(--text);border:2px solid var(--border)}.btn-o:hover{border-color:var(--p);color:var(--p);transform:translateY(-2px)}
.btn-w{background:#fff;color:var(--p);box-shadow:0 3px 14px rgba(0,0,0,.1)}.btn-w:hover{transform:translateY(-2px)}
.btn-gl{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.22)}.btn-gl:hover{background:rgba(255,255,255,.2)}
.h-trust{display:flex;gap:1.8rem;flex-wrap:wrap}.ht{display:flex;align-items:center;gap:.4rem}.ht-i{width:34px;height:34px;background:var(--p-l);border-radius:9px;display:grid;place-items:center;font-size:.9rem}.ht-t{font-size:.78rem;font-weight:700;color:var(--ink);line-height:1.2}.ht-t small{font-weight:500;color:var(--muted);display:block}
.h-card{background:var(--bg);border-radius:var(--r);border:1px solid var(--border);box-shadow:0 8px 36px rgba(0,0,0,.06);overflow:hidden}
.h-card-top{background:var(--p);color:#fff;padding:1.6rem 1.8rem;text-align:center}.h-card-top h3{font-size:1.15rem;font-weight:700;margin-bottom:.15rem}.h-card-top p{font-size:.78rem;opacity:.8}
.hcs{display:grid;grid-template-columns:1fr 1fr}.hs{padding:1.2rem .8rem;text-align:center;border-bottom:1px solid var(--border)}.hs:nth-child(odd){border-right:1px solid var(--border)}.hs-n{font-size:1.7rem;font-weight:800;color:var(--p);line-height:1}.hs-l{font-size:.68rem;color:var(--muted);margin-top:.1rem;font-weight:600}
.hc-bot{padding:1rem;text-align:center;background:var(--surface)}.hc-stars{color:var(--a);font-size:.9rem;letter-spacing:2px}.hc-rev{font-size:.72rem;color:var(--muted);margin-top:.1rem}
section{padding:clamp(3rem,7vw,5rem) 0}.sl{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:3px;color:var(--p);margin-bottom:.4rem}
.st{font-size:clamp(1.7rem,3.2vw,2.3rem);font-weight:800;color:var(--ink);line-height:1.15;margin-bottom:.6rem;letter-spacing:-.3px}
.sd{color:var(--muted);font-size:.95rem;max-width:510px;margin-bottom:2.3rem}.sc{text-align:center}.sc .sd{margin-left:auto;margin-right:auto}
.svc{background:var(--surface)}.tabs{display:flex;justify-content:center;gap:.4rem;margin-bottom:2rem;flex-wrap:wrap}
.tab{padding:.45rem 1.05rem;border-radius:100px;font-size:.8rem;font-weight:700;cursor:pointer;border:2px solid var(--border);background:var(--bg);color:var(--muted);transition:.25s}.tab:hover,.tab.on{background:var(--p);color:#fff;border-color:var(--p)}
.sg{display:grid;grid-template-columns:repeat(4,1fr);gap:.85rem}
.s{background:var(--bg);border-radius:var(--r);padding:1.5rem 1.2rem;border:1px solid var(--border);transition:.3s;position:relative;overflow:hidden}.s::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--p);transform:scaleX(0);transition:.3s}.s:hover{transform:translateY(-5px);box-shadow:0 8px 28px rgba(0,0,0,.06)}.s:hover::after{transform:scaleX(1)}
.s-i{width:48px;height:48px;background:var(--p-l);border-radius:12px;display:grid;place-items:center;font-size:1.3rem;margin-bottom:.8rem;transition:.3s}.s:hover .s-i{background:var(--p)}.s h3{font-size:.86rem;font-weight:700;color:var(--ink);margin-bottom:.15rem}.s p{font-size:.76rem;color:var(--muted);line-height:1.55}.s a{text-decoration:none;color:inherit;display:block}
.bg{display:grid;grid-template-columns:repeat(3,1fr);gap:.85rem}.b{background:var(--bg);border-radius:var(--r);padding:1.3rem;border:1px solid var(--border);display:flex;gap:.8rem;transition:.3s}.b:hover{transform:translateY(-4px);box-shadow:0 6px 20px rgba(0,0,0,.05)}.b-i{flex-shrink:0;width:40px;height:40px;background:var(--a-xl);border-radius:10px;display:grid;place-items:center;font-size:1.05rem}.b h3{font-size:.82rem;font-weight:700;color:var(--ink);margin-bottom:.1rem}.b p{font-size:.74rem;color:var(--muted)}
.why{background:var(--bg)}.wy{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:center}.wfl{display:flex;flex-direction:column;gap:1.2rem}.wf{display:flex;gap:.8rem}.wf-i{flex-shrink:0;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:1.1rem}.wf-i.c1{background:var(--p-l)}.wf-i.c2{background:var(--a-l)}.wf-i.c3{background:var(--green-l)}.wf h4{font-size:.88rem;font-weight:700;color:var(--ink)}.wf p{font-size:.83rem;color:var(--muted)}
.wyc{background:var(--p);border-radius:var(--r);padding:2.5rem 2rem;color:#fff;position:relative;overflow:hidden}.wyc h3{font-size:1.25rem;font-weight:700;margin-bottom:1.1rem}.wyc ul{list-style:none}.wyc li{padding:.45rem 0;font-size:.85rem;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:.5rem}.wyc li:last-child{border:none}.ck{width:20px;height:20px;background:rgba(255,255,255,.12);border-radius:50%;display:grid;place-items:center;font-size:.5rem;flex-shrink:0}
.reg{background:var(--surface)}.rg{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.rc{background:var(--bg);border-radius:var(--r);padding:1.6rem 1.2rem;border:1px solid var(--border);text-align:center;transition:.3s;text-decoration:none;display:block;color:inherit}.rc:hover{transform:translateY(-5px);box-shadow:0 8px 26px rgba(0,0,0,.06)}.rc-p{width:44px;height:44px;background:var(--p-l);border-radius:50%;margin:0 auto .7rem;display:grid;place-items:center;font-size:1.1rem;transition:.3s}.rc:hover .rc-p{background:var(--p)}.rc h3{font-size:.95rem;font-weight:700;color:var(--ink);margin-bottom:.15rem}.rc p{font-size:.75rem;color:var(--muted)}
.faq-section{background:var(--bg)}.fl{max-width:700px;margin:0 auto}.fi{background:var(--surface);border-radius:var(--rs);margin-bottom:.5rem;border:1px solid var(--border);overflow:hidden}.fi:hover{border-color:var(--p)}.fq{width:100%;padding:1rem 1.2rem;background:none;border:none;text-align:left;font-family:var(--ff);font-size:.9rem;font-weight:700;color:var(--ink);cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem}.fq:hover{color:var(--p)}.fc{width:24px;height:24px;background:var(--bg);border:1.5px solid var(--border);border-radius:6px;display:grid;place-items:center;font-size:.55rem;color:var(--p);transition:.3s}.fc.op{background:var(--p);color:#fff;transform:rotate(180deg)}.fa{max-height:0;overflow:hidden;transition:max-height .4s}.fa.op{max-height:300px}.fa-in{padding:0 1.2rem 1rem;font-size:.85rem;color:var(--muted);line-height:1.75}
.rvs{background:var(--surface);overflow:hidden;padding-bottom:3rem}.rv-track{display:flex;gap:1rem;animation:rvscroll 300s linear infinite;width:max-content}.rv-track:hover{animation-play-state:paused}.rv{background:var(--bg);border-radius:var(--r);padding:1.6rem;border:1px solid var(--border);min-width:320px;max-width:380px;flex-shrink:0}.rv-s{color:var(--a);font-size:.82rem;letter-spacing:2px;margin-bottom:.6rem}.rv-t{font-size:.85rem;color:var(--text);line-height:1.7;margin-bottom:.8rem;font-style:italic}.rv-a{font-size:.8rem;font-weight:700;color:var(--ink)}@keyframes rvscroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.cta{background:var(--p);color:#fff;text-align:center;padding:clamp(2.5rem,6vw,4.5rem) 0;position:relative;overflow:hidden}.cta .w{position:relative;z-index:2}.cta .st{color:#fff}.cta-p{font-size:.98rem;opacity:.82;margin-bottom:1.6rem;max-width:460px;margin-left:auto;margin-right:auto}.cta-btns{display:flex;gap:.55rem;justify-content:center;flex-wrap:wrap}.cta-ph{font-size:clamp(1.5rem,3vw,2.2rem);font-weight:800;margin-top:1.2rem}.cta-ph a{color:#fff;text-decoration:none}.cta-sm{font-size:.75rem;opacity:.45;margin-top:.3rem}
footer{background:#111827;color:#9ca3af;padding:3.5rem 0 1.5rem}.fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:2.5rem;margin-bottom:2.5rem}.fb p{font-size:.83rem;line-height:1.75;margin-top:.7rem}.fcol h5{color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:.7rem}.fcol a{display:block;color:#9ca3af;text-decoration:none;font-size:.83rem;padding:.12rem 0}.fcol a:hover{color:var(--a-l)}.fr{display:flex;gap:.4rem;margin-bottom:.35rem;font-size:.83rem}.fbot{border-top:1px solid #1f2937;padding-top:1.2rem;display:flex;justify-content:space-between;font-size:.7rem;color:#4b5563}
.content-area{max-width:800px;margin:0 auto;padding:2rem 0}.content-area h1{font-size:1.8rem;font-weight:800;color:var(--ink);margin-bottom:1rem}.content-area p{margin-bottom:1rem}
.form-group{margin-bottom:1rem}.form-group label{display:block;font-size:.85rem;font-weight:600;color:var(--ink);margin-bottom:.3rem}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.7rem 1rem;border:1.5px solid var(--border);border-radius:var(--rx);font-family:var(--ff);font-size:.9rem}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--p)}.form-group textarea{min-height:120px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.alert{padding:1rem 1.2rem;border-radius:var(--rs);margin-bottom:1.5rem;font-size:.9rem}.alert-success{background:var(--green-l);color:var(--green)}.alert-error{background:#fef2f2;color:#dc2626}
.hp{position:absolute;left:-9999px}.breadcrumb{padding:.8rem 0;font-size:.8rem;color:var(--muted)}.breadcrumb a{color:var(--p);text-decoration:none}.breadcrumb span{margin:0 .3rem}
.steps-block{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin:2rem 0}.step{background:var(--surface);border-radius:var(--r);padding:1.5rem;text-align:center;border:1px solid var(--border)}.step-num{width:36px;height:36px;background:var(--p);color:#fff;border-radius:50%;display:grid;place-items:center;font-weight:800;margin:0 auto .8rem}.step h4{font-size:.9rem;font-weight:700;color:var(--ink)}.step p{font-size:.8rem;color:var(--muted)}
.page-hero{background:var(--surface);padding:2.5rem 0;border-bottom:1px solid var(--border)}.page-hero h1{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;color:var(--ink)}.page-hero p{color:var(--muted);margin-top:.3rem}
@media(max-width:1024px){.sg{grid-template-columns:repeat(2,1fr)}.bg{grid-template-columns:repeat(2,1fr)}}
@media(max-width:768px){.top .w{font-size:.7rem}.nv{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;flex-direction:column;padding:1rem;border-bottom:1px solid var(--border);box-shadow:0 8px 20px rgba(0,0,0,.1)}.nv.open{display:flex}.bur{display:block}.hero .w{grid-template-columns:1fr}.wy{grid-template-columns:1fr}.rg{grid-template-columns:1fr 1fr}.fg{grid-template-columns:1fr 1fr}.fbot{flex-direction:column;text-align:center}.form-grid{grid-template-columns:1fr}}
@media(max-width:480px){.sg{grid-template-columns:1fr}.bg{grid-template-columns:1fr}.rg{grid-template-columns:1fr}.fg{grid-template-columns:1fr}}
@keyframes up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hc>*{animation:up .6s ease-out both}.badge{animation-delay:.05s}.hero h1{animation-delay:.12s}.h-sub{animation-delay:.2s}.h-btns{animation-delay:.28s}.h-trust{animation-delay:.36s}.h-card{animation:up .65s ease-out .2s both}

.content-area::after{content:'';display:table;clear:both}
