/* =============================================
   Digital Start Pro — Landing Page
   Design: Linear.app inspired dark theme
   Font: Inter
   ============================================= */

/* --- Reset & base --- */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
    font-family:'Inter',system-ui,-apple-system,BlinkMacSystemFont,sans-serif;
    background:#FAFAFA;
    color:#1A1A2E;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
ul{list-style:none}
img{display:block;max-width:100%;height:auto}
address{font-style:normal}
button{cursor:pointer;font-family:inherit}

/* --- Container --- */
.container{max-width:1140px;margin:0 auto;padding:0 32px}

/* --- Reusable --- */
.label{
    font-size:12px;font-weight:500;letter-spacing:2px;
    text-transform:uppercase;color:#5E6AD2;margin-bottom:10px;
}
.heading-2{
    font-size:clamp(28px,4vw,42px);
    font-weight:600;line-height:1.15;
    letter-spacing:-.03em;color:#1A1A2E;
}
.section-head{text-align:center;max-width:600px;margin:0 auto 56px}
.section-head__sub{font-size:15px;color:#6B7280;margin-top:12px;line-height:1.7}

/* --- Buttons --- */
.btn{
    display:inline-flex;align-items:center;gap:8px;
    padding:13px 28px;border-radius:10px;
    font-size:14px;font-weight:500;letter-spacing:.01em;
    transition:.3s ease;cursor:pointer;border:none;
}
.btn--primary{
    background:#5E6AD2;color:#fff;
    box-shadow:0 0 20px rgba(94,106,210,.25);
}
.btn--primary:hover{background:#6C78E0;box-shadow:0 0 30px rgba(94,106,210,.35);transform:translateY(-1px)}
.btn--ghost{
    background:rgba(0,0,0,.06);
    border:1px solid rgba(0,0,0,.1);
    color:#555A66;
}
.btn--ghost:hover{background:rgba(0,0,0,.06);color:#1A1A2E;border-color:rgba(0,0,0,.2)}

/* --- Hover effects only --- */

/* ===== NAV ===== */
.nav{
    position:fixed;top:0;left:0;right:0;z-index:100;
    background:rgba(250,250,250,.85);
    backdrop-filter:saturate(180%) blur(20px);
    -webkit-backdrop-filter:saturate(180%) blur(20px);
    border-bottom:1px solid rgba(0,0,0,.08);
}
.nav__inner{display:flex;align-items:center;justify-content:space-between;height:64px}
.logo{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:600;color:#1A1A2E;letter-spacing:-.01em}
.logo__icon{
    width:32px;height:32px;border-radius:8px;
    background:rgba(94,106,210,.12);
    border:1px solid rgba(94,106,210,.2);
    display:flex;align-items:center;justify-content:center;
}
.nav__links{display:flex;gap:28px}
.nav__links a{font-size:13px;font-weight:400;color:#6B7280;transition:color .2s}
.nav__links a:hover{color:#1A1A2E}
.nav__cta{
    font-size:13px;font-weight:500;color:#5E6AD2;
    padding:8px 18px;border-radius:8px;
    border:1px solid rgba(94,106,210,.3);
    transition:.25s;
}
.nav__cta:hover{background:rgba(94,106,210,.1);border-color:rgba(94,106,210,.5)}
.nav__burger{
    display:none;flex-direction:column;gap:5px;
    background:none;border:none;padding:6px;
}
.nav__burger span{display:block;width:20px;height:1.5px;background:#1A1A2E;border-radius:2px;transition:.3s}
.nav__burger.open span:nth-child(1){transform:rotate(45deg) translate(4.5px,4.5px)}
.nav__burger.open span:nth-child(2){opacity:0}
.nav__burger.open span:nth-child(3){transform:rotate(-45deg) translate(4.5px,-4.5px)}

/* ===== HERO ===== */
.hero{
    position:relative;
    padding:140px 0 80px;
    overflow:hidden;
}
.hero__glow{
    position:absolute;top:-200px;left:50%;transform:translateX(-50%);
    width:900px;height:550px;
    background:radial-gradient(ellipse at center,rgba(94,106,210,.08) 0%,rgba(139,92,246,.03) 40%,transparent 70%);
    pointer-events:none;z-index:0;
    animation:glowPulse 6s ease-in-out infinite alternate;
}
.hero__glow--2{
    top:auto;bottom:-300px;left:30%;
    width:600px;height:400px;
    background:radial-gradient(ellipse at center,rgba(139,92,246,.05) 0%,transparent 60%);
    animation-delay:-3s;
}
@keyframes glowPulse{
    0%{opacity:.7;transform:translateX(-50%) scale(1)}
    100%{opacity:1;transform:translateX(-50%) scale(1.08)}
}
.hero__grid-bg{
    position:absolute;inset:0;z-index:0;
    background-image:
        linear-gradient(rgba(0,0,0,.04) 1px,transparent 1px),
        linear-gradient(90deg,rgba(0,0,0,.04) 1px,transparent 1px);
    background-size:64px 64px;
    mask-image:radial-gradient(ellipse at 50% 30%,black 20%,transparent 70%);
    -webkit-mask-image:radial-gradient(ellipse at 50% 30%,black 20%,transparent 70%);
}
.hero__wrap{
    position:relative;z-index:1;
    display:grid;
    grid-template-columns:1fr 1.1fr;
    gap:48px;
    align-items:center;
}
.hero__center{
    position:relative;z-index:1;
    text-align:center;
    max-width:780px;
    margin:0 auto;
}
.hero__content{padding:20px 0}
.hero__badge{
    display:inline-flex;align-items:center;gap:8px;
    padding:7px 18px;border-radius:100px;
    background:rgba(94,106,210,.1);
    border:1px solid rgba(94,106,210,.18);
    font-size:12px;font-weight:500;color:#8B8FF5;
    margin-bottom:28px;
}
.hero__dot{
    width:6px;height:6px;border-radius:50%;
    background:#5E6AD2;
    box-shadow:0 0 8px rgba(94,106,210,.6);
    animation:dotBlink 2s ease-in-out infinite;
}
@keyframes dotBlink{0%,100%{opacity:1}50%{opacity:.4}}
.hero__title{
    font-size:clamp(36px,5vw,56px);
    font-weight:600;line-height:1.08;
    letter-spacing:-.045em;
    color:#1A1A2E;
    margin-bottom:20px;
}
.hero__title em{
    font-style:normal;
    background:linear-gradient(135deg,#5E6AD2 0%,#A78BFA 50%,#818CF8 100%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}
.hero__text{
    font-size:16px;line-height:1.75;
    color:#6B7280;max-width:640px;
    margin:0 auto 28px;
}
.hero__actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.hero__trust-line{
    display:flex;align-items:center;gap:12px;
    margin-top:28px;justify-content:center;
}
.hero__avatars{display:flex}
.hero__avatar{
    width:32px;height:32px;border-radius:50%;
    display:flex;align-items:center;justify-content:center;
    font-size:12px;font-weight:600;color:#fff;
    border:2px solid #FAFAFA;
    margin-right:-8px;
}
.hero__trust-text{font-size:13px;color:#555A66;margin-left:8px}
.hero__trust-text strong{color:#8A8F98}

/* ===== MOCKUP ===== */
.hero__mockup{perspective:1200px}
.mockup{
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;
    overflow:hidden;
    box-shadow:
        0 4px 24px rgba(0,0,0,.4),
        0 0 60px rgba(94,106,210,.08);
    transform:rotateY(-4deg) rotateX(2deg);
    transition:transform .5s ease;
}
.mockup:hover{transform:rotateY(0) rotateX(0)}
.mockup__bar{
    display:flex;align-items:center;gap:12px;
    padding:12px 16px;
    background:#F5F5F7;
    border-bottom:1px solid rgba(0,0,0,.08);
}
.mockup__dots{display:flex;gap:6px}
.mockup__dots i{width:10px;height:10px;border-radius:50%;display:block}
.mockup__dots i:nth-child(1){background:#FF5F57}
.mockup__dots i:nth-child(2){background:#FFBD2E}
.mockup__dots i:nth-child(3){background:#28C840}
.mockup__url{
    flex:1;text-align:center;
    font-size:11px;color:#555A66;
    background:rgba(0,0,0,.04);
    padding:5px 12px;border-radius:6px;
}
.mockup__body{display:flex;min-height:300px}
.mockup__sidebar{
    width:48px;
    background:#F5F5F7;
    border-right:1px solid rgba(0,0,0,.08);
    padding:14px 0;
    display:flex;flex-direction:column;align-items:center;gap:6px;
}
.mockup__nav-item{
    width:28px;height:28px;border-radius:7px;
    background:rgba(0,0,0,.04);
    display:flex;align-items:center;justify-content:center;
}
.mockup__nav-item.active{
    background:rgba(94,106,210,.2);
    border:1px solid rgba(94,106,210,.3);
}
.mockup__main{flex:1;padding:16px 18px}
.mockup__header-row{
    display:flex;justify-content:space-between;align-items:center;
    margin-bottom:14px;
}
.mockup__h-text{font-size:13px;font-weight:600;color:#1A1A2E}
.mockup__h-btn{
    font-size:10px;font-weight:500;color:#8B8FF5;
    padding:5px 14px;border-radius:6px;
    background:rgba(94,106,210,.12);border:1px solid rgba(94,106,210,.2);
}
.mockup__kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.mockup__kpi{
    background:rgba(0,0,0,.03);
    border:1px solid rgba(0,0,0,.08);
    border-radius:10px;padding:12px;
}
.mockup__kpi-label{font-size:9px;color:#555A66;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}
.mockup__kpi-value{font-size:17px;font-weight:600;color:#1A1A2E;margin-bottom:4px}
.mockup__kpi-change{font-size:9px;font-weight:500}
.mockup__kpi-change.up{color:#22C55E}
.mockup__chart{
    background:rgba(0,0,0,.02);
    border:1px solid rgba(0,0,0,.06);
    border-radius:10px;
    padding:12px;margin-bottom:12px;
    overflow:hidden;
}
.mockup__chart-head{
    display:flex;justify-content:space-between;align-items:center;
    margin-bottom:8px;
}
.mockup__chart-title{font-size:10px;color:#6B7280}
.mockup__chart-delta{font-size:10px;font-weight:600;color:#22C55E}
.mockup__chart-svg{width:100%;height:50px;display:block}
.mockup__table{
    background:rgba(0,0,0,.02);
    border:1px solid rgba(0,0,0,.06);
    border-radius:10px;overflow:hidden;
}
.mockup__row{
    display:grid;grid-template-columns:2fr 1.5fr .8fr .9fr;
    gap:6px;padding:8px 12px;
    border-bottom:1px solid rgba(0,0,0,.04);
    align-items:center;
}
.mockup__row:last-child{border-bottom:none}
.mockup__row span{font-size:10px;color:#6B7280}
.mockup__row--head span{font-size:9px;color:#555A66;text-transform:uppercase;letter-spacing:.5px;font-weight:600}
.mockup__tag{
    font-size:9px!important;font-weight:500;
    padding:3px 8px;border-radius:4px;
    text-align:center;display:inline-block;
}
.mockup__tag--green{background:rgba(34,197,94,.12);color:#22C55E;border:1px solid rgba(34,197,94,.2)}
.mockup__tag--blue{background:rgba(94,106,210,.12);color:#818CF8;border:1px solid rgba(94,106,210,.2)}
.mockup__tag--purple{background:rgba(139,92,246,.12);color:#A78BFA;border:1px solid rgba(139,92,246,.2)}

/* ===== STATS ===== */
.stats{padding:80px 0}
.stats__row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1px;
    background:rgba(0,0,0,.08);
    border-radius:16px;
    overflow:hidden;
}
.stat{
    background:#fff;
    padding:36px 28px;
    text-align:center;
    transition:background .3s;
}
.stat:hover{background:#fff}
.stat__num{
    font-size:clamp(28px,3.5vw,40px);
    font-weight:600;letter-spacing:-.03em;
    color:#1A1A2E;margin-bottom:4px;
}
.stat__num span{color:#5E6AD2}
.stat__label{font-size:13px;color:#8A8F98;font-weight:500;margin-bottom:6px}
.stat__desc{font-size:12px;color:#555A66;line-height:1.5}

/* ===== SERVICES ===== */
.services{padding:80px 0 100px}
.services__grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:1px;
    background:rgba(0,0,0,.08);
    border-radius:20px;
    overflow:hidden;
}
.s-card{
    background:#fff;
    padding:40px 34px;
    transition:background .3s;
}
.s-card:hover{background:#F5F5FA}
.s-card__icon{
    width:44px;height:44px;border-radius:11px;
    background:rgba(94,106,210,.08);
    border:1px solid rgba(94,106,210,.12);
    display:flex;align-items:center;justify-content:center;
    color:#5E6AD2;
    margin-bottom:20px;
    transition:background .3s,border-color .3s;
}
.s-card:hover .s-card__icon{
    background:rgba(94,106,210,.14);
    border-color:rgba(94,106,210,.25);
}
.s-card h3{
    font-size:17px;font-weight:600;
    letter-spacing:-.01em;
    margin-bottom:10px;color:#1A1A2E;
}
.s-card p{
    font-size:14px;line-height:1.7;
    color:#6B7280;margin-bottom:16px;
}
.s-card__tags{display:flex;gap:6px;flex-wrap:wrap}
.s-card__tags span{
    font-size:11px;font-weight:500;
    padding:4px 10px;border-radius:6px;
    background:rgba(0,0,0,.04);
    border:1px solid rgba(0,0,0,.08);
    color:#555A66;
}

/* ===== CASES ===== */
.cases{padding:80px 0 100px}
.cases__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}
.case-card{
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:18px;
    padding:28px;
    transition:border-color .3s,transform .3s;
}
.case-card:hover{border-color:rgba(0,0,0,.12);transform:translateY(-4px)}
.case-card__head{
    display:flex;justify-content:space-between;align-items:flex-start;
    margin-bottom:18px;
}
.case-card__company{display:flex;align-items:center;gap:12px}
.case-card__logo{
    width:40px;height:40px;border-radius:10px;
    display:flex;align-items:center;justify-content:center;
    flex-shrink:0;
}
.case-card__company h3{font-size:15px;font-weight:600;color:#1A1A2E}
.case-card__industry{font-size:12px;color:#555A66;margin-top:2px;display:block}
.case-card__badge{
    font-size:10px;font-weight:500;
    padding:4px 10px;border-radius:6px;
    background:rgba(94,106,210,.1);
    border:1px solid rgba(94,106,210,.15);
    color:#8B8FF5;white-space:nowrap;
}
.case-card__task{
    font-size:13px;line-height:1.7;
    color:#6B7280;margin-bottom:10px;
}
.case-card__task strong{color:#8A8F98}
.case-card__desc{
    font-size:13px;line-height:1.7;
    color:#6B7280;margin-bottom:20px;
}
.case-card__desc strong{color:#8A8F98}
.case-card__results{
    display:grid;grid-template-columns:repeat(3,1fr);
    gap:12px;
    padding-top:18px;
    border-top:1px solid rgba(0,0,0,.08);
}
.case-card__metric{text-align:center}
.case-card__metric-value{
    font-size:18px;font-weight:600;color:#1A1A2E;
    display:block;margin-bottom:4px;
}
.case-card__metric-label{font-size:10px;color:#555A66;display:block}

/* ===== WHY US ===== */
.why{padding:80px 0 100px}
.why__grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:16px;
}
.why-card{
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:16px;
    padding:28px 24px;
    transition:border-color .3s,transform .3s;
}
.why-card:hover{border-color:rgba(94,106,210,.2);transform:translateY(-3px)}
.why-card__num{
    font-size:28px;font-weight:600;
    letter-spacing:-.04em;
    color:rgba(94,106,210,.2);
    margin-bottom:12px;line-height:1;
}
.why-card h3{
    font-size:15px;font-weight:600;color:#1A1A2E;
    margin-bottom:8px;
}
.why-card p{
    font-size:13px;line-height:1.7;color:#6B7280;
}

/* ===== BONUSES ===== */
.bonuses{padding:80px 0 100px}
.bonuses__grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:16px;
}
.bonus{
    display:flex;align-items:flex-start;gap:16px;
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;
    padding:24px;
    transition:border-color .3s;
}
.bonus:hover{border-color:rgba(94,106,210,.15)}
.bonus svg{flex-shrink:0;margin-top:2px}
.bonus h4{font-size:14px;font-weight:600;color:#1A1A2E;margin-bottom:6px}
.bonus p{font-size:13px;line-height:1.65;color:#6B7280}

/* ===== (legacy highlight - keep for compat) ===== */
.highlight__card{
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;
    padding:22px 24px;
    display:flex;align-items:center;gap:16px;
    transition:border-color .3s,transform .3s;
}
.highlight__card:hover{border-color:rgba(0,0,0,.12);transform:translateX(4px)}
.highlight__card-icon{
    width:42px;height:42px;border-radius:10px;flex-shrink:0;
    display:flex;align-items:center;justify-content:center;
}
.highlight__card--1 .highlight__card-icon{background:rgba(94,106,210,.1);border:1px solid rgba(94,106,210,.15)}
.highlight__card--2 .highlight__card-icon{background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.12)}
.highlight__card--3 .highlight__card-icon{background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.12)}
.highlight__card--4 .highlight__card-icon{background:rgba(236,72,153,.08);border:1px solid rgba(236,72,153,.12)}
.highlight__card-title{font-size:17px;font-weight:600;color:#1A1A2E;letter-spacing:-.01em}
.highlight__card-sub{font-size:12px;color:#6B7280;margin-top:3px;line-height:1.5}
.highlight__glow{
    position:absolute;top:50%;left:50%;
    transform:translate(-50%,-50%);
    width:300px;height:300px;
    background:radial-gradient(circle,rgba(94,106,210,.08) 0%,transparent 70%);
    pointer-events:none;z-index:-1;
}

/* ===== PROCESS ===== */
.process{padding:80px 0 100px}
.process__steps{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:0;
}
.step{
    position:relative;
    padding:36px 24px 32px;
    border:1px solid rgba(0,0,0,.08);
    border-right:none;
    transition:background .3s;
}
.step:last-child{border-right:1px solid rgba(0,0,0,.08)}
.step:first-child{border-radius:16px 0 0 16px}
.step:last-child{border-radius:0 16px 16px 0}
.step:hover{background:rgba(0,0,0,.02)}
.step__dot{
    width:10px;height:10px;border-radius:50%;
    background:#5E6AD2;
    box-shadow:0 0 12px rgba(94,106,210,.4);
    margin-bottom:18px;
}
.step__line{
    position:absolute;top:49px;left:34px;right:0;
    height:1px;
    background:linear-gradient(90deg,#5E6AD2,rgba(94,106,210,.1));
}
.step:last-child .step__line{display:none}
.step__num{
    font-size:32px;font-weight:600;
    letter-spacing:-.04em;
    color:rgba(94,106,210,.15);
    margin-bottom:12px;line-height:1;
}
.step h3{
    font-size:15px;font-weight:600;
    margin-bottom:8px;color:#1A1A2E;
}
.step p{
    font-size:13px;line-height:1.65;
    color:#555A66;margin-bottom:12px;
}
.step__time{
    font-size:11px;font-weight:500;
    color:#5E6AD2;
    padding:4px 10px;border-radius:6px;
    background:rgba(94,106,210,.08);
    border:1px solid rgba(94,106,210,.12);
    display:inline-block;
}

/* ===== TOOLS ===== */
.tools{padding:80px 0 100px}
.tools__grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}
.tool{
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;
    padding:28px 22px;
    text-align:center;
    transition:border-color .3s,transform .3s;
}
.tool:hover{border-color:rgba(0,0,0,.12);transform:translateY(-3px)}
.tool__icon{
    width:48px;height:48px;border-radius:12px;
    background:rgba(94,106,210,.06);
    border:1px solid rgba(94,106,210,.1);
    display:flex;align-items:center;justify-content:center;
    margin:0 auto 14px;
    color:#5E6AD2;
    transition:background .3s;
}
.tool:hover .tool__icon{background:rgba(94,106,210,.12)}
.tool__name{font-size:14px;font-weight:600;color:#1A1A2E;margin-bottom:4px}
.tool__desc{font-size:12px;color:#555A66}

/* ===== FAQ ===== */
.faq{padding:80px 0 100px}
.faq__list{max-width:720px;margin:0 auto;display:flex;flex-direction:column;gap:8px}
.faq__item{
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:14px;
    overflow:hidden;
    transition:border-color .3s;
}
.faq__item[open]{border-color:rgba(94,106,210,.2)}
.faq__q{
    padding:20px 24px;
    font-size:15px;font-weight:500;color:#1A1A2E;
    cursor:pointer;
    list-style:none;
    display:flex;align-items:center;justify-content:space-between;
}
.faq__q::-webkit-details-marker{display:none}
.faq__q::after{
    content:'+';
    font-size:20px;font-weight:300;color:#555A66;
    transition:transform .3s;flex-shrink:0;margin-left:16px;
}
.faq__item[open] .faq__q::after{transform:rotate(45deg);color:#5E6AD2}
.faq__a{
    padding:0 24px 20px;
    font-size:14px;line-height:1.7;
    color:#6B7280;
}

/* ===== CTA ===== */
.cta{padding:40px 0 100px}
.cta__box{
    position:relative;overflow:hidden;
    background:#fff;
    border:1px solid rgba(0,0,0,.08);
    border-radius:24px;
    padding:72px 48px;
    text-align:center;
}
.cta__glow{
    position:absolute;top:-100px;left:50%;transform:translateX(-50%);
    width:600px;height:300px;
    background:radial-gradient(ellipse,rgba(94,106,210,.1),transparent 70%);
    pointer-events:none;
}
.cta__content{position:relative;z-index:1}
.cta__content p{
    font-size:16px;color:#6B7280;
    max-width:520px;margin:14px auto 28px;
    line-height:1.7;
}
.cta__contacts{
    display:flex;justify-content:center;gap:24px;flex-wrap:wrap;
    margin-bottom:8px;
}
.cta__contact-item{
    display:flex;align-items:center;gap:8px;
    font-size:14px;color:#8A8F98;
    padding:10px 18px;border-radius:10px;
    background:rgba(0,0,0,.04);
    border:1px solid rgba(0,0,0,.08);
    transition:all .25s;
}
.cta__contact-item:hover{
    background:rgba(255,255,255,.07);
    border-color:rgba(0,0,0,.12);
    color:#1A1A2E;
}
.cta__contact-item svg{color:#5E6AD2;flex-shrink:0}
.cta .hero__actions{justify-content:center}

/* ===== FOOTER ===== */
.footer{
    padding:72px 0 0;
    border-top:1px solid rgba(0,0,0,.08);
}
.footer__grid{
    display:grid;
    grid-template-columns:1.6fr 1fr 1fr 1fr;
    gap:40px;
    padding-bottom:52px;
}
.footer__brand .logo{margin-bottom:14px}
.footer__desc{font-size:14px;color:#555A66;line-height:1.7;margin-bottom:12px}
.footer__addr{font-size:14px;color:#555A66;line-height:1.8}
.footer__addr a{color:#8B8FF5;font-weight:500;transition:color .2s}
.footer__addr a:hover{color:#A78BFA}
.footer__col h4{
    font-size:12px;font-weight:600;color:#555A66;
    margin-bottom:18px;letter-spacing:.08em;text-transform:uppercase;
}
.footer__col li{margin-bottom:10px}
.footer__col a{font-size:14px;color:#6B7280;transition:color .2s}
.footer__col a:hover{color:#1A1A2E}
.footer__bottom{
    display:flex;justify-content:space-between;align-items:center;
    border-top:1px solid rgba(0,0,0,.08);
    padding:22px 0;
}
.footer__bottom p{font-size:12px;color:#555A66}
.footer__links{display:flex;gap:20px}
.footer__links a{font-size:12px;color:#555A66;transition:color .2s}
.footer__links a:hover{color:#6B7280}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){
    .hero__wrap{grid-template-columns:1fr;text-align:center}
    .hero__text{max-width:100%;margin-left:auto;margin-right:auto}
    .hero__actions{justify-content:center}
    .hero__trust-line{justify-content:center}
    .hero__mockup{margin-top:40px;max-width:600px;margin-left:auto;margin-right:auto}
    .mockup{transform:none}
    .stats__row{grid-template-columns:repeat(2,1fr)}
    .cases__grid{grid-template-columns:1fr}
    .why__grid{grid-template-columns:repeat(2,1fr)}
    .bonuses__grid{grid-template-columns:1fr}
    .process__steps{grid-template-columns:repeat(2,1fr)}
    .step{border-right:1px solid rgba(0,0,0,.08)}
    .step:first-child{border-radius:16px 0 0 0}
    .step:nth-child(2){border-radius:0 16px 0 0}
    .step:nth-child(3){border-radius:0 0 0 16px}
    .step:last-child{border-radius:0 0 16px 0}
    .step__line{display:none}
    .highlight__grid{gap:48px}
    .tools__grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:768px){
    .container{padding:0 20px}
    .nav__links{
        position:fixed;top:64px;left:0;right:0;
        background:rgba(250,250,250,.97);
        backdrop-filter:blur(20px);
        -webkit-backdrop-filter:blur(20px);
        flex-direction:column;align-items:center;
        padding:28px 0;gap:22px;
        transform:translateY(-120%);transition:transform .35s;
        border-bottom:1px solid rgba(0,0,0,.08);
    }
    .nav__links.open{transform:translateY(0)}
    .nav__burger{display:flex}
    .nav__cta{display:none}
    .hero{padding:110px 0 60px}
    .hero__actions{flex-direction:column;align-items:center}
    .hero__trust-line{flex-direction:column}
    .hero__mockup{max-width:100%}
    .stats__row{grid-template-columns:repeat(2,1fr)}
    .services__grid{grid-template-columns:1fr}
    .cases__grid{grid-template-columns:1fr}
    .why__grid{grid-template-columns:1fr}
    .bonuses__grid{grid-template-columns:1fr}
    .process__steps{grid-template-columns:1fr}
    .step{border-radius:0!important;border-right:1px solid rgba(0,0,0,.08)!important}
    .step:first-child{border-radius:16px 16px 0 0!important}
    .step:last-child{border-radius:0 0 16px 16px!important}
    .step__line{display:none}
    .tools__grid{grid-template-columns:repeat(2,1fr)}
    .cta__box{padding:48px 24px}
    .cta__contacts{flex-direction:column;align-items:center}
    .footer__grid{grid-template-columns:1fr 1fr;gap:28px}
    .footer__bottom{flex-direction:column;gap:12px;text-align:center}
    .footer__links{justify-content:center}
}

@media(max-width:480px){
    .hero__title{font-size:32px}
    .stats__row{grid-template-columns:1fr}
    .case-card__results{grid-template-columns:1fr;gap:8px}
    .case-card__head{flex-direction:column;gap:12px}
    .tools__grid{grid-template-columns:1fr}
    .footer__grid{grid-template-columns:1fr}
}