/* Shared WirtWire visual system — all content pages */
:root{--ww-ink:#07131f;--ww-ink-soft:#102332;--ww-paper:#f3f4f0;--ww-paper-warm:#ebece5;--ww-teal:#5bcbbb;--ww-teal-deep:#167f78;--ww-champagne:#d7c6a1;--ww-copy:#42515c;--ww-line:rgba(7,19,31,.12)}
body:not(.home-page){background:var(--ww-paper);color:var(--ww-ink)}
body:not(.home-page)::before{background-image:linear-gradient(rgba(22,127,120,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(22,127,120,.035) 1px,transparent 1px);background-size:64px 64px}
body:not(.home-page) .container{width:min(1180px,calc(100% - 48px));max-width:none;padding:0}
body:not(.home-page) .navbar{height:76px!important;background:rgba(7,19,31,.88)!important;border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(22px) saturate(140%)}
body:not(.home-page) .nav-container{width:min(1260px,calc(100% - 40px));max-width:none;padding:0}
body:not(.home-page) .nav-menu a{color:rgba(255,255,255,.68);font-size:.88rem}body:not(.home-page) .nav-menu a:hover{color:#fff;background:rgba(91,203,187,.1)}
body:not(.home-page) .logo-icon{filter:drop-shadow(0 0 12px rgba(91,203,187,.28))}

body:not(.home-page) .about-hero,body:not(.home-page) .hero-landing{position:relative;min-height:560px;padding:150px 0 100px;overflow:hidden;background:radial-gradient(circle at 78% 30%,rgba(91,203,187,.2),transparent 28%),linear-gradient(135deg,#07131f,#102332)!important}
body:not(.home-page) .about-hero::before,body:not(.home-page) .hero-landing::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to right,#000,transparent)}
body:not(.home-page) .about-hero::after,body:not(.home-page) .hero-landing::after{content:"";position:absolute;width:520px;height:520px;right:-100px;top:40px;border:1px solid rgba(91,203,187,.25);border-radius:50%;box-shadow:0 0 0 70px rgba(91,203,187,.04),0 0 0 140px rgba(91,203,187,.025);animation:wwHalo 7s ease-in-out infinite}
body:not(.home-page) .about-hero-content,body:not(.home-page) .landing-hero-content{position:relative;z-index:2;max-width:900px;text-align:left}
body:not(.home-page) .about-hero-content h1,body:not(.home-page) .hero-landing h1{color:#fff!important;font-size:clamp(3.4rem,7vw,7rem);line-height:.88;letter-spacing:-.06em;font-weight:820}
body:not(.home-page) .about-hero-content p,body:not(.home-page) .about-hero-content h2,body:not(.home-page) .hero-landing p{max-width:720px;color:rgba(255,255,255,.68)!important;font-size:1.12rem;line-height:1.7;-webkit-text-fill-color:currentColor}

body:not(.home-page) .about-details,body:not(.home-page) .content-section,body:not(.home-page) .legal-page,body:not(.home-page) .highlights,body:not(.home-page) section[style]{padding:clamp(84px,9vw,130px) 0!important;background:transparent!important}
body:not(.home-page) .about-text-section,body:not(.home-page) .legal-content,body:not(.home-page) .privacy-content,body:not(.home-page) .impressum-content{max-width:920px;margin:auto}
body:not(.home-page) h2{color:var(--ww-ink)!important;font-weight:760;letter-spacing:-.035em;line-height:1.03}
body:not(.home-page) .about-text-section h2,body:not(.home-page) .content-section h2,body:not(.home-page) .legal-content h1{font-size:clamp(2.2rem,4.5vw,4.4rem)}
body:not(.home-page) h3{color:var(--ww-teal-deep)!important}
body:not(.home-page) p,body:not(.home-page) li{color:var(--ww-copy);line-height:1.78}
body:not(.home-page) .about-text-section,body:not(.home-page) .legal-content{padding:clamp(30px,5vw,64px);border:1px solid var(--ww-line);border-radius:2px;background:rgba(255,255,255,.7);box-shadow:0 30px 80px rgba(7,19,31,.07)}
body:not(.home-page) .about-text-section::before,body:not(.home-page) .legal-content::before{content:"WIRTWIRE / SYSTEM";display:block;margin-bottom:30px;color:var(--ww-teal-deep);font:700 .7rem/1 monospace;letter-spacing:.18em}

body:not(.home-page) .highlights-grid,body:not(.home-page) .benefits-grid,body:not(.home-page) .process-steps{gap:16px}
body:not(.home-page) .highlight-card,body:not(.home-page) .benefit-card,body:not(.home-page) .process-step,body:not(.home-page) .testimonial-box,body:not(.home-page) .check-form{border:1px solid var(--ww-line)!important;border-radius:2px!important;background:rgba(255,255,255,.76)!important;box-shadow:0 22px 60px rgba(7,19,31,.08);transition:transform .5s cubic-bezier(.22,1,.36,1),box-shadow .5s ease,border-color .5s ease}
body:not(.home-page) .highlight-card::after,body:not(.home-page) .benefit-card::after,body:not(.home-page) .process-step::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.5) 45%,transparent 68%);transform:translateX(-130%);transition:transform .9s cubic-bezier(.22,1,.36,1)}
body:not(.home-page) .highlight-card:hover::after,body:not(.home-page) .benefit-card:hover::after,body:not(.home-page) .process-step:hover::after{transform:translateX(130%)}
body:not(.home-page) .highlight-card:hover,body:not(.home-page) .benefit-card:hover,body:not(.home-page) .process-step:hover{transform:translateY(-10px);border-color:rgba(22,127,120,.35)!important;box-shadow:0 34px 80px rgba(7,19,31,.14)}
body:not(.home-page) .highlight-card.is-tilting,body:not(.home-page) .benefit-card.is-tilting,body:not(.home-page) .process-step.is-tilting{transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-7px)}
body:not(.home-page) .step-number{background:linear-gradient(135deg,var(--ww-teal-deep),var(--ww-teal))!important;color:#fff}
body:not(.home-page) .cta-button,body:not(.home-page) .cta-button-hero,body:not(.home-page) .submit-btn{border-radius:2px!important;background:var(--ww-ink)!important;color:#fff!important;box-shadow:0 15px 35px rgba(7,19,31,.18)}
body:not(.home-page) .cta-button,body:not(.home-page) .cta-button-hero,body:not(.home-page) .submit-btn,body:not(.home-page) .hero-action{transform:translate(var(--magnet-x,0),var(--magnet-y,0));transition:transform .25s cubic-bezier(.22,1,.36,1),background .25s ease,box-shadow .25s ease}
body:not(.home-page) .cta-button:hover,body:not(.home-page) .cta-button-hero:hover,body:not(.home-page) .submit-btn:hover{background:var(--ww-teal-deep)!important;box-shadow:0 22px 45px rgba(22,127,120,.24)}
body:not(.home-page) .form-group input,body:not(.home-page) .form-group textarea,body:not(.home-page) .form-group select{border-radius:2px;background:#fff;border:1px solid rgba(7,19,31,.18)}
body:not(.home-page) .contact-cta,body:not(.home-page) .form-section{position:relative;overflow:hidden;background:var(--ww-ink)!important}
body:not(.home-page) .contact-cta h2,body:not(.home-page) .form-section h2{color:#fff!important}
body:not(.home-page) .footer{background:#040c14;border-top:1px solid rgba(255,255,255,.08)}

body:not(.home-page) .reveal-item{will-change:transform,opacity}
body:not(.home-page) .reveal-item.is-revealed{filter:none}
@keyframes wwHalo{50%{transform:scale(1.08) rotate(3deg);opacity:.7}}
body:not(.home-page) .urgency-text{background:rgba(215,198,161,.14)!important;border:1px solid rgba(215,198,161,.45)!important;color:#eee3ca!important;box-shadow:none!important}

/* Standalone pages keep their purpose, but share the same premium palette. */
.remote-legal{background:var(--ww-paper)!important;color:var(--ww-copy)!important}.remote-legal .container{border:1px solid var(--ww-line);border-radius:2px!important;box-shadow:0 28px 70px rgba(7,19,31,.09)!important}.remote-legal h1,.remote-legal h2{color:var(--ww-ink)!important}.remote-legal h1{border-color:var(--ww-teal-deep)!important}.remote-legal .highlight{background:rgba(91,203,187,.1)!important;border-color:var(--ww-teal-deep)!important}.remote-legal a{color:var(--ww-teal-deep)!important}
.game-page{background:radial-gradient(circle at 50% 20%,#153847,#07131f 62%)!important}.game-page .game-container{background:rgba(7,19,31,.9)!important;border-color:var(--ww-teal-deep)!important;box-shadow:0 35px 90px rgba(0,0,0,.5)!important}.game-page .game-board,.game-page .info-panel{border-color:var(--ww-teal-deep)!important}.game-page .game-title{color:var(--ww-teal)!important;text-shadow:0 0 18px rgba(91,203,187,.42)!important}
@media(max-width:768px){body:not(.home-page) .container{width:calc(100% - 30px)}body:not(.home-page) .navbar{height:66px!important}body:not(.home-page) .nav-menu{top:66px;height:calc(100svh - 66px);background:rgba(7,19,31,.98)}body:not(.home-page) .about-hero,body:not(.home-page) .hero-landing{min-height:520px;padding:125px 0 80px}body:not(.home-page) .about-hero-content h1,body:not(.home-page) .hero-landing h1{font-size:clamp(3rem,15vw,4.8rem)}body:not(.home-page) .about-text-section,body:not(.home-page) .legal-content{padding:28px 22px}}
@media(prefers-reduced-motion:reduce){body:not(.home-page) .about-hero::after,body:not(.home-page) .hero-landing::after{animation:none}}