@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap');

:root { --sc-blue: #0758b8; --sc-navy: #082b61; --sc-ink: #10213d; --sc-muted: #62718a; --sc-line: #dce6f5; --sc-pale: #f5f8fd; --sc-lime: #b9e85f; --sc-white: #fff; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.smartcom-landing { margin: 0; color: var(--sc-ink); background: #fff; font-family: 'DM Sans', sans-serif; overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
.sc-site-header { width: min(1180px, calc(100% - 48px)); min-height: 82px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 28px; }
.sc-brand { display: inline-flex; align-items: center; gap: 9px; flex: 0 0 auto; }
.sc-brand img { width: 44px; height: 44px; object-fit: contain; }
.sc-brand span { display: grid; line-height: 1; gap: 4px; }
.sc-brand strong { font: 800 1.15rem/1 'Outfit', sans-serif; letter-spacing: -.03em; color: var(--sc-navy); }
.sc-brand small { font-size: .66rem; letter-spacing: .11em; text-transform: uppercase; color: #71809a; }
.sc-nav { display: flex; align-items: center; gap: 26px; margin-left: auto; color: #51627d; font-weight: 600; font-size: .91rem; }
.sc-nav a:hover, .sc-login-link:hover { color: var(--sc-blue); }
.sc-header-actions { display: flex; align-items: center; gap: 16px; font-weight: 700; font-size: .9rem; }
.sc-login-link { color: #334663; }.sc-header-cta { padding: 11px 17px; color: #fff; background: var(--sc-blue); border-radius: 10px; box-shadow: 0 10px 22px rgba(7,88,184,.16); }
.sc-hero { position: relative; width: min(1180px, calc(100% - 48px)); min-height: 564px; margin: 4px auto 0; padding: 82px 58px; border-radius: 32px; overflow: hidden; display: grid; grid-template-columns: 1fr .94fr; align-items: center; gap: 30px; background: radial-gradient(circle at 75% 22%, rgba(48,145,255,.3), transparent 25%), radial-gradient(circle at 90% 80%, rgba(105,199,255,.16), transparent 28%), linear-gradient(120deg, #eff6ff 0%, #f8fbff 55%, #e8f4ff 100%); }
.sc-hero:before { content:""; position:absolute; width:620px; height:620px; right:-300px; top:-330px; border:1px solid rgba(17,107,206,.13); border-radius:50%; box-shadow: 0 0 0 70px rgba(17,107,206,.04), 0 0 0 140px rgba(17,107,206,.035); }
.sc-hero-copy, .sc-hero-showcase { position: relative; z-index: 1; }.sc-eyebrow { display:inline-flex; align-items:center; gap:7px; font-size:.71rem; font-weight:800; letter-spacing:.105em; color:#2377d3; }.sc-eyebrow-blue { color: var(--sc-blue); }
.sc-hero h1, .sc-section h2, .sc-delivery-copy h2, .sc-cta-section h2 { margin: 15px 0 17px; font: 800 clamp(2.6rem,5vw,4.5rem)/.98 'Outfit', sans-serif; letter-spacing:-.055em; color:var(--sc-navy); }.sc-hero h1 em { font-style:normal; color:var(--sc-blue); }
.sc-hero-copy > p { max-width: 550px; margin: 0; color: #4d6080; font-size: 1.08rem; line-height: 1.68; }.sc-hero-actions { display:flex; align-items:center; flex-wrap:wrap; gap:12px; margin:30px 0 26px; }.sc-button { min-height:49px; padding:0 20px; border-radius:11px; display:inline-flex; align-items:center; justify-content:center; gap:9px; font-weight:800; font-size:.9rem; transition:transform .18s ease, box-shadow .18s ease; }.sc-button:hover { transform:translateY(-2px); }.sc-button-primary { color:#fff; background:var(--sc-blue); box-shadow:0 13px 26px rgba(7,88,184,.24); }.sc-button-ghost { color:var(--sc-blue); background:rgba(255,255,255,.68); border:1px solid #c9d9ef; }.sc-hero-proof { display:flex; flex-wrap:wrap; gap:10px 17px; color:#506585; font-weight:700; font-size:.78rem; }.sc-hero-proof i { color:#169760; margin-right:4px; }
.sc-hero-showcase { min-height:360px; display:flex; align-items:center; justify-content:center; }.sc-orbit { position:absolute; border:1px dashed rgba(7,88,184,.22); border-radius:50%; }.sc-orbit-one { width:390px; height:390px; }.sc-orbit-two { width:500px; height:500px; border-color:rgba(7,88,184,.1); }
.sc-dashboard-window { position:relative; width:min(420px,100%); border:7px solid #fff; border-radius:17px; overflow:hidden; background:#fff; box-shadow:0 30px 50px rgba(13,60,123,.22); transform:rotate(-2.5deg); }.sc-window-bar { height:30px; display:flex; align-items:center; gap:4px; padding:0 10px; background:#f4f7fc; }.sc-window-bar span { width:6px; height:6px; background:#cfdae9; border-radius:50%; }.sc-window-bar b { margin-left:8px; color:#789; font-size:.6rem; }.sc-window-body { display:flex; min-height:240px; }.sc-window-body aside { width:48px; display:flex; flex-direction:column; align-items:center; gap:19px; padding-top:22px; color:#6990c5; background:#fbfdff; border-right:1px solid #edf1f7; }.sc-window-body aside i:first-child { color:var(--sc-blue); }.sc-window-content { flex:1; padding:17px; }.sc-window-title { display:flex; justify-content:space-between; align-items:center; }.sc-window-title span { display:grid; gap:2px; }.sc-window-title small,.sc-mini-kpis small,.sc-mini-orders small { font-size:.52rem; color:#8291a7; font-weight:700; }.sc-window-title strong { font:700 .95rem 'Outfit',sans-serif; }.sc-window-title > b { padding:4px 8px; border-radius:99px; background:#e9f8ee; color:#218851; font-size:.57rem; }.sc-mini-kpis { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; margin:16px 0; }.sc-mini-kpis span { padding:9px 6px; border-radius:7px; background:#f4f8ff; }.sc-mini-kpis small,.sc-mini-kpis b { display:block; }.sc-mini-kpis b { margin-top:3px; color:#204b87; font-size:.86rem; }.sc-mini-orders { display:grid; gap:8px; }.sc-mini-orders div { display:flex; align-items:center; gap:7px; padding:8px; border:1px solid #edf1f6; border-radius:8px; }.sc-mini-orders i { width:24px; height:24px; display:block; border-radius:7px; background:#e8f1ff; }.sc-mini-orders span { display:grid; gap:1px; flex:1; }.sc-mini-orders b { font-size:.64rem; }.sc-mini-orders em { color:#1c8c56; font-size:.53rem; font-style:normal; font-weight:800; }.sc-floating-card { position:absolute; z-index:2; display:flex; align-items:center; gap:9px; padding:10px 13px; border:1px solid rgba(255,255,255,.9); border-radius:12px; background:rgba(255,255,255,.94); box-shadow:0 15px 26px rgba(25,66,119,.16); }.sc-floating-card > i { width:30px; height:30px; display:grid; place-items:center; color:#fff; background:var(--sc-blue); border-radius:8px; font-size:.78rem; }.sc-floating-card span { display:grid; gap:2px; }.sc-floating-card small { color:#8794a8; font-size:.53rem; font-weight:800; }.sc-floating-card b { font-size:.66rem; }.sc-food-card { top:19px; right:-2px; }.sc-pdv-card { bottom:22px; left:-12px; }.sc-pdv-card > i { background:#f28b2e; }
.sc-trust-strip { width:min(1080px,calc(100% - 48px)); min-height:115px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:28px; border-bottom:1px solid #e2eaf5; color:#6c7c93; font-size:.83rem; font-weight:600; }.sc-trust-strip div { display:flex; align-items:center; justify-content:flex-end; flex-wrap:wrap; gap:24px; }.sc-trust-strip b { color:#8391a5; font:700 .72rem 'Outfit',sans-serif; letter-spacing:.07em; }
.sc-section { width:min(1080px,calc(100% - 48px)); margin:0 auto; padding:112px 0; }.sc-section-heading { max-width:650px; }.sc-section-heading h2, .sc-delivery-copy h2 { font-size:clamp(2rem,3.6vw,3rem); line-height:1.07; }.sc-section-heading p { margin:0; color:var(--sc-muted); font-size:1rem; line-height:1.65; }.sc-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:42px; }.sc-feature-grid article { min-height:220px; padding:23px; border:1px solid var(--sc-line); border-radius:18px; background:#fff; transition:transform .18s, box-shadow .18s; }.sc-feature-grid article:hover { transform:translateY(-4px); box-shadow:0 18px 34px rgba(21,62,114,.09); }.sc-feature-icon { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; font-size:1rem; }.sc-feature-icon.blue { background:#e5f0ff;color:#0864cc; }.sc-feature-icon.sky { background:#e1f7ff;color:#1197cf; }.sc-feature-icon.orange { background:#fff0de;color:#e87a16; }.sc-feature-icon.green { background:#e8f8e9;color:#288747; }.sc-feature-icon.violet { background:#f0eaff;color:#7957c5; }.sc-feature-icon.red { background:#ffebed;color:#d75262; }.sc-feature-grid h3 { margin:18px 0 8px; font:700 1.12rem 'Outfit',sans-serif; letter-spacing:-.02em; }.sc-feature-grid p { margin:0; color:var(--sc-muted); font-size:.88rem; line-height:1.6; }
.sc-delivery-section { padding:86px max(24px,calc((100% - 1080px)/2)); display:grid; grid-template-columns:.9fr 1fr; align-items:center; gap:100px; color:#fff; background:radial-gradient(circle at 8% 50%, rgba(33,120,238,.62), transparent 27%),linear-gradient(120deg,#082656,#0d4d9c); }.sc-delivery-visual { min-height:390px; display:grid; place-items:center; position:relative; }.sc-phone { position:relative; width:225px; min-height:390px; padding:40px 13px 12px; border:7px solid #eaf3ff; border-radius:30px; background:#f8fbff; color:var(--sc-ink); box-shadow:0 26px 45px rgba(0,0,0,.24); }.sc-phone-notch { position:absolute; top:0; left:50%; width:86px; height:20px; transform:translateX(-50%); background:#eaf3ff; border-radius:0 0 12px 12px; }.sc-phone-head { padding-bottom:12px; display:grid; gap:3px; }.sc-phone-head span { color:#104a8e; font:700 .9rem 'Outfit',sans-serif; }.sc-phone-head small,.sc-phone-item small { color:#8190a5; font-size:.58rem; }.sc-phone-item { position:relative; display:grid; gap:3px; margin:8px 0; padding:10px; border:1px solid #e3eaf5; border-radius:10px; background:#fff; }.sc-phone-item b { font-size:.67rem; }.sc-phone-item strong { color:#0b60c5; font-size:.67rem; }.sc-phone-item button { position:absolute; right:8px; bottom:8px; padding:4px 6px; border:0; border-radius:5px; color:#fff; background:#1470d6; font-size:.48rem; }.sc-phone-cart { position:absolute; left:8px; right:8px; bottom:9px; display:flex; align-items:center; gap:5px; padding:8px; border-radius:9px; background:#0d59b5; color:#fff; font-size:.56rem; }.sc-phone-cart b { margin-left:auto; font-size:.55rem; }.sc-delivery-note { position:absolute; right:0; bottom:50px; padding:11px 14px; border-radius:10px; background:#fff; color:#1d416f; box-shadow:0 14px 28px rgba(0,0,0,.15); font-size:.7rem; font-weight:700; }.sc-delivery-note i { color:#2db676; margin-right:5px; }.sc-delivery-copy .sc-eyebrow { color:#9dcbff; }.sc-delivery-copy h2 { color:#fff; margin-top:15px; }.sc-delivery-copy > p { max-width:520px; color:#d9eaff; line-height:1.7; }.sc-delivery-list { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:28px 0; color:#edf6ff; font-size:.85rem; }.sc-delivery-list i { margin-right:7px; color:var(--sc-lime); }.sc-text-link { display:inline-flex; align-items:center; gap:8px; color:var(--sc-lime); font-weight:800; font-size:.9rem; }
.sc-operation-section { padding-bottom:115px; }.centered { margin:0 auto; text-align:center; }.sc-flow-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:0; margin-top:46px; counter-reset:flow; }.sc-flow-grid article { position:relative; padding:0 35px; text-align:center; }.sc-flow-grid article:not(:last-child):after { content:""; position:absolute; width:calc(100% - 98px); height:1px; top:27px; left:calc(50% + 49px); border-top:1px dashed #9fb7d6; }.sc-flow-grid b { position:absolute; top:-4px; left:calc(50% - 17px); width:34px; height:34px; display:grid; place-items:center; border-radius:50%; background:#eaf3ff; color:var(--sc-blue); font-size:.68rem; z-index:1; }.sc-flow-icon { width:54px; height:54px; margin:0 auto 18px; display:grid; place-items:center; border-radius:16px; color:#fff; background:var(--sc-blue); box-shadow:0 11px 22px rgba(7,88,184,.19); }.sc-flow-grid h3 { margin:0 0 7px; font:700 1.1rem 'Outfit',sans-serif; }.sc-flow-grid p { margin:0; color:var(--sc-muted); font-size:.86rem; line-height:1.6; }.sc-cta-section { width:min(1080px,calc(100% - 48px)); margin:0 auto 80px; padding:50px 56px; display:flex; align-items:center; justify-content:space-between; gap:28px; border-radius:25px; color:#fff; background:linear-gradient(120deg,#073170,#0b67c4); }.sc-cta-section .sc-eyebrow { color:#bce3ff; }.sc-cta-section h2 { margin:12px 0 10px; color:#fff; font-size:clamp(1.8rem,3vw,2.7rem); }.sc-cta-section p { max-width:600px; margin:0; color:#d8ebff; }.sc-cta-actions { display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-end; }.sc-button-lime { color:#17310b; background:var(--sc-lime); }.sc-button-dark { color:#fff; background:rgba(1,27,70,.35); border:1px solid rgba(255,255,255,.24); }.sc-footer { width:min(1080px,calc(100% - 48px)); min-height:100px; margin:0 auto; display:flex; align-items:center; justify-content:space-between; gap:22px; border-top:1px solid #e2eaf4; color:#75849a; font-size:.78rem; }.sc-footer .sc-brand img { width:34px; height:34px; }.sc-footer .sc-brand strong { font-size:1rem; }.sc-footer small { color:#9aa6b7; }
@media (max-width: 850px) { .sc-site-header { width:calc(100% - 32px); min-height:70px; }.sc-nav { display:none; }.sc-header-actions { gap:10px; }.sc-login-link { display:none; }.sc-header-cta { padding:10px 12px; font-size:.78rem; }.sc-hero { width:calc(100% - 32px); min-height:0; padding:60px 25px 35px; grid-template-columns:1fr; border-radius:24px; }.sc-hero h1 { font-size:clamp(2.55rem,12vw,3.8rem); }.sc-hero-copy > p { font-size:.98rem; }.sc-hero-showcase { min-height:300px; margin-top:3px; }.sc-dashboard-window { width:330px; }.sc-food-card { right:-6px; top:5px; }.sc-pdv-card { left:-4px; bottom:9px; }.sc-trust-strip { width:calc(100% - 32px); min-height:125px; display:block; padding:25px 0; }.sc-trust-strip div { justify-content:flex-start; gap:12px 17px; margin-top:13px; }.sc-section { width:calc(100% - 32px); padding:76px 0; }.sc-feature-grid { grid-template-columns:1fr; margin-top:28px; }.sc-feature-grid article { min-height:0; }.sc-delivery-section { padding:67px 24px; grid-template-columns:1fr; gap:38px; }.sc-delivery-visual { min-height:380px; order:2; }.sc-delivery-copy { order:1; }.sc-delivery-list { grid-template-columns:1fr; gap:10px; }.sc-flow-grid { grid-template-columns:1fr; gap:36px; margin-top:36px; }.sc-flow-grid article { padding:0 16px; }.sc-flow-grid article:after { display:none; }.sc-cta-section { width:calc(100% - 32px); margin-bottom:50px; padding:34px 24px; display:block; }.sc-cta-actions { justify-content:flex-start; margin-top:24px; }.sc-footer { width:calc(100% - 32px); padding:22px 0; min-height:0; flex-wrap:wrap; }.sc-footer > span { width:100%; order:3; } }
@media (max-width: 420px) { .sc-hero-actions .sc-button { width:100%; }.sc-hero-proof { display:grid; gap:8px; }.sc-dashboard-window { width:290px; }.sc-window-body { min-height:214px; }.sc-window-content { padding:13px; }.sc-window-body aside { width:38px; }.sc-food-card { transform:scale(.86); transform-origin:right top; }.sc-pdv-card { transform:scale(.86); transform-origin:left bottom; }.sc-phone { transform:scale(.91); }.sc-delivery-note { right:-6px; bottom:30px; font-size:.62rem; }.sc-cta-actions .sc-button { width:100%; } }