:root{--bg:#faf7f2;--surface:#ffffff;--surface2:#f5f0e8;--border:#e8e0d0;--border2:#d4c9b0;--text:#1a1612;--muted:#8a7d6b;--accent:#c9a84c;--accent2:#b8933a;--gold:#e2c46a;--gold-dim:rgba(201,168,76,.1);--red:#c0392b;--dark:#1a1612}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:Jost,sans-serif;font-weight:400;min-height:100vh;overflow-x:hidden}.bg-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 700px 500px at 15% 10%,rgba(201,168,76,.06) 0%,transparent 65%),radial-gradient(ellipse 500px 400px at 85% 90%,rgba(201,168,76,.04) 0%,transparent 65%)}#app{position:relative;z-index:1;max-width:880px;margin:0 auto;padding:0 1.5rem 6rem}.topbar{display:flex;align-items:center;justify-content:space-between;padding:1.6rem 0;border-bottom:1px solid var(--border)}.brand{display:flex;align-items:center;gap:.9rem;text-decoration:none}.brand-logo{height:48px;width:auto}.topbar-tag{font-size:.68rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border2);padding:.35rem .85rem;border-radius:3px}.page-header{text-align:center;padding:4rem 0 3rem;animation:fadeUp .6s ease both;position:relative}.page-header:before{content:"VAROTIS";position:absolute;top:2rem;left:50%;transform:translate(-50%);font-family:Cormorant Garamond,serif;font-size:clamp(5rem,16vw,12rem);font-weight:700;letter-spacing:.15em;color:transparent;-webkit-text-stroke:1px rgba(201,168,76,.12);pointer-events:none;white-space:nowrap;z-index:0}.header-pill{display:inline-flex;align-items:center;gap:.5rem;background:#c9a84c1a;border:1px solid rgba(201,168,76,.3);padding:.35rem 1.1rem;border-radius:100px;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent2);margin-bottom:1.8rem;position:relative;z-index:1}.header-pill:before{content:"\25cf";font-size:.45rem;animation:blink 2s ease infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.page-header h1{font-family:Cormorant Garamond,serif;font-size:clamp(2.2rem,5.5vw,3.8rem);font-weight:600;line-height:1.1;letter-spacing:-.01em;margin-bottom:1.1rem;position:relative;z-index:1;color:var(--dark)}.page-header h1 em{font-style:italic;color:var(--accent)}.page-header p{font-size:.95rem;color:var(--muted);max-width:460px;margin:0 auto;line-height:1.7;font-weight:300;position:relative;z-index:1}.divider{display:flex;align-items:center;gap:1rem;margin:.5rem 0 2.5rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--border2))}.divider:after{background:linear-gradient(to left,transparent,var(--border2))}.divider-diamond{width:6px;height:6px;background:var(--accent);transform:rotate(45deg);flex-shrink:0}.progress-wrap{margin-bottom:3rem;animation:fadeUp .6s .1s ease both}.progress-steps{display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.step-dot{display:flex;flex-direction:column;align-items:center;gap:.5rem;position:relative;flex:1;max-width:140px}.step-dot:after{content:"";position:absolute;top:14px;left:calc(50% + 14px);width:calc(100% - 28px);height:1px;background:var(--border2);transition:background .4s}.step-dot:last-child:after{display:none}.step-dot.done:after{background:var(--accent)}.dot-circle{width:28px;height:28px;border-radius:50%;border:1.5px solid var(--border2);background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:.68rem;font-weight:600;color:var(--muted);transition:all .3s;z-index:1}.step-dot.active .dot-circle{border-color:var(--accent);background:#c9a84c1f;color:var(--accent2);box-shadow:0 0 0 4px #c9a84c1a}.step-dot.done .dot-circle{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:700}.step-dot.done .dot-circle:after{content:"\2713"}.step-dot.done .dot-circle span{display:none}.dot-label{font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500;white-space:nowrap}.step-dot.active .dot-label{color:var(--accent2)}.progress-bar-track{height:2px;background:var(--border);border-radius:1px;overflow:hidden}.progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent2),var(--gold));border-radius:1px;transition:width .5s cubic-bezier(.4,0,.2,1)}.step-panel{display:none;animation:fadeUp .4s ease both}.step-panel.active{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.panel-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:2.5rem;margin-bottom:1.5rem;position:relative;overflow:hidden;box-shadow:0 2px 16px #0000000f}.panel-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.5}.panel-card h2{font-family:Cormorant Garamond,serif;font-size:1.7rem;font-weight:600;margin-bottom:.4rem;line-height:1.2;color:var(--dark)}.panel-card .sub{font-size:.85rem;color:var(--muted);margin-bottom:2rem;line-height:1.6;font-weight:300}.option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:.6rem}.opt-btn{background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:.9rem 1rem;cursor:pointer;transition:all .2s;text-align:left;display:flex;flex-direction:column;gap:.3rem;position:relative;overflow:hidden}.opt-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,var(--gold-dim),transparent);opacity:0;transition:opacity .2s}.opt-btn:hover{border-color:var(--accent);box-shadow:0 2px 12px #c9a84c26}.opt-btn:hover:after,.opt-btn.selected:after{opacity:1}.opt-btn.selected{border-color:var(--accent);background:#c9a84c14}.opt-icon{font-size:1.25rem;line-height:1;position:relative;z-index:1}.opt-label{font-size:.78rem;font-weight:600;color:var(--text);line-height:1.3;position:relative;z-index:1}.opt-sub{font-size:.65rem;color:var(--muted);line-height:1.3;font-weight:300;position:relative;z-index:1}.opt-check{position:absolute;top:.45rem;right:.45rem;width:16px;height:16px;border-radius:50%;background:var(--accent);display:none;align-items:center;justify-content:center;font-size:.55rem;color:#fff;font-weight:700;z-index:2}.opt-btn.selected .opt-check{display:flex}.ca-group{display:flex;flex-direction:column;gap:1.2rem}.ca-toggle{display:flex;gap:.4rem;background:var(--surface2);border:1px solid var(--border);border-radius:7px;padding:.3rem;width:fit-content}.ca-toggle button{padding:.45rem 1.1rem;border:none;border-radius:5px;background:transparent;color:var(--muted);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;letter-spacing:.04em}.ca-toggle button.active{background:var(--accent);color:#fff}.ca-input-wrap{position:relative;max-width:320px}.ca-input-wrap input{width:100%;background:var(--surface);border:1px solid var(--border);border-radius:9px;padding:1rem 3.5rem 1rem 3rem;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:600;color:var(--text);outline:none;transition:border-color .2s;-moz-appearance:textfield;box-shadow:0 1px 4px #0000000f}.ca-input-wrap input::-webkit-outer-spin-button,.ca-input-wrap input::-webkit-inner-spin-button{-webkit-appearance:none}.ca-input-wrap input:focus{border-color:var(--accent)}.ca-prefix{position:absolute;left:1rem;top:50%;transform:translateY(-50%);font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:600;color:var(--accent);pointer-events:none}.ca-suffix{position:absolute;right:1rem;top:50%;transform:translateY(-50%);font-size:.7rem;font-weight:500;color:var(--muted);pointer-events:none;letter-spacing:.06em}.ca-slider-wrap{max-width:320px}.ca-slider{-webkit-appearance:none;width:100%;height:3px;background:var(--border2);border-radius:2px;outline:none;margin-top:.8rem}.ca-slider::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);cursor:pointer;border:2.5px solid var(--bg);box-shadow:0 0 0 2px #c9a84c4d}.ca-hint{font-size:.74rem;color:var(--muted);margin-top:.6rem;font-weight:300}.step-nav{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.btn-back{padding:.75rem 1.5rem;background:transparent;border:1px solid var(--border);color:var(--muted);border-radius:7px;font-size:.82rem;font-weight:500;cursor:pointer;transition:all .2s;letter-spacing:.04em}.btn-back:hover{border-color:var(--text);color:var(--text)}.btn-next{padding:.75rem 2rem;background:var(--accent);border:none;color:#fff;border-radius:7px;font-size:.88rem;font-weight:700;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem;letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 16px #c9a84c4d}.btn-next:hover{background:var(--accent2);transform:translateY(-1px);box-shadow:0 6px 24px #c9a84c66}.btn-next:disabled{opacity:.3;cursor:not-allowed;transform:none;box-shadow:none}.btn-next svg{width:16px;height:16px}.loading-screen{text-align:center;padding:5rem 2rem}.loading-emblem{width:60px;height:60px;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;margin:0 auto 1.5rem;animation:spin 1s linear infinite;display:flex;align-items:center;justify-content:center}.loading-inner{font-family:Cormorant Garamond,serif;font-size:1.3rem;font-weight:700;color:var(--accent);animation:spin 1s linear infinite reverse}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:.88rem;color:var(--muted);font-weight:300;letter-spacing:.04em}.loading-bar-wrap{max-width:240px;margin:1.2rem auto 0;height:2px;background:var(--border);border-radius:1px;overflow:hidden}.loading-bar{height:100%;background:linear-gradient(90deg,var(--accent2),var(--gold));border-radius:1px;animation:loadBar 2s ease forwards}@keyframes loadBar{0%{width:0}to{width:100%}}.results-header{text-align:center;padding:.5rem 0 2.5rem}.results-header h2{font-family:Cormorant Garamond,serif;font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:600;margin-bottom:.5rem;color:var(--dark)}.results-header h2 .hl{color:var(--accent);font-style:italic}.results-header p{font-size:.82rem;color:var(--muted);font-weight:300}.economy-banner{background:linear-gradient(135deg,#c9a84c1f,#c9a84c0a);border:1px solid rgba(201,168,76,.3);border-radius:10px;padding:1.6rem 2rem;margin-bottom:2rem;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.2rem;position:relative;overflow:hidden;box-shadow:0 2px 16px #c9a84c1a}.economy-banner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.6}.econ-label{font-size:.65rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent2);margin-bottom:.4rem}.econ-num{font-family:Cormorant Garamond,serif;font-size:2.4rem;font-weight:700;color:var(--dark);line-height:1}.econ-sub{font-size:.76rem;color:var(--muted);margin-top:.25rem;font-weight:300}.econ-vs{font-size:.8rem;color:var(--muted);text-align:right;line-height:1.8}.econ-vs strong{color:var(--text);font-weight:600}.comp-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.comp-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:1.6rem;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s;animation:fadeUp .5s ease both;box-shadow:0 2px 12px #0000000f}.comp-card:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000001a}.comp-card.winner{border-color:#c9a84c80;background:linear-gradient(135deg,rgba(201,168,76,.06),var(--surface) 55%);box-shadow:0 4px 24px #c9a84c26}.comp-card.winner:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);opacity:.8}.winner-ribbon{position:absolute;top:0;right:0;background:var(--accent);color:#fff;font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.3rem .9rem;border-bottom-left-radius:8px}.comp-card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.3rem;flex-wrap:wrap}.comp-provider{display:flex;align-items:center;gap:.85rem}.provider-avatar{width:42px;height:42px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.9rem;flex-shrink:0;background:transparent!important;border:none!important}.provider-avatar img{width:100%;height:100%;object-fit:contain}.av-sumup{background:linear-gradient(135deg,#e8f5f1,#d0ede6);border:1px solid rgba(0,150,100,.2);color:#00966e}.av-worldline{background:linear-gradient(135deg,#fdf0ee,#fae0dc);border:1px solid rgba(198,57,43,.2);color:#c0392b}.av-nexi{background:linear-gradient(135deg,#eef3f8,#dce8f2);border:1px solid rgba(74,127,165,.2);color:#2980b9}.av-becash{background:linear-gradient(135deg,#f3eefb,#e8dcf5);border:1px solid rgba(140,100,210,.2);color:#8e44ad}.comp-name{font-weight:700;font-size:1rem;color:var(--dark)}.comp-tagline{font-size:.76rem;color:var(--muted);margin-top:.1rem;font-weight:300}.comp-price-block{text-align:right}.comp-rate-main{font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:600;color:var(--text);line-height:1}.comp-card.winner .comp-rate-main{color:var(--accent2)}.comp-rate-sub{font-size:.65rem;color:var(--muted);margin-top:.15rem}.comp-cost-month{font-size:.82rem;font-weight:500;margin-top:.35rem}.comp-cost-month .cost-val{color:var(--red);font-weight:700}.comp-card.winner .comp-cost-month .cost-val{color:var(--accent2)}.comp-features{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem}.feat-tag{display:inline-flex;align-items:center;gap:.3rem;padding:.22rem .6rem;border-radius:100px;font-size:.63rem;font-weight:500;letter-spacing:.04em}.feat-ok{background:#00966414;color:#00966e;border:1px solid rgba(0,150,100,.2)}.feat-no{background:#c0392b12;color:#c0392b;border:1px solid rgba(192,57,43,.15)}.feat-neu{background:#c9a84c1a;color:var(--accent2);border:1px solid rgba(201,168,76,.25)}.comp-score-row{display:flex;align-items:center;gap:.8rem;margin-bottom:.45rem}.score-label{font-size:.65rem;color:var(--muted);width:100px;flex-shrink:0;letter-spacing:.04em}.score-track{flex:1;height:3px;background:var(--border);border-radius:2px;overflow:hidden}.score-fill{height:100%;border-radius:2px;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.comp-card.winner .score-fill{background:linear-gradient(90deg,var(--accent2),var(--gold))}.comp-card:not(.winner) .score-fill{background:var(--border2)}.score-val{font-size:.65rem;font-weight:600;color:var(--muted);width:24px;text-align:right}.cta-section{background:linear-gradient(135deg,var(--dark) 0%,#2d2520 100%);border-radius:14px;padding:3rem 2.5rem;text-align:center;position:relative;overflow:hidden;margin-bottom:1.5rem;box-shadow:0 8px 40px #00000026}.cta-section:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.cta-section:after{content:"";position:absolute;top:-80px;left:50%;transform:translate(-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(201,168,76,.12),transparent 65%);pointer-events:none}.cta-logo{width:80px;height:80px;margin:0 auto 1.5rem;position:relative;z-index:1}.cta-logo img{width:100%;height:100%;object-fit:contain}.cta-section h3{font-family:Cormorant Garamond,serif;font-size:1.7rem;font-weight:600;margin-bottom:.7rem;line-height:1.25;position:relative;z-index:1;color:#fff}.cta-section p{font-size:.88rem;color:#fff9;max-width:400px;margin:0 auto 2rem;line-height:1.7;font-weight:300;position:relative;z-index:1}.cta-stats{display:flex;justify-content:center;margin-bottom:2rem;border:1px solid rgba(255,255,255,.15);border-radius:9px;overflow:hidden;width:fit-content;margin-left:auto;margin-right:auto;position:relative;z-index:1}.cta-stat{padding:1rem 1.5rem;border-right:1px solid rgba(255,255,255,.15);text-align:center}.cta-stat:last-child{border-right:none}.cta-stat .s-val{font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:700;color:var(--gold);display:block}.cta-stat .s-label{font-size:.62rem;color:#ffffff80;letter-spacing:.1em;text-transform:uppercase;font-weight:500}.btn-cta-main{display:inline-flex;align-items:center;gap:.6rem;padding:1rem 2.5rem;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:all .25s;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;position:relative;z-index:1;box-shadow:0 4px 20px #c9a84c66}.btn-cta-main:hover{background:var(--gold);transform:translateY(-2px);box-shadow:0 8px 32px #c9a84c80}.btn-cta-main svg{width:16px;height:16px}.cta-sub-note{margin-top:1rem;font-size:.7rem;color:#fff6;display:flex;align-items:center;justify-content:center;gap:.4rem;position:relative;z-index:1}.sumup-devices{margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid var(--border)}.devices-title{font-size:.72rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem}.devices-title span{color:var(--accent2)}.devices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-bottom:.8rem}.btn-add-cart{width:100%;margin-top:.8rem;padding:.6rem .8rem;background:var(--accent);color:#fff;border:none;border-radius:7px;font-size:.75rem;font-weight:700;cursor:pointer;transition:all .2s;letter-spacing:.04em}.btn-add-cart:hover{background:var(--accent2);transform:translateY(-1px);box-shadow:0 4px 12px #c9a84c4d}.btn-add-cart:disabled{opacity:.7;cursor:not-allowed;transform:none}.devices-rec-note{font-size:.72rem;color:var(--accent2);font-weight:500;margin-bottom:.8rem;padding:.4rem .8rem;background:#c9a84c14;border-radius:6px;display:inline-block}.device-card{background:var(--surface2);border:1px solid var(--border);border-radius:10px;padding:1rem .8rem;text-align:center;transition:all .2s;cursor:default;position:relative}.device-recommended{border-color:var(--accent)!important;background:#c9a84c0f!important;box-shadow:0 4px 20px #c9a84c26}.device-rec-badge{font-size:.62rem;font-weight:700;color:var(--accent2);letter-spacing:.06em;margin-bottom:.6rem;text-transform:uppercase}.device-rec-spacer{height:1.1rem;margin-bottom:.6rem}.device-card:hover{border-color:var(--accent);box-shadow:0 4px 16px #c9a84c1f;transform:translateY(-2px)}.device-img{width:80px;height:80px;object-fit:contain;margin:0 auto .7rem;display:block;mix-blend-mode:multiply;background:transparent}.device-name{font-weight:700;font-size:.85rem;color:var(--dark);margin-bottom:.2rem}.device-desc{font-size:.65rem;color:var(--muted);margin-bottom:.6rem;line-height:1.4}.device-price{font-family:Cormorant Garamond,serif;font-size:1.4rem;font-weight:700;color:var(--accent2);line-height:1}.device-retail{font-size:.62rem;color:var(--muted);text-decoration:line-through;margin-top:.15rem}.devices-note{font-size:.65rem;color:var(--muted);text-align:center}@media(max-width:500px){.devices-grid{grid-template-columns:1fr}.device-img{width:60px;height:60px}}.restart-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;margin:1.5rem auto 0;background:transparent;border:1px solid var(--border2);color:var(--muted);padding:.6rem 1.4rem;border-radius:7px;font-size:.72rem;font-weight:500;cursor:pointer;transition:all .2s;letter-spacing:.07em;text-transform:uppercase}.restart-btn:hover{border-color:var(--accent);color:var(--accent2)}@media(max-width:600px){.panel-card{padding:1.4rem}.option-grid{grid-template-columns:1fr 1fr}.comp-card-top{flex-direction:column}.comp-price-block{text-align:left}.economy-banner{flex-direction:column}.cta-section{padding:2rem 1.5rem}.cta-stats{flex-wrap:wrap}.page-header:before{display:none}.topbar-tag{display:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/comparateur.css.map */