:root{--encre: #0f1b33;--encre-doux: #4a5771;--bleu: #1f4fd8;--bleu-nuit: #16307a;--bleu-clair: #dbe4fb;--or: #16307a;--craie: #f4f6fb;--brume: #e4ebf7;--ligne: #d6dce8;--blanc: #ffffff;--serif: "Schibsted Grotesk", -apple-system, "Segoe UI", sans-serif;--sans: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--mesure: 64ch;--pad-x: clamp(1.25rem, 5vw, 6rem)}:root[data-theme=dark]{--encre: #eef1f7;--encre-doux: #a7b0c4;--bleu: #6f9bff;--bleu-nuit: #c9d8ff;--bleu-clair: #1b2744;--or: #e6a53c;--craie: #0c1424;--brume: #121c31;--ligne: #26324d;--blanc: #0f1a2e}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--encre: #eef1f7;--encre-doux: #a7b0c4;--bleu: #6f9bff;--bleu-nuit: #c9d8ff;--bleu-clair: #1b2744;--or: #e6a53c;--craie: #0c1424;--brume: #121c31;--ligne: #26324d;--blanc: #0f1a2e}}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}body{background:var(--craie);color:var(--encre);font-family:var(--sans);font-size:clamp(1rem,.95rem + .25vw,1.125rem);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.02;text-wrap:balance;letter-spacing:-.03em}a{color:inherit;text-decoration:none}.wrap{max-width:1240px;margin-inline:auto;padding-inline:var(--pad-x)}.eyebrow{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bleu);display:inline-flex;align-items:center;gap:.6rem}.eyebrow:before{content:"";width:1.6rem;height:1px;background:currentColor;display:inline-block}header{position:sticky;top:0;z-index:50;background:color-mix(in oklab,var(--craie) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--ligne)}.nav{display:flex;align-items:center;justify-content:space-between;padding-block:.9rem}.brand{display:flex;align-items:center;gap:.7rem;font-family:var(--serif);font-size:1.4rem;font-weight:600;letter-spacing:-.02em}.brand img{width:34px;height:34px;border-radius:9px;display:block}.nav-links{display:flex;align-items:center;gap:2rem;font-size:.95rem}.nav-links a.link{color:var(--encre-doux);transition:color .2s}.nav-links a.link:hover{color:var(--encre)}.nav-links .ghost{border:1px solid var(--ligne);padding:.5rem 1rem;border-radius:8px;font-weight:500}@media(max-width:800px){.nav-links .hide-sm{display:none}}.btn{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--sans);font-weight:600;font-size:.98rem;padding:.8rem 1.4rem;border-radius:10px;transition:transform .18s cubic-bezier(.2,.7,.3,1),box-shadow .18s;cursor:pointer;border:none}.btn-primary{background:var(--bleu-nuit);color:#fff}:root[data-theme=dark] .btn-primary{color:#0c1424}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .btn-primary{color:#0c1424}}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 28px -12px color-mix(in oklab,var(--bleu-nuit) 60%,transparent)}.btn-gold{background:transparent;color:var(--encre);border:1px solid var(--or)}.btn-gold:hover{background:color-mix(in oklab,var(--or) 12%,transparent)}.btn svg{width:1.05em;height:1.05em}.hero{padding-block:clamp(3.5rem,8vw,7rem) clamp(2rem,5vw,4rem);position:relative}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}@media(max-width:960px){.hero-grid{grid-template-columns:minmax(0,1fr)}}.hero h1{font-size:clamp(2.5rem,1.5rem + 4.4vw,4.7rem);font-weight:700;margin-block:1.4rem 1.5rem}.hero h1 .mark{color:var(--bleu);font-weight:600}.hero p.lede{font-size:clamp(1.05rem,1rem + .4vw,1.28rem);color:var(--encre-doux);max-width:40ch;line-height:1.55}.hero-cta{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:2.2rem}.hero-note{margin-top:1.4rem;font-size:.86rem;color:var(--encre-doux);display:flex;align-items:center;gap:.5rem}.hero-note b{color:var(--encre);font-weight:600}.shot-frame{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--ligne);box-shadow:0 40px 80px -40px color-mix(in oklab,var(--bleu-nuit) 45%,transparent),0 2px 8px -4px #0003;background:var(--blanc);transform:perspective(1600px) rotateY(-4deg) rotateX(1.5deg);transition:transform .5s cubic-bezier(.2,.7,.3,1)}.shot-frame:hover{transform:perspective(1600px) rotateY(0) rotateX(0)}.shot-frame img{display:block;width:100%;height:auto}.shot-frame .bar{display:flex;gap:.4rem;padding:.6rem .8rem;background:color-mix(in oklab,var(--encre) 5%,var(--blanc));border-bottom:1px solid var(--ligne)}.shot-frame .bar i{width:.66rem;height:.66rem;border-radius:50%;background:var(--ligne);display:block}@media(max-width:960px){.shot-frame{transform:none}}.hero-float{position:absolute;right:.6rem;bottom:.8rem;background:var(--blanc);border:1px solid var(--ligne);border-radius:12px;padding:.85rem 1.1rem;box-shadow:0 20px 40px -24px #00000059;display:flex;align-items:center;gap:.7rem;font-size:.85rem}.hero-float .dot{width:2.2rem;height:2.2rem;border-radius:9px;background:color-mix(in oklab,var(--or) 18%,var(--blanc));color:var(--or);display:grid;place-items:center}.hero-float b{display:block;font-family:var(--serif);font-size:1.1rem;color:var(--encre);line-height:1}.hero-float span{color:var(--encre-doux)}@media(max-width:960px){.hero-float{display:none}}.strip{border-block:1px solid var(--ligne);background:var(--brume)}.strip .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1.4rem}.strip p{font-size:.9rem;color:var(--encre-doux)}.strip .tags{display:flex;flex-wrap:wrap;gap:.6rem}.strip .tag{font-size:.82rem;font-weight:500;padding:.35rem .8rem;border-radius:100px;background:var(--blanc);border:1px solid var(--ligne);color:var(--encre)}.strip .tag b{color:var(--bleu);font-weight:600}section{padding-block:clamp(4rem,9vw,7.5rem)}.sec-head{max-width:54ch;margin-bottom:clamp(2.5rem,5vw,4rem)}.sec-head h2{font-size:clamp(2rem,1.4rem + 2.4vw,3.2rem);margin-block:1rem 1rem}.sec-head p{color:var(--encre-doux);font-size:1.1rem}.problem{background:var(--encre);color:var(--craie)}:root[data-theme=dark] .problem{background:#060c17}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .problem{background:#060c17}}.problem .eyebrow{color:#7fa2f0}.problem h2{color:#fff;font-size:clamp(2rem,1.4rem + 2.6vw,3.4rem);max-width:20ch}:root[data-theme=dark] .problem h2{color:var(--encre)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .problem h2{color:var(--encre)}}.problem .cols{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1.5rem,4vw,3rem);margin-top:3.5rem}@media(max-width:760px){.problem .cols{grid-template-columns:1fr}}.problem .col{border-top:1px solid color-mix(in oklab,#fff 20%,transparent);padding-top:1.2rem}:root[data-theme=dark] .problem .col{border-top-color:var(--ligne)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .problem .col{border-top-color:var(--ligne)}}.problem .col h3{font-size:1.35rem;color:#fff;margin-bottom:.6rem}:root[data-theme=dark] .problem .col h3{color:var(--encre)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .problem .col h3{color:var(--encre)}}.problem .col p{color:color-mix(in oklab,#fff 72%,transparent);font-size:.98rem}:root[data-theme=dark] .problem .col p{color:var(--encre-doux)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .problem .col p{color:var(--encre-doux)}}.problem .col .n{font-family:var(--serif);font-size:.9rem;color:#7fa2f0}.feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,6vw,5rem);align-items:center}.feature+.feature{margin-top:clamp(4rem,9vw,7rem)}.feature.flip .feature-text{order:2}@media(max-width:900px){.feature{grid-template-columns:minmax(0,1fr)}.feature.flip .feature-text{order:0}}.feature-text .kicker{font-family:var(--sans);font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--bleu)}.feature-text h3{font-size:clamp(1.7rem,1.3rem + 1.4vw,2.4rem);margin-block:.5rem 1rem}.feature-text p{color:var(--encre-doux);max-width:42ch}.feature-list{list-style:none;padding:0;margin-top:1.4rem;display:flex;flex-direction:column;gap:.7rem}.feature-list li{display:flex;gap:.7rem;align-items:flex-start;font-size:.96rem}.feature-list svg{width:1.2rem;height:1.2rem;color:var(--bleu);flex-shrink:0;margin-top:.15rem}.plate{border-radius:14px;overflow:hidden;border:1px solid var(--ligne);box-shadow:0 30px 60px -34px color-mix(in oklab,var(--encre) 40%,transparent);background:var(--blanc)}.plate img{display:block;width:100%;height:auto}.plate .bar{display:flex;gap:.4rem;padding:.55rem .8rem;background:color-mix(in oklab,var(--encre) 5%,var(--blanc));border-bottom:1px solid var(--ligne)}.plate .bar i{width:.6rem;height:.6rem;border-radius:50%;background:var(--ligne)}.oss{background:var(--brume);border-block:1px solid var(--ligne)}.oss .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:center}@media(max-width:860px){.oss .wrap{grid-template-columns:minmax(0,1fr)}}.oss h2{font-size:clamp(1.8rem,1.4rem + 1.8vw,2.8rem)}.oss p{color:var(--encre-doux);margin-top:1rem;max-width:46ch}.terminal{background:var(--encre);border-radius:12px;padding:1.4rem 1.5rem;color:#cdd7ea;box-shadow:0 30px 60px -30px #00000080;border:1px solid color-mix(in oklab,#fff 12%,transparent);overflow-x:auto}:root[data-theme=dark] .terminal{background:#060c17}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .terminal{background:#060c17}}.terminal .row{display:flex;gap:.5rem;margin-bottom:1rem}.terminal .row i{width:.7rem;height:.7rem;border-radius:50%}.terminal code{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.86rem;line-height:1.8;display:block}.terminal .c1{color:#8ba0c4}.terminal .c2{color:#7fd9a6}.terminal .c3{color:#e6a53c}.oss-stats{display:flex;flex-wrap:wrap;gap:1.25rem 2rem;margin-top:1.8rem}.oss-stats .s b{font-family:var(--serif);font-size:1.8rem;display:block;line-height:1}.oss-stats .s span{font-size:.82rem;color:var(--encre-doux)}.stack-row{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.6rem}.stack-row .chip{font-size:.85rem;padding:.4rem .9rem;border:1px solid var(--ligne);border-radius:8px;background:var(--blanc);color:var(--encre-doux)}.cta-final{text-align:center}.cta-final .wrap{max-width:720px}.cta-final h2{font-size:clamp(2.2rem,1.5rem + 3vw,3.8rem)}.cta-final p{color:var(--encre-doux);font-size:1.15rem;margin-block:1.2rem 2.2rem}.cta-final .hero-cta{justify-content:center}footer{border-top:1px solid var(--ligne);padding-block:3rem;background:var(--brume)}footer .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1.5rem;align-items:center}footer .brand{font-size:1.2rem}footer p{font-size:.85rem;color:var(--encre-doux)}footer .fnav{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;font-size:.9rem}footer .fnav a{color:var(--encre-doux)}footer .fnav a:hover{color:var(--encre)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}.reveal.in{opacity:1;transform:none}.toggle{background:none;border:1px solid var(--ligne);border-radius:8px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;color:var(--encre-doux)}.toggle:hover{color:var(--encre)}.toggle svg{width:1.1rem;height:1.1rem}