@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&family=Fira+Code:wght@400;500&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%}*{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #10b981;--color-primary-dark: #059669;--color-accent: #f59e0b;--color-success: #10b981;--color-danger: #ef4444;--color-dark: #0f172a;--color-darker: #020617;--color-light: #f8fafc;--color-gray-50: #f9fafb;--color-gray-100: #f3f4f6;--color-gray-200: #e5e7eb;--color-gray-300: #d1d5db;--color-gray-400: #9ca3af;--color-gray-500: #6b7280;--color-gray-600: #4b5563;--color-gray-700: #374151;--color-gray-800: #1f2937;--color-gray-900: #111827;--font-display: "Inter", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Fira Code", monospace}body{font-family:var(--font-body);background:var(--color-darker);color:var(--color-gray-100);line-height:1.7;overflow-x:hidden}.app-container{min-height:100vh;position:relative}.background-pattern{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--color-primary) 2px,var(--color-primary) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,var(--color-primary) 2px,var(--color-primary) 4px);background-size:40px 40px;animation:patternMove 20s linear infinite}.hero{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:4rem 2rem;overflow:hidden;background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-gray-900) 50%,var(--color-darker) 100%)}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(16,185,129,.15),transparent 50%),radial-gradient(circle at 80% 80%,rgba(245,158,11,.1),transparent 50%);animation:gradientShift 15s ease infinite}@keyframes gradientShift{0%,to{opacity:1}50%{opacity:.6}}.hero-content{position:relative;z-index:1;max-width:1200px;animation:fadeInUp 1s ease}.hero-badge{display:inline-block;background:#10b9811a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1.5rem;border-radius:50px;color:var(--color-primary);font-size:.9rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(16,185,129,.3);animation:fadeInUp 1s ease .2s both}.hero h1{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,5rem);font-weight:700;color:var(--color-light);margin-bottom:1.5rem;line-height:1.1;animation:fadeInUp 1s ease .4s both}.hero-highlight{background:linear-gradient(120deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:clamp(1.1rem,2vw,1.3rem);color:var(--color-gray-300);max-width:800px;margin:0 auto 2rem;animation:fadeInUp 1s ease .6s both}.hero-stats{display:flex;gap:3rem;justify-content:center;flex-wrap:wrap;margin-top:3rem;animation:fadeInUp 1s ease .8s both}.stat{text-align:center}.stat-number{font-size:3rem;font-weight:700;color:var(--color-primary);display:block;font-family:var(--font-display)}.stat-label{color:var(--color-gray-400);font-size:.95rem}.language-toggle{position:fixed;top:2rem;right:2rem;z-index:1000;background:#1f2937cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-gray-700);border-radius:50px;padding:.3rem;display:flex;gap:.3rem}.lang-btn{padding:.5rem 1.2rem;border:none;background:transparent;color:var(--color-gray-300);cursor:pointer;border-radius:50px;font-weight:500;transition:all .3s ease;font-family:var(--font-body)}.lang-btn.active{background:var(--color-primary);color:var(--color-dark)}.content-section{background:var(--color-darker);padding:5rem 2rem;position:relative}.content-wrapper{max-width:1200px;margin:0 auto}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);color:var(--color-light);margin-bottom:1rem;text-align:center}.section-subtitle{text-align:center;color:var(--color-gray-400);font-size:1.2rem;margin-bottom:4rem}.story-card{background:var(--color-gray-900);border-radius:20px;padding:3rem;margin-bottom:3rem;box-shadow:0 20px 60px #00000080;border:1px solid var(--color-gray-800);animation:fadeIn .8s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.challenge-section,.solution-section,.implementation-section,.results-section,.tech-stack-section,.sap-resources-section{margin-bottom:2.5rem}.section-label{display:inline-block;color:#fff;padding:.4rem 1rem;border-radius:6px;font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem}.section-label.challenge{background:var(--color-danger)}.section-label.solution{background:var(--color-primary)}.section-label.results{background:var(--color-success)}.story-text{color:var(--color-gray-300);font-size:1.05rem;line-height:1.8;margin-bottom:1.5rem}.auth-box,.auth-solution-box{background:#10b9811a;padding:1.5rem;border-radius:12px;border-left:4px solid var(--color-primary);margin:2rem 0}.auth-box h4,.auth-solution-box h4{color:var(--color-primary);font-size:1.2rem;margin-bottom:.8rem}.auth-box p,.auth-solution-box p{color:var(--color-gray-300);line-height:1.7}.solution-list{list-style:none;margin:1.5rem 0;padding:0}.solution-list li{padding-left:2rem;margin-bottom:1rem;color:var(--color-gray-300);position:relative}.solution-list li:before{content:"✓";position:absolute;left:0;color:var(--color-primary);font-weight:700;font-size:1.2rem}.impl-title,.tech-title,.resources-title{font-size:1.8rem;color:var(--color-light);margin-bottom:2rem;font-family:var(--font-display)}.impl-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem}.impl-card{background:var(--color-gray-800);padding:1.5rem;border-radius:12px;border:1px solid var(--color-gray-700);transition:transform .3s ease,border-color .3s ease}.impl-card:hover{transform:translateY(-4px);border-color:var(--color-primary)}.impl-card h4{color:var(--color-primary);font-size:1.1rem;margin-bottom:.8rem}.impl-card p{color:var(--color-gray-300);font-size:.95rem;line-height:1.6}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.metric-card{background:var(--color-gray-800);padding:1.5rem;border-radius:12px;border:1px solid var(--color-gray-700);text-align:center}.metric-value{font-size:2.5rem;font-weight:700;display:block;margin-bottom:.5rem;color:var(--color-primary)}.metric-label{font-size:.95rem;color:var(--color-gray-400)}.tech-items{display:flex;flex-wrap:wrap;gap:1rem}.tech-item{background:var(--color-gray-800);padding:.8rem 1.5rem;border-radius:8px;border:1px solid var(--color-gray-700);color:var(--color-gray-200);font-size:.95rem;transition:all .3s ease}.tech-item:hover{border-color:var(--color-primary);color:var(--color-primary)}.resources-text{color:var(--color-gray-400);margin-bottom:2rem}.resources-list{display:grid;gap:1.5rem}.resource-card{background:var(--color-gray-800);padding:1.5rem;border-radius:12px;border:1px solid var(--color-gray-700);transition:all .3s ease}.resource-card:hover{border-color:var(--color-primary);transform:translate(8px)}.resource-card h4{color:var(--color-light);font-size:1.1rem;margin-bottom:.8rem}.resource-card p{color:var(--color-gray-400);font-size:.95rem;margin-bottom:1rem;line-height:1.6}.resource-card a{color:var(--color-primary);text-decoration:none;font-weight:500;transition:color .3s ease}.resource-card a:hover{color:var(--color-accent)}.diagram-container{background:var(--color-gray-900);border-radius:20px;padding:3rem;margin-bottom:3rem;box-shadow:0 20px 60px #00000080;border:1px solid var(--color-gray-800)}.diagram-title{font-size:1.8rem;color:var(--color-light);margin-bottom:1rem;text-align:center;font-family:var(--font-display)}.diagram-subtitle{text-align:center;color:var(--color-gray-400);margin-bottom:2rem}.mermaid{display:flex;justify-content:center;margin:2rem 0;overflow-x:auto}.questionnaire-section{background:var(--color-dark);padding:5rem 2rem;color:var(--color-light)}.questionnaire-card{background:var(--color-gray-900);border-radius:20px;padding:3rem;max-width:800px;margin:0 auto;border:1px solid var(--color-gray-800);box-shadow:0 20px 60px #00000080}.questionnaire-intro{text-align:center;margin-bottom:3rem}.questionnaire-intro h2{font-family:var(--font-display);font-size:2.5rem;margin-bottom:1rem;color:var(--color-light)}.questionnaire-intro p{color:var(--color-gray-400)}.progress-bar{background:var(--color-gray-800);height:8px;border-radius:10px;overflow:hidden;margin-bottom:2rem}.progress-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transition:width .5s ease;border-radius:10px}.progress-text{text-align:center;color:var(--color-gray-400);margin-bottom:2rem}.question-card{margin-bottom:3rem;animation:slideIn .5s ease}.question-text{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem;color:var(--color-light)}.answer-options{display:flex;flex-direction:column;gap:1rem}.answer-option{background:var(--color-gray-800);border:2px solid var(--color-gray-700);border-radius:12px;padding:1.2rem 1.5rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:1rem}.answer-option:hover{border-color:var(--color-primary);background:#10b9810d;transform:translate(5px)}.answer-option.selected{background:var(--color-primary);color:var(--color-dark);border-color:var(--color-primary)}.option-radio{width:24px;height:24px;border:2px solid var(--color-gray-600);border-radius:50%;position:relative;flex-shrink:0}.answer-option.selected .option-radio{border-color:var(--color-dark)}.answer-option.selected .option-radio:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--color-dark);border-radius:50%}.navigation-buttons{display:flex;justify-content:space-between;margin-top:3rem;gap:1rem}.btn{padding:1rem 2.5rem;border:none;border-radius:12px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:var(--font-body)}.btn-primary{background:var(--color-primary);color:var(--color-dark)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 25px #10b9814d}.btn-secondary{background:var(--color-gray-700);color:var(--color-light)}.btn-secondary:hover:not(:disabled){background:var(--color-gray-600)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-lg{font-size:1.2rem;padding:1.2rem 3rem}.results-container{text-align:center}.results-container h2{font-family:var(--font-display);font-size:2.5rem;margin-bottom:2rem;color:var(--color-light)}.score-card{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:var(--color-dark);padding:2rem;border-radius:15px;margin-bottom:2rem}.score-value{font-size:4rem;font-weight:700;font-family:var(--font-display)}.score-label{font-size:1.2rem;opacity:.9}.score-description{background:var(--color-gray-800);padding:2rem;border-radius:15px;margin-bottom:2rem;text-align:left;border:1px solid var(--color-gray-700)}.score-description h3{color:var(--color-primary);margin-bottom:1rem}.score-description p{color:var(--color-gray-300)}.results-content h3{color:var(--color-light);margin-bottom:1.5rem;margin-top:2rem}.chart-container{background:var(--color-gray-800);padding:2rem;border-radius:15px;margin-bottom:2rem;border:1px solid var(--color-gray-700)}.gantt-container{background:var(--color-gray-800);padding:2rem;border-radius:15px;overflow-x:auto;border:1px solid var(--color-gray-700)}.gantt-chart{min-width:800px}.gantt-row{display:flex;align-items:center;padding:1rem 0;border-bottom:1px solid var(--color-gray-700)}.gantt-row:last-child{border-bottom:none}.gantt-label{width:200px;font-weight:600;font-size:.95rem;color:var(--color-gray-200)}.gantt-timeline{flex:1;display:flex;gap:.5rem}.gantt-bar{height:30px;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:6px;display:flex;align-items:center;padding:0 .8rem;color:var(--color-dark);font-size:.85rem;font-weight:600;animation:expandBar 1s ease}@keyframes expandBar{0%{width:0}}.footer{background:var(--color-darker);color:var(--color-light);padding:3rem 2rem;text-align:center;border-top:1px solid var(--color-gray-800)}.footer-content{max-width:1200px;margin:0 auto}.cta-box{background:var(--color-gray-900);padding:2rem;border-radius:15px;margin-bottom:2rem;border:1px solid var(--color-gray-800)}.cta-box h3{font-size:1.8rem;margin-bottom:1rem;font-family:var(--font-display);color:var(--color-light)}.cta-box p{margin-bottom:1.5rem;color:var(--color-gray-400)}.btn-cta{background:var(--color-primary);color:var(--color-dark);padding:1rem 2.5rem;border-radius:12px;text-decoration:none;display:inline-block;font-weight:600;transition:all .3s ease}.btn-cta:hover{transform:translateY(-3px);box-shadow:0 10px 30px #10b98166}.footer-text{margin-top:2rem;color:var(--color-gray-500)}@media(max-width:768px){.hero-stats{gap:2rem}.stat-number{font-size:2rem}.story-card,.diagram-container,.questionnaire-card{padding:2rem}.impl-grid,.metrics-grid{grid-template-columns:1fr}.navigation-buttons{flex-direction:column}.btn{width:100%}.language-toggle{top:1rem;right:1rem}.gantt-label{width:150px;font-size:.85rem}.gantt-bar{font-size:.75rem;padding:0 .5rem}}.home-container{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-dark) 0%,var(--color-gray-900) 50%,var(--color-darker) 100%);padding:2rem}.home-container .background-pattern{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,var(--color-primary) 2px,var(--color-primary) 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,var(--color-primary) 2px,var(--color-primary) 4px);background-size:40px 40px;animation:patternMove 20s linear infinite}@keyframes patternMove{0%{transform:translate(0)}to{transform:translate(40px,40px)}}.home-content{position:relative;z-index:1;max-width:1200px;width:100%;text-align:center}.home-hero{margin-bottom:4rem;animation:fadeInUp 1s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,6rem);font-weight:700;color:var(--color-light);margin-bottom:1.5rem;line-height:1.1}.home-highlight{background:linear-gradient(120deg,var(--color-primary),var(--color-accent));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.home-subtitle{font-size:clamp(1.2rem,3vw,1.5rem);color:var(--color-gray-300);max-width:600px;margin:0 auto}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:800px;margin:0 auto 4rem;animation:fadeInUp 1s ease .3s both}.service-card{background:var(--color-gray-900);border:2px solid var(--color-gray-800);border-radius:20px;padding:3rem 2rem;text-decoration:none;color:inherit;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.service-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,rgba(16,185,129,.1),transparent 70%);opacity:0;transition:opacity .3s ease}.service-card:hover{transform:translateY(-8px);border-color:var(--color-primary);box-shadow:0 20px 40px #10b98133}.service-card:hover:before{opacity:1}.service-icon{color:var(--color-primary);transition:transform .3s ease;position:relative;z-index:1}.service-card:hover .service-icon{transform:scale(1.1) rotate(5deg)}.service-title{font-family:var(--font-display);font-size:1.8rem;font-weight:600;color:var(--color-light);margin:0;position:relative;z-index:1}.service-description{color:var(--color-gray-400);font-size:1rem;line-height:1.6;margin:0;position:relative;z-index:1}.service-arrow{color:var(--color-primary);transition:transform .3s ease;position:relative;z-index:1}.service-card:hover .service-arrow{transform:translate(8px)}.home-footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--color-gray-800);color:var(--color-gray-500);font-size:.9rem;animation:fadeInUp 1s ease .6s both}@media(max-width:768px){.home-container{padding:1rem}.services-grid{grid-template-columns:1fr;gap:1.5rem}.service-card{padding:2rem 1.5rem}}.price-page{position:relative;background:radial-gradient(circle at top,#0f1c32,#030816 55%);color:#e2e8f0;min-height:100vh;font-family:var(--font-body)}.price-page .background-pattern{opacity:.04;background-image:radial-gradient(circle,rgba(56,189,248,.4) 1px,transparent 1px),radial-gradient(circle,rgba(96,165,250,.2) 1px,transparent 1px);background-size:120px 120px}.price-hero{position:relative;padding:4rem clamp(1.5rem,5vw,5rem) 3rem;background:linear-gradient(135deg,#03132b,#0b2450 40%,#15407b 80%);overflow:hidden}.price-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(59,130,246,.35),transparent 55%),radial-gradient(circle at 80% 10%,rgba(14,165,233,.3),transparent 45%);pointer-events:none}.price-hero .hero-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;position:relative;z-index:1}.hero-status{background:#0ea5e926;border:1px solid rgba(14,165,233,.4);padding:.4rem 1rem;border-radius:50px;font-size:.9rem;letter-spacing:.05em;color:#7dd3fc}.back-link{color:#bae6fd;text-decoration:none;font-weight:500;transition:color .2s ease}.hero-content h1{font-size:clamp(2.6rem,6vw,4.8rem);font-family:var(--font-display);line-height:1.1;margin-bottom:1rem}.hero-content h1 span{display:block;font-size:clamp(1rem,2vw,1.25rem);font-weight:500;color:#93c5fd;margin-top:.5rem}.hero-content p{color:#cbd5f5;font-size:1.2rem;max-width:720px}.hero-ctas{display:flex;flex-wrap:wrap;gap:1rem;margin:2rem 0;justify-content:center;text-align:center}.primary-cta,.secondary-cta,.ghost-cta{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.75rem;border-radius:999px;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.primary-cta{background:linear-gradient(120deg,#0ea5e9,#38bdf8);color:#031634;box-shadow:0 10px 30px #0ea5e966}.primary-cta:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.secondary-cta{background:#3b82f61a;color:#e0f2ff;border:1px solid rgba(59,130,246,.3)}.ghost-cta{background:transparent;color:#93c5fd;border:1px solid rgba(147,197,253,.4)}.primary-cta:hover,.secondary-cta:hover,.ghost-cta:hover{transform:translateY(-2px)}.hero-highlights{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}.hero-highlights div{background:#0f172a80;border:1px solid rgba(148,163,184,.3);border-radius:16px;padding:1.5rem;text-align:center}.hero-highlights span{display:block;font-size:2rem;font-weight:700;color:#38bdf8}.story-section{padding:4rem clamp(1.5rem,4vw,4rem);display:grid;gap:2rem}.chapter-card{background:#0f172acc;border:1px solid rgba(56,189,248,.1);border-radius:24px;padding:2.5rem;box-shadow:0 20px 60px #0284c726;scroll-margin-top:80px}.chapter-label{display:inline-flex;padding:.4rem 1rem;border-radius:999px;background:#0ea5e926;color:#7dd3fc;font-size:.85rem;letter-spacing:.06em;margin-bottom:1rem}.chapter-card h2{font-size:clamp(1.75rem,3vw,2.6rem);margin-bottom:.75rem;color:#f8fafc}.chapter-summary{color:#cbd5f5;margin-bottom:1.5rem}.insight-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.insight-card{background:#3b82f60d;border:1px solid rgba(59,130,246,.2);border-radius:16px;padding:1.5rem}.module-visual{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem}.module-chip{flex:1 1 240px;border-radius:16px;padding:1rem 1.5rem;background:#0891b21a;border:1px solid rgba(34,211,238,.2)}.module-chip strong{display:block;color:#5eead4}.chapter-bullets{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.chapter-bullets li{padding-left:1.5rem;position:relative;color:#d4d8eb}.chapter-bullets li:before{content:"•";position:absolute;left:0;color:#38bdf8}.success-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.success-card{border-radius:18px;padding:1.5rem;background:#f8fafc05;border:1px solid rgba(255,255,255,.05)}.questionnaire-section{padding:4rem clamp(1.5rem,4vw,4rem);background:linear-gradient(135deg,#030816,#061531 60%,#102449)}.section-header{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;margin-bottom:2rem;text-align:center}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:.85rem;color:#7dd3fc;margin-bottom:.25rem}.section-header h2{font-size:clamp(2rem,4vw,3rem);margin-bottom:.5rem}.section-subtitle{color:#c3d6fd;max-width:720px;margin:0 auto}.questionnaire-card{background:#0f172ab3;border-radius:28px;border:1px solid rgba(59,130,246,.2);padding:2.5rem;box-shadow:0 30px 80px #03071280}.step-header{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap;margin-bottom:1.5rem}.step-progress{width:180px;height:8px;background:#94a3b833;border-radius:999px;overflow:hidden;align-self:flex-end}.step-progress-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#38bdf8)}.questions-grid{display:grid;gap:1.5rem}.question-card{background:#0f172ae6;border:1px solid rgba(100,116,139,.3);border-radius:18px;padding:1.5rem}.question-text{font-size:1.15rem;font-weight:600}.question-description{color:#a5b4fc;margin-bottom:1rem}.options-grid{display:flex;flex-wrap:wrap;gap:.75rem}.option-pill{background:#33415599;border:1px solid transparent;color:#e2e8f0;border-radius:999px;padding:.6rem 1.2rem;min-width:120px;text-align:center;transition:background .2s ease,border .2s ease}.option-pill small{display:block;color:#94a3b8;font-size:.75rem}.option-pill.selected{background:#0ea5e933;border-color:#0ea5e999;color:#e0f2ff}.questionnaire-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2rem}.results-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.result-card{background:#0f172ad9;border-radius:22px;border:1px solid rgba(59,130,246,.2);padding:2rem}.score-card{grid-row:span 2}.score-chart{height:240px;margin-bottom:1rem}.score-detail{text-align:center}.score-label{font-size:1.2rem;font-weight:600;color:#7dd3fc}.module-list{list-style:none;padding:0;display:grid;gap:1rem}.module-list li{padding-left:.5rem}.module-list strong{display:block;color:#f8fafc}.complexity-tier{font-size:1.25rem;font-weight:600;color:#38bdf8;margin-bottom:.5rem}.case-grid{display:grid;gap:1rem;margin-top:1rem}.case-card{background:#1e293bb3;border-radius:16px;padding:1rem}.lead-card button{width:100%;margin-bottom:.75rem}.architecture-section{padding:4rem clamp(1.5rem,4vw,4rem)}.architecture-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:stretch}.diagram-card,.module-card{display:flex;flex-direction:column;background:#0f172acc;border-radius:24px;border:1px solid rgba(59,130,246,.2);padding:2rem}.architecture-views{position:relative}.architecture-views .hidden{display:none}.architecture-toggle{display:inline-flex;justify-content:center;padding:.25rem;border-radius:999px;background:#0f172ae6;border:1px solid rgba(148,163,184,.3);margin:0 auto 1.5rem;gap:.25rem}.toggle-pill{border:none;background:transparent;color:#cbd5f5;font-size:.9rem;font-weight:500;padding:.45rem .9rem;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}.toggle-pill.active{background:#0ea5e933;color:#e0f2ff}.architecture-figure{margin:0}.architecture-image{display:block;max-width:100%;height:auto;border-radius:16px;border:1px solid rgba(148,163,184,.4);box-shadow:0 20px 40px #0f172ab3}.architecture-figure figcaption{margin-top:.75rem;font-size:.85rem;color:#9ca3af}.mermaid-diagram{overflow:auto}.mermaid-diagram svg{width:100%;max-width:100%;height:auto;background:transparent!important}.module-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.module-tab{flex:1 1 45%;padding:.6rem 1rem;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:transparent;color:#cbd5f5;cursor:pointer;font-weight:500}.module-tab.active{background:#0ea5e933;border-color:#0ea5e999;color:#e0f2ff}.module-panel{display:none}.module-panel.active{display:block}.module-content{flex:1;display:flex;align-items:center;justify-content:center}.features-section{padding:4rem clamp(1.5rem,4vw,4rem);background:#020617a6}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.feature-card details{background:#0f172ae6;border:1px solid rgba(59,130,246,.2);border-radius:18px;padding:1.5rem;cursor:pointer}.feature-card summary{list-style:none}.feature-card summary::-webkit-details-marker{display:none}.feature-card summary h3{margin:0;font-size:1.2rem}.feature-card summary p{margin:.5rem 0 0;color:#a5b4fc}.cta-section{padding:4rem clamp(1.5rem,4vw,4rem)}.cta-card{background:linear-gradient(135deg,#0ea5e91f,#3b82f61a);border-radius:28px;border:1px solid rgba(125,211,252,.4);padding:3rem;text-align:center;box-shadow:0 20px 60px #0284c740}.page-footer{text-align:center;padding:2rem;color:#94a3b8;border-top:1px solid rgba(148,163,184,.2)}.price-page .language-toggle{background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.3)}.price-page .lang-btn{color:#cbd5f5}.price-page .lang-btn:hover{color:#e0f2ff}.price-page .lang-btn.active{background:linear-gradient(120deg,#0ea5e9,#38bdf8);color:#031634;box-shadow:0 4px 12px #0ea5e94d}@media(max-width:768px){.hero-content p{font-size:1rem}.chapter-card{padding:2rem}.questionnaire-card{padding:1.5rem}.module-tab{flex:1 1 100%}.cta-card{padding:2rem}}.event-mesh-page{position:relative;background:radial-gradient(ellipse at top,#0a1628,#020817 60%);color:#e2e8f0;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif}.event-mesh-page .background-pattern{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.03;pointer-events:none;background-image:radial-gradient(circle at 25% 25%,rgba(14,165,233,.4) 1px,transparent 1px),radial-gradient(circle at 75% 75%,rgba(59,130,246,.3) 1px,transparent 1px);background-size:80px 80px}.em-hero{position:relative;padding:5rem clamp(1.5rem,5vw,5rem) 4rem;background:linear-gradient(160deg,#041330,#0c2d6b,#1e40af 70%,#0ea5e9);overflow:hidden}.em-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 30%,rgba(14,165,233,.4),transparent 40%),radial-gradient(circle at 85% 20%,rgba(59,130,246,.3),transparent 35%),radial-gradient(circle at 50% 80%,rgba(6,182,212,.2),transparent 40%);pointer-events:none}.em-hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,#020817,transparent);pointer-events:none}.hero-nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;position:relative;z-index:10}.hero-badge-group{display:flex;align-items:center;gap:1rem}.hero-badge{background:#0ea5e926;border:1px solid rgba(14,165,233,.4);padding:.5rem 1.25rem;border-radius:50px;font-size:.85rem;letter-spacing:.08em;color:#7dd3fc;text-transform:uppercase;font-weight:600}.back-link{color:#bae6fd;text-decoration:none;font-weight:500;display:flex;align-items:center;gap:.5rem;transition:color .2s ease}.back-link:hover{color:#38bdf8}.em-hero-content{position:relative;z-index:5;max-width:1000px;margin:0 auto;text-align:center}.em-hero h1{font-size:clamp(2.8rem,7vw,5rem);font-weight:800;line-height:1.05;margin-bottom:1.5rem;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.3)}.em-hero h1 .highlight{display:block;background:linear-gradient(120deg,#38bdf8,#22d3ee,#a5f3fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.em-hero .subtitle{font-size:clamp(1.1rem,2vw,1.35rem);color:#cbd5e1;max-width:750px;margin:0 auto 2.5rem;line-height:1.7}.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:700px;margin:0 auto 2.5rem}.metric-box{background:#0f172a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:1.5rem;text-align:center;transition:transform .3s ease,border-color .3s ease}.metric-box:hover{transform:translateY(-4px);border-color:#0ea5e980}.metric-box .value{display:block;font-size:2.5rem;font-weight:800;background:linear-gradient(120deg,#38bdf8,#22d3ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.25rem}.metric-box .label{color:#94a3b8;font-size:.9rem;font-weight:500}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#0c1829;padding:1rem 2rem;border-radius:50px;font-weight:700;font-size:1rem;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 40px #0ea5e966}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 50px #0ea5e980}.btn-secondary{background:#1e293bcc;color:#e2e8f0;padding:1rem 2rem;border-radius:50px;font-weight:600;font-size:1rem;border:1px solid rgba(148,163,184,.3);cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#334155cc;border-color:#94a3b880}.story-section{padding:5rem clamp(1.5rem,4vw,4rem)}.story-wrapper{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.2em;font-size:.8rem;color:#38bdf8;margin-bottom:1rem;font-weight:600}.section-header h2{font-size:clamp(2rem,4vw,3rem);font-weight:700;color:#f8fafc;margin-bottom:1rem}.section-header p{color:#94a3b8;font-size:1.15rem;max-width:650px;margin:0 auto}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-bottom:4rem}.story-card{background:#0f172ab3;border:1px solid rgba(59,130,246,.15);border-radius:24px;padding:2.5rem;transition:all .3s ease}.story-card:hover{border-color:#3b82f666;transform:translateY(-4px);box-shadow:0 25px 60px #0284c726}.story-card.challenge{border-left:4px solid #f43f5e}.story-card.solution{border-left:4px solid #10b981;background:linear-gradient(135deg,#0f172acc,#064e3b33)}.card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.25rem}.challenge .card-icon{background:#f43f5e26}.solution .card-icon{background:#10b98126}.story-card h3{font-size:1.4rem;color:#f8fafc;margin-bottom:1rem;font-weight:700}.story-card p{color:#cbd5e1;line-height:1.8;margin-bottom:1.5rem}.solution-points{list-style:none;padding:0;margin:0}.solution-points li{padding:.6rem 0 .6rem 2rem;position:relative;color:#d1d5db;line-height:1.6}.solution-points li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700;font-size:1.1rem}.architecture-section{padding:5rem clamp(1.5rem,4vw,4rem);background:linear-gradient(180deg,transparent,rgba(15,23,42,.5),transparent)}.architecture-wrapper{max-width:1400px;margin:0 auto}.diagram-tabs{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2.5rem;padding:.5rem;background:#0f172a99;border-radius:16px;border:1px solid rgba(59,130,246,.2)}.diagram-tab{padding:.75rem 1.5rem;border:none;background:transparent;color:#94a3b8;font-size:.9rem;font-weight:600;cursor:pointer;border-radius:12px;transition:all .2s ease}.diagram-tab:hover{color:#e2e8f0;background:#3b82f61a}.diagram-tab.active{background:linear-gradient(135deg,#0ea5e9,#3b82f6);color:#0c1829}.diagram-card{background:#0f172acc;border:1px solid rgba(59,130,246,.2);border-radius:24px;padding:2.5rem;box-shadow:0 25px 80px #02081799}.diagram-card h3{font-size:1.5rem;color:#f8fafc;margin-bottom:.75rem;text-align:center}.diagram-card .diagram-desc{color:#94a3b8;text-align:center;margin-bottom:2rem;max-width:700px;margin-left:auto;margin-right:auto}.mermaid-container{background:#1e293b80;border-radius:16px;padding:2rem;overflow-x:auto}.mermaid{display:flex;justify-content:center}.mermaid svg{max-width:100%;height:auto}.api-section{padding:5rem clamp(1.5rem,4vw,4rem)}.api-wrapper{max-width:1200px;margin:0 auto}.api-table-container{background:#0f172acc;border:1px solid rgba(59,130,246,.2);border-radius:24px;overflow:hidden}.api-table{width:100%;border-collapse:collapse}.api-table thead{background:linear-gradient(135deg,#0ea5e926,#3b82f61a)}.api-table th{padding:1.25rem 1.5rem;text-align:left;font-weight:700;color:#e2e8f0;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid rgba(59,130,246,.2)}.api-table td{padding:1.25rem 1.5rem;color:#cbd5e1;border-bottom:1px solid rgba(59,130,246,.1)}.api-table tr:last-child td{border-bottom:none}.api-table tr:hover td{background:#3b82f60d}.api-badge{display:inline-block;background:#0ea5e926;color:#38bdf8;padding:.3rem .75rem;border-radius:6px;font-size:.85rem;font-family:Fira Code,monospace}.technical-section{padding:5rem clamp(1.5rem,4vw,4rem);background:linear-gradient(180deg,rgba(15,23,42,.3),transparent)}.technical-wrapper{max-width:1200px;margin:0 auto}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem}.code-card{background:#0f172ae6;border:1px solid rgba(59,130,246,.2);border-radius:20px;overflow:hidden}.code-header{background:linear-gradient(135deg,#0ea5e91a,#3b82f60d);padding:1rem 1.5rem;border-bottom:1px solid rgba(59,130,246,.2);display:flex;align-items:center;gap:.75rem}.code-header .file-icon{width:24px;height:24px;background:#0ea5e933;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:.8rem}.code-header span{color:#e2e8f0;font-weight:600;font-size:.95rem}.code-body{padding:1.5rem;overflow-x:auto}.code-body pre{margin:0;font-family:Fira Code,Consolas,monospace;font-size:.85rem;line-height:1.7;color:#e2e8f0}.code-body pre code{display:block}.code-keyword{color:#c084fc}.code-string{color:#4ade80}.code-comment{color:#64748b;font-style:italic}.code-function{color:#60a5fa}.code-property{color:#38bdf8}.questionnaire-section{padding:5rem clamp(1.5rem,4vw,4rem);background:linear-gradient(180deg,#020817,#0a1628 50%,#020817)}.questionnaire-wrapper{max-width:800px;margin:0 auto}.questionnaire-card{background:#0f172ae6;border:1px solid rgba(59,130,246,.25);border-radius:28px;padding:3rem;box-shadow:0 30px 100px #020817b3}.questionnaire-header{text-align:center;margin-bottom:2.5rem}.questionnaire-header h2{font-size:2rem;color:#f8fafc;margin-bottom:.75rem}.questionnaire-header p{color:#94a3b8;font-size:1.1rem}.progress-container{margin-bottom:2rem}.progress-bar{height:8px;background:#33415599;border-radius:10px;overflow:hidden;margin-bottom:.75rem}.progress-fill{height:100%;background:linear-gradient(90deg,#0ea5e9,#38bdf8,#22d3ee);border-radius:10px;transition:width .5s cubic-bezier(.4,0,.2,1)}.progress-text{text-align:center;color:#64748b;font-size:.9rem}.question-card{animation:slideIn .4s ease}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.question-card h3{font-size:1.3rem;color:#f8fafc;margin-bottom:.75rem;font-weight:700}.question-desc{color:#94a3b8;margin-bottom:1.5rem;line-height:1.6}.choice-btn{background:#1e293bb3;border:2px solid rgba(71,85,105,.5);border-radius:14px;padding:1.25rem 1.5rem;color:#e2e8f0;font-size:1rem;font-weight:500;cursor:pointer;text-align:left;transition:all .2s ease;display:flex;align-items:center;gap:1rem}.choice-btn:before{content:"";width:22px;height:22px;border:2px solid #475569;border-radius:50%;flex-shrink:0;transition:all .2s ease}.choice-btn:hover{border-color:#0ea5e980;background:#0ea5e90d}.choice-btn.selected{border-color:#0ea5e9;background:#0ea5e926}.choice-btn.selected:before{border-color:#0ea5e9;background:#0ea5e9;box-shadow:inset 0 0 0 4px #0c1829}.question-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:2.5rem}.nav-btn{padding:.9rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .2s ease}.nav-btn.secondary{background:#33415599;border:1px solid rgba(71,85,105,.5);color:#e2e8f0}.nav-btn.secondary:hover{background:#47556999}.nav-btn.primary{background:linear-gradient(135deg,#0ea5e9,#3b82f6);border:none;color:#0c1829}.nav-btn.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #0ea5e966}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.results-view{text-align:center;animation:fadeIn .5s ease}.results-view h2{font-size:2rem;color:#f8fafc;margin-bottom:2rem}.score-display{margin-bottom:2rem}.score-circle{width:160px;height:160px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:800;margin:0 auto 1rem;position:relative}.score-circle:before{content:"";position:absolute;inset:-4px;border-radius:50%;padding:4px;background:linear-gradient(135deg,#0ea5e9,#22d3ee,#10b981);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.score-circle.excellent{background:#10b98126;color:#10b981}.score-circle.good{background:#0ea5e926;color:#0ea5e9}.score-circle.moderate{background:#f59e0b26;color:#f59e0b}.score-circle.low{background:#ef444426;color:#ef4444}.score-label{color:#94a3b8;font-size:1rem}.result-message{background:#1e293b99;border-radius:16px;padding:2rem;margin-bottom:2rem;text-align:left}.result-message h3{font-size:1.3rem;margin-bottom:.75rem}.result-message.excellent h3{color:#10b981}.result-message.good h3{color:#0ea5e9}.result-message.moderate h3{color:#f59e0b}.result-message.low h3{color:#ef4444}.result-message p{color:#cbd5e1;line-height:1.7}.chart-container{background:#1e293b80;border-radius:16px;padding:2rem;margin-bottom:2rem}.chart-container canvas{max-height:280px}.cta-box{background:linear-gradient(135deg,#0ea5e91a,#3b82f60d);border:1px solid rgba(14,165,233,.3);border-radius:20px;padding:2.5rem}.cta-box h3{color:#f8fafc;font-size:1.5rem;margin-bottom:.75rem}.cta-box p{color:#94a3b8;margin-bottom:1.5rem}.text-btn{background:transparent;border:none;color:#38bdf8;font-size:.95rem;cursor:pointer;margin-top:1rem;display:block;margin-left:auto;margin-right:auto}.text-btn:hover{text-decoration:underline}.comparison-section{padding:5rem clamp(1.5rem,4vw,4rem)}.comparison-wrapper{max-width:1000px;margin:0 auto}.comparison-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.comparison-card{background:#0f172ab3;border-radius:20px;padding:2rem;border:1px solid rgba(59,130,246,.15)}.comparison-card.advantages{border-top:4px solid #10b981}.comparison-card.disadvantages{border-top:4px solid #f59e0b}.comparison-card h3{font-size:1.25rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.advantages h3{color:#10b981}.disadvantages h3{color:#f59e0b}.comparison-list{list-style:none;padding:0;margin:0}.comparison-list li{padding:.75rem 0 .75rem 1.75rem;position:relative;color:#cbd5e1;border-bottom:1px solid rgba(59,130,246,.1)}.comparison-list li:last-child{border-bottom:none}.advantages .comparison-list li:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.disadvantages .comparison-list li:before{content:"!";position:absolute;left:0;width:18px;height:18px;background:#f59e0b33;color:#f59e0b;font-weight:700;font-size:.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.cta-section{padding:5rem clamp(1.5rem,4vw,4rem)}.cta-wrapper{max-width:900px;margin:0 auto}.cta-card{background:linear-gradient(135deg,#0ea5e926,#3b82f61a);border:1px solid rgba(125,211,252,.3);border-radius:28px;padding:4rem 3rem;text-align:center;position:relative;overflow:hidden}.cta-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(14,165,233,.1),transparent 60%);animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.3}}.cta-card h2{font-size:clamp(1.8rem,3vw,2.5rem);color:#f8fafc;margin-bottom:1rem;position:relative}.cta-card p{color:#94a3b8;font-size:1.15rem;margin-bottom:2rem;position:relative}.page-footer{text-align:center;padding:3rem 2rem;color:#64748b;border-top:1px solid rgba(59,130,246,.15)}.event-mesh-page .language-toggle{position:fixed;top:2rem;right:2rem;z-index:1000;background:#0f172ae6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(59,130,246,.3);border-radius:50px;padding:.3rem;display:flex;gap:.25rem}.event-mesh-page .lang-btn{padding:.5rem 1.2rem;border:none;background:transparent;color:#94a3b8;cursor:pointer;border-radius:50px;font-weight:600;transition:all .2s ease;font-size:.9rem}.event-mesh-page .lang-btn:hover{color:#e2e8f0}.event-mesh-page .lang-btn.active{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#0c1829}@media(max-width:768px){.em-hero{padding:4rem 1.5rem 3rem}.hero-metrics{grid-template-columns:1fr;gap:1rem}.story-grid{grid-template-columns:1fr}.diagram-tabs{flex-direction:column}.tech-grid,.comparison-grid{grid-template-columns:1fr}.questionnaire-card{padding:2rem 1.5rem}.question-actions{flex-direction:column}.nav-btn{width:100%}.api-table{font-size:.85rem}.api-table th,.api-table td{padding:1rem}.cta-card{padding:3rem 2rem}.event-mesh-page .language-toggle{top:1rem;right:1rem}}.mermaid-container .node rect,.mermaid-container .node circle,.mermaid-container .node polygon{fill:#1e3a5f!important;stroke:#38bdf8!important}.mermaid-container .nodeLabel{color:#e2e8f0!important}.mermaid-container .edgePath path{stroke:#64748b!important}.mermaid-container .edgeLabel{background-color:#0f172a!important;color:#94a3b8!important}.quios-page{position:relative;min-height:100vh;background:radial-gradient(circle at top,#203260,#020617 55%);color:#e2e9ef;font-family:Inter,system-ui,-apple-system,sans-serif}.quios-page .background-pattern{position:fixed;inset:0;opacity:.04;pointer-events:none;background-image:radial-gradient(circle,rgba(226,233,239,.4) 1px,transparent 1px),radial-gradient(circle,rgba(114,146,177,.2) 1px,transparent 1px);background-size:110px 110px}.language-toggle{position:fixed;top:1.5rem;right:1.5rem;z-index:40;display:flex;gap:.25rem;padding:.35rem;background:#0f172ae6;border-radius:999px;border:1px solid rgba(114,146,177,.7);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.lang-btn{border:none;background:transparent;padding:.45rem 1.2rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;color:#cbd5f5;transition:background .2s ease,color .2s ease,box-shadow .2s ease;text-decoration:none}.lang-btn.home-link{margin-right:.25rem}.lang-btn:hover{color:#f9fafb;background:#94a3b82e}.lang-btn.active{background:linear-gradient(120deg,#7292b1,#e2e9ef);color:#111827;box-shadow:0 4px 16px #7292b180}.quios-hero{position:relative;padding:4.5rem clamp(1.5rem,5vw,5rem) 3.5rem;background:linear-gradient(135deg,#111827,#203260 45%,#385b97 90%);overflow:hidden}.quios-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 15% 20%,rgba(226,233,239,.22),transparent 55%),radial-gradient(circle at 85% 10%,rgba(114,146,177,.3),transparent 50%);opacity:.9;pointer-events:none}.hero-nav{position:relative;z-index:1;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.hero-badge{padding:.4rem 1.1rem;border-radius:999px;background:#e2e9ef1f;border:1px solid rgba(226,233,239,.35);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem;color:#e2e9ef}.back-link{color:#cce1ff;text-decoration:none;font-weight:500;transition:color .2s ease}.back-link:hover{color:#fff}.hero-content{position:relative;z-index:1;max-width:960px;margin:0 auto;text-align:center}.hero-content h1{font-size:clamp(2.6rem,6vw,4.8rem);font-weight:800;letter-spacing:-.04em;color:#f9fafb;margin-bottom:1rem}.hero-content .highlight{display:block;margin-top:.35rem;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:500;background:linear-gradient(120deg,#e2e9ef,#cddaf0);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{max-width:720px;margin:0 auto 2rem;font-size:1.1rem;color:#dde7ff}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem;max-width:720px;margin:0 auto 2.25rem}.metric-box{background:#0f172aa6;border-radius:18px;border:1px solid rgba(148,163,184,.3);padding:1.25rem;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.metric-box:hover{transform:translateY(-3px);border-color:#e2e9efbf;box-shadow:0 18px 40px #0f172a8c}.metric-box .value{display:block;font-size:2.1rem;font-weight:800;color:#e2e9ef}.metric-box .label{display:block;margin-top:.15rem;font-size:.9rem;color:#cbd5f5}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:1.25rem}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.9rem;border-radius:999px;font-weight:600;font-size:.98rem;cursor:pointer;border:none;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.btn-primary{background:linear-gradient(130deg,#e2e9ef,#b6c5de);color:#111827;box-shadow:0 14px 40px #0f172a99}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 20px 55px #0f172ab3}.btn-secondary{background:#0f172aa6;color:#e0ecff;border:1px solid rgba(226,233,239,.4)}.btn-secondary:hover{background:#0f172ae6}.hero-note{margin-top:.75rem;font-size:.85rem;color:#cbd5f5}.story-section,.functions-section,.architecture-section,.questionnaire-section,.cta-section{padding:4rem clamp(1.5rem,4vw,4rem)}.story-wrapper,.functions-wrapper,.architecture-wrapper,.questionnaire-wrapper,.cta-wrapper{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:3rem}.section-eyebrow{display:inline-block;text-transform:uppercase;letter-spacing:.16em;font-size:.8rem;color:#9fb3d8;margin-bottom:.6rem}.section-header h2{font-size:clamp(1.9rem,3.5vw,2.7rem);color:#f9fafb;margin-bottom:.4rem}.section-header p{color:#cddaf0;max-width:700px;margin:.5rem auto 0}.story-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}.story-card{background:#0f172ad9;border-radius:22px;border:1px solid rgba(114,146,177,.3);padding:2rem;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.story-card:hover{transform:translateY(-3px);border-color:#e2e9efbf;box-shadow:0 20px 50px #0f172a99}.story-card.challenge{border-left:4px solid #f97373}.story-card.solution{border-left:4px solid #4ade80}.card-icon{width:46px;height:46px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;background:#e2e9ef1f;font-size:1.4rem}.story-card h3{font-size:1.3rem;margin-bottom:.75rem}.story-card p{color:#e5e7eb;line-height:1.7}.solution-points{list-style:none;padding:0;margin:1.25rem 0 0}.solution-points li{position:relative;padding-left:1.6rem;margin-bottom:.7rem;color:#d1d5db}.solution-points li:before{content:"✓";position:absolute;left:0;color:#4ade80;font-weight:700}.functions-section{background:radial-gradient(circle at top,rgba(32,50,96,.3),transparent 55%)}.functions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.75rem}.function-card{background:#0f172ae6;border-radius:18px;border:1px solid rgba(114,146,177,.35);padding:1.75rem}.function-card h3{font-size:1.15rem;margin-bottom:.4rem}.function-card p{color:#d1d5db;line-height:1.6}.architecture-section{background:linear-gradient(180deg,rgba(15,23,42,.5),transparent)}.diagram-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;padding:.4rem;border-radius:999px;background:#0f172ae6;border:1px solid rgba(114,146,177,.5)}.diagram-tab{border:none;background:transparent;padding:.6rem 1.4rem;border-radius:999px;cursor:pointer;font-size:.9rem;font-weight:600;color:#cbd5f5;transition:background .2s ease,color .2s ease}.diagram-tab:hover{background:#7292b12e}.diagram-tab.active{background:linear-gradient(120deg,#7292b1,#e2e9ef);color:#111827}.diagram-panel{display:none;animation:fadeIn .4s ease}.diagram-panel.active{display:block}.diagram-card{background:#0f172ae6;border-radius:22px;border:1px solid rgba(114,146,177,.5);padding:2.25rem;box-shadow:0 24px 70px #0f172ad9}.diagram-card h3{text-align:center;font-size:1.4rem;margin-bottom:.6rem}.diagram-desc{text-align:center;max-width:720px;margin:0 auto 1.8rem;color:#cbd5f5}.mermaid-container{background:#0f172ad9;border-radius:18px;padding:1.5rem;overflow-x:auto}.mermaid-container svg{max-width:100%;height:auto}.questionnaire-section{background:radial-gradient(circle at top,#020617 0% 35%,#111827)}.questionnaire-card{background:#0f172aeb;border-radius:26px;border:1px solid rgba(114,146,177,.6);padding:3rem 2.5rem;box-shadow:0 26px 80px #000000d9}.questionnaire-header{text-align:center;margin-bottom:2rem}.questionnaire-header h2{font-size:1.8rem;margin-bottom:.4rem}.questionnaire-header p{color:#cbd5f5}.progress-container{margin-bottom:1.7rem}.progress-bar{height:8px;border-radius:999px;overflow:hidden;background:#374151b3}.progress-fill{height:100%;background:linear-gradient(90deg,#e2e9ef,#7292b1)}.progress-text{margin-top:.5rem;font-size:.9rem;text-align:center;color:#9ca3af}.question-card{animation:slideIn .3s ease}.question-card h3{font-size:1.25rem;margin-bottom:.4rem}.question-desc{color:#cbd5f5;margin-bottom:1rem}.choices-grid{display:grid;gap:.75rem}.choice-btn{display:flex;align-items:center;text-align:left;gap:.75rem;padding:1rem 1.25rem;border-radius:14px;border:2px solid rgba(75,85,99,.7);background:#0f172ad9;color:#e5e7eb;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .15s ease}.choice-btn:hover{border-color:#e2e9efbf;background:#0f172af2}.choice-btn.selected{border-color:#e2e9ef;background:#e2e9ef0f;transform:translateY(-1px)}.question-actions{margin-top:2rem;display:flex;gap:1rem;justify-content:space-between}.nav-btn{padding:.9rem 1.9rem;border-radius:14px;font-weight:600;border:none;cursor:pointer;font-size:.98rem}.nav-btn.secondary{background:#1f2937d9;color:#e5e7eb}.nav-btn.primary{background:linear-gradient(120deg,#e2e9ef,#b6c5de);color:#111827}.nav-btn.primary:disabled{opacity:.4;cursor:not-allowed}.results-view{animation:fadeIn .4s ease}.score-display{text-align:center;margin-bottom:1.75rem}.score-circle{width:150px;height:150px;border-radius:999px;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;font-size:2.4rem;font-weight:800;position:relative}.score-circle:before{content:"";position:absolute;inset:-4px;border-radius:inherit;padding:4px;background:linear-gradient(120deg,#e2e9ef,#86efac,#f97373);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.score-circle.excellent{background:#16a34a1a;color:#4ade80}.score-circle.good{background:#3b82f61a;color:#93c5fd}.score-circle.moderate{background:#f59e0b1a;color:#fbbf24}.score-circle.low{background:#ef44441a;color:#fca5a5}.score-label{font-size:.95rem;color:#cbd5f5}.result-message{border-radius:18px;padding:1.7rem;background:#0f172ae6;margin-bottom:1.5rem}.result-message h3{margin-bottom:.4rem}.result-message.excellent h3{color:#4ade80}.result-message.good h3{color:#93c5fd}.result-message.moderate h3{color:#fbbf24}.result-message.low h3{color:#fca5a5}.chart-container{margin-bottom:2rem;background:#0f172ad9;border-radius:18px;padding:1.5rem}.cta-box{background:linear-gradient(135deg,#e2e9ef1f,#7292b129);border-radius:22px;border:1px solid rgba(226,233,239,.45);padding:2.2rem;text-align:center}.text-btn{margin-top:1rem;background:transparent;border:none;cursor:pointer;color:#e2e9ef;font-size:.95rem;text-decoration:underline}.cta-section{background:radial-gradient(circle at bottom,rgba(32,50,96,.4),transparent 60%)}.cta-card{background:linear-gradient(135deg,#e2e9ef1f,#7292b124);border-radius:26px;padding:3rem 2.5rem;text-align:center;border:1px solid rgba(226,233,239,.45);box-shadow:0 22px 70px #0f172acc}.page-footer{padding:2.25rem 1.5rem;text-align:center;font-size:.9rem;color:#9ca3af;border-top:1px solid rgba(148,163,184,.4)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media(max-width:768px){.quios-hero{padding:4rem 1.5rem 3rem}.hero-metrics,.story-grid,.functions-grid{grid-template-columns:1fr}.questionnaire-card{padding:2.1rem 1.5rem}.question-actions{flex-direction:column}.nav-btn{width:100%}.language-toggle{top:1rem;right:1rem}}.mermaid-container .node rect,.mermaid-container .node circle,.mermaid-container .node polygon{fill:#111827!important;stroke:#7292b1!important}.mermaid-container .nodeLabel{color:#e2e9ef!important}.mermaid-container .edgePath path{stroke:#9ca3af!important}