@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:auto 1fr auto;
    align-items:center;
    gap:24px;
}
.brand{
    display:flex;
    align-items:center;
    gap:12px;
    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:center;
    display:flex;
    align-items:center;
    gap:8px;
    padding:6px;
    border:1px solid rgba(216,232,244,.85);
    border-radius:999px;
    background:rgba(244,249,253,.76);
    font-size:15px;
    font-weight:700;
    text-transform:uppercase;
}
.main-nav a,.header-actions a,.footer-grid a{text-decoration:none;}
.main-nav a{
    padding:9px 14px;
    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{
    color:var(--ink);
    font-size:20px;
    font-weight:700;
    white-space:nowrap;
}
.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;}

.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-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:560px;
}
.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 34px 90px rgba(11,127,211,.24);
    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,.24);
}
.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:38px;
    top:54px;
    width:250px;
    padding:20px;
    border:1px solid rgba(255,255,255,.55);
    border-radius:22px;
    background:rgba(255,255,255,.72);
    box-shadow:0 26px 62px rgba(10,37,64,.2);
    transform:rotate(5deg);
    --rotate:5deg;
    animation:softFloat 4.8s ease-in-out infinite .5s;
}
.stamp-device img{
    width:100%;
    height:250px;
    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;
}
.contact-link-light{
    color:var(--brand)!important;
    font-weight:700;
}
.contacts-map{
    min-height:520px;
    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:520px;
    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;}

@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;
    }
    .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-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 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:320px;}
    .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-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:280px;}
}

.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;}
}