/* ============================================================ NUROY — Shared Design System v1.0 Brand:Dark-dominant · Pink (#FF2D7A) · Signature Tech ============================================================ */@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@400;500;700;800;900&family=Geist:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');:root{/* ── Brand Pink ─────────────────────────── */ --pink:#FF2D7A;--pink-deep:#D01F5E;--pink-soft:#FFD7E5;--pink-glow:rgba(255,45,122,0.20);--pink-glow-lg:rgba(255,45,122,0.40);--pink-bg:rgba(255,45,122,0.08);/* ── Backgrounds ────────────────────────── */ --bg:#0A0A0C;--bg-2:#121216;--bg-3:#1C1C22;--bg-4:#2A2A32;/* ── Foregrounds ────────────────────────── */ --fg:#F5F2EC;--fg-muted:#9A968C;--fg-dim:#5E5A52;/* ── Lines ──────────────────────────────── */ --line:rgba(245,242,236,0.07);--line-strong:rgba(245,242,236,0.16);/* ── Status ─────────────────────────────── */ --ok:#8FA373;--warn:#D1A85C;/* ── Typography ─────────────────────────── */ --font-display:'Unbounded',sans-serif;--font-body:'Geist','DM Sans',system-ui,sans-serif;--font-mono:'JetBrains Mono','Fira Code',monospace;/* ── Layout ─────────────────────────────── */ --max-w:1280px;--nav-h:68px;--pad-x:clamp(20px,4vw,48px);}/* ── Reset ──────────────────────────────────────────────── */*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}html{scroll-behavior:smooth;}body{background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;text-wrap:pretty;}a{color:inherit;text-decoration:none;}img,svg{display:block;max-width:100%;}button{cursor:pointer;border:none;background:none;font-family:inherit;}/* ── Typography Scale ───────────────────────────────────── */.t-display{font-family:var(--font-display);font-size:clamp(52px,8vw,112px);font-weight:900;line-height:1.0;letter-spacing:-0.035em;}.t-h1{font-family:var(--font-display);font-size:clamp(36px,5vw,72px);font-weight:800;line-height:1.05;letter-spacing:-0.025em;}.t-h2{font-family:var(--font-display);font-size:clamp(28px,3.5vw,52px);font-weight:700;line-height:1.1;letter-spacing:-0.02em;}.t-h3{font-family:var(--font-display);font-size:clamp(20px,2vw,32px);font-weight:700;line-height:1.2;letter-spacing:-0.015em;}.t-h4{font-family:var(--font-display);font-size:clamp(16px,1.4vw,22px);font-weight:600;letter-spacing:-0.01em;}.t-body-lg{font-size:clamp(16px,1.2vw,20px);line-height:1.7;}.t-body{font-size:15px;line-height:1.7;}.t-small{font-size:13px;line-height:1.6;}.t-mono{font-family:var(--font-mono);font-size:12px;letter-spacing:0.05em;}.t-label{font-family:var(--font-mono);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--pink);}/* ── Color Utilities ────────────────────────────────────── */.c-pink{color:var(--pink);}.c-muted{color:var(--fg-muted);}.c-dim{color:var(--fg-dim);}.c-ok{color:var(--ok);}/* ── Layout ─────────────────────────────────────────────── */.container{max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x);}.container--narrow{max-width:860px;margin:0 auto;padding:0 var(--pad-x);}/* ── Buttons ─────────────────────────────────────────────── */.btn{display:inline-flex;align-items:center;gap:8px;padding:13px 28px;font-family:var(--font-body);font-weight:500;font-size:14px;border-radius:6px;transition:all 0.2s cubic-bezier(0.2,0,0,1);white-space:nowrap;cursor:pointer;border:none;}.btn-primary{background:var(--pink);color:#fff;}.btn-primary:hover{background:var(--pink-deep);box-shadow:0 0 40px var(--pink-glow-lg);transform:translateY(-1px);}.btn-secondary{background:transparent;color:var(--fg);border:1px solid var(--line-strong);}.btn-secondary:hover{border-color:var(--pink);color:var(--pink);background:var(--pink-bg);}.btn-ghost{background:transparent;color:var(--fg-muted);padding:13px 0;}.btn-ghost:hover{color:var(--fg);}.btn-lg{padding:16px 36px;font-size:16px;}.btn svg{transition:transform 0.2s;}.btn:hover svg{transform:translateX(3px);}/* ── Tags / Badges ────────────────────────────────────────── */.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:4px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.04em;background:var(--bg-3);color:var(--fg-muted);border:1px solid var(--line);}.tag--pink{background:var(--pink-bg);color:var(--pink);border-color:rgba(255,45,122,0.18);}.tag--ok{background:rgba(143,163,115,0.1);color:var(--ok);border-color:rgba(143,163,115,0.2);}/* ── Section Spacing ─────────────────────────────────────── */.section{padding:clamp(80px,10vw,140px) 0;}.section--sm{padding:clamp(48px,6vw,80px) 0;}.section--lg{padding:clamp(100px,14vw,180px) 0;}/* ── Nav ─────────────────────────────────────────────────── */.site-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);background:rgba(10,10,12,0.82);backdrop-filter:blur(24px) saturate(1.4);-webkit-backdrop-filter:blur(24px) saturate(1.4);border-bottom:1px solid var(--line);z-index:200;}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x);}.nav-logo{display:flex;align-items:center;}.nav-logo-img{height:30px;width:auto;}/* Navbar Scroll States */.site-nav{transition:all 0.3s cubic-bezier(0.4,0,0.2,1);}.site-nav.scrolled{background:rgba(10,10,12,0.95);backdrop-filter:blur(32px) saturate(1.6);border-bottom-color:rgba(245,242,236,0.15);box-shadow:0 4px 24px rgba(0,0,0,0.4);}.nav-links{display:flex;align-items:center;gap:8px;list-style:none;position:relative;}.nav-links li{position:relative;}.nav-link-wrap{display:flex;flex-direction:column;align-items:center;padding:8px 14px;border-radius:8px;position:relative;cursor:pointer;transition:background 0.25s;}.nav-link-wrap:hover{background:rgba(255,45,122,0.06);}.nav-link-num{font-family:var(--font-mono);font-size:8px;color:var(--pink);letter-spacing:0.12em;opacity:0;transform:translateY(4px);transition:opacity 0.2s,transform 0.2s;margin-bottom:1px;line-height:1;}.nav-link-wrap:hover .nav-link-num{opacity:1;transform:translateY(0);}.nav-links a{color:var(--fg-muted);font-size:13px;font-weight:500;transition:color 0.22s;position:relative;font-family:var(--font-mono);letter-spacing:0.03em;display:block;line-height:1;}.nav-links a::after{content:'';position:absolute;bottom:-3px;left:50%;width:0;height:1px;background:var(--pink);transition:width 0.3s cubic-bezier(0.2,0,0,1),left 0.3s cubic-bezier(0.2,0,0,1);box-shadow:0 0 8px rgba(255,45,122,0.6);}.nav-links a:hover::after,.nav-links a.active::after{width:100%;left:0;}.nav-links a:hover,.nav-links a.active{color:var(--fg);}/* scramble characters are pink during animation */.nav-links a.scrambling{color:var(--pink);font-family:var(--font-mono);}/* hover pill */.nav-hover-pill{position:absolute;top:50%;transform:translateY(-50%);height:36px;background:rgba(255,45,122,0.06);border:1px solid rgba(255,45,122,0.14);border-radius:8px;pointer-events:none;opacity:0;transition:left 0.22s cubic-bezier(0.2,0,0,1),width 0.22s cubic-bezier(0.2,0,0,1),opacity 0.18s;z-index:-1;}.nav-right{display:flex;align-items:center;gap:20px;}.nav-status{display:flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:10px;color:var(--fg-dim);letter-spacing:0.04em;}.nav-status-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);animation:blink 4s ease-in-out infinite;}@keyframes blink{0%,100%{opacity:1;}50%{opacity:0.3;}}.nav-cta{padding:9px 20px;font-size:13px;}/* ── Footer ──────────────────────────────────────────────── */.site-footer{background:var(--bg-2);border-top:1px solid var(--line);padding:80px 0 40px;}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;max-width:var(--max-w);margin:0 auto;padding:0 var(--pad-x);}.footer-brand{}.footer-logo{display:flex;align-items:center;margin-bottom:16px;}.footer-logo .nav-logo-img{height:26px;width:auto;}.footer-tagline{font-size:13px;color:var(--fg-dim);line-height:1.6;max-width:220px;margin-bottom:24px;}.footer-col-label{font-family:var(--font-mono);font-size:10px;letter-spacing:0.12em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:16px;}.footer-col ul{list-style:none;}.footer-col li{margin-bottom:10px;}.footer-col li a{font-size:14px;color:var(--fg-muted);transition:color 0.18s;}.footer-col li a:hover{color:var(--fg);}.footer-bottom{max-width:var(--max-w);margin:48px auto 0;padding:24px var(--pad-x) 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;}.footer-bottom-text{font-family:var(--font-mono);font-size:11px;color:var(--fg-dim);}/* ── Scroll Reveal ───────────────────────────────────────── */.reveal{opacity:0;transform:translateY(28px);transition:opacity 0.75s cubic-bezier(0.2,0,0,1),transform 0.75s cubic-bezier(0.2,0,0,1);}.reveal.in{opacity:1;transform:translateY(0);}.reveal-d1{transition-delay:0.08s;}.reveal-d2{transition-delay:0.16s;}.reveal-d3{transition-delay:0.24s;}.reveal-d4{transition-delay:0.32s;}.reveal-d5{transition-delay:0.42s;}/* ── Cursor Glow (Pink) ──────────────────────────────────── */#cursor-glow{position:fixed;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(255,45,122,0.05) 0%,transparent 65%);pointer-events:none;z-index:0;transform:translate(-50%,-50%);transition:opacity 0.5s;will-change:transform;}/* ── Ticker / Marquee ────────────────────────────────────── */.ticker-wrap{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);}.ticker-inner{display:flex;gap:48px;animation:ticker 32s linear infinite;width:max-content;padding:16px 0;}.ticker-inner:hover{animation-play-state:paused;}.ticker-item{font-family:var(--font-mono);font-size:12px;color:var(--fg-dim);white-space:nowrap;letter-spacing:0.06em;display:flex;align-items:center;gap:12px;}.ticker-item::after{content:'·';color:var(--pink);font-size:18px;}@keyframes ticker{from{transform:translateX(0);}to{transform:translateX(-50%);}}/* ── Card Base ───────────────────────────────────────────── */.card{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color 0.25s,box-shadow 0.25s;}.card:hover{border-color:var(--line-strong);box-shadow:0 8px 40px rgba(0,0,0,0.3);}.card--pink:hover{border-color:rgba(255,45,122,0.25);box-shadow:0 8px 40px var(--pink-glow);}/* ── Utility ─────────────────────────────────────────────── */.flex{display:flex;}.flex-center{display:flex;align-items:center;justify-content:center;}.gap-2{gap:8px;}.gap-3{gap:12px;}.gap-4{gap:16px;}.gap-5{gap:24px;}.gap-6{gap:32px;}.text-center{text-align:center;}.mt-2{margin-top:8px;}.mt-3{margin-top:12px;}.mt-4{margin-top:16px;}.mt-5{margin-top:24px;}.mt-6{margin-top:32px;}.mt-7{margin-top:48px;}.mt-8{margin-top:64px;}.mb-2{margin-bottom:8px;}.mb-3{margin-bottom:12px;}.mb-4{margin-bottom:16px;}.mb-5{margin-bottom:24px;}.mb-6{margin-bottom:32px;}/* ── Grid ────────────────────────────────────────────────── */.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}/* ── Divider ─────────────────────────────────────────────── */.divider{border:none;border-top:1px solid var(--line);}/* ═══════════════════════════════════════════════════════════ SOCIAL PROOF — Inline Logos & Stats ═══════════════════════════════════════════════════════════ *//* Stat-Bar (above logos) */.social-proof-stat{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:40px;font-family:var(--font-mono);}.stat-number{font-size:clamp(28px,3vw,40px);font-weight:700;color:var(--pink);letter-spacing:-0.02em;}.stat-label{font-size:13px;color:var(--fg-muted);letter-spacing:0.02em;}.stat-divider{color:var(--line-strong);font-size:20px;margin:0 8px;}@media (max-width:600px){.social-proof-stat{flex-wrap:wrap;gap:12px;}.stat-number{font-size:24px;}.stat-label{font-size:12px;}}/* Animated Logo Carousel */.client-logos-carousel{overflow:hidden;position:relative;width:100%;padding:20px 0;}/* Edge fade for smooth infinite scroll */.client-logos-carousel::before,.client-logos-carousel::after{content:'';position:absolute;top:0;bottom:0;width:80px;z-index:2;pointer-events:none;}.client-logos-carousel::before{left:0;background:linear-gradient(90deg,var(--bg) 0%,transparent 100%);}.client-logos-carousel::after{right:0;background:linear-gradient(90deg,transparent 0%,var(--bg) 100%);}.client-logos-track{display:flex;gap:clamp(48px,6vw,80px);align-items:center;width:max-content;animation:logo-scroll 40s linear infinite;will-change:transform;transform:translateZ(0);backface-visibility:hidden;}.client-logos-track:hover{animation-play-state:paused;}.client-logo-img{height:32px;width:auto;max-width:160px;object-fit:contain;flex-shrink:0;opacity:0.6;/* Convert all logos to white for visibility on dark background */ filter:brightness(0) invert(1);transition:opacity 0.4s cubic-bezier(0.2,0,0,1),transform 0.4s cubic-bezier(0.2,0,0,1),filter 0.4s cubic-bezier(0.2,0,0,1);}.client-logo-img:hover{opacity:0.9;/* Add pink glow on hover */ filter:brightness(0) invert(1) drop-shadow(0 0 12px rgba(255,45,122,0.4));transform:scale(1.05);}.client-logo-text{font-family:var(--font-display);font-size:14px;font-weight:600;letter-spacing:-0.01em;color:var(--fg-muted);opacity:0.6;flex-shrink:0;white-space:nowrap;transition:opacity 0.4s cubic-bezier(0.2,0,0,1),color 0.4s cubic-bezier(0.2,0,0,1),transform 0.4s cubic-bezier(0.2,0,0,1);}.client-logo-text:hover{opacity:1;color:var(--fg);transform:scale(1.05);}@keyframes logo-scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}/* Mobile:Faster animation,smaller logos */@media (max-width:900px){.client-logos-track{gap:clamp(40px,5vw,64px);animation-duration:35s;}.client-logo-img{height:28px;max-width:140px;}.client-logo-text{font-size:13px;}.client-logos-carousel::before,.client-logos-carousel::after{width:40px;}}@media (max-width:600px){.client-logos-track{gap:40px;animation-duration:30s;}.client-logo-img{height:26px;max-width:120px;}.client-logo-text{font-size:12px;}.client-logos-carousel::before,.client-logos-carousel::after{width:30px;}}/* Accessibility:Reduced Motion */@media (prefers-reduced-motion:reduce){.client-logos-track{animation:none !important;justify-content:center;gap:clamp(32px,5vw,64px);}}/* ── Pink glow highlight (text) ─────────────────────────── */.pink-glow-text{color:var(--pink);text-shadow:0 0 40px var(--pink-glow-lg);}/* ── Noise overlay ───────────────────────────────────────── */.noise-overlay{position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-size:256px;pointer-events:none;opacity:0.5;}/* ── Page header (for sub-pages) ─────────────────────────── */.page-header{padding:calc(var(--nav-h) + 80px) 0 80px;border-bottom:1px solid var(--line);}/* ── Mobile Nav Burger ───────────────────────────────────── */.nav-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;background:transparent;border:1px solid var(--line-strong);border-radius:8px;padding:10px;cursor:pointer;position:relative;z-index:300;transition:border-color 0.2s,background 0.2s;}.nav-burger:hover{border-color:rgba(255,45,122,0.4);background:var(--pink-bg);}.nav-burger span{display:block;width:100%;height:1.5px;background:var(--fg);border-radius:2px;transform-origin:center;transition:transform 0.3s cubic-bezier(0.2,0,0,1),opacity 0.3s,width 0.3s;}.nav-burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}.nav-burger.open span:nth-child(2){opacity:0;width:0;}.nav-burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}/* ── Mobile Menu Overlay ─────────────────────────────────── */.mobile-menu{position:fixed;inset:0;background:var(--bg);z-index:250;display:flex;flex-direction:column;opacity:0;pointer-events:none;transform:translateY(-12px);transition:opacity 0.35s cubic-bezier(0.2,0,0,1),transform 0.35s cubic-bezier(0.2,0,0,1);}.mobile-menu.open{opacity:1;pointer-events:all;transform:translateY(0);}.mobile-menu-inner{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:calc(var(--nav-h) + 48px) 32px 48px;}.mobile-nav-links{display:flex;flex-direction:column;gap:0;}.mobile-nav-link{display:flex;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--fg);opacity:0;transform:translateX(-24px);transition:color 0.2s,background 0.2s;position:relative;overflow:hidden;}.mobile-nav-link:first-child{border-top:1px solid var(--line);}/* tap ripple */.mobile-nav-link::before{content:'';position:absolute;inset:0;background:var(--pink-bg);opacity:0;transition:opacity 0.2s;}.mobile-nav-link:active::before{opacity:1;}.mnl-num{font-family:var(--font-mono);font-size:11px;color:var(--pink);letter-spacing:0.1em;width:24px;flex-shrink:0;}.mnl-text{font-family:var(--font-display);font-size:clamp(28px,8vw,44px);font-weight:800;letter-spacing:-0.03em;flex:1;}.mobile-nav-link svg{color:var(--fg-dim);flex-shrink:0;transition:transform 0.3s,color 0.3s;}.mobile-nav-link:active svg{transform:translateX(6px);color:var(--pink);}.mobile-menu-footer{margin-top:32px;}.mobile-menu-meta{font-family:var(--font-mono);font-size:11px;color:var(--fg-dim);letter-spacing:0.06em;margin-top:16px;text-align:center;}/* ── Touch Feedback ──────────────────────────────────────── */.btn:active{transform:scale(0.97) translateY(0) !important;opacity:0.9;}.card:active,.p-card:active,.team-card:active{transform:scale(0.99) !important;}.faq-q:active{color:var(--pink);}/* ── Mobile Animation Variants ──────────────────────────── */.reveal-scale{opacity:0;transform:scale(0.92);transition:opacity 0.7s cubic-bezier(0.2,0,0,1),transform 0.7s cubic-bezier(0.2,0,0,1);}.reveal-scale.in{opacity:1;transform:scale(1);}.reveal-left{opacity:0;transform:translateX(-40px);transition:opacity 0.7s cubic-bezier(0.2,0,0,1),transform 0.7s cubic-bezier(0.2,0,0,1);}.reveal-left.in{opacity:1;transform:translateX(0);}.reveal-right{opacity:0;transform:translateX(40px);transition:opacity 0.7s cubic-bezier(0.2,0,0,1),transform 0.7s cubic-bezier(0.2,0,0,1);}.reveal-right.in{opacity:1;transform:translateX(0);}@keyframes stat-pulse{0%{transform:scale(1);}50%{transform:scale(1.08);}100%{transform:scale(1);}}.stat-pulse{animation:stat-pulse 0.4s cubic-bezier(0.2,0,0,1);}@keyframes glow-flash{0%{text-shadow:0 0 0 transparent;}50%{text-shadow:0 0 20px rgba(255,45,122,0.6),0 0 40px rgba(255,45,122,0.3);}100%{text-shadow:0 0 0 transparent;}}.glow-flash{animation:glow-flash 0.6s ease-out;}/* ── Scroll Dots (hidden on desktop) ────────────────────── */.scroll-dots{display:none;}/* ── Mobile Layout ───────────────────────────────────────── */@media (max-width:900px){.nav-links{display:none !important;}.nav-status{display:none;}.nav-cta{display:none;}.nav-burger{display:flex;}/* Hero */ .hero-inner{grid-template-columns:1fr;gap:40px;}.hero-right{display:block;transform:scale(0.9);transform-origin:top center;border-radius:16px;overflow:hidden;box-shadow:0 8px 40px rgba(255,45,122,0.12),0 0 60px rgba(255,45,122,0.06);}.hero-headline{font-size:clamp(48px,14vw,80px);}/* Services header bar */ .shb-right{display:none;}.services-header-bar{padding:10px 14px;}/* Service cards — slide-in from alternating sides */ .service-cards{grid-template-columns:1fr 1fr;}.service-card{padding:28px 20px;}.service-card::before{font-size:70px;right:-8px;bottom:-20px;}.service-card[data-mobile-dir="left"]{transform:translateX(-40px);}.service-card[data-mobile-dir="right"]{transform:translateX(40px);}.service-card[data-mobile-dir="left"].entered,.service-card[data-mobile-dir="right"].entered{animation:card-enter-mobile 0.75s cubic-bezier(0.16,1,0.3,1) forwards;}@keyframes card-enter-mobile{0%{opacity:0;}100%{opacity:1;transform:translateX(0);}}/* Portfolio — horizontal snap scroll */ .portfolio-track{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding-bottom:8px;scrollbar-width:none;}.portfolio-track::-webkit-scrollbar{display:none;}.portfolio-track .p-card{scroll-snap-align:start;min-width:85vw;flex-shrink:0;}/* Scroll dots */ .scroll-dots{display:flex;justify-content:center;gap:8px;margin-top:20px;}.scroll-dot{width:6px;height:6px;border-radius:50%;background:var(--fg-dim);transition:all 0.3s;cursor:pointer;border:none;padding:0;}.scroll-dot.active{width:20px;border-radius:3px;background:var(--pink);}/* Process */ .process-steps{grid-template-columns:1fr 1fr;}.process-num-big{font-size:40px;}/* Stats — clean 2×2 */ .stats-grid{grid-template-columns:1fr 1fr !important;}.stat-item:first-child{grid-column:auto;padding:32px 24px;}.stat-item:first-child .stat-number{font-size:clamp(36px,10vw,56px);}.stat-item{padding:32px 24px;}/* Team */ .team-grid{grid-template-columns:1fr;}/* Footer */ .footer-grid{grid-template-columns:1fr 1fr;}.footer-brand{grid-column:1 / -1;}/* Section headings */ .t-h1{font-size:clamp(36px,9vw,56px);}.t-h2{font-size:clamp(26px,7vw,44px);}}@media (max-width:600px){:root{--pad-x:20px;}.service-cards{grid-template-columns:1fr;}.process-steps{grid-template-columns:1fr;}.stats-grid{grid-template-columns:1fr 1fr !important;}.footer-grid{grid-template-columns:1fr;}.footer-bottom{flex-direction:column;align-items:flex-start;}.hero-ctas{flex-direction:column;}.hero-ctas .btn{width:100%;justify-content:center;}/* Projekte grid */ .proj-grid{grid-template-columns:1fr;}.proj-card{padding:24px;}.proj-card-title{font-size:clamp(32px,10vw,52px);}/* Service cards at 600px */ .service-card::before{font-size:60px;right:-5px;bottom:-16px;}/* Compare table */ .ct-head{grid-template-columns:1fr 1fr;}.ct-row{grid-template-columns:1fr 1fr;}.ct-head>*:nth-child(2),.ct-row>*:nth-child(2){display:none;}/* Mobile menu larger text */ .mnl-text{font-size:clamp(24px,9vw,36px);}/* Final CTA buttons */ .final-cta-btns{flex-direction:column;align-items:stretch;}.final-cta-btns .btn{justify-content:center;}/* FAQ */ .faq-q{font-size:15px;}}/* ── Auto-animations (no hover needed) ──────────────────── */@media (hover:none){/* On touch,show tag always visible */ .service-card-tag{opacity:1 !important;}.proj-card-cta{gap:8px !important;}/* Show ghost numbers always */ .service-card::before{-webkit-text-stroke-color:rgba(255,45,122,0.1) !important;}.proj-card-ghost{-webkit-text-stroke-color:rgba(255,45,122,0.08) !important;}/* Show nav numbers always */ .nav-link-num{opacity:1 !important;transform:none !important;}}/* ============================================================ PRELOADER — Premium Dashboard Intro ============================================================ *//* Flash prevention:hide page content while preloader is active */body.preloader-active>*:not(#nuroy-preloader){visibility:hidden;}/* ── Overlay ─────────────────────────────────────────────── */.preloader{position:fixed;inset:0;z-index:9999;background:var(--bg);display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity 0.8s cubic-bezier(0.4,0,0,1),transform 0.8s cubic-bezier(0.4,0,0,1);}.preloader.out{opacity:0;transform:translateY(-40px);pointer-events:none;}/* ── Dashboard Grid Background ───────────────────────────── */.preloader-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,45,122,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,45,122,0.04) 1px,transparent 1px);background-size:60px 60px;opacity:0;transition:opacity 0.5s ease;}.preloader-grid.visible{opacity:1;}/* ── Content Container ───────────────────────────────────── */.preloader-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:28px;}/* ── Pink Dot ────────────────────────────────────────────── */.preloader-dot{width:20px;height:20px;border-radius:50%;background:var(--pink);box-shadow:0 0 20px var(--pink-glow-lg),0 0 60px var(--pink-glow);transform:scale(0);transition:transform 0.6s cubic-bezier(0.34,1.56,0.64,1);}.preloader-dot.visible{transform:scale(1);animation:dot-glow-pulse 2s ease-in-out infinite;}@keyframes dot-glow-pulse{0%,100%{box-shadow:0 0 20px var(--pink-glow-lg),0 0 60px var(--pink-glow);}50%{box-shadow:0 0 30px var(--pink-glow-lg),0 0 80px rgba(255,45,122,0.3);}}/* ── Dashboard Frame ─────────────────────────────────────── */.preloader-dashboard{width:100%;max-width:480px;background:var(--bg-2);border:1px solid var(--line-strong);border-radius:12px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,0.4),0 0 0 1px rgba(255,45,122,0.06);opacity:0;transform:scale(0.92) translateY(12px);transition:opacity 0.5s cubic-bezier(0.4,0,0.2,1),transform 0.5s cubic-bezier(0.4,0,0.2,1);}.preloader-dashboard.visible{opacity:1;transform:scale(1) translateY(0);}/* ── Top Bar (macOS-style) ───────────────────────────────── */.pdb-topbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--bg-3);}.pdb-dots{display:flex;gap:6px;flex-shrink:0;}.pdb-dot-r,.pdb-dot-y,.pdb-dot-g{width:8px;height:8px;border-radius:50%;}.pdb-dot-r{background:#FF5F57;}.pdb-dot-y{background:#FFBD2E;}.pdb-dot-g{background:#28CA41;}/* ── Title Typing ────────────────────────────────────────── */.pdb-title{font-family:var(--font-mono);font-size:11px;letter-spacing:0.03em;color:var(--fg-muted);display:inline-flex;flex:1;min-width:0;}.pdb-title-letter{opacity:0;transition:opacity 0.06s ease;display:inline-block;white-space:pre;}.pdb-title-letter.visible{opacity:1;}/* ── Live Badge ──────────────────────────────────────────── */.pdb-live{display:flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:9px;letter-spacing:0.06em;text-transform:uppercase;color:var(--ok);flex-shrink:0;opacity:0;transition:opacity 0.4s ease;}.pdb-live.visible{opacity:1;}.pdb-live-dot{width:6px;height:6px;border-radius:50%;background:var(--ok);animation:pdb-live-blink 1.6s ease-in-out infinite;}@keyframes pdb-live-blink{0%,100%{opacity:1;}50%{opacity:0.3;}}/* ── Mini Chart ──────────────────────────────────────────── */.pdb-chart{padding:12px 14px;height:60px;border-bottom:1px solid var(--line);display:flex;align-items:center;}.pdb-chart svg{width:100%;height:100%;overflow:visible;}.pdb-chart-area{fill:var(--pink-bg);opacity:0;transition:opacity 0.6s ease;}.pdb-chart-area.visible{opacity:1;}.pdb-chart-line{fill:none;stroke:var(--pink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:500;stroke-dashoffset:500;transition:stroke-dashoffset 1s cubic-bezier(0.4,0,0.2,1);}.pdb-chart-line.draw{stroke-dashoffset:0;}.pdb-chart-endpoint{fill:var(--pink);opacity:0;transition:opacity 0.3s ease 0.8s;}.pdb-chart-endpoint.visible{opacity:1;}/* ── Metrics Row ─────────────────────────────────────────── */.pdb-metrics{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);}.pdb-metric{padding:10px 14px;opacity:0;transform:translateY(6px);transition:opacity 0.4s ease,transform 0.4s ease;}.pdb-metric:first-child{border-right:1px solid var(--line);}.pdb-metric.visible{opacity:1;transform:translateY(0);}.pdb-metric-label{font-family:var(--font-mono);font-size:9px;letter-spacing:0.06em;text-transform:uppercase;color:var(--fg-dim);margin-bottom:4px;}.pdb-metric-value{font-family:var(--font-display);font-weight:700;font-size:20px;color:var(--fg);letter-spacing:-0.02em;}/* ── Feed Section ────────────────────────────────────────── */.pdb-feed{padding:8px 14px;display:flex;flex-direction:column;gap:4px;}.pdb-feed-item{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10px;color:var(--fg-muted);padding:5px 0;opacity:0;transform:translateX(-12px);transition:opacity 0.35s ease,transform 0.35s cubic-bezier(0.2,0,0,1);}.pdb-feed-item.visible{opacity:1;transform:translateX(0);}.pdb-feed-dot{width:5px;height:5px;border-radius:50%;background:var(--pink);flex-shrink:0;}.pdb-feed-text{flex:1;min-width:0;}.pdb-feed-badge{font-size:9px;color:var(--ok);letter-spacing:0.04em;flex-shrink:0;}/* ── Footer Area (tagline + progress) ────────────────────── */.preloader-footer{display:flex;flex-direction:column;align-items:center;gap:20px;opacity:0;transform:translateY(8px);transition:opacity 0.4s ease,transform 0.4s ease;}.preloader-footer.visible{opacity:1;transform:translateY(0);}.preloader-tagline{font-family:var(--font-mono);font-size:12px;letter-spacing:0.08em;color:var(--fg-dim);}/* ── Progress Bar ────────────────────────────────────────── */.preloader-progress-wrap{width:240px;height:2px;background:var(--bg-3);border-radius:2px;overflow:hidden;}.preloader-progress-bar{height:100%;width:0%;background:var(--pink);border-radius:2px;box-shadow:0 0 8px var(--pink-glow-lg);transition:width 1.2s cubic-bezier(0.4,0,0.2,1);}.preloader-progress-bar.fill{width:100%;}/* ── Status Lines ────────────────────────────────────────── */.preloader-status{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;z-index:1;}.status-line{font-family:var(--font-mono);font-size:11px;letter-spacing:0.04em;color:var(--fg-dim);opacity:0;transform:translateY(6px);transition:opacity 0.3s ease,transform 0.3s ease,color 0.3s ease;}.status-line.visible{opacity:1;transform:translateY(0);}.status-line.done{color:var(--ok);}/* ── Preloader Mobile ────────────────────────────────────── */@media (max-width:900px){.preloader-dashboard{max-width:320px;}.pdb-topbar{padding:8px 10px;gap:8px;}.pdb-dots{gap:5px;}.pdb-dot-r,.pdb-dot-y,.pdb-dot-g{width:7px;height:7px;}.pdb-title{font-size:10px;}.pdb-live{font-size:8px;}.pdb-chart{height:48px;padding:10px 12px;}.pdb-metric{padding:8px 12px;}.pdb-metric-label{font-size:8px;}.pdb-metric-value{font-size:17px;}.pdb-feed{padding:6px 12px;}.pdb-feed-item{font-size:9px;gap:6px;}.pdb-feed-badge{font-size:8px;}.preloader-progress-wrap{width:180px;}.preloader-status{bottom:28px;}.status-line{font-size:10px;}}/* ── Preloader Reduced Motion ────────────────────────────── */@media (prefers-reduced-motion:reduce){.preloader{transition-duration:0.3s;}.preloader-dot{transition-duration:0.2s;animation:none !important;}.preloader-dashboard{transition-duration:0.2s;}.pdb-title-letter{transition-duration:0.05s;}.pdb-live{transition-duration:0.1s;}.pdb-chart-line{transition-duration:0.2s;}.pdb-chart-area{transition-duration:0.1s;}.pdb-chart-endpoint{transition-duration:0.1s;transition-delay:0s;}.pdb-metric{transition-duration:0.1s;}.pdb-feed-item{transition-duration:0.1s;}.preloader-footer{transition-duration:0.2s;}.preloader-progress-bar{transition-duration:0.4s;}.status-line{transition-duration:0.1s;}.preloader-grid{transition-duration:0.2s;}.pdb-live-dot{animation:none !important;opacity:1;}}/* ═══════════════════════════════════════════════════════════ MEGA MENU ═══════════════════════════════════════════════════════════ */.nav-item-with-mega{position:relative;}.nav-trigger-mega{display:flex;align-items:center;gap:4px;}.nav-chevron{transition:transform 0.2s;opacity:0.6;}.nav-item-with-mega:hover .nav-chevron,.nav-item-with-mega.mega-menu-open .nav-chevron{transform:translateY(1px);opacity:1;}.nav-item-with-mega.mega-menu-open .nav-chevron{transform:rotate(180deg);}.mega-menu{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%);width:720px;max-width:90vw;background:var(--bg-2);border:1px solid var(--line-strong);border-radius:12px;box-shadow:0 12px 60px rgba(0,0,0,0.4),0 0 0 1px rgba(255,45,122,0.08);opacity:0;pointer-events:none;transform:translateX(-50%) translateY(-8px);transition:opacity 0.25s cubic-bezier(0.2,0,0,1),transform 0.25s cubic-bezier(0.2,0,0,1);z-index:300;}/* Invisible bridge to prevent gap between nav item and mega menu */.mega-menu::before{content:'';position:absolute;top:-12px;left:0;right:0;height:12px;background:transparent;}.nav-item-with-mega:hover .mega-menu,.nav-item-with-mega.mega-menu-open .mega-menu,.nav-item-with-mega.mega-menu-hover .mega-menu{opacity:1;pointer-events:all;transform:translateX(-50%) translateY(0);}.mega-menu-inner{padding:16px;}.mega-services-grid{display:grid;grid-template-columns:1fr;gap:0;}.mega-service-item{display:grid;grid-template-columns:32px 1fr;gap:12px;padding:14px 16px;border-radius:8px;text-decoration:none;transition:background 0.18s,transform 0.18s;border-bottom:1px solid var(--line);}.mega-service-item:last-child{border-bottom:none;}.mega-service-item:hover{background:var(--pink-bg);transform:translateX(4px);}.mega-num{font-family:var(--font-mono);font-size:11px;color:var(--pink);letter-spacing:0.08em;line-height:1.4;text-align:right;}.mega-title{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-0.01em;color:var(--fg);margin-bottom:2px;}.mega-desc{font-size:12px;color:var(--fg-muted);line-height:1.5;}.mega-footer{margin-top:8px;padding-top:12px;border-top:1px solid var(--line);}.mega-footer-link{display:flex;align-items:center;justify-content:center;padding:10px 16px;font-family:var(--font-mono);font-size:12px;color:var(--pink);letter-spacing:0.04em;border-radius:6px;transition:background 0.18s;text-decoration:none;}.mega-footer-link:hover{background:var(--pink-bg);}/* Mobile:Hide mega menu,show in mobile nav accordion instead */@media (max-width:900px){.mega-menu{display:none;}.nav-chevron{display:none;}}/* ═══════════════════════════════════════════════════════════ SERVICE PAGE SECTIONS ═══════════════════════════════════════════════════════════ */.service-hero{min-height:80vh;display:flex;align-items:center;}.hero-ctas{display:flex;gap:16px;margin-top:32px;}@media (max-width:600px){.hero-ctas{flex-direction:column;}}.sneak-peek{background:var(--bg-2);}.mockup-preview{margin-top:32px;padding:24px;background:var(--bg-3);border:1px solid var(--line);border-radius:12px;}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}@media (max-width:900px){.grid-2{grid-template-columns:1fr;}.grid-3{grid-template-columns:repeat(2,1fr);}}@media (max-width:600px){.grid-3{grid-template-columns:1fr;}}/* Feature Cards - ENHANCED */.feature-card{padding:28px 24px;background:var(--bg-2);border:1px solid var(--line);border-radius:12px;transition:all 0.4s cubic-bezier(0.2,0,0,1);position:relative;overflow:hidden;transform:translateY(calc(-6px + var(--parallax-y,0px)));will-change:transform;}/* Subtle gradient overlay - radial instead of linear */.feature-card::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at top left,rgba(255,45,122,0.04) 0%,transparent 60%);opacity:0;transition:opacity 0.4s ease;pointer-events:none;}.feature-card:hover{border-color:var(--pink);transform:translateY(calc(-6px + var(--parallax-y,0px)));box-shadow:0 12px 40px rgba(0,0,0,0.2),0 0 40px rgba(255,45,122,0.15);}.feature-card:hover::before{opacity:1;}/* Feature Icon - VERBESSERT mit Pulse */.feature-icon{width:48px;height:48px;margin-bottom:20px;color:var(--pink);transition:all 0.4s cubic-bezier(0.2,0,0,1);filter:drop-shadow(0 0 0 transparent);}.feature-card:hover .feature-icon{transform:scale(1.15) rotate(-8deg);filter:drop-shadow(0 0 16px rgba(255,45,122,0.6)) drop-shadow(0 0 24px rgba(255,45,122,0.3));animation:icon-pulse 1.2s ease-in-out infinite;}@keyframes icon-pulse{0%,100%{filter:drop-shadow(0 0 16px rgba(255,45,122,0.6)) drop-shadow(0 0 24px rgba(255,45,122,0.3));}50%{filter:drop-shadow(0 0 20px rgba(255,45,122,0.8)) drop-shadow(0 0 32px rgba(255,45,122,0.4));}}.feature-icon svg{width:100%;height:100%;stroke-width:1.5;}/* Feature Title - Gradient on Hover */.feature-card h3{margin-bottom:8px;font-size:18px;font-weight:700;color:var(--fg);transition:all 0.3s ease;}.feature-card:hover h3{background:linear-gradient(135deg,var(--pink),var(--pink-deep));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}/* Feature Description */.feature-card p{font-size:14px;color:var(--fg-muted);line-height:1.6;}/* Entry Animation - Staggered */@keyframes slideInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.feature-card{animation:slideInUp 0.6s cubic-bezier(0.2,0,0,1) backwards;}/* Stagger delays */.feature-card:nth-child(1){animation-delay:0.05s;}.feature-card:nth-child(2){animation-delay:0.1s;}.feature-card:nth-child(3){animation-delay:0.15s;}.feature-card:nth-child(4){animation-delay:0.2s;}.feature-card:nth-child(5){animation-delay:0.25s;}.feature-card:nth-child(6){animation-delay:0.3s;}.feature-card:nth-child(7){animation-delay:0.35s;}.feature-card:nth-child(8){animation-delay:0.4s;}.feature-card:nth-child(9){animation-delay:0.45s;}/* Mobile */@media (max-width:600px){.feature-card{padding:24px 20px;}.feature-icon{width:42px;height:42px;margin-bottom:16px;}}/* Match Cards - ENHANCED */.match-card{padding:20px 24px;padding-left:60px;/* Platz für Icon */ background:var(--bg-3);border-left:3px solid var(--line);border-radius:8px;font-size:15px;line-height:1.7;position:relative;transition:all 0.35s cubic-bezier(0.2,0,0,1);}/* Icon-Container (pseudo-element) */.match-card::before{content:'';position:absolute;left:20px;top:50%;transform:translateY(-50%);width:24px;height:24px;background-size:contain;background-repeat:no-repeat;background-position:center;transition:transform 0.35s cubic-bezier(0.2,0,0,1);}/* YES - Grüner Check */.match-card.match-yes{border-left-color:var(--ok);}.match-card.match-yes::before{/* Heroicon:check-circle (outline) */ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%238FA373'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M9 12.75 11.25 15 15 9.75M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E");}.match-card.match-yes:hover{background:rgba(143,163,115,0.08);border-left-color:var(--ok);border-left-width:5px;padding-left:58px;/* Kompensiert breiteren Border */ transform:translateX(4px);}.match-card.match-yes:hover::before{transform:translateY(-50%) scale(1.15);}/* NO - Rotes X */.match-card.match-no{border-left-color:var(--fg-dim);opacity:0.75;}.match-card.match-no::before{/* Heroicon:x-circle (outline) */ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='2' stroke='%235E5A52'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='m9.75 9.75 4.5 4.5m0-4.5-4.5 4.5M21 12a9 9 0 1 1-18 0 9 9 0 0 1 18 0Z'/%3E%3C/svg%3E");}.match-card.match-no:hover{background:rgba(94,90,82,0.08);opacity:0.85;transform:translateX(2px);}.match-card.match-no:hover::before{transform:translateY(-50%) scale(1.1);}/* Mobile */@media (max-width:600px){.match-card{padding:16px 20px;padding-left:52px;}.match-card::before{width:20px;height:20px;left:16px;}.match-card.match-yes:hover{padding-left:50px;}}/* Process Steps - ENHANCED */.process-steps{display:flex;align-items:flex-start;gap:48px;margin-top:64px;position:relative;--timeline-progress:0;}/* Timeline-Linie (hinter den Steps) - Progress-aware */.process-steps::before{content:'';position:absolute;top:48px;/* Höhe der Nummer */ left:0;right:0;height:3px;background:linear-gradient( 90deg,var(--pink) 0%,var(--pink) calc(var(--timeline-progress) * 100%),var(--line-strong) calc(var(--timeline-progress) * 100%),var(--line-strong) 100% );transition:background 0.3s cubic-bezier(0.4,0,0.2,1);z-index:0;}.process-step{flex:1;text-align:center;position:relative;z-index:1;}/* Nummer als Circle - Default inactive state */.process-num-big{font-family:var(--font-display);font-size:56px;font-weight:900;color:var(--fg-dim);line-height:1;width:96px;height:96px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:var(--bg-2);border:4px solid var(--line-strong);border-radius:50%;box-shadow:0 4px 12px rgba(0,0,0,0.15);transition:all 0.6s cubic-bezier(0.34,1.56,0.64,1);will-change:transform;transform:translateZ(0);backface-visibility:hidden;}/* Active state for circles */.process-step.active .process-num-big{border-color:var(--pink);color:var(--pink);box-shadow:0 8px 24px rgba(0,0,0,0.2),0 0 40px rgba(255,45,122,0.3);animation:circle-activate 0.8s cubic-bezier(0.34,1.56,0.64,1);}@keyframes circle-activate{0%{transform:scale(0.9);opacity:0;}50%{transform:scale(1.15);}100%{transform:scale(1);opacity:1;}}/* Pulse animation for the current active step */.process-step.active:last-of-type .process-num-big{animation:circle-activate 0.8s cubic-bezier(0.34,1.56,0.64,1),circle-pulse 2s ease-in-out 0.8s infinite;}@keyframes circle-pulse{0%,100%{box-shadow:0 8px 24px rgba(0,0,0,0.2),0 0 40px rgba(255,45,122,0.3);}50%{box-shadow:0 8px 24px rgba(0,0,0,0.2),0 0 60px rgba(255,45,122,0.6);}}.process-step:hover .process-num-big{transform:scale(1.1);box-shadow:0 12px 32px rgba(0,0,0,0.3),0 0 60px rgba(255,45,122,0.4);border-width:5px;}/* Title */.process-step h3{margin-top:24px;margin-bottom:12px;font-size:22px;font-weight:700;color:var(--fg);text-transform:uppercase;letter-spacing:0.05em;}/* Description */.process-step .desc{font-size:15px;color:var(--fg-muted);line-height:1.6;margin-bottom:8px;}/* Duration */.process-step .details{font-size:13px;color:var(--fg-dim);line-height:1.5;font-style:italic;}/* Connector entfernen (nicht mehr nötig) */.process-connector{display:none;}/* Entry Animation */@keyframes slideInDown{from{opacity:0;transform:translateY(-30px);}to{opacity:1;transform:translateY(0);}}.process-step{animation:slideInDown 0.6s cubic-bezier(0.2,0,0,1) backwards;}.process-step:nth-child(1){animation-delay:0.1s;}.process-step:nth-child(2){animation-delay:0.2s;}.process-step:nth-child(3){animation-delay:0.3s;}/* Mobile */@media (max-width:900px){.process-steps{flex-direction:column;gap:64px;}.process-steps::before{display:none;/* Keine horizontale Linie auf Mobile */}.process-num-big{width:80px;height:80px;font-size:48px;}.process-step h3{font-size:20px;}}@media (max-width:600px){.process-num-big{width:70px;height:70px;font-size:40px;border-width:3px;}}/* ── Dashboard-Specific:Animated Gradient Background ────── */.was-wir-bauen{position:relative;overflow:hidden;}.was-wir-bauen::before{content:'';position:absolute;inset:-50%;background:radial-gradient( circle at 50% 50%,rgba(255,45,122,0.03) 0%,transparent 50% );animation:gradient-shift 15s ease-in-out infinite;pointer-events:none;z-index:0;}@keyframes gradient-shift{0%,100%{transform:translate(0,0);}33%{transform:translate(30%,-20%);}66%{transform:translate(-20%,30%);}}/* Ensure content stays above the gradient */.was-wir-bauen>*{position:relative;z-index:1;}/* ── Dashboard Interactions:Reduced Motion ─────────────── */@media (prefers-reduced-motion:reduce){.feature-card,.process-num-big{animation:none !important;transition-duration:0.05s !important;}.process-steps::before{background:var(--pink) !important;}.feature-icon{animation:none !important;}.was-wir-bauen::before{animation:none !important;}}.testimonial-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin-top:48px;}@media (max-width:900px){.testimonial-grid{grid-template-columns:1fr;}}.testimonial-card{background:var(--bg-2);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border 0.2s;}.testimonial-card:hover{border-color:var(--pink);}.testimonial-video{position:relative;aspect-ratio:16 / 9;}/* FAQ - ENHANCED *//* FAQ Section Styling */.faq .t-h2{text-align:center;margin-bottom:48px;max-width:680px;margin-left:auto;margin-right:auto;}.faq-list{max-width:680px;margin:0 auto;padding:0 20px;}.faq-item{background:var(--bg-2);border:1px solid var(--line);border-left:3px solid var(--line);border-radius:12px;padding:0;margin-bottom:20px;overflow:hidden;transition:all 0.3s cubic-bezier(0.2,0,0,1);}.faq-item:hover{border-left-color:var(--pink);border-left-width:4px;box-shadow:0 4px 16px rgba(0,0,0,0.12);}.faq-item[open]{border-left-color:var(--pink);border-left-width:4px;box-shadow:0 8px 24px rgba(0,0,0,0.16);}.faq-item summary{cursor:pointer;font-size:17px;font-weight:600;color:var(--fg);list-style:none;display:flex;justify-content:space-between;align-items:center;padding:24px 28px;transition:all 0.25s ease;user-select:none;}.faq-item summary::-webkit-details-marker{display:none;}.faq-item:hover summary{color:var(--pink);}.faq-item[open] summary{border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:20px;}/* Plus/X Icon */.faq-item summary::after{content:'+';font-size:28px;font-weight:400;color:var(--pink);transition:transform 0.3s cubic-bezier(0.2,0,0,1);flex-shrink:0;margin-left:16px;line-height:1;}.faq-item[open] summary::after{transform:rotate(45deg);}/* Answer Text */.faq-item p{padding:0 28px 24px 28px;color:var(--fg-muted);font-size:15px;line-height:1.8;margin:0;}/* Entry Animation */@keyframes fadeInUp{from{opacity:0;transform:translateY(20px);}to{opacity:1;transform:translateY(0);}}.faq-item{animation:fadeInUp 0.5s cubic-bezier(0.2,0,0,1) backwards;}.faq-item:nth-child(1){animation-delay:0.05s;}.faq-item:nth-child(2){animation-delay:0.1s;}.faq-item:nth-child(3){animation-delay:0.15s;}.faq-item:nth-child(4){animation-delay:0.2s;}.faq-item:nth-child(5){animation-delay:0.25s;}.faq-item:nth-child(6){animation-delay:0.3s;}/* Mobile */@media (max-width:600px){.faq-item summary{font-size:15px;padding:20px 20px;}.faq-item[open] summary{padding-bottom:16px;margin-bottom:16px;}.faq-item summary::after{font-size:24px;margin-left:12px;}.faq-item p{padding:0 20px 20px 20px;font-size:14px;}}.service-card-mini{display:block;padding:24px;background:var(--bg-2);border:1px solid var(--line);border-radius:8px;text-decoration:none;transition:border 0.2s,transform 0.2s;}.service-card-mini:hover{border-color:var(--pink);transform:translateY(-2px);}.final-cta{padding:80px 0;background:var(--pink);color:white;text-align:center;}.final-cta .t-display{color:white;}.final-cta .t-body-lg{color:rgba(255,255,255,0.8);}.final-cta .btn-primary{background:white;color:var(--pink);}.final-cta .btn-primary:hover{background:rgba(255,255,255,0.9);}.final-cta .btn-secondary{border-color:white;color:white;}.final-cta .btn-secondary:hover{background:rgba(255,255,255,0.1);}/* ============================================================ Dashboard Data Flow Visualization ============================================================ */.dashboard-flow-section{padding:80px 0;background:var(--bg);}.dashboard-flow-section .funnel-section-headline{color:var(--pink);}.dashboard-flow-card{position:relative;max-width:900px;margin:60px auto 0;aspect-ratio:16 / 9;background:#0d0d0d;border:1px solid var(--line-strong);border-radius:18px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,0.3),0 0 0 1px rgba(255,45,135,0.1);}.dashboard-flow-svg{width:100%;height:100%;display:block;}/* Path styles */.path-base{fill:none;stroke:rgba(255,45,135,0.18);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}.path-trace{fill:none;stroke:#ff2d87;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;filter:drop-shadow(0 0 8px rgba(255,45,135,0.6));}/* Individual trace animations */.trace-1{animation:flow 3.2s ease-in-out infinite;}.trace-2{animation:flow 2.8s ease-in-out 0.5s infinite;}.trace-3{animation:flow 3.5s ease-in-out 1.0s infinite;}.trace-4{animation:flow 4.0s ease-in-out 0.3s infinite;}.trace-5{animation:flow 3.8s ease-in-out 1.5s infinite;}.trace-6{animation:flow 4.5s ease-in-out 0.8s infinite;}.trace-7{animation:flow 3.0s ease-in-out 2.0s infinite;}@keyframes flow{0%{stroke-dashoffset:100;}50%{stroke-dashoffset:0;}100%{stroke-dashoffset:-100;}}/* Dashboard label in center */.dashboard-flow-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:16px 32px;background:#0d0d0d;border:2px solid var(--pink);border-radius:12px;font-family:var(--font-display);font-size:clamp(18px,2.5vw,24px);font-weight:700;color:var(--fg);letter-spacing:0.02em;box-shadow:0 0 24px rgba(255,45,135,0.4),0 4px 16px rgba(0,0,0,0.5);animation:pulse-glow 3s ease-in-out infinite;}@keyframes pulse-glow{0%,100%{box-shadow:0 0 24px rgba(255,45,135,0.4),0 4px 16px rgba(0,0,0,0.5);}50%{box-shadow:0 0 32px rgba(255,45,135,0.6),0 4px 16px rgba(0,0,0,0.5);}}/* Responsive adjustments */@media (max-width:600px){.dashboard-flow-card{margin:40px auto 0;}.dashboard-flow-label{padding:12px 24px;font-size:16px;}}