@font-face{font-family:PTSansRegular;src:url("../fonts/PTSansRegular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap;}
@font-face{font-family:PTSansNarrow;src:url("../fonts/PTSansNarrow.woff") format("woff");font-style:normal;font-weight:700;font-display:swap;}

:root{
    --bg:#f4f9fd;
    --paper:#ffffff;
    --ink:#0a2540;
    --muted:#5f7488;
    --line:#d8e8f4;
    --soft:#eaf7ff;
    --brand:#0b7fd3;
    --brand-2:#1d9bf0;
    --brand-dark:#063960;
    --navy:#071f35;
    --cyan:#57c7ff;
    --shadow:0 22px 60px rgba(10,37,64,.12);
    --shadow-soft:0 14px 34px rgba(11,127,211,.12);
    --radius:8px;
}

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
    margin:0;
    background:
        radial-gradient(circle at 8% 8%,rgba(87,199,255,.16),transparent 28%),
        linear-gradient(180deg,#f8fcff 0%,var(--bg) 100%);
    color:var(--ink);
    font-family:PTSansRegular,Arial,sans-serif;
    font-size:18px;
    line-height:1.5;
}
img{max-width:100%;display:block;}
a{color:inherit;}
.container{width:min(1180px,calc(100% - 32px));margin:0 auto;}

@keyframes fadeUp{
    from{opacity:0;transform:translateY(24px);}
    to{opacity:1;transform:translateY(0);}
}
@keyframes fadeLeft{
    from{opacity:0;transform:translateX(-26px);}
    to{opacity:1;transform:translateX(0);}
}
@keyframes fadeRight{
    from{opacity:0;transform:translateX(28px);}
    to{opacity:1;transform:translateX(0);}
}
@keyframes softFloat{
    0%,100%{transform:translateY(0) rotate(var(--rotate,0deg));}
    50%{transform:translateY(-10px) rotate(var(--rotate,0deg));}
}
@keyframes glowPulse{
    0%,100%{box-shadow:0 34px 90px rgba(11,127,211,.24);}
    50%{box-shadow:0 40px 110px rgba(29,155,240,.34);}
}
@keyframes formAppear{
    from{opacity:0;}
    to{opacity:1;}
}
@keyframes shineSweep{
    from{transform:translateX(-140%) skewX(-18deg);}
    to{transform:translateX(140%) skewX(-18deg);}
}

.site-header{
    position:sticky;
    top:0;
    z-index:20;
    background:rgba(255,255,255,.78);
    border-bottom:1px solid rgba(216,232,244,.9);
    backdrop-filter:blur(18px);
    box-shadow:0 10px 34px rgba(10,37,64,.06);
    transition:transform .45s ease,opacity .45s ease,box-shadow .2s ease;
}
.header-grid{
    min-height:78px;
    display:grid;
    grid-template-columns:minmax(138px,auto) minmax(0,1fr) auto;
    align-items:center;
    gap:18px;
}
.brand{
    display:flex;
    align-items:center;
    gap:12px;
    min-width:138px;
    color:var(--ink);
    text-decoration:none;
    font-family:PTSansNarrow,Arial,sans-serif;
    font-size:27px;
    line-height:1;
    text-transform:uppercase;
}
.brand img{width:48px;height:48px;object-fit:contain;}
.brand span span{display:block;color:var(--brand);white-space:nowrap;font-size:13px;letter-spacing:.04em;}
.main-nav{
    justify-self:start;
    display:flex;
    align-items:center;
    gap:5px;
    padding:6px;
    border:1px solid rgba(216,232,244,.85);
    border-radius:999px;
    background:rgba(244,249,253,.76);
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
}
.main-nav a,.header-actions a,.footer-grid a{text-decoration:none;}
.main-nav a{
    padding:9px 12px;
    border-radius:999px;
    color:#24445d;
    white-space:nowrap;
    transition:background .18s ease,color .18s ease;
}
.main-nav a:hover{background:#fff;color:var(--brand);box-shadow:0 8px 18px rgba(11,127,211,.1);}
.header-actions{display:flex;align-items:center;gap:10px;}
.phone-link{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    color:var(--ink);
    font-size:20px;
    font-weight:700;
    line-height:1.05;
    white-space:nowrap;
}
.phone-link:after{
    content:"Ежедневно с 8:00 до 20:00";
    margin-top:5px;
    color:#5b6f82;
    font-size:13px;
    font-weight:400;
}
.phone-link:hover{color:var(--brand);}
.social-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;}
.social-link{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:38px;
    height:38px;
    min-width:38px;
    border-radius:50%;
    color:#fff;
    text-decoration:none;
    overflow:hidden;
    box-shadow:0 12px 24px rgba(10,37,64,.14);
    transition:transform .18s ease,box-shadow .18s ease;
}
.social-link:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(10,37,64,.2);}
.social-link svg{
    position:relative;
    left:0;
    top:0;
    width:22px;
    height:22px;
    fill:currentColor;
    display:block;
    flex:0 0 auto;
}
.social-link img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.social-row-header .social-link span{display:none;}
.social-vk{background:#2677f2;}
.social-tg{background:#2ca5e0;}
.social-max{background:#fff;}
.social-row-header{flex-wrap:nowrap;}
.social-row-header .social-vk,
.social-row-header .social-wa{display:none;}
.social-row-header .social-max{
    width:auto;
    min-width:58px;
    padding:0 12px;
    border-radius:999px;
    background:#4c55ff;
    color:#fff;
}
.social-row-header .social-max img{display:none;}
.social-row-header .social-max span{
    display:block;
    color:#fff;
    font-weight:700;
    font-size:16px;
}

.button{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:50px;
    padding:0 24px;
    border:0;
    border-radius:var(--radius);
    background:linear-gradient(135deg,var(--brand-2),var(--brand));
    color:#fff;
    font:700 18px/1 PTSansRegular,Arial,sans-serif;
    text-decoration:none;
    cursor:pointer;
    overflow:hidden;
    box-shadow:0 14px 30px rgba(29,155,240,.28);
    transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;
}
.button:before{
    content:"";
    position:absolute;
    inset:0;
    width:44%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent);
    transform:translateX(-140%) skewX(-18deg);
    pointer-events:none;
}
.button:hover:before{animation:shineSweep .75s ease;}
.button:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(29,155,240,.36);filter:saturate(1.08);}
.button:active{transform:translateY(1px);}
.button-small{min-height:42px;padding:0 16px;font-size:16px;}
.button-xl{min-height:60px;padding:0 30px;font-size:20px;}
.button-ghost{
    background:rgba(255,255,255,.88);
    color:var(--brand-dark);
    border:1px solid rgba(29,155,240,.24);
    box-shadow:0 10px 22px rgba(10,37,64,.08);
}
.button-ghost:hover{background:#fff;}

.hero{
    position:relative;
    overflow:hidden;
    background:
        radial-gradient(circle at 76% 22%,rgba(87,199,255,.5),transparent 26%),
        radial-gradient(circle at 88% 88%,rgba(29,155,240,.22),transparent 30%),
        linear-gradient(132deg,#ffffff 0%,#e9f8ff 44%,#c5eeff 100%);
}
.hero:before,
.hero:after{
    content:"";
    position:absolute;
    border-radius:50%;
    pointer-events:none;
}
.hero:before{
    width:560px;
    height:560px;
    right:-160px;
    bottom:-260px;
    background:rgba(29,155,240,.16);
}
.hero:after{
    width:300px;
    height:300px;
    left:-120px;
    top:90px;
    background:rgba(87,199,255,.16);
    filter:blur(4px);
}
.hero-grid{
    position:relative;
    z-index:1;
    min-height:690px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(430px,.88fr);
    align-items:center;
    gap:54px;
    padding:78px 0 86px;
}
.eyebrow{
    margin:0 0 14px;
    color:var(--brand);
    font-size:15px;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
}
.hero h1,.section h2,.site-footer h2{
    margin:0;
    font-family:PTSansNarrow,Arial,sans-serif;
    line-height:.98;
    letter-spacing:0;
}
.hero h1{
    max-width:760px;
    color:var(--ink);
    font-size:76px;
    text-transform:uppercase;
}
.hero-copy{
    position:relative;
}
.hero-copy:after{
    content:"20 МИН";
    position:absolute;
    z-index:-1;
    right:8%;
    top:-44px;
    color:rgba(11,127,211,.06);
    font-family:PTSansNarrow,Arial,sans-serif;
    font-size:142px;
    line-height:1;
    white-space:nowrap;
    pointer-events:none;
}
.is-loaded .hero-copy .eyebrow{animation:fadeLeft .58s ease both .08s;}
.is-loaded .hero-copy h1{animation:fadeLeft .68s ease both .16s;}
.is-loaded .hero-copy .lead{animation:fadeLeft .68s ease both .26s;}
.is-loaded .hero-actions{animation:fadeUp .62s ease both .36s;}
.is-loaded .hero-offers div{animation:fadeUp .56s ease both;}
.is-loaded .hero-offers div:nth-child(1){animation-delay:.44s;}
.is-loaded .hero-offers div:nth-child(2){animation-delay:.52s;}
.is-loaded .hero-offers div:nth-child(3){animation-delay:.6s;}
.lead{
    max-width:640px;
    margin:24px 0 0;
    color:#24445d;
    font-size:25px;
    line-height:1.34;
}
.hero-countdown{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    width:min(100%,620px);
    margin:26px 0 0;
    padding:16px 18px;
    border:1px solid rgba(29,155,240,.22);
    border-radius:20px;
    background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(231,247,255,.9));
    box-shadow:0 18px 46px rgba(11,127,211,.13);
    overflow:hidden;
}
.hero-countdown:before{
    content:"";
    position:absolute;
    inset:-60% auto auto -12%;
    width:180px;
    height:180px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(42,169,244,.22),rgba(42,169,244,0) 68%);
    pointer-events:none;
}
.hero-countdown-copy{
    position:relative;
    z-index:1;
    display:flex;
    flex-direction:column;
    gap:4px;
    min-width:0;
}
.hero-countdown-badge{
    width:max-content;
    padding:4px 9px;
    border-radius:999px;
    background:#0b7fd3;
    color:#fff;
    font-size:12px;
    font-weight:700;
    line-height:1;
    text-transform:uppercase;
    letter-spacing:.4px;
}
.hero-countdown-copy strong{
    color:var(--ink);
    font-size:20px;
    line-height:1.14;
}
.hero-countdown-copy span:last-child{
    color:#52718a;
    font-size:14px;
    line-height:1.2;
}
.hero-countdown-timer{
    position:relative;
    z-index:1;
    display:grid;
    grid-template-columns:auto auto auto auto auto;
    align-items:center;
    gap:6px;
    flex:0 0 auto;
}
.hero-countdown-timer div{
    min-width:58px;
    padding:9px 8px 8px;
    border:1px solid rgba(29,155,240,.2);
    border-radius:14px;
    background:#fff;
    text-align:center;
    box-shadow:0 10px 24px rgba(10,37,64,.08);
}
.hero-countdown-timer b{
    display:block;
    color:var(--brand);
    font-family:PTSansNarrow,Arial,sans-serif;
    font-size:32px;
    line-height:.9;
}
.hero-countdown-timer span{
    display:block;
    margin-top:5px;
    color:#5b768b;
    font-size:12px;
    font-weight:700;
    line-height:1;
}
.hero-countdown-timer i{
    color:#69bff4;
    font-style:normal;
    font-size:25px;
    font-weight:700;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px;}
.hero-offers{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:12px;
    max-width:690px;
    margin-top:34px;
}
.hero-offers div{
    position:relative;
    overflow:hidden;
    padding:18px;
    border:1px solid rgba(29,155,240,.18);
    border-radius:12px;
    background:rgba(255,255,255,.72);
    box-shadow:var(--shadow-soft);
}
.hero-offers div:before{
    content:"";
    position:absolute;
    inset:0 auto 0 0;
    width:4px;
    background:linear-gradient(180deg,var(--cyan),var(--brand));
}
.hero-offers strong{display:block;color:var(--brand);font-size:26px;line-height:1.05;}
.hero-offers span{display:block;margin-top:7px;color:#526b7e;font-size:15px;line-height:1.25;}

.hero-stage{
    position:relative;
    min-height:575px;
}
.stamp-scene{
    position:absolute;
    inset:0 0 98px 0;
    border:1px solid rgba(255,255,255,.74);
    border-radius:28px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.34),rgba(255,255,255,.08)),
        radial-gradient(circle at 52% 46%,rgba(255,255,255,.88),transparent 34%),
        linear-gradient(135deg,#60c7ff,#0b7fd3);
    box-shadow:0 38px 96px rgba(11,127,211,.28);
    overflow:hidden;
    animation:fadeRight .7s ease both .2s,glowPulse 5s ease-in-out infinite 1s;
}
.stamp-scene .paper-card{--rotate:-5deg;}
.stamp-scene:before{
    content:"";
    position:absolute;
    width:330px;
    height:330px;
    right:-95px;
    top:-120px;
    border-radius:50%;
    background:rgba(255,255,255,.3);
}
.stamp-scene:after{
    content:"";
    position:absolute;
    width:300px;
    height:300px;
    left:-120px;
    bottom:-105px;
    border-radius:50%;
    background:rgba(10,37,64,.12);
}
.paper-card{
    position:absolute;
    left:38px;
    bottom:52px;
    width:58%;
    min-height:300px;
    padding:34px 30px;
    border-radius:16px;
    background:rgba(255,255,255,.9);
    box-shadow:0 22px 54px rgba(10,37,64,.18);
    transform:rotate(-5deg);
    animation:softFloat 5.8s ease-in-out infinite .8s;
}
.paper-line{
    display:block;
    width:62%;
    height:10px;
    margin:0 0 14px;
    border-radius:999px;
    background:#d8e8f4;
}
.paper-line-long{width:84%;}
.stamp-imprint{
    position:absolute;
    left:34px;
    bottom:34px;
    display:grid;
    place-items:center;
    width:170px;
    height:170px;
    border:8px solid rgba(11,127,211,.76);
    border-radius:50%;
    color:rgba(11,127,211,.82);
    font-weight:700;
    line-height:1.12;
    text-align:center;
    transform:rotate(-10deg);
}
.stamp-device{
    position:absolute;
    right:32px;
    top:48px;
    width:280px;
    padding:20px;
    border:1px solid rgba(255,255,255,.55);
    border-radius:22px;
    background:rgba(255,255,255,.72);
    box-shadow:0 30px 72px rgba(10,37,64,.22);
    transform:rotate(5deg);
    --rotate:5deg;
    animation:softFloat 4.8s ease-in-out infinite .5s;
}
.stamp-device img{
    width:100%;
    height:280px;
    object-fit:contain;
    mix-blend-mode:multiply;
    filter:drop-shadow(0 24px 26px rgba(10,37,64,.18));
}
.stamp-device-photo{
    right:8px;
    top:58px;
    width:430px;
    padding:0;
    border-color:rgba(255,255,255,.62);
    border-radius:28px;
    background:rgba(255,255,255,.36);
    overflow:hidden;
    transform:rotate(2deg);
    --rotate:2deg;
    box-shadow:0 30px 72px rgba(10,37,64,.22);
}
.stamp-device-photo img{
    height:auto;
    aspect-ratio:3/2;
    object-fit:cover;
    display:block;
    mix-blend-mode:normal;
    filter:none;
}
.mini-proof{
    position:absolute;
    z-index:2;
    padding:12px 15px;
    border:1px solid rgba(255,255,255,.7);
    border-radius:999px;
    background:rgba(255,255,255,.86);
    color:var(--brand-dark);
    font-weight:700;
    box-shadow:0 14px 32px rgba(10,37,64,.14);
    animation:fadeUp .55s ease both .72s;
}
.mini-proof-top{top:34px;left:34px;}
.mini-proof-middle{right:42px;top:42px;animation-delay:.78s;}
.mini-proof-bottom{right:40px;bottom:138px;animation-delay:.86s;}
.hero-form{
    position:absolute;
    right:22px;
    bottom:0;
    z-index:3;
    width:min(390px,calc(100% - 44px));
    padding:24px;
    border:1px solid rgba(255,255,255,.72);
    background:rgba(255,255,255,.9);
    backdrop-filter:blur(14px);
    box-shadow:0 24px 70px rgba(10,37,64,.2);
    animation:formAppear .62s ease both .72s;
}

.lead-form{
    width:100%;
    padding:30px;
    border-radius:var(--radius);
    background:var(--paper);
    color:var(--ink);
    box-shadow:var(--shadow);
}
.lead-form h2{
    margin:0 0 8px;
    font-family:PTSansNarrow,Arial,sans-serif;
    font-size:34px;
    line-height:1.08;
}
.lead-form p{margin:0 0 18px;color:var(--muted);font-size:17px;}
.lead-form label{display:block;margin-bottom:14px;}
.lead-form label span{display:block;margin-bottom:6px;color:#334b60;font-size:15px;font-weight:700;}
.lead-form input[type="text"],
.lead-form input[type="tel"]{
    width:100%;
    height:50px;
    padding:0 15px;
    border:1px solid var(--line);
    border-radius:var(--radius);
    background:#fbfdff;
    color:var(--ink);
    font:18px PTSansRegular,Arial,sans-serif;
    transition:border-color .18s ease,box-shadow .18s ease;
}
.lead-form input:focus{outline:0;border-color:var(--brand-2);box-shadow:0 0 0 4px rgba(29,155,240,.14);}
.phone-field{
    position:relative;
}
.phone-field input[type="tel"]{
    padding-left:15px;
}
.phone-mask{
    position:absolute;
    left:46px;
    bottom:13px;
    display:block!important;
    margin:0!important;
    color:#9aabba!important;
    font:18px PTSansRegular,Arial,sans-serif!important;
    font-weight:400!important;
    line-height:1!important;
    pointer-events:none;
    transition:opacity .15s ease;
}
.phone-field.has-number .phone-mask{
    opacity:0;
}
.lead-form .button{width:100%;margin-top:6px;}
.policy{display:flex!important;align-items:flex-start;gap:10px;margin:4px 0 16px!important;}
.policy input{width:18px;height:18px;margin-top:3px;flex:0 0 auto;}
.policy span{margin:0!important;color:var(--muted)!important;font-size:14px!important;font-weight:400!important;}
.policy a{color:var(--brand);}
.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;}

.section{position:relative;padding:88px 0;background:var(--paper);}
.section-light{
    background:
        radial-gradient(circle at 90% 0,rgba(87,199,255,.16),transparent 26%),
        var(--bg);
}
.section-head{max-width:770px;margin-bottom:34px;}
.section-head h2,.split h2,.section-cta h2{font-size:50px;line-height:1.05;color:var(--ink);}
.section-head p,.split p,.section-cta p{color:var(--muted);font-size:20px;}
.section-head h2{
    position:relative;
    display:inline-block;
}
.section-head h2:after{
    content:"";
    display:block;
    width:86px;
    height:5px;
    margin-top:14px;
    border-radius:999px;
    background:linear-gradient(90deg,var(--brand-2),rgba(87,199,255,.15));
    transform-origin:left center;
    transition:transform .55s ease;
}
.section-head.reveal:not(.is-visible) h2:after{transform:scaleX(.2);}

.catalog{display:grid;gap:18px;}
.category{
    border:1px solid var(--line);
    border-radius:14px;
    background:rgba(255,255,255,.82);
    box-shadow:0 16px 36px rgba(10,37,64,.06);
    overflow:hidden;
}
.category summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:70px;
    padding:0 18px;
    color:var(--ink);
    font-size:25px;
    font-weight:700;
    cursor:pointer;
    list-style:none;
}
.category summary::-webkit-details-marker{display:none;}
.category summary:after{
    content:"+";
    display:grid;
    place-items:center;
    width:38px;
    height:38px;
    border-radius:50%;
    background:linear-gradient(135deg,#e9f7ff,#d4efff);
    color:var(--brand);
    font-size:25px;
    line-height:1;
}
.category[open] summary:after{content:"-";}
.category .product-grid{padding:0 18px 20px;}
.category[open] .product-grid{animation:fadeUp .34s ease both;}
.product-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}
.product-card{
    position:relative;
    display:flex;
    flex-direction:column;
    min-height:410px;
    padding:18px;
    border:1px solid rgba(216,232,244,.95);
    border-radius:18px;
    background:#fff;
    box-shadow:0 12px 28px rgba(10,37,64,.07);
    overflow:hidden;
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.product-card:hover{
    transform:translateY(-5px);
    border-color:rgba(29,155,240,.42);
    box-shadow:0 22px 48px rgba(10,37,64,.13);
}
.product-card img{
    height:148px;
    width:100%;
    object-fit:contain;
    margin:16px 0 18px;
    transition:transform .18s ease;
}
.product-card:hover img{transform:scale(1.04);}
.product-card h3{margin:0 0 8px;color:var(--ink);font-size:24px;line-height:1.12;}
.product-card p{margin:0 0 14px;color:var(--muted);font-size:16px;}
.product-card strong{
    margin-top:auto;
    margin-bottom:14px;
    color:var(--brand);
    font-size:25px;
}
.product-card .button{width:100%;}

.templates-section{padding:54px 0;background:#fff;}
.template-catalog{display:grid;gap:12px;}
.template-category{
    border:1px solid var(--line);
    border-radius:22px;
    background:linear-gradient(180deg,#ffffff,#f7fcff);
    box-shadow:0 16px 38px rgba(10,37,64,.06);
    overflow:hidden;
}
.template-category summary{
    min-height:56px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:0 24px;
    color:var(--ink);
    font-family:PTSansNarrow,Arial,sans-serif;
    font-size:24px;
    line-height:1;
    cursor:pointer;
    list-style:none;
}
.template-category summary::-webkit-details-marker{display:none;}
.template-category summary span{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 12px;
    border-radius:999px;
    background:#e8f6ff;
    color:var(--brand);
    font-family:PTSansRegular,Arial,sans-serif;
    font-size:14px;
    font-weight:700;
    white-space:nowrap;
}
.template-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:10px;
    padding:0 12px 14px;
}
.template-category[open] .template-grid{animation:fadeUp .34s ease both;}
.template-card{
    display:flex;
    flex-direction:column;
    min-height:100%;
    border:1px solid rgba(216,232,244,.9);
    border-radius:18px;
    background:#fff;
    overflow:hidden;
    box-shadow:0 8px 20px rgba(10,37,64,.05);
    transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.template-card:hover{
    transform:translateY(-4px);
    border-color:rgba(29,155,240,.32);
    box-shadow:0 22px 46px rgba(10,37,64,.12);
}
.template-preview{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:128px;
    padding:10px;
    background:radial-gradient(circle at 50% 50%,rgba(87,199,255,.16),transparent 45%),#f7fcff;
}
.template-preview img{
    max-height:112px;
    object-fit:contain;
    filter:drop-shadow(0 12px 22px rgba(10,37,64,.08));
    transition:transform .2s ease;
}
.template-card:hover .template-preview img{transform:scale(1.04);}
.template-card-foot{
    display:flex;
    flex-direction:column;
    gap:12px;
    padding:10px 12px 12px;
    flex:1;
}
.template-card h3{
    margin:0;
    color:var(--ink);
    font-size:17px;
    line-height:1.15;
}


.template-preview{cursor:zoom-in;}
.template-modal{
    position:fixed;
    inset:0;
    z-index:60;
    display:none;
    align-items:center;
    justify-content:center;
    padding:18px;
}
.template-modal.is-open{display:flex;}
.template-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(7,31,53,.74);
    backdrop-filter:blur(7px);
}
.template-modal-panel{
    position:relative;
    z-index:1;
    width:min(720px,100%);
    max-height:calc(100vh - 36px);
    padding:22px;
    border:1px solid rgba(255,255,255,.55);
    border-radius:20px;
    background:#fff;
    box-shadow:0 28px 80px rgba(7,31,53,.32);
    text-align:center;
}
.template-modal-panel h2{
    margin:0 44px 14px;
    color:var(--ink);
    font-family:PTSansNarrow,Arial,sans-serif;
    font-size:34px;
    line-height:1;
}
.template-modal-panel img{
    max-height:70vh;
    width:100%;
    object-fit:contain;
    border-radius:14px;
    background:#f7fcff;
}
.template-modal-panel p{
    margin:12px 0 0;
    color:var(--muted);
    font-weight:700;
}
.template-modal-close{
    position:absolute;
    top:12px;
    right:12px;
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    background:#eef7fd;
    color:var(--ink);
    font-size:28px;
    line-height:1;
    cursor:pointer;
}

.split{
    display:grid;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    gap:54px;
    align-items:stretch;
}
.benefit-intro{
    min-height:100%;
    padding:34px;
    border:1px solid var(--line);
    border-radius:22px;
    background:
        radial-gradient(circle at 88% 18%,rgba(87,199,255,.18),transparent 24%),
        linear-gradient(145deg,#fff,#f5fbff);
    box-shadow:0 16px 38px rgba(10,37,64,.06);
}
.benefit-intro p:last-of-type{margin-bottom:0;}
.benefit-context-art{
    position:relative;
    margin-top:26px;
    border:1px solid rgba(29,155,240,.16);
    border-radius:20px;
    overflow:hidden;
    background:#eaf7ff;
    box-shadow:0 18px 44px rgba(10,37,64,.08);
}
.benefit-context-art img{
    width:100%;
    aspect-ratio:3/2;
    object-fit:cover;
    display:block;
}
.context-paper{
    position:absolute;
    left:26px;
    top:26px;
    width:185px;
    height:132px;
    padding:22px;
    border-radius:15px;
    background:#fff;
    box-shadow:0 18px 40px rgba(10,37,64,.13);
    transform:rotate(-4deg);
}
.context-paper span{
    display:block;
    width:78%;
    height:8px;
    margin-bottom:11px;
    border-radius:999px;
    background:#d8e8f4;
}
.context-paper span:nth-child(2){width:56%;}
.context-paper i{
    position:absolute;
    right:15px;
    bottom:14px;
    display:grid;
    place-items:center;
    width:72px;
    height:72px;
    border:5px solid rgba(11,127,211,.76);
    border-radius:50%;
    color:rgba(11,127,211,.82);
    font-style:normal;
    font-size:9px;
    font-weight:700;
    line-height:1.08;
    text-align:center;
    transform:rotate(-10deg);
}
.context-stamp{
    position:absolute;
    right:34px;
    top:42px;
    width:100px;
    height:96px;
    border-radius:22px 22px 14px 14px;
    background:linear-gradient(180deg,#e3344f 0 34%,#0a2540 34% 70%,#e7f6ff 70%);
    box-shadow:0 20px 38px rgba(10,37,64,.2);
    transform:rotate(7deg);
}
.context-stamp:after{
    content:"";
    position:absolute;
    left:19px;
    right:19px;
    bottom:-15px;
    height:22px;
    border-radius:7px;
    background:#0a2540;
}
.benefit-intro-list{
    display:grid;
    gap:10px;
    margin-top:28px;
}
.benefit-intro-list span{
    position:relative;
    padding:11px 12px 11px 38px;
    border:1px solid rgba(29,155,240,.16);
    border-radius:12px;
    background:#fff;
    color:#24445d;
    font-weight:700;
}
.benefit-intro-list span:before{
    content:"";
    position:absolute;
    left:14px;
    top:50%;
    width:12px;
    height:12px;
    border-radius:50%;
    background:linear-gradient(135deg,#00a7e7,#6d5dfc);
    transform:translateY(-50%);
}
.benefit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}
.benefit-card{
    position:relative;
    min-height:205px;
    padding:26px;
    border:1px solid var(--line);
    border-radius:20px;
    background:
        linear-gradient(145deg,#fff,#f5fbff);
    box-shadow:0 14px 34px rgba(10,37,64,.06);
    transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.benefit-card:hover{transform:translateY(-4px);border-color:rgba(29,155,240,.35);box-shadow:0 22px 46px rgba(10,37,64,.11);}
.benefit-card span{
    display:inline-grid;
    place-items:center;
    width:42px;
    height:42px;
    border-radius:14px;
    background:linear-gradient(135deg,var(--brand-2),var(--brand));
    color:#fff;
    font-weight:700;
}
.benefit-card h3{margin:16px 0 8px;font-size:24px;}
.benefit-card p{margin:0;color:var(--muted);font-size:17px;}

.steps .section-head{text-align:center;margin-left:auto;margin-right:auto;}
.step-list{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
    padding:0;
    margin:0;
    list-style:none;
}
.step-list li{
    position:relative;
    padding:26px 24px 24px;
    border-radius:20px;
    background:#fff;
    border:1px solid var(--line);
    box-shadow:0 14px 34px rgba(10,37,64,.06);
    transition:transform .18s ease,box-shadow .18s ease;
}
.step-list li:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(10,37,64,.11);}
.step-list span{
    display:grid;
    place-items:center;
    width:46px;
    height:46px;
    margin-bottom:18px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--brand-2),var(--brand));
    color:#fff;
    font-weight:700;
    box-shadow:0 12px 22px rgba(29,155,240,.24);
}
.step-icon{
    position:absolute;
    top:26px;
    right:24px;
    width:54px;
    height:54px;
    border-radius:18px;
    background:
        linear-gradient(135deg,rgba(87,199,255,.22),rgba(10,37,64,.04)),
        #eef9ff;
    border:1px solid rgba(29,155,240,.28);
    box-shadow:0 10px 22px rgba(29,155,240,.1);
}
.step-icon:before,
.step-icon:after{
    content:"";
    position:absolute;
    display:block;
}
.step-icon-phone:before{
    left:18px;
    top:10px;
    width:18px;
    height:32px;
    border:3px solid #00a7e7;
    border-radius:6px;
}
.step-icon-phone:after{
    left:24px;
    bottom:12px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#00a7e7;
}
.step-icon-chat:before{
    left:11px;
    top:14px;
    width:32px;
    height:22px;
    border-radius:10px;
    background:#00a7e7;
}
.step-icon-chat:after{
    left:22px;
    bottom:13px;
    width:10px;
    height:10px;
    background:#00a7e7;
    transform:rotate(45deg);
}
.step-icon-proof:before{
    left:13px;
    top:12px;
    width:28px;
    height:30px;
    border-radius:5px;
    background:#fff;
    border:2px solid #00a7e7;
}
.step-icon-proof:after{
    left:20px;
    top:20px;
    width:18px;
    height:18px;
    border:3px solid #6d5dfc;
    border-radius:50%;
    opacity:.75;
}
.step-icon-box:before{
    left:12px;
    top:19px;
    width:30px;
    height:22px;
    border-radius:4px;
    background:linear-gradient(135deg,#00a7e7,#6d5dfc);
}
.step-icon-box:after{
    left:16px;
    top:13px;
    width:22px;
    height:12px;
    border-radius:4px 4px 0 0;
    border:2px solid #00a7e7;
    border-bottom:0;
}
.step-list strong{display:block;font-size:22px;line-height:1.15;}
.step-list p{margin:9px 0 0;color:var(--muted);font-size:16px;}

#reviews .container{position:relative;}
.review-stamp{
    position:absolute;
    right:20px;
    top:-10px;
    width:150px;
    border-radius:26px;
    opacity:1;
    pointer-events:none;
    box-shadow:0 18px 42px rgba(227,52,79,.24);
}
.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;position:relative;z-index:1;}
blockquote{
    margin:0;
    padding:22px 24px;
    border:1px solid var(--line);
    border-radius:20px;
    background:#fff;
    box-shadow:0 14px 34px rgba(10,37,64,.06);
    transition:transform .18s ease,box-shadow .18s ease;
    display:flex;
    flex-direction:column;
}
blockquote:hover{transform:translateY(-4px);box-shadow:0 22px 46px rgba(10,37,64,.11);}
.review-head{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:14px;
}
.review-avatar{
    display:grid;
    place-items:center;
    width:42px;
    height:42px;
    min-width:42px;
    border-radius:50%;
    background:#e9f7ff;
    color:var(--brand);
    font-weight:700;
    font-size:16px;
    flex:0 0 auto;
}
.review-avatar-info{flex:1;min-width:0;}
.review-rating{
    color:#f5a623;
    font-size:16px;
    letter-spacing:2px;
    line-height:1;
    margin-bottom:5px;
}
.review-name{display:block;color:var(--ink);font-weight:700;font-size:15px;line-height:1.2;}
.review-company{display:block;color:var(--muted);font-size:13px;margin-top:2px;}
.review-date{
    margin-left:auto;
    color:var(--muted);
    font-size:13px;
    font-style:normal;
    white-space:nowrap;
    flex:0 0 auto;
}
blockquote p{margin:0;color:#34495e;font-size:16px;line-height:1.55;}

.section-cta{
    overflow:hidden;
    background:
        radial-gradient(circle at 82% 18%,rgba(87,199,255,.24),transparent 28%),
        linear-gradient(135deg,#08243d,#0a4d7a);
    color:#fff;
    padding:78px 0;
}
.section-cta:before{
    content:"";
    position:absolute;
    width:420px;
    height:420px;
    right:-120px;
    bottom:-190px;
    border-radius:50%;
    background:rgba(29,155,240,.2);
}
.section-cta .container{position:relative;z-index:1;}
.section-cta .eyebrow{color:#8edcff;}
.section-cta h2{color:#fff;}
.section-cta p{color:rgba(255,255,255,.78);}
.cta-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 430px;
    gap:54px;
    align-items:center;
}
.cta-art{
    position:relative;
    max-width:430px;
    margin-top:30px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:22px;
    background:rgba(255,255,255,.08);
    overflow:hidden;
    box-shadow:0 24px 58px rgba(0,0,0,.18);
}
.cta-art img{
    width:100%;
    aspect-ratio:3/2;
    object-fit:cover;
    display:block;
}
.cta-paper{
    position:absolute;
    left:26px;
    top:28px;
    width:180px;
    height:126px;
    padding:21px;
    border-radius:15px;
    background:#fff;
    box-shadow:0 22px 44px rgba(0,0,0,.18);
    transform:rotate(-5deg);
}
.cta-paper span{
    display:block;
    width:78%;
    height:8px;
    margin-bottom:11px;
    border-radius:999px;
    background:#d8e8f4;
}
.cta-paper span:nth-child(2){width:55%;}
.cta-paper i{
    position:absolute;
    right:16px;
    bottom:16px;
    display:grid;
    place-items:center;
    width:70px;
    height:70px;
    border:5px solid rgba(11,127,211,.78);
    border-radius:50%;
    color:rgba(11,127,211,.82);
    font-style:normal;
    font-size:11px;
    font-weight:700;
    transform:rotate(-10deg);
}
.cta-stamp{
    position:absolute;
    right:34px;
    top:42px;
    width:105px;
    height:102px;
    border-radius:23px 23px 15px 15px;
    background:linear-gradient(180deg,#e3344f 0 34%,#0a2540 34% 70%,#e7f6ff 70%);
    box-shadow:0 20px 42px rgba(0,0,0,.24);
    transform:rotate(7deg);
}
.cta-stamp:after{
    content:"";
    position:absolute;
    left:20px;
    right:20px;
    bottom:-15px;
    height:22px;
    border-radius:7px;
    background:#0a2540;
}
.contacts-map-section{
    padding:78px 0;
    background:#f4f9fd;
}
.contacts-map-grid{
    display:grid;
    grid-template-columns:minmax(0,.9fr) minmax(420px,.75fr);
    gap:26px;
    align-items:start;
}
.contacts-panel{
    padding:34px;
    border:1px solid var(--line);
    border-radius:22px;
    background:
        radial-gradient(circle at 90% 10%,rgba(87,199,255,.16),transparent 24%),
        #fff;
    box-shadow:0 16px 38px rgba(10,37,64,.06);
}
.contacts-panel h2{
    margin:0;
    color:var(--ink);
    font-family:PTSansNarrow,Arial,sans-serif;
    font-size:48px;
    line-height:1.04;
}
.address-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:12px;
    margin:28px 0;
}
.address-list div{
    position:relative;
    padding:18px 18px 18px 46px;
    border:1px solid var(--line);
    border-radius:16px;
    background:#f8fcff;
    box-shadow:0 12px 28px rgba(10,37,64,.05);
}
.address-list div:before{
    content:"";
    position:absolute;
    left:17px;
    top:21px;
    width:14px;
    height:14px;
    border:4px solid #fff;
    border-radius:50%;
    background:var(--brand);
    box-shadow:0 0 0 4px rgba(29,155,240,.16);
}
.address-list strong{display:block;color:var(--ink);font-size:19px;}
.address-list span{display:block;margin-top:5px;color:var(--muted);font-size:16px;}
.address-list small{
    display:block;
    margin-top:9px;
    color:#24445d;
    font-size:14px;
    font-weight:700;
    line-height:1.35;
}
.address-list.address-list-scroll{
    max-height:350px;
    overflow-y:auto;
    padding-right:14px;
    overscroll-behavior:contain;
    scrollbar-width:thin;
    scrollbar-color:#1d9bf0 #e9f7ff;
}
.address-list.address-list-scroll::-webkit-scrollbar{
    width:10px;
}
.address-list.address-list-scroll::-webkit-scrollbar-track{
    background:linear-gradient(180deg,#f3fbff,#e4f4ff);
    border-radius:999px;
    box-shadow:inset 0 0 0 1px rgba(29,155,240,.16);
}
.address-list.address-list-scroll::-webkit-scrollbar-thumb{
    background:linear-gradient(180deg,#35b8ff,#0b7fd3);
    border:2px solid #e9f7ff;
    border-radius:999px;
    box-shadow:0 4px 10px rgba(11,127,211,.24);
}
.address-list.address-list-scroll::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,#52c5ff,#0872bf);
}
.address-list.address-list-scroll::after{
    content:"";
    position:sticky;
    bottom:-1px;
    display:block;
    height:18px;
    margin-top:-18px;
    background:linear-gradient(to bottom,rgba(255,255,255,0),#fff);
    pointer-events:none;
}
.contact-link-light{
    color:var(--brand)!important;
    font-weight:700;
}
.contacts-map{
    min-height:596px;
    border:1px solid var(--line);
    border-radius:22px;
    overflow:hidden;
    background:#dcecf5;
    box-shadow:0 16px 38px rgba(10,37,64,.08);
}
.contacts-map iframe{
    display:block;
    width:100%;
    height:100%;
    min-height:596px;
    border:0;
}
.lead-form-flat{
    border:1px solid rgba(255,255,255,.22);
    background:rgba(255,255,255,.92);
    box-shadow:0 24px 70px rgba(0,0,0,.22);
}

.modal{
    position:fixed;
    inset:0;
    z-index:50;
    display:none;
    align-items:center;
    justify-content:center;
    padding:20px;
}
.modal.is-open{display:flex;}
.modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(7,31,53,.7);
    backdrop-filter:blur(6px);
}
.modal-panel{
    position:relative;
    z-index:1;
    width:min(460px,100%);
    max-height:calc(100vh - 40px);
    overflow:auto;
    padding:28px;
    border:1px solid rgba(255,255,255,.6);
    border-radius:20px;
    background:#fff;
    box-shadow:0 28px 80px rgba(7,31,53,.3);
}
.modal-panel h2{
    margin:0 40px 8px 0;
    font-family:PTSansNarrow,Arial,sans-serif;
    font-size:38px;
    line-height:1;
}
.modal-product{margin:0 0 18px;color:var(--brand);font-weight:700;}
.modal-close{
    position:absolute;
    top:14px;
    right:14px;
    width:38px;
    height:38px;
    border:0;
    border-radius:50%;
    background:#eef7fd;
    color:var(--ink);
    font-size:28px;
    line-height:1;
    cursor:pointer;
}
.modal-form{padding:0;box-shadow:none;}

.site-footer{
    padding:52px 0;
    background:#071f35;
    color:#fff;
}
.footer-grid{
    display:grid;
    grid-template-columns:1.15fr .95fr 1fr;
    gap:34px;
}
.site-footer h2{font-size:36px;}
.site-footer h3{margin:0 0 12px;font-size:22px;}
.site-footer p{margin:10px 0 0;color:rgba(255,255,255,.72);}
.footer-grid a{display:block;margin:8px 0;color:rgba(255,255,255,.88);transition:color .18s ease;}
.footer-grid a:hover{color:#8edcff;}
.footer-social{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    margin-top:20px;
}
.footer-social-pill{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:40px;
    padding:0 16px;
    border:1px solid rgba(255,255,255,.16);
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:#fff;
    text-decoration:none;
    font-size:15px;
    font-weight:700;
    box-shadow:0 12px 28px rgba(0,0,0,.12);
    transition:transform .18s ease,background .18s ease,border-color .18s ease;
}
.footer-social-pill:hover{
    transform:translateY(-2px);
    background:rgba(29,155,240,.2);
    border-color:rgba(142,220,255,.42);
}

.reveal{
    opacity:0;
    transform:translateY(28px);
    transition:opacity .62s ease,transform .62s ease;
    will-change:opacity,transform;
}
.reveal.is-visible{
    opacity:1;
    transform:translateY(0);
}
.reveal-delay-1{transition-delay:.06s;}
.reveal-delay-2{transition-delay:.12s;}
.reveal-delay-3{transition-delay:.18s;}
.reveal-delay-4{transition-delay:.24s;}

@media (prefers-reduced-motion:reduce){
    *,*:before,*:after{
        animation-duration:.01ms!important;
        animation-iteration-count:1!important;
        scroll-behavior:auto!important;
        transition-duration:.01ms!important;
    }
    .reveal{opacity:1;transform:none;}
}
.contact-link{
    display:flex!important;
    align-items:center;
    gap:10px;
    word-break:break-word;
}
.contact-icon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:32px;
    height:32px;
    flex:0 0 auto;
    border-radius:50%;
    background:rgba(255,255,255,.1);
    color:#fff;
}
.contact-icon svg{
    width:17px;
    height:17px;
    fill:currentColor;
    display:block;
    flex:0 0 auto;
}
.contact-icon img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.contact-icon-max{background:#fff;overflow:hidden;}

/* Upload 4 hero refresh */
.site-header .container,
.hero .container,
.trust-bar-upload4 .container{
    width:min(1360px,calc(100% - 60px));
}
.site-header{
    background:rgba(255,255,255,.9);
}
.site-header .main-nav{
    border-color:transparent;
    background:transparent;
    padding:0;
    gap:20px;
}
.site-header .main-nav a{
    padding:8px 0;
    color:#081f38;
    font-size:15px;
}
.site-header .main-nav a:hover{
    background:transparent;
    box-shadow:none;
    color:var(--brand);
}
.site-header .brand{
    min-width:240px;
}
.hero{
    min-height:650px;
    background:
        linear-gradient(90deg,rgba(248,252,255,.99) 0%,rgba(248,252,255,.96) 34%,rgba(248,252,255,.52) 50%,rgba(248,252,255,.08) 100%),
        url("../img/hero2.png") right center/72% auto no-repeat,
        linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%);
}
.hero:before,.hero:after{display:none;}
.hero-grid{
    min-height:650px;
    grid-template-columns:minmax(520px,.78fr) minmax(590px,1.12fr);
    gap:8px;
    padding:48px 0 84px;
}
.hero .eyebrow{
    display:inline-flex;
    align-items:center;
    width:max-content;
    max-width:100%;
    padding:8px 14px;
    border:1px solid rgba(216,232,244,.95);
    border-radius:999px;
    background:rgba(255,255,255,.78);
    color:#15334d;
    box-shadow:0 10px 22px rgba(10,37,64,.06);
}
.hero h1{
    max-width:650px;
    color:#061b35;
    font-size:72px;
    line-height:.96;
    letter-spacing:0;
}
.hero h1{ text-wrap:balance; }
.hero-title-accent{color:#0a7fe8;}
.hero .lead{
    max-width:600px;
    margin-top:20px;
    color:#243f59;
    font-size:23px;
    line-height:1.25;
}
.hero-copy:after{display:none;}
.hero-countdown{
    display:grid;
    grid-template-columns:auto auto auto;
    width:min(100%,650px);
    margin-top:22px;
    padding:16px 20px;
    border-color:rgba(216,232,244,.96);
    border-radius:10px;
    background:rgba(255,255,255,.92);
    box-shadow:0 18px 42px rgba(10,37,64,.09);
}
.hero-countdown-badge{
    width:auto;
    background:transparent;
    color:#09233d;
    font-size:14px;
    letter-spacing:0;
}
.hero-countdown-copy strong{font-size:18px;}
.hero-countdown-copy span:last-child{font-size:13px;}
.hero-countdown-timer div{border-radius:9px;}
.hero-countdown-note{
    align-self:center;
    padding-left:18px;
    border-left:1px solid var(--line);
    color:#09233d;
    font-size:18px;
    font-weight:700;
    line-height:1.1;
}
.hero-actions{margin-top:26px;}
.button-tg{
    background:#fff;
    color:#09233d;
    border:1px solid rgba(7,31,53,.22);
    box-shadow:0 12px 28px rgba(10,37,64,.08);
}
.hero-offers{display:none;}
.hero-stage-upload4{
    position:relative;
    display:grid;
    align-items:center;
    min-height:560px;
}
.hero-photo-card{
    position:absolute;
    inset:0;
    border-radius:0;
    overflow:hidden;
    box-shadow:none;
    opacity:0;
    pointer-events:none;
}
.hero-photo-card img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:58% 50%;
}
.hero-benefits{
    position:absolute;
    z-index:2;
    right:4px;
    top:50%;
    display:grid;
    gap:10px;
    width:264px;
    transform:translateY(-50%);
}
.hero-benefit{
    display:grid;
    grid-template-columns:42px 1fr;
    column-gap:12px;
    align-items:center;
    min-height:68px;
    padding:11px 14px;
    border:1px solid rgba(255,255,255,.86);
    border-radius:8px;
    background:rgba(255,255,255,.86);
    box-shadow:0 16px 38px rgba(10,37,64,.13);
    backdrop-filter:blur(12px);
}
.feature-icon{
    display:grid;
    place-items:center;
    width:40px;
    height:40px;
    border:1px solid rgba(11,127,211,.14);
    border-radius:16px;
    background:rgba(11,127,211,.08);
    color:var(--brand);
    flex:0 0 auto;
}
.feature-svg{
    width:25px;
    height:25px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.85;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.hero-benefit strong{
    display:block;
    color:#09233d;
    font-size:16px;
    line-height:1.08;
}
.hero-benefit em{
    display:block;
    margin-top:2px;
    color:#526b7e;
    font-size:13px;
    font-style:normal;
    line-height:1.12;
}
.trust-bar-upload4{
    margin-top:-48px;
    padding-bottom:24px;
    background:linear-gradient(180deg,transparent 0,#f2f9ff 74%);
    border-bottom:0;
}
.trust-bar-upload4 .container{
    position:relative;
    z-index:3;
}
.trust-bar-upload4 .trust-grid{
    grid-template-columns:repeat(6,minmax(0,1fr));
    gap:0;
    padding:12px 14px;
    border:1px solid rgba(194,224,244,.86);
    border-radius:12px;
    background:rgba(255,255,255,.88);
    box-shadow:0 22px 54px rgba(10,37,64,.12);
    backdrop-filter:blur(14px);
}
.trust-bar-upload4 .trust-item{
    position:relative;
    min-height:76px;
    padding:12px 16px 12px 64px;
    border-right:1px solid rgba(194,224,244,.78);
    color:var(--ink);
    background:transparent;
    box-shadow:none;
    text-align:left;
}
.trust-bar-upload4 .trust-item:last-child{border-right:0;}
.trust-bar-upload4 .trust-item:before{
    display:none;
    position:absolute;
    left:16px;
    top:50%;
    width:36px;
    height:36px;
    border-radius:50%;
    transform:translateY(-50%);
    background:#e8f5ff;
    box-shadow:inset 0 0 0 1px rgba(29,155,240,.18);
}
.trust-bar-upload4 .feature-icon{
    position:absolute;
    left:14px;
    top:50%;
    z-index:1;
    width:40px;
    height:40px;
    color:var(--brand);
    transform:translateY(-50%);
}
.trust-bar-upload4 .feature-svg{width:24px;height:24px;}
.trust-bar-upload4 .trust-item strong{
    color:#09233d;
    font-size:18px;
}
.trust-bar-upload4 .trust-item span{
    color:#526b7e;
    font-size:14px;
}
.trust-bar-upload4 .trust-item .feature-icon{
    color:var(--brand);
    font-size:0;
}
.product-card img[src*="category-"]{
    height:168px;
    margin:-2px -2px 18px;
    width:calc(100% + 4px);
    border-radius:12px;
    object-fit:cover;
    object-position:center;
}

@media (min-width:1121px) and (max-width:1220px){
    .header-grid{gap:14px;}
    .brand{min-width:132px;font-size:25px;gap:10px;}
    .brand img{width:44px;height:44px;}
    .main-nav{gap:3px;font-size:13px;padding:5px;}
    .main-nav a{padding:8px 10px;}
    .header-actions{gap:7px;}
    .phone-link{font-size:18px;}
    .social-link{width:38px;height:38px;min-width:38px;}
    .button-small{min-height:38px;padding:0 14px;font-size:15px;}
}

@media (max-width:1120px){
    .header-grid{grid-template-columns:1fr auto;}
    .main-nav{grid-column:1/-1;justify-self:start;margin-bottom:14px;overflow-x:auto;max-width:100%;font-size:14px;}
    .main-nav a{padding:8px 12px;}
    .hero-grid,.cta-grid{grid-template-columns:1fr;gap:38px;}
    .hero-grid{min-height:0;padding:62px 0 74px;}
    .hero h1{font-size:62px;}
    .hero-stage{min-height:560px;}
    .hero-form{right:50%;transform:translateX(50%);}
    .stamp-device{right:8%;width:280px;}
    .stamp-device-photo{right:50%;width:min(520px,92%);transform:translateX(50%) rotate(2deg);animation:none;}
    .product-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
    .split{grid-template-columns:1fr;}
    .step-list{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media (max-width:760px){
    body{font-size:16px;}
    .container{width:min(100% - 24px,1180px);}
    .site-header{background:rgba(255,255,255,.92);}
    .header-grid{
        min-height:0;
        grid-template-columns:1fr;
        gap:9px;
        padding:10px 0 9px;
        transition:padding .22s ease,gap .22s ease;
    }
    .brand{justify-self:center;font-size:22px;}
    .brand img{width:40px;height:40px;}
    .header-actions{
        justify-content:center;
        align-items:center;
        flex-direction:row;
        gap:8px;
        width:100%;
    }
    .social-row-header{display:none;}
    .phone-link{
        display:inline-flex;
        align-items:center;
        min-height:38px;
        padding:0 12px;
        border:1px solid rgba(29,155,240,.18);
        border-radius:999px;
        background:#e9f7ff;
        font-size:16px;
    }
    .phone-link:after{display:none;}
    .button-small{min-height:38px;font-size:15px;padding:0 14px;}
    .main-nav{
        justify-self:stretch;
        display:grid;
        grid-template-columns:repeat(6,minmax(0,1fr));
        gap:4px;
        width:100%;
        max-width:none;
        margin-bottom:0;
        padding:5px;
        overflow:visible;
        border-radius:14px;
        font-size:9px;
        text-align:center;
    }
    .main-nav a{padding:8px 3px;white-space:nowrap;}
    .site-header.is-compact .header-grid{
        grid-template-columns:1fr;
        gap:0;
        padding:8px 0;
    }
    .site-header.is-compact .brand,
    .site-header.is-compact .main-nav,
    .site-header.is-compact .header-actions .button{
        display:none;
    }
    .site-header.is-compact .header-actions{
        justify-content:center;
    }
    .site-header.is-compact .social-row-header{
        display:flex;
        flex-wrap:nowrap;
        gap:7px;
    }
    .site-header.is-compact .phone-link{
        min-height:36px;
        font-size:16px;
        box-shadow:0 8px 20px rgba(11,127,211,.12);
    }
    .site-header.is-compact .social-link{
        width:36px;
        height:36px;
        min-width:36px;
        box-shadow:0 8px 20px rgba(10,37,64,.12);
    }
    .site-header.is-compact .social-link svg{
        width:20px;
        height:20px;
    }
    .hero-grid{padding:36px 0 48px;gap:28px;}
    .hero h1{font-size:clamp(38px,10.8vw,44px);}
    .lead{font-size:18px;}
    .hero-countdown{
        align-items:flex-start;
        flex-direction:column;
        gap:14px;
        margin-top:22px;
        padding:15px;
        border-radius:18px;
    }
    .hero-countdown-copy strong{font-size:18px;}
    .hero-countdown-timer{
        width:100%;
        grid-template-columns:1fr auto 1fr auto 1fr;
    }
    .hero-countdown-timer div{
        min-width:0;
        padding:9px 6px 8px;
    }
    .hero-countdown-timer b{font-size:30px;}
    .hero-actions{flex-direction:column;margin-top:24px;}
    .hero-actions .button{width:100%;}
    .button-xl{min-height:54px;font-size:18px;padding:0 20px;}
    .button-ghost{min-height:50px;}
    .hero-offers{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:22px;}
    .hero-offers div{padding:12px 10px;}
    .hero-offers strong{font-size:20px;}
    .hero-offers span{font-size:13px;}
    .hero-stage{min-height:500px;}
    .stamp-scene{inset:0 0 116px 0;border-radius:22px;}
    .paper-card{left:16px;bottom:42px;width:62%;min-height:218px;padding:22px 18px;}
    .stamp-imprint{width:118px;height:118px;border-width:6px;font-size:13px;}
    .stamp-device{right:14px;top:42px;width:160px;padding:11px;}
    .stamp-device img{height:160px;}
    .stamp-device-photo{right:12px;top:58px;width:260px;padding:0;transform:rotate(2deg);}
    .stamp-device-photo img{height:auto;}
    .mini-proof{font-size:13px;padding:9px 11px;}
    .mini-proof-top{top:18px;left:18px;}
    .mini-proof-middle{right:18px;top:22px;}
    .mini-proof-bottom{right:16px;bottom:102px;}
    .hero-form{width:calc(100% - 24px);padding:18px;}
    .lead-form{padding:20px;}
    .lead-form h2{font-size:28px;}
    .lead-form input[type="text"],.lead-form input[type="tel"]{height:48px;}
    .section{padding:58px 0;}
    .section-head h2,.split h2,.section-cta h2{font-size:36px;}
    .section-head p,.split p,.section-cta p{font-size:17px;}
    .product-grid,.template-grid,.benefit-grid,.step-list,.review-grid,.footer-grid{grid-template-columns:1fr;}
    .benefit-intro{padding:24px;}
    .step-icon{width:48px;height:48px;right:18px;}
    .review-stamp{display:none;}
    .contacts-map-grid{grid-template-columns:1fr;min-height:0;}
    .contacts-panel{padding:30px 20px;}
    .contacts-panel h2{font-size:34px;}
    .address-list{grid-template-columns:1fr;}
    .address-list.address-list-scroll{max-height:300px;}
    .address-list div{padding:15px 15px 15px 42px;}
    .address-list span{font-size:15px;}
    .address-list small{font-size:13px;}
    .contacts-map,.contacts-map iframe{min-height:420px;}
    .cta-art{min-height:0;}
    .cta-paper{width:160px;height:112px;}
    .cta-stamp{right:24px;width:88px;height:86px;}
    .category{border-radius:14px;}
    .category summary{min-height:62px;font-size:21px;padding:0 16px;}
    .category .product-grid,.template-grid{padding:0 12px 14px;}
    .product-card{min-height:0;}
    .product-card img{height:132px;}
    .template-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
    .template-preview{min-height:132px;}
    .template-preview img{max-height:114px;}
    .site-footer{padding:42px 0;}
    .footer-social{max-width:320px;}
    .cta-grid{gap:28px;}
}

@media (max-width:420px){
    .container{width:min(100% - 20px,1180px);}
    .header-grid{padding:8px 0;gap:7px;}
    .brand{font-size:20px;}
    .brand img{width:36px;height:36px;}
    .main-nav{grid-template-columns:repeat(6,minmax(0,1fr));width:100%;font-size:8px;padding:4px;}
    .main-nav a{padding:7px 3px;}
    .phone-link{font-size:15px;min-height:36px;padding:0 10px;}
    .button-small{min-height:36px;font-size:14px;padding:0 12px;}
    .hero h1{font-size:34px;}
    .lead{font-size:17px;}
    .hero-countdown-copy strong{font-size:17px;}
    .hero-countdown-copy span:last-child{font-size:13px;}
    .hero-countdown-timer b{font-size:27px;}
    .hero-countdown-timer span{font-size:11px;}
    .hero-offers{gap:6px;}
    .hero-offers div{padding:10px 8px;}
    .hero-offers strong{font-size:18px;}
    .hero-offers span{font-size:12px;}
    .hero-stage{min-height:470px;}
    .stamp-device{width:140px;right:10px;}
    .stamp-device img{height:142px;}
    .stamp-device-photo{width:232px;}
    .stamp-device-photo img{height:auto;}
    .paper-card{width:68%;min-height:205px;}
    .stamp-imprint{width:104px;height:104px;font-size:12px;}
    .mini-proof{font-size:12px;padding:8px 10px;}
    .mini-proof-middle{display:none;}
    .hero-form{padding:16px;}
    .lead-form h2{font-size:26px;}
    .section-head h2,.split h2,.section-cta h2{font-size:32px;}
    .contacts-panel h2{font-size:30px;}
    .contacts-map,.contacts-map iframe{min-height:380px;}
}

.social-wa{background:#25d366;}
.button-wa{
    background:linear-gradient(135deg,#25d366,#128c7e);
    box-shadow:0 14px 30px rgba(37,211,102,.28);
}
.button-wa:hover{
    box-shadow:0 18px 38px rgba(37,211,102,.36);
}
.button-tg{
    background:linear-gradient(135deg,#2ca5e0,#1a73b0);
    box-shadow:0 14px 30px rgba(44,165,224,.28);
}
.button-tg:hover{
    box-shadow:0 18px 38px rgba(44,165,224,.36);
}
.contact-icon-wa{background:#25d366;}
.old-price{display:block;margin-top:auto;color:#8aa0b3;font-size:14px;text-decoration:line-through;}
.product-card .old-price + strong{margin-top:2px;}

/* ─── Trust bar ─── */
.trust-bar{background:var(--paper);border-bottom:1px solid var(--line);}
.trust-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    border-top:1px solid var(--line);
}
.trust-item{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:30px 20px;
    border-right:1px solid var(--line);
}
.trust-item:last-child{border-right:0;}
.trust-item strong{
    display:block;
    font-family:PTSansNarrow,Arial,sans-serif;
    font-size:40px;
    line-height:1;
    color:var(--brand);
    text-transform:uppercase;
    letter-spacing:-.01em;
}
.trust-item strong sup{font-size:.55em;vertical-align:super;}
.trust-item span{
    display:block;
    margin-top:7px;
    color:var(--muted);
    font-size:15px;
    line-height:1.3;
}

/* ─── FAQ ─── */
.faq-section{background:var(--bg);}
.faq-list{display:grid;gap:10px;max-width:860px;margin:0 auto;}
.faq-item{
    border:1px solid var(--line);
    border-radius:14px;
    background:#fff;
    box-shadow:0 8px 20px rgba(10,37,64,.05);
    overflow:hidden;
    transition:box-shadow .18s ease;
}
.faq-item[open]{box-shadow:0 16px 36px rgba(10,37,64,.09);}
.faq-item summary{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    padding:18px 22px;
    color:var(--ink);
    font-size:19px;
    font-weight:700;
    cursor:pointer;
    list-style:none;
    line-height:1.3;
}
.faq-item summary::-webkit-details-marker{display:none;}
.faq-item summary:after{
    content:"+";
    flex:0 0 auto;
    display:grid;
    place-items:center;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#e9f7ff;
    color:var(--brand);
    font-size:22px;
    line-height:1;
}
.faq-item[open] summary{color:var(--brand);}
.faq-item[open] summary:after{content:"−";}
.faq-body{padding:0 22px 20px;border-top:1px solid var(--line);animation:fadeUp .28s ease both;}
.faq-body p{margin:16px 0 0;color:#34495e;font-size:17px;line-height:1.6;}
.faq-body strong{color:var(--ink);}

/* ─── Floating CTA ─── */
.float-cta{
    position:fixed;
    right:22px;
    bottom:30px;
    z-index:40;
    display:flex;
    flex-direction:column;
    gap:12px;
    opacity:0;
    transform:translateY(16px);
    pointer-events:none;
    transition:opacity .32s ease,transform .32s ease;
}
.float-cta.is-visible{opacity:1;transform:translateY(0);pointer-events:auto;}
.float-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:58px;
    height:58px;
    border-radius:50%;
    color:#fff;
    text-decoration:none;
    box-shadow:0 8px 24px rgba(0,0,0,.2);
    transition:transform .18s ease,box-shadow .18s ease;
}
.float-btn:hover{transform:scale(1.1);box-shadow:0 12px 32px rgba(0,0,0,.26);}
.float-btn svg{width:28px;height:28px;fill:currentColor;display:block;flex:0 0 auto;}
.float-wa{background:#25d366;}
.float-phone{background:var(--brand);}

/* ─── Responsive: trust bar + FAQ + floating ─── */
@media(max-width:760px){
    .trust-grid{grid-template-columns:repeat(2,1fr);}
    .trust-item:nth-child(2){border-right:0;}
    .trust-item:nth-child(1),.trust-item:nth-child(2){border-bottom:1px solid var(--line);}
    .trust-item{padding:20px 14px;}
    .trust-item strong{font-size:32px;}
    .faq-item summary{font-size:16px;padding:15px 18px;}
    .faq-body{padding:0 18px 16px;}
    .float-cta{right:14px;bottom:18px;}
    .float-btn{width:52px;height:52px;}
    .float-btn svg{width:24px;height:24px;}
}

/* Final contacts sizing */
.contacts-map,
.contacts-map iframe{
    min-height:640px;
}
.address-list.address-list-scroll{
    max-height:350px;
}

@media(max-width:760px){
    .contacts-map,
    .contacts-map iframe{
        min-height:420px;
    }
    .address-list.address-list-scroll{
        max-height:300px;
    }
}

/* Final visual polish: header, CTA, countdown, feature cards */
.site-header{
    background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(255,255,255,.28));
    border-bottom:1px solid rgba(255,255,255,.34);
    -webkit-backdrop-filter:blur(24px) saturate(1.18);
    backdrop-filter:blur(24px) saturate(1.18);
}
.site-header .main-nav,
.site-header .main-nav a{
    background:transparent;
    box-shadow:none;
}
.hero-actions{
    align-items:stretch;
    gap:14px;
}
.hero-actions .button{
    min-height:64px;
    gap:14px;
    padding:0 22px;
    border-radius:8px;
}
.hero-action-primary{
    width:258px;
    background:linear-gradient(135deg,#1b98f5 0%,#0878d9 100%);
    color:#fff;
    box-shadow:0 18px 34px rgba(11,127,211,.3), inset 0 1px 0 rgba(255,255,255,.22);
}
.hero-action-primary .button-icon{
    color:#fff;
    filter:drop-shadow(0 2px 5px rgba(0,80,150,.22));
}
.hero-action-secondary{
    width:246px;
    background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.8));
    color:#09233d;
    border:1px solid rgba(7,31,53,.3);
    box-shadow:0 15px 30px rgba(10,37,64,.1), inset 0 1px 0 rgba(255,255,255,.9);
}
.hero-action-secondary .button-icon{
    color:#0b7fd3;
}
.hero-action-secondary strong{
    white-space:nowrap;
    font-size:15px;
}
.hero-actions .button em{
    font-size:12px;
}
.hero-countdown{
    width:min(100%,560px);
    grid-template-columns:44px minmax(190px,1fr) auto 124px;
    background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(245,251,255,.74));
    border-color:rgba(119,196,243,.38);
    box-shadow:0 18px 38px rgba(11,127,211,.11);
}
.hero-countdown-timer div{
    background:linear-gradient(180deg,#fff,#f5fbff);
    box-shadow:0 10px 24px rgba(11,127,211,.11);
}
.hero-countdown-copy strong{
    max-width:230px;
}
.hero-benefits{
    width:260px;
    right:0;
}
.hero-benefit{
    min-height:66px;
    grid-template-columns:42px 1fr;
    padding:10px 13px;
    background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(241,248,255,.88));
    box-shadow:0 18px 34px rgba(10,37,64,.14), inset 0 1px 0 rgba(255,255,255,.86);
}
.hero-benefit .feature-icon{
    width:36px;
    height:36px;
    background:linear-gradient(135deg,#edf8ff,#d7edff);
}
.hero-benefit:nth-child(1) .feature-icon{color:#ffae16;background:linear-gradient(135deg,#fff8e7,#ffe9ad);}
.hero-benefit:nth-child(2) .feature-icon{color:#0b7fd3;background:linear-gradient(135deg,#eaf6ff,#d7edff);}
.hero-benefit:nth-child(3) .feature-icon{color:#209be9;background:linear-gradient(135deg,#e9f7ff,#d9f0ff);}
.hero-benefit:nth-child(4) .feature-icon{color:#087fbd;background:linear-gradient(135deg,#e8f8ff,#d8f0ff);}
.hero-benefit:nth-child(5) .feature-icon{color:#24956b;background:linear-gradient(135deg,#eafaf3,#d6f2e4);}
.hero-benefit strong{
    font-size:15px;
    line-height:1.08;
}
.hero-benefit em{
    margin-top:3px;
    color:#486479;
    font-size:12px;
    line-height:1.12;
}
.trust-bar-upload4{
    margin-top:-48px;
}
.trust-bar-upload4 .trust-grid{
    min-height:84px;
    background:linear-gradient(135deg,rgba(246,252,255,.94),rgba(229,246,255,.9));
    border-color:rgba(119,196,243,.44);
    box-shadow:0 22px 54px rgba(11,127,211,.14);
}
.trust-bar-upload4 .trust-item{
    min-height:64px;
    padding-left:62px;
}
.trust-bar-upload4 .feature-icon{
    left:14px;
    width:40px;
    height:40px;
    border-radius:14px;
}
.trust-bar-upload4 .trust-item:nth-child(1) .feature-icon{color:#ffae16;background:linear-gradient(135deg,#fff8e7,#ffe9ad);}
.trust-bar-upload4 .trust-item:nth-child(2) .feature-icon{color:#0b7fd3;background:linear-gradient(135deg,#eaf6ff,#d7edff);}
.trust-bar-upload4 .trust-item:nth-child(3) .feature-icon{color:#087fbd;background:linear-gradient(135deg,#e8f8ff,#d8f0ff);}
.trust-bar-upload4 .trust-item:nth-child(4) .feature-icon{color:#24956b;background:linear-gradient(135deg,#eafaf3,#d6f2e4);}
.trust-bar-upload4 .trust-item:nth-child(5) .feature-icon{color:#209be9;background:linear-gradient(135deg,#e9f7ff,#d9f0ff);}
.trust-bar-upload4 .trust-item:nth-child(6) .feature-icon{color:#5b6cf7;background:linear-gradient(135deg,#f0f2ff,#dde3ff);}
.trust-bar-upload4 .feature-svg{
    width:24px;
    height:24px;
}
.trust-bar-upload4 .trust-item strong{
    font-size:16px;
    letter-spacing:.01em;
}
.trust-bar-upload4 .trust-item span{
    color:#3f5e75;
    font-size:12.5px;
}

@media (max-width:1120px){
    .hero-action-primary,
    .hero-action-secondary{width:260px;}
}

@media (max-width:760px){
    .site-header{
        background:rgba(255,255,255,.86);
    }
    .hero-action-primary,
    .hero-action-secondary{width:100%;}
    .hero-action-secondary strong{white-space:normal;}
    .hero-countdown{
        grid-template-columns:38px 1fr;
        width:100%;
    }
    .hero-benefits{right:0;}
}

/* Definitive mobile layer */
@media (max-width:760px){
    html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
    .container,.site-header .container,.hero .container{width:calc(100% - 28px)!important;max-width:none!important;}
    .site-header{position:sticky!important;top:0!important;background:rgba(248,252,255,.96)!important;border-bottom:1px solid rgba(191,220,241,.62)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 8px 22px rgba(10,37,64,.08)!important;}
    .header-grid{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;gap:8px!important;padding:8px 0 10px!important;}
    .brand{justify-self:center!important;}
    .brand img{width:42px!important;height:42px!important;}
    .brand>span{font-size:22px!important;line-height:.9!important;}
    .brand>span span{font-size:10px!important;}
    .main-nav{width:100%!important;justify-content:flex-start!important;gap:14px!important;overflow-x:auto!important;padding:3px 0 2px!important;scrollbar-width:none!important;}
    .main-nav::-webkit-scrollbar{display:none!important;}
    .main-nav a{flex:0 0 auto!important;font-size:13px!important;line-height:1!important;white-space:nowrap!important;}
    .header-actions{justify-content:center!important;gap:8px!important;}
    .phone-link{width:100%!important;text-align:center!important;font-size:17px!important;line-height:1!important;}
    .social-link{width:36px!important;height:36px!important;}
    .header-actions .button-small{display:none!important;}
    .hero{min-height:0!important;padding:0!important;background:linear-gradient(180deg,rgba(248,252,255,.99) 0%,rgba(248,252,255,.98) 46%,rgba(248,252,255,.78) 64%,rgba(248,252,255,.14) 100%),url("../img/hero2.png") center bottom/188% auto no-repeat,linear-gradient(180deg,#f8fcff 0%,#e8f7ff 100%)!important;}
    .hero-grid{display:block!important;min-height:0!important;padding:22px 0 245px!important;}
    .hero .eyebrow{display:block!important;width:100%!important;max-width:100%!important;margin:0 0 14px!important;padding:8px 10px!important;box-sizing:border-box!important;font-size:11px!important;line-height:1.18!important;text-align:center!important;white-space:normal!important;overflow:hidden!important;}
    .hero h1{max-width:100%!important;font-size:clamp(34px,10.6vw,42px)!important;line-height:.98!important;letter-spacing:0!important;word-break:normal!important;overflow-wrap:normal!important;}
    .hero .lead{max-width:100%!important;margin-top:18px!important;font-size:17px!important;line-height:1.28!important;}
    .hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:none!important;margin-top:20px!important;gap:10px!important;}
    .hero-actions .button,.hero-action-primary,.hero-action-secondary{width:100%!important;min-height:58px!important;padding:0 18px!important;grid-template-columns:36px 1fr!important;gap:12px!important;border-radius:8px!important;box-sizing:border-box!important;}
    .hero-actions .button-icon{width:30px!important;height:30px!important;}
    .hero-actions .button strong{font-size:16px!important;line-height:1.05!important;}
    .hero-actions .button em{display:block!important;margin-top:3px!important;font-size:12px!important;line-height:1.05!important;}
    .hero-action-secondary strong{white-space:normal!important;}
    .hero-countdown{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-height:0!important;margin-top:14px!important;padding:12px!important;gap:9px 12px!important;box-sizing:border-box!important;border:1px solid rgba(255,75,86,.45)!important;border-radius:8px!important;background:linear-gradient(135deg,rgba(255,246,248,.96),rgba(255,255,255,.92))!important;box-shadow:0 14px 30px rgba(255,64,76,.12)!important;}
    .hero-countdown .countdown-icon{width:40px!important;height:40px!important;color:#ff4053!important;background:linear-gradient(135deg,#fff1f3,#ffe1e5)!important;border-color:rgba(255,64,83,.3)!important;align-self:center!important;}
    .hero-countdown-copy{min-width:0!important;}
    .hero-countdown-badge{width:max-content!important;max-width:100%!important;margin-bottom:5px!important;padding:4px 9px!important;border-radius:999px!important;background:#ff3348!important;color:#fff!important;font-size:11px!important;line-height:1!important;}
    .hero-countdown-copy strong{max-width:none!important;font-size:15px!important;line-height:1.1!important;}
    .hero-countdown-timer{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr)!important;align-items:center!important;width:100%!important;max-width:100%!important;gap:5px!important;box-sizing:border-box!important;}
    .hero-countdown-timer div{width:100%!important;min-width:0!important;padding:8px 4px 7px!important;box-sizing:border-box!important;border-color:rgba(255,75,86,.28)!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important;}
    .hero-countdown-timer b{font-size:26px!important;line-height:1!important;color:#0785dd!important;}
    .hero-countdown-timer span{margin-top:3px!important;font-size:10px!important;line-height:1!important;}
    .hero-countdown-timer i{color:#ff4053!important;font-size:24px!important;line-height:1!important;}
    .hero-countdown-note{display:none!important;}
    .hero-offers,.hero-stage-upload4,.hero-photo-card,.hero-benefits{display:none!important;}
    .trust-bar-upload4{margin:-98px 0 0!important;padding:0 0 18px!important;background:transparent!important;border:0!important;}
    .trust-bar-upload4 .container{width:100%!important;max-width:none!important;}
    .trust-bar-upload4 .trust-grid{display:flex!important;grid-template-columns:none!important;min-height:0!important;gap:10px!important;overflow-x:auto!important;padding:0 14px 8px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;scroll-snap-type:x proximity;scrollbar-width:none!important;}
    .trust-bar-upload4 .trust-grid::-webkit-scrollbar{display:none!important;}
    .trust-bar-upload4 .trust-item{position:relative!important;flex:0 0 218px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;min-height:76px!important;padding:12px!important;column-gap:12px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:8px!important;background:linear-gradient(135deg,#062d56,#084276)!important;box-shadow:0 16px 30px rgba(6,45,86,.2)!important;scroll-snap-align:start;}
    .trust-bar-upload4 .trust-item:before{display:none!important;}
    .trust-bar-upload4 .feature-icon{position:static!important;left:auto!important;top:auto!important;transform:none!important;width:40px!important;height:40px!important;border-radius:14px!important;}
    .trust-bar-upload4 .feature-svg{width:23px!important;height:23px!important;}
    .trust-bar-upload4 .trust-item strong,.trust-bar-upload4 .trust-item span:not(.feature-icon){grid-column:2!important;display:block!important;max-width:none!important;text-align:left!important;}
    .trust-bar-upload4 .trust-item strong{color:#fff!important;font-size:15px!important;line-height:1.02!important;}
    .trust-bar-upload4 .trust-item span:not(.feature-icon){margin-top:4px!important;color:rgba(255,255,255,.78)!important;font-size:12px!important;line-height:1.18!important;}
}

@media (max-width:420px){
    .container,.site-header .container,.hero .container{width:calc(100% - 24px)!important;}
    .hero{background:linear-gradient(180deg,rgba(248,252,255,.99) 0%,rgba(248,252,255,.98) 49%,rgba(248,252,255,.74) 66%,rgba(248,252,255,.12) 100%),url("../img/hero2.png") center bottom/205% auto no-repeat,linear-gradient(180deg,#f8fcff 0%,#e8f7ff 100%)!important;}
    .hero-grid{padding-bottom:232px!important;}
    .hero h1{font-size:clamp(33px,10.2vw,40px)!important;}
    .hero .lead{font-size:17px!important;}
    .trust-bar-upload4{margin-top:-88px!important;}
    .trust-bar-upload4 .trust-item{flex-basis:205px!important;}
}

/* 2026-05-28 final layer: desktop scroll header and crisper trust bar */
@media (min-width:761px){
    .site-header{
        position:fixed!important;
        top:0!important;
        left:0!important;
        right:0!important;
        z-index:1000!important;
        background:transparent!important;
        border-bottom:1px solid transparent!important;
        box-shadow:none!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
        transition:background .22s ease, box-shadow .22s ease, border-color .22s ease!important;
    }
    .site-header.is-compact{
        background:rgba(248,252,255,.94)!important;
        border-bottom-color:rgba(188,218,239,.72)!important;
        box-shadow:0 14px 34px rgba(10,37,64,.12)!important;
        -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
        backdrop-filter:blur(14px) saturate(1.08)!important;
    }
    .hero{
        background:
            linear-gradient(90deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.95) 29%,rgba(248,252,255,.64) 47%,rgba(248,252,255,.12) 100%),
            url("../img/hero2.png") center top/cover no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#dff5ff 100%)!important;
    }
    .trust-bar-upload4{
        margin-top:-66px!important;
        background:transparent!important;
        border:0!important;
    }
    .trust-bar-upload4 .container{
        width:min(100% - 32px,1540px)!important;
        max-width:1540px!important;
    }
    .trust-bar-upload4 .trust-grid{
        background:linear-gradient(135deg,#052a51 0%,#063a6d 100%)!important;
        box-shadow:0 12px 26px rgba(5,35,66,.22)!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
        filter:none!important;
    }
    .trust-bar-upload4 .trust-item{
        background:transparent!important;
        box-shadow:none!important;
        filter:none!important;
        text-shadow:none!important;
    }
    .trust-bar-upload4 .trust-item strong{
        color:#fff!important;
        font-weight:700!important;
        text-shadow:none!important;
        -webkit-font-smoothing:antialiased;
        text-rendering:geometricPrecision;
    }
    .trust-bar-upload4 .trust-item span:not(.feature-icon){
        color:rgba(255,255,255,.88)!important;
        font-weight:600!important;
        text-shadow:none!important;
        -webkit-font-smoothing:antialiased;
    }
    .trust-bar-upload4 .feature-icon{
        box-shadow:none!important;
    }
}

@media (max-width:760px){
    .site-header{
        position:sticky!important;
        top:0!important;
        z-index:1000!important;
        background:rgba(248,252,255,.97)!important;
        border-bottom:1px solid rgba(191,220,241,.72)!important;
        box-shadow:0 8px 22px rgba(10,37,64,.08)!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
    }
    .site-header.is-compact{
        background:rgba(248,252,255,.98)!important;
        box-shadow:0 10px 24px rgba(10,37,64,.1)!important;
    }
}

/* Desktop hero final position correction */
@media (min-width:761px){
    .hero{
        background:
            linear-gradient(90deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.95) 30%,rgba(248,252,255,.58) 48%,rgba(248,252,255,.08) 100%),
            url("../img/hero2.png") right top/88% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#dff5ff 100%)!important;
    }
}

/* Final small-screen fit */
@media (max-width:760px){
    .hero .eyebrow{
        overflow:visible!important;
        font-size:10px!important;
        line-height:1.2!important;
    }
    .hero-countdown-timer{
        grid-template-columns:72px 8px 72px 8px 72px!important;
        justify-content:center!important;
    }
    .hero-countdown-timer div{
        width:72px!important;
    }
}

@media (max-width:370px){
    .hero h1{
        font-size:32px!important;
    }
    .hero-countdown-timer{
        grid-template-columns:68px 7px 68px 7px 68px!important;
        gap:4px!important;
    }
    .hero-countdown-timer div{
        width:68px!important;
    }
    .hero-countdown-timer b{
        font-size:24px!important;
    }
}

/* Countdown mobile hard fit */
@media (max-width:760px){
    #hero-delivery-countdown .hero-countdown-copy strong{
        display:block!important;
        white-space:normal!important;
        max-width:100%!important;
        font-size:14px!important;
    }
    #hero-delivery-countdown .hero-countdown-timer{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        gap:8px!important;
        width:100%!important;
        max-width:100%!important;
        overflow:hidden!important;
    }
    #hero-delivery-countdown .hero-countdown-timer div{
        flex:0 0 72px!important;
        width:72px!important;
        max-width:72px!important;
    }
    #hero-delivery-countdown .hero-countdown-timer i{
        flex:0 0 8px!important;
        width:8px!important;
        text-align:center!important;
    }
    .hero .eyebrow{
        width:auto!important;
        max-width:300px!important;
        margin-left:auto!important;
        margin-right:auto!important;
        font-size:10px!important;
        letter-spacing:0!important;
    }
}

@media (max-width:370px){
    #hero-delivery-countdown .hero-countdown-timer{
        gap:6px!important;
    }
    #hero-delivery-countdown .hero-countdown-timer div{
        flex-basis:68px!important;
        width:68px!important;
        max-width:68px!important;
    }
}

/* 2026-05-28 header, hero edge and mobile sticky fixes */
@media (min-width:761px){
    .site-header{
        position:fixed!important;
        top:0!important;
        left:0!important;
        right:0!important;
        z-index:1000!important;
        background:transparent!important;
        border-bottom:1px solid transparent!important;
        box-shadow:none!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
        transition:background .22s ease, box-shadow .22s ease, border-color .22s ease!important;
    }
    .site-header.is-compact{
        background:rgba(248,252,255,.94)!important;
        border-bottom-color:rgba(188,218,239,.72)!important;
        box-shadow:0 14px 34px rgba(10,37,64,.12)!important;
        -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
        backdrop-filter:blur(14px) saturate(1.08)!important;
    }
    .site-header.is-compact .main-nav a,
    .site-header.is-compact .phone-link{
        text-shadow:none!important;
    }
    .hero{
        background:
            linear-gradient(90deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.95) 29%,rgba(248,252,255,.64) 47%,rgba(248,252,255,.12) 100%),
            url("../img/hero2.png") center top/cover no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#dff5ff 100%)!important;
    }
    .trust-bar-upload4{
        margin-top:-66px!important;
        background:transparent!important;
        border:0!important;
    }
    .trust-bar-upload4 .container{
        width:min(100% - 32px,1540px)!important;
        max-width:1540px!important;
    }
    .trust-bar-upload4 .trust-grid{
        background:linear-gradient(135deg,#052a51 0%,#063a6d 100%)!important;
        box-shadow:0 12px 26px rgba(5,35,66,.22)!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
        filter:none!important;
    }
    .trust-bar-upload4 .trust-item{
        background:transparent!important;
        box-shadow:none!important;
        filter:none!important;
        text-shadow:none!important;
    }
    .trust-bar-upload4 .trust-item strong{
        color:#fff!important;
        font-weight:700!important;
        text-shadow:none!important;
        -webkit-font-smoothing:antialiased;
        text-rendering:geometricPrecision;
    }
    .trust-bar-upload4 .trust-item span:not(.feature-icon){
        color:rgba(255,255,255,.88)!important;
        font-weight:600!important;
        text-shadow:none!important;
        -webkit-font-smoothing:antialiased;
    }
    .trust-bar-upload4 .feature-icon{
        box-shadow:none!important;
    }
}

@media (max-width:760px){
    .site-header{
        position:sticky!important;
        top:0!important;
        z-index:1000!important;
        background:rgba(248,252,255,.97)!important;
        border-bottom:1px solid rgba(191,220,241,.72)!important;
        box-shadow:0 8px 22px rgba(10,37,64,.08)!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
    }
    .site-header.is-compact{
        background:rgba(248,252,255,.98)!important;
        box-shadow:0 10px 24px rgba(10,37,64,.1)!important;
    }
}

/* Mobile override must stay at the very end */
@media (max-width:760px){
    html,
    body{
        width:100%!important;
        max-width:100%!important;
        overflow-x:hidden!important;
    }
    body{
        background:#edf8ff!important;
    }
    .container,
    .site-header .container,
    .hero .container{
        width:calc(100% - 28px)!important;
        max-width:none!important;
    }
    .site-header{
        position:sticky!important;
        top:0!important;
        background:rgba(248,252,255,.96)!important;
        border-bottom:1px solid rgba(191,220,241,.62)!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
        box-shadow:0 8px 22px rgba(10,37,64,.08)!important;
    }
    .header-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        min-height:0!important;
        gap:8px!important;
        padding:8px 0 10px!important;
    }
    .brand{
        justify-self:center!important;
    }
    .brand img{
        width:42px!important;
        height:42px!important;
    }
    .brand > span{
        font-size:22px!important;
        line-height:.9!important;
    }
    .brand > span span{
        font-size:10px!important;
    }
    .main-nav{
        width:100%!important;
        justify-content:flex-start!important;
        gap:14px!important;
        overflow-x:auto!important;
        padding:3px 0 2px!important;
        -ms-overflow-style:none!important;
        scrollbar-width:none!important;
    }
    .main-nav::-webkit-scrollbar{
        display:none!important;
    }
    .main-nav a{
        flex:0 0 auto!important;
        font-size:13px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }
    .header-actions{
        justify-content:center!important;
        gap:8px!important;
    }
    .phone-link{
        width:100%!important;
        text-align:center!important;
        font-size:17px!important;
        line-height:1!important;
    }
    .social-row-header{
        gap:8px!important;
    }
    .social-link{
        width:36px!important;
        height:36px!important;
    }
    .header-actions .button-small{
        display:none!important;
    }

    .hero{
        min-height:0!important;
        padding:0!important;
        background:
            linear-gradient(180deg,rgba(248,252,255,.99) 0%,rgba(248,252,255,.98) 46%,rgba(248,252,255,.78) 64%,rgba(248,252,255,.14) 100%),
            url("../img/hero2.png") center bottom/188% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#e8f7ff 100%)!important;
    }
    .hero-grid{
        display:block!important;
        min-height:0!important;
        padding:22px 0 245px!important;
    }
    .hero-copy{
        max-width:none!important;
    }
    .hero .eyebrow{
        display:block!important;
        width:100%!important;
        max-width:100%!important;
        margin:0 0 14px!important;
        padding:8px 10px!important;
        box-sizing:border-box!important;
        border-radius:999px!important;
        font-size:11px!important;
        line-height:1.18!important;
        text-align:center!important;
        white-space:normal!important;
        overflow:hidden!important;
        text-overflow:clip!important;
    }
    .hero h1{
        max-width:100%!important;
        font-size:clamp(34px,10.6vw,42px)!important;
        line-height:.98!important;
        letter-spacing:0!important;
        overflow-wrap:normal!important;
        word-break:normal!important;
    }
    .hero-title-accent{
        display:inline!important;
    }
    .hero .lead{
        max-width:100%!important;
        margin-top:18px!important;
        font-size:17px!important;
        line-height:1.28!important;
    }
    .hero-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        width:100%!important;
        max-width:none!important;
        margin-top:20px!important;
        gap:10px!important;
    }
    .hero-actions .button,
    .hero-action-primary,
    .hero-action-secondary{
        width:100%!important;
        min-height:58px!important;
        padding:0 18px!important;
        grid-template-columns:36px 1fr!important;
        gap:12px!important;
        border-radius:8px!important;
        box-sizing:border-box!important;
    }
    .hero-actions .button-icon{
        width:30px!important;
        height:30px!important;
    }
    .hero-actions .button strong{
        font-size:16px!important;
        line-height:1.05!important;
    }
    .hero-actions .button em{
        display:block!important;
        margin-top:3px!important;
        font-size:12px!important;
        line-height:1.05!important;
    }
    .hero-action-secondary strong{
        white-space:normal!important;
    }

    .hero-countdown{
        display:grid!important;
        grid-template-columns:44px minmax(0,1fr)!important;
        width:100%!important;
        max-width:100%!important;
        min-height:0!important;
        margin-top:14px!important;
        padding:12px!important;
        gap:9px 12px!important;
        box-sizing:border-box!important;
        border:1px solid rgba(255,75,86,.45)!important;
        border-radius:8px!important;
        background:linear-gradient(135deg,rgba(255,246,248,.96),rgba(255,255,255,.92))!important;
        box-shadow:0 14px 30px rgba(255,64,76,.12)!important;
    }
    .hero-countdown .countdown-icon{
        width:40px!important;
        height:40px!important;
        color:#ff4053!important;
        background:linear-gradient(135deg,#fff1f3,#ffe1e5)!important;
        border-color:rgba(255,64,83,.3)!important;
        align-self:center!important;
    }
    .hero-countdown-copy{
        min-width:0!important;
    }
    .hero-countdown-badge{
        width:max-content!important;
        max-width:100%!important;
        margin-bottom:5px!important;
        padding:4px 9px!important;
        border-radius:999px!important;
        background:#ff3348!important;
        color:#fff!important;
        font-size:11px!important;
        line-height:1!important;
    }
    .hero-countdown-copy strong{
        max-width:none!important;
        font-size:15px!important;
        line-height:1.1!important;
    }
    .hero-countdown-timer{
        grid-column:1 / -1!important;
        display:grid!important;
        grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr)!important;
        align-items:center!important;
        width:100%!important;
        max-width:100%!important;
        gap:5px!important;
        box-sizing:border-box!important;
    }
    .hero-countdown-timer div{
        width:100%!important;
        min-width:0!important;
        padding:8px 4px 7px!important;
        box-sizing:border-box!important;
        border-color:rgba(255,75,86,.28)!important;
        border-radius:7px!important;
        background:#fff!important;
        box-shadow:none!important;
    }
    .hero-countdown-timer b{
        font-size:26px!important;
        line-height:1!important;
        color:#0785dd!important;
    }
    .hero-countdown-timer span{
        margin-top:3px!important;
        font-size:10px!important;
        line-height:1!important;
    }
    .hero-countdown-timer i{
        color:#ff4053!important;
        font-size:24px!important;
        line-height:1!important;
    }
    .hero-countdown-note{
        display:none!important;
    }
    .hero-offers,
    .hero-stage-upload4,
    .hero-photo-card,
    .hero-benefits{
        display:none!important;
    }

    .trust-bar-upload4{
        margin:-98px 0 0!important;
        padding:0 0 18px!important;
        background:transparent!important;
        border:0!important;
    }
    .trust-bar-upload4 .container{
        width:100%!important;
        max-width:none!important;
    }
    .trust-bar-upload4 .trust-grid{
        display:flex!important;
        grid-template-columns:none!important;
        min-height:0!important;
        gap:10px!important;
        overflow-x:auto!important;
        padding:0 14px 8px!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
        scroll-snap-type:x proximity;
        -ms-overflow-style:none!important;
        scrollbar-width:none!important;
    }
    .trust-bar-upload4 .trust-grid::-webkit-scrollbar{
        display:none!important;
    }
    .trust-bar-upload4 .trust-item{
        position:relative!important;
        flex:0 0 218px!important;
        display:grid!important;
        grid-template-columns:42px minmax(0,1fr)!important;
        align-items:center!important;
        min-height:76px!important;
        padding:12px!important;
        column-gap:12px!important;
        border:1px solid rgba(255,255,255,.16)!important;
        border-radius:8px!important;
        background:linear-gradient(135deg,#062d56,#084276)!important;
        box-shadow:0 16px 30px rgba(6,45,86,.2)!important;
        scroll-snap-align:start;
    }
    .trust-bar-upload4 .trust-item:before{
        display:none!important;
    }
    .trust-bar-upload4 .feature-icon{
        position:static!important;
        left:auto!important;
        top:auto!important;
        transform:none!important;
        width:40px!important;
        height:40px!important;
        border-radius:14px!important;
    }
    .trust-bar-upload4 .feature-svg{
        width:23px!important;
        height:23px!important;
    }
    .trust-bar-upload4 .trust-item strong,
    .trust-bar-upload4 .trust-item span:not(.feature-icon){
        grid-column:2!important;
        display:block!important;
        max-width:none!important;
        text-align:left!important;
    }
    .trust-bar-upload4 .trust-item strong{
        color:#fff!important;
        font-size:15px!important;
        line-height:1.02!important;
    }
    .trust-bar-upload4 .trust-item span:not(.feature-icon){
        margin-top:4px!important;
        color:rgba(255,255,255,.78)!important;
        font-size:12px!important;
        line-height:1.18!important;
    }
}

@media (max-width:420px){
    .container,
    .site-header .container,
    .hero .container{
        width:calc(100% - 24px)!important;
    }
    .hero{
        background:
            linear-gradient(180deg,rgba(248,252,255,.99) 0%,rgba(248,252,255,.98) 49%,rgba(248,252,255,.74) 66%,rgba(248,252,255,.12) 100%),
            url("../img/hero2.png") center bottom/205% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#e8f7ff 100%)!important;
    }
    .hero-grid{
        padding-bottom:232px!important;
    }
    .hero h1{
        font-size:clamp(33px,10.2vw,40px)!important;
    }
    .hero .lead{
        font-size:17px!important;
    }
    .trust-bar-upload4{
        margin-top:-88px!important;
    }
    .trust-bar-upload4 .trust-item{
        flex-basis:205px!important;
    }
}

/* Final mobile layout repair */
@media (max-width:760px){
    html,
    body{
        width:100%;
        overflow-x:hidden;
    }
    body{
        background:#edf8ff;
    }
    .container,
    .site-header .container,
    .hero .container{
        width:calc(100% - 28px)!important;
        max-width:none!important;
    }
    .site-header{
        position:sticky!important;
        top:0!important;
        background:rgba(248,252,255,.96)!important;
        border-bottom:1px solid rgba(191,220,241,.62)!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
        box-shadow:0 8px 22px rgba(10,37,64,.08)!important;
    }
    .header-grid{
        display:grid!important;
        grid-template-columns:1fr!important;
        min-height:0!important;
        gap:8px!important;
        padding:8px 0 10px!important;
    }
    .brand{
        justify-self:center!important;
    }
    .brand img{
        width:42px!important;
        height:42px!important;
    }
    .brand > span{
        font-size:22px!important;
        line-height:.9!important;
    }
    .brand > span span{
        font-size:10px!important;
    }
    .main-nav{
        width:100%!important;
        justify-content:flex-start!important;
        gap:14px!important;
        overflow-x:auto!important;
        padding:3px 0 2px!important;
        -ms-overflow-style:none;
        scrollbar-width:none;
    }
    .main-nav::-webkit-scrollbar{
        display:none;
    }
    .main-nav a{
        flex:0 0 auto!important;
        font-size:13px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }
    .header-actions{
        justify-content:center!important;
        gap:8px!important;
    }
    .phone-link{
        width:100%!important;
        text-align:center!important;
        font-size:17px!important;
        line-height:1!important;
    }
    .social-row-header{
        gap:8px!important;
    }
    .social-link{
        width:36px!important;
        height:36px!important;
    }
    .header-actions .button-small{
        display:none!important;
    }

    .hero{
        min-height:0!important;
        padding:0!important;
        background:
            linear-gradient(180deg,rgba(248,252,255,.99) 0%,rgba(248,252,255,.98) 46%,rgba(248,252,255,.78) 64%,rgba(248,252,255,.14) 100%),
            url("../img/hero2.png") center bottom/188% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#e8f7ff 100%)!important;
    }
    .hero-grid{
        display:block!important;
        min-height:0!important;
        padding:22px 0 245px!important;
    }
    .hero-copy{
        max-width:none!important;
    }
    .hero .eyebrow{
        display:block!important;
        width:100%!important;
        margin:0 0 14px!important;
        padding:8px 10px!important;
        border-radius:999px!important;
        font-size:12px!important;
        line-height:1.18!important;
        text-align:center!important;
        white-space:normal!important;
    }
    .hero h1{
        max-width:100%!important;
        font-size:clamp(40px,12.2vw,52px)!important;
        line-height:.92!important;
        letter-spacing:0!important;
    }
    .hero-title-accent{
        display:inline!important;
    }
    .hero .lead{
        max-width:100%!important;
        margin-top:18px!important;
        font-size:18px!important;
        line-height:1.28!important;
    }
    .hero-actions{
        display:grid!important;
        grid-template-columns:1fr!important;
        width:100%!important;
        max-width:none!important;
        margin-top:20px!important;
        gap:10px!important;
    }
    .hero-actions .button,
    .hero-action-primary,
    .hero-action-secondary{
        width:100%!important;
        min-height:58px!important;
        padding:0 18px!important;
        grid-template-columns:36px 1fr!important;
        gap:12px!important;
        border-radius:8px!important;
    }
    .hero-actions .button-icon{
        width:30px!important;
        height:30px!important;
    }
    .hero-actions .button strong{
        font-size:16px!important;
        line-height:1.05!important;
    }
    .hero-actions .button em{
        display:block!important;
        margin-top:3px!important;
        font-size:12px!important;
        line-height:1.05!important;
    }
    .hero-action-secondary strong{
        white-space:normal!important;
    }

    .hero-countdown{
        display:grid!important;
        grid-template-columns:44px 1fr!important;
        width:100%!important;
        min-height:0!important;
        margin-top:14px!important;
        padding:12px!important;
        gap:9px 12px!important;
        border:1px solid rgba(255,75,86,.45)!important;
        border-radius:8px!important;
        background:linear-gradient(135deg,rgba(255,246,248,.96),rgba(255,255,255,.92))!important;
        box-shadow:0 14px 30px rgba(255,64,76,.12)!important;
    }
    .hero-countdown .countdown-icon{
        width:40px!important;
        height:40px!important;
        color:#ff4053!important;
        background:linear-gradient(135deg,#fff1f3,#ffe1e5)!important;
        border-color:rgba(255,64,83,.3)!important;
        align-self:center!important;
    }
    .hero-countdown-copy{
        min-width:0!important;
    }
    .hero-countdown-badge{
        width:max-content!important;
        max-width:100%!important;
        margin-bottom:5px!important;
        padding:4px 9px!important;
        border-radius:999px!important;
        background:#ff3348!important;
        color:#fff!important;
        font-size:11px!important;
        line-height:1!important;
    }
    .hero-countdown-copy strong{
        max-width:none!important;
        font-size:15px!important;
        line-height:1.1!important;
    }
    .hero-countdown-timer{
        grid-column:1 / -1!important;
        display:grid!important;
        grid-template-columns:1fr 10px 1fr 10px 1fr!important;
        align-items:center!important;
        width:100%!important;
        gap:6px!important;
    }
    .hero-countdown-timer div{
        width:100%!important;
        min-width:0!important;
        padding:8px 4px 7px!important;
        border-color:rgba(255,75,86,.28)!important;
        border-radius:7px!important;
        background:#fff!important;
        box-shadow:none!important;
    }
    .hero-countdown-timer b{
        font-size:27px!important;
        line-height:1!important;
        color:#0785dd!important;
    }
    .hero-countdown-timer span{
        margin-top:3px!important;
        font-size:10px!important;
        line-height:1!important;
    }
    .hero-countdown-timer i{
        color:#ff4053!important;
        font-size:26px!important;
        line-height:1!important;
    }
    .hero-countdown-note{
        display:none!important;
    }
    .hero-offers,
    .hero-stage-upload4,
    .hero-photo-card,
    .hero-benefits{
        display:none!important;
    }

    .trust-bar-upload4{
        margin:-98px 0 0!important;
        padding:0 0 18px!important;
        background:transparent!important;
        border:0!important;
    }
    .trust-bar-upload4 .container{
        width:100%!important;
        max-width:none!important;
    }
    .trust-bar-upload4 .trust-grid{
        display:flex!important;
        grid-template-columns:none!important;
        min-height:0!important;
        gap:10px!important;
        overflow-x:auto!important;
        padding:0 14px 8px!important;
        border:0!important;
        border-radius:0!important;
        background:transparent!important;
        box-shadow:none!important;
        scroll-snap-type:x proximity;
        -ms-overflow-style:none;
        scrollbar-width:none;
    }
    .trust-bar-upload4 .trust-grid::-webkit-scrollbar{
        display:none;
    }
    .trust-bar-upload4 .trust-item{
        position:relative!important;
        flex:0 0 218px!important;
        display:grid!important;
        grid-template-columns:42px 1fr!important;
        align-items:center!important;
        min-height:76px!important;
        padding:12px!important;
        column-gap:12px!important;
        border:1px solid rgba(255,255,255,.16)!important;
        border-radius:8px!important;
        background:linear-gradient(135deg,#062d56,#084276)!important;
        box-shadow:0 16px 30px rgba(6,45,86,.2)!important;
        scroll-snap-align:start;
    }
    .trust-bar-upload4 .trust-item:before{
        display:none!important;
    }
    .trust-bar-upload4 .feature-icon{
        position:static!important;
        left:auto!important;
        top:auto!important;
        transform:none!important;
        width:40px!important;
        height:40px!important;
        border-radius:14px!important;
    }
    .trust-bar-upload4 .feature-svg{
        width:23px!important;
        height:23px!important;
    }
    .trust-bar-upload4 .trust-item strong,
    .trust-bar-upload4 .trust-item span:not(.feature-icon){
        grid-column:2!important;
        display:block!important;
        max-width:none!important;
        text-align:left!important;
    }
    .trust-bar-upload4 .trust-item strong{
        color:#fff!important;
        font-size:15px!important;
        line-height:1.02!important;
    }
    .trust-bar-upload4 .trust-item span:not(.feature-icon){
        margin-top:4px!important;
        color:rgba(255,255,255,.78)!important;
        font-size:12px!important;
        line-height:1.18!important;
    }
}

@media (max-width:420px){
    .container,
    .site-header .container,
    .hero .container{
        width:calc(100% - 24px)!important;
    }
    .hero{
        background:
            linear-gradient(180deg,rgba(248,252,255,.99) 0%,rgba(248,252,255,.98) 49%,rgba(248,252,255,.74) 66%,rgba(248,252,255,.12) 100%),
            url("../img/hero2.png") center bottom/205% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#e8f7ff 100%)!important;
    }
    .hero-grid{
        padding-bottom:232px!important;
    }
    .hero h1{
        font-size:clamp(36px,11.8vw,46px)!important;
    }
    .hero .lead{
        font-size:17px!important;
    }
    .trust-bar-upload4{
        margin-top:-88px!important;
    }
    .trust-bar-upload4 .trust-item{
        flex-basis:205px!important;
    }
}

/* Reference alignment pass */
.site-header{
    background:transparent!important;
    border-bottom:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
.site-header:before,
.site-header:after{display:none!important;}
.header-grid{
    background:transparent;
}
.hero{
    background:
        linear-gradient(90deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.94) 26%,rgba(248,252,255,.5) 39%,rgba(248,252,255,.08) 52%,rgba(248,252,255,0) 100%),
        url("../img/hero2.png") right top/86% auto no-repeat,
        linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%);
}
.hero-actions{
    gap:12px;
    margin-top:22px;
}
.hero-actions .button{
    display:inline-grid;
    grid-template-columns:34px 1fr;
    align-items:center;
    justify-content:start;
    min-height:60px;
    padding:0 19px;
    gap:13px;
}
.hero-actions .button > span:not(.button-icon){
    display:flex;
    min-width:0;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    gap:3px;
}
.hero-actions .button strong{
    display:block;
    font-size:15px;
    font-weight:800;
    line-height:1.08;
}
.hero-actions .button em{
    display:block;
    font-size:12px;
    font-weight:700;
    line-height:1.05;
    opacity:.9;
}
.hero-action-primary{
    width:248px;
    background:linear-gradient(135deg,#1399fb 0%,#0778db 100%);
}
.hero-action-secondary{
    width:248px;
    background:rgba(255,255,255,.88);
}
.hero-action-secondary strong{
    white-space:normal;
}
.button-icon{
    width:34px;
    height:34px;
}
.button-icon svg{
    width:25px;
    height:25px;
}
.hero-countdown{
    width:min(100%,600px);
    min-height:78px;
    grid-template-columns:44px minmax(190px,1fr) auto 142px;
    border:1px solid rgba(255,74,74,.22);
    background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(255,246,246,.86) 48%,rgba(235,248,255,.78));
    box-shadow:0 18px 38px rgba(220,35,35,.08),0 12px 32px rgba(11,127,211,.1);
}
.hero-countdown-badge{
    display:inline-flex;
    width:max-content;
    padding:4px 9px;
    border-radius:999px;
    background:#ff3d3d;
    color:#fff;
    font-size:12px;
    font-weight:800;
    line-height:1;
}
.countdown-icon{
    color:#ff3d3d;
    background:linear-gradient(135deg,#fff1f1,#ffe0e0);
    border-color:rgba(255,61,61,.24);
}
.hero-countdown-timer div{
    border-color:rgba(255,61,61,.2);
}
.hero-countdown-timer b{
    color:#0b7fd3;
}
.hero-countdown-timer i{
    color:#ff5c5c;
}
.hero-benefits{
    width:260px;
    gap:10px;
}
.hero-benefit{
    display:grid;
    grid-template-columns:42px minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:center;
    column-gap:12px;
    row-gap:2px;
    min-height:72px;
    padding:12px 14px;
    background:rgba(255,255,255,.9);
}
.hero-benefit .feature-icon{
    grid-row:1 / span 2;
    grid-column:1;
    align-self:center;
    justify-self:center;
}
.hero-benefit strong{
    grid-column:2;
    align-self:end;
    font-size:15px;
    line-height:1.12;
}
.hero-benefit em{
    grid-column:2;
    align-self:start;
    margin:0;
    font-size:12px;
    line-height:1.16;
}
.trust-bar-upload4 .trust-grid{
    min-height:82px;
    padding:0 18px;
    background:linear-gradient(135deg,rgba(247,252,255,.96),rgba(231,247,255,.92));
}
.trust-bar-upload4 .trust-item{
    display:grid;
    grid-template-columns:46px minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:center;
    column-gap:13px;
    row-gap:3px;
    min-height:82px;
    padding:0 18px;
}
.trust-bar-upload4 .feature-icon{
    position:static;
    grid-row:1 / span 2;
    grid-column:1;
    transform:none;
    justify-self:center;
    align-self:center;
    width:40px;
    height:40px;
}
.trust-bar-upload4 .trust-item strong{
    grid-column:2;
    align-self:end;
    font-size:15px;
    line-height:1.05;
}
.trust-bar-upload4 .trust-item span:not(.feature-icon){
    grid-column:2;
    align-self:start;
    font-size:12px;
    line-height:1.18;
}

@media (max-width:1120px){
    .hero{
        background:
            linear-gradient(180deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.82) 46%,rgba(248,252,255,.18) 100%),
            url("../img/hero2.png") right 70px/112% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%);
    }
}

@media (max-width:760px){
    .site-header{
        background:rgba(255,255,255,.86)!important;
        -webkit-backdrop-filter:blur(14px)!important;
        backdrop-filter:blur(14px)!important;
    }
    .hero{
        background:
            linear-gradient(180deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.92) 44%,rgba(248,252,255,.24) 100%),
            url("../img/hero2.png") center 360px/170% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%);
    }
    .hero-actions .button{
        width:100%;
    }
    .hero-countdown{
        grid-template-columns:38px 1fr;
    }
    .trust-bar-upload4 .trust-grid{
        padding:8px 10px;
    }
    .trust-bar-upload4 .trust-item{
        min-height:72px;
        padding:8px 10px;
    }
}

/* Brighter hero image layer */
.hero{
    background:linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%);
}
.hero:before{
    content:"";
    display:block!important;
    position:absolute;
    inset:0;
    z-index:0;
    border-radius:0;
    background:url("../img/hero2.png") right top/86% auto no-repeat;
    filter:saturate(1.18) contrast(1.08);
    pointer-events:none;
}
.hero:after{
    content:"";
    display:block!important;
    position:absolute;
    inset:0;
    z-index:0;
    border-radius:0;
    background:linear-gradient(90deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.94) 26%,rgba(248,252,255,.5) 39%,rgba(248,252,255,.08) 52%,rgba(248,252,255,0) 100%);
    filter:none;
    pointer-events:none;
}
.hero-grid,
.trust-bar-upload4 .container{
    position:relative;
    z-index:1;
}

@media (max-width:1120px){
    .hero:before{
        background-position:right 70px;
        background-size:112% auto;
    }
    .hero:after{
        background:linear-gradient(180deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.82) 46%,rgba(248,252,255,.18) 100%);
    }
}

@media (max-width:760px){
    .hero:before{
        background-position:center 360px;
        background-size:170% auto;
    }
    .hero:after{
        background:linear-gradient(180deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.92) 44%,rgba(248,252,255,.24) 100%);
    }
}

/* Emergency layout correction */
.hero{
    background:linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%)!important;
}
.hero:before{
    content:""!important;
    display:block!important;
    position:absolute!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    width:74%!important;
    height:auto!important;
    z-index:0!important;
    border-radius:0!important;
    background:url("../img/hero2.png") right top/cover no-repeat!important;
    filter:saturate(1.16) contrast(1.06)!important;
    pointer-events:none!important;
}
.hero:after{
    content:""!important;
    display:block!important;
    position:absolute!important;
    inset:0!important;
    z-index:0!important;
    border-radius:0!important;
    background:linear-gradient(90deg,#f8fcff 0%,rgba(248,252,255,.98) 30%,rgba(248,252,255,.74) 42%,rgba(248,252,255,.22) 55%,rgba(248,252,255,0) 100%)!important;
    filter:none!important;
    pointer-events:none!important;
}
.hero-grid{
    position:relative;
    z-index:1;
}
.hero-stage-upload4,
.hero-photo-card{
    background:transparent!important;
}
.hero-photo-card{
    display:none!important;
}
.trust-bar-upload4 .trust-grid{
    display:grid;
    grid-template-columns:repeat(6,minmax(0,1fr));
    align-items:stretch;
    gap:0;
    padding:0!important;
}
.trust-bar-upload4 .trust-item{
    display:flex!important;
    min-height:86px!important;
    padding:12px 16px!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    text-align:center!important;
}
.trust-bar-upload4 .feature-icon{
    position:static!important;
    display:grid!important;
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
    place-items:center!important;
    transform:none!important;
}
.trust-bar-upload4 .feature-svg{
    width:23px!important;
    height:23px!important;
}
.trust-bar-upload4 .trust-item strong,
.trust-bar-upload4 .trust-item span:not(.feature-icon){
    display:block!important;
    grid-column:auto!important;
    align-self:center!important;
    width:100%!important;
    text-align:center!important;
}
.trust-bar-upload4 .trust-item strong{
    font-size:14px!important;
    line-height:1.05!important;
}
.trust-bar-upload4 .trust-item span:not(.feature-icon){
    max-width:130px!important;
    margin:0 auto!important;
    font-size:12px!important;
    line-height:1.16!important;
}

@media (max-width:1120px){
    .hero:before{
        width:100%!important;
        background-position:right 70px!important;
        background-size:112% auto!important;
    }
    .hero:after{
        background:linear-gradient(180deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.9) 46%,rgba(248,252,255,.28) 100%)!important;
    }
}

@media (max-width:760px){
    .hero:before{
        width:100%!important;
        background-position:center 360px!important;
        background-size:170% auto!important;
    }
    .trust-bar-upload4 .trust-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
    .trust-bar-upload4 .trust-item{
        min-height:92px!important;
    }
}

/* Shift hero image left without a hard crop seam */
.hero{
    background:
        linear-gradient(90deg,#f8fcff 0%,#f8fcff 16%,rgba(248,252,255,.74) 28%,rgba(248,252,255,0) 44%),
        url("../img/hero2.png") 52% top/96% auto no-repeat,
        linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%)!important;
}
.hero:before,
.hero:after{
    display:none!important;
}
.hero-grid{
    position:relative;
    z-index:1;
}
.hero-copy{
    background:linear-gradient(90deg,rgba(248,252,255,.9) 0%,rgba(248,252,255,.82) 68%,rgba(248,252,255,0) 100%);
    border-radius:0 22px 22px 0;
}

@media (max-width:1120px){
    .hero{
        background:
            linear-gradient(180deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.9) 48%,rgba(248,252,255,.28) 100%),
            url("../img/hero2.png") right 70px/116% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%)!important;
    }
    .hero-copy{background:transparent;}
}

@media (max-width:760px){
    .hero{
        background:
            linear-gradient(180deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.92) 44%,rgba(248,252,255,.24) 100%),
            url("../img/hero2.png") center 360px/174% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%)!important;
    }
}

/* Reference full correction */
.site-header .container,
.hero .container,
.trust-bar-upload4 .container{
    width:min(100% - 40px,1860px)!important;
}
.site-header{
    position:fixed!important;
    top:0!important;
    left:0!important;
    right:0!important;
    z-index:30!important;
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
.header-grid{
    min-height:76px!important;
    grid-template-columns:auto minmax(430px,1fr) auto!important;
    gap:34px!important;
    background:transparent!important;
}
.brand{
    min-width:214px!important;
}
.brand img{
    width:54px!important;
    height:54px!important;
}
.brand > span{
    font-size:24px!important;
    line-height:.86!important;
}
.brand > span span{
    margin-top:4px!important;
    font-size:12px!important;
}
.main-nav{
    justify-self:center!important;
    gap:30px!important;
    border:0!important;
    background:transparent!important;
    padding:0!important;
    box-shadow:none!important;
}
.main-nav a{
    padding:0!important;
    color:#071f38!important;
    font-size:15px!important;
    font-weight:800!important;
    line-height:1!important;
    background:transparent!important;
    box-shadow:none!important;
}
.header-actions{
    gap:11px!important;
}
.phone-link{
    min-height:auto!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:22px!important;
}
.header-actions .button-small{
    min-height:44px!important;
    padding:0 20px!important;
    border-radius:8px!important;
}

.hero{
    min-height:650px!important;
    overflow:hidden!important;
    background:
        linear-gradient(90deg,#f8fcff 0%,#f8fcff 30%,rgba(248,252,255,.92) 39%,rgba(248,252,255,.34) 52%,rgba(248,252,255,0) 66%),
        url("../img/hero2.png") right top/78% auto no-repeat,
        linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%)!important;
}
.hero:before,
.hero:after{
    display:none!important;
}
.hero-grid{
    min-height:650px!important;
    grid-template-columns:minmax(610px,.82fr) minmax(660px,1.18fr)!important;
    gap:18px!important;
    align-items:center!important;
    padding:112px 0 76px!important;
}
.hero-copy{
    max-width:620px!important;
    background:transparent!important;
    border-radius:0!important;
}
.hero .eyebrow{
    margin-bottom:17px!important;
    padding:7px 14px!important;
    font-size:14px!important;
    letter-spacing:.04em!important;
    background:rgba(255,255,255,.84)!important;
}
.hero h1{
    max-width:620px!important;
    font-size:68px!important;
    font-weight:900!important;
    line-height:.86!important;
    letter-spacing:0!important;
    -webkit-text-stroke:.45px currentColor;
}
.hero-title-accent{
    color:#087ce4!important;
}
.hero .lead{
    max-width:560px!important;
    margin-top:22px!important;
    color:#17334d!important;
    font-size:21px!important;
    line-height:1.25!important;
}
.hero .lead a,
.hero .lead span{
    color:#087ce4!important;
    font-weight:800!important;
}
.hero-actions{
    display:flex!important;
    width:100%!important;
    max-width:520px!important;
    flex-wrap:nowrap!important;
    gap:12px!important;
    margin-top:25px!important;
}
.hero-actions .button{
    display:grid!important;
    grid-template-columns:34px minmax(0,1fr)!important;
    align-items:center!important;
    justify-content:start!important;
    min-height:54px!important;
    padding:0 19px!important;
    gap:12px!important;
    border-radius:8px!important;
    text-align:left!important;
}
.hero-action-primary{
    width:246px!important;
    flex:0 0 246px!important;
    background:linear-gradient(135deg,#0f8df4,#0875d7)!important;
    box-shadow:0 18px 34px rgba(11,127,211,.3)!important;
}
.hero-action-secondary{
    width:226px!important;
    flex:0 0 226px!important;
    background:rgba(255,255,255,.86)!important;
    border:1px solid rgba(7,31,53,.28)!important;
    box-shadow:0 14px 30px rgba(10,37,64,.09)!important;
}
.hero-actions .button > span:not(.button-icon){
    display:flex!important;
    min-width:0!important;
    flex-direction:column!important;
    align-items:flex-start!important;
    justify-content:center!important;
    gap:3px!important;
}
.hero-actions .button strong{
    font-size:13px!important;
    font-weight:900!important;
    line-height:1.05!important;
    text-transform:uppercase!important;
    white-space:normal!important;
}
.hero-actions .button em{
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.05!important;
    opacity:.9!important;
}
.button-icon{
    width:30px!important;
    height:30px!important;
}
.button-icon svg{
    width:24px!important;
    height:24px!important;
}

.hero-countdown{
    width:610px!important;
    max-width:100%!important;
    min-height:70px!important;
    grid-template-columns:44px 188px auto 150px!important;
    align-items:center!important;
    gap:13px!important;
    margin-top:20px!important;
    padding:10px 16px!important;
    border:1px solid rgba(255,56,56,.32)!important;
    border-radius:8px!important;
    background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(255,243,243,.9) 52%,rgba(235,248,255,.82))!important;
    box-shadow:0 18px 38px rgba(220,35,35,.1),0 12px 30px rgba(11,127,211,.1)!important;
}
.countdown-icon{
    width:40px!important;
    height:40px!important;
    color:#ff3030!important;
    background:linear-gradient(135deg,#fff1f1,#ffd9d9)!important;
    border-color:rgba(255,48,48,.28)!important;
}
.hero-countdown-badge{
    display:block!important;
    width:max-content!important;
    padding:4px 9px!important;
    border-radius:999px!important;
    background:#ff3030!important;
    color:#fff!important;
    font-size:11px!important;
    font-weight:900!important;
    line-height:1!important;
    text-transform:uppercase!important;
}
.hero-countdown-copy{
    gap:5px!important;
}
.hero-countdown-copy strong{
    max-width:180px!important;
    font-size:15px!important;
    line-height:1.08!important;
}
.hero-countdown-timer{
    gap:7px!important;
}
.hero-countdown-timer div{
    min-width:55px!important;
    padding:8px 7px 6px!important;
    border:1px solid rgba(255,48,48,.22)!important;
    border-radius:8px!important;
    background:#fff!important;
    box-shadow:0 10px 24px rgba(220,35,35,.08)!important;
}
.hero-countdown-timer b{
    color:#087ce4!important;
    font-size:28px!important;
}
.hero-countdown-timer i{
    color:#ff3030!important;
    font-size:25px!important;
}
.hero-countdown-note{
    display:block!important;
    max-width:150px!important;
    padding-left:14px!important;
    border-left:1px solid rgba(255,48,48,.22)!important;
    color:#09233d!important;
    font-size:13px!important;
    font-weight:800!important;
    line-height:1.16!important;
}

.hero-stage-upload4{
    min-height:420px!important;
}
.hero-benefits{
    right:0!important;
    top:50%!important;
    width:245px!important;
    gap:8px!important;
    transform:translateY(-50%)!important;
}
.hero-benefit{
    min-height:58px!important;
    grid-template-columns:38px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:11px!important;
    row-gap:2px!important;
    padding:8px 12px!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.92)!important;
    border:1px solid rgba(255,255,255,.94)!important;
    box-shadow:0 14px 28px rgba(10,37,64,.13)!important;
}
.hero-benefit .feature-icon{
    grid-row:1 / span 2!important;
    align-self:center!important;
    justify-self:center!important;
    width:34px!important;
    height:34px!important;
    border-radius:10px!important;
}
.hero-benefit .feature-svg{
    width:20px!important;
    height:20px!important;
}
.hero-benefit strong{
    align-self:end!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.05!important;
}
.hero-benefit em{
    align-self:start!important;
    margin:0!important;
    font-size:11px!important;
    line-height:1.08!important;
}

.trust-bar-upload4{
    margin-top:-56px!important;
    padding-bottom:0!important;
    background:transparent!important;
}
.trust-bar-upload4 .trust-grid{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    min-height:88px!important;
    padding:0 16px!important;
    border:0!important;
    border-radius:8px!important;
    background:linear-gradient(135deg,#052546,#073766)!important;
    box-shadow:0 24px 54px rgba(5,28,52,.26)!important;
}
.trust-bar-upload4 .trust-item{
    display:grid!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    align-items:center!important;
    column-gap:14px!important;
    row-gap:2px!important;
    min-height:88px!important;
    padding:13px 16px!important;
    border-right:1px solid rgba(255,255,255,.16)!important;
    border-bottom:0!important;
    text-align:left!important;
}
.trust-bar-upload4 .trust-item:last-child{
    border-right:0!important;
}
.trust-bar-upload4 .feature-icon{
    position:static!important;
    grid-row:1 / span 2!important;
    grid-column:1!important;
    display:grid!important;
    width:48px!important;
    height:48px!important;
    place-items:center!important;
    transform:none!important;
    border:1px solid rgba(255,255,255,.16)!important;
    border-radius:50%!important;
    background:rgba(255,255,255,.08)!important;
    color:#fff!important;
}
.trust-bar-upload4 .feature-svg{
    width:29px!important;
    height:29px!important;
    stroke-width:1.8!important;
}
.trust-bar-upload4 .trust-item strong{
    grid-column:2!important;
    align-self:end!important;
    width:auto!important;
    color:#fff!important;
    font-size:14px!important;
    font-weight:900!important;
    line-height:1.04!important;
    text-align:left!important;
    text-transform:none!important;
}
.trust-bar-upload4 .trust-item span:not(.feature-icon){
    grid-column:2!important;
    align-self:start!important;
    width:auto!important;
    max-width:138px!important;
    margin:0!important;
    color:rgba(255,255,255,.9)!important;
    font-size:12px!important;
    font-weight:700!important;
    line-height:1.18!important;
    text-align:left!important;
}

@media (max-width:1320px){
    .site-header .container,
    .hero .container,
    .trust-bar-upload4 .container{
        width:min(100% - 32px,1240px)!important;
    }
    .hero{
        background:
            linear-gradient(90deg,#f8fcff 0%,#f8fcff 33%,rgba(248,252,255,.86) 46%,rgba(248,252,255,.2) 62%,rgba(248,252,255,0) 100%),
            url("../img/hero2.png") right top/82% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%)!important;
    }
    .hero-grid{
        grid-template-columns:minmax(520px,.82fr) minmax(560px,1.18fr)!important;
    }
    .hero h1{
        font-size:58px!important;
    }
    .hero-benefits{
        width:228px!important;
    }
    .trust-bar-upload4 .trust-item{
        padding:12px 10px!important;
        column-gap:10px!important;
    }
}

@media (max-width:1120px){
    .header-grid{
        grid-template-columns:1fr!important;
        gap:10px!important;
    }
    .main-nav{
        display:flex!important;
        justify-self:center!important;
    }
    .hero{
        background:
            linear-gradient(180deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.92) 48%,rgba(248,252,255,.28) 100%),
            url("../img/hero2.png") right 90px/112% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%)!important;
    }
    .hero-grid{
        grid-template-columns:1fr!important;
        padding-top:142px!important;
    }
    .hero-actions{
        flex-wrap:wrap!important;
    }
    .trust-bar-upload4 .trust-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

@media (max-width:760px){
    .site-header{
        background:rgba(255,255,255,.9)!important;
        -webkit-backdrop-filter:blur(14px)!important;
        backdrop-filter:blur(14px)!important;
    }
    .main-nav{
        overflow-x:auto!important;
        justify-content:flex-start!important;
        max-width:100%!important;
    }
    .hero{
        background:
            linear-gradient(180deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.94) 44%,rgba(248,252,255,.34) 100%),
            url("../img/hero2.png") center 390px/168% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%)!important;
    }
    .hero-grid{
        min-height:0!important;
        padding:28px 0 48px!important;
    }
    .hero h1{
        font-size:clamp(40px,12vw,52px)!important;
    }
    .hero-actions{
        max-width:none!important;
        flex-direction:column!important;
    }
    .hero-action-primary,
    .hero-action-secondary{
        width:100%!important;
        flex-basis:auto!important;
    }
    .hero-countdown{
        width:100%!important;
        grid-template-columns:40px 1fr!important;
    }
    .hero-countdown-timer{
        grid-column:1/-1!important;
    }
    .hero-countdown-note{
        display:none!important;
    }
    .trust-bar-upload4{
        margin-top:0!important;
    }
    .trust-bar-upload4 .trust-grid{
        grid-template-columns:1fr 1fr!important;
        border-radius:0!important;
    }
    .trust-bar-upload4 .trust-item{
        border-right:1px solid rgba(255,255,255,.16)!important;
        border-bottom:1px solid rgba(255,255,255,.12)!important;
    }
    .trust-bar-upload4 .trust-item:nth-child(2n){
        border-right:0!important;
    }
}

/* Variant 2: wide hero background, site-width content */
.site-header .container,
.hero .container,
.trust-bar-upload4 .container{
    width:min(1180px,calc(100% - 32px))!important;
}
.site-header{
    background:transparent!important;
    border:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
}
.header-grid{
    min-height:76px!important;
    grid-template-columns:auto minmax(0,1fr) auto!important;
    gap:20px!important;
}
.brand{
    min-width:210px!important;
}
.main-nav{
    justify-self:center!important;
    gap:22px!important;
}
.phone-link{
    font-size:20px!important;
}

.hero{
    min-height:660px!important;
    background:
        linear-gradient(90deg,#f8fcff 0%,#f8fcff 27%,rgba(248,252,255,.94) 39%,rgba(248,252,255,.42) 53%,rgba(248,252,255,0) 68%),
        url("../img/hero2.png") right top/74% auto no-repeat,
        linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%)!important;
}
.hero:before,
.hero:after{
    display:none!important;
}
.hero-grid{
    width:100%!important;
    min-height:660px!important;
    grid-template-columns:minmax(500px,520px) minmax(0,1fr)!important;
    gap:38px!important;
    padding:112px 0 78px!important;
}
.hero-copy{
    max-width:520px!important;
}
.hero h1{
    max-width:520px!important;
    font-size:60px!important;
    line-height:.88!important;
}
.hero .lead{
    max-width:500px!important;
    font-size:20px!important;
}
.hero-actions{
    max-width:520px!important;
    flex-wrap:nowrap!important;
}
.hero-action-primary{
    width:250px!important;
    flex:0 0 250px!important;
}
.hero-action-secondary{
    width:238px!important;
    flex:0 0 238px!important;
}
.hero-countdown{
    width:520px!important;
    grid-template-columns:40px 155px auto 112px!important;
    gap:10px!important;
}
.hero-countdown-copy strong{
    max-width:150px!important;
    font-size:14px!important;
}
.hero-countdown-timer div{
    min-width:50px!important;
}
.hero-countdown-note{
    max-width:112px!important;
    font-size:12px!important;
}

.hero-stage-upload4{
    min-height:430px!important;
}
.hero-benefits{
    right:0!important;
    width:242px!important;
}
.hero-benefit{
    min-height:58px!important;
}

.trust-bar-upload4{
    margin-top:-56px!important;
}
.trust-bar-upload4 .trust-grid{
    width:100%!important;
    min-height:88px!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    padding:0 10px!important;
    border-radius:8px!important;
}
.trust-bar-upload4 .trust-item{
    min-height:88px!important;
    padding:12px 11px!important;
    grid-template-columns:42px minmax(0,1fr)!important;
    column-gap:10px!important;
}
.trust-bar-upload4 .feature-icon{
    width:42px!important;
    height:42px!important;
}
.trust-bar-upload4 .feature-svg{
    width:25px!important;
    height:25px!important;
}
.trust-bar-upload4 .trust-item strong{
    font-size:13px!important;
}
.trust-bar-upload4 .trust-item span:not(.feature-icon){
    max-width:118px!important;
    font-size:11px!important;
}

@media (max-width:1320px){
    .site-header .container,
    .hero .container,
    .trust-bar-upload4 .container{
        width:min(1180px,calc(100% - 32px))!important;
    }
    .hero{
        background:
            linear-gradient(90deg,#f8fcff 0%,#f8fcff 29%,rgba(248,252,255,.93) 42%,rgba(248,252,255,.34) 58%,rgba(248,252,255,0) 100%),
            url("../img/hero2.png") right top/78% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%)!important;
    }
}

@media (max-width:1120px){
    .hero-grid{
        grid-template-columns:1fr!important;
    }
    .hero-actions{
        flex-wrap:wrap!important;
    }
    .hero-countdown{
        width:min(100%,560px)!important;
    }
    .trust-bar-upload4 .trust-grid{
        grid-template-columns:repeat(3,minmax(0,1fr))!important;
    }
}

@media (max-width:760px){
    .hero{
        min-height:auto!important;
        background:
            linear-gradient(180deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.94) 44%,rgba(248,252,255,.34) 100%),
            url("../img/hero2.png") center 390px/168% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%)!important;
    }
    .hero-grid{
        min-height:0!important;
        padding:28px 0 48px!important;
    }
    .hero h1{
        font-size:clamp(40px,12vw,52px)!important;
    }
    .hero-actions{
        max-width:none!important;
        flex-direction:column!important;
    }
    .hero-action-primary,
    .hero-action-secondary{
        width:100%!important;
        flex-basis:auto!important;
    }
    .hero-countdown{
        width:100%!important;
        grid-template-columns:40px 1fr!important;
    }
    .hero-countdown-timer{
        grid-column:1/-1!important;
    }
    .hero-countdown-note{
        display:none!important;
    }
    .trust-bar-upload4{
        margin-top:0!important;
    }
    .trust-bar-upload4 .trust-grid{
        grid-template-columns:1fr 1fr!important;
        border-radius:0!important;
    }
}

/* Mobile repair */
@media (max-width:760px){
    body{
        font-size:16px;
    }
    .site-header .container,
    .hero .container,
    .trust-bar-upload4 .container{
        width:min(100% - 24px,1180px)!important;
    }
    .site-header{
        position:sticky!important;
        background:rgba(255,255,255,.94)!important;
        border-bottom:1px solid rgba(216,232,244,.8)!important;
        -webkit-backdrop-filter:blur(14px)!important;
        backdrop-filter:blur(14px)!important;
    }
    .header-grid{
        min-height:0!important;
        grid-template-columns:1fr!important;
        gap:8px!important;
        padding:9px 0!important;
    }
    .brand{
        justify-self:center!important;
        min-width:0!important;
    }
    .brand img{
        width:42px!important;
        height:42px!important;
    }
    .brand > span{
        font-size:22px!important;
    }
    .main-nav{
        width:100%!important;
        justify-self:stretch!important;
        justify-content:flex-start!important;
        gap:16px!important;
        overflow-x:auto!important;
        padding:6px 0 2px!important;
        scrollbar-width:none;
    }
    .main-nav::-webkit-scrollbar{display:none;}
    .main-nav a{
        flex:0 0 auto!important;
        font-size:13px!important;
    }
    .header-actions{
        justify-content:center!important;
        flex-wrap:wrap!important;
    }
    .phone-link{
        width:100%!important;
        text-align:center!important;
        font-size:18px!important;
    }
    .header-actions .button-small{
        display:none!important;
    }

    .hero{
        min-height:0!important;
        background:
            linear-gradient(180deg,rgba(248,252,255,.99) 0%,rgba(248,252,255,.98) 48%,rgba(248,252,255,.78) 68%,rgba(248,252,255,.22) 100%),
            url("../img/hero2.png") center 430px/160% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%)!important;
    }
    .hero-grid{
        display:block!important;
        min-height:0!important;
        padding:24px 0 34px!important;
    }
    .hero-copy{
        max-width:none!important;
    }
    .hero .eyebrow{
        max-width:100%!important;
        margin-bottom:14px!important;
        padding:7px 10px!important;
        font-size:12px!important;
        line-height:1.15!important;
        white-space:normal!important;
        text-align:center!important;
    }
    .hero h1{
        max-width:100%!important;
        font-size:clamp(39px,13vw,54px)!important;
        line-height:.9!important;
        text-align:left!important;
    }
    .hero .lead{
        max-width:100%!important;
        margin-top:18px!important;
        font-size:18px!important;
        line-height:1.28!important;
    }
    .hero-actions{
        max-width:none!important;
        margin-top:20px!important;
        flex-direction:column!important;
        gap:10px!important;
    }
    .hero-actions .button{
        width:100%!important;
        min-height:56px!important;
        grid-template-columns:34px 1fr!important;
    }
    .hero-actions .button strong{
        font-size:15px!important;
    }

    .hero-countdown{
        display:grid!important;
        width:100%!important;
        min-height:0!important;
        margin-top:16px!important;
        padding:12px!important;
        grid-template-columns:40px 1fr!important;
        gap:10px 12px!important;
        border-radius:8px!important;
    }
    .countdown-icon{
        width:40px!important;
        height:40px!important;
        grid-row:1!important;
        align-self:center!important;
    }
    .hero-countdown-copy{
        grid-column:2!important;
        min-width:0!important;
    }
    .hero-countdown-badge{
        margin-bottom:4px!important;
        font-size:11px!important;
    }
    .hero-countdown-copy strong{
        max-width:none!important;
        font-size:15px!important;
        line-height:1.1!important;
    }
    .hero-countdown-timer{
        grid-column:1 / -1!important;
        display:grid!important;
        width:100%!important;
        grid-template-columns:1fr auto 1fr auto 1fr!important;
        gap:6px!important;
    }
    .hero-countdown-timer div{
        min-width:0!important;
        width:100%!important;
        padding:9px 4px 7px!important;
    }
    .hero-countdown-timer b{
        font-size:26px!important;
    }
    .hero-countdown-timer span{
        font-size:10px!important;
    }
    .hero-countdown-note{
        display:none!important;
    }

    .hero-stage-upload4{
        min-height:260px!important;
        margin-top:10px!important;
    }
    .hero-benefits{
        display:none!important;
    }

    .trust-bar-upload4{
        margin-top:0!important;
        padding:0!important;
    }
    .trust-bar-upload4 .container{
        width:100%!important;
    }
    .trust-bar-upload4 .trust-grid{
        grid-template-columns:1fr 1fr!important;
        min-height:0!important;
        border-radius:0!important;
        padding:8px!important;
        gap:8px!important;
        background:linear-gradient(135deg,#052546,#073766)!important;
    }
    .trust-bar-upload4 .trust-item{
        min-height:82px!important;
        padding:10px!important;
        grid-template-columns:36px minmax(0,1fr)!important;
        column-gap:10px!important;
        border:1px solid rgba(255,255,255,.12)!important;
        border-radius:8px!important;
        background:rgba(255,255,255,.04)!important;
    }
    .trust-bar-upload4 .feature-icon{
        width:36px!important;
        height:36px!important;
    }
    .trust-bar-upload4 .feature-svg{
        width:22px!important;
        height:22px!important;
    }
    .trust-bar-upload4 .trust-item strong{
        font-size:13px!important;
    }
    .trust-bar-upload4 .trust-item span:not(.feature-icon){
        max-width:none!important;
        font-size:11px!important;
    }
}

@media (max-width:420px){
    .hero h1{
        font-size:clamp(36px,12.5vw,46px)!important;
    }
    .hero{
        background:
            linear-gradient(180deg,rgba(248,252,255,.99) 0%,rgba(248,252,255,.98) 50%,rgba(248,252,255,.78) 70%,rgba(248,252,255,.2) 100%),
            url("../img/hero2.png") center 455px/178% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%)!important;
    }
    .hero-stage-upload4{
        min-height:230px!important;
    }
}

@media(max-width:420px){
    .contacts-map,
    .contacts-map iframe{
        min-height:380px;
    }
}

/* Upload 4 responsive overrides */
@media (max-width:1120px){
    .site-header .container,
    .hero .container,
    .trust-bar-upload4 .container{
        width:min(100% - 32px,1180px);
    }
    .hero{
        background:
            linear-gradient(90deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.9) 42%,rgba(248,252,255,.42) 100%),
            url("../img/hero2.png") right 46%/86% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%);
    }
    .hero-grid{
        grid-template-columns:1fr;
        gap:30px;
        padding:46px 0 72px;
    }
    .hero h1{font-size:62px;}
    .hero .lead{max-width:720px;}
    .hero-stage-upload4{
        min-height:420px;
        width:100%;
    }
    .hero-benefits{
        right:18px;
        width:min(260px,42%);
    }
    .trust-bar-upload4{margin-top:-38px;}
}

@media (max-width:760px){
    .hero{
        background:
            linear-gradient(180deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.96) 58%,rgba(232,245,255,.72) 100%),
            #f8fcff;
    }
    .hero-grid{padding:28px 0 54px;}
    .hero .eyebrow{
        width:100%;
        justify-content:center;
        padding:7px 10px;
        font-size:11px;
        text-align:center;
    }
    .hero h1{
        max-width:100%;
        font-size:clamp(39px,10.8vw,48px);
    }
    .hero .lead{
        margin-top:16px;
        font-size:18px;
    }
    .hero-countdown{
        margin-top:18px;
        display:flex;
        border-radius:10px;
    }
    .hero-countdown-note{display:none;}
    .hero-stage-upload4{
        min-height:560px;
        display:block;
    }
    .hero-photo-card{
        inset:0 0 132px 0;
        border-radius:14px;
        opacity:1;
        box-shadow:0 18px 44px rgba(10,37,64,.13);
    }
    .hero-photo-card img{
        content:url("../img/hero2.png");
        object-position:center;
    }
    .hero-benefits{
        left:0;
        right:0;
        top:auto;
        bottom:0;
        width:100%;
        grid-template-columns:1fr 1fr;
        gap:8px;
        transform:none;
    }
    .hero-benefit{
        min-height:68px;
        grid-template-columns:34px 1fr;
        padding:10px;
    }
    .hero-benefit:nth-child(5){grid-column:1/-1;}
    .hero-benefit .feature-icon{
        width:32px;
        height:32px;
        border-radius:12px;
    }
    .hero-benefit .feature-svg{width:20px;height:20px;}
    .hero-benefit strong{font-size:14px;}
    .hero-benefit em{font-size:12px;}
    .trust-bar-upload4{
        margin-top:0;
        background:#f2f9ff;
    }
    .trust-bar-upload4 .container{width:100%;}
    .trust-bar-upload4 .trust-grid{
        grid-template-columns:1fr 1fr;
        border-radius:0;
        padding:10px 12px;
        background:#fff;
    }
    .trust-bar-upload4 .trust-item{
        min-height:70px;
        padding:12px 12px 12px 58px;
        border-right:1px solid rgba(194,224,244,.78);
        border-bottom:1px solid rgba(194,224,244,.78);
    }
    .trust-bar-upload4 .trust-item:nth-child(2n){border-right:0;}
    .trust-bar-upload4 .trust-item:nth-last-child(-n+2){border-bottom:0;}
    .trust-bar-upload4 .trust-item strong{font-size:17px;}
    .trust-bar-upload4 .trust-item span{font-size:13px;}
    .product-card img[src*="category-"]{height:190px;}
}

@media (max-width:420px){
    .hero-stage-upload4{min-height:540px;}
    .hero-photo-card{inset:0 0 154px 0;}
    .hero-benefits{grid-template-columns:1fr;}
    .hero-benefit:nth-child(n){grid-column:auto;}
    .hero-benefit:nth-child(5){display:none;}
}

/* Hero2 final pass */
.site-header{
    position:fixed;
    left:0;
    right:0;
    background:linear-gradient(180deg,rgba(255,255,255,.68),rgba(255,255,255,.48));
    border-bottom:1px solid rgba(255,255,255,.52);
    backdrop-filter:blur(22px) saturate(1.2);
    box-shadow:0 12px 34px rgba(10,37,64,.05);
}

/* Hero2 polish pass */
.site-header{
    background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(255,255,255,.28));
    border-bottom:1px solid rgba(255,255,255,.34);
    -webkit-backdrop-filter:blur(24px) saturate(1.18);
    backdrop-filter:blur(24px) saturate(1.18);
}
.site-header .main-nav,
.site-header .main-nav a{
    background:transparent;
    box-shadow:none;
}
.hero-actions{
    align-items:stretch;
    gap:14px;
}
.hero-actions .button{
    min-height:64px;
    gap:14px;
    padding:0 22px;
    border-radius:8px;
}
.hero-action-primary{
    width:258px;
    background:linear-gradient(135deg,#1b98f5 0%,#0878d9 100%);
    box-shadow:0 18px 34px rgba(11,127,211,.3), inset 0 1px 0 rgba(255,255,255,.22);
}
.hero-action-primary .button-icon{
    color:#fff;
    filter:drop-shadow(0 2px 5px rgba(0,80,150,.22));
}
.hero-action-secondary{
    width:246px;
    background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.8));
    border:1px solid rgba(7,31,53,.3);
    box-shadow:0 15px 30px rgba(10,37,64,.1), inset 0 1px 0 rgba(255,255,255,.9);
}
.hero-action-secondary .button-icon{
    color:#0b7fd3;
}
.hero-action-secondary strong{
    white-space:nowrap;
    font-size:15px;
}
.hero-actions .button em{
    font-size:12px;
}
.hero-countdown{
    width:min(100%,560px);
    grid-template-columns:44px minmax(190px,1fr) auto 124px;
    background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(245,251,255,.74));
    border-color:rgba(119,196,243,.38);
    box-shadow:0 18px 38px rgba(11,127,211,.11);
}
.hero-countdown-timer div{
    background:linear-gradient(180deg,#fff,#f5fbff);
    box-shadow:0 10px 24px rgba(11,127,211,.11);
}
.hero-countdown-copy strong{
    max-width:230px;
}
.hero-benefits{
    width:260px;
    right:0;
}
.hero-benefit{
    min-height:66px;
    grid-template-columns:42px 1fr;
    padding:10px 13px;
    background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(241,248,255,.88));
    box-shadow:0 18px 34px rgba(10,37,64,.14), inset 0 1px 0 rgba(255,255,255,.86);
}
.hero-benefit .feature-icon{
    width:36px;
    height:36px;
    background:linear-gradient(135deg,#edf8ff,#d7edff);
}
.hero-benefit:nth-child(1) .feature-icon{color:#ffae16;background:linear-gradient(135deg,#fff8e7,#ffe9ad);}
.hero-benefit:nth-child(2) .feature-icon{color:#0b7fd3;background:linear-gradient(135deg,#eaf6ff,#d7edff);}
.hero-benefit:nth-child(3) .feature-icon{color:#209be9;background:linear-gradient(135deg,#e9f7ff,#d9f0ff);}
.hero-benefit:nth-child(4) .feature-icon{color:#087fbd;background:linear-gradient(135deg,#e8f8ff,#d8f0ff);}
.hero-benefit:nth-child(5) .feature-icon{color:#24956b;background:linear-gradient(135deg,#eafaf3,#d6f2e4);}
.hero-benefit strong{
    font-size:15px;
    line-height:1.08;
}
.hero-benefit em{
    margin-top:3px;
    color:#486479;
    font-size:12px;
    line-height:1.12;
}
.trust-bar-upload4{
    margin-top:-48px;
}
.trust-bar-upload4 .trust-grid{
    min-height:84px;
    background:linear-gradient(135deg,rgba(246,252,255,.94),rgba(229,246,255,.9));
    border-color:rgba(119,196,243,.44);
    box-shadow:0 22px 54px rgba(11,127,211,.14);
}
.trust-bar-upload4 .trust-item{
    min-height:64px;
    padding-left:62px;
}
.trust-bar-upload4 .feature-icon{
    left:14px;
    width:40px;
    height:40px;
    border-radius:14px;
}
.trust-bar-upload4 .trust-item:nth-child(1) .feature-icon{color:#ffae16;background:linear-gradient(135deg,#fff8e7,#ffe9ad);}
.trust-bar-upload4 .trust-item:nth-child(2) .feature-icon{color:#0b7fd3;background:linear-gradient(135deg,#eaf6ff,#d7edff);}
.trust-bar-upload4 .trust-item:nth-child(3) .feature-icon{color:#087fbd;background:linear-gradient(135deg,#e8f8ff,#d8f0ff);}
.trust-bar-upload4 .trust-item:nth-child(4) .feature-icon{color:#24956b;background:linear-gradient(135deg,#eafaf3,#d6f2e4);}
.trust-bar-upload4 .trust-item:nth-child(5) .feature-icon{color:#209be9;background:linear-gradient(135deg,#e9f7ff,#d9f0ff);}
.trust-bar-upload4 .trust-item:nth-child(6) .feature-icon{color:#5b6cf7;background:linear-gradient(135deg,#f0f2ff,#dde3ff);}
.trust-bar-upload4 .feature-svg{
    width:24px;
    height:24px;
}
.trust-bar-upload4 .trust-item strong{
    font-size:16px;
    letter-spacing:.01em;
}
.trust-bar-upload4 .trust-item span{
    color:#3f5e75;
    font-size:12.5px;
}

@media (max-width:1120px){
    .hero-action-primary,
    .hero-action-secondary{width:260px;}
}

@media (max-width:760px){
    .site-header{
        background:rgba(255,255,255,.86);
    }
    .hero-action-primary,
    .hero-action-secondary{width:100%;}
    .hero-action-secondary strong{white-space:normal;}
    .hero-countdown{
        grid-template-columns:38px 1fr;
        width:100%;
    }
    .hero-benefits{right:0;}
}
.header-grid{min-height:72px;}
.hero{
    min-height:690px;
    background:
        linear-gradient(90deg,rgba(248,252,255,.99) 0%,rgba(248,252,255,.96) 31%,rgba(248,252,255,.62) 43%,rgba(248,252,255,.12) 58%,rgba(248,252,255,0) 100%),
        url("../img/hero2.png") right top/82% auto no-repeat,
        linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%);
}
.hero-grid{
    min-height:690px;
    grid-template-columns:minmax(500px,.74fr) minmax(650px,1.26fr);
    gap:8px;
    padding:136px 0 72px;
}
.hero .eyebrow{
    margin-bottom:18px;
    padding:7px 14px;
    font-size:14px;
}
.hero h1{
    max-width:660px;
    font-size:66px;
    line-height:.94;
}
.hero .lead{
    max-width:570px;
    margin-top:18px;
    font-size:22px;
    line-height:1.27;
}
.hero-actions{
    gap:12px;
    margin-top:24px;
}
.hero-actions .button{
    min-height:58px;
    justify-content:flex-start;
    gap:12px;
    padding:0 20px;
    border-radius:8px;
    text-align:left;
}
.hero-actions .button span:last-child{
    display:flex;
    flex-direction:column;
    gap:4px;
}
.hero-actions .button strong{
    display:block;
    font-size:16px;
    line-height:1;
}
.hero-actions .button em{
    display:block;
    font-size:13px;
    font-style:normal;
    font-weight:400;
    line-height:1;
    opacity:.86;
}
.button-icon{
    display:grid;
    place-items:center;
    width:28px;
    height:28px;
    flex:0 0 auto;
}
.button-icon svg{
    width:24px;
    height:24px;
    fill:none;
    stroke:currentColor;
    stroke-width:2;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.hero-action-primary{
    width:238px;
    background:linear-gradient(135deg,#158cf0,#0875d1);
    color:#fff;
    box-shadow:0 18px 34px rgba(11,127,211,.28);
}
.hero-action-secondary{
    width:238px;
    background:rgba(255,255,255,.78);
    color:#09233d;
    border:1px solid rgba(7,31,53,.28);
    box-shadow:0 12px 28px rgba(10,37,64,.09);
    backdrop-filter:blur(10px);
}
.hero-action-secondary:hover{background:#fff;color:#09233d;}
.hero-countdown{
    grid-template-columns:46px minmax(185px,1fr) auto 142px;
    gap:13px;
    width:min(100%,590px);
    min-height:78px;
    margin-top:20px;
    padding:12px 16px;
    border-radius:8px;
    background:rgba(255,255,255,.78);
    backdrop-filter:blur(14px);
}
.countdown-icon{
    align-self:center;
    width:42px;
    height:42px;
}
.hero-countdown-copy{gap:3px;}
.hero-countdown-badge{
    padding:0;
    background:transparent;
    color:#09233d;
    font-size:13px;
    line-height:1;
}
.hero-countdown-copy strong{
    max-width:205px;
    font-size:15px;
    line-height:1.12;
}
.hero-countdown-copy span:last-child{display:none;}
.hero-countdown-timer{gap:7px;}
.hero-countdown-timer div{
    min-width:56px;
    padding:8px 7px 7px;
    border-radius:8px;
}
.hero-countdown-timer b{font-size:29px;}
.hero-countdown-timer span{font-size:11px;}
.hero-countdown-note{
    align-self:center;
    max-width:142px;
    padding-left:14px;
    font-size:14px;
    line-height:1.2;
}
.hero-stage-upload4{min-height:470px;}
.hero-photo-card{display:none;}
.hero-benefits{
    right:-8px;
    top:47%;
    width:246px;
    gap:9px;
}
.hero-benefit{
    min-height:62px;
    grid-template-columns:40px 1fr;
    padding:9px 12px;
    border-radius:8px;
    background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(237,247,255,.82));
    border-color:rgba(255,255,255,.9);
    box-shadow:0 16px 32px rgba(10,37,64,.12);
}
.hero-benefit .feature-icon{
    width:34px;
    height:34px;
    border-radius:12px;
    background:linear-gradient(135deg,#e8f5ff,#d9efff);
    color:#0785dd;
}
.hero-benefit .feature-svg{
    width:21px;
    height:21px;
    stroke-width:2;
}
.hero-benefit strong{font-size:14px;line-height:1.05;}
.hero-benefit em{font-size:11px;line-height:1.1;}
.trust-bar-upload4{
    margin-top:-50px;
    padding-bottom:18px;
}
.trust-bar-upload4 .trust-grid{
    min-height:80px;
    padding:10px 12px;
    border-color:rgba(119,196,243,.38);
    background:linear-gradient(135deg,rgba(232,246,255,.92),rgba(255,255,255,.82));
    box-shadow:0 20px 52px rgba(11,127,211,.13);
}
.trust-bar-upload4 .trust-item{
    min-height:60px;
    padding:9px 13px 9px 56px;
}
.trust-bar-upload4 .feature-icon{
    left:12px;
    width:36px;
    height:36px;
    border-radius:12px;
    background:linear-gradient(135deg,#e8f5ff,#d9efff);
    color:#0785dd;
}
.trust-bar-upload4 .feature-svg{width:22px;height:22px;stroke-width:2;}
.trust-bar-upload4 .trust-item strong{font-size:15px;line-height:1;}
.trust-bar-upload4 .trust-item span{font-size:12px;line-height:1.18;}

@media (max-width:1120px){
    .hero{
        background:
            linear-gradient(180deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.9) 52%,rgba(248,252,255,.32) 100%),
            url("../img/hero2.png") right 70px/108% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%);
    }
    .hero-grid{
        padding-top:140px;
        grid-template-columns:1fr;
    }
    .hero-stage-upload4{min-height:360px;}
}

@media (max-width:760px){
    .site-header{position:sticky;}
    .hero{
        min-height:auto;
        background:
            linear-gradient(180deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.96) 48%,rgba(248,252,255,.32) 100%),
            url("../img/hero2.png") center 360px/170% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#edf8ff 100%);
    }
    .hero-grid{
        min-height:0;
        padding:28px 0 48px;
    }
    .hero h1{font-size:clamp(38px,10.6vw,46px);}
    .hero .lead{font-size:18px;}
    .hero-actions .button{
        width:100%;
        min-height:56px;
    }
    .hero-countdown{
        grid-template-columns:38px 1fr;
        width:100%;
        min-height:0;
        gap:10px 12px;
    }
    .hero-countdown-timer{
        grid-column:1/-1;
        width:100%;
    }
    .hero-countdown-note{display:none;}
    .hero-stage-upload4{min-height:560px;}
    .hero-benefits{
        left:0;
        right:0;
        bottom:0;
        top:auto;
        width:100%;
        grid-template-columns:1fr 1fr;
        transform:none;
    }
}

/* Last layer: visual polish after all responsive rules */
.site-header{
    background:linear-gradient(180deg,rgba(255,255,255,.54),rgba(255,255,255,.28));
    border-bottom:1px solid rgba(255,255,255,.34);
    -webkit-backdrop-filter:blur(24px) saturate(1.18);
    backdrop-filter:blur(24px) saturate(1.18);
}
.site-header .main-nav,
.site-header .main-nav a{
    background:transparent;
    box-shadow:none;
}
.hero-actions{
    align-items:stretch;
    gap:14px;
}
.hero-actions .button{
    min-height:64px;
    gap:14px;
    padding:0 22px;
    border-radius:8px;
}
.hero-action-primary{
    width:258px;
    background:linear-gradient(135deg,#1b98f5 0%,#0878d9 100%);
    color:#fff;
    box-shadow:0 18px 34px rgba(11,127,211,.3), inset 0 1px 0 rgba(255,255,255,.22);
}
.hero-action-primary .button-icon{
    color:#fff;
    filter:drop-shadow(0 2px 5px rgba(0,80,150,.22));
}
.hero-action-secondary{
    width:246px;
    background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.8));
    color:#09233d;
    border:1px solid rgba(7,31,53,.3);
    box-shadow:0 15px 30px rgba(10,37,64,.1), inset 0 1px 0 rgba(255,255,255,.9);
}
.hero-action-secondary .button-icon{
    color:#0b7fd3;
}
.hero-action-secondary strong{
    white-space:nowrap;
    font-size:15px;
}
.hero-actions .button em{
    font-size:12px;
}
.hero-countdown{
    width:min(100%,560px);
    grid-template-columns:44px minmax(190px,1fr) auto 124px;
    background:linear-gradient(180deg,rgba(255,255,255,.9),rgba(245,251,255,.74));
    border-color:rgba(119,196,243,.38);
    box-shadow:0 18px 38px rgba(11,127,211,.11);
}
.hero-countdown-timer div{
    background:linear-gradient(180deg,#fff,#f5fbff);
    box-shadow:0 10px 24px rgba(11,127,211,.11);
}
.hero-countdown-copy strong{
    max-width:230px;
}
.hero-benefits{
    width:260px;
    right:0;
}
.hero-benefit{
    min-height:66px;
    grid-template-columns:42px 1fr;
    padding:10px 13px;
    background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(241,248,255,.88));
    box-shadow:0 18px 34px rgba(10,37,64,.14), inset 0 1px 0 rgba(255,255,255,.86);
}
.hero-benefit .feature-icon{
    width:36px;
    height:36px;
    background:linear-gradient(135deg,#edf8ff,#d7edff);
}
.hero-benefit:nth-child(1) .feature-icon{color:#ffae16;background:linear-gradient(135deg,#fff8e7,#ffe9ad);}
.hero-benefit:nth-child(2) .feature-icon{color:#0b7fd3;background:linear-gradient(135deg,#eaf6ff,#d7edff);}
.hero-benefit:nth-child(3) .feature-icon{color:#209be9;background:linear-gradient(135deg,#e9f7ff,#d9f0ff);}
.hero-benefit:nth-child(4) .feature-icon{color:#087fbd;background:linear-gradient(135deg,#e8f8ff,#d8f0ff);}
.hero-benefit:nth-child(5) .feature-icon{color:#24956b;background:linear-gradient(135deg,#eafaf3,#d6f2e4);}
.hero-benefit strong{
    font-size:15px;
    line-height:1.08;
}
.hero-benefit em{
    margin-top:3px;
    color:#486479;
    font-size:12px;
    line-height:1.12;
}
.trust-bar-upload4{
    margin-top:-48px;
}
.trust-bar-upload4 .trust-grid{
    min-height:84px;
    background:linear-gradient(135deg,rgba(246,252,255,.94),rgba(229,246,255,.9));
    border-color:rgba(119,196,243,.44);
    box-shadow:0 22px 54px rgba(11,127,211,.14);
}
.trust-bar-upload4 .trust-item{
    min-height:64px;
    padding-left:62px;
}
.trust-bar-upload4 .feature-icon{
    left:14px;
    width:40px;
    height:40px;
    border-radius:14px;
}
.trust-bar-upload4 .trust-item:nth-child(1) .feature-icon{color:#ffae16;background:linear-gradient(135deg,#fff8e7,#ffe9ad);}
.trust-bar-upload4 .trust-item:nth-child(2) .feature-icon{color:#0b7fd3;background:linear-gradient(135deg,#eaf6ff,#d7edff);}
.trust-bar-upload4 .trust-item:nth-child(3) .feature-icon{color:#087fbd;background:linear-gradient(135deg,#e8f8ff,#d8f0ff);}
.trust-bar-upload4 .trust-item:nth-child(4) .feature-icon{color:#24956b;background:linear-gradient(135deg,#eafaf3,#d6f2e4);}
.trust-bar-upload4 .trust-item:nth-child(5) .feature-icon{color:#209be9;background:linear-gradient(135deg,#e9f7ff,#d9f0ff);}
.trust-bar-upload4 .trust-item:nth-child(6) .feature-icon{color:#5b6cf7;background:linear-gradient(135deg,#f0f2ff,#dde3ff);}
.trust-bar-upload4 .feature-svg{
    width:24px;
    height:24px;
}
.trust-bar-upload4 .trust-item strong{
    font-size:16px;
    letter-spacing:.01em;
}
.trust-bar-upload4 .trust-item span{
    color:#3f5e75;
    font-size:12.5px;
}

@media (max-width:1120px){
    .hero-action-primary,
    .hero-action-secondary{width:260px;}
}

@media (max-width:760px){
    .site-header{
        background:rgba(255,255,255,.86);
    }
    .hero-action-primary,
    .hero-action-secondary{width:100%;}
    .hero-action-secondary strong{white-space:normal;}
    .hero-countdown{
        grid-template-columns:38px 1fr;
        width:100%;
    }
    .hero-benefits{right:0;}
}

/* Definitive mobile layer */
@media (max-width:760px){
    html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important;}
    .container,.site-header .container,.hero .container{width:calc(100% - 28px)!important;max-width:none!important;}
    .site-header{position:sticky!important;top:0!important;background:rgba(248,252,255,.96)!important;border-bottom:1px solid rgba(191,220,241,.62)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 8px 22px rgba(10,37,64,.08)!important;}
    .header-grid{display:grid!important;grid-template-columns:1fr!important;min-height:0!important;gap:8px!important;padding:8px 0 10px!important;}
    .brand{justify-self:center!important;}
    .brand img{width:42px!important;height:42px!important;}
    .brand>span{font-size:22px!important;line-height:.9!important;}
    .brand>span span{font-size:10px!important;}
    .main-nav{width:100%!important;justify-content:flex-start!important;gap:14px!important;overflow-x:auto!important;padding:3px 0 2px!important;scrollbar-width:none!important;}
    .main-nav::-webkit-scrollbar{display:none!important;}
    .main-nav a{flex:0 0 auto!important;font-size:13px!important;line-height:1!important;white-space:nowrap!important;}
    .header-actions{justify-content:center!important;gap:8px!important;}
    .phone-link{width:100%!important;text-align:center!important;font-size:17px!important;line-height:1!important;}
    .social-link{width:36px!important;height:36px!important;}
    .header-actions .button-small{display:none!important;}
    .hero{min-height:0!important;padding:0!important;background:linear-gradient(180deg,rgba(248,252,255,.99) 0%,rgba(248,252,255,.98) 46%,rgba(248,252,255,.78) 64%,rgba(248,252,255,.14) 100%),url("../img/hero2.png") center bottom/188% auto no-repeat,linear-gradient(180deg,#f8fcff 0%,#e8f7ff 100%)!important;}
    .hero-grid{display:block!important;min-height:0!important;padding:22px 0 245px!important;}
    .hero .eyebrow{display:block!important;width:100%!important;max-width:100%!important;margin:0 0 14px!important;padding:8px 10px!important;box-sizing:border-box!important;font-size:11px!important;line-height:1.18!important;text-align:center!important;white-space:normal!important;overflow:hidden!important;}
    .hero h1{max-width:100%!important;font-size:clamp(34px,10.6vw,42px)!important;line-height:.98!important;letter-spacing:0!important;word-break:normal!important;overflow-wrap:normal!important;}
    .hero .lead{max-width:100%!important;margin-top:18px!important;font-size:17px!important;line-height:1.28!important;}
    .hero-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important;max-width:none!important;margin-top:20px!important;gap:10px!important;}
    .hero-actions .button,.hero-action-primary,.hero-action-secondary{width:100%!important;min-height:58px!important;padding:0 18px!important;grid-template-columns:36px 1fr!important;gap:12px!important;border-radius:8px!important;box-sizing:border-box!important;}
    .hero-actions .button-icon{width:30px!important;height:30px!important;}
    .hero-actions .button strong{font-size:16px!important;line-height:1.05!important;}
    .hero-actions .button em{display:block!important;margin-top:3px!important;font-size:12px!important;line-height:1.05!important;}
    .hero-action-secondary strong{white-space:normal!important;}
    .hero-countdown{display:grid!important;grid-template-columns:44px minmax(0,1fr)!important;width:100%!important;max-width:100%!important;min-height:0!important;margin-top:14px!important;padding:12px!important;gap:9px 12px!important;box-sizing:border-box!important;border:1px solid rgba(255,75,86,.45)!important;border-radius:8px!important;background:linear-gradient(135deg,rgba(255,246,248,.96),rgba(255,255,255,.92))!important;box-shadow:0 14px 30px rgba(255,64,76,.12)!important;}
    .hero-countdown .countdown-icon{width:40px!important;height:40px!important;color:#ff4053!important;background:linear-gradient(135deg,#fff1f3,#ffe1e5)!important;border-color:rgba(255,64,83,.3)!important;align-self:center!important;}
    .hero-countdown-copy{min-width:0!important;}
    .hero-countdown-badge{width:max-content!important;max-width:100%!important;margin-bottom:5px!important;padding:4px 9px!important;border-radius:999px!important;background:#ff3348!important;color:#fff!important;font-size:11px!important;line-height:1!important;}
    .hero-countdown-copy strong{max-width:none!important;font-size:15px!important;line-height:1.1!important;}
    .hero-countdown-timer{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,1fr) 8px minmax(0,1fr) 8px minmax(0,1fr)!important;align-items:center!important;width:100%!important;max-width:100%!important;gap:5px!important;box-sizing:border-box!important;}
    .hero-countdown-timer div{width:100%!important;min-width:0!important;padding:8px 4px 7px!important;box-sizing:border-box!important;border-color:rgba(255,75,86,.28)!important;border-radius:7px!important;background:#fff!important;box-shadow:none!important;}
    .hero-countdown-timer b{font-size:26px!important;line-height:1!important;color:#0785dd!important;}
    .hero-countdown-timer span{margin-top:3px!important;font-size:10px!important;line-height:1!important;}
    .hero-countdown-timer i{color:#ff4053!important;font-size:24px!important;line-height:1!important;}
    .hero-countdown-note{display:none!important;}
    .hero-offers,.hero-stage-upload4,.hero-photo-card,.hero-benefits{display:none!important;}
    .trust-bar-upload4{margin:-98px 0 0!important;padding:0 0 18px!important;background:transparent!important;border:0!important;}
    .trust-bar-upload4 .container{width:100%!important;max-width:none!important;}
    .trust-bar-upload4 .trust-grid{display:flex!important;grid-template-columns:none!important;min-height:0!important;gap:10px!important;overflow-x:auto!important;padding:0 14px 8px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;scroll-snap-type:x proximity;scrollbar-width:none!important;}
    .trust-bar-upload4 .trust-grid::-webkit-scrollbar{display:none!important;}
    .trust-bar-upload4 .trust-item{position:relative!important;flex:0 0 218px!important;display:grid!important;grid-template-columns:42px minmax(0,1fr)!important;align-items:center!important;min-height:76px!important;padding:12px!important;column-gap:12px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:8px!important;background:linear-gradient(135deg,#062d56,#084276)!important;box-shadow:0 16px 30px rgba(6,45,86,.2)!important;scroll-snap-align:start;}
    .trust-bar-upload4 .trust-item:before{display:none!important;}
    .trust-bar-upload4 .feature-icon{position:static!important;left:auto!important;top:auto!important;transform:none!important;width:40px!important;height:40px!important;border-radius:14px!important;}
    .trust-bar-upload4 .feature-svg{width:23px!important;height:23px!important;}
    .trust-bar-upload4 .trust-item strong,.trust-bar-upload4 .trust-item span:not(.feature-icon){grid-column:2!important;display:block!important;max-width:none!important;text-align:left!important;}
    .trust-bar-upload4 .trust-item strong{color:#fff!important;font-size:15px!important;line-height:1.02!important;}
    .trust-bar-upload4 .trust-item span:not(.feature-icon){margin-top:4px!important;color:rgba(255,255,255,.78)!important;font-size:12px!important;line-height:1.18!important;}
}

@media (max-width:420px){
    .container,.site-header .container,.hero .container{width:calc(100% - 24px)!important;}
    .hero{background:linear-gradient(180deg,rgba(248,252,255,.99) 0%,rgba(248,252,255,.98) 49%,rgba(248,252,255,.74) 66%,rgba(248,252,255,.12) 100%),url("../img/hero2.png") center bottom/205% auto no-repeat,linear-gradient(180deg,#f8fcff 0%,#e8f7ff 100%)!important;}
    .hero-grid{padding-bottom:232px!important;}
    .hero h1{font-size:clamp(33px,10.2vw,40px)!important;}
    .hero .lead{font-size:17px!important;}
    .trust-bar-upload4{margin-top:-88px!important;}
    .trust-bar-upload4 .trust-item{flex-basis:205px!important;}
}
/* 2026-05-28 final layer: desktop scroll header and crisper trust bar */
@media (min-width:761px){
    .site-header{
        position:fixed!important;
        top:0!important;
        left:0!important;
        right:0!important;
        z-index:1000!important;
        background:transparent!important;
        border-bottom:1px solid transparent!important;
        box-shadow:none!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
        transition:background .22s ease, box-shadow .22s ease, border-color .22s ease!important;
    }
    .site-header.is-compact{
        background:rgba(248,252,255,.94)!important;
        border-bottom-color:rgba(188,218,239,.72)!important;
        box-shadow:0 14px 34px rgba(10,37,64,.12)!important;
        -webkit-backdrop-filter:blur(14px) saturate(1.08)!important;
        backdrop-filter:blur(14px) saturate(1.08)!important;
    }
    .hero{
        background:
            linear-gradient(90deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.95) 29%,rgba(248,252,255,.64) 47%,rgba(248,252,255,.12) 100%),
            url("../img/hero2.png") center top/cover no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#dff5ff 100%)!important;
    }
    .trust-bar-upload4{
        margin-top:-66px!important;
        background:transparent!important;
        border:0!important;
    }
    .trust-bar-upload4 .container{
        width:min(100% - 32px,1540px)!important;
        max-width:1540px!important;
    }
    .trust-bar-upload4 .trust-grid{
        background:linear-gradient(135deg,#052a51 0%,#063a6d 100%)!important;
        box-shadow:0 12px 26px rgba(5,35,66,.22)!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
        filter:none!important;
    }
    .trust-bar-upload4 .trust-item{
        background:transparent!important;
        box-shadow:none!important;
        filter:none!important;
        text-shadow:none!important;
    }
    .trust-bar-upload4 .trust-item strong{
        color:#fff!important;
        font-weight:700!important;
        text-shadow:none!important;
        -webkit-font-smoothing:antialiased;
        text-rendering:geometricPrecision;
    }
    .trust-bar-upload4 .trust-item span:not(.feature-icon){
        color:rgba(255,255,255,.88)!important;
        font-weight:600!important;
        text-shadow:none!important;
        -webkit-font-smoothing:antialiased;
    }
    .trust-bar-upload4 .feature-icon{
        box-shadow:none!important;
    }
}

@media (max-width:760px){
    .site-header{
        position:sticky!important;
        top:0!important;
        z-index:1000!important;
        background:rgba(248,252,255,.97)!important;
        border-bottom:1px solid rgba(191,220,241,.72)!important;
        box-shadow:0 8px 22px rgba(10,37,64,.08)!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
    }
    .site-header.is-compact{
        background:rgba(248,252,255,.98)!important;
        box-shadow:0 10px 24px rgba(10,37,64,.1)!important;
    }
}
/* EOF desktop hero correction */
@media (min-width:761px){
    .hero{
        background:
            linear-gradient(90deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.95) 30%,rgba(248,252,255,.58) 48%,rgba(248,252,255,.08) 100%),
            url("../img/hero2.png") right top/88% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#dff5ff 100%)!important;
    }
}
/* EOF desktop hero no-overlap correction */
@media (min-width:761px){
    .hero{
        background:
            linear-gradient(90deg,rgba(248,252,255,.98) 0%,rgba(248,252,255,.96) 34%,rgba(248,252,255,.56) 52%,rgba(248,252,255,.08) 100%),
            url("../img/hero2.png") right top/78% auto no-repeat,
            linear-gradient(180deg,#f8fcff 0%,#dff5ff 100%)!important;
    }
}

/* 2026-05-28 mobile contact bar and trust width */
@media (min-width:761px){
    .trust-bar-upload4 .container{
        width:min(100% - 32px,1180px)!important;
        max-width:1180px!important;
    }
    .trust-bar-upload4 .trust-grid{
        min-height:74px!important;
        padding:8px 10px!important;
    }
    .trust-bar-upload4 .trust-item{
        min-height:56px!important;
        padding-left:56px!important;
    }
}

@media (max-width:760px){
    body{
        padding-top:118px!important;
    }
    .site-header{
        position:fixed!important;
        top:0!important;
        left:0!important;
        right:0!important;
        z-index:2000!important;
        background:rgba(248,252,255,.98)!important;
        border-bottom:1px solid rgba(191,220,241,.78)!important;
        box-shadow:0 10px 24px rgba(10,37,64,.12)!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
    }
    .header-grid{
        width:calc(100% - 20px)!important;
        display:grid!important;
        grid-template-columns:auto 1fr!important;
        align-items:center!important;
        gap:8px 10px!important;
        padding:7px 0 8px!important;
    }
    .brand{
        justify-self:start!important;
        gap:7px!important;
    }
    .brand img{
        width:34px!important;
        height:34px!important;
    }
    .brand > span{
        font-size:18px!important;
        line-height:.9!important;
    }
    .brand > span span{
        font-size:9px!important;
    }
    .main-nav{
        grid-column:1 / -1!important;
        grid-row:2!important;
        width:100%!important;
        order:3!important;
        gap:13px!important;
        overflow-x:auto!important;
        padding:2px 0 0!important;
        scrollbar-width:none!important;
    }
    .main-nav::-webkit-scrollbar{
        display:none!important;
    }
    .main-nav a{
        flex:0 0 auto!important;
        font-size:12px!important;
        white-space:nowrap!important;
    }
    .header-actions{
        justify-self:end!important;
        display:grid!important;
        grid-template-columns:auto auto!important;
        align-items:center!important;
        gap:6px!important;
    }
    .phone-link{
        width:auto!important;
        grid-column:1 / -1!important;
        justify-self:end!important;
        font-size:15px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }
    .social-row-header{
        display:none!important;
    }
    .header-actions .button-small{
        display:inline-flex!important;
        min-height:34px!important;
        padding:0 13px!important;
        border-radius:8px!important;
        font-size:13px!important;
        line-height:1!important;
        white-space:nowrap!important;
    }
    .trust-bar-upload4{
        display:none!important;
    }
}

/* 2026-05-28 final quickbar alignment */
@media (min-width:761px){
    .trust-bar-upload4{
        margin-top:-58px!important;
        padding-bottom:28px!important;
    }
    .trust-bar-upload4 .container{
        width:min(100% - 64px,1280px)!important;
        max-width:1280px!important;
    }
    .trust-bar-upload4 .trust-grid{
        display:grid!important;
        grid-template-columns:repeat(6,minmax(0,1fr))!important;
        align-items:center!important;
        min-height:76px!important;
        padding:0!important;
        gap:0!important;
        border-radius:8px!important;
        overflow:hidden!important;
    }
    .trust-bar-upload4 .trust-item{
        display:grid!important;
        grid-template-columns:42px minmax(0,116px)!important;
        grid-template-rows:auto auto!important;
        align-items:center!important;
        align-content:center!important;
        justify-content:center!important;
        column-gap:14px!important;
        row-gap:3px!important;
        min-width:0!important;
        min-height:76px!important;
        padding:12px 14px!important;
        border-right:1px solid rgba(255,255,255,.16)!important;
    }
    .trust-bar-upload4 .trust-item:last-child{
        border-right:0!important;
    }
    .trust-bar-upload4 .trust-item .feature-icon{
        position:static!important;
        flex:0 0 42px!important;
        width:42px!important;
        height:42px!important;
        margin:0!important;
        transform:none!important;
    }
    .trust-bar-upload4 .trust-item .feature-svg{
        width:22px!important;
        height:22px!important;
    }
    .trust-bar-upload4 .trust-item strong,
    .trust-bar-upload4 .trust-item span:not(.feature-icon){
        grid-column:auto!important;
        display:block!important;
        width:auto!important;
        max-width:116px!important;
        margin:0!important;
        text-align:left!important;
    }
    .trust-bar-upload4 .trust-item strong{
        font-size:14px!important;
        line-height:1.05!important;
        letter-spacing:0!important;
    }
    .trust-bar-upload4 .trust-item span:not(.feature-icon){
        margin-top:3px!important;
        font-size:12px!important;
        line-height:1.18!important;
        opacity:.92!important;
    }
}

@media (max-width:760px){
    html,
    body{
        overflow-x:hidden!important;
    }
    body{
        padding-top:56px!important;
    }
    .site-header{
        position:fixed!important;
        top:0!important;
        left:0!important;
        right:0!important;
        overflow:hidden!important;
        z-index:3000!important;
        min-height:56px!important;
        height:56px!important;
        background:rgba(247,252,255,.97)!important;
        border-bottom:1px solid rgba(185,218,242,.82)!important;
        box-shadow:0 8px 22px rgba(7,38,70,.12)!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
    }
    .site-header .container,
    .header-grid{
        width:100%!important;
        max-width:none!important;
        height:56px!important;
        padding:0 8px!important;
        margin:0!important;
    }
    .header-grid{
        display:block!important;
    }
    .site-header .brand,
    .site-header .main-nav{
        display:none!important;
    }
    .site-header .header-actions{
        display:grid!important;
        grid-template-columns:minmax(112px,1fr) 84px minmax(82px,auto)!important;
        width:100%!important;
        height:56px!important;
        align-items:center!important;
        justify-content:stretch!important;
        gap:7px!important;
        margin:0!important;
    }
    .site-header .phone-link{
        display:block!important;
        grid-column:auto!important;
        justify-self:start!important;
        min-width:0!important;
        width:auto!important;
        color:#08213d!important;
        font-size:14px!important;
        font-weight:800!important;
        line-height:1!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:clip!important;
    }
    .site-header .phone-link:after{
        display:none!important;
    }
    .site-header .social-row-header{
        display:flex!important;
        grid-column:auto!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;
        min-width:84px!important;
        width:84px!important;
        margin:0!important;
    }
    .site-header .social-row-header .social-vk,
    .site-header .social-row-header .social-wa{
        display:none!important;
    }
    .site-header .social-row-header .social-tg,
    .site-header .social-row-header .social-max{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        height:34px!important;
        min-height:34px!important;
        margin:0!important;
    }
    .site-header .social-row-header .social-tg{
        width:34px!important;
        min-width:34px!important;
        border-radius:50%!important;
    }
    .site-header .social-row-header .social-max{
        width:44px!important;
        min-width:44px!important;
        border-radius:999px!important;
        font-size:12px!important;
    }
    .site-header .social-row-header .social-link span{
        display:none!important;
    }
    .site-header .social-row-header .social-max span{
        display:inline!important;
    }
    .site-header .header-actions .button-small{
        display:inline-flex!important;
        grid-column:auto!important;
        justify-self:end!important;
        align-items:center!important;
        justify-content:center!important;
        min-width:82px!important;
        max-width:98px!important;
        min-height:34px!important;
        height:34px!important;
        padding:0 10px!important;
        border-radius:8px!important;
        font-size:12px!important;
        font-weight:800!important;
        line-height:1!important;
        text-align:center!important;
        white-space:normal!important;
    }
    .trust-bar-upload4{
        display:none!important;
    }
}

/* 2026-05-28 final compact trust bar and mobile quick contacts */
@media (min-width:761px){
    .trust-bar-upload4{
        margin-top:-58px!important;
        padding-bottom:28px!important;
    }
    .trust-bar-upload4 .container{
        width:min(100% - 64px,1280px)!important;
        max-width:1280px!important;
    }
    .trust-bar-upload4 .trust-grid{
        display:grid!important;
        grid-template-columns:repeat(6,minmax(0,1fr))!important;
        min-height:76px!important;
        padding:0!important;
        gap:0!important;
        align-items:stretch!important;
        border-radius:8px!important;
        overflow:hidden!important;
    }
    .trust-bar-upload4 .trust-item{
        display:grid!important;
        grid-template-columns:42px minmax(0,116px)!important;
        grid-template-rows:auto auto!important;
        align-items:center!important;
        align-content:center!important;
        justify-content:center!important;
        column-gap:14px!important;
        row-gap:3px!important;
        min-width:0!important;
        min-height:76px!important;
        padding:12px 14px!important;
        border-right:1px solid rgba(255,255,255,.16)!important;
    }
    .trust-bar-upload4 .trust-item:last-child{
        border-right:0!important;
    }
    .trust-bar-upload4 .trust-item .feature-icon{
        position:static!important;
        grid-column:1!important;
        grid-row:1 / 3!important;
        transform:none!important;
        width:42px!important;
        height:42px!important;
        margin:0!important;
    }
    .trust-bar-upload4 .trust-item .feature-svg{
        width:22px!important;
        height:22px!important;
    }
    .trust-bar-upload4 .trust-item strong,
    .trust-bar-upload4 .trust-item span:not(.feature-icon){
        grid-column:2!important;
        display:block!important;
        max-width:116px!important;
        margin:0!important;
        text-align:left!important;
    }
    .trust-bar-upload4 .trust-item strong{
        grid-row:1!important;
        font-size:14px!important;
        line-height:1.05!important;
    }
    .trust-bar-upload4 .trust-item span:not(.feature-icon){
        grid-row:2!important;
        margin-top:0!important;
        font-size:12px!important;
        line-height:1.18!important;
        opacity:.92!important;
    }
}

@media (max-width:760px){
    html,
    body{
        overflow-x:hidden!important;
    }
    body{
        padding-top:56px!important;
    }
    .site-header{
        position:fixed!important;
        top:0!important;
        left:0!important;
        right:0!important;
        z-index:3000!important;
        min-height:56px!important;
        height:56px!important;
        background:rgba(247,252,255,.97)!important;
        border-bottom:1px solid rgba(185,218,242,.82)!important;
        box-shadow:0 8px 22px rgba(7,38,70,.12)!important;
        -webkit-backdrop-filter:none!important;
        backdrop-filter:none!important;
    }
    .site-header .container,
    .header-grid{
        width:100%!important;
        max-width:none!important;
        height:56px!important;
        padding:0 8px!important;
        margin:0!important;
    }
    .header-grid{
        display:block!important;
    }
    .site-header .brand,
    .site-header .main-nav{
        display:none!important;
    }
    .site-header .header-actions{
        position:relative!important;
        width:100vw!important;
        max-width:100vw!important;
        display:block!important;
        height:56px!important;
        margin:0!important;
        box-sizing:border-box!important;
    }
    .site-header .phone-link{
        display:block!important;
        position:absolute!important;
        left:18px!important;
        top:50%!important;
        transform:translateY(-50%)!important;
        flex:none!important;
        min-width:0!important;
        width:auto!important;
        max-width:134px!important;
        color:#08213d!important;
        font-size:14px!important;
        font-weight:800!important;
        line-height:1!important;
        white-space:nowrap!important;
        overflow:hidden!important;
        text-overflow:clip!important;
    }
    .site-header .phone-link:after{
        display:none!important;
    }
    .site-header .social-row-header{
        display:flex!important;
        position:absolute!important;
        left:162px!important;
        right:auto!important;
        top:50%!important;
        transform:translateY(-50%)!important;
        flex:none!important;
        align-items:center!important;
        justify-content:center!important;
        gap:6px!important;
        min-width:84px!important;
        width:84px!important;
        margin:0!important;
    }
    .site-header .social-row-header .social-vk,
    .site-header .social-row-header .social-wa{
        display:none!important;
    }
    .site-header .social-row-header .social-tg,
    .site-header .social-row-header .social-max{
        display:flex!important;
        align-items:center!important;
        justify-content:center!important;
        height:34px!important;
        min-height:34px!important;
        margin:0!important;
    }
    .site-header .social-row-header .social-tg{
        width:34px!important;
        min-width:34px!important;
        border-radius:50%!important;
    }
    .site-header .social-row-header .social-max{
        width:44px!important;
        min-width:44px!important;
        border-radius:999px!important;
        font-size:12px!important;
    }
    .site-header .social-row-header .social-link span{
        display:none!important;
    }
    .site-header .social-row-header .social-max span{
        display:inline!important;
    }
    .site-header .header-actions .button-small{
        display:inline-flex!important;
        position:absolute!important;
        left:254px!important;
        right:auto!important;
        top:11px!important;
        flex:none!important;
        align-items:center!important;
        justify-content:center!important;
        min-width:78px!important;
        max-width:78px!important;
        min-height:34px!important;
        height:34px!important;
        padding:0 7px!important;
        border-radius:8px!important;
        font-size:11.5px!important;
        font-weight:800!important;
        line-height:1!important;
        text-align:center!important;
        white-space:normal!important;
    }
    .trust-bar-upload4{
        display:none!important;
    }
}

@media (max-width:360px){
    .site-header .phone-link{
        left:14px!important;
        max-width:126px!important;
        font-size:13px!important;
    }
    .site-header .social-row-header{
        left:146px!important;
    }
    .site-header .header-actions .button-small{
        left:236px!important;
        min-width:74px!important;
        max-width:74px!important;
        flex-basis:74px!important;
        font-size:11px!important;
    }
}

/* 2026-05-28 hero workflow block */
.work-flow-upload4{
    position:relative;
    z-index:7;
    margin:-58px 0 0;
    padding:0 0 30px;
    background:linear-gradient(180deg,rgba(229,247,255,.72),rgba(229,247,255,.34));
    border:0;
}
.work-flow-upload4,
.work-flow-upload4 *{
    box-sizing:border-box;
}
.work-flow-upload4 .container{
    width:min(100% - 64px,1280px);
    max-width:1280px;
}
.work-card{
    display:grid;
    grid-template-columns:170px minmax(0,1fr);
    align-items:center;
    min-height:148px;
    width:100%;
    padding:24px 28px;
    border:1px solid rgba(131,199,239,.55);
    border-radius:24px;
    background:
        radial-gradient(circle at 12% 0%,rgba(27,149,232,.12),transparent 38%),
        linear-gradient(135deg,rgba(255,255,255,.98),rgba(240,250,255,.95));
    box-shadow:0 18px 42px rgba(8,48,84,.12);
}
.work-title{
    margin:0;
    color:#08213d;
    font-family:var(--font-narrow);
    font-size:34px;
    font-weight:700;
    line-height:.98;
    text-transform:uppercase;
}
.work-steps{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    align-items:start;
    gap:0;
}
.work-step{
    position:relative;
    display:grid;
    justify-items:center;
    align-content:start;
    min-height:104px;
    min-width:0;
    padding:0 14px;
    text-align:center;
}
.work-step:not(:last-child):after{
    content:"";
    position:absolute;
    top:27px;
    right:-18px;
    width:36px;
    border-top:2px dashed rgba(11,127,211,.3);
}
.work-step:not(:last-child):before{
    content:"";
    position:absolute;
    top:22px;
    right:-21px;
    width:9px;
    height:9px;
    border-top:2px solid rgba(11,127,211,.38);
    border-right:2px solid rgba(11,127,211,.38);
    transform:rotate(45deg);
}
.work-number{
    position:absolute;
    top:-7px;
    right:calc(50% - 37px);
    display:flex;
    align-items:center;
    justify-content:center;
    width:22px;
    height:22px;
    border-radius:50%;
    color:#fff;
    background:#0b8fe8;
    box-shadow:0 6px 14px rgba(11,143,232,.24);
    font-size:12px;
    font-weight:800;
    line-height:1;
}
.work-icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:56px;
    height:56px;
    margin:0 0 12px;
    border:1px solid rgba(11,127,211,.18);
    border-radius:18px;
    color:#0b7fd3;
    background:linear-gradient(135deg,rgba(234,246,255,.96),rgba(255,255,255,.88));
}
.work-icon svg{
    width:29px;
    height:29px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.85;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.work-step strong{
    display:block;
    color:#092541;
    font-size:16px;
    font-weight:800;
    line-height:1.13;
}

@media (max-width:1180px){
    .work-card{
        grid-template-columns:1fr;
        gap:22px;
        padding:24px;
    }
    .work-title{
        text-align:center;
    }
    .work-title br{
        display:none;
    }
    .work-steps{
        grid-template-columns:repeat(3,minmax(0,1fr));
        row-gap:24px;
    }
    .work-step:nth-child(3):after,
    .work-step:nth-child(3):before{
        display:none;
    }
}

@media (max-width:760px){
    .work-flow-upload4{
        margin:0;
        padding:18px 0 28px;
        background:linear-gradient(180deg,rgba(231,248,255,.72),rgba(255,255,255,.1));
    }
    .work-flow-upload4 .container{
        width:calc(100% - 28px);
        max-width:none;
    }
    .work-card{
        display:block;
        min-height:0;
        padding:18px;
        border-radius:20px;
        box-shadow:0 14px 30px rgba(8,48,84,.1);
    }
    .work-title{
        margin-bottom:16px;
        font-size:30px;
        text-align:left;
    }
    .work-title br{
        display:block;
    }
    .work-steps{
        grid-template-columns:1fr;
        gap:10px;
    }
    .work-step{
        display:grid;
        grid-template-columns:48px minmax(0,1fr);
        align-items:center;
        justify-items:start;
        column-gap:12px;
        min-height:0;
        padding:12px 42px 12px 12px;
        border:1px solid rgba(152,211,245,.48);
        border-radius:16px;
        background:rgba(255,255,255,.72);
        text-align:left;
    }
    .work-step:not(:last-child):after,
    .work-step:not(:last-child):before{
        display:none;
    }
    .work-number{
        top:8px;
        right:10px;
        width:20px;
        height:20px;
        font-size:11px;
    }
    .work-icon{
        width:48px;
        height:48px;
        margin:0;
        border-radius:15px;
    }
    .work-icon svg{
        width:25px;
        height:25px;
    }
    .work-step strong{
        font-size:15px;
        line-height:1.12;
    }
}

@media (max-width:390px){
    .work-card{
        padding:16px;
    }
    .work-step{
        padding:12px 42px 12px 12px;
    }
    .work-step strong{
        font-size:15px;
    }
}

/* 2026-05-28 mobile drawer menu */
.mobile-menu-toggle,
.mobile-menu-backdrop,
.mobile-menu-drawer{
    display:none;
}

@media (max-width:760px){
    .site-header{
        overflow:visible!important;
    }
    .site-header .header-actions{
        position:fixed!important;
        top:0!important;
        left:0!important;
        right:auto!important;
        display:block!important;
        width:100vw!important;
        max-width:100vw!important;
        height:56px!important;
        padding:0 10px!important;
        box-sizing:border-box!important;
    }
    .site-header .phone-link{
        position:static!important;
        transform:none!important;
        position:absolute!important;
        left:14px!important;
        top:50%!important;
        transform:translateY(-50%)!important;
        min-width:0!important;
        max-width:178px!important;
        color:#071f3a!important;
        font-size:17px!important;
        font-weight:900!important;
        line-height:1!important;
        letter-spacing:0!important;
        overflow:hidden!important;
        white-space:nowrap!important;
        text-overflow:clip!important;
    }
    .site-header .social-row-header{
        position:static!important;
        transform:none!important;
        position:absolute!important;
        left:250px!important;
        right:auto!important;
        top:50%!important;
        transform:translateY(-50%)!important;
        display:flex!important;
        align-items:center!important;
        justify-content:flex-end!important;
        width:auto!important;
        min-width:0!important;
        margin-left:auto!important;
        gap:5px!important;
    }
    .site-header .social-row-header .social-tg{
        width:34px!important;
        min-width:34px!important;
        height:34px!important;
    }
    .site-header .social-row-header .social-max{
        width:44px!important;
        min-width:44px!important;
        height:34px!important;
    }
    .site-header .header-actions .button-small{
        display:none!important;
    }
    .mobile-menu-toggle{
        display:inline-flex!important;
        position:absolute!important;
        left:342px!important;
        right:auto!important;
        top:11px!important;
        flex:0 0 36px!important;
        align-items:center!important;
        justify-content:center!important;
        gap:3px!important;
        width:36px!important;
        height:34px!important;
        border:1px solid rgba(11,127,211,.22)!important;
        border-radius:12px!important;
        color:#0b7fd3!important;
        background:rgba(234,246,255,.96)!important;
        box-shadow:0 6px 14px rgba(8,48,84,.08)!important;
        cursor:pointer!important;
    }
    .mobile-menu-toggle span{
        display:block!important;
        width:4px!important;
        height:4px!important;
        border-radius:50%!important;
        background:currentColor!important;
    }
    .mobile-menu-backdrop{
        display:block;
        position:fixed;
        inset:0;
        z-index:2890;
        background:rgba(4,25,46,.36);
        opacity:0;
        pointer-events:none;
        transition:opacity .22s ease;
    }
    .mobile-menu-drawer{
        display:flex;
        position:fixed;
        top:0;
        right:0;
        z-index:2900;
        width:min(326px,calc(100vw - 42px));
        height:100dvh;
        flex-direction:column;
        padding:18px;
        border-left:1px solid rgba(145,204,239,.5);
        background:linear-gradient(180deg,#ffffff,#eef9ff);
        box-shadow:-22px 0 50px rgba(5,33,62,.18);
        transform:translateX(104%);
        transition:transform .24s ease;
    }
    body.mobile-menu-open{
        overflow:hidden;
    }
    body.mobile-menu-open .mobile-menu-backdrop{
        opacity:1;
        pointer-events:auto;
    }
    body.mobile-menu-open .mobile-menu-drawer{
        transform:translateX(0);
    }
    .mobile-menu-head{
        display:flex;
        align-items:center;
        justify-content:space-between;
        padding:2px 0 18px;
        color:#08213d;
        font-size:24px;
        font-weight:900;
        font-family:var(--font-narrow);
        text-transform:uppercase;
    }
    .mobile-menu-close{
        display:flex;
        align-items:center;
        justify-content:center;
        width:38px;
        height:38px;
        border:1px solid rgba(11,127,211,.18);
        border-radius:12px;
        color:#0b7fd3;
        background:#fff;
        font-size:28px;
        line-height:1;
        cursor:pointer;
    }
    .mobile-menu-nav{
        display:grid;
        gap:9px;
    }
    .mobile-menu-nav a{
        display:flex;
        align-items:center;
        min-height:46px;
        padding:0 14px;
        border:1px solid rgba(160,214,245,.5);
        border-radius:14px;
        color:#08213d;
        background:rgba(255,255,255,.78);
        font-size:17px;
        font-weight:800;
        text-decoration:none;
    }
    .mobile-menu-contact{
        display:grid;
        gap:10px;
        margin-top:auto;
        padding-top:18px;
    }
    .mobile-menu-contact a{
        display:flex;
        align-items:center;
        justify-content:center;
        min-height:44px;
        border:1px solid rgba(11,127,211,.18);
        border-radius:14px;
        color:#08213d;
        background:#fff;
        font-size:18px;
        font-weight:900;
        text-decoration:none;
    }
    .mobile-menu-contact .button-small{
        width:100%;
        min-height:46px;
        border-radius:14px;
        font-size:15px;
    }
}

@media (max-width:370px){
    .site-header .phone-link{
        left:10px!important;
        max-width:145px!important;
        font-size:15px!important;
    }
    .site-header .social-row-header .social-tg{
        width:32px!important;
        min-width:32px!important;
    }
    .site-header .social-row-header .social-max{
        width:41px!important;
        min-width:41px!important;
    }
    .site-header .social-row-header{
        left:220px!important;
    }
    .mobile-menu-toggle{
        flex-basis:34px!important;
        width:34px!important;
        left:314px!important;
        right:auto!important;
    }
}