@font-face{font-family:'IBM Plex Sans';src:url('../fonts/ibm-plex-sans-latin.woff2') format('woff2');font-weight:100 700;font-style:normal;font-display:swap}
:root{color-scheme:light;--ec-background:#FFFFFF;--ec-surface:#F2F0FA;--ec-elevated:#FFFFFF;--ec-text:#22233B;--ec-muted:#55596F;--ec-primary:#5146C8;--ec-on-primary:#FFFFFF;--ec-accent:#39B7AE;--ec-border:#DAD8EA;--ec-success:#126C53;--ec-success-bg:#E1F5EE;--ec-warning:#745000;--ec-warning-bg:#FFF2CB;--ec-danger:#AE2639;--ec-danger-bg:#FCE8EC;--ec-focus:#5146C8;--ec-radius:12px;--ec-card-radius:20px;--ec-font:'IBM Plex Sans',system-ui,sans-serif}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){color-scheme:dark;--ec-background:#11121C;--ec-surface:#1B1D2B;--ec-elevated:#25283B;--ec-text:#F4F5FC;--ec-muted:#B8BED2;--ec-primary:#9B91FF;--ec-on-primary:#11121C;--ec-accent:#54D9CA;--ec-border:#555C7A;--ec-success:#7EE4BD;--ec-success-bg:#143B32;--ec-warning:#FFDA80;--ec-warning-bg:#40331A;--ec-danger:#FFADBA;--ec-danger-bg:#482530;--ec-focus:#B8B0FF}}
:root[data-theme="dark"]{color-scheme:dark;--ec-background:#11121C;--ec-surface:#1B1D2B;--ec-elevated:#25283B;--ec-text:#F4F5FC;--ec-muted:#B8BED2;--ec-primary:#9B91FF;--ec-on-primary:#11121C;--ec-accent:#54D9CA;--ec-border:#555C7A;--ec-success:#7EE4BD;--ec-success-bg:#143B32;--ec-warning:#FFDA80;--ec-warning-bg:#40331A;--ec-danger:#FFADBA;--ec-danger-bg:#482530;--ec-focus:#B8B0FF}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--ec-background);color:var(--ec-text);font-family:var(--ec-font);font-size:16px;line-height:1.6}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:600;line-height:1.12;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,5.6vw,5.4rem);max-width:850px;margin-bottom:24px}h2{font-size:clamp(2rem,3.2vw,3.1rem);max-width:780px;margin-bottom:24px}h3{font-size:1.25rem;letter-spacing:-.02em}a{color:inherit}button,input,select{font:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--ec-focus);outline-offset:4px}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:16px;top:-80px;z-index:100;background:var(--ec-background);padding:12px}.skip:focus{top:10px}.top{border-bottom:1px solid var(--ec-border);background:var(--ec-background)}header{display:flex;gap:24px;align-items:center;justify-content:space-between;min-height:88px}.brand{display:flex;align-items:center;text-decoration:none;gap:10px;font-size:24px;font-weight:600;letter-spacing:-.04em}.brand svg{width:40px;height:40px}nav{display:flex;align-items:center;gap:24px}nav a{font-size:14px;text-decoration:none}.theme{border:1px solid var(--ec-border);border-radius:10px;background:var(--ec-surface);color:var(--ec-text);padding:8px;max-width:110px}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;color:var(--ec-primary);font-weight:600}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center;padding:88px 0 72px}.lead{font-size:20px;color:var(--ec-muted);max-width:630px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0 18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 21px;border-radius:var(--ec-radius);background:var(--ec-primary);color:var(--ec-on-primary);text-decoration:none;border:1px solid transparent;font-weight:600}.btn.secondary{background:transparent;border-color:var(--ec-border);color:var(--ec-text)}.fine{font-size:14px;color:var(--ec-muted)}.phone{width:min(100%,335px);margin:auto;border:1px solid var(--ec-border);border-radius:32px;padding:26px;background:var(--ec-surface);box-shadow:0 24px 60px #11121c12}.phone .brand{font-size:18px}.phone h3{margin:34px 0 8px;font-size:27px}.phone .btn{width:100%;margin:10px 0 20px}.status{background:var(--ec-elevated);padding:16px;border-radius:12px;border:1px solid var(--ec-border)}.status strong{font-size:29px;letter-spacing:-.03em}.receipt{display:flex;align-items:center;gap:10px;color:var(--ec-success)}.receipt .tick{font-size:28px}.phone ul{padding:0;list-style:none;font-size:14px}.phone li{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid var(--ec-border)}.demo-label{display:block;font-size:12px;color:var(--ec-muted);margin-bottom:16px}.section{padding:80px 0;border-top:1px solid var(--ec-border)}.tint{background:var(--ec-surface)}.grid{display:grid;gap:24px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card{border:1px solid var(--ec-border);background:var(--ec-elevated);border-radius:var(--ec-card-radius);padding:28px}.card p{color:var(--ec-muted);margin-bottom:0}.pictogram{width:64px;height:64px;margin-bottom:22px;color:var(--ec-primary)}.pictogram .accent{color:var(--ec-accent)}.number{display:inline-grid;place-items:center;background:var(--ec-surface);color:var(--ec-primary);width:40px;height:40px;border-radius:50%;margin-bottom:24px;font-weight:600}.section-intro{max-width:720px;color:var(--ec-muted);font-size:18px}.price{font-size:52px;letter-spacing:-.05em;line-height:1.1;font-weight:600;margin:12px 0}.price small{font-size:18px;letter-spacing:0}.price-grid{align-items:start}ul.clean{padding-left:20px}.clean li{margin:8px 0}details{padding:20px 0;border-bottom:1px solid var(--ec-border)}summary{font-weight:600;cursor:pointer;min-height:32px}details p{max-width:850px;color:var(--ec-muted);margin:16px 0 0}.cta{text-align:center}.cta h2{margin-left:auto;margin-right:auto}.cta .actions{justify-content:center}footer{padding:36px 0;color:var(--ec-muted);font-size:14px}footer .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.preview-banner{padding:8px 20px;text-align:center;background:var(--ec-surface);color:var(--ec-muted);font-size:12px}.palette{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.swatch{height:70px;border:1px solid var(--ec-border);border-radius:12px}.asset-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.asset{text-align:center;border:1px solid var(--ec-border);padding:24px;border-radius:16px}.asset img{width:80px;height:80px}.asset a{display:block;font-size:13px;margin-top:12px}.logo-preview{max-width:100%;height:72px;margin:15px 0}.success{color:var(--ec-success)}.warning{color:var(--ec-warning)}.danger{color:var(--ec-danger)}
@media(max-width:960px){.hero{gap:32px}.three{grid-template-columns:1fr}.asset-grid{grid-template-columns:repeat(3,1fr)}nav .nav-extra{display:none}}
@media(max-width:640px){.wrap{width:calc(100% - 32px)}header{min-height:76px;gap:10px}.brand{font-size:20px}.brand svg{width:32px;height:32px}nav{gap:8px}nav>a{display:none}.hero{grid-template-columns:1fr;padding:48px 0;gap:38px}.hero .phone{width:100%;max-width:370px}h1{font-size:3.05rem}.lead{font-size:18px}.section{padding:52px 0}.two{grid-template-columns:1fr}.card{padding:24px}.asset-grid{grid-template-columns:repeat(2,1fr)}.palette{grid-template-columns:repeat(3,1fr)}.actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
