.octet{--bg:#1a1a1a;--bg2:#2d2d2d;--muted:#4a4a4a;--ink:#fff;--ink2:#ffffffb8;--ink3:#ffffff7a;--line:#ffffff14;--line2:#2d2d2d;--accent:#e85d3a;--accent2:#ff7a55;--r:0px;--t:.32s cubic-bezier(.22, 1, .36, 1);--font-head:"Space Grotesk", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif;background:var(--bg);color:var(--ink);font-family:var(--font-body);min-height:100vh;font-size:16px;line-height:1.6;overflow-x:hidden}.octet ::selection{background:var(--accent);color:#fff}.octet a{color:inherit;text-decoration:none}.octet button{font-family:inherit}.octet img{max-width:100%;display:block}.octet .reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.22,1,.36,1);transform:translateY(28px)}.octet .reveal.in{opacity:1;transform:none}.octet .eyebrow{font-family:var(--font-head);color:var(--accent);letter-spacing:.22em;text-transform:uppercase;margin-bottom:1.25rem;font-size:.72rem;font-weight:600;display:inline-block}.octet .title{font-family:var(--font-head);letter-spacing:-.035em;color:var(--ink);margin:0;font-size:clamp(2.2rem,5vw,4.2rem);font-weight:700;line-height:.95}.octet .title em{color:var(--accent);font-style:italic;font-weight:300}.octet .subtitle{color:var(--ink2);max-width:56ch;font-size:1.05rem;line-height:1.65}.octet .container{max-width:1320px;margin:0 auto;padding:0 2rem}.octet nav{z-index:50;-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#1a1a1ad9;justify-content:space-between;align-items:center;padding:1.1rem 2rem;display:flex;position:fixed;inset:0 0 auto}.octet .nav-logo{font-family:var(--font-head);letter-spacing:-.02em;text-transform:uppercase;color:var(--ink);align-items:center;gap:.5rem;font-size:1.15rem;font-weight:700;display:flex}.octet .nav-logo:before{content:"";background:var(--accent);width:8px;height:8px;box-shadow:0 0 12px var(--accent);border-radius:50%}.octet .nav-logo em{color:var(--accent);font-style:normal}.octet .nav-links{gap:2.5rem;margin:0;padding:0;list-style:none;display:flex}.octet .nav-links a{font-family:var(--font-head);letter-spacing:.18em;text-transform:uppercase;color:var(--ink3);transition:color var(--t);font-size:.74rem;font-weight:500;position:relative}.octet .nav-links a:after{content:"";background:var(--accent);width:0;height:1px;transition:width var(--t);position:absolute;bottom:-6px;left:0}.octet .nav-links a:hover{color:var(--ink)}.octet .nav-links a:hover:after{width:100%}.octet .nav-btn{font-family:var(--font-head);letter-spacing:.18em;text-transform:uppercase;background:var(--accent);color:#fff;transition:all var(--t);padding:.85rem 1.5rem;font-size:.74rem;font-weight:700}.octet .nav-btn:hover{color:var(--bg);background:#fff}.octet .hbg{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:8px;display:none}.octet .hbg span{background:var(--ink);width:22px;height:1.5px;display:block}.octet .mob-menu{z-index:49;background:var(--bg);font-family:var(--font-head);letter-spacing:-.02em;flex-direction:column;justify-content:center;align-items:flex-start;gap:1.25rem;padding:2rem;font-size:1.6rem;font-weight:700;transition:transform .42s cubic-bezier(.7,0,.3,1);display:flex;position:fixed;inset:0;transform:translate(100%)}.octet .mob-menu.on{transform:none}.octet .mob-menu a{color:var(--ink)}.octet .btn-main{font-family:var(--font-head);letter-spacing:.16em;text-transform:uppercase;background:var(--accent);color:#fff;border:1px solid var(--accent);cursor:pointer;transition:all var(--t);align-items:center;gap:.6rem;padding:1.1rem 1.8rem;font-size:.82rem;font-weight:700;display:inline-flex}.octet .btn-main:hover{color:var(--bg);background:#fff;border-color:#fff}.octet .btn-out{font-family:var(--font-head);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border:1px solid var(--muted);cursor:pointer;transition:all var(--t);background:0 0;align-items:center;gap:.6rem;padding:1.1rem 1.8rem;font-size:.82rem;font-weight:700;display:inline-flex}.octet .btn-out:hover{border-color:var(--accent);color:var(--accent)}.octet .hero{background:var(--bg);flex-direction:column;justify-content:center;min-height:100vh;padding:9rem 2rem 4rem;display:flex;position:relative;overflow:hidden}.octet .hero:before{content:"";background-image:linear-gradient(var(--muted) 1px,transparent 1px),linear-gradient(90deg,var(--muted) 1px,transparent 1px);opacity:.04;pointer-events:none;background-size:80px 80px;position:absolute;inset:0}.octet .hero-bignum{font-family:var(--font-head);color:var(--bg2);opacity:.5;-webkit-user-select:none;user-select:none;pointer-events:none;letter-spacing:-.05em;font-size:22vw;font-weight:700;line-height:.85;position:absolute;top:5rem;right:-3rem}.octet .hero-inner{z-index:2;grid-template-columns:1fr 2fr;align-items:end;gap:3rem;width:100%;max-width:1320px;margin:0 auto;display:grid;position:relative}.octet .hero-meta{border-left:1px solid var(--muted);padding-left:1.5rem}.octet .hero-eyebrow{font-family:var(--font-head);color:var(--accent);letter-spacing:.22em;text-transform:uppercase;margin-bottom:.75rem;font-size:.72rem;font-weight:600}.octet .hero-meta p{color:var(--ink3);margin:0 0 2rem;font-size:.9rem;line-height:1.55}.octet .hero h1{font-family:var(--font-head);letter-spacing:-.045em;text-transform:uppercase;color:var(--ink);margin:0 0 1.5rem;font-size:clamp(3.2rem,9.5vw,8.5rem);font-weight:700;line-height:.88}.octet .hero h1 .stroke{color:#0000;-webkit-text-stroke:1px #ffffff52}.octet .hero h1 .accent{color:var(--accent);text-transform:none;font-style:italic;font-weight:300}.octet .hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.octet .hero-cta-note{font-family:var(--font-head);letter-spacing:.18em;text-transform:uppercase;color:var(--ink3);margin:1.25rem 0 0;font-size:.7rem;font-weight:500}.octet .hero-stats{z-index:2;border-top:1px solid var(--line2);grid-template-columns:repeat(4,1fr);gap:2rem;max-width:1320px;margin:5rem auto 0;padding-top:2rem;display:grid;position:relative}.octet .hero-stats .item .lab{font-family:var(--font-head);letter-spacing:.22em;text-transform:uppercase;color:var(--ink3);margin-bottom:.5rem;font-size:.65rem}.octet .hero-stats .item .val{font-family:var(--font-head);color:var(--ink);font-size:1.35rem;font-style:italic;font-weight:500}.octet .hero-stats .item .val small{color:var(--ink3);margin-left:.4rem;font-size:.85rem;font-style:normal;font-weight:400}.octet .hero-stats .status{font-family:var(--font-head);letter-spacing:.22em;text-transform:uppercase;color:var(--ink3);justify-content:flex-end;align-items:center;gap:.6rem;font-size:.65rem;display:flex}.octet .hero-stats .status .dot{background:#5ec77d;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseDot;box-shadow:0 0 12px #5ec77db3}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(1.18)}}.octet section{border-top:1px solid var(--line2);background:var(--bg);padding:7rem 0}.octet section#hero{border-top:none;padding-top:0;padding-bottom:0}.octet .real-intro,.octet .blog-header{grid-template-columns:1.1fr 1fr;align-items:end;gap:3rem;margin-bottom:4rem;display:grid}.octet .real-grid{border-top:1px solid var(--line2);border-left:1px solid var(--line2);grid-template-columns:repeat(3,1fr);display:grid}.octet .real-card{border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);transition:background var(--t);cursor:default;padding:2.5rem 2rem;position:relative}.octet .real-card:hover{background:var(--bg2)}.octet .real-num{font-family:var(--font-head);letter-spacing:.22em;color:var(--accent);margin-bottom:1.5rem;font-size:.72rem;font-weight:700}.octet .real-icon{filter:grayscale(.2);margin-bottom:1rem;font-size:1.6rem;display:inline-block}.octet .real-card h3{font-family:var(--font-head);letter-spacing:-.02em;color:var(--ink);margin:0 0 1rem;font-size:1.45rem;font-weight:600;line-height:1.15}.octet .real-card p{color:var(--ink2);margin:0 0 1.5rem;font-size:.95rem;line-height:1.6}.octet .real-tag{font-family:var(--font-head);letter-spacing:.2em;text-transform:uppercase;color:var(--ink3);border-top:1px solid var(--line);padding-top:1rem;font-size:.66rem;display:inline-block}.octet .process-wrap{grid-template-columns:1fr 1.4fr;align-items:start;gap:5rem;display:grid}.octet .process-steps{flex-direction:column;display:flex}.octet .step{border-top:1px solid var(--line2);transition:padding var(--t);grid-template-columns:80px 1fr;align-items:start;gap:2rem;padding:2rem 0;display:grid}.octet .step:hover{padding-left:1rem}.octet .step:last-child{border-bottom:1px solid var(--line2)}.octet .step-num{font-family:var(--font-head);color:var(--accent);font-size:2rem;font-style:italic;font-weight:300;line-height:1}.octet .step h3{font-family:var(--font-head);letter-spacing:-.015em;color:var(--ink);margin:0 0 .5rem;font-size:1.25rem;font-weight:600}.octet .step p{color:var(--ink2);margin:0;font-size:.95rem;line-height:1.6}.octet .exemples-grid{grid-template-columns:repeat(2,1fr);gap:2.5rem;display:grid}.octet .exemple-card{background:var(--bg2);border:1px solid var(--line2);transition:border-color var(--t),transform var(--t);flex-direction:column;display:flex}.octet .exemple-card:hover{border-color:var(--accent);transform:translateY(-4px)}.octet .exemple-shot{border-bottom:1px solid var(--line2);aspect-ratio:16/10;background:var(--bg);overflow:hidden}.octet .exemple-shot img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.22,1,.36,1)}.octet .exemple-card:hover .exemple-shot img{transform:scale(1.04)}.octet .exemple-body{padding:2rem}.octet .exemple-client{font-family:var(--font-head);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;font-size:.66rem}.octet .exemple-body h3{font-family:var(--font-head);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:.6rem;margin:0 0 1rem;font-size:1.5rem;font-weight:600;display:flex}.octet .exemple-icon{font-size:1.2rem}.octet .exemple-body p{color:var(--ink2);margin:0 0 1.25rem;font-size:.95rem;line-height:1.6}.octet .testi-grid{border-top:1px solid var(--line2);border-left:1px solid var(--line2);grid-template-columns:repeat(2,1fr);gap:0;margin-top:3rem;display:grid}.octet .testi-card{border-right:1px solid var(--line2);border-bottom:1px solid var(--line2);transition:background var(--t);flex-direction:column;justify-content:space-between;gap:2rem;padding:3rem 2.5rem;display:flex}.octet .testi-card:hover{background:var(--bg2)}.octet .testi-quote{font-family:var(--font-head);color:var(--ink);border-left:2px solid var(--accent);margin:0;padding-left:1.5rem;font-size:1.25rem;font-style:italic;font-weight:400;line-height:1.4;position:relative}.octet .testi-who{align-items:center;gap:1rem;display:flex}.octet .testi-avatar{width:44px;height:44px;font-family:var(--font-head);color:#fff;border-radius:50%;place-items:center;font-size:.85rem;font-weight:700;display:grid}.octet .testi-name{font-family:var(--font-head);color:var(--ink);font-size:.95rem;font-weight:600}.octet .testi-role{color:var(--ink3);font-size:.8rem}.octet .blog-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.octet .post{background:var(--bg2);border:1px solid var(--line2);transition:border-color var(--t),transform var(--t);flex-direction:column;display:flex}.octet .post:hover{border-color:var(--accent);transform:translateY(-3px)}.octet .post-cat{background:linear-gradient(90deg,var(--accent),var(--accent2));height:8px}.octet .post-body{flex-direction:column;flex:1;gap:1rem;padding:2rem;display:flex}.octet .post-tag{font-family:var(--font-head);letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-size:.66rem;font-weight:700}.octet .post h3{font-family:var(--font-head);letter-spacing:-.02em;color:var(--ink);margin:0;font-size:1.3rem;font-weight:600;line-height:1.2}.octet .post p{color:var(--ink2);flex:1;margin:0;font-size:.92rem;line-height:1.55}.octet .post-meta{font-family:var(--font-head);letter-spacing:.1em;color:var(--ink3);text-transform:uppercase;border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.5rem;padding-top:1rem;font-size:.72rem;display:flex}.octet #contact .contact-inner{grid-template-columns:1fr 1fr;align-items:start;gap:4rem;max-width:1320px;margin:0 auto;padding:0 2rem;display:grid}.octet .contact-card-dark{background:var(--bg2);border:1px solid var(--line2);flex-direction:column;gap:1.5rem;padding:2.5rem;display:flex}.octet .contact-person{border-bottom:1px solid var(--line2);align-items:center;gap:1.25rem;padding-bottom:1.5rem;display:flex}.octet .avatar-big{border:2px solid var(--accent);border-radius:50%;width:72px;height:72px}.octet .contact-person h3{font-family:var(--font-head);color:var(--ink);margin:0;font-size:1.2rem;font-weight:600}.octet .contact-person span{font-family:var(--font-head);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-size:.7rem}.octet .contact-line{border-bottom:1px solid var(--line);transition:padding var(--t);align-items:center;gap:1rem;padding:1rem 0;display:flex}.octet .contact-line:last-child{border-bottom:none}.octet .contact-line:hover{padding-left:.5rem}.octet .contact-ico{background:var(--bg);border:1px solid var(--line2);place-items:center;width:40px;height:40px;font-size:1rem;display:grid}.octet .contact-line-text{flex-direction:column;display:flex}.octet .contact-line-text strong{font-family:var(--font-head);color:var(--ink);font-size:.98rem;font-weight:600}.octet .contact-line-text small{color:var(--ink3);font-size:.78rem}.octet footer{border-top:1px solid var(--line2);background:#0f0f0f;padding:2.5rem 2rem}.octet .footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;max-width:1320px;margin:0 auto;display:flex}.octet .footer-left{color:var(--ink3);font-size:.78rem;line-height:1.6}.octet .footer-left strong{color:var(--ink)}.octet .footer-links{gap:1.75rem;margin:0;padding:0;list-style:none;display:flex}.octet .footer-links a,.octet .footer-links button{font-family:var(--font-head);letter-spacing:.18em;text-transform:uppercase;color:var(--ink3);cursor:pointer;transition:color var(--t);background:0 0;border:none;padding:0;font-size:.72rem}.octet .footer-links a:hover,.octet .footer-links button:hover{color:var(--accent)}.octet .modal-bg{z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#000000c7;place-items:center;padding:2rem;transition:opacity .3s;display:grid;position:fixed;inset:0}.octet .modal-bg.on{opacity:1;pointer-events:auto}.octet .modal-box{background:var(--bg2);border:1px solid var(--line2);width:100%;max-width:640px;max-height:86vh;padding:2.5rem;position:relative;overflow-y:auto}.octet .modal-box h2{font-family:var(--font-head);letter-spacing:-.02em;color:var(--ink);margin:0 0 1.5rem;font-size:1.6rem;font-weight:700}.octet .modal-close{color:var(--ink);cursor:pointer;background:0 0;border:none;padding:.5rem;font-size:1.1rem;position:absolute;top:1rem;right:1rem}.octet .legal-row{border-bottom:1px solid var(--line);justify-content:space-between;gap:1rem;padding:.75rem 0;font-size:.9rem;display:flex}.octet .legal-row span{color:var(--ink3)}.octet .legal-row strong{color:var(--ink);text-align:right;font-weight:600}.octet .legal-rgpd{border-top:1px solid var(--line2);color:var(--ink2);margin-top:1.5rem;padding-top:1.5rem;font-size:.85rem;line-height:1.6}.octet .legal-rgpd strong{color:var(--accent)}@media(max-width:960px){.octet nav{padding:.9rem 1.25rem}.octet .nav-links,.octet .nav-btn{display:none}.octet .hbg{display:flex}.octet section{padding:4.5rem 0}.octet .container{padding:0 1.25rem}.octet .hero{padding:7rem 1.25rem 3rem}.octet .hero-inner{grid-template-columns:1fr;gap:2rem}.octet .hero-meta{border-left:none;border-top:1px solid var(--muted);padding-top:1.5rem;padding-left:0}.octet .hero-bignum{font-size:40vw;top:auto;bottom:-3rem;right:-2rem}.octet .hero-stats{grid-template-columns:repeat(2,1fr);margin-top:3rem;padding:2rem 1.25rem 0}.octet .hero-stats .status{justify-content:flex-start}.octet .real-intro,.octet .blog-header{grid-template-columns:1fr;gap:1.5rem}.octet .real-grid{border-top:none;border-left:none;grid-template-columns:1fr}.octet .real-card{border-right:none}.octet .process-wrap{grid-template-columns:1fr;gap:2.5rem}.octet .exemples-grid{grid-template-columns:1fr;gap:1.5rem}.octet .testi-grid{border-left:none;grid-template-columns:1fr}.octet .testi-card{border-right:none;padding:2rem 1.5rem}.octet .blog-grid{grid-template-columns:1fr}.octet #contact .contact-inner{grid-template-columns:1fr;gap:2.5rem;padding:0 1.25rem}.octet .footer-inner{flex-direction:column;align-items:flex-start}.octet .footer-links{flex-wrap:wrap;gap:1rem}}.octet .contact-hero{background:var(--bg);padding:9rem 2rem 3rem}.octet .contact-hero h1{font-family:var(--font-head);letter-spacing:-.035em;color:var(--ink);margin:0 0 1.25rem;font-size:clamp(2.4rem,6vw,4.5rem);font-weight:700;line-height:.95}.octet .contact-hero h1 em{color:var(--accent);font-style:italic;font-weight:300}.octet .contact-body{background:var(--bg);padding:0 2rem 6rem}.octet .contact-grid{grid-template-columns:1.2fr 1fr;align-items:start;gap:4rem;max-width:1320px;margin:0 auto;display:grid}.octet .contact-form-wrap{background:var(--bg2);border:1px solid var(--line2);padding:2.5rem}.octet .contact-form{flex-direction:column;gap:1.25rem;display:flex}.octet .contact-form .form-row{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.octet .contact-form label{font-family:var(--font-head);letter-spacing:.18em;text-transform:uppercase;color:var(--ink3);flex-direction:column;gap:.4rem;font-size:.7rem;font-weight:600;display:flex}.octet .contact-form input,.octet .contact-form textarea{font-family:var(--font-body);border:1px solid var(--line2);background:var(--bg);color:var(--ink);transition:border-color var(--t);resize:vertical;outline:none;padding:.85rem 1rem;font-size:1rem}.octet .contact-form input:focus,.octet .contact-form textarea:focus{border-color:var(--accent)}.octet .contact-form button[type=submit]{border:1px solid var(--accent);cursor:pointer;align-self:flex-start;margin-top:.5rem}.octet .contact-form button[type=submit]:disabled{opacity:.55;cursor:not-allowed}.octet .form-error{color:var(--accent);margin-top:-.5rem;font-size:.88rem}.octet .contact-success{text-align:center;padding:2rem}.octet .contact-success .success-icon{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 1.5rem;font-size:1.8rem;display:grid}.octet .contact-success h3{font-family:var(--font-head);color:var(--ink);margin-bottom:.5rem;font-size:1.4rem;font-weight:700}.octet .contact-success p{color:var(--ink2);margin-bottom:1.5rem;font-size:.95rem}.octet .contact-info{flex-direction:column;gap:1.5rem;display:flex}.octet .contact-info .contact-card{background:var(--bg2);border:1px solid var(--line2);padding:2rem}.octet .contact-note{color:var(--ink3);padding:0 .5rem;font-size:.85rem;line-height:1.6}@media(max-width:960px){.octet .contact-grid{grid-template-columns:1fr;gap:2rem}.octet .contact-form .form-row{grid-template-columns:1fr}}@media(max-width:700px){.octet .contact-hero{padding:7rem 1.25rem 2rem}.octet .contact-body{padding:0 1.25rem 4rem}.octet .contact-form-wrap{padding:1.75rem}}.octet .article-back{font-family:var(--font-head);letter-spacing:.16em;text-transform:uppercase;color:var(--ink3);transition:color var(--t);margin-bottom:2rem;font-size:.78rem;display:inline-block}.octet .article-back:hover{color:var(--accent)}