/* Layer+ brand guide: #7B5CFF / #3B82F6 / #22D3EE / #F8FAFC / #FFF / #0F172A. */
:root{--primary:#7b5cff;--secondary:#3b82f6;--accent:#22d3ee;--background:#f8fafc;--surface:#fff;--text:#0f172a;--blue:#7b5cff;--orange:#7b5cff;--green:#3b82f6;--mint:#22d3ee;--mint-light:#ecfbff;--soft-orange:#f4f0ff;--lime:#eaf7ff;--paper:#f8fafc;--ink:#0f172a;--muted:#707681;--line:#e8eaf1}
body{background:#f8fafc;color:#0f172a}header{background:#ffffffed;border-color:#edf0f5}.logo{color:#0f172a}.logo .submate-wordmark{width:170px;height:54px}.logo .wordmark-text{fill:#0f172a}.logo .layer-plus{fill:none;stroke:url(#lp-plus)}.auth-aside .logo .wordmark-text{fill:#fff}.auth-aside .logo .layer-plus{stroke:url(#lp-plus)}.footer-top .logo .submate-wordmark{width:145px;height:47px}
h1,h2,h3,.page-title,.hero h1,.product-body h3,.product-price,.big-price,.detail-summary h1,.detail-content h2,.admin-top h1,.stat strong{color:#0f172a!important}.hero-copy>p,.page-sub,.check-line,.step p,.auth-description,.header-links a,.text-link{color:#0f172a}.header-links a{font-weight:700}.header-links a.active{color:#7b5cff}.header-links a.active:after{background:#7b5cff}.header-actions .login-link{background:#fff;border:1px solid #e4e6ee;color:#0f172a;padding:10px 17px;box-shadow:0 1px 3px #0f172a03}.header-actions .login-link:hover{border-color:#bdaaff;background:#fbf9ff}.preview-bar{background:#f2efff;color:#776c8c}.preview-bar a{color:#776c8c}.preview-bar b{border-color:#dcd4f2;color:#776c8c}
.btn.primary,.btn.dark{background:#7b5cff;color:#fff}.btn.primary:hover,.btn.dark:hover{background:#6947ea}.btn.outline{color:#6645d2;background:#fff;border-color:#d7caf9}.btn.outline:hover{background:#f8f5ff}.categories button{background:#fff;border:1px solid #edf0f6;color:#64748b}.categories button.active{background:#7b5cff;color:#fff;border-color:#7b5cff}.eyebrow{color:#6c4ab9}.card-badge{background:#f0eaff;color:#6742c8}.temp{background:#f4f2f9;color:#837890;border-color:#e6e1f0}.product-card{border-color:#e7eaf1;box-shadow:0 4px 18px #0f172a03;background:#fff}.product-card:hover{border-color:#c1b0fb;box-shadow:0 10px 25px #7b5cff0c}.thumb-circle{background:#f6f7fb}.discount-label{color:#6c49cf}.product-price small{color:#707681}.catalog-note{color:#707681}
.hero{min-height:490px;padding:46px 48px;gap:16px;margin:24px 0 54px;grid-template-columns:1.15fr 1fr;position:relative;overflow:hidden;border-radius:26px;border:1px solid #ece7fb;background:radial-gradient(ellipse at 86% 76%,#d9f1ff70,transparent 52%),radial-gradient(ellipse at 67% 17%,#eee4ff,transparent 65%),linear-gradient(110deg,#fbfaff,#f6f3ff 62%,#f5f9ff);isolation:isolate}.hero:after{content:'';position:absolute;width:480px;height:480px;border-radius:50%;border:0;background:radial-gradient(circle,#e8dfff70,transparent 70%);right:-220px;top:-140px;z-index:-1}.hero-copy{position:relative;z-index:1}.hero-kicker{background:none;border:0;padding:0;border-radius:0;color:#65449d;letter-spacing:.095em;font-size:9px;font-weight:750}.hero-kicker i{display:none}.hero h1{font-size:clamp(36px,4.25vw,55px);font-weight:850;line-height:1.25;letter-spacing:-.062em;margin:24px 0 21px;color:#0f172a!important}.hero h1 span{color:#0f172a;background:none}.hero-copy>p{font-size:15px;line-height:1.85;color:#475569!important}.hero-actions{gap:16px;margin-top:28px;align-items:center}.hero-actions .btn.primary{background:#7b5cff;color:#fff;box-shadow:0 8px 20px #7b5cff18;min-height:48px;border-radius:12px}.hero-actions .btn.primary:hover{background:#6947ea}.hero-actions .text-link{color:#4f387e;border:1px solid #bca5f3;min-height:48px;padding:12px 22px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;background:#ffffff75}.hero-actions .text-link:hover{background:#fff}.hero-services{color:#7b8190;font-size:10px;margin-top:23px;gap:17px}.layer-visual{display:grid;place-items:center;height:380px;min-width:0;position:relative;overflow:visible}.layer-stack-art{display:block;width:100%;max-width:410px;height:auto;filter:drop-shadow(0 12px 15px #7485b008)}
.payment-trust{background:radial-gradient(ellipse at 85% 80%,#5533b0a0,transparent 65%),#0f172a;border:1px solid #252c48;color:#fff}.payment-trust h2,.payment-trust p{color:#fff!important}.trust-kicker{color:#c6b3ff}.trust-copy>p{color:#cbd5e1!important}.trust-state{background:#e8e0ff;color:#5431aa}.trust-shield{color:#22d3ee;background:#ffffff05}.trust-bottom{color:#d9e0f3}.trust-bottom svg{color:#70dff1}.toss-wordmark span{color:#d7dded}.help-card{background:#0f172a}.help-card h2,.help-card p{color:#fff!important}.help-card .btn.white{background:#fff;color:#6644c9}.auth-aside{background:radial-gradient(ellipse at 88% 85%,#7b5cff75,transparent 60%),linear-gradient(145deg,#0f172a,#171734);color:#fff}.auth-aside h2,.auth-aside p{color:#fff!important}.auth-aside h2+p{color:#cbd5e1!important}.auth-aside-kicker,.auth-aside-foot{color:#c8b5ff!important}.auth-brand-stack>div{background:#fff;border-color:#e9e2fc}.auth-mini-brand,.auth-step-top b,.auth-demo-fill,.auth-inline-link{color:#6f4ad7}.auth-input:focus{border-color:#7b5cff;box-shadow:0 0 0 3px #f1edff}.auth-code-hint{background:#f3efff}.auth-code-hint strong{color:#6847ca}.auth-complete-icon{background:#eee7ff;color:#6c44d0}.agreement-all input,.agreement-items input,.checkbox input{accent-color:#7b5cff}
.step-num,.benefit-number{background:linear-gradient(135deg,#eee7ff,#e8f7ff);color:#6742c8}.mate-cta{background:radial-gradient(ellipse at right,#e5f6ff,transparent 65%),#f0eaff;border:1px solid #e7e1f6}.mate-cta h2{color:#0f172a}.mate-cta p{color:#64748b}.notice,.notice.orange{background:#f2effb;color:#6c5d81}.check-line svg{color:#3b82f6}.detail-art{background:radial-gradient(ellipse at right bottom,#e3f7ff,transparent 60%),#f5f2fc!important}.detail-art:after{border-color:#b4dff5}.detail-art small{color:#6e49cd}.plan-switch{background:#f0edf9}.plan-switch button.active{color:#7b5cff;background:#fff}.detail-tabs a{color:#0f172a}.detail-tabs a.active{color:#7b5cff}.comparison-table thead th:last-child{background:#eee9ff}.saving-bar.actual{background:linear-gradient(100deg,#7b5cff,#3b82f6)}.saving-bar.reference{background:#dce1ea}.saving-track{background:#f0f3f8}.saved-segment{color:#0f172a}.feature,.benefit-grid article,.savings-section{background:#fff}.feature svg{color:#7b5cff}
.notification-status{background:#f6f2ff;border-color:#e8defc}.notification-toggle input:checked+.switch-track{background:#7b5cff}.notification-mock{background:#f5f4fa}.admin-sidebar{background:#fff;border-color:#e9eaf2}.admin-sidebar a{color:#0f172a}.admin-sidebar a.active{background:#f0eaff;color:#7b5cff}.admin-panel,.panel,.integration-card{background:#fff}.bar{background:linear-gradient(#bdb0ff,#a8d8ff)}.bar.current{background:linear-gradient(#7b5cff,#3b82f6)}.todo .todo-icon{background:#eef6ff;color:#3b82f6}.integration-steps div{background:#f6f4fb}.integration-steps b{color:#6540bf}.account-avatar{background:linear-gradient(135deg,#e9e0ff,#daf7ff);color:#5b3bb3}.status{background:#eee9ff;color:#6440ba}.status.wait{background:#fff5d2;color:#8b6d00}.status.cancel{background:#ffeded;color:#af4242}.success-icon{background:#e8e0ff;color:#6540bf}.empty{background:#faf8ff;border-color:#e8dffb}.account-tabs button.active{border-color:#7b5cff}.sort{color:#64748b}.footer-tagline,.footer-links{color:#707681}footer{background:#fff}#footer .business-info,#footer .business-info p,#footer .business-info a{color:#707681}#mobile-nav{background:#fffffffa}#mobile-nav a{color:#334155}#mobile-nav a.active{color:#7b5cff}#toast{background:#0f172a}.source-link,.source-links a{color:#65547f}
@media(max-width:1050px){.hero{padding:40px 34px;gap:10px;grid-template-columns:1.2fr 1fr}.hero h1{font-size:43px}.layer-visual{height:330px}.hero-actions{gap:13px}.hero-actions .text-link{padding:12px 17px}.hero-services{gap:13px}}
@media(max-width:760px){.logo .submate-wordmark,.auth-page .logo .submate-wordmark{width:150px;height:49px}.footer-top .logo .submate-wordmark{width:132px;height:43px}.hero{grid-template-columns:1fr;min-height:0;padding:31px 24px 18px;margin:18px 0 37px;gap:4px;border-radius:21px}.hero-kicker{font-size:8px;letter-spacing:.07em}.hero h1{font-size:38px;line-height:1.28;margin:21px 0 18px}.hero-copy>p{font-size:13px;line-height:1.85}.hero-actions{margin-top:23px;gap:12px}.hero-actions .btn.primary{font-size:12px;min-height:45px;padding:12px 15px}.hero-actions .text-link{font-size:11px;min-height:45px;padding:11px 18px}.hero-services{font-size:8px;margin-top:19px;gap:14px}.layer-visual{height:263px;margin-top:5px}.layer-stack-art{max-width:285px;width:100%;height:100%;object-fit:contain}.auth-aside{background:#0f172a}.hero:after{right:-260px;top:-170px}}
@media(max-width:360px){.hero{padding:28px 20px 16px}.hero h1{font-size:34px}.hero-actions{gap:10px}.hero-actions .btn.primary{padding:11px 13px}.hero-actions .text-link{padding:11px 16px}.layer-visual{height:240px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}