*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #101014;--bg-alt: #16161c;--bg-deep: #0c0c10;--surface: #212529;--border: rgba(255,255,255,.06);--border-hover: rgba(255,255,255,.12);--text-title: #fff;--text-body: #adb5bd;--text-muted: #868e96;--accent: #4dadf7;--violet: #8a40af;--teal: #3ea3ab;--blue: #4878c0;--red-orange: #fa5f50;--green: #51cf66}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-body);line-height:1.7;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4{color:var(--text-title);font-weight:700;line-height:1.2}.section-label{display:inline-block;font-size:.8rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem}.section-title{font-size:2.8rem;font-weight:800;margin-bottom:1.25rem}.section-subtitle{font-size:1.2rem;color:var(--text-muted);margin-bottom:3.5rem;max-width:650px;line-height:1.8}.section-subtitle.centered{text-align:center;margin-left:auto;margin-right:auto}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.container-wide{max-width:1400px;margin:0 auto;padding:0 2rem}section{padding:7rem 0;position:relative}section:nth-child(2n){background:var(--bg-alt)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center;transition:background .3s,backdrop-filter .3s}.navbar.scrolled{background:#101014f7;border-bottom:1px solid var(--border)}.navbar-left{display:flex;align-items:center;gap:2.5rem}.navbar-brand{font-size:1.15rem;font-weight:800;letter-spacing:.08em;color:var(--text-title);text-decoration:none}.navbar-links{display:flex;gap:1.5rem;list-style:none}.navbar-links a{font-size:.85rem;color:var(--text-muted);text-decoration:none;transition:color .2s;font-weight:500}.navbar-links a:hover,.navbar-links a.active{color:var(--text-title);text-decoration:none}.navbar-right{display:flex;align-items:center;gap:1rem}.lang-toggle{display:flex;gap:.25rem;background:var(--surface);border-radius:6px;padding:2px;border:1px solid var(--border)}.lang-toggle button{background:none;border:none;color:var(--text-muted);padding:.25rem .6rem;border-radius:4px;cursor:pointer;font-size:.8rem;font-weight:600;font-family:inherit;transition:all .2s}.lang-toggle button.active{background:var(--accent);color:var(--bg-primary)}.navbar-login-btn{padding:.4rem 1rem;border-radius:6px;background:var(--accent);color:var(--bg-primary);text-decoration:none;font-size:.85rem;font-weight:600;transition:opacity .2s}.navbar-login-btn:hover{opacity:.85}.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:6rem 2rem 3rem;background:radial-gradient(ellipse at 50% 0%,rgba(138,64,175,.08) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(72,120,192,.06) 0%,transparent 40%),radial-gradient(ellipse at 20% 80%,rgba(62,163,171,.05) 0%,transparent 40%),linear-gradient(#10101480,#101014f2),repeating-linear-gradient(0deg,transparent,transparent 59px,rgba(255,255,255,.025) 59px,rgba(255,255,255,.025) 60px),repeating-linear-gradient(90deg,transparent,transparent 59px,rgba(255,255,255,.025) 59px,rgba(255,255,255,.025) 60px)}.hero-wordmark{font-size:clamp(5rem,14vw,10rem);font-weight:800;letter-spacing:.1em;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#4dadf7,#8a40af);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-tagline{font-size:clamp(1.2rem,2.5vw,1.6rem);color:var(--text-body);max-width:700px;margin-bottom:.75rem;font-weight:500}.hero-sub-tagline{font-size:clamp(.95rem,1.5vw,1.1rem);color:var(--text-muted);max-width:550px;margin-bottom:2.5rem}.hero-ctas{display:flex;gap:1rem;margin-bottom:4rem;flex-wrap:wrap;justify-content:center}.hero-cta{display:inline-block;padding:.9rem 2.5rem;background:var(--accent);color:var(--bg-primary);font-weight:700;font-size:1rem;border-radius:8px;text-decoration:none;transition:transform .2s,box-shadow .2s}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 8px 30px #4dadf74d;text-decoration:none}.hero-cta-secondary{background:transparent;color:var(--text-body);border:1px solid var(--border-hover)}.hero-cta-secondary:hover{background:var(--surface);box-shadow:0 8px 30px #0000004d;color:var(--text-title)}.hero-screenshot{position:relative;max-width:1000px;width:100%}.hero-screenshot:before{content:"";position:absolute;inset:-100px;background:radial-gradient(ellipse at center,rgba(138,64,175,.1) 0%,transparent 60%);z-index:0;pointer-events:none}.hero-screenshot:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:120px;background:linear-gradient(transparent,var(--bg-primary));z-index:2;pointer-events:none}.hero-scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:.5rem;color:var(--text-muted);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;animation:float 2s ease-in-out infinite}.hero-scroll-hint svg{width:20px;height:20px;stroke:var(--text-muted)}@keyframes float{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(8px)}}.screenshot{border-radius:8px;border:1px solid var(--border);box-shadow:0 4px 16px #0006,0 16px 48px #0003;transition:transform .4s ease,box-shadow .4s ease;position:relative;z-index:1}.screenshot:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000080,0 32px 80px #0000004d}.screenshot-glow{position:relative}.screenshot-glow:before{content:"";position:absolute;inset:-80px;border-radius:50%;pointer-events:none;z-index:0}.screenshot-glow.glow-violet:before{background:radial-gradient(circle,rgba(138,64,175,.08) 0%,transparent 70%)}.screenshot-glow.glow-blue:before{background:radial-gradient(circle,rgba(72,120,192,.08) 0%,transparent 70%)}.screenshot-glow.glow-teal:before{background:radial-gradient(circle,rgba(62,163,171,.08) 0%,transparent 70%)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.problem-card{padding:2rem;border-radius:12px;background:var(--surface);border:1px solid var(--border);position:relative;overflow:hidden}.problem-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--red-orange);opacity:.6}.problem-icon{font-size:2rem;margin-bottom:1rem}.problem-card h3{font-size:1.1rem;margin-bottom:.75rem}.problem-card p{font-size:.95rem;color:var(--text-muted);line-height:1.6}.problem-then-now{display:grid;grid-template-columns:1fr auto 1fr;gap:2rem;align-items:center;margin-top:4rem;padding:2.5rem;border-radius:16px;background:var(--surface);border:1px solid var(--border)}.problem-then,.problem-now{padding:1.5rem}.problem-then h4,.problem-now h4{font-size:.85rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1rem}.problem-then h4{color:var(--red-orange)}.problem-now h4{color:var(--green)}.problem-then ul,.problem-now ul{list-style:none;padding:0}.problem-then li,.problem-now li{font-size:.95rem;padding:.4rem 0 .4rem 1.5rem;position:relative}.problem-then li:before{content:"\2715";position:absolute;left:0;color:var(--red-orange);font-weight:700;font-size:.8rem}.problem-now li:before{content:"\2713";position:absolute;left:0;color:var(--green);font-weight:700}.problem-arrow{font-size:2rem;color:var(--text-muted)}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3.5rem}.value-card{text-align:center;padding:2.5rem 2rem;border-radius:16px;background:var(--surface);border:1px solid var(--border);transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.value-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px}.value-card:nth-child(1):after{background:var(--teal)}.value-card:nth-child(2):after{background:var(--violet)}.value-card:nth-child(3):after{background:var(--blue)}.value-card:hover{transform:translateY(-6px);border-color:var(--border-hover);box-shadow:0 16px 48px #0000004d}.value-icon{width:56px;height:56px;margin:0 auto 1.5rem}.value-card:nth-child(1) .value-icon{color:var(--teal)}.value-card:nth-child(2) .value-icon{color:var(--violet)}.value-card:nth-child(3) .value-icon{color:var(--blue)}.value-card h3{font-size:1.25rem;margin-bottom:.75rem}.value-card p{font-size:.95rem;color:var(--text-muted);line-height:1.6}.value-synthesis{text-align:center;font-size:1.35rem;color:var(--text-body);max-width:750px;margin:0 auto;font-weight:600}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:3.5rem}.stat-item{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.stat-number{font-size:2.5rem;font-weight:800;color:var(--text-title);margin-bottom:.4rem;font-variant-numeric:tabular-nums}.stat-label{font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.feature-section{position:relative}.feature-row{display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.feature-row.reversed{direction:rtl}.feature-row.reversed>*{direction:ltr}.feature-visual{position:relative}.feature-text h2{font-size:2.2rem;font-weight:800;margin-bottom:1.25rem}.feature-text .lead{font-size:1.1rem;color:var(--text-body);margin-bottom:2rem;line-height:1.8}.feature-list{list-style:none;padding:0}.feature-list li{padding:.6rem 0 .6rem 2rem;position:relative;font-size:.95rem;line-height:1.6}.feature-list li:before{content:"";position:absolute;left:0;top:1rem;width:8px;height:8px;border-radius:50%;background:var(--accent)}.feature-list.accent-teal li:before{background:var(--teal)}.feature-list.accent-violet li:before{background:var(--violet)}.feature-list.accent-blue li:before{background:var(--blue)}.inset-screenshot{position:absolute;width:45%;top:-1.5rem;right:-1rem;z-index:2;border:2px solid var(--bg-primary)}.storyboard-section{padding:8rem 0;background:radial-gradient(ellipse at 50% 30%,rgba(72,120,192,.06) 0%,transparent 50%),var(--bg-alt);overflow:hidden}.storyboard-header{text-align:center;margin-bottom:4rem}.storyboard-header .section-title{font-size:3.2rem}.storyboard-hero{margin-bottom:4rem;position:relative}.storyboard-hero:before{content:"";position:absolute;inset:-120px;background:radial-gradient(ellipse at center,rgba(72,120,192,.08) 0%,transparent 60%);z-index:0;pointer-events:none}.storyboard-hero img{border-radius:12px}.filmstrip{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:4rem}.filmstrip-item{position:relative}.filmstrip-caption{margin-top:.75rem;font-size:.85rem;color:var(--text-muted);text-align:center}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.feature-grid-item{padding:1.5rem;background:var(--surface);border-radius:10px;border:1px solid var(--border);text-align:center;transition:border-color .3s,transform .3s}.feature-grid-item:hover{border-color:var(--border-hover);transform:translateY(-3px)}.feature-grid-icon{font-size:1.5rem;margin-bottom:.5rem}.feature-grid-item h4{font-size:1rem;margin-bottom:.5rem}.feature-grid-item p{font-size:.85rem;color:var(--text-muted);margin:0;line-height:1.5}.pipeline-section{text-align:center}.pipeline{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:4rem;flex-wrap:nowrap}.pipeline-node{padding:1.25rem 1.5rem;border-radius:12px;background:var(--surface);border:1px solid var(--border);text-align:center;min-width:0;flex:1 1 0;max-width:200px;position:relative;transition:transform .3s,box-shadow .3s}.pipeline-node:hover{transform:translateY(-4px);box-shadow:0 12px 40px #0000004d}.pipeline-node h4{font-size:1.05rem;margin-bottom:.4rem}.pipeline-node p{font-size:.85rem;color:var(--text-muted);margin:0}.pipeline-node.node-scenario{border-top:3px solid var(--teal)}.pipeline-node.node-depouil{border-top:3px solid var(--violet)}.pipeline-node.node-board{border-top:3px solid var(--blue)}.pipeline-node.node-upstream,.pipeline-node.node-downstream{border:2px dashed var(--green);border-top:3px dashed var(--green);background:#51cf660a}.node-formats{display:block;margin-top:.5rem;font-size:.75rem;color:var(--green);font-weight:600;letter-spacing:.05em}.pipeline-arrow{font-size:1.5rem;color:var(--text-muted);padding:0 .75rem;flex-shrink:0}.pipeline-screenshot{margin-top:2rem;position:relative}.pipeline-screenshot:before{content:"";position:absolute;inset:-80px;background:radial-gradient(ellipse at center,rgba(138,64,175,.06) 0%,transparent 60%);z-index:0;pointer-events:none}.openness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem;margin-bottom:3.5rem}.openness-card{padding:2rem;border-radius:16px;background:var(--surface);border:1px solid var(--border);transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.openness-card:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--green)}.openness-card:hover{transform:translateY(-6px);border-color:var(--border-hover);box-shadow:0 16px 48px #0000004d}.openness-icon{font-size:2rem;margin-bottom:1rem}.openness-card h3{font-size:1.15rem;margin-bottom:1rem}.openness-synthesis{text-align:center;font-size:1.35rem;color:var(--text-body);max-width:750px;margin:0 auto;font-weight:600}.feature-list.accent-green li:before{background:var(--green)}.comparison-table{overflow-x:auto;margin-top:3rem}.comparison-table table{width:100%;border-collapse:collapse;font-size:.9rem;min-width:600px}.comparison-table th,.comparison-table td{padding:.85rem 1rem;text-align:center;border-bottom:1px solid var(--border)}.comparison-table thead th{font-weight:700;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding-bottom:1rem}.comparison-table td[data-lang],.comparison-table th[data-lang]{text-align:left;font-weight:500;color:var(--text-body)}.comparison-table .ct-highlight{color:var(--accent);font-weight:700}.comparison-table th.ct-highlight{color:var(--accent);font-size:1rem}.comparison-table .ct-yes:before{content:"\2713";font-weight:700;color:#22c55e}.comparison-table .ct-no{color:var(--text-muted);opacity:.5}.comparison-table .ct-no:empty:before{content:"\2014"}.comparison-table td.ct-partial{color:var(--text-muted);font-size:.8rem;text-align:center}.comparison-table tbody tr{transition:background .2s}.comparison-table tbody tr:hover{background:#ffffff05}.source-ref{font-size:.7rem;color:var(--text-muted);text-decoration:none;vertical-align:super;opacity:.7;transition:opacity .2s,color .2s}.source-ref:hover{opacity:1;color:var(--accent);text-decoration:none}.tech-section{text-align:center}.tech-statement{font-size:1.3rem;max-width:800px;margin:0 auto 3rem;color:var(--text-body);line-height:1.9}.tech-pills{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:3rem}.tech-pill{padding:.6rem 1.5rem;background:var(--surface);border:1px solid var(--border);border-radius:100px;font-size:.9rem;font-weight:600;color:var(--text-body);transition:border-color .3s,color .3s,transform .3s}.tech-pill:hover{border-color:var(--accent);color:var(--text-title);transform:translateY(-2px)}.tech-details{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;max-width:900px;margin:0 auto;text-align:left}.tech-detail h4{font-size:.95rem;margin-bottom:.5rem}.tech-detail p{font-size:.9rem;color:var(--text-muted);line-height:1.6}.cta-section{text-align:center;padding:8rem 2rem;position:relative;background:radial-gradient(ellipse at 50% 50%,rgba(77,173,247,.06) 0%,transparent 50%),var(--bg-deep)}.cta-section .section-title{font-size:3rem;margin-bottom:1.5rem}.cta-section p{font-size:1.15rem;color:var(--text-muted);max-width:600px;margin:0 auto 2.5rem;line-height:1.8}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.footer{padding:4rem 2rem 2rem;text-align:center;border-top:1px solid var(--border);background:var(--bg-primary)}.footer-brand{font-size:1.5rem;font-weight:800;letter-spacing:.08em;color:var(--text-title);margin-bottom:1.5rem}.footer-links{display:flex;gap:2rem;justify-content:center;margin-bottom:1.5rem}.footer-links a{color:var(--text-muted);font-size:.9rem;transition:color .2s;text-decoration:none}.footer-links a:hover{color:var(--accent)}.footer-copy{font-size:.8rem;color:var(--text-muted);margin-top:1.5rem}.section-divider{width:60px;height:3px;background:var(--accent);border:none;margin:0 auto 2rem;border-radius:2px;opacity:.5}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.pipeline-node,.pipeline-arrow{opacity:0;transform:translate(-20px);transition:opacity .5s ease,transform .5s ease}.pipeline-node.visible,.pipeline-arrow.visible{opacity:1;transform:translate(0)}[data-lang]{display:none}html[lang=fr] [data-lang=fr],html[lang=en] [data-lang=en]{display:revert}span[data-lang],a[data-lang]{display:none}html[lang=fr] span[data-lang=fr],html[lang=fr] a[data-lang=fr],html[lang=en] span[data-lang=en],html[lang=en] a[data-lang=en]{display:inline}@media(max-width:900px){.value-grid,.feature-row,.filmstrip,.feature-grid,.problem-grid,.stats-row,.tech-details,.openness-grid{grid-template-columns:1fr}.feature-row.reversed{direction:ltr}.pipeline{flex-direction:column;flex-wrap:wrap}.pipeline-node{max-width:none;width:100%}.pipeline-arrow{transform:rotate(90deg);padding:.5rem 0}.pipeline-arrow.visible{transform:rotate(90deg)}.problem-then-now{grid-template-columns:1fr}.problem-arrow{transform:rotate(90deg);text-align:center}.section-title{font-size:2rem}.hero-wordmark{font-size:clamp(3.5rem,12vw,7rem)}.storyboard-header .section-title{font-size:2.2rem}.navbar-links{display:none}}