.octet{--ink: #1C1C1E;--ink2: #3A3A3C;--muted: #8E8E93;--bg: #F5F2EE;--bg2: #EDEAE4;--white: #FFFFFF;--accent: #E8501A;--accent2: #2E5FA3;--accent3: #1C7A4A;--border: rgba(28,28,30,.1);--font-head: "Cabinet Grotesk", sans-serif;--font-body: "Lora", Georgia, serif;--r: 8px;--t: .25s ease;font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.6;overflow-x:hidden}.octet *,.octet *:before,.octet *:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}.octet nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#f5f2eeeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 2rem;height:60px;display:flex;align-items:center;justify-content:space-between}.octet .nav-logo{font-family:var(--font-head);font-weight:800;font-size:1.1rem;color:var(--ink);text-decoration:none;letter-spacing:-.02em}.octet .nav-logo em{color:var(--accent);font-style:normal}.octet .nav-links{display:flex;gap:1.75rem;list-style:none}.octet .nav-links a{font-family:var(--font-head);font-size:.88rem;font-weight:500;color:var(--ink2);text-decoration:none;transition:color var(--t)}.octet .nav-links a:hover{color:var(--accent)}.octet .nav-btn{font-family:var(--font-head);font-weight:700;font-size:.85rem;background:var(--ink);color:#fff;border:none;padding:.55rem 1.25rem;border-radius:50px;cursor:pointer;text-decoration:none;transition:background var(--t)}.octet .nav-btn:hover{background:var(--accent)}.octet .hbg{display:none;background:none;border:none;cursor:pointer;flex-direction:column;gap:5px;padding:4px}.octet .hbg span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px}.octet .mob-menu{display:none;position:fixed;inset:0;z-index:99;background:var(--bg);padding:5rem 2rem 2rem;flex-direction:column;gap:1.5rem}.octet .mob-menu.on{display:flex}.octet .mob-menu a{font-family:var(--font-head);font-size:2rem;font-weight:800;color:var(--ink);text-decoration:none}.octet .hero{min-height:100vh;padding:7rem 2rem 5rem;display:flex;align-items:center;background:var(--bg);position:relative;overflow:hidden}.octet .hero:before{content:"";position:absolute;right:-10%;top:10%;width:55vw;max-width:700px;height:55vw;max-height:700px;background:radial-gradient(circle,rgba(232,80,26,.07) 0%,transparent 65%);pointer-events:none}.octet .hero-inner{max-width:1100px;margin:0 auto;width:100%}.octet .hero-eyebrow{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--font-head);font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:1.5rem}.octet .hero-eyebrow:before{content:"";width:28px;height:2px;background:var(--accent);border-radius:2px}.octet .hero h1{font-family:var(--font-head);font-size:clamp(2.8rem,6vw,5.5rem);font-weight:800;line-height:1;letter-spacing:-.03em;color:var(--ink);margin-bottom:1.5rem;max-width:820px}.octet .hero h1 em{font-style:italic;font-family:var(--font-body);font-weight:400;color:var(--accent)}.octet .hero-sub{font-size:1.15rem;color:var(--ink2);line-height:1.75;max-width:560px;margin-bottom:2.5rem}.octet .hero-actions{display:flex;gap:1rem;flex-wrap:wrap}.octet .btn-main{font-family:var(--font-head);font-weight:700;font-size:.95rem;background:var(--ink);color:#fff;padding:.85rem 2rem;border-radius:50px;text-decoration:none;transition:background var(--t),transform var(--t)}.octet .btn-main:hover{background:var(--accent);transform:translateY(-1px)}.octet .btn-out{font-family:var(--font-head);font-weight:600;font-size:.95rem;color:var(--ink);padding:.85rem 2rem;border-radius:50px;text-decoration:none;border:1.5px solid var(--border);transition:border-color var(--t),color var(--t)}.octet .btn-out:hover{border-color:var(--ink);color:var(--accent)}.octet .hero-proof{margin-top:4rem;padding-top:2.5rem;border-top:1px solid var(--border);display:flex;gap:3rem;flex-wrap:wrap}.octet .proof-num{font-family:var(--font-head);font-size:2rem;font-weight:800;color:var(--ink);display:block;letter-spacing:-.03em}.octet .proof-label{font-size:.85rem;color:var(--muted);margin-top:.1rem}.octet section{padding:5rem 2rem}.octet .container{max-width:1100px;margin:0 auto}.octet .eyebrow{font-family:var(--font-head);font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.octet .eyebrow:before{content:"";width:20px;height:2px;background:var(--accent);border-radius:2px}.octet h2.title{font-family:var(--font-head);font-size:clamp(1.9rem,3.5vw,3rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;color:var(--ink);margin-bottom:1rem}.octet h2.title em{font-style:italic;font-family:var(--font-body);font-weight:400;color:var(--accent)}.octet .subtitle{font-size:1.05rem;color:var(--ink2);line-height:1.75;max-width:540px}.octet #realisations{background:var(--white)}.octet .real-intro{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-bottom:4rem}.octet .real-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border);border-radius:var(--r);overflow:hidden}.octet .real-card{background:var(--white);padding:2rem 1.75rem;transition:background var(--t);cursor:default}.octet .real-card:hover{background:var(--bg)}.octet .real-num{font-family:var(--font-head);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}.octet .real-icon{font-size:1.6rem;margin-bottom:1rem;display:block}.octet .real-card h3{font-family:var(--font-head);font-weight:800;font-size:1rem;color:var(--ink);margin-bottom:.6rem;line-height:1.3;letter-spacing:-.01em}.octet .real-card p{font-size:.88rem;color:var(--ink2);line-height:1.65}.octet .real-tag{display:inline-block;margin-top:1rem;font-family:var(--font-head);font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.3rem .75rem;border-radius:50px;background:#1c1c1e0f;color:var(--ink2)}.octet #comment{background:var(--bg2)}.octet .process-wrap{display:grid;grid-template-columns:1fr 2fr;gap:5rem;align-items:start}.octet .process-steps{display:flex;flex-direction:column;gap:0;margin-top:2rem}.octet .step{display:flex;gap:1.5rem;padding:1.75rem 0;border-bottom:1px solid var(--border);transition:background var(--t)}.octet .step:last-child{border-bottom:none}.octet .step-num{font-family:var(--font-head);font-size:.75rem;font-weight:800;color:var(--muted);min-width:28px;padding-top:.1rem;letter-spacing:.05em}.octet .step h3{font-family:var(--font-head);font-weight:700;font-size:1rem;color:var(--ink);margin-bottom:.35rem;letter-spacing:-.01em}.octet .step p{font-size:.88rem;color:var(--ink2);line-height:1.65}.octet #temoignages{background:var(--white)}.octet .testi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-top:3rem}.octet .testi-card{background:var(--bg);border-radius:var(--r);padding:2rem;border:1px solid var(--border)}.octet .testi-quote{font-size:1rem;line-height:1.75;color:var(--ink);margin-bottom:1.5rem;font-style:italic}.octet .testi-quote:before{content:"« "}.octet .testi-quote:after{content:" »"}.octet .testi-who{display:flex;align-items:center;gap:.75rem}.octet .testi-avatar{width:40px;height:40px;border-radius:50%;background:var(--ink);color:#fff;font-family:var(--font-head);font-weight:800;font-size:.9rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.octet .testi-name{font-family:var(--font-head);font-weight:700;font-size:.9rem}.octet .testi-role{font-size:.8rem;color:var(--muted)}.octet #blog{background:var(--bg)}.octet .blog-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2.5rem;flex-wrap:wrap;gap:1rem}.octet .blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.octet .post{background:var(--white);border-radius:var(--r);border:1px solid var(--border);overflow:hidden;transition:transform var(--t),box-shadow var(--t);text-decoration:none;color:inherit;display:block}.octet .post:hover{transform:translateY(-3px);box-shadow:0 12px 40px #1c1c1e1a}.octet .post-cat{height:6px;background:var(--accent)}.octet .post-cat.blue{background:var(--accent2)}.octet .post-cat.green{background:var(--accent3)}.octet .post-body{padding:1.5rem}.octet .post-tag{font-family:var(--font-head);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:.6rem}.octet .post-tag.blue{color:var(--accent2)}.octet .post-tag.green{color:var(--accent3)}.octet .post h3{font-family:var(--font-head);font-weight:800;font-size:1rem;line-height:1.35;color:var(--ink);margin-bottom:.75rem;letter-spacing:-.01em}.octet .post p{font-size:.85rem;color:var(--ink2);line-height:1.65}.octet .post-meta{margin-top:1.25rem;font-family:var(--font-head);font-size:.78rem;color:var(--muted);display:flex;gap:.5rem}.octet #contact{background:var(--ink);color:var(--bg)}.octet .contact-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center}.octet #contact .eyebrow{color:var(--accent)}.octet #contact .eyebrow:before{background:var(--accent)}.octet #contact h2.title{color:var(--bg)}.octet #contact .subtitle{color:#f5f2eea6}.octet .contact-card-dark{background:#f5f2ee0d;border:1px solid rgba(245,242,238,.12);border-radius:12px;padding:2.5rem}.octet .contact-person{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.octet .avatar-big{width:56px;height:56px;border-radius:50%;background:var(--accent);color:#fff;font-family:var(--font-head);font-weight:800;font-size:1.2rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.octet .contact-person h3{font-family:var(--font-head);font-weight:800;font-size:1.1rem;color:var(--bg)}.octet .contact-person span{font-size:.85rem;color:#f5f2ee8c}.octet .contact-line{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:var(--r);background:#f5f2ee0d;border:1px solid rgba(245,242,238,.1);text-decoration:none;color:var(--bg);margin-bottom:.75rem;transition:background var(--t),border-color var(--t)}.octet .contact-line:hover{background:#e8501a26;border-color:#e8501a66}.octet .contact-ico{width:36px;height:36px;border-radius:var(--r);background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.octet .contact-line-text strong{font-family:var(--font-head);font-weight:700;font-size:.9rem;display:block}.octet .contact-line-text small{font-size:.78rem;color:#f5f2ee80;font-family:var(--font-head)}.octet footer{background:var(--ink);border-top:1px solid rgba(245,242,238,.08);padding:2rem;font-family:var(--font-head)}.octet .footer-inner{max-width:1100px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.octet .footer-left{font-size:.82rem;color:#f5f2ee66;line-height:1.6}.octet .footer-left strong{color:#f5f2eeb3}.octet .footer-links{display:flex;gap:1.5rem;list-style:none}.octet .footer-links a{font-size:.82rem;color:#f5f2ee66;text-decoration:none;transition:color var(--t);cursor:pointer}.octet .footer-links a:hover{color:var(--bg)}.octet .legal-trigger{background:none;border:none;cursor:pointer;font-family:var(--font-head);font-size:.82rem;color:#f5f2ee66;text-decoration:underline;padding:0;transition:color var(--t)}.octet .legal-trigger:hover{color:var(--bg)}.octet .modal-bg{position:fixed;inset:0;z-index:200;background:#1c1c1ecc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:1rem}.octet .modal-box{background:var(--white);border-radius:12px;padding:2.5rem;max-width:600px;width:100%;max-height:80vh;overflow-y:auto;position:relative}.octet .modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;cursor:pointer;font-size:1.3rem;color:var(--muted);transition:color var(--t)}.octet .modal-close:hover{color:var(--ink)}.octet .modal-box h2{font-family:var(--font-head);font-size:1.4rem;font-weight:800;margin-bottom:1.5rem}.octet .legal-row{display:flex;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid var(--border);font-size:.88rem;gap:1rem}.octet .legal-row:last-child{border-bottom:none}.octet .legal-row span:first-child{color:var(--muted);font-family:var(--font-head)}.octet .legal-row strong{font-family:var(--font-head);font-weight:700;text-align:right}.octet .legal-rgpd{margin-top:1.5rem;padding:1rem;background:var(--bg);border-radius:var(--r);font-size:.83rem;line-height:1.65;color:var(--ink2)}.octet .reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.octet .reveal.in{opacity:1;transform:none}@media(max-width:960px){.octet .real-grid{grid-template-columns:1fr 1fr}.octet .real-intro{grid-template-columns:1fr;gap:2rem}.octet .process-wrap{grid-template-columns:1fr;gap:2.5rem}.octet .contact-inner{grid-template-columns:1fr;gap:3rem}.octet .testi-grid{grid-template-columns:1fr}.octet .blog-grid{grid-template-columns:1fr 1fr}}@media(max-width:700px){.octet nav{padding:0 1.25rem}.octet .nav-links,.octet .nav-btn{display:none}.octet .hbg{display:flex}.octet section{padding:3.5rem 1.25rem}.octet .hero{padding:5.5rem 1.25rem 3.5rem}.octet .real-grid,.octet .blog-grid{grid-template-columns:1fr}.octet .hero-proof{gap:2rem}.octet .footer-inner{flex-direction:column;align-items:flex-start;gap:1rem}}.octet .article-page{padding:7rem 1.5rem 4rem;background:var(--bg)}.octet .article-wrap{max-width:720px;margin:0 auto}.octet .article-back{display:inline-block;color:#0000008c;font-size:.88rem;text-decoration:none;margin-bottom:2rem}.octet .article-back:hover{color:var(--accent)}.octet .article-tag{display:inline-block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:600;margin-bottom:1.25rem}.octet .article-title{font-family:Cabinet Grotesk,sans-serif;font-weight:800;font-size:clamp(1.9rem,4.5vw,3rem);line-height:1.1;letter-spacing:-.02em;margin:0 0 1.25rem}.octet .article-lede{font-family:Lora,serif;font-style:italic;font-size:1.2rem;line-height:1.55;color:#000000b3;margin:0 0 1.5rem}.octet .article-meta{display:flex;gap:.6rem;font-size:.85rem;color:#00000080;padding-bottom:2rem;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:2.5rem}.octet .article-body{font-size:1.06rem;line-height:1.75;color:#000000d1}.octet .article-body h2{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:1.55rem;line-height:1.25;margin:2.75rem 0 1rem;letter-spacing:-.01em}.octet .article-body h3{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:1.2rem;margin:2rem 0 .75rem}.octet .article-body p{margin:0 0 1.15rem}.octet .article-body ul,.octet .article-body ol{margin:0 0 1.25rem;padding-left:1.4rem}.octet .article-body li{margin-bottom:.5rem}.octet .article-body strong{font-weight:700;color:#000000f2}.octet .article-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.octet .article-body blockquote{border-left:3px solid var(--accent);padding:.25rem 0 .25rem 1.25rem;margin:1.5rem 0;font-style:italic;color:#000000b3}.octet .article-body code{background:#0000000f;padding:.1rem .4rem;border-radius:4px;font-size:.92em}.octet .article-cta{margin-top:4rem;padding:2.5rem;background:#0000000a;border-radius:var(--r);text-align:center}.octet .article-cta h2{font-family:Cabinet Grotesk,sans-serif;font-weight:700;font-size:1.4rem;margin:0 0 .75rem}.octet .article-cta p{color:#000000a6;margin:0 0 1.5rem}