:root{--personio-black:var(--brand-ink);--personio-text-gray:var(--brand-text-muted);--personio-blue:var(--brand-ink);--personio-blue-text:var(--brand-ink-soft);--personio-purple:var(--brand-mint);--personio-coral:var(--brand-coral);--personio-pink:#ffb5a8;--personio-yellow:var(--brand-lime);--personio-beige:var(--brand-sand);--brand-iris:var(--brand-coral);--gradient-purple-hero:var(--brand-gradient-hero);--gradient-purple-section:linear-gradient(145deg,var(--brand-mint-soft),var(--brand-paper));--gradient-coral:linear-gradient(145deg,#fff0eb 0%,#ffb3a5 100%);--gradient-beige:linear-gradient(145deg,var(--brand-paper),var(--brand-sand));--font-main:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--space-section:120px;--space-container:80px}.container{max-width:1200px;margin:0 auto;padding:0 24px}.nav{z-index:100;background:0 0;width:100%;position:absolute;top:14px}.nav-content{border-radius:var(--brand-radius-pill);-webkit-backdrop-filter:blur(18px);max-width:1280px;min-height:64px;box-shadow:var(--brand-shadow-sm);background:rgba(255,255,255,.78);border:1px solid rgba(220,228,223,.85);justify-content:space-between;align-items:center;margin:0 auto;padding:8px 10px 8px 18px;display:flex}.nav-logo{color:var(--personio-black);font-size:24px;font-weight:700;text-decoration:none}.nav-links{align-items:center;gap:6px;display:flex}.nav-link{color:var(--personio-black);border-radius:var(--brand-radius-pill);transition:background var(--brand-duration),color var(--brand-duration);padding:9px 13px;font-size:15px;font-weight:650;text-decoration:none}.nav-link:hover{color:var(--brand-ink);background:var(--brand-lime-soft)}.nav-actions{align-items:center;gap:12px;display:flex}.btn{border-radius:var(--brand-radius-pill);transition:all var(--brand-duration)var(--brand-ease);cursor:pointer;border:none;padding:11px 22px;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.btn-primary{background:var(--brand-lime);color:var(--brand-ink)}.btn-primary:hover{background:var(--brand-lime-soft);box-shadow:var(--brand-shadow-md);transform:translateY(-2px)}.btn-secondary{color:var(--personio-black);border:1px solid var(--brand-border);background:0 0}.btn-secondary:hover{background:var(--brand-white)}.hero{background:var(--gradient-purple-hero);text-align:center;padding:144px 0 0;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.hero:before{filter:blur(4px);background:rgba(255,101,77,.18);width:360px;height:360px;top:160px;left:-180px}.hero:after{filter:blur(12px);background:rgba(185,220,242,.7);width:260px;height:260px;top:90px;right:-80px}.hero-kicker{border:1px solid var(--brand-border);border-radius:var(--brand-radius-pill);color:var(--brand-ink);box-shadow:var(--brand-shadow-sm);letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.74);align-items:center;gap:9px;margin-bottom:26px;padding:9px 14px;font-size:12px;font-weight:800;display:inline-flex}.hero-kicker-dot{background:var(--brand-coral);border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px rgba(255,101,77,.14)}.hero-label{color:var(--brand-iris);letter-spacing:1.5px;text-transform:uppercase;margin-bottom:24px;font-size:13px;font-weight:700}.hero-title{letter-spacing:-.065em;color:var(--personio-black);max-width:1100px;margin-bottom:24px;margin-left:auto;margin-right:auto;font-size:max(48px,min(7.3vw,96px));font-weight:850;line-height:.94}.hero-title span{color:var(--brand-coral-strong);position:relative}.hero-subtitle{color:var(--personio-text-gray);max-width:690px;margin:0 auto 40px;font-size:20px;line-height:1.6}.hero-image-container{margin-bottom:0;padding:64px 20px 76px}.hero-dashboard-image{z-index:2;box-shadow:var(--brand-shadow-lg);border:1px solid rgba(255,255,255,.9);border-radius:24px;position:relative}.hero-float{z-index:3;box-shadow:var(--brand-shadow-md);color:var(--brand-ink);text-align:left;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.8);border-radius:18px;align-items:center;gap:10px;padding:14px 16px;display:flex;position:absolute}.hero-float strong,.hero-float small{display:block}.hero-float strong{font-size:14px}.hero-float small{color:var(--brand-text-muted);margin-top:2px;font-size:11px}.hero-float-icon{background:var(--brand-lime);border-radius:50%;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.hero-float--left{bottom:22%;left:0;transform:rotate(-3deg)}.hero-float--right{background:var(--brand-ink);color:#fff;flex-direction:column;align-items:flex-start;top:30%;right:0;transform:rotate(3deg)}.hero-float--right strong{color:var(--brand-lime);font-size:24px}.hero-float--right small{color:rgba(255,255,255,.64)}.hero-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.card-mockup{background:#fff;border-radius:16px;padding:32px;position:relative;box-shadow:0 20px 40px rgba(0,0,0,.1)}.card-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;margin-top:80px;display:grid}.section-gradient-purple{background:var(--gradient-purple-section);padding:var(--space-section)0}.section-gradient-coral{background:var(--gradient-coral);padding:var(--space-section)0;position:relative;overflow:hidden}.section-gradient-beige{background:var(--gradient-beige);padding:var(--space-section)0}.section-label{color:var(--brand-iris);letter-spacing:1.5px;text-transform:uppercase;text-align:center;margin-bottom:16px;font-size:13px;font-weight:700}.section-title{text-align:center;color:var(--personio-black);margin-bottom:24px;font-size:max(32px,min(4vw,48px));font-weight:700;line-height:1.2}.section-subtitle{color:var(--personio-text-gray);text-align:center;max-width:700px;margin:0 auto 64px;font-size:18px;line-height:1.6}.logo-wall{text-align:center;background:#fff;padding:60px 0}.logo-wall-text{color:var(--personio-text-gray);margin-bottom:32px;font-size:16px}.logo-grid{opacity:.6;flex-wrap:wrap;justify-content:center;align-items:center;gap:48px;display:flex}.floating-badge{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;max-width:200px;padding:16px 20px;font-size:14px;font-weight:500;line-height:1.5;position:absolute;box-shadow:0 8px 32px rgba(0,0,0,.12)}.floating-badge-red{color:#fff;background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%)}.floating-badge-white{color:var(--personio-black);background:rgba(255,255,255,.95);border:1px solid rgba(229,231,235,.5)}.floating-badge:before{content:"";background:inherit;width:12px;height:12px;position:absolute;transform:rotate(45deg)}.floating-badge-left:before{margin-top:-6px;top:50%;left:-6px}.floating-badge-right:before{margin-top:-6px;top:50%;right:-6px}.premium-card{background:#fff;border:1px solid rgba(229,231,235,.8);border-radius:20px;padding:32px;transition:all .3s;box-shadow:0 4px 24px rgba(0,0,0,.06)}.premium-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.1)}.industry-card-blue{color:#fff;text-align:center;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border-radius:16px;padding:24px;transition:all .3s}.industry-card-blue:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 12px 32px rgba(59,130,246,.3)}.testimonial-featured{background:#fff;border-radius:24px;align-items:center;gap:48px;padding:48px;display:flex;box-shadow:0 8px 40px rgba(0,0,0,.08)}.testimonial-image{object-fit:cover;border-radius:16px;flex-shrink:0;width:200px;height:200px;box-shadow:0 8px 24px rgba(0,0,0,.12)}.testimonial-content{flex:1}.testimonial-quote{color:var(--personio-black);margin-bottom:24px;font-size:20px;font-style:italic;line-height:1.7}.testimonial-author{color:var(--personio-black);font-size:16px;font-weight:700}.testimonial-role{color:var(--personio-text-gray);font-size:14px}@media (max-width:768px){.nav-links{display:none}.hero{padding:116px 0 0}.nav{padding:0 8px;top:8px}.nav-content{padding:7px 8px 7px 14px}.nav-actions .btn-secondary{display:none}.nav-actions .btn-primary{padding-left:14px;padding-right:14px;font-size:13px}.hero-title{font-size:max(46px,min(14vw,68px))}.hero-subtitle br{display:none}.hero-image-container{padding:40px 4px 54px}.hero-float{display:none}.section-gradient-purple,.section-gradient-coral,.section-gradient-beige{padding:80px 0}}