/* OUViR & SORRIR · Sales Intelligence — premium, responsive, scoped */
.ss-app{--ss-ink:#173d50;--ss-gray:#6f8591;--ss-line:#e6edf2;--ss-teal:#077b82;--ss-dark:#103a53;--ss-gold:#d9af70;color:var(--ss-ink);max-width:1550px;margin:0 auto;padding:0 0 70px;font-family:inherit}
.ss-app *, .ss-app *:before,.ss-app *:after{box-sizing:border-box}
.ss-hero{isolation:isolate;position:relative;overflow:hidden;min-height:260px;background:linear-gradient(117deg,#092c47 4%,#114d67 60%,#0a7b86 116%);padding:42px 48px;border-radius:26px;color:#fff;box-shadow:0 18px 40px rgba(15,57,71,.17)}
.ss-hero::after{content:'';position:absolute;inset:0;z-index:-1;opacity:.2;background:radial-gradient(circle at 90% 20%,#95e9cc,transparent 42%)}
.ss-hero-halo{position:absolute;width:440px;height:440px;right:-135px;top:-145px;border-radius:50%;border:1px solid #ffffff4d;box-shadow:0 0 0 35px #ffffff0b,0 0 0 90px #ffffff08}
.ss-hero-content{position:relative;z-index:2;max-width:680px}
.ss-overline{font-size:11px;letter-spacing:.19em;color:#bee5e3;display:flex;align-items:center;gap:10px;font-weight:780}.ss-overline i{width:8px;height:8px;background:#7fe0bb;box-shadow:0 0 0 5px #7fe0bb19;border-radius:50%}.ss-overline span{opacity:.5}
.ss-hero h1{font-size:clamp(32px,3.4vw,53px);line-height:1.06;letter-spacing:-.04em;margin:22px 0 14px;font-weight:780}.ss-hero h1 em{color:#e9d1a4;font-style:normal;font-weight:480}
.ss-hero p{font-size:14px;line-height:1.75;color:#dbebed;margin:0;max-width:590px}
.ss-hero-buttons{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.ss-hero-buttons button{background:#ffffffed;color:#164559;padding:12px 18px;border-radius:11px;border:1px solid #e7f2ef;font-size:12px;font-weight:800;cursor:pointer}.ss-hero-buttons button+button{background:transparent;color:#fff;border-color:#96becf82}.ss-hero-buttons button:hover{transform:translateY(-1px)}
.ss-hero-deco{position:absolute;right:8%;top:15%;width:210px;height:210px;display:grid;place-content:center;border-radius:50%;border:1px solid #ffffff30;background:linear-gradient(160deg,#ffffff24,#ffffff05);text-align:center;box-shadow:0 25px 50px #031d3029;transform:rotate(12deg)}.ss-hero-deco span{font-size:24px;color:#e7c189}.ss-hero-deco strong{font-size:74px;line-height:1.2;letter-spacing:-.1em;font-weight:550}.ss-hero-deco small{font-size:8px;letter-spacing:.22em;color:#e0efeb}
.ss-confidence{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;font-weight:760;letter-spacing:.03em;color:#567c85;padding:15px 4px 18px}.ss-confidence span:first-child{color:#237e72}
.ss-main-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.94fr);gap:22px;align-items:start}.ss-input-column,.ss-results-column{display:grid;gap:20px;min-width:0}
.ss-panel,.ss-results{background:#fff;border:1px solid var(--ss-line);border-radius:21px;padding:26px 27px;box-shadow:0 8px 23px rgba(28,65,81,.045)}
.ss-heading{display:flex;gap:15px;align-items:center;margin-bottom:24px}.ss-heading-icon{background:#edf7f7;color:#25818a;display:grid;place-items:center;font-size:12px;font-weight:850;border:1px solid #d9ecef;border-radius:12px;width:43px;height:43px;flex-shrink:0}.ss-heading small{font-size:10px;color:#7b929e;letter-spacing:.16em;font-weight:800}.ss-heading h2{font-size:20px;margin:4px 0 0;letter-spacing:-.025em;color:#153d52}
.ss-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.ss-fields label{display:flex;flex-direction:column;gap:7px;color:#5a7382;font-size:11px;font-weight:750;min-width:0}.ss-fields input:not([type=checkbox]),.ss-fields select{width:100%;border-radius:11px;background:#f8fafc;border:1px solid #dce6ed;min-width:0;height:43px;padding:0 13px;color:#1b4655;font:inherit;font-weight:670;outline:none}.ss-fields select{overflow:hidden;text-overflow:ellipsis}.ss-fields input:focus,.ss-fields select:focus{border-color:#37a0a4;box-shadow:0 0 0 3px #299ea51c}.ss-fields input::placeholder{color:#879ba4}
.ss-span2{grid-column:1/-1}.ss-linked{margin-top:19px;display:flex;gap:12px;align-items:center;background:#eff7f7;border-radius:13px;padding:13px 15px}.ss-linked>div{width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:#0c8983;background:white}.ss-linked b{display:block;font-size:12px}.ss-linked small{font-size:11px;display:block;margin-top:3px;color:#70878c}
.ss-muted{font-size:11px;color:#728992;line-height:1.75;margin:15px 0 0}.ss-muted a{color:#147c89;font-weight:800;text-decoration:underline}
.ss-pay-modes{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:20px}.ss-pay-modes button{border:1px solid #e4ebee;background:#f9fbfc;border-radius:12px;min-width:0;padding:11px 3px;color:#64808a;font-weight:720;font-size:10px;cursor:pointer;transition:.2s}.ss-pay-modes button span{display:block;font-size:20px;margin-bottom:5px}.ss-pay-modes button.chosen{border-color:#178b8c;color:#0a7577;background:#eaf8f5;box-shadow:0 4px 12px #187e811b}.ss-pay-modes button:hover{border-color:#56a9a7}
.ss-inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-top:-8px}.ss-mini{border:1px solid #c7dfe2;border-radius:8px;font-size:10px;font-weight:800;color:#167681;background:#ecfafa;padding:9px 10px;cursor:pointer}.ss-mini.ss-quiet{background:white;color:#778991;border-color:#e4eaed}
.ss-switch{background:#f0f7f7;border:1px solid #dbece9;border-radius:13px;padding:15px;display:flex!important;align-items:center;flex-direction:row!important;gap:13px!important;font-weight:850!important;font-size:12px!important;color:#205261!important}.ss-switch input{accent-color:#08837b;width:19px;height:19px}.ss-switch small{display:block;margin-top:5px;font-size:10px;color:#7a8e92;font-weight:480}
.ss-rate-note{padding:10px 12px;background:#fbfaf5;border:1px solid #f2e9d8;border-radius:10px}
.ss-alert{padding:13px;border:1px solid #ebc49a;background:#fffaf4;color:#916135;border-radius:10px;font-size:12px;margin-top:11px}
.ss-results{background:linear-gradient(165deg,#143b52,#0d3548 70%,#0e5260);border-color:#315b67;color:#fff;padding:30px 29px;box-shadow:0 18px 35px #0b34472b;position:relative;overflow:hidden}.ss-results:after{content:'';position:absolute;right:-80px;top:-95px;width:225px;height:225px;border-radius:50%;background:#ffffff08;pointer-events:none}.ss-results-caption{position:relative;z-index:1;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.17em;font-weight:830;color:#b7d7d9}.ss-results-caption span{font-size:10px;letter-spacing:0;color:#8bdbc1}.ss-result-label{font-size:11px;letter-spacing:.14em;margin-top:34px;color:#b2ccd0;font-weight:800}.ss-big-profit{font-size:clamp(36px,4vw,52px);font-weight:800;letter-spacing:-.045em;line-height:1.12;margin-top:10px;font-variant-numeric:tabular-nums}.ss-big-profit.profit{color:#b4efcc}.ss-big-profit.loss{color:#ffd1c2}.ss-big-profit.zero{color:#ddd}.ss-profit-underline{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:13px;font-size:11px;color:#b2d0d3}.ss-profit-underline .profit{color:#90e7b1}.ss-profit-underline .loss{color:#ffc6b0}.ss-profit-divider{height:1px;background:#ffffff29;margin:28px 0}.ss-kpis{display:grid;grid-template-columns:1fr 1fr;gap:17px}.ss-kpis>div{background:#ffffff0b;border:1px solid #ffffff22;border-radius:13px;padding:16px 15px}.ss-kpis small{display:block;color:#b1c7cc;font-size:9px;font-weight:790;letter-spacing:.12em}.ss-kpis strong{font-size:clamp(16px,2vw,22px);display:block;margin-top:7px;font-variant-numeric:tabular-nums}.ss-breakdown{margin-top:30px}.ss-breakdown h3{font-size:14px;margin:0 0 14px}.ss-breakdown>div{display:flex;justify-content:space-between;align-items:center;gap:10px;border-bottom:1px solid #ffffff1b;padding:11px 0;font-size:12px;color:#d0e0e3}.ss-breakdown>div b{font-variant-numeric:tabular-nums;font-weight:750;color:#fff}.ss-breakdown>div.negative b{color:#f4ccc0}.ss-breakdown>div.profit{color:#b4f0cc;font-size:15px}.ss-breakdown>div.profit b{color:#b4f0cc}.ss-breakdown>div.loss,.ss-breakdown>div.loss b{color:#ffd0c6}
.ss-profit-share{margin:26px 0 10px}.ss-share-label{display:flex;justify-content:space-between;font-size:10px;font-weight:800;color:#b4cbd2;letter-spacing:.08em}.ss-share-label b{color:#adf1c8}.ss-share-track{margin-top:9px;height:10px;border-radius:30px;background:#7da0a43b;overflow:hidden}.ss-share-green{height:100%;background:linear-gradient(90deg,#5bbda9,#b4eece);border-radius:30px}.ss-insights{display:grid;gap:12px;margin:21px 0}.ss-insights>div{display:flex;align-items:center;gap:12px;background:#ffffff0a;padding:13px;border-radius:12px}.ss-insights>div>span{color:#c9b085;font-size:22px}.ss-insights small{display:block;font-size:10px;color:#bfd1d4}.ss-insights strong{display:block;margin-top:5px;font-size:14px}.ss-results-actions{display:flex;gap:9px}.ss-results-actions button{padding:11px 15px;background:#ffffff15;border:1px solid #ffffff60;color:#fff;font-weight:800;font-size:11px;border-radius:9px;cursor:pointer}.ss-results-actions button:first-child{background:#e5d1ad;border-color:#e5d1ad;color:#234352}.ss-error{padding:60px 5px;text-align:center}.ss-error span{font-size:36px}.ss-error p{font-size:12px;line-height:1.6;color:#c7d9dd}
.ss-compare{padding-bottom:18px}.ss-compare .ss-muted{margin-top:-5px}.ss-chart{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;align-items:end;min-height:180px;padding:10px 0 0}.ss-chart button{min-width:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;border:0;background:transparent;color:#506e7a;font-size:9px;padding:0}.ss-chart button b{font-size:9px}.ss-chart button small{font-size:8px;color:#7b96a0;white-space:nowrap}.ss-chart button:disabled{opacity:.34;cursor:not-allowed}.ss-chart .ss-bar-space{height:112px;width:100%;display:flex;align-items:flex-end;justify-content:center;border-bottom:1px solid #cbdcde}.ss-chart i{width:min(24px,74%);display:block;background:linear-gradient(#56c4b4,#0d8382);border-radius:5px 5px 0 0;min-height:3px;transition:height .22s}.ss-chart button.active i{background:linear-gradient(#e6b97d,#c38f55)}.ss-chart i.negative-bar{background:linear-gradient(#f3ad9f,#d77d7e)}.ss-placeholder{font-size:12px;color:#6d8790;text-align:center;padding:30px}.ss-month-list{display:grid;gap:7px;margin-top:16px}.ss-month-list>div{display:flex;justify-content:space-between;padding:9px 13px;border-radius:9px;background:#f4f8fa;color:#315c6b;font-size:11px}.ss-simple-compare{padding:25px;text-align:center;background:#f2f9f7;border-radius:15px}.ss-simple-compare strong{display:block;font-size:27px;color:#116e6c}.ss-simple-compare span{font-size:11px;color:#698991}
.ss-footnote{padding:22px 5px;color:#70858e;font-size:11px;line-height:1.8}.ss-footnote strong{color:#526b75}
@media(max-width:1180px){.ss-main-grid{grid-template-columns:1fr 1fr;gap:13px}.ss-hero-deco{right:3%;opacity:.75}.ss-panel,.ss-results{padding:22px 20px}}
@media(max-width:950px){.ss-main-grid{grid-template-columns:1fr}.ss-results-column{grid-row:2}.ss-hero-deco{opacity:.18;right:-20px}.ss-hero{padding:35px 28px}.ss-hero-content{max-width:100%}}
@media(max-width:580px){.ss-hero{padding:30px 22px;border-radius:17px}.ss-hero h1{font-size:34px}.ss-hero-deco{display:none}.ss-hero-buttons button{font-size:11px}.ss-confidence{font-size:10px}.ss-panel,.ss-results{border-radius:16px;padding:20px 17px}.ss-fields{gap:12px}.ss-heading h2{font-size:18px}.ss-pay-modes{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.ss-pay-modes button{font-size:9px}.ss-pay-modes button span{font-size:16px}.ss-big-profit{font-size:39px}.ss-chart{gap:1px}.ss-chart button small{font-size:7px}.ss-kpis strong{font-size:17px}}
@media(prefers-reduced-motion:reduce){.ss-app *{transition:none!important}}