:root{--brand-primary:#684B88;--brand-secondary:#FE536A;--brand-tertiary:#63C6D2}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;font-size:16px}
body{font-family:'Manrope',-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.7;color:#2a2a2a;background:linear-gradient(135deg,#f4f7fb 0%,#fff 100%);overflow-x:hidden;min-height:100vh}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit;transition:color .3s ease}
.container{max-width:1280px;margin:0 auto;padding:0 24px}
header{background:linear-gradient(160deg,#684B88 0%,#8a6ba8 50%,#63C6D2 100%);position:relative;box-shadow:0 4px 20px #684b8826}
.header_phase{padding:18px 0}
.toprow_flex{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;position:relative}
.logo_epoch{display:flex;align-items:center;gap:16px;flex-shrink:0;z-index:100}
.logo_epoch img{width:85px;height:85px;object-fit:contain;background:#ffffffeb;padding:10px;border-radius:8px;box-shadow:0 2px 12px #00000014}
.brand_cycle{color:#fff;letter-spacing:.5px;text-shadow:0 2px 8px #00000026;font:700 26px 'Space Grotesk',sans-serif}
.nav_moment{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.nav_moment a{color:#fff;font-weight:500;font-size:15px;padding:11px 20px;border-radius:6px;background:#ffffff1f;backdrop-filter:blur(8px);transition:all .25s ease;border:1px solid #ffffff2e}
.nav_moment a:hover{background:#ffffff3d;border-color:#ffffff59}
.nav_moment a:focus{outline:3px solid #FE536A;outline-offset:2px}
.submenu_container{position:relative;display:inline-block}
.submenu_trigger{cursor:pointer;position:relative}
.submenu_dropdown{position:absolute;top:calc(100% + 8px);left:0;background:#fff;border-radius:6px;box-shadow:0 8px 24px #0000001f;min-width:220px;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;z-index:1000}
.submenu_container:hover .submenu_dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.submenu_dropdown a{display:block;color:#2a2a2a;padding:12px 18px;background:transparent;border:none;border-radius:0;font-size:15px}
.submenu_dropdown a:first-child{border-radius:6px 6px 0 0}
.submenu_dropdown a:last-child{border-radius:0 0 6px 6px}
.submenu_dropdown a:hover{background:linear-gradient(90deg,#684B88 0%,#8a6ba8 100%);color:#fff}
main{min-height:60vh}
footer{background:linear-gradient(180deg,#2d2d2d 0%,#1a1a1a 100%);color:#e8e8e8;padding:52px 0 28px;margin-top:80px;position:relative}
footer::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#684B88 0%,#FE536A 50%,#63C6D2 100%)}
.footer_stream{display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px}
.footer_logo_zone{display:flex;flex-direction:column;align-items:center;gap:16px}
.footer_logo_zone img{width:70px;height:70px;object-fit:contain;background:#fffffff2;padding:10px;border-radius:8px}
.footer_brandname{color:#fff;font:600 22px 'Space Grotesk',sans-serif}
.footer_nav_arrow{display:flex;flex-direction:column;gap:14px;align-items:center}
.footer_nav_arrow::before{content:'↓';font-size:28px;color:#63C6D2;opacity:.7}
.footer_links{display:flex;gap:24px;flex-wrap:wrap;justify-content:center}
.footer_links a{color:#e8e8e8;font-size:15px;font-weight:400;transition:color .3s ease}
.footer_links a:hover{color:#63C6D2}
.footer_links a:focus{outline:2px solid #63C6D2;outline-offset:3px;border-radius:4px}
.footer_contact_section{display:flex;flex-direction:column;gap:10px;align-items:center}
.footer_contact_section a{color:#e8e8e8;font-size:15px;transition:color .3s ease}
.footer_contact_section a:hover{color:#FE536A}
.footer_divider{width:100%;max-width:400px;height:1px;background:linear-gradient(90deg,transparent 0%,#63c6d266 50%,transparent 100%)}
.footer_copyright{font-size:14px;color:#b0b0b0;margin-top:8px}
.consent_modal{position:fixed;bottom:28px;right:28px;background:#fff;border-radius:10px;box-shadow:0 12px 40px #0000002e;max-width:420px;padding:26px;z-index:9999;opacity:0;transform:translateY(30px) scale(0.95);transition:all .45s cubic-bezier(0.34,1.56,0.64,1);border-top:4px solid #684B88}
.consent_modal.visible_state{opacity:1;transform:translateY(0) scale(1)}
.consent_content{margin-bottom:20px}
.consent_content p{font-size:15px;line-height:1.65;color:#3a3a3a;margin:0}
.consent_controls{display:flex;gap:12px;flex-wrap:wrap}
.btn_primary_consent{flex:1;min-width:120px;padding:12px 18px;background:linear-gradient(135deg,#684B88 0%,#8a6ba8 100%);color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;font:600 15px 'Manrope',sans-serif}
.btn_primary_consent:hover{background:linear-gradient(135deg,#7a5b98 0%,#9a7bb8 100%);box-shadow:0 6px 20px #684b884d}
.btn_primary_consent:focus{outline:3px solid #63C6D2;outline-offset:2px}
.btn_secondary_consent{flex:1;min-width:120px;padding:12px 18px;background:transparent;color:#684B88;border:2px solid #684B88;border-radius:6px;cursor:pointer;transition:all .3s ease;font:600 15px 'Manrope',sans-serif}
.btn_secondary_consent:hover{background:#684b8814}
.btn_secondary_consent:focus{outline:3px solid #63C6D2;outline-offset:2px}
@media (max-width: 768px) {
.container{padding:0 16px}
.toprow_flex{flex-direction:column;align-items:flex-start;gap:16px}
.logo_epoch{width:100%;justify-content:center}
.brand_cycle{font-size:20px}
.logo_epoch img{width:65px;height:65px}
.nav_moment{width:100%;flex-direction:column;gap:10px}
.nav_moment a{width:100%;text-align:center;padding:12px 16px}
.submenu_dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:#ffffff14;margin-top:8px;display:none}
.submenu_container:hover .submenu_dropdown{display:block}
.submenu_dropdown a{color:#fff;padding:10px 16px}
.submenu_dropdown a:hover{background:#ffffff26}
footer{padding:40px 0 24px;margin-top:50px}
.footer_stream{gap:24px}
.footer_links{flex-direction:column;gap:14px}
.consent_modal{bottom:16px;right:16px;left:16px;max-width:none;padding:20px}
.consent_controls{flex-direction:column}
.btn_primary_consent,.btn_secondary_consent{width:100%}
}
@media (max-width: 480px) {
.brand_cycle{font-size:18px}
.logo_epoch img{width:55px;height:55px}
.nav_moment a{font-size:14px;padding:10px 14px}
.footer_brandname{font-size:19px}
}
@media (min-width: 1400px) {
.container{max-width:1400px}
}
.lrn_wrap{background:linear-gradient(135deg,#f5f0f8 0%,#e8f8fa 100%);min-height:100vh;padding:0}
.lrn_wrap .container{max-width:1200px;margin:0 auto;padding:0 20px}
.hero_lrn{padding:80px 0 60px;position:relative;overflow:hidden}
.hero_lrn::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fe536a14 0%,transparent 70%);border-radius:50%;z-index:1}
.hero_lrn .container{position:relative;z-index:2}
.hero_lrn h1{font-size:3.2rem;color:#684B88;font-weight:700;margin-bottom:24px;line-height:1.2}
.hero_lrn h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#FE536A 0%,#63C6D2 100%);margin-top:20px}
.hero_lrn .intro_txt{font-size:1.15rem;color:#3a3a3a;line-height:1.8;max-width:720px;margin-bottom:40px}
.hero_lrn .intro_txt strong{color:#684B88;font-weight:600}
.badge_row{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}
.badge_item{background:#fff;padding:12px 24px;border-radius:30px;box-shadow:0 2px 8px #684b881a;font-size:.95rem;color:#684B88;font-weight:500;transition:all .3s ease;border:2px solid transparent}
.badge_item:hover{transform:translateY(-2px);box-shadow:0 4px 16px #684b8826;border-color:#FE536A}
.prog_main{background:#fff;padding:80px 0;position:relative}
.prog_main::before{content:'';position:absolute;left:-10%;bottom:20%;width:400px;height:400px;background:radial-gradient(circle,#63c6d20f 0%,transparent 70%);border-radius:50%}
.prog_grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin-top:50px}
.prog_visual{position:relative}
.prog_visual img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 40px #0000001f;transition:transform .4s ease}
.prog_visual img:hover{transform:scale(1.02)}
.prog_visual::after{content:'';position:absolute;bottom:-20px;right:-20px;width:200px;height:200px;background:linear-gradient(135deg,#fe536a26 0%,#63c6d226 100%);border-radius:50%;z-index:-1}
.prog_content h2{font-size:2.4rem;color:#684B88;font-weight:700;margin-bottom:28px;line-height:1.3;position:relative;padding-left:20px}
.prog_content h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:60%;background:linear-gradient(180deg,#FE536A 0%,#63C6D2 100%);border-radius:3px}
.prog_content p{font-size:1.05rem;color:#4a4a4a;line-height:1.8;margin-bottom:24px}
.module_list{margin-top:36px}
.module_item{background:#f9f9f9;border-left:4px solid #63C6D2;padding:24px 28px;margin-bottom:20px;border-radius:8px;transition:all .3s ease;position:relative;overflow:hidden}
.module_item::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:#FE536A;transition:height .3s ease}
.module_item:hover{background:#fff;box-shadow:0 4px 20px #684b8814;transform:translateX(8px)}
.module_item:hover::before{height:100%}
.module_item h5{font-size:1.15rem;color:#684B88;font-weight:600;margin-bottom:10px}
.module_item p{font-size:.95rem;color:#5a5a5a;margin:0;line-height:1.6}
.path_section{background:linear-gradient(135deg,#684B88 0%,#8a6ba8 100%);padding:90px 0;position:relative;overflow:hidden}
.path_section::before{content:'';position:absolute;top:-100px;right:-100px;width:500px;height:500px;background:#ffffff0d;border-radius:50%}
.path_section::after{content:'';position:absolute;bottom:-80px;left:-80px;width:400px;height:400px;background:#fe536a1a;border-radius:50%}
.path_header{text-align:center;margin-bottom:60px;position:relative;z-index:2}
.path_header h2{font-size:2.6rem;color:#fff;font-weight:700;margin-bottom:20px}
.path_header h2::after{content:'';display:block;width:100px;height:4px;background:linear-gradient(90deg,#FE536A 0%,#63C6D2 100%);margin:24px auto 0}
.path_header p{font-size:1.1rem;color:#ffffffe6;max-width:700px;margin:0 auto;line-height:1.7}
.journey_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative;z-index:2}
.journey_card{background:#fff;padding:40px 32px;border-radius:16px;text-align:center;position:relative;transition:all .4s ease;box-shadow:0 4px 20px #0000001a}
.journey_card::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#63C6D2 0%,#FE536A 100%);border-radius:16px 16px 0 0;transition:height .4s ease}
.journey_card:hover{transform:translateY(-10px);box-shadow:0 12px 40px #00000026}
.journey_card:hover::before{height:100%;opacity:.05}
.journey_icon{width:80px;height:80px;margin:0 auto 24px;background:linear-gradient(135deg,#63c6d226 0%,#fe536a26 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#684B88;font-weight:700;position:relative;z-index:2}
.journey_card h4{font-size:1.4rem;color:#684B88;font-weight:600;margin-bottom:16px;position:relative;z-index:2}
.journey_card h6{font-size:.85rem;color:#FE536A;text-transform:uppercase;letter-spacing:1px;font-weight:600;margin-bottom:12px;position:relative;z-index:2}
.journey_card p{font-size:.98rem;color:#5a5a5a;line-height:1.7;margin:0;position:relative;z-index:2}
.cta_box{background:#fff;padding:50px;border-radius:16px;max-width:800px;margin:70px auto 0;text-align:center;box-shadow:0 8px 30px #0000001f;position:relative;z-index:2}
.cta_box h3{font-size:1.8rem;color:#684B88;font-weight:600;margin-bottom:18px}
.cta_box p{font-size:1.05rem;color:#4a4a4a;margin-bottom:32px;line-height:1.7}
.btn_primary{display:inline-block;background:linear-gradient(135deg,#FE536A 0%,#ff6b7d 100%);color:#fff;padding:16px 48px;border-radius:30px;font-size:1.05rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #fe536a4d;border:none;cursor:pointer;position:relative;z-index:10}
.btn_primary:hover{transform:translateY(-3px);box-shadow:0 6px 24px #fe536a66;background:linear-gradient(135deg,#ff6b7d 0%,#FE536A 100%)}
@media (max-width: 1024px) {
.prog_grid{grid-template-columns:1fr;gap:50px}
.journey_grid{grid-template-columns:1fr;gap:30px}
.hero_lrn h1{font-size:2.4rem}
.prog_content h2{font-size:2rem}
}
@media (max-width: 768px) {
.hero_lrn{padding:60px 0 40px}
.hero_lrn h1{font-size:2rem}
.hero_lrn .intro_txt{font-size:1.05rem}
.badge_row{gap:12px}
.badge_item{font-size:.9rem;padding:10px 20px}
.prog_main{padding:60px 0}
.prog_content h2{font-size:1.8rem}
.module_item{padding:20px 22px}
.path_section{padding:70px 0}
.path_header h2{font-size:2rem}
.path_header p{font-size:1rem}
.journey_card{padding:32px 24px}
.cta_box{padding:40px 30px;margin-top:50px}
.cta_box h3{font-size:1.5rem}
.btn_primary{padding:14px 36px;font-size:1rem}
}
@media (max-width: 480px) {
.hero_lrn h1{font-size:1.7rem}
.prog_content h2{font-size:1.5rem}
.path_header h2{font-size:1.7rem}
.journey_card h4{font-size:1.2rem}
.cta_box{padding:30px 20px}
}
.v2_axis{background:linear-gradient(135deg,#f4f0f7 0%,#e8f8fa 100%);min-height:600px;position:relative;overflow:hidden;padding:80px 20px}
.v2_axis::before{content:'';position:absolute;top:-50%;right:-20%;width:70%;height:150%;background:radial-gradient(circle,#63c6d226 0%,transparent 70%);z-index:1}
.v2_axis .container{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.hero__frame{display:flex;flex-direction:column;align-items:center;gap:45px;text-align:center}
.hero__card{background:#ffffffeb;padding:50px 40px;border-radius:16px;box-shadow:0 12px 40px #684b881f;max-width:820px;position:relative;backdrop-filter:blur(10px)}
.hero__card::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60%;height:8px;background:linear-gradient(90deg,#684B88 0%,#FE536A 50%,#63C6D2 100%);border-radius:0 0 8px 8px}
.hero__prime{font-size:3.2rem;font-weight:800;color:#2d2d2d;line-height:1.15;margin:0 0 25px;letter-spacing:-.5px}
.hero__prime span{background:linear-gradient(135deg,#684B88 0%,#FE536A 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero__sub{font-size:1.25rem;color:#555;line-height:1.7;margin:0 0 35px;max-width:650px;margin-left:auto;margin-right:auto}
.hero__visual{width:100%;max-width:480px;height:320px;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #00000026;transform:perspective(800px) rotateY(-3deg);transition:transform .4s ease}
.hero__visual:hover{transform:perspective(800px) rotateY(0deg) scale(1.02)}
.hero__visual img{width:100%;height:100%;object-fit:cover}
.v2_cta__cluster{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btn__unit--prime{background:linear-gradient(135deg,#684B88 0%,#5a3f75 100%);color:#fff;padding:16px 42px;border-radius:8px;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 4px 15px #684b884d;position:relative;z-index:10}
.btn__unit--prime:hover{transform:translateY(-2px);box-shadow:0 6px 25px #684b8873;background:linear-gradient(135deg,#5a3f75 0%,#684B88 100%)}
.btn__unit--outline{background:transparent;color:#684B88;padding:16px 42px;border:2px solid #684B88;border-radius:8px;font-size:1.1rem;font-weight:700;text-decoration:none;display:inline-block;transition:all .3s ease;position:relative;z-index:10}
.btn__unit--outline:hover{background:#684B88;color:#fff;transform:translateY(-2px)}
.gen3_layer{background:#fff;padding:90px 20px;position:relative}
.gen3_layer .container{max-width:1200px;margin:0 auto}
.slice__header{text-align:center;margin-bottom:60px}
.slice__title{font-size:2.6rem;font-weight:800;color:#2d2d2d;margin:0 0 20px;position:relative;display:inline-block}
.slice__title::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FE536A 0%,#63C6D2 100%);border-radius:2px}
.slice__desc{font-size:1.15rem;color:#666;line-height:1.7;max-width:720px;margin:25px auto 0}
.flow__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-top:50px}
.module__box{background:linear-gradient(135deg,#fafafa 0%,#f5f5f5 100%);padding:40px 30px;border-radius:12px;border-left:5px solid #684B88;transition:all .3s ease;position:relative}
.module__box:hover{transform:translateY(-5px);box-shadow:0 10px 30px #684b8833;border-left-color:#FE536A}
.module__icon{width:65px;height:65px;background:linear-gradient(135deg,#684B88 0%,#FE536A 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:25px;font-size:1.8rem;color:#fff;font-weight:700}
.module__head{font-size:1.5rem;font-weight:700;color:#2d2d2d;margin:0 0 15px}
.module__text{font-size:1rem;color:#555;line-height:1.7;margin:0}
.v3_depth{background:linear-gradient(180deg,#f9f6fb 0%,#fff 100%);padding:90px 20px;position:relative}
.v3_depth .container{max-width:1200px;margin:0 auto}
.twin__setup{display:flex;flex-direction:row;gap:50px;align-items:center}
.twin__visual{flex:1;position:relative}
.twin__image{width:100%;height:420px;border-radius:12px;overflow:hidden;box-shadow:0 15px 45px #0000002e;position:relative;z-index:2}
.twin__image img{width:100%;height:100%;object-fit:cover}
.twin__image::before{content:'';position:absolute;top:20px;left:20px;width:100%;height:100%;background:linear-gradient(135deg,#684b884d 0%,#63c6d24d 100%);border-radius:12px;z-index:-1}
.twin__content{flex:1}
.twin__label{font-size:.95rem;font-weight:700;color:#FE536A;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 15px}
.twin__headline{font-size:2.4rem;font-weight:800;color:#2d2d2d;line-height:1.25;margin:0 0 25px}
.twin__para{font-size:1.05rem;color:#555;line-height:1.75;margin:0 0 20px}
.twin__list{list-style:none;padding:0;margin:30px 0 0}
.twin__item{padding:15px 0 15px 45px;position:relative;font-size:1.05rem;color:#2d2d2d;line-height:1.6}
.twin__item::before{content:'→';position:absolute;left:0;top:15px;width:30px;height:30px;background:linear-gradient(135deg,#63C6D2 0%,#684B88 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}
.axis__split{background:#fff;padding:90px 20px;position:relative}
.axis__split .container{max-width:1200px;margin:0 auto}
.mirror__layout{display:flex;flex-direction:row-reverse;gap:50px;align-items:center}
.mirror__visual{flex:1;position:relative}
.mirror__frame{width:100%;height:380px;border-radius:12px;overflow:hidden;box-shadow:0 10px 35px #fe536a33;border:3px solid #FE536A}
.mirror__frame img{width:100%;height:100%;object-fit:cover}
.mirror__content{flex:1}
.mirror__tag{font-size:.9rem;font-weight:700;color:#63C6D2;text-transform:uppercase;letter-spacing:1.3px;margin:0 0 15px}
.mirror__heading{font-size:2.3rem;font-weight:800;color:#2d2d2d;line-height:1.3;margin:0 0 25px}
.mirror__body{font-size:1.05rem;color:#555;line-height:1.75;margin:0 0 35px}
.step__sequence{display:flex;flex-direction:column;gap:25px;margin-top:30px}
.step__node{background:linear-gradient(135deg,#f9f9f9 0%,#f0f0f0 100%);padding:25px 25px 25px 90px;border-radius:10px;position:relative;border:2px solid transparent;transition:all .3s ease}
.step__node:hover{border-color:#63C6D2;box-shadow:0 5px 20px #63c6d240}
.step__marker{position:absolute;left:25px;top:50%;transform:translateY(-50%);width:50px;height:50px;background:linear-gradient(135deg,#FE536A 0%,#684B88 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.3rem;z-index:5}
.step__label{font-size:1.25rem;font-weight:700;color:#2d2d2d;margin:0 0 8px}
.step__detail{font-size:1rem;color:#666;line-height:1.6;margin:0}
.gen5__terrain{background:linear-gradient(180deg,#fcfcfc 0%,#f4f0f7 100%);padding:90px 20px 100px;position:relative}
.gen5__terrain::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#684B88 0%,#FE536A 50%,#63C6D2 100%)}
.gen5__terrain .container{max-width:1200px;margin:0 auto}
.finale__block{text-align:center;max-width:900px;margin:0 auto}
.finale__title{font-size:2.8rem;font-weight:800;color:#2d2d2d;margin:0 0 30px;line-height:1.2}
.finale__subtitle{font-size:1.2rem;color:#555;line-height:1.75;margin:0 0 50px}
.grid__showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:60px}
.card__element{background:#fff;padding:35px 30px;border-radius:12px;box-shadow:0 6px 25px #00000014;text-align:left;border-top:4px solid #684B88;transition:all .3s ease}
.card__element:hover{transform:translateY(-5px);box-shadow:0 10px 35px #684b882e;border-top-color:#FE536A}
.card__symbol{width:60px;height:60px;background:linear-gradient(135deg,#63C6D2 0%,#684B88 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;font-size:1.7rem;color:#fff;font-weight:700}
.card__name{font-size:1.4rem;font-weight:700;color:#2d2d2d;margin:0 0 12px}
.card__info{font-size:1rem;color:#666;line-height:1.7;margin:0}
.img__duo{display:flex;gap:30px;margin-bottom:50px;justify-content:center}
.img__wrap{width:280px;height:200px;border-radius:10px;overflow:hidden;box-shadow:0 8px 25px #0000001f}
.img__wrap img{width:100%;height:100%;object-fit:cover}
.finale__action{margin-top:50px}
@media (max-width: 768px) {
.v2_axis{padding:60px 15px}
.hero__prime{font-size:2.2rem}
.hero__sub{font-size:1.1rem}
.hero__card{padding:35px 25px}
.hero__visual{height:250px}
.v2_cta__cluster{flex-direction:column;gap:15px}
.btn__unit--prime,.btn__unit--outline{width:100%;text-align:center}
.gen3_layer,.v3_depth,.axis__split,.gen5__terrain{padding:60px 15px}
.slice__title{font-size:2rem}
.flow__grid{grid-template-columns:1fr;gap:30px}
.twin__setup,.mirror__layout{flex-direction:column;gap:40px}
.twin__image,.mirror__frame{height:300px}
.twin__headline,.mirror__heading{font-size:1.9rem}
.step__node{padding:25px 20px 25px 80px}
.step__marker{width:45px;height:45px;left:20px;font-size:1.1rem}
.finale__title{font-size:2.2rem}
.grid__showcase{grid-template-columns:1fr;gap:25px}
.img__duo{flex-direction:column;align-items:center}
.img__wrap{width:100%;max-width:400px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.hero__prime{font-size:2.8rem}
.twin__setup,.mirror__layout{gap:40px}
.grid__showcase{gap:25px}
}
.paraxisContact{min-height:100vh;background:linear-gradient(135deg,#f4f0f7 0%,#e8f7f9 100%)}
.paraxisContact .phaseWrapper{max-width:1200px;margin:0 auto;padding:80px 20px 60px}
.paraxisContact .dimensionIntro{max-width:720px;margin:0 0 70px}
.paraxisContact .dimensionIntro h1{font-size:2.8rem;color:#684B88;margin-bottom:24px;font-weight:700;line-height:1.2}
.paraxisContact .dimensionIntro .subtextFlow{font-size:1.15rem;color:#4a4a4a;line-height:1.7;margin-bottom:16px}
.paraxisContact .bifurcateGrid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start;margin-bottom:100px}
.paraxisContact .contextPanel{background:#fff;padding:42px 36px;border-radius:12px;box-shadow:0 4px 18px #684b8814;position:sticky;top:30px}
.paraxisContact .contextPanel h3{font-size:1.5rem;color:#684B88;margin-bottom:28px;font-weight:600}
.paraxisContact .infoCluster{margin-bottom:32px}
.paraxisContact .infoCluster:last-child{margin-bottom:0}
.paraxisContact .infoCluster h4{font-size:.95rem;color:#63C6D2;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-weight:600}
.paraxisContact .infoCluster p{font-size:1.05rem;color:#333;line-height:1.65;margin:0}
.paraxisContact .infoCluster a{color:#FE536A;text-decoration:none;transition:color .3s ease}
.paraxisContact .infoCluster a:hover{color:#684B88}
.paraxisContact .dialogFrame{background:#fff;padding:50px 45px;border-radius:12px;box-shadow:0 6px 24px #63c6d21f;background-image:url(./image_library/qfDUlk.jpg);background-size:cover;background-position:center;background-blend-mode:overlay;background-color:#fffffff0}
.paraxisContact .dialogFrame h2{font-size:1.95rem;color:#684B88;margin-bottom:32px;font-weight:600;position:relative;padding-left:18px}
.paraxisContact .dialogFrame h2::before{content:'';position:absolute;left:0;top:6px;width:5px;height:28px;background:linear-gradient(180deg,#FE536A 0%,#63C6D2 100%);border-radius:3px}
.paraxisContact .fieldMatrix{display:grid;grid-template-columns:1fr;gap:26px;margin-bottom:26px}
.paraxisContact .fieldMatrix.dualAxis{grid-template-columns:1fr 1fr}
.paraxisContact .inputShell{position:relative}
.paraxisContact .inputShell label{display:block;font-size:.92rem;color:#684B88;margin-bottom:8px;font-weight:500}
.paraxisContact .inputShell input,.paraxisContact .inputShell select,.paraxisContact .inputShell textarea{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;color:#333;background:#fafafa;transition:all .3s ease;font-family:inherit}
.paraxisContact .inputShell input:focus,.paraxisContact .inputShell select:focus,.paraxisContact .inputShell textarea:focus{outline:none;border-color:#63C6D2;background:#fff;box-shadow:0 0 0 4px #63c6d21a}
.paraxisContact .inputShell textarea{min-height:140px;resize:vertical}
.paraxisContact .inputShell select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23684B88' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.paraxisContact .consentZone{margin:32px 0 28px;padding:22px;background:#684b880a;border-radius:8px;border-left:4px solid #684B88}
.paraxisContact .consentZone label{display:flex;align-items:start;cursor:pointer;font-size:.95rem;color:#555;line-height:1.6}
.paraxisContact .consentZone input[type="checkbox"]{margin-right:12px;margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0;accent-color:#684B88}
.paraxisContact .consentZone a{color:#FE536A;text-decoration:none;font-weight:500;transition:color .3s ease}
.paraxisContact .consentZone a:hover{color:#684B88}
.paraxisContact .transmitButton{width:100%;padding:18px 40px;background:linear-gradient(135deg,#684B88 0%,#FE536A 100%);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #684b8840;position:relative;z-index:10}
.paraxisContact .transmitButton:hover{transform:translateY(-2px);box-shadow:0 6px 24px #fe536a59}
.paraxisContact .transmitButton:active{transform:translateY(0)}
.paraxisContact .rhythmDivider{width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,#63C6D2 50%,transparent 100%);margin:90px 0}
.paraxisContact .alternateReach{max-width:900px;margin:0 auto;text-align:center;padding:60px 20px}
.paraxisContact .alternateReach h3{font-size:2.1rem;color:#684B88;margin-bottom:28px;font-weight:600}
.paraxisContact .alternateReach .explanationText{font-size:1.08rem;color:#555;line-height:1.75;margin-bottom:45px;max-width:680px;margin-left:auto;margin-right:auto}
.paraxisContact .channelGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:50px}
.paraxisContact .channelCard{background:#fff;padding:38px 28px;border-radius:10px;box-shadow:0 3px 14px #63c6d226;transition:all .3s ease;border-top:4px solid transparent}
.paraxisContact .channelCard:nth-child(1){border-top-color:#684B88}
.paraxisContact .channelCard:nth-child(2){border-top-color:#FE536A}
.paraxisContact .channelCard:nth-child(3){border-top-color:#63C6D2}
.paraxisContact .channelCard:hover{transform:translateY(-5px);box-shadow:0 8px 28px #684b8833}
.paraxisContact .channelCard h5{font-size:1.3rem;color:#684B88;margin-bottom:16px;font-weight:600}
.paraxisContact .channelCard p{font-size:.98rem;color:#666;line-height:1.6;margin:0}
@media (max-width: 968px) {
.paraxisContact .phaseWrapper{padding:60px 20px 40px}
.paraxisContact .dimensionIntro h1{font-size:2.2rem}
.paraxisContact .bifurcateGrid{grid-template-columns:1fr;gap:40px}
.paraxisContact .contextPanel{position:static}
.paraxisContact .channelGrid{grid-template-columns:1fr;gap:24px}
.paraxisContact .fieldMatrix.dualAxis{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.paraxisContact .dimensionIntro h1{font-size:1.85rem}
.paraxisContact .dialogFrame{padding:35px 25px}
.paraxisContact .dialogFrame h2{font-size:1.6rem}
.paraxisContact .contextPanel{padding:32px 24px}
.paraxisContact .alternateReach h3{font-size:1.75rem}
.paraxisContact .transmitButton{font-size:1rem;padding:16px 32px}
}
.oberste_navigationswerkzeuge_behausung{background:linear-gradient(135deg,#f5f0f8 0%,#e8f7f9 100%);padding:1.2rem 0;box-shadow:0 2px 8px #684b8814}
.oberste_navigationswerkzeuge_behausung .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}
.navigationselemente_horizontalausrichtung{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:2rem}
.markenidentitaet_textdarstellung{font-size:1.8rem;font-weight:700;color:#684B88;text-decoration:none;letter-spacing:-.5px}
.navigationslinks_sammlung{display:flex;flex-direction:row;gap:2rem;align-items:center;list-style:none;margin:0;padding:0}
.einzelner_navigationslink_eintrag a{color:#2d2d2d;text-decoration:none;font-weight:500;font-size:1rem;transition:color .3s ease;position:relative}
.einzelner_navigationslink_eintrag a::after{content:'';position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#FE536A;transition:width .3s ease}
.einzelner_navigationslink_eintrag a:hover{color:#684B88}
.einzelner_navigationslink_eintrag a:hover::after{width:100%}
.hauptinhalt_wrapper_gesamtseite{min-height:auto}
.einfuehrungsbereich_unternehmenswerte_darstellung{background:linear-gradient(165deg,#fff 0%,#f9f4fc 50%,#e8f7f9 100%);padding:6rem 0 5rem;position:relative;overflow:hidden}
.einfuehrungsbereich_unternehmenswerte_darstellung::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#63c6d226 0%,transparent 70%);border-radius:50%}
.einfuehrungsbereich_unternehmenswerte_darstellung .container{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:2}
.inhaltsgitter_zweispaltig_arrangement{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}
.textinhalt_primaerbereich_kolonne h1{font-size:3rem;font-weight:800;color:#2d2d2d;line-height:1.15;margin-bottom:1.5rem;position:relative;display:inline-block}
.textinhalt_primaerbereich_kolonne h1::before{content:'';position:absolute;left:-15px;top:50%;transform:translateY(-50%);width:6px;height:80%;background:linear-gradient(180deg,#684B88 0%,#FE536A 100%);border-radius:3px}
.textinhalt_primaerbereich_kolonne .akzentierter_textabschnitt{color:#FE536A;position:relative}
.textinhalt_primaerbereich_kolonne p{font-size:1.15rem;line-height:1.7;color:#4a4a4a;margin-bottom:1.5rem}
.bildmaterial_darstellungszone_rechts{position:relative}
.bildmaterial_darstellungszone_rechts img{width:100%;height:450px;object-fit:cover;border-radius:16px;box-shadow:0 15px 40px #684b8833;position:relative;z-index:1}
.bildmaterial_darstellungszone_rechts::after{content:'';position:absolute;bottom:-20px;right:-20px;width:90%;height:90%;background:linear-gradient(135deg,#fe536a33 0%,#63c6d233 100%);border-radius:16px;z-index:0}
.wellenfoermige_trennung_visuell{height:80px;background:#fff;clip-path:polygon(0 50%,100% 0,100% 100%,0 100%);margin-top:-1px}
.mehrspaltige_werte_praesentation_zone{background:#fff;padding:5rem 0;position:relative}
.mehrspaltige_werte_praesentation_zone .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}
.ueberschrift_zentrale_ausrichtung_bereich{text-align:center;margin-bottom:4rem}
.ueberschrift_zentrale_ausrichtung_bereich h2{font-size:2.5rem;font-weight:700;color:#2d2d2d;margin-bottom:1rem;position:relative;display:inline-block}
.ueberschrift_zentrale_ausrichtung_bereich h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#684B88 0%,#FE536A 50%,#63C6D2 100%);border-radius:2px}
.ueberschrift_zentrale_ausrichtung_bereich p{font-size:1.1rem;color:#5a5a5a;line-height:1.6;max-width:700px;margin:1.5rem auto 0}
.dreispaltiges_kartengitter_layout{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.einzelne_inhaltskarte_element{background:linear-gradient(145deg,#fff 0%,#fafbfc 100%);border-radius:12px;padding:2.5rem 2rem;box-shadow:0 8px 24px #0000000f;transition:all .4s ease;border:2px solid transparent;position:relative;overflow:hidden}
.einzelne_inhaltskarte_element::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#684B88 0%,#FE536A 50%,#63C6D2 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.einzelne_inhaltskarte_element:hover{transform:translateY(-8px);box-shadow:0 16px 40px #684b8826;border-color:#684b8833}
.einzelne_inhaltskarte_element:hover::before{transform:scaleX(1)}
.einzelne_inhaltskarte_element h3{font-size:1.5rem;font-weight:700;color:#684B88;margin-bottom:1rem}
.einzelne_inhaltskarte_element h5{font-size:1.1rem;font-weight:600;color:#FE536A;margin-bottom:.8rem;margin-top:1.5rem}
.einzelne_inhaltskarte_element p{font-size:1rem;line-height:1.6;color:#4a4a4a;margin-bottom:1rem}
.diagonale_trennung_geometrisch{height:100px;background:linear-gradient(165deg,#fff 0%,#f5f0f8 100%);clip-path:polygon(0 0,100% 30%,100% 100%,0 70%)}
.teamstruktur_visualisierung_sektor{background:linear-gradient(180deg,#f5f0f8 0%,#fff 100%);padding:5rem 0;position:relative}
.teamstruktur_visualisierung_sektor .container{max-width:1200px;margin:0 auto;padding:0 1.5rem}
.zweispaltiges_asymmetrisches_layout{display:grid;grid-template-columns:5fr 7fr;gap:4rem;align-items:start}
.bildgruppe_mehrteilig_anordnung{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;position:relative}
.bildgruppe_mehrteilig_anordnung img{width:100%;height:280px;object-fit:cover;border-radius:12px;box-shadow:0 10px 30px #0000001a;transition:transform .3s ease}
.bildgruppe_mehrteilig_anordnung img:hover{transform:scale(1.05)}
.bildgruppe_mehrteilig_anordnung img:first-child{grid-column:1 / -1;height:320px}
.detaillierter_textinhalt_rechterbereich h2{font-size:2.3rem;font-weight:700;color:#2d2d2d;margin-bottom:1.5rem;line-height:1.2}
.detaillierter_textinhalt_rechterbereich h6{font-size:1.2rem;font-weight:600;color:#684B88;margin-bottom:.8rem;margin-top:2rem;position:relative;padding-left:20px}
.detaillierter_textinhalt_rechterbereich h6::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#FE536A;border-radius:50%}
.detaillierter_textinhalt_rechterbereich p{font-size:1.05rem;line-height:1.7;color:#4a4a4a;margin-bottom:1.5rem}
.handlungsaufforderung_schaltflaeche_primaer{display:inline-block;background:linear-gradient(135deg,#684B88 0%,#8a5fa8 100%);color:#fff;padding:1rem 2.5rem;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.1rem;margin-top:1.5rem;box-shadow:0 8px 20px #684b884d;transition:all .3s ease;border:none;cursor:pointer;position:relative;z-index:10}
.handlungsaufforderung_schaltflaeche_primaer:hover{transform:translateY(-3px);box-shadow:0 12px 28px #684b8866;background:linear-gradient(135deg,#7a5a9a 0%,#9b70ba 100%)}
@media (max-width: 1024px) {
.inhaltsgitter_zweispaltig_arrangement{grid-template-columns:1fr;gap:3rem}
.bildmaterial_darstellungszone_rechts{order:-1}
.dreispaltiges_kartengitter_layout{grid-template-columns:1fr;gap:2rem}
.zweispaltiges_asymmetrisches_layout{grid-template-columns:1fr;gap:3rem}
.textinhalt_primaerbereich_kolonne h1{font-size:2.3rem}
}
@media (max-width: 768px) {
.navigationselemente_horizontalausrichtung{flex-direction:column;gap:1rem}
.navigationslinks_sammlung{flex-direction:column;gap:.8rem}
.einfuehrungsbereich_unternehmenswerte_darstellung{padding:4rem 0 3rem}
.textinhalt_primaerbereich_kolonne h1{font-size:2rem}
.ueberschrift_zentrale_ausrichtung_bereich h2{font-size:2rem}
.bildgruppe_mehrteilig_anordnung{grid-template-columns:1fr}
.bildgruppe_mehrteilig_anordnung img:first-child{grid-column:1}
.detaillierter_textinhalt_rechterbereich h2{font-size:1.8rem}
}
.luminaMethodenRahmen89{background:linear-gradient(135deg,#f4f0f7 0%,#fef5f7 50%,#f0f9fa 100%);padding:0;margin:0}
.oberflächenNavigationΨ47 .container{max-width:1200px;margin:0 auto;padding:0 20px}
.heldenBereichMethodenstruktur_v2{background:linear-gradient(160deg,#684B88 0%,#8e6baa 100%);padding:120px 20px 100px;position:relative;overflow:hidden}
.heldenBereichMethodenstruktur_v2::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fe536a26 0%,transparent 70%);border-radius:50%}
.heldenBereichMethodenstruktur_v2::after{content:'';position:absolute;bottom:-40%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#63c6d21f 0%,transparent 70%);border-radius:50%}
.zentralerMethodeninhaltΩ89{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.zentralerMethodeninhaltΩ89 h1{font-size:3.2rem;color:#fff;margin-bottom:24px;font-weight:700;line-height:1.2;letter-spacing:-.5px}
.unterüberschriftMethodologie_gen3{font-size:1.35rem;color:#ffffffeb;max-width:720px;line-height:1.7;margin-bottom:0}
.geometrischeTrennlinieΨ12{height:3px;background:linear-gradient(90deg,transparent 0%,#FE536A 30%,#63C6D2 70%,transparent 100%);margin:0;border:none}
.philosophieSegmentContainer47v2{padding:100px 20px 80px;background:#fff}
.philosophieSegmentContainer47v2 .container{max-width:1200px;margin:0 auto}
.asymmetrischerPhilosophieBlock_gen3{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start}
.philosophieBildRahmenΨ89{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px #684b8826}
.philosophieBildRahmenΨ89 img{width:100%;height:auto;display:block;object-fit:cover}
.philosophieTextbereichΩ47 h2{font-size:2.5rem;color:#684B88;margin-bottom:28px;font-weight:700;line-height:1.25;position:relative;display:inline-block}
.philosophieTextbereichΩ47 h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#FE536A 0%,#63C6D2 100%);border-radius:2px}
.philosophieTextbereichΩ47 p{font-size:1.1rem;line-height:1.8;color:#3d3d3d;margin-bottom:20px}
.betonterBegriffΨ89{color:#FE536A;font-weight:600;position:relative;display:inline-block}
.kernprinzipienSektionΩ_v2{background:linear-gradient(175deg,#fef5f7 0%,#f0f9fa 100%);padding:95px 20px}
.kernprinzipienSektionΩ_v2 .container{max-width:1200px;margin:0 auto}
.prinzipienÜberschriftZentral89{text-align:center;margin-bottom:70px}
.prinzipienÜberschriftZentral89 h2{font-size:2.6rem;color:#684B88;margin-bottom:18px;font-weight:700;position:relative;display:inline-block}
.prinzipienÜberschriftZentral89 h2::before{content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:40px;height:4px;background:linear-gradient(90deg,#FE536A 0%,#63C6D2 100%);border-radius:2px}
.prinzipienÜberschriftZentral89 p{font-size:1.15rem;color:#5a5a5a;max-width:680px;margin:0 auto;line-height:1.7}
.dreierRasterPrinzipienΨ47{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.einzelnesPrinzipKarteΩ89{background:#fff;padding:45px 35px;border-radius:16px;box-shadow:0 8px 28px #684b8814;transition:all .35s ease;border-top:4px solid transparent;position:relative}
.einzelnesPrinzipKarteΩ89:nth-child(1){border-top-color:#684B88}
.einzelnesPrinzipKarteΩ89:nth-child(2){border-top-color:#FE536A}
.einzelnesPrinzipKarteΩ89:nth-child(3){border-top-color:#63C6D2}
.einzelnesPrinzipKarteΩ89:hover{transform:translateY(-8px);box-shadow:0 16px 48px #684b882e}
.prinzipNummerKreisΨ_v2{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:24px;color:#fff}
.einzelnesPrinzipKarteΩ89:nth-child(1) .prinzipNummerKreisΨ_v2{background:linear-gradient(135deg,#684B88 0%,#8e6baa 100%)}
.einzelnesPrinzipKarteΩ89:nth-child(2) .prinzipNummerKreisΨ_v2{background:linear-gradient(135deg,#FE536A 0%,#ff7085 100%)}
.einzelnesPrinzipKarteΩ89:nth-child(3) .prinzipNummerKreisΨ_v2{background:linear-gradient(135deg,#63C6D2 0%,#85d6e0 100%)}
.einzelnesPrinzipKarteΩ89 h3{font-size:1.5rem;color:#2d2d2d;margin-bottom:16px;font-weight:700}
.einzelnesPrinzipKarteΩ89 p{font-size:1.05rem;line-height:1.75;color:#4d4d4d;margin:0}
.wellenförmigeTrennlinieΨ12{height:60px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 60'%3E%3Cpath fill='%23f0f9fa' d='M0,30 Q300,0 600,30 T1200,30 L1200,60 L0,60 Z'/%3E%3C/svg%3E") no-repeat center bottom;background-size:cover;margin:0;border:none}
.prozessSequenzBereichΩ_gen3{background:#fff;padding:95px 20px}
.prozessSequenzBereichΩ_gen3 .container{max-width:1200px;margin:0 auto}
.prozessEinleitungZentral47{text-align:center;margin-bottom:80px}
.prozessEinleitungZentral47 h2{font-size:2.6rem;color:#684B88;margin-bottom:20px;font-weight:700}
.prozessEinleitungZentral47 h4{font-size:1.3rem;color:#FE536A;margin-bottom:18px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
.prozessEinleitungZentral47 p{font-size:1.1rem;color:#5a5a5a;max-width:750px;margin:0 auto;line-height:1.75}
.vertikalerTimelineContainerΨ89{position:relative;padding-left:80px}
.vertikalerTimelineContainerΨ89::before{content:'';position:absolute;left:27px;top:20px;bottom:20px;width:3px;background:linear-gradient(180deg,#684B88 0%,#FE536A 50%,#63C6D2 100%)}
.einzelnerProzessSchrittΩ47{position:relative;margin-bottom:65px;padding-left:20px}
.einzelnerProzessSchrittΩ47:last-child{margin-bottom:0}
.schrittMarkerKreisΨ_v2{position:absolute;left:-68px;top:5px;width:54px;height:54px;border-radius:50%;background:#fff;border:4px solid #684B88;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#684B88;z-index:3;box-shadow:0 4px 16px #684b8833}
.einzelnerProzessSchrittΩ47:nth-child(2) .schrittMarkerKreisΨ_v2{border-color:#FE536A;color:#FE536A}
.einzelnerProzessSchrittΩ47:nth-child(3) .schrittMarkerKreisΨ_v2{border-color:#63C6D2;color:#63C6D2}
.einzelnerProzessSchrittΩ47:nth-child(4) .schrittMarkerKreisΨ_v2{border-color:#684B88;color:#684B88}
.einzelnerProzessSchrittΩ47 h5{font-size:1.65rem;color:#2d2d2d;margin-bottom:14px;font-weight:700}
.einzelnerProzessSchrittΩ47 h6{font-size:1.1rem;color:#FE536A;margin-bottom:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.einzelnerProzessSchrittΩ47 p{font-size:1.05rem;line-height:1.8;color:#4d4d4d;margin:0}
.handlungsAufforderungsbereichΨ89{background:linear-gradient(135deg,#684B88 0%,#8e6baa 50%,#684B88 100%);padding:85px 20px;text-align:center;position:relative;overflow:hidden}
.handlungsAufforderungsbereichΨ89::before{content:'';position:absolute;top:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#fe536a2e 0%,transparent 70%);border-radius:50%}
.handlungsAufforderungsbereichΨ89::after{content:'';position:absolute;bottom:-25%;right:-8%;width:350px;height:350px;background:radial-gradient(circle,#63c6d226 0%,transparent 70%);border-radius:50%}
.ctaInhaltContainerΩ47{max-width:800px;margin:0 auto;position:relative;z-index:2}
.ctaInhaltContainerΩ47 h2{font-size:2.4rem;color:#fff;margin-bottom:22px;font-weight:700;line-height:1.3}
.ctaInhaltContainerΩ47 p{font-size:1.2rem;color:#ffffffed;margin-bottom:38px;line-height:1.7}
.primärerAktionsButtonΨ_v2{display:inline-block;background:linear-gradient(135deg,#FE536A 0%,#ff7085 100%);color:#fff;padding:18px 48px;border-radius:50px;font-size:1.15rem;font-weight:600;text-decoration:none;transition:all .35s ease;box-shadow:0 8px 24px #fe536a4d;border:none;cursor:pointer;position:relative;z-index:5}
.primärerAktionsButtonΨ_v2:hover{transform:translateY(-3px);box-shadow:0 14px 36px #fe536a66;background:linear-gradient(135deg,#ff6b7e 0%,#ff8599 100%)}
@media screen and (max-width: 1024px) {
.asymmetrischerPhilosophieBlock_gen3{grid-template-columns:1fr;gap:40px}
.dreierRasterPrinzipienΨ47{grid-template-columns:1fr;gap:30px}
.zentralerMethodeninhaltΩ89 h1{font-size:2.5rem}
.prozessEinleitungZentral47 h2{font-size:2.2rem}
}
@media screen and (max-width: 768px) {
.heldenBereichMethodenstruktur_v2{padding:80px 20px 70px}
.zentralerMethodeninhaltΩ89 h1{font-size:2rem}
.unterüberschriftMethodologie_gen3{font-size:1.15rem}
.philosophieSegmentContainer47v2{padding:70px 20px 60px}
.philosophieTextbereichΩ47 h2{font-size:2rem}
.kernprinzipienSektionΩ_v2{padding:70px 20px}
.prinzipienÜberschriftZentral89 h2{font-size:2rem}
.einzelnesPrinzipKarteΩ89{padding:35px 25px}
.prozessSequenzBereichΩ_gen3{padding:70px 20px}
.prozessEinleitungZentral47 h2{font-size:1.9rem}
.vertikalerTimelineContainerΨ89{padding-left:70px}
.schrittMarkerKreisΨ_v2{left:-60px;width:48px;height:48px;font-size:1.2rem}
.einzelnerProzessSchrittΩ47 h5{font-size:1.4rem}
.handlungsAufforderungsbereichΨ89{padding:65px 20px}
.ctaInhaltContainerΩ47 h2{font-size:1.9rem}
.primärerAktionsButtonΨ_v2{padding:16px 40px;font-size:1.05rem}
}
.policy-container{max-width:900px;margin:0 auto;padding:40px 20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.7;color:#2d2d2d;background:linear-gradient(135deg,#f5f0f8 0%,#fef5f7 50%,#f0f9fa 100%)}
.policy-container h1{font-size:2.5em;font-weight:700;color:#684B88;margin-bottom:30px;line-height:1.2;border-bottom:3px solid #FE536A;padding-bottom:15px}
.policy-container h2{font-size:1.9em;font-weight:600;color:#684B88;margin-top:50px;margin-bottom:25px;line-height:1.3}
.policy-container h3{font-size:1.5em;font-weight:600;color:#63C6D2;margin-top:40px;margin-bottom:20px}
.policy-container h4{font-size:1.2em;font-weight:600;color:#FE536A;margin-top:30px;margin-bottom:15px}
.policy-container p{margin-bottom:18px;font-size:1.05em;color:#3d3d3d}
.policy-container ul{margin:20px 0;padding-left:25px}
.policy-container li{margin-bottom:15px;font-size:1.02em;color:#3d3d3d;line-height:1.7}
.policy-container li::marker{color:#FE536A}
.intro-section{background:#fff;padding:25px;border-radius:8px;box-shadow:0 2px 8px #684b8814;margin-bottom:35px;border-left:4px solid #63C6D2}
.content-section{background:#fff;padding:30px;border-radius:8px;margin-bottom:25px;box-shadow:0 1px 4px #0000000f}
.highlight-box{background:linear-gradient(120deg,#fef7f9 0%,#f7f4f9 100%);padding:20px;border-radius:6px;margin:20px 0;border:1px solid #e8dded}
.policy-container span{color:#684B88;font-weight:500}
.privacy-container{max-width:1200px;margin:0 auto;padding:60px 20px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.7;color:#2d2d2d;background:linear-gradient(135deg,#fff 0%,#f5f3f7 100%)}
.privacy-container h1{font-size:2.8em;font-weight:700;color:#684B88;margin-bottom:30px;letter-spacing:-.5px;line-height:1.2}
.privacy-container h2{font-size:2em;font-weight:600;color:#684B88;margin-top:50px;margin-bottom:25px;padding-bottom:12px;border-bottom:3px solid #63C6D2;letter-spacing:-.3px}
.privacy-container h3{font-size:1.5em;font-weight:600;color:#FE536A;margin-top:35px;margin-bottom:20px}
.privacy-container h4{font-size:1.2em;font-weight:600;color:#684B88;margin-top:25px;margin-bottom:15px}
.privacy-container p{margin-bottom:18px;color:#3a3a3a;font-size:1.05em}
.privacy-container ul{margin:20px 0;padding-left:0;list-style:none}
.privacy-container li{padding:14px 20px 14px 50px;margin-bottom:12px;background:#fff;border-left:4px solid #63C6D2;border-radius:6px;position:relative;box-shadow:0 2px 8px #684b8814;transition:all .3s ease}
.privacy-container li:hover{transform:translateX(5px);box-shadow:0 4px 12px #fe536a26;border-left-color:#FE536A}
.privacy-container li::before{content:"→";position:absolute;left:20px;color:#63C6D2;font-weight:700;font-size:1.2em}
.privacy-container .intro-section{background:linear-gradient(120deg,#fff 0%,#f0edf5 100%);padding:35px;border-radius:12px;margin-bottom:40px;border:2px solid #e8e1f0;box-shadow:0 4px 15px #63c6d21f}
.privacy-container .highlight-box{background:linear-gradient(135deg,#fef9fb 0%,#fff 100%);border-left:5px solid #FE536A;padding:25px 30px;margin:30px 0;border-radius:8px;box-shadow:0 3px 10px #684b881a}
.privacy-container .info-card{background:#fff;padding:30px;border-radius:10px;margin:25px 0;border:1px solid #e5dff0;box-shadow:0 3px 12px #63c6d21a}
.privacy-container span{color:#684B88;font-weight:600}
@media (max-width: 768px) {
.privacy-container{padding:40px 15px}
.privacy-container h1{font-size:2.2em}
.privacy-container h2{font-size:1.7em}
.privacy-container li{padding-left:40px}
}
.epoch_wrapper{background:linear-gradient(135deg,#f5f0f8 0%,#e8f9fb 100%);min-height:85vh;display:flex;align-items:center;padding:80px 20px}
.epoch_wrapper .container{max-width:1200px;margin:0 auto;width:100%}
.confirmation_phase{background:#fff;border-radius:16px;padding:70px 60px;box-shadow:0 8px 32px #684b881f;position:relative;overflow:hidden}
.confirmation_phase::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#684B88 0%,#FE536A 50%,#63C6D2 100%)}
.icon_cycle{width:90px;height:90px;margin:0 auto 35px;position:relative}
.icon_cycle svg{width:100%;height:100%;display:block}
.icon_cycle circle{fill:none;stroke:#63C6D2;stroke-width:3;stroke-linecap:round;animation:pulse_moment 2s ease-in-out infinite}
.icon_cycle path{fill:#684B88}
@keyframes pulse_moment {
0%,100%{stroke-opacity:.3;transform:scale(1)}
50%{stroke-opacity:.8;transform:scale(1.05)}
}
.headline_moment{font-size:42px;font-weight:700;color:#2d2d2d;text-align:center;margin:0 0 18px;line-height:1.2}
.headline_moment::after{content:'';display:block;width:70px;height:4px;background:#FE536A;margin:24px auto 0;border-radius:2px}
.primary_statement{font-size:19px;color:#5a5a5a;text-align:center;line-height:1.7;margin:0 0 45px;max-width:720px;margin-left:auto;margin-right:auto}
.process_timeline{background:linear-gradient(to right,#f9f6fb 0%,#f0fbfc 100%);border-radius:12px;padding:40px 45px;margin:50px 0;border-left:4px solid #684B88}
.timeline_header{font-size:24px;font-weight:600;color:#684B88;margin:0 0 30px}
.step_collection{display:flex;flex-direction:column;gap:28px}
.step_unit{display:flex;gap:20px;align-items:flex-start}
.step_marker{min-width:48px;height:48px;background:linear-gradient(135deg,#684B88 0%,#8a6ca8 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;box-shadow:0 4px 12px #684b8840}
.step_content h6{font-size:18px;font-weight:600;color:#2d2d2d;margin:0 0 8px}
.step_content p{font-size:16px;color:#5a5a5a;line-height:1.6;margin:0}
.reference_capsule{background:#fff;border:2px solid #e8e8e8;border-radius:10px;padding:35px 40px;margin:45px 0}
.capsule_title{font-size:20px;font-weight:600;color:#684B88;margin:0 0 20px;display:flex;align-items:center;gap:12px}
.capsule_title::before{content:'';width:8px;height:8px;background:#FE536A;border-radius:50%;display:block}
.detail_row{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f0f0f0}
.detail_row:last-child{border-bottom:none}
.detail_label{font-size:16px;color:#7a7a7a;font-weight:500}
.detail_value{font-size:16px;color:#2d2d2d;font-weight:600}
.interaction_zone{display:flex;gap:20px;justify-content:center;margin:50px 0 0;flex-wrap:wrap}
.action_anchor{display:inline-block;padding:16px 40px;font-size:17px;font-weight:600;text-decoration:none;border-radius:8px;transition:all .3s ease;position:relative;z-index:10}
.primary_action{background:linear-gradient(135deg,#684B88 0%,#8a6ca8 100%);color:#fff;box-shadow:0 4px 16px #684b884d}
.primary_action:hover{transform:translateY(-2px);box-shadow:0 6px 24px #684b8866;color:#fff}
.secondary_action{background:#fff;color:#684B88;border:2px solid #684B88}
.secondary_action:hover{background:#684B88;color:#fff;transform:translateY(-2px)}
.insight_fragment{background:linear-gradient(135deg,#fff5f7 0%,#f0fbfc 100%);border-radius:12px;padding:35px 40px;margin:45px 0 0;border-top:3px solid #63C6D2}
.insight_fragment h5{font-size:22px;font-weight:600;color:#2d2d2d;margin:0 0 18px}
.insight_fragment p{font-size:16px;color:#5a5a5a;line-height:1.7;margin:0 0 12px}
.insight_fragment p:last-child{margin-bottom:0}
.contact_thread{text-align:center;margin:50px 0 0;padding:35px 30px;background:#fafafa;border-radius:10px}
.contact_thread h6{font-size:18px;font-weight:600;color:#2d2d2d;margin:0 0 15px}
.contact_options{display:flex;gap:30px;justify-content:center;align-items:center;flex-wrap:wrap;margin:20px 0 0}
.contact_item{display:flex;align-items:center;gap:10px;font-size:15px;color:#5a5a5a}
.contact_item svg{width:20px;height:20px;fill:#684B88}
.contact_item a{color:#684B88;text-decoration:none;font-weight:600;transition:color .3s ease}
.contact_item a:hover{color:#FE536A}
@media (max-width: 768px) {
.epoch_wrapper{padding:50px 15px;min-height:auto}
.confirmation_phase{padding:45px 30px}
.headline_moment{font-size:32px}
.primary_statement{font-size:17px}
.process_timeline{padding:30px 25px}
.step_unit{flex-direction:column;gap:12px}
.step_marker{min-width:42px;height:42px;font-size:16px}
.reference_capsule{padding:25px 20px}
.detail_row{flex-direction:column;gap:6px}
.interaction_zone{flex-direction:column;gap:15px}
.action_anchor{width:100%;text-align:center}
.contact_options{flex-direction:column;gap:15px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.confirmation_phase{padding:55px 45px}
.headline_moment{font-size:38px}
}