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

:root{
    --bg:#f5fbfa;
    --bg-alt:#eef7f6;
    --card:#ffffff;
    --text:#0f1b1a;
    --muted:#64748b;
    --primary:#0ea5a4;
    --primary-dark:#0b7f7e;
    --primary-light:#5fd1cf;
    --accent:#ff8a5c;
    --accent-dark:#e96f3f;
    --radius:16px;
    --radius-sm:10px;
    --shadow-sm:0 6px 18px rgba(14,80,79,0.07);
    --shadow-md:0 12px 32px rgba(14,80,79,0.10);
    --transition:220ms cubic-bezier(.2,.8,.2,1);
    --container:1200px;
}

html{
    scroll-behavior:smooth;
}

body{
    font-family:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
    color:var(--text);
    background:
        radial-gradient(700px 420px at 90% -10%, rgba(95,209,207,.16), transparent 58%),
        radial-gradient(480px 320px at 4% 8%, rgba(255,138,92,.10), transparent 52%),
        linear-gradient(180deg, #f8fffd 0%, var(--bg) 36%, #f7fbfa 100%);
    -webkit-font-smoothing:antialiased;
}

a{
    text-decoration:none;
}

.landing-page{
    min-height:100vh;
}

.landing-nav-wrap{
    position:sticky;
    top:0;
    z-index:1030;
    background:rgba(255,255,255,.88);
    backdrop-filter:blur(14px);
    border-bottom:1px solid rgba(14,80,79,0.08);
}

.landing-nav{
    padding:.9rem 0;
}

.landing-nav-inner{
    background:#fff;
    border:1px solid rgba(14,80,79,0.08);
    border-radius:999px;
    box-shadow:var(--shadow-sm);
    padding:.45rem .9rem;
}

.brand-lockup{
    display:flex;
    align-items:center;
    gap:.75rem;
    color:var(--text);
}

.brand-mark{
    width:42px;
    height:42px;
    border-radius:14px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,var(--primary),var(--primary-dark));
    color:#fff;
    box-shadow:0 8px 20px rgba(14,165,164,0.22);
    flex-shrink:0;
}

.brand-mark i{
    font-size:1.05rem;
}

.brand-text{
    display:flex;
    flex-direction:column;
    line-height:1.05;
}

.brand-name,
.brand-byline,
.section-title,
.section-kicker,
.hero-title,
.hero-kicker,
.footer-brand,
.step-index{
    font-family:'Sora',system-ui,sans-serif;
}

.brand-name{
    font-size:1.02rem;
    font-weight:800;
    letter-spacing:-.02em;
}

.brand-byline{
    font-size:.74rem;
    color:var(--muted);
    font-weight:600;
}

.landing-menu .nav-link{
    color:var(--muted);
    font-size:.93rem;
    font-weight:600;
    padding:.55rem .85rem;
    border-radius:999px;
    transition:transform var(--transition), background-color var(--transition), color var(--transition);
}

.landing-menu .nav-link:hover,
.landing-menu .nav-link:focus{
    color:var(--primary-dark);
    background:rgba(14,165,164,0.08);
    transform:translateY(-1px);
}

.landing-actions{
    display:flex;
    align-items:center;
    gap:.55rem;
}

.btn{
    border-radius:var(--radius-sm);
    font-weight:600;
    transition:transform var(--transition), box-shadow var(--transition), background-color var(--transition), border-color var(--transition), color var(--transition);
}

.btn-sm{
    padding:.55rem .9rem;
}

.btn-lg{
    padding:.82rem 1.2rem;
}

.btn-primary{
    border:0;
    background:linear-gradient(135deg,var(--primary),var(--primary-dark));
    box-shadow:none;
}

.btn-primary:hover{
    transform:translateY(-1px);
    box-shadow:var(--shadow-sm);
}

.btn-accent{
    border:0;
    color:#fff;
    background:linear-gradient(135deg,var(--accent),var(--accent-dark));
}

.btn-accent:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 20px rgba(255,138,92,0.22);
    color:#fff;
}

.btn-ghost{
    border:1px solid rgba(14,80,79,0.12);
    color:var(--primary-dark);
    background:#fff;
}

.btn-ghost:hover{
    border-color:rgba(14,165,164,0.24);
    background:rgba(14,165,164,0.05);
    color:var(--primary-dark);
    transform:translateY(-1px);
}

.btn-link-plain{
    color:var(--primary-dark);
    font-weight:700;
    padding:.82rem .2rem;
}

.btn-link-plain:hover{
    color:var(--primary);
}

.landing-toggler{
    border:1px solid rgba(14,80,79,0.12);
    border-radius:12px;
    box-shadow:none;
}

.landing-toggler:focus{
    box-shadow:0 0 0 .2rem rgba(14,165,164,0.18);
}

.landing-main{
    position:relative;
}

.hero-section,
.section-block,
.final-cta{
    padding:clamp(3.5rem, 2rem + 4vw, 6rem) 0;
}

.hero-section{
    padding-top:clamp(3rem, 1.5rem + 4vw, 5.5rem);
}

.hero-grid{
    display:grid;
    grid-template-columns:minmax(0, 1.05fr) minmax(0, .95fr);
    gap:2rem;
    align-items:center;
}

.hero-kicker,
.section-kicker{
    display:inline-flex;
    align-items:center;
    gap:.55rem;
    font-size:.82rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--primary-dark);
    background:rgba(14,165,164,0.08);
    border:1px solid rgba(14,165,164,0.10);
    border-radius:999px;
    padding:.45rem .8rem;
}

.kicker-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--primary),var(--accent));
    box-shadow:0 0 0 4px rgba(14,165,164,0.10);
}

.hero-title{
    font-size:clamp(2.4rem, 1.55rem + 3vw, 4.9rem);
    line-height:1.02;
    letter-spacing:-.05em;
    margin:.95rem 0 1rem;
    max-width:12ch;
}

.hero-description,
.section-copy,
.footer-copy,
.showcase-copy p,
.feature-card p,
.benefit-card p,
.step-card p,
.faq-item p{
    color:var(--muted);
    line-height:1.75;
}

.hero-description{
    font-size:clamp(1rem, .95rem + .4vw, 1.12rem);
    max-width:58ch;
}

.hero-actions{
    display:flex;
    flex-wrap:wrap;
    gap:.75rem;
    margin-top:1.6rem;
    align-items:center;
}

.hero-chips,
.strip-inner,
.business-grid{
    display:flex;
    flex-wrap:wrap;
    gap:.6rem;
}

.hero-chips{
    margin-top:1.3rem;
}

.chip,
.business-chip{
    display:inline-flex;
    align-items:center;
    gap:.4rem;
    padding:.55rem .8rem;
    border-radius:999px;
    background:#fff;
    border:1px solid rgba(14,80,79,0.08);
    color:var(--muted);
    font-size:.84rem;
    font-weight:600;
    box-shadow:0 4px 14px rgba(14,80,79,0.05);
}

.hero-visual{
    min-width:0;
}

.browser-shell,
.mini-window{
    background:rgba(255,255,255,0.82);
    border:1px solid rgba(14,80,79,0.08);
    border-radius:28px;
    box-shadow:0 24px 60px rgba(14,80,79,0.12);
    overflow:hidden;
}

.browser-topbar,
.mini-window-bar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    padding:.85rem 1rem;
    background:linear-gradient(180deg,#fff,#f7fbfb);
    border-bottom:1px solid rgba(14,80,79,0.06);
}

.browser-dots{
    display:flex;
    gap:.35rem;
}

.browser-dots i,
.mini-window-bar span{
    width:10px;
    height:10px;
    border-radius:50%;
    display:inline-block;
    background:#d6e6e4;
}

.browser-dots i:nth-child(1),
.mini-window-bar span:nth-child(1){
    background:#ff8a5c;
}

.browser-dots i:nth-child(2),
.mini-window-bar span:nth-child(2){
    background:#f5b76d;
}

.browser-dots i:nth-child(3),
.mini-window-bar span:nth-child(3){
    background:#8dd8d7;
}

.browser-url{
    font-family:'JetBrains Mono',ui-monospace,monospace;
    font-size:.78rem;
    color:#6b7f7d;
    text-align:center;
    flex:1;
}

.browser-badge,
.panel-pill,
.mini-pill{
    font-size:.72rem;
    font-weight:700;
    color:var(--primary-dark);
    background:rgba(14,165,164,0.10);
    border:1px solid rgba(14,165,164,0.10);
    border-radius:999px;
    padding:.3rem .6rem;
    white-space:nowrap;
}

.panel-pill.apricot{
    color:var(--accent-dark);
    background:rgba(255,138,92,0.12);
    border-color:rgba(255,138,92,0.12);
}

.browser-body,
.mini-window-body{
    padding:1rem;
}

.dashboard-preview{
    display:flex;
    flex-direction:column;
    gap:.95rem;
}

.dashboard-header{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:1rem;
}

.dashboard-kicker{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    padding:.28rem .6rem;
    border-radius:999px;
    background:rgba(14,165,164,0.10);
    color:var(--primary-dark);
    font-size:.72rem;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.dashboard-header h3{
    margin:.55rem 0 .28rem;
    font-family:'Sora',system-ui,sans-serif;
    font-size:1.15rem;
    line-height:1.15;
    letter-spacing:-.03em;
}

.dashboard-header p{
    margin:0;
    color:var(--muted);
    font-size:.88rem;
    line-height:1.6;
    max-width:42ch;
}

.dashboard-badges{
    display:flex;
    flex-wrap:wrap;
    gap:.45rem;
    justify-content:flex-end;
}

.browser-badge.apricot{
    color:var(--accent-dark);
    background:rgba(255,138,92,0.12);
    border-color:rgba(255,138,92,0.12);
}

.dashboard-kpis{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:.75rem;
}

.dashboard-kpi{
    background:linear-gradient(180deg,#fff,#f8fcfb);
    border:1px solid rgba(14,80,79,0.08);
    border-radius:20px;
    padding:.95rem 1rem;
    min-height:96px;
}

.dashboard-kpi.accent{
    background:linear-gradient(135deg,rgba(14,165,164,0.10),rgba(255,138,92,0.08));
}

.kpi-label{
    display:block;
    font-size:.74rem;
    font-weight:800;
    color:var(--muted);
    text-transform:uppercase;
    letter-spacing:.06em;
}

.kpi-value{
    display:block;
    font-family:'Sora',system-ui,sans-serif;
    font-size:1.28rem;
    line-height:1.1;
    letter-spacing:-.03em;
    margin:.55rem 0 .18rem;
    color:var(--primary-dark);
}

.kpi-meta{
    display:block;
    color:var(--muted);
    font-size:.8rem;
    line-height:1.5;
}

.dashboard-content{
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
    gap:.8rem;
}

.dashboard-card{
    background:#fff;
    border:1px solid rgba(14,80,79,0.08);
    border-radius:22px;
    padding:1rem;
    box-shadow:var(--shadow-sm);
    min-height:220px;
    display:flex;
    flex-direction:column;
    gap:.95rem;
}

.chart-card{
    background:
        radial-gradient(420px 180px at 90% 0%, rgba(95,209,207,.12), transparent 55%),
        #fff;
}

.mini-chart{
    display:flex;
    flex-direction:column;
    gap:.85rem;
    margin-top:.25rem;
}

.sales-line-chart{
    width:100%;
    height:auto;
    display:block;
}

.sales-grid line{
    stroke:rgba(100,116,139,.16);
    stroke-width:1;
    stroke-dasharray:4 6;
}

.sales-area{
    fill:url(#salesAreaGradient);
    opacity:.95;
}

.sales-line{
    fill:none;
    stroke:var(--primary-dark);
    stroke-width:4;
    stroke-linecap:round;
    stroke-linejoin:round;
    stroke-dasharray:620;
    stroke-dashoffset:620;
}

.sales-points circle{
    fill:#fff;
    stroke:var(--accent-dark);
    stroke-width:4;
    opacity:0;
    transform-box:fill-box;
    transform-origin:center;
    transform:scale(.65);
}

.dashboard-preview.is-animated .sales-line{
    animation:drawLine 1.2s ease forwards;
}

.dashboard-preview.is-animated .sales-points circle{
    animation:pointPop .45s ease forwards;
}

.dashboard-preview.is-animated .sales-points circle:nth-child(1){animation-delay:.18s;}
.dashboard-preview.is-animated .sales-points circle:nth-child(2){animation-delay:.28s;}
.dashboard-preview.is-animated .sales-points circle:nth-child(3){animation-delay:.38s;}
.dashboard-preview.is-animated .sales-points circle:nth-child(4){animation-delay:.48s;}
.dashboard-preview.is-animated .sales-points circle:nth-child(5){animation-delay:.58s;}
.dashboard-preview.is-animated .sales-points circle:nth-child(6){animation-delay:.68s;}
.dashboard-preview.is-animated .sales-points circle:nth-child(7){animation-delay:.78s;}

.chart-labels{
    display:grid;
    grid-template-columns:repeat(7, minmax(0,1fr));
    gap:.55rem;
    color:var(--muted);
    font-size:.72rem;
    text-align:center;
    font-weight:700;
}

.orders-card{
    background:
        radial-gradient(360px 150px at 0% 0%, rgba(255,138,92,.10), transparent 55%),
        #fff;
}

.order-table{
    display:flex;
    flex-direction:column;
    gap:.65rem;
}

.order-table-head{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) auto auto;
    gap:.75rem;
    padding:0 .9rem;
    color:var(--muted);
    font-size:.73rem;
    font-weight:800;
    letter-spacing:.06em;
    text-transform:uppercase;
}

.order-list{
    display:flex;
    flex-direction:column;
    gap:.65rem;
}

.order-row{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr) auto auto;
    align-items:center;
    gap:.75rem;
    padding:.82rem .9rem;
    border-radius:16px;
    background:var(--bg-alt);
    border:1px solid rgba(14,80,79,0.06);
}

.order-invoice,
.order-customer{
    min-width:0;
}

.order-invoice strong{
    display:block;
    color:var(--text);
    font-size:.92rem;
    font-family:'JetBrains Mono',ui-monospace,monospace;
}

.order-invoice span,
.order-customer{
    display:block;
    color:var(--muted);
    font-size:.76rem;
    margin-top:.15rem;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.status-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:.33rem .62rem;
    border-radius:999px;
    font-size:.72rem;
    font-weight:800;
    white-space:nowrap;
}

.status-badge.success{
    background:rgba(34,197,94,.12);
    color:#15803d;
}

.status-badge.warning{
    background:rgba(245,158,11,.14);
    color:#b45309;
}

.status-badge.primary{
    background:rgba(14,165,164,.12);
    color:var(--primary-dark);
}

.order-total{
    color:var(--text);
    font-size:.88rem;
    font-family:'JetBrains Mono',ui-monospace,monospace;
    white-space:nowrap;
    text-align:right;
}

@keyframes drawLine{
    from{
        stroke-dashoffset:620;
    }
    to{
        stroke-dashoffset:0;
    }
}

@keyframes pointPop{
    0%{
        opacity:0;
        transform:scale(.65);
    }
    100%{
        opacity:1;
        transform:scale(1);
    }
}

.visual-stats{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:.8rem;
    margin-bottom:.8rem;
}

.stat-card{
    background:linear-gradient(180deg,#fff,#f8fcfb);
    border:1px solid rgba(14,80,79,0.08);
    border-radius:20px;
    padding:1rem;
    min-height:110px;
}

.stat-card.accent{
    background:linear-gradient(135deg,rgba(14,165,164,.12),rgba(255,138,92,.08));
}

.stat-label{
    display:block;
    font-size:.76rem;
    font-weight:700;
    color:var(--muted);
    text-transform:uppercase;
    letter-spacing:.06em;
}

.stat-value{
    display:block;
    font-family:'Sora',system-ui,sans-serif;
    font-size:1.5rem;
    line-height:1.05;
    letter-spacing:-.03em;
    margin:.55rem 0 .2rem;
    color:var(--primary-dark);
}

.stat-meta{
    display:block;
    font-size:.82rem;
    color:var(--muted);
}

.visual-panels{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
    gap:.8rem;
}

.panel{
    background:#fff;
    border:1px solid rgba(14,80,79,0.08);
    border-radius:22px;
    padding:1rem;
    min-height:250px;
    display:flex;
    flex-direction:column;
    gap:.9rem;
}

.panel-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.6rem;
    flex-wrap:wrap;
}

.panel-title{
    font-weight:800;
    letter-spacing:-.02em;
}

.panel-search{
    display:flex;
    align-items:center;
    gap:.6rem;
    padding:.85rem 1rem;
    border-radius:16px;
    background:var(--bg-alt);
    color:#6f8280;
    font-size:.92rem;
}

.panel-search i{
    color:var(--primary-dark);
}

.panel-mini-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:.6rem;
}

.mini-product{
    border-radius:18px;
    border:1px solid rgba(14,80,79,0.08);
    padding:.85rem .8rem;
    background:#fff;
}

.mini-product.active{
    border-color:rgba(14,165,164,0.18);
    background:linear-gradient(135deg,rgba(14,165,164,0.10),rgba(95,209,207,0.08));
}

.mini-title{
    display:block;
    font-weight:800;
    font-size:.95rem;
}

.mini-sub{
    display:block;
    font-size:.76rem;
    color:var(--muted);
    margin-top:.25rem;
}

.panel-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.7rem;
    font-size:.82rem;
    color:var(--muted);
    margin-top:auto;
}

.panel-amount{
    font-family:'JetBrains Mono',ui-monospace,monospace;
    color:var(--primary-dark);
    font-weight:700;
}

.status-list{
    display:flex;
    flex-direction:column;
    gap:.75rem;
}

.status-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    font-size:.9rem;
    color:var(--muted);
}

.status-row div{
    display:flex;
    gap:.3rem;
}

.status-row i{
    width:12px;
    height:12px;
    border-radius:4px;
    display:inline-block;
    background:linear-gradient(135deg,var(--primary),var(--primary-light));
}

.status-row:nth-child(2) i,
.status-row:nth-child(5) i{
    background:linear-gradient(135deg,var(--accent),var(--accent-dark));
}

.chart-foot{
    margin-top:auto;
    padding-top:.25rem;
    font-size:.8rem;
    color:#7b8d8b;
}

.feature-strip{
    padding:0 0 1rem;
}

.strip-inner{
    justify-content:center;
    background:rgba(255,255,255,0.72);
    border:1px solid rgba(14,80,79,0.08);
    border-radius:999px;
    padding:.9rem 1rem;
    box-shadow:var(--shadow-sm);
}

.strip-inner span{
    color:var(--muted);
    font-weight:600;
    font-size:.88rem;
    padding:.2rem .6rem;
}

.section-head{
    max-width:760px;
    margin-bottom:1.6rem;
}

.section-head.center{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.section-title{
    font-size:clamp(1.8rem, 1.2rem + 1.9vw, 3rem);
    line-height:1.08;
    letter-spacing:-.04em;
    margin:.9rem 0 .75rem;
}

.section-copy{
    font-size:1rem;
    margin-bottom:0;
}

.feature-grid,
.benefit-grid{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:1rem;
}

.feature-card,
.benefit-card,
.step-card{
    background:rgba(255,255,255,0.88);
    border:1px solid rgba(14,80,79,0.08);
    border-radius:22px;
    box-shadow:var(--shadow-sm);
    padding:1.15rem;
}

.feature-card{
    min-height:220px;
}

.feature-icon,
.benefit-icon{
    width:48px;
    height:48px;
    border-radius:16px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:linear-gradient(135deg,rgba(14,165,164,0.12),rgba(255,138,92,0.10));
    color:var(--primary-dark);
    font-size:1.1rem;
    margin-bottom:.95rem;
}

.feature-card h3,
.benefit-card h3,
.step-card h3{
    font-size:1.1rem;
    margin-bottom:.5rem;
    letter-spacing:-.02em;
}

.showcase-section{
    background:linear-gradient(180deg,rgba(255,255,255,0),rgba(255,255,255,0.42));
}

.showcase-grid{
    display:grid;
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
    gap:1.2rem;
    align-items:center;
    margin-bottom:1.5rem;
}

.showcase-grid.reverse{
    grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
}

.showcase-grid.reverse .showcase-copy{
    order:2;
}

.showcase-copy{
    padding-right:.35rem;
}

.check-list{
    list-style:none;
    padding:0;
    margin:1rem 0 0;
    display:grid;
    gap:.75rem;
}

.check-list li{
    position:relative;
    padding-left:1.65rem;
    color:var(--muted);
    line-height:1.7;
}

.check-list li::before{
    content:'';
    position:absolute;
    left:0;
    top:.55rem;
    width:18px;
    height:18px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--primary),var(--primary-dark));
    box-shadow:0 0 0 4px rgba(14,165,164,0.10);
}

.mini-window{
    border-radius:26px;
}

.mini-window-body{
    display:flex;
    flex-direction:column;
    gap:.9rem;
}

.mini-pos-header{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:1rem;
}

.mini-pos-header strong{
    display:block;
    font-size:1.02rem;
}

.mini-pos-header span{
    display:block;
    font-size:.82rem;
    color:var(--muted);
    margin-top:.2rem;
}

.mini-pos-search{
    display:flex;
    align-items:center;
    gap:.6rem;
    padding:.85rem 1rem;
    border-radius:16px;
    background:var(--bg-alt);
    color:#728583;
    font-size:.9rem;
}

.mini-pos-search i{
    color:var(--primary-dark);
}

.mini-pos-list{
    display:grid;
    gap:.65rem;
}

.mini-pos-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    padding:.9rem 1rem;
    border-radius:16px;
    border:1px solid rgba(14,80,79,0.08);
    background:#fff;
}

.mini-pos-item.highlight{
    background:linear-gradient(135deg,rgba(255,138,92,0.11),rgba(14,165,164,0.08));
}

.mini-pos-item span{
    color:var(--muted);
    font-size:.88rem;
}

.mini-pos-item strong{
    font-size:.92rem;
}

.table-preview{
    display:grid;
    gap:.6rem;
}

.table-row{
    display:grid;
    grid-template-columns:repeat(3, minmax(0,1fr));
    gap:.6rem;
    align-items:center;
    padding:.85rem 1rem;
    border-radius:16px;
    background:#fff;
    border:1px solid rgba(14,80,79,0.08);
    color:var(--muted);
    font-size:.88rem;
}

.table-head{
    background:var(--bg-alt);
    color:var(--text);
    font-weight:700;
}

.pill{
    display:inline-flex;
    justify-content:center;
    align-items:center;
    border-radius:999px;
    padding:.35rem .65rem;
    font-weight:700;
    font-size:.76rem;
    width:max-content;
}

.pill.success{
    background:rgba(22,163,74,0.12);
    color:#166534;
}

.pill.warning{
    background:rgba(245,158,11,0.14);
    color:#92400e;
}

.pill.primary{
    background:rgba(14,165,164,0.12);
    color:var(--primary-dark);
}

.stats-matrix{
    display:grid;
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:.75rem;
}

.matrix-card{
    border-radius:18px;
    padding:1rem;
    background:linear-gradient(180deg,#fff,#f8fcfb);
    border:1px solid rgba(14,80,79,0.08);
    min-height:100px;
}

.matrix-card span{
    display:block;
    color:var(--muted);
    font-size:.78rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.06em;
}

.matrix-card strong{
    display:block;
    font-size:1.1rem;
    margin-top:.7rem;
    letter-spacing:-.02em;
}

.benefit-section{
    background:linear-gradient(180deg,rgba(255,255,255,0.22),rgba(255,255,255,0));
}

.benefit-grid{
    grid-template-columns:repeat(4, minmax(0,1fr));
}

.steps-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:1rem;
}

.step-index{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:54px;
    height:54px;
    border-radius:18px;
    background:linear-gradient(135deg,rgba(14,165,164,0.12),rgba(255,138,92,0.10));
    color:var(--primary-dark);
    font-weight:800;
    margin-bottom:.95rem;
}

.business-grid{
    justify-content:center;
}

.business-chip{
    padding:.78rem 1rem;
}

.industry-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0,1fr));
    gap:1rem;
    margin-top:2rem;
}

.industry-card{
    background:rgba(255,255,255,0.92);
    border:1px solid rgba(14,80,79,0.08);
    border-radius:var(--radius);
    box-shadow:var(--shadow-sm);
    padding:1.1rem 1rem 1rem;
    transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition);
}

.industry-card:hover{
    transform:translateY(-2px);
    box-shadow:var(--shadow-md);
    border-color:rgba(14,165,164,0.18);
}

.industry-icon{
    width:46px;
    height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:14px;
    background:linear-gradient(135deg,rgba(14,165,164,0.12),rgba(255,138,92,0.10));
    color:var(--primary-dark);
    margin-bottom:.95rem;
}

.industry-icon i{
    font-size:1.05rem;
}

.industry-card h3{
    margin:0;
    font-size:1.02rem;
    font-weight:800;
    letter-spacing:-.02em;
}

.industry-card p{
    margin:.5rem 0 0;
    color:var(--muted);
    line-height:1.65;
    font-size:.92rem;
}

.faq-list{
    display:grid;
    gap:.8rem;
}

.faq-item{
    background:rgba(255,255,255,0.9);
    border:1px solid rgba(14,80,79,0.08);
    border-radius:20px;
    box-shadow:var(--shadow-sm);
    padding:1rem 1.15rem;
}

.faq-item summary{
    cursor:pointer;
    list-style:none;
    font-weight:700;
    color:var(--text);
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
}

.faq-item summary::-webkit-details-marker{
    display:none;
}

.faq-item summary::after{
    content:'+';
    width:28px;
    height:28px;
    border-radius:999px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--primary-dark);
    background:rgba(14,165,164,0.10);
    flex-shrink:0;
}

.faq-item[open] summary::after{
    content:'−';
}

.faq-item p{
    margin:1rem 0 0;
}

.final-cta{
    padding-top:0;
}

.final-cta-card{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1.25rem;
    padding:1.3rem 1.4rem;
    border-radius:28px;
    background:
        radial-gradient(600px 240px at 80% 0%, rgba(95,209,207,.18), transparent 55%),
        linear-gradient(135deg,#fff,#eef7f6);
    border:1px solid rgba(14,80,79,0.08);
    box-shadow:var(--shadow-md);
}

.final-cta-actions{
    display:flex;
    flex-wrap:wrap;
    gap:.75rem;
    justify-content:flex-end;
}

.landing-footer{
    padding:1.5rem 0 2rem;
}

.footer-grid{
    display:grid;
    grid-template-columns:1.2fr .8fr .8fr;
    gap:1rem;
    padding:1.4rem 0;
    border-top:1px solid rgba(14,80,79,0.08);
}

.footer-brand{
    font-size:1.2rem;
    font-weight:800;
    letter-spacing:-.03em;
}

.footer-byline{
    color:var(--muted);
    font-weight:600;
    margin-top:.1rem;
}

.footer-title{
    font-weight:800;
    margin-bottom:.8rem;
}

.footer-grid a{
    display:block;
    color:var(--muted);
    margin-bottom:.55rem;
    font-weight:600;
}

.footer-grid a:hover{
    color:var(--primary-dark);
}

.footer-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:1rem;
    color:var(--muted);
    font-size:.88rem;
    padding-top:1rem;
    border-top:1px solid rgba(14,80,79,0.06);
}

.reveal{
    opacity:0;
    transform:translateY(14px);
}

.reveal.is-visible{
    animation:fadeUp .48s ease forwards;
    animation-delay:var(--reveal-delay, 0ms);
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(14px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}

@media (max-width: 1199px){
    .hero-grid,
    .showcase-grid,
    .showcase-grid.reverse{
        grid-template-columns:1fr;
    }

    .showcase-grid.reverse .showcase-copy{
        order:0;
    }

    .feature-grid,
    .benefit-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }

    .industry-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }

    .dashboard-content{
        grid-template-columns:1fr;
    }

    .steps-grid{
        grid-template-columns:repeat(2, minmax(0,1fr));
    }

    .final-cta-card{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width: 991px){
    .landing-nav-inner{
        border-radius:24px;
    }

    .landing-actions{
        margin-top:1rem;
        flex-wrap:wrap;
    }

    .landing-menu .nav-link{
        padding:.7rem .9rem;
    }

    .browser-shell,
    .mini-window{
        border-radius:24px;
    }
}

@media (max-width: 767px){
    .hero-title{
        max-width:none;
    }

    .visual-stats,
    .visual-panels,
    .stats-matrix,
    .feature-grid,
    .benefit-grid,
    .industry-grid,
    .steps-grid,
    .footer-grid{
        grid-template-columns:1fr;
    }

    .browser-topbar,
    .mini-window-bar{
        padding:.75rem .85rem;
    }

    .browser-url{
        display:none;
    }

    .dashboard-header{
        flex-direction:column;
    }

    .dashboard-badges{
        justify-content:flex-start;
    }

    .panel,
    .feature-card,
    .benefit-card,
    .step-card,
    .faq-item{
        border-radius:20px;
    }

    .panel-mini-grid,
    .table-row,
    .order-row{
        grid-template-columns:1fr;
    }

    .order-table-head{
        display:none;
    }

    .panel-footer,
    .mini-pos-item,
    .mini-pos-header,
    .final-cta-card,
    .footer-bottom{
        flex-direction:column;
        align-items:flex-start;
    }

    .dashboard-kpis{
        grid-template-columns:1fr;
    }

    .final-cta-actions{
        justify-content:flex-start;
    }

    .strip-inner{
        border-radius:24px;
        justify-content:flex-start;
    }
}

@media (max-width: 575px){
    .landing-nav{
        padding:.7rem 0;
    }

    .landing-nav-inner{
        padding:.45rem .7rem;
    }

    .brand-mark{
        width:38px;
        height:38px;
    }

    .hero-section,
    .section-block,
    .final-cta{
        padding:3rem 0;
    }

    .hero-title{
        font-size:clamp(2rem, 1.5rem + 4vw, 2.75rem);
    }

    .btn-lg{
        width:100%;
        justify-content:center;
    }

    .hero-actions .btn-link-plain{
        width:auto;
        padding-left:0;
    }

    .chip,
    .business-chip,
    .strip-inner span{
        font-size:.8rem;
    }

    .section-title{
        font-size:clamp(1.55rem, 1.1rem + 4vw, 2.2rem);
    }
}

@media (prefers-reduced-motion: reduce){
    html{
        scroll-behavior:auto;
    }

    *,
    *::before,
    *::after{
        animation:none !important;
        transition:none !important;
    }

    .reveal{
        opacity:1 !important;
        transform:none !important;
    }
}