*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #f5f7f6;--navy-mid: #edf2f0;--navy-light: #e2ebe8;--slate: #7a9490;--slate-light: #4a6b65;--white: #1a2e2b;--electric: #0d1f1c;--accent: #0d9488;--accent2: #0f766e;--glow: rgba(13,148,136,.18)}html{scroll-behavior:smooth}body{background:var(--navy);color:var(--white);font-family:Roboto,sans-serif;font-weight:300;overflow-x:hidden}nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 6vw;background:#f5f7f6d9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid rgba(13,148,136,.12)}.logo{font-family:Roboto,sans-serif;font-weight:800;font-size:1.35rem;letter-spacing:-.02em;color:var(--white)}.logo span{color:var(--accent)}nav ul{list-style:none;display:flex;gap:2.5rem}nav ul a{text-decoration:none;color:var(--slate-light);font-size:.88rem;transition:color .2s}nav ul a:hover{color:var(--white)}.nav-cta{background:var(--accent);color:#fff;border:none;padding:.65rem 1.5rem;border-radius:100px;font-size:.88rem;font-family:Roboto,sans-serif;cursor:pointer;transition:opacity .2s;font-weight:500}.nav-cta:hover{opacity:.85}#hero{min-height:100vh;display:flex;align-items:center;padding:9rem 6vw 4rem;position:relative;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:radial-gradient(ellipse 80% 60% at 60% 40%,rgba(13,148,136,.1) 0%,transparent 70%),radial-gradient(ellipse 50% 40% at 80% 80%,rgba(15,118,110,.07) 0%,transparent 60%)}.hero-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(13,148,136,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(13,148,136,.07) 1px,transparent 1px);background-size:80px 80px}.hero-content{position:relative;z-index:1;max-width:680px}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;background:#0d94881a;border:1px solid rgba(13,148,136,.25);padding:.4rem 1rem;border-radius:100px;margin-bottom:2rem;font-size:.8rem;color:var(--accent);letter-spacing:.05em;text-transform:uppercase;animation:fadeUp .8s ease both}.hero-badge:before{content:"●";font-size:.5rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}h1{font-family:Roboto,sans-serif;font-weight:800;font-size:clamp(2.6rem,5.5vw,4.2rem);line-height:1.08;letter-spacing:-.04em;margin-bottom:1.5rem;animation:fadeUp .8s .1s ease both}h1 .highlight{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-text-fill-color:white;padding:.2rem .6rem;border-radius:8px;display:inline-block}.hero-sub{font-size:1.1rem;color:var(--slate-light);line-height:1.7;max-width:520px;margin-bottom:2.5rem;animation:fadeUp .8s .2s ease both}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;animation:fadeUp .8s .3s ease both}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;padding:.9rem 2rem;border-radius:100px;font-size:1rem;font-weight:500;font-family:Roboto,sans-serif;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 32px #0d94884d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0d948873}.btn-outline{background:transparent;color:var(--white);border:1px solid rgba(26,46,43,.2);padding:.9rem 2rem;border-radius:100px;font-size:1rem;font-weight:400;font-family:Roboto,sans-serif;cursor:pointer;transition:border-color .2s,background .2s}.btn-outline:hover{border-color:var(--accent);background:#0d948814}.hero-stats{display:flex;gap:3rem;margin-top:4rem;animation:fadeUp .8s .4s ease both}.stat-num{font-family:Syne,sans-serif;font-size:2rem;font-weight:800;color:var(--white)}.stat-label{font-size:.82rem;color:var(--slate);margin-top:.2rem}.hero-orb{position:absolute;right:5vw;top:50%;transform:translateY(-50%);width:min(420px,40vw);aspect-ratio:1;z-index:1;animation:float 6s ease-in-out infinite}.orb-inner{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle at 35% 35%,#0d948873,#0f766e40 40%,#f5f7f699 70%);border:1px solid rgba(13,148,136,.2);box-shadow:0 0 120px #0d948826,inset 0 0 80px #0f766e14;position:relative}.orb-ring{position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:50%;border:1px solid rgba(13,148,136,.12)}.orb-ring:nth-child(2){top:-35px;right:-35px;bottom:-35px;left:-35px;border-color:#0d948812}.orb-ring:nth-child(3){top:-60px;right:-60px;bottom:-60px;left:-60px;border-color:#0d94880a}@keyframes float{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-53%) translate(-10px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}section{padding:6rem 6vw}.section-label{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.section-title{font-family:Roboto,sans-serif;font-weight:800;font-size:clamp(2rem,3.5vw,2.8rem);letter-spacing:-.03em;line-height:1.15;margin-bottom:1.2rem}.section-sub{color:var(--slate-light);font-size:1.05rem;line-height:1.7;max-width:560px}#why{background:var(--navy-mid)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:3.5rem}.why-card{background:#0d94880a;border:1px solid rgba(13,148,136,.12);border-radius:20px;padding:2rem;transition:border-color .3s,transform .3s;position:relative;overflow:hidden}.why-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent2));opacity:0;transition:opacity .3s}.why-card:hover{border-color:#0d948866;transform:translateY(-4px)}.why-card:hover:before{opacity:1}.why-icon{width:52px;height:52px;border-radius:14px;background:#0d948814;border:1px solid rgba(13,148,136,.2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.3rem}.why-card h3{font-family:Roboto,sans-serif;font-weight:700;font-size:1.15rem;margin-bottom:.6rem}.why-card p{color:var(--slate-light);font-size:.93rem;line-height:1.65}#how{background:var(--navy)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0;margin-top:3.5rem;position:relative}.step{padding:2.5rem 2rem;border:1px solid rgba(13,148,136,.1);position:relative;transition:background .3s}.step:hover{background:#0d94880d}.step-num{font-family:Roboto,sans-serif;font-size:4rem;font-weight:800;color:#0d948826;line-height:1;margin-bottom:1rem;display:block}.step h3{font-family:Syne,sans-serif;font-weight:700;font-size:1.15rem;margin-bottom:.7rem}.step p{color:var(--slate-light);font-size:.92rem;line-height:1.6}.step-arrow{position:absolute;right:-12px;top:50%;transform:translateY(-50%);z-index:2;width:24px;height:24px;background:var(--navy);border:1px solid rgba(13,148,136,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--accent);font-size:.7rem}#pricing{background:var(--navy-mid)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.5rem;margin-top:3.5rem;align-items:start}.price-card{border-radius:24px;padding:2.2rem;border:1px solid rgba(13,148,136,.12);background:#0d948805;transition:transform .3s}.price-card:hover{transform:translateY(-5px)}.price-card.featured{background:linear-gradient(145deg,#0d94881a,#0f766e0f);border-color:#0d948859;position:relative;overflow:hidden}.price-card.featured:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent),var(--accent2))}.price-badge{display:inline-block;background:var(--accent);color:#fff;font-size:.72rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:.25rem .75rem;border-radius:100px;margin-bottom:1.5rem}.price-name{font-family:Roboto,sans-serif;font-size:1rem;font-weight:600;color:var(--slate-light);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.08em}.price-amount{font-family:Roboto,sans-serif;font-size:3rem;font-weight:800;letter-spacing:-.04em;line-height:1}.price-amount span{font-size:1.2rem;font-weight:400;color:var(--slate);vertical-align:super}.price-period{color:var(--slate);font-size:.85rem;margin-top:.3rem;margin-bottom:1.8rem}.price-features{list-style:none;margin-bottom:2rem}.price-features li{padding:.55rem 0;border-bottom:1px solid rgba(255,255,255,.05);font-size:.9rem;color:var(--slate-light);display:flex;align-items:center;gap:.6rem}.price-features li:before{content:"✓";color:var(--accent);font-weight:700;flex-shrink:0}.price-features li.no:before{content:"✕";color:#1a2e2b33}.price-features li.no{color:#1a2e2b40}#faq{background:var(--navy)}.faq-list{margin-top:3.5rem;max-width:760px}.faq-item{border-bottom:1px solid rgba(13,148,136,.12);overflow:hidden}.faq-q{width:100%;background:none;border:none;text-align:left;padding:1.5rem 0;cursor:pointer;font-family:Roboto,sans-serif;font-size:1rem;font-weight:500;color:var(--white);display:flex;justify-content:space-between;align-items:center;gap:1rem}.faq-q .icon{color:var(--accent);font-size:1.2rem;transition:transform .3s;flex-shrink:0}.faq-q.open .icon{transform:rotate(45deg)}.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease;color:var(--slate-light);font-size:.93rem;line-height:1.75}.faq-a.open{max-height:300px;padding-bottom:1.5rem}#cta{background:var(--navy-mid);text-align:center;padding:7rem 6vw}.cta-box{max-width:700px;margin:0 auto;background:linear-gradient(135deg,#0d948814,#0f766e0d);border:1px solid rgba(13,148,136,.25);border-radius:28px;padding:4rem 3rem}.cta-box h2{font-family:Roboto,sans-serif;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:1rem}.cta-box p{color:var(--slate-light);margin-bottom:2rem;font-size:1.05rem}footer{padding:2.5rem 6vw;border-top:1px solid rgba(13,148,136,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;color:var(--slate);font-size:.85rem}footer a{color:var(--slate);text-decoration:none}footer a:hover{color:var(--white)}@media (max-width: 768px){.hero-orb{display:none}nav ul{display:none}.hero-stats{gap:2rem}.steps{grid-template-columns:1fr}.step-arrow{display:none}}#kontakt{background:var(--navy);position:relative}.contact-container{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1200px;margin:0 auto}.contact-methods{margin-top:2.5rem;display:flex;flex-direction:column;gap:1.5rem}.method-item{display:flex;align-items:center;gap:1.2rem}.method-icon{width:48px;height:48px;border-radius:12px;background:#0d948814;display:flex;align-items:center;justify-content:center;font-size:1.2rem;border:1px solid rgba(13,148,136,.15)}.method-item h4{font-size:.85rem;color:var(--slate);text-transform:uppercase;letter-spacing:.05em}.method-item a{color:var(--white);text-decoration:none;font-weight:500;transition:color .3s}.method-item a:hover{color:var(--accent)}.contact-form-wrapper{background:var(--navy-mid);padding:3rem;border-radius:28px;border:1px solid rgba(13,148,136,.15);box-shadow:0 20px 40px #00000005}.contact-form{display:flex;flex-direction:column;gap:1.2rem}.input-group input,.input-group select,.input-group textarea{width:100%;padding:1rem 1.2rem;border-radius:12px;border:1px solid rgba(13,148,136,.15);background:var(--navy);font-family:Roboto,sans-serif;color:var(--white);font-size:.95rem;transition:border-color .3s,box-shadow .3s}.input-group input:focus,.input-group select:focus,.input-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 4px #0d948814}.contact-form .btn-primary{width:100%;margin-top:.5rem}@media (max-width: 968px){.contact-container{grid-template-columns:1fr;gap:3rem}.contact-form-wrapper{padding:2rem}}