body{margin:0;font-family:Arial,sans-serif}*{box-sizing:border-box}body{color:#0f172a;background:#f1f5f9;margin:0;font-family:Inter,Arial,sans-serif}a{color:inherit}.dashboard-layout{min-height:100vh;display:flex}.backoffice-sidebar{color:#fff;background:linear-gradient(#07152d,#0f274f);width:260px;padding:24px 18px;position:fixed;top:0;bottom:0;left:0}.dashboard-main{width:calc(100% - 260px);margin-left:260px;padding:30px}.brand-lockup{color:#fff;align-items:center;gap:14px;margin-bottom:30px;text-decoration:none;display:flex}.brand-lockup img{object-fit:contain;width:52px;height:52px}.brand-title{font-size:18px;font-weight:800}.brand-subtitle{opacity:.8;font-size:12px}.sidebar-nav{flex-direction:column;gap:10px;display:flex}.sidebar-link{color:#fffc;border-radius:12px;gap:12px;padding:12px 14px;text-decoration:none;transition:all .3s;display:flex}.sidebar-link:hover,.sidebar-link.is-active{color:#fff;background:#ffffff1f}.public-nav{background:#07152d;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:18px 30px;display:flex}.nav-links{align-items:center;gap:14px;display:flex}.nav-link{color:#ffffffd9;font-weight:600;text-decoration:none}.nav-link:hover{color:#38bdf8}.nav-cta{color:#fff;background:#2563eb;border-radius:10px;padding:10px 16px}.public-shell{background:radial-gradient(circle at 100% 0,#2563eb29,#0000 28%),linear-gradient(#eff4fb 0%,#f8fbff 32%,#eef3f9 100%);min-height:100vh}.public-frame{width:min(1280px,100% - 32px);margin:0 auto;padding:24px 0 40px}.public-section{margin-top:28px}.hero-panel{color:#fff;background:radial-gradient(circle at 78% 24%,#3b82f661,#0000 18%),radial-gradient(circle at 88% 72%,#60a5fa2e,#0000 24%),linear-gradient(135deg,#081a38 0%,#0a2147 45%,#133a74 100%);border-radius:32px;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:26px;padding:44px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 48px #0f172a2e}.hero-panel:after{content:"";filter:blur(16px);background:#94c5ff1a;border-radius:50%;width:340px;height:340px;position:absolute;inset:auto -10% -22% auto}.hero-copy{z-index:1;position:relative}.hero-kicker,.eyebrow{color:#dbeafe;letter-spacing:.08em;background:#ffffff1a;border:1px solid #ffffff29;border-radius:999px;align-items:center;gap:8px;margin:0 0 18px;padding:9px 14px;font-size:12px;font-weight:800;display:inline-flex}.hero-title{letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(2.4rem,4vw,4rem);line-height:1.06}.hero-text,.surface-muted{color:#5f6f86;margin:0;line-height:1.7}.hero-text{color:#ffffffd1;max-width:620px;margin-bottom:30px;font-size:1.05rem}.hero-visual{min-height:360px;position:relative}.hero-device{background:linear-gradient(#0f172adb,#0f172a61),linear-gradient(135deg,#3b82f699,#1e40af1f);border:1px solid #bfdbfe2e;border-radius:24px;position:absolute;box-shadow:inset 0 0 0 1px #ffffff08,0 18px 34px #0206176b}.hero-device:before{content:"";background:linear-gradient(#60a5fa38,#0f172a14),repeating-linear-gradient(#ffffff0d 0 1px,#0000 1px 28px);border-radius:16px;position:absolute;inset:12px}.hero-device-main{width:270px;height:240px;bottom:18px;right:36px}.hero-device-top{width:154px;height:114px;top:12px;right:112px}.hero-device-side{width:128px;height:168px;bottom:56px;left:34px}.hero-glow{filter:blur(12px);background:#3b82f65c;border-radius:50%;width:240px;height:28px;position:absolute;bottom:8px;right:0}.button-row{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.hero-grid{color:#fff;background:linear-gradient(135deg,#07152d,#12366f);border-radius:28px;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:60px;display:grid}.hero-title{margin-bottom:20px;font-size:58px;line-height:1.1}.hero-text{color:#fffc;line-height:1.8}.btn-primary{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:12px;padding:14px 22px;font-weight:700}.btn-secondary{color:#07152d;background:#fff;border-radius:12px;padding:14px 22px;font-weight:700;text-decoration:none}.btn-ghost,.btn-soft,.btn-danger{cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex}.btn-ghost{color:#0b2248;background:#fffffff5}.btn-soft{color:#1d4ed8;background:#dbeafe}.btn-danger{color:#b91c1c;background:#fee2e2}.section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.section-heading h1,.section-heading h2,.about-band h2,.cta-banner h2{margin:0;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.12}.section-heading p,.about-band p,.cta-banner p{margin-top:10px}.section-heading-center{text-align:center;justify-content:center}.kpi-grid,.feature-grid,.service-grid,.catalog-grid,.summary-grid,.advantage-grid{gap:22px;display:grid}.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.service-grid,.catalog-grid,.summary-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.advantage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-highlight-card,.summary-card,.catalog-card,.contact-card,.payment-card,.surface-card{background:#fffffff5;border:1px solid #94a3b82e;border-radius:24px;padding:24px;box-shadow:0 16px 40px #0f172a14}.service-highlight-card{text-align:center;padding:28px 24px}.service-highlight-icon{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff,#dbeafe);border-radius:18px;place-items:center;width:64px;height:64px;margin:0 auto 18px;font-size:1.2rem;font-weight:800;display:grid}.service-highlight-card h3,.advantage-card h3,.catalog-card h3,.surface-card h3,.summary-card h3,.contact-card h3{margin:0 0 10px}.about-band{background:linear-gradient(#f8fbff 0%,#eef5ff 100%);border:1px solid #2563eb1f;border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(320px,1fr);align-items:start;gap:28px;padding:34px;display:grid}.advantage-card{align-items:center;gap:16px;min-height:110px;display:flex}.advantage-check{color:#1d4ed8;background:#dbeafe;border-radius:14px;flex:none;place-items:center;width:44px;height:44px;font-size:1.4rem;font-weight:800;display:grid}.stats-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid}.stat-card{color:#fff;background:#07152d;border-radius:22px;padding:24px;box-shadow:0 20px 38px #07152d2e}.stat-card strong{margin-bottom:8px;font-size:2rem;display:block}.stat-card span{color:#ffffffbd}.cta-banner{color:#fff;background:linear-gradient(135deg,#07152d,#0f2f62 58%,#1d4ed8);border-radius:30px;justify-content:space-between;align-items:center;gap:24px;padding:34px;display:flex;box-shadow:0 24px 46px #0f172a2e}.cta-banner .surface-muted{color:#ffffffc7}.contact-grid,.checkout-grid,.two-column-grid{gap:22px;display:grid}.contact-grid,.checkout-grid{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr)}.two-column-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{align-items:center;gap:16px;margin-bottom:18px;display:flex}.toolbar-grow{flex:1}.toolbar-fixed{width:240px}.search-input,.text-input,.select-input,.text-area{color:#0f172a;width:100%;font:inherit;background:#fff;border:1px solid #cbd5e1;border-radius:14px;padding:14px 16px}.search-input:focus,.text-input:focus,.select-input:focus,.text-area:focus{border-color:#60a5fa;outline:2px solid #2563eb2e}.service-row,.cart-item,.payment-option,.contact-line{align-items:center;gap:14px;display:grid}.service-row{grid-template-columns:minmax(0,1fr) auto auto}.cart-item{grid-template-columns:minmax(0,1fr) auto 90px auto}.payment-option{cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:16px;grid-template-columns:minmax(0,1fr) auto;padding:16px 18px}.payment-option.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.contact-detail{gap:18px;display:grid}.contact-line{grid-template-columns:120px minmax(0,1fr)}.price-row{justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.catalog-thumb{color:#1d4ed8;background:linear-gradient(135deg,#dbeafe,#eff6ff);border-radius:16px;place-items:center;width:56px;height:56px;margin-bottom:16px;font-weight:800;display:grid}.message-banner{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:14px 16px}.status-pill{border-radius:999px;justify-content:center;align-items:center;padding:8px 12px;font-size:.85rem;font-weight:700;display:inline-flex}.status-pill.success{color:#166534;background:#dcfce7}.admin-table{border-collapse:collapse;background:#fff;border-radius:18px;width:100%;overflow:hidden}.admin-table th{color:#fff;text-align:left;background:#0f172a;padding:16px}.admin-table td{border-bottom:1px solid #e2e8f0;padding:16px}.footer-shell{color:#fff;background:#07152d;border-radius:24px 24px 0 0;margin-top:50px;padding:40px}.footer-list{margin:0;padding-left:18px}.footer-content{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:30px;display:grid}.footer-bottom{text-align:center;opacity:.7;border-top:1px solid #ffffff1a;margin-top:30px;padding-top:20px}@media (width<=900px){.dashboard-main{width:100%;margin-left:0;padding:18px}.backoffice-sidebar{display:none}.hero-grid{grid-template-columns:1fr;padding:30px}.hero-title{font-size:38px}.public-nav{flex-direction:column;align-items:stretch;gap:20px}.nav-links{flex-wrap:wrap;justify-content:center}.hero-panel,.about-band,.contact-grid,.checkout-grid,.cta-banner{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.feature-grid,.stats-strip,.advantage-grid,.two-column-grid{grid-template-columns:1fr 1fr}.service-row,.cart-item,.contact-line{grid-template-columns:1fr}.toolbar-fixed{width:100%}.catalog-toolbar,.button-row{flex-direction:column;align-items:stretch}}@media (width<=640px){.public-frame{width:min(100% - 18px,1280px);padding-top:12px}.public-nav,.hero-panel,.about-band,.cta-banner,.surface-card,.catalog-card,.contact-card,.payment-card,.summary-card,.service-highlight-card{padding:20px}.feature-grid,.stats-strip,.advantage-grid,.two-column-grid{grid-template-columns:1fr}.hero-visual{min-height:280px}.hero-device-main{width:210px;height:190px;right:18px}.hero-device-top{width:124px;height:92px;right:82px}.hero-device-side{width:98px;height:138px;bottom:44px;left:10px}}