/* Echel: shared visual language. Business flow and visibility stay with each page. */
:root, body, #adminPanel, #superPanel {
  --e-red:#c81e28; --e-red-dark:#a8121b; --e-ink:#202327; --e-muted:#697078;
  --e-line:#dfe3e6; --e-bg:#f4f5f6; --e-soft:#fff1f1;
  --pink:#c81e28; --pink-2:#a8121b; --pink-soft:#fff1f1; --rose:#c81e28;
  --violet:#c81e28; --violet-2:#a8121b; --violet-soft:#fff1f1;
  --brand:#c81e28; --brand2:#a8121b; --yellow:#e4e7e9; --orange:#c81e28;
  --ink:#202327; --ink2:#444b53; --muted:#697078; --line:#dfe3e6;
  --paper:#fafafa; --tint:#f2f4f5; --bg:#f4f5f6; --surface:#fff; --soft:#f6f7f8;
  --grad:linear-gradient(130deg,#c81e28,#95121b);
  --shadow:0 4px 24px rgba(32,35,39,.055);
}
html { scroll-padding-top:100px; }
body { background:#f4f5f6; color:var(--e-ink); font-family:Inter,'Segoe UI',sans-serif; -webkit-font-smoothing:antialiased; }
button,input,select,textarea { font-family:inherit; }
button,a,input,select,textarea { -webkit-tap-highlight-color:transparent; }
button,a { touch-action:manipulation; }
:focus-visible { outline:3px solid #c81e28; outline-offset:4px; }
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),select,textarea {
  border-color:var(--e-line); border-radius:10px; box-shadow:none; color:var(--e-ink);
}
input:focus,select:focus,textarea:focus { border-color:var(--e-red)!important; box-shadow:0 0 0 3px #c81e2810; }
.btn-primary,.pay-btn,.cta-price,.login-pill,.btn.rose { background:var(--e-red)!important; color:white!important; border-color:var(--e-red)!important; box-shadow:0 5px 15px #c81e2818!important; border-radius:10px!important; }
.btn-primary:hover,.pay-btn:hover,.cta-price:hover,.login-pill:hover { background:var(--e-red-dark)!important; transform:translateY(-1px); }
button:disabled { opacity:.55; cursor:not-allowed; transform:none!important; }
.card,.login-card,.pay-card,.success-card,.stat,.pcard { border:1px solid var(--e-line)!important; border-radius:16px!important; box-shadow:var(--shadow)!important; }
.echel-brand { display:inline-flex;align-items:center;gap:10px; font-size:23px;font-weight:800;letter-spacing:-.8px;text-decoration:none;color:inherit;white-space:nowrap; }
.echel-brand img { width:42px;height:42px;border-radius:50%;object-fit:contain; background:#f6f6f6; }
.echel-brand small { display:block;font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#828a91;line-height:1.6;font-weight:600; }
.echel-kicker { font-size:11px;font-weight:700;letter-spacing:2.2px;text-transform:uppercase;color:var(--e-red); }
.echel-contact-footer { max-width:1160px;margin:48px auto 0;padding:28px 24px;border-top:1px solid var(--e-line);color:var(--e-muted);display:flex;flex-wrap:wrap;gap:12px 24px;font-size:12px;align-items:center; }
.echel-contact-footer strong { color:var(--e-ink);margin-right:auto; }
.echel-contact-footer a { color:inherit;text-decoration:none; }
.echel-contact-footer a:hover { color:var(--e-red); }
.echel-contact-footer address { width:100%;font-style:normal;white-space:pre-line; }
[data-echel-contact][hidden],.echel-contact-footer [hidden] { display:none!important; }
.hero-stats[hidden],.guide-video-sec[hidden],.gv-mini-frame[hidden] { display:none!important; }
.echel-settings-grid { display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0; }
.echel-settings-grid label { display:block;font-size:12px;text-transform:none;letter-spacing:0;line-height:1.5;color:#454b52; }
.echel-settings-grid input,.echel-settings-grid textarea { margin-top:6px;width:100%;padding:12px; }
.echel-settings-note { padding:14px 16px;background:#f5f6f7;color:#59616a;border-left:3px solid var(--e-red);font-size:12px;line-height:1.7; }
/* Marketing pages */
body.echel-home { background:#fafafa; }
.echel-home .bg-ambient,.echel-home .perf,.echel-home .deco { display:none; }
.echel-home .container { max-width:1200px; }
.echel-home .refer-strip { background:#24272b;color:#e9ebed;font-size:11px;padding:9px 20px;border:0;letter-spacing:.3px; }
.echel-home .site-head { background:#ffffffed;backdrop-filter:blur(16px);border-bottom:1px solid #e5e7e9;box-shadow:none; }
.echel-home .head-inner { gap:24px;padding-top:17px;padding-bottom:17px; }
.echel-home .brand-row { background:none;border:0;box-shadow:none;padding:0; }
.echel-home .main-nav { gap:17px; }
.echel-home .main-nav .nav-link { font-size:12px;color:#565c63;font-weight:600;background:none; }
.echel-home .main-nav .nav-link:hover { color:var(--e-red); }
.echel-home .login-pill { font-size:12px;padding:12px 16px; }
.echel-home .hero { background:linear-gradient(115deg,#fafafa 15%,#f0f2f3 100%);padding:76px 0 54px;border-bottom:1px solid #e0e4e7;overflow:hidden; }
.echel-home .hero-grid { display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center; }
.echel-home .hero-copy { text-align:left; }
.echel-home .privacy-strip { margin:24px 0 0;max-width:480px;background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;order:8; }
.echel-home .ps-badge { background:#e7ebed;color:#49545c;font-size:10px; }
.echel-home .ps-text { color:#707780;font-size:11px; }
.echel-home .hb-head { font-size:clamp(38px,4.1vw,60px);line-height:1.09;letter-spacing:-1.5px;word-spacing:2px;margin:20px 0;transform:none; }
.echel-home .hb-l1,.echel-home .hb-l2 { display:block;font-size:inherit;line-height:inherit;white-space:normal;background:none;box-shadow:none;padding:0;transform:none; }
.echel-home .hb-l1 { color:var(--e-ink); }
.echel-home .hb-l2 { color:var(--e-red);margin-top:4px; }
.echel-home .hb-l2 { -webkit-text-fill-color:var(--e-red);background-clip:border-box; }
.echel-home .nav-wl { color:#565c63!important;box-shadow:none!important;border:0!important; }
.echel-home .nav-wl::before,.echel-home .nav-wl::after { display:none!important; }
.echel-home .refer-strip { box-shadow:none!important; }
.echel-home .cta-price { width:auto!important; }
.echel-home .hb-l2:after,.echel-home .hb-l2:before { display:none; }
.echel-hero-description { color:#687079;font-size:15px;line-height:1.85;max-width:440px;margin:22px 0 26px; }
.echel-hero-actions { display:flex;align-items:center;gap:22px;flex-wrap:wrap; }
.echel-home .cta-price { margin:0;padding:15px 22px;font-size:13px;transform:none; }
.echel-secondary { font-size:13px;color:#353b42;font-weight:600;text-decoration:none;border-bottom:1px solid #b7bec4;padding:7px 0; }
.echel-home .hero-visual { background:#e5e9eb;border:1px solid #dce1e4;border-radius:28px;min-height:400px;box-shadow:inset 0 1px 0 #fff,0 28px 45px -38px #414c57;position:relative; }
.echel-home .hero-visual:before { content:'THE CONNECTED PRINT COUNTER';position:absolute;top:23px;left:25px;font-size:9px;letter-spacing:2px;color:#707a83;font-weight:700; }
.echel-home .scene { transform:scale(.9);transform-origin:center; }
.echel-home .hero-visual { height:440px;min-height:0; }
.echel-home .scene { position:absolute;width:520px;max-width:none;height:540px;left:50%;top:50%;transform:translate(-50%,-50%) scale(.78); }
.echel-home .nsf-sticker { color:#48535a; }
.echel-home .nsfs-top { color:#c81e28; }
.echel-home .scene-blob { background:radial-gradient(ellipse,#fff 10%,#d6dddf 70%);opacity:.7; }
.echel-home .scene-badge { background:var(--e-red);color:#fff;box-shadow:none;border:0;transform:none;border-radius:7px;font-size:11px; }
.echel-home .nsf-sticker { background:#fff;border:1px solid #dfe3e6;box-shadow:0 8px 24px #252d3510;transform:rotate(5deg); }
.echel-home .hero-strip { margin:25px 0;background:#fff;color:#555d65;border:1px solid #e0e4e7;border-radius:12px;box-shadow:none; }
.echel-home .hs-ic { color:var(--e-red);background:#fff1f1;border:0;border-radius:9px; }
.echel-home .hs-item { border-color:#e5e7e9;font-size:11px; }
.echel-home .hero-stats { background:#f0f2f3;border:0; }
.echel-home .sec { padding-top:70px;padding-bottom:35px; }
.echel-home .sec-title { color:var(--e-ink);letter-spacing:-1px;font-size:clamp(26px,3vw,38px);line-height:1.2; }
.echel-home .sec-sub { color:#697079;font-size:14px;line-height:1.8; }
.echel-home :is(.plan-card,.price-card,.ben-card,.sol-card,.pain-card,.ct-card,.ab-card,.f-card,.rv-card,.faq-item,.feature-card) { border:1px solid #dfe3e6;border-radius:16px;box-shadow:var(--shadow); }
.echel-home :is(.legal-wrap,.legal-card,.info-page,.ct-wrap) { border-color:#dfe3e6; }
.echel-home .site-footer,.echel-home footer { background:#24272b;color:#e2e5e7;border-top:0; }
.echel-home .ft-link,.echel-home footer a { color:#c9ced3; }
.echel-home .guide-video-sec { max-width:940px; }
.echel-workflow { display:grid;grid-template-columns:repeat(4,1fr);gap:26px;padding:34px 0 12px; }
.echel-workflow article { border-top:1px solid #d3d9dd;padding-top:20px; }
.echel-workflow span { color:var(--e-red);font-size:11px;font-weight:700; }
.echel-workflow h3 { margin:12px 0 9px;font-size:17px;letter-spacing:-.4px; }
.echel-workflow p { font-size:12px;line-height:1.8;color:#737b83; }
/* Owner, partner and administration workspace */
.echel-panel .side,#adminPanel .side { background:#25282c!important;border-right:1px solid #373c42!important; }
.echel-panel .side-brand,#adminPanel .side-brand { color:white!important;border-color:#3d4248!important; }
.echel-panel .side-brand small,#adminPanel .side-brand small { color:#9da5ad!important; }
.echel-panel .side .nav-it,#adminPanel .side .nav-it { color:#b8c0c7!important;border-radius:9px!important; }
.echel-panel .side .nav-it.active,#adminPanel .side .nav-it.active { background:#c81e28!important;color:#fff!important;box-shadow:none!important; }
.echel-panel .side .nav-it:hover,#adminPanel .side .nav-it:hover { background:#3d4248!important;color:#fff!important; }
.echel-panel .side-shop,#adminPanel .side-shop,.echel-panel .side-help,#adminPanel .side-help { background:#30353a!important;color:#d7dce0!important;border-color:#42494f!important; }
.echel-panel .top-bar,#adminPanel .top-bar { background:#ffffff!important;border-bottom:1px solid #e1e5e8!important;box-shadow:none!important; }
.echel-panel .stat-val { letter-spacing:-1px; }
.echel-panel .login-wrap { position:relative!important;max-width:1000px!important;margin:65px auto!important;padding:0!important;min-height:570px;display:grid;grid-template-columns:1fr 1fr;background:#fff!important;border:1px solid #dfe3e6;border-radius:22px;overflow:hidden;box-shadow:0 20px 60px #2023270c; }
.echel-panel #loginScreen.hidden { display:none!important; }
.echel-panel .login-brand { display:none!important; }
.echel-login-story { padding:55px 40px;background:linear-gradient(150deg,#25282d,#17191c);color:#fff;display:flex;flex-direction:column;justify-content:center; }
.echel-login-story .echel-kicker { color:#fa858b;margin-top:45px; }
.echel-login-story h2 { font-size:38px;letter-spacing:-1.4px;line-height:1.2;margin:16px 0; }
.echel-login-story p { font-size:13px;line-height:1.9;color:#aeb6be; }
.echel-login-story .echel-login-step { border-top:1px solid #42464d;margin-top:34px;padding-top:20px;font-size:11px;letter-spacing:1px;color:#c8cdd2; }
.echel-panel .login-wrap .login-card { align-self:center;border:0!important;border-radius:0!important;box-shadow:none!important;padding:42px 36px!important;margin:0!important;width:100%!important;max-width:none!important;background:#fff!important; }
.echel-panel .login-card h1 { font-size:25px!important;text-align:left!important;letter-spacing:-.8px;color:#24282d!important; }
.echel-panel .login-card p { text-align:left!important;line-height:1.7;margin:10px 0 26px!important;color:#6a727b!important; }
.echel-panel .login-card label { font-size:11px;letter-spacing:.4px;color:#626b74; }
.echel-panel .login-card input { background:#fafbfc!important;border:1px solid #dce1e5!important;color:#24282d!important; }
.echel-panel .login-card .btn-primary { margin-top:12px; }
.echel-panel #loginScreen .btn-primary { background:#c81e28!important;box-shadow:0 5px 15px #c81e2818!important; }
.echel-panel #loginScreen .btn-primary:hover { background:#a8121b!important; }
.echel-panel #loginScreen .login-card:before,.echel-panel #loginScreen:before,.echel-panel #loginScreen:after { display:none!important; }
.echel-panel #loginScreen input:focus { border-color:#c81e28!important;box-shadow:0 0 0 3px #c81e2810!important; }
.echel-panel #loginScreen { display:grid!important;grid-template-columns:1fr 1fr;align-items:stretch!important; }
.echel-panel #loginScreen .login-card { box-shadow:none!important;border:0!important;border-radius:0!important; }
.echel-panel table th { letter-spacing:.7px;background:#f6f7f8; }
.echel-panel table td { border-color:#eceff1; }
/* Registration / payment / customer utilities */
.echel-checkout .deco { display:none; }
.echel-checkout { background:linear-gradient(120deg,#f7f8f9,#edf0f2); }
.echel-checkout .wrap { margin-top:35px;margin-bottom:45px; }
.echel-checkout .price-box { background:#f3f5f6;border:1px solid #dfe3e6;color:#25282c;border-radius:12px;box-shadow:none; }
.echel-checkout .price-box .amount { color:#c81e28; }
.echel-checkout .price-box:before { display:none; }
.echel-checkout .price-box .label,.echel-checkout .price-box .sub { color:#59616a; }
.echel-checkout .price-box .sub b { color:#25282c; }
.echel-checkout .benefits li { background:#fff;border:0;border-bottom:1px solid #e5e8ea;border-radius:0;padding:11px 0; }
.echel-checkout .pay-icon { box-shadow:none; }
.echel-checkout .pay-icon svg { width:28px;height:28px; }
.echel-checkout-progress { display:flex;justify-content:center;gap:14px;margin-bottom:25px;color:#79818a;font-size:11px; }
.echel-checkout-progress b { color:#c81e28; }
.echel-checkout .pay-card>h1 { margin-top:15px; }
.echel-checkout .mark { background:none;color:#c81e28; }
.echel-checkout .benefits { color:#59616a;line-height:1.8; }
.echel-checkout .pay-icon { background:#fff0f0;color:#c81e28;border-radius:14px; }
.echel-checkout .pay-card h1 { font-size:30px;letter-spacing:-1px; }
.echel-customer .card { box-shadow:0 3px 20px #24282d05!important; }
.echel-customer .upload-area,.echel-customer .drop-zone { background:#fafbfc;border-color:#c1c8ce; }
.echel-customer .shop-header { background:#25282c;box-shadow:0 8px 20px #20232712;border-radius:16px; }
.echel-customer .shop-header:after { display:none; }
.echel-customer .step.active .dot { box-shadow:0 0 0 4px #c81e2810;background:#c81e28; }
.echel-customer .step .dot { background:#e7eaed;color:#69747e; }
.echel-customer .step.active .dot,.echel-customer .step.done .dot { color:#fff;background:#c81e28; }
.echel-customer .upload-zone { border-radius:16px;box-shadow:0 5px 20px #24282c06; }
.echel-customer .upbtn-wrap { border:1.5px dashed #b6bfc6;background:#f7f8f9;border-radius:12px; }
.echel-customer .upbtn-wrap:before { filter:grayscale(1); }
.echel-customer .upbtn { box-shadow:none; }
.echel-customer .upload-zone h3 { color:#25282c;-webkit-text-fill-color:#25282c;background:none; }
.echel-panel #panel .side-role { background:#30353a;border-color:#42494f;color:#aeb7bf; }
.echel-panel #panel .side-role b { color:#fff; }
.echel-panel .side [class*=group],.echel-panel .side [class*=label],.echel-panel .side [class*=cap] { color:#98a3ad!important; }
.echel-settings-toolbar { display:flex;gap:16px;align-items:center;justify-content:space-between;margin-bottom:18px;padding-bottom:15px;border-bottom:1px solid #e4e8eb; }
.echel-settings-toolbar button { width:auto;padding:11px 18px;font-size:12px;margin:0; }
.echel-panel .wl-login-wrap { max-width:460px;margin:60px auto; }
.echel-panel .wl-login-card { padding:35px; }
.echel-panel .wl-logo { display:block;width:64px;height:64px;margin:0 auto 18px; }
.echel-panel .wl-logo img { width:100%;height:100%;border-radius:50%; }
@media(min-width:1100px) { .echel-panel .body { max-width:1200px; } }
@media(max-width:1100px) { .echel-home .main-nav { gap:10px; }.echel-home .main-nav .nav-link{font-size:10px;} .echel-home .head-inner{gap:14px;} }
@media(max-width:800px) {
  .echel-home .hero { padding:40px 0 30px; }
  .echel-home .hero-grid { grid-template-columns:1fr;gap:30px; }
  .echel-home .hero-visual { height:380px;max-width:520px;width:100%;margin:auto; }
  .echel-home .scene { transform:translate(-50%,-50%) scale(.70); }
  .echel-home .hb-head { font-size:43px;letter-spacing:-1.8px; }
  .echel-home .privacy-strip { max-width:none; }
  .echel-workflow { grid-template-columns:1fr 1fr;gap:24px; }
  .echel-panel .login-wrap { max-width:460px!important;margin:24px 16px!important;display:block;min-height:0; }
  .echel-panel #loginScreen { display:block!important; }
  .echel-login-story { padding:25px 26px; }
  .echel-login-story .echel-kicker { margin-top:25px; }
  .echel-login-story h2 { font-size:28px;margin:10px 0; }
  .echel-login-story p,.echel-login-step { display:none; }
  .echel-panel .login-wrap .login-card { padding:28px 25px!important; }
  .echel-settings-grid { grid-template-columns:1fr; }
}
@media(max-width:480px) {
  .echel-home .hero-visual { height:320px; }
  .echel-home .scene { transform:translate(-50%,-50%) scale(.59); }
  .echel-home .hero-strip { margin:16px 0; }
  .echel-home .head-inner { padding-top:12px;padding-bottom:12px; }
  .echel-brand { font-size:21px;gap:7px; }.echel-brand img{width:36px;height:36px;}
  .echel-home .login-pill { padding:10px;font-size:10px; }
  .echel-hero-description { font-size:14px; }
  .echel-home .sec { padding-top:40px; }
  .echel-workflow { gap:20px; }
}
@media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto!important;} *,*:before,*:after{animation:none!important;transition:none!important;} }
@media print { .echel-contact-footer,.echel-login-story{display:none!important;} }

/* Echel print studio: a coordinated eight-second scan → send → print sequence. */
.echel-home .hero-visual.echel-print-studio { display:block;height:auto;aspect-ratio:1.12;isolation:isolate;overflow:hidden;border-radius:24px;background:#f1f3f3;background-image:radial-gradient(#b6bfc445 .8px,transparent .8px);background-size:16px 16px;box-shadow:0 24px 50px -34px #26313c55,inset 0 1px 0 #fff;container-type:inline-size; }
.echel-home .hero-visual.echel-print-studio:before { content:none; }
.ep-studio-top { position:absolute;top:5.5%;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-size:1.8cqw;letter-spacing:1.5px;font-weight:750;color:#525b61; }
.ep-studio-top>span:first-child { display:flex;align-items:center;gap:9px; }
.ep-studio-top i { display:inline-block;width:6px;height:6px;border-radius:50%;background:#c7222b;box-shadow:0 0 0 4px #c7222b0d; }
.ep-studio-id { color:#929a9e;letter-spacing:1px; }
.ep-art { position:absolute;inset:8% 0 16%; }
.ep-orbit { position:absolute;border:1px solid #ccd3d66b;border-radius:50%;pointer-events:none; }
.ep-orbit-one { width:65%;aspect-ratio:1;top:1%;left:22%; }
.ep-orbit-two { width:90%;aspect-ratio:1;top:-17%;left:10%; }
.ep-transfer { position:absolute;inset:0;width:100%;height:100%;overflow:visible; }
.ep-track { stroke:#c4cdd0;stroke-width:1.5;stroke-dasharray:3 5; }
.ep-data { stroke:#cb222c;stroke-width:3;stroke-linecap:round;stroke-dasharray:15 420;animation:ep-transfer 8s linear infinite; }
.ep-qr-card { position:absolute;top:10%;left:7%;width:32%;padding:3%;background:#fff;border:1px solid #e0e4e5;border-radius:12px;box-shadow:0 16px 24px -16px #242d3b66;transform:rotate(-7deg);z-index:2; }
.ep-card-heading { display:flex;align-items:center;gap:5%;margin-bottom:10%;font-size:12px;font-size:2.4cqw;font-weight:750;color:#22292e; }
.ep-card-heading img { width:18%;height:auto;border-radius:50%; }
.ep-card-arrow { margin-left:auto;color:#9ca5ab;font-weight:400; }
.ep-qr-window { position:relative;background:#f7f8f8;aspect-ratio:1;padding:12%;border-radius:5px;overflow:hidden; }
.ep-qr-window>svg { width:100%;height:100%;color:#252d32;fill:currentColor; }
.ep-qr-window>i { position:absolute;width:15%;height:15%;border-color:#cf222e;border-style:solid; }
.ep-qr-window>i:nth-of-type(1) { top:5%;left:5%;border-width:2px 0 0 2px;border-radius:3px 0 0 0; }
.ep-qr-window>i:nth-of-type(2) { top:5%;right:5%;border-width:2px 2px 0 0;border-radius:0 3px 0 0; }
.ep-qr-window>i:nth-of-type(3) { bottom:5%;left:5%;border-width:0 0 2px 2px;border-radius:0 0 0 3px; }
.ep-qr-window>i:nth-of-type(4) { bottom:5%;right:5%;border-width:0 2px 2px 0;border-radius:0 0 3px 0; }
.ep-scan-line { position:absolute;left:6%;right:6%;height:2px;top:10%;background:#da2833;box-shadow:0 -5px 12px 4px #d9233333;animation:ep-scan 8s ease-in-out infinite; }
.ep-qr-card>strong { display:block;font-size:11px;font-size:2.15cqw;font-weight:750;letter-spacing:-.2px;margin-top:12%; }
.ep-qr-caption { display:block;color:#899198;font-size:9px;font-size:1.7cqw;margin-top:3%; }
.ep-file { position:absolute;top:11%;right:7%;display:flex;align-items:center;gap:7px;width:36%;padding:3%;background:#fff;border:1px solid #e2e6e8;border-radius:10px;box-shadow:0 12px 24px -17px #2d37494d;animation:ep-file 8s ease-in-out infinite;z-index:3; }
.ep-file>svg { width:22px;width:4.5cqw;flex-shrink:0;color:#cd252f; }
.ep-file>span { font-size:10px;font-size:2cqw;font-weight:650;color:#2d343b; }
.ep-file small { display:block;font-size:8px;font-size:1.6cqw;font-weight:450;color:#818990;margin-top:4px; }
.ep-file>b { font-size:10px;font-size:2cqw;margin-left:auto;color:#bd202b; }
.ep-printer { position:absolute;width:48%;height:37%;left:46%;top:40%;z-index:2; }
.ep-paper-feed { position:absolute;width:68%;height:35%;left:16%;top:-24%;border:1px solid #d6dcdf;border-radius:3px;background:linear-gradient(100deg,#fff,#e6eaed);transform:skewX(-6deg);box-shadow:4px -4px 0 -1px #f9fafb,5px -5px 0 -1px #cbd1d5; }
.ep-printer-top { position:absolute;inset:0 0 63%;border-radius:11px 11px 0 0;background:linear-gradient(165deg,#fff 15%,#d8dfe1 85%);border:1px solid #c5cdd1;display:flex;align-items:center;justify-content:space-between;padding:0 8%;box-shadow:inset 0 2px 0 #fff; }
.ep-printer-top span { font-size:11px;font-size:2.2cqw;font-weight:800;letter-spacing:-.3px;color:#4c565d; }
.ep-printer-top i { width:14%;height:3px;border-radius:3px;background:#b5bfc4;box-shadow:0 5px 0 #b5bfc4; }
.ep-printer-face { position:absolute;inset:31% 0 0;background:linear-gradient(110deg,#343b41,#20272d);border:1px solid #1e252b;border-radius:4px 4px 12px 12px;box-shadow:0 15px 22px -11px #1e252b88,inset 0 1px 0 #566067; }
.ep-printer-display { position:absolute;top:13%;left:8%;background:#131b20;display:flex;align-items:center;gap:5px;padding:5% 6%;border-radius:3px;border:1px solid #4a535b; }
.ep-printer-display span { font-size:7px;font-size:1.35cqw;letter-spacing:.6px;color:#d1dddf;font-weight:550; }
.ep-printer-display i { width:4px;height:4px;background:#d93843;border-radius:50%;animation:ep-led 8s ease-in-out infinite; }
.ep-power { position:absolute;right:8%;top:17%;font-size:13px;font-size:2.5cqw;color:#b6c4ca; }
.ep-output-slot { position:absolute;left:10%;right:10%;bottom:15%;height:11%;border-radius:10px;background:#10161a;box-shadow:0 1px 0 #677279; }
.ep-paper-mask { position:absolute;top:82%;height:82%;left:18%;right:18%;overflow:hidden;z-index:3;perspective:500px; }
.ep-paper { background:linear-gradient(#e0e5e7 0,#fff 23%);border:1px solid #e4e8e9;border-top:0;border-radius:0 0 3px 3px;height:92%;padding:12% 13% 8%;transform-origin:top center;animation:ep-print 8s ease-in-out infinite;box-shadow:0 7px 8px -7px #30394188; }
.ep-paper-mark { width:24%;height:5px;background:#c72731;margin-bottom:14%; }
.ep-paper-line { height:2px;background:#c8d0d5;margin-bottom:9%;width:100%; }
.ep-paper-line.ep-line-short { width:67%; }
.ep-paper-footer { display:flex;justify-content:space-between;align-items:center;color:#737e84;margin-top:15%;font-size:6px;font-size:1.1cqw;letter-spacing:.5px; }
.ep-paper-footer b { color:#c32630;font-size:11px;font-size:2cqw; }
.ep-printer-tray { position:absolute;top:93%;left:8%;right:8%;height:32%;background:linear-gradient(#bac4c9,#e0e5e7);transform:perspective(180px) rotateX(27deg);border:1px solid #aebac1;border-radius:0 0 8px 8px; }
.ep-ready { position:absolute;bottom:1%;left:8%;display:flex;gap:9px;align-items:center;animation:ep-ready 8s ease-in-out infinite; }
.ep-ready>span { display:grid;place-items:center;width:28px;width:5.6cqw;aspect-ratio:1;border-radius:50%;background:#fff;border:1px solid #dce1e4;color:#c8212c;font-size:12px;font-size:2.5cqw; }
.ep-ready>div { font-size:12px;font-size:2.4cqw;font-weight:750; }
.ep-ready small { display:block;color:#7a858d;font-size:9px;font-size:1.8cqw;font-weight:400;margin-top:3px; }
.ep-studio-bottom { position:absolute;bottom:0;left:0;right:0;height:13%;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #d5dcdf;background:#f9fafaee; }
.ep-stage-list { display:flex;align-items:center;gap:12px;gap:2.4cqw; }
.ep-stage { display:flex;gap:6px;font-size:10px;font-size:2cqw;color:#59646c;font-weight:600;animation:ep-stage 8s linear infinite; }
.ep-stage b { font-size:8px;font-size:1.6cqw;opacity:.6; }
.ep-stage-list>i { width:18px;width:3.6cqw;height:1px;background:#cbd2d6; }
.ep-stage-2 { animation-delay:2.6s; }.ep-stage-3 { animation-delay:5.2s; }
.echel-home .ep-motion-toggle { display:grid;place-items:center;margin:0;padding:5px;width:29px;height:29px;min-width:29px;min-height:29px;border:1px solid #d8dfe2;border-radius:50%;color:#5a646c;background:transparent;box-shadow:none;cursor:pointer; }
.ep-motion-toggle:hover { background:#fff!important; }.ep-motion-toggle:focus-visible { outline:2px solid #cb2630;outline-offset:3px; }
.ep-motion-toggle svg { width:11px;height:11px;stroke:currentColor;stroke-width:1.7;fill:none; }.ep-motion-toggle .ep-play-icon { display:none; }
.ep-paused .ep-pause-icon { display:none; }.ep-paused .ep-play-icon { display:block; }
.ep-paused * { animation-play-state:paused!important; }
@keyframes ep-scan { 0%,4%{top:10%;opacity:0;} 8%{opacity:1;} 26%{top:88%;opacity:1;} 31%,100%{top:88%;opacity:0;} }
@keyframes ep-transfer { 0%,27%{stroke-dashoffset:30;opacity:0;} 30%{opacity:1;} 53%{stroke-dashoffset:-320;opacity:1;} 55%,100%{stroke-dashoffset:-320;opacity:0;} }
@keyframes ep-file { 0%,26%{opacity:0;transform:translateY(8px);} 35%,72%{opacity:1;transform:translateY(0);} 82%,100%{opacity:0;transform:translateY(-5px);} }
@keyframes ep-print { 0%,49%{transform:translateY(-102%);} 75%,95%{transform:translateY(0);} 100%{transform:translateY(0);opacity:0;} }
@keyframes ep-ready { 0%,72%{opacity:0;transform:translateY(5px);} 80%,95%{opacity:1;transform:translateY(0);} 100%{opacity:0;transform:translateY(0);} }
@keyframes ep-led { 0%,49%,77%,100%{box-shadow:none;opacity:.5;} 53%,62%,71%{box-shadow:0 0 6px #ef4751;opacity:1;} 57%,66%{opacity:.3;} }
@keyframes ep-stage { 0%,30%{color:#c2212c;} 34%,100%{color:#727d84;} }
@media(max-width:800px) { .echel-home .hero-visual.echel-print-studio { width:100%;max-width:520px;margin:10px auto 0; } }
@media(prefers-reduced-motion:reduce) { .ep-scan-line,.ep-data { display:none; }.ep-paper,.ep-file,.ep-ready{transform:none;opacity:1;}.echel-home .ep-motion-toggle{display:none;} }
/* Website settings actions share the panel's primary button treatment. */
.echel-settings-toolbar button { background:#c51b29;color:#fff;border:0;border-radius:12px;padding:12px 20px;font-family:inherit;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #c51b2920; }
.echel-settings-toolbar button:hover { background:#a51521; }
.echel-settings-toolbar button:focus-visible { outline:3px solid #e7838b;outline-offset:3px; }