:root{
    --bg:#f6f9fd;
    --text:#22324a;
    --muted:#5d6d84;
    --line:#dfe8f4;
    --white:#ffffff;
    --blue:#1677ef;
    --blue-dark:#0f5dc5;
    --green:#27cc7d;
    --orange:#ff8a16;
    --pink:#e63e96;
    --yellow:#f2bf18;
    --teal:#1ecad0;
    --dark:#101820;
    --dark-2:#192432;
    --shadow:0 18px 45px rgba(25, 47, 89, .10);
    --shadow-soft:0 12px 32px rgba(25, 47, 89, .08);
    --radius:22px;
    --container:1200px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
    margin:0;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    color:var(--text);
    background:linear-gradient(180deg,#f7fbff 0%, #f7f9fc 100%);
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
.container{width:min(calc(100% - 32px), var(--container));margin-inline:auto}
.section{padding:70px 0}
.centered{text-align:center}
.large-gap{margin-top:30px}
.site-header{
    position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.92);
    backdrop-filter:saturate(180%) blur(14px);border-bottom:1px solid rgba(222,232,244,.9);
    box-shadow:0 8px 24px rgba(15, 31, 58, .04);
}
.navbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:94px}
.brand img{width:78px;height:auto;transition:transform .25s ease}
.brand:hover img{transform:scale(1.04)}
.main-nav{display:flex;align-items:center;gap:12px}
.main-nav a{
    position:relative;padding:12px 10px;border-radius:12px;font-size:15px;font-weight:700;color:#1e2d44;
    transition:all .22s ease
}
.main-nav a:not(.nav-cta):not(.nav-lang)::after{
    content:"";position:absolute;left:10px;right:10px;bottom:4px;height:2px;border-radius:999px;
    background:linear-gradient(90deg,var(--blue),var(--teal));transform:scaleX(0);transform-origin:center;
    transition:transform .22s ease;
}
.main-nav a:hover:not(.nav-cta), .main-nav a.is-active:not(.nav-cta){
    color:var(--blue);background:#eef5ff
}
.main-nav a:hover:not(.nav-cta)::after,.main-nav a.is-active:not(.nav-cta)::after{transform:scaleX(1)}
.nav-lang{display:inline-flex;align-items:center;gap:8px}
.btn{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;border:none;border-radius:14px;
    padding:15px 24px;font-weight:800;cursor:pointer;transition:transform .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease;
    box-shadow:0 10px 24px rgba(28,94,191,.14)
}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 30px rgba(28,94,191,.18)}
.btn-primary{background:linear-gradient(180deg,#1981fb 0%, #146ce3 100%);color:#fff}
.btn-primary:hover{background:linear-gradient(180deg,#1a87ff 0%, #0f65d8 100%)}
.btn-outline{background:#fff;color:var(--blue);border:1.5px solid #bcd4fa;box-shadow:none}
.btn-outline:hover{background:#eef6ff}
.btn-orange{background:linear-gradient(180deg,#ff981f 0%, #f47b02 100%);color:#fff}
.btn-dark-outline{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.28);box-shadow:none}
.btn-dark-outline:hover{background:rgba(255,255,255,.08)}
.btn-block{width:100%}
.btn-blue{background:linear-gradient(180deg,#1981fb 0%, #146ce3 100%);color:#fff}
.btn-orange{color:#fff}
.btn-orange.btn-block{box-shadow:0 10px 24px rgba(244,123,2,.18)}
.btn-pink{background:linear-gradient(180deg,#ef4aa0 0%, #db2d88 100%);color:#fff;box-shadow:0 10px 24px rgba(219,45,136,.18)}
.nav-cta{padding:14px 22px}
.nav-toggle{display:none;flex-direction:column;gap:5px;border:none;background:transparent;padding:6px;cursor:pointer}
.nav-toggle span{display:block;width:26px;height:2.5px;background:#22324a;border-radius:999px;transition:.25s}

.hero-section{
    padding:56px 0 66px;
    background:
        radial-gradient(circle at 86% 28%, rgba(31,202,208,.18), transparent 18%),
        radial-gradient(circle at 16% 18%, rgba(22,119,239,.08), transparent 24%),
        linear-gradient(180deg,#f4f9ff 0%, #f7fafc 100%);
}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.hero-copy h1{font-size:clamp(2.4rem, 6vw, 4rem);line-height:1.06;margin:22px 0 18px;letter-spacing:-.03em}
.hero-copy p{font-size:1.18rem;line-height:1.7;color:var(--muted);max-width:650px}
.trust-pill{
    display:inline-flex;align-items:center;gap:10px;padding:10px 16px;border:1.5px solid #48d68f;color:#187d52;background:#f4fffa;
    border-radius:999px;font-size:.96rem;font-weight:800;box-shadow:0 8px 20px rgba(39,204,125,.08)
}
.hero-tags{display:flex;flex-wrap:wrap;gap:24px;margin:28px 0}
.hero-tags span{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:#24364d}
.dot{width:14px;height:14px;border-radius:50%;display:inline-block;box-shadow:0 0 0 8px rgba(22,119,239,.08)}
.dot.blue{background:var(--blue);box-shadow:0 0 0 8px rgba(22,119,239,.12)}
.dot.green{background:var(--green);box-shadow:0 0 0 8px rgba(39,204,125,.12)}
.dot.orange{background:var(--orange);box-shadow:0 0 0 8px rgba(255,138,22,.12)}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin:12px 0 18px}
.hero-actions.center{justify-content:center}
.hero-note{font-size:.96rem;color:#66758b}
.hero-note.center{text-align:center}

.hero-visual{position:relative}
.hero-visual img{
    width:100%;height:min(620px,58vw);object-fit:cover;border-radius:26px;box-shadow:var(--shadow);
    transform:perspective(1000px) rotateY(-6deg);transition:transform .3s ease, box-shadow .3s ease
}
.hero-visual:hover img{transform:perspective(1000px) rotateY(-2deg) translateY(-4px);box-shadow:0 28px 60px rgba(25,47,89,.16)}
.floating-card{
    position:absolute;top:18px;right:18px;background:#fff;padding:14px 18px;border-radius:16px;box-shadow:var(--shadow-soft);
    min-width:150px;border:1px solid rgba(223,232,244,.9)
}
.floating-card small{display:block;color:#71819a;margin-bottom:4px}
.floating-card strong{font-size:1.8rem;color:#1f2f46}

.section-heading h2{font-size:clamp(2rem, 4vw, 3.1rem);margin:0 0 12px;line-height:1.1}
.section-heading p{margin:0;color:var(--muted);font-size:1.12rem}
.cards-grid{display:grid;gap:26px}
.fair-grid{grid-template-columns:repeat(3,1fr);margin-top:42px}
.fair-card{
    background:#fff;border:1px solid rgba(222,232,244,.95);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-soft);
    transition:transform .25s ease, box-shadow .25s ease
}
.fair-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(25,47,89,.14)}
.fair-image-wrap{position:relative;height:255px;overflow:hidden}
.fair-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.fair-card:hover .fair-image-wrap img{transform:scale(1.05)}
.fair-badge{
    position:absolute;right:14px;top:14px;padding:8px 14px;border-radius:999px;color:#fff;font-size:.84rem;font-weight:800;
    box-shadow:0 10px 18px rgba(0,0,0,.12)
}
.fair-badge.blue{background:#2391ff}
.fair-badge.orange{background:#ff9020}
.fair-badge.pink{background:#ec4d9d}
.fair-location{
    position:absolute;left:14px;right:14px;bottom:14px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);
    padding:12px 14px;border-radius:14px;font-weight:700;color:#314259;border:1px solid rgba(223,232,244,.85)
}
.fair-content{padding:22px}
.fair-date{font-size:.94rem;color:#65758b;font-weight:700}
.fair-content h3{margin:12px 0 10px;font-size:1.5rem;line-height:1.25}
.fair-content p{margin:0 0 16px;color:var(--muted);line-height:1.68;min-height:108px}
.fair-price{
    display:flex;flex-direction:column;gap:2px;padding:16px 0 18px;border-top:1px solid var(--line);margin-top:8px
}
.fair-price small{color:#66758b;font-weight:700}
.fair-price strong{font-size:2rem}
.fair-price span{color:#66758b;font-size:.95rem}
.fair-price.blue strong{color:var(--blue)}
.fair-price.orange strong{color:var(--orange)}
.fair-price.pink strong{color:var(--pink)}
.under-links{display:flex;justify-content:center;align-items:center;gap:14px;margin-top:30px;color:#7b899f;font-weight:800}
.under-links a{color:var(--blue)}
.under-links a:hover{text-decoration:underline}

.software-band{
    color:#fff;
    background:
      radial-gradient(circle at 0% 50%, rgba(38,115,238,.14), transparent 20%),
      radial-gradient(circle at 100% 50%, rgba(28,202,208,.16), transparent 18%),
      linear-gradient(90deg,#111922 0%, #141c25 48%, #101820 100%);
}
.software-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center}
.software-image{position:relative}
.software-image img{width:100%;height:540px;object-fit:cover;border-radius:22px;box-shadow:0 24px 50px rgba(0,0,0,.28)}
.mini-chip{
    position:absolute;right:-12px;bottom:18px;display:flex;flex-direction:column;gap:2px;background:#fff;color:#24364d;
    border-radius:18px;padding:16px 18px;box-shadow:0 24px 40px rgba(0,0,0,.18)
}
.mini-chip strong{font-size:1rem}
.mini-chip span{font-size:.88rem;color:#5f6d81}
.orange-pill{width:160px;height:22px;border-radius:999px;background:linear-gradient(90deg,#ff9e1f,#ff7f02);margin-bottom:24px}
.software-copy h2{font-size:clamp(2.2rem, 5vw, 3.2rem);margin:0 0 14px;line-height:1.1}
.software-copy p{font-size:1.12rem;line-height:1.75;color:rgba(255,255,255,.82);margin:0 0 28px}
.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:28px}
.features-grid > div{
    display:grid;grid-template-columns:26px 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center
}
.feature-box{width:26px;height:26px;border-radius:8px;grid-row:1 / span 2}
.feature-box.blue{background:var(--blue)}
.feature-box.green{background:var(--green)}
.feature-box.yellow{background:#f8c51c}
.feature-box.pink{background:var(--pink)}
.features-grid strong{font-size:1.08rem}
.features-grid small{color:rgba(255,255,255,.72);line-height:1.55}
.price-strip{
    display:flex;justify-content:space-between;gap:20px;padding:20px 24px;border:1px solid rgba(255,255,255,.14);
    background:rgba(255,255,255,.08);border-radius:18px;margin-bottom:22px;align-items:end
}
.price-strip small{display:block;color:rgba(255,255,255,.62);margin-bottom:8px}
.price-strip strong{font-size:2.4rem}
.price-side{text-align:right}
.price-side span{font-weight:800}

.steps-grid{
    position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:44px
}
.steps-grid::before{
    content:"";position:absolute;left:10%;right:10%;top:44px;height:4px;border-radius:999px;
    background:linear-gradient(90deg, rgba(22,119,239,.18), rgba(39,204,125,.18), rgba(230,62,150,.18), rgba(255,138,22,.18));
    z-index:0
}
.step-card{
    position:relative;z-index:1;text-align:center;padding:16px 10px
}
.step-icon{
    width:106px;height:106px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;font-size:2.2rem;
    color:#fff;position:relative;box-shadow:0 16px 34px rgba(25,47,89,.12)
}
.step-icon em{
    position:absolute;right:-4px;top:-4px;width:34px;height:34px;border-radius:50%;display:grid;place-items:center;
    background:#ffbf0f;color:#24364d;font-style:normal;font-weight:900;font-size:1rem;box-shadow:0 10px 16px rgba(255,191,15,.2)
}
.step-icon.blue{background:#177af0;box-shadow:0 16px 34px rgba(23,122,240,.24)}
.step-icon.green{background:#28cd7d;box-shadow:0 16px 34px rgba(40,205,125,.24)}
.step-icon.pink{background:#e43d94;box-shadow:0 16px 34px rgba(228,61,148,.24)}
.step-icon.orange{background:#ff8612;box-shadow:0 16px 34px rgba(255,134,18,.24)}
.step-card h3{font-size:1.45rem;margin:0 0 10px}
.step-card p{margin:0;color:var(--muted);line-height:1.7}
.cta-box{
    margin-top:42px;background:linear-gradient(180deg,#e9f4ff 0%, #dff0ff 100%);border:1px solid #cfe7fd;
    border-radius:28px;padding:48px 24px;text-align:center;box-shadow:var(--shadow-soft)
}
.cta-box h3{font-size:2.3rem;margin:0 0 12px}
.cta-box p{margin:0 0 18px;color:var(--muted);font-size:1.08rem}

.soft-blue{background:linear-gradient(180deg,#eef7ff 0%, #f9fcff 100%)}
.security-alert{
    display:grid;grid-template-columns:64px 1fr;gap:16px;background:#fff;border-radius:22px;padding:24px 28px;
    box-shadow:var(--shadow-soft);border-left:6px solid var(--pink);max-width:900px;margin:0 auto 40px;border:1px solid rgba(222,232,244,.92)
}
.alert-icon{width:46px;height:46px;border-radius:50%;background:#ffe5f2;display:grid;place-items:center;font-size:1.2rem}
.security-alert h3{margin:0 0 8px;font-size:1.6rem}
.security-alert p{margin:0;color:var(--muted);line-height:1.75}
.security-alert p a{color:var(--blue);font-weight:800}
.alert-links{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px}
.alert-links a{color:#06b67d;font-weight:800}
.alert-links a:last-child{color:var(--blue)}

.benefits-grid{grid-template-columns:repeat(3,1fr);margin-top:34px}
.benefit-card{
    background:#fff;border:1px solid rgba(222,232,244,.95);border-radius:22px;padding:26px 22px;box-shadow:var(--shadow-soft);
    transition:transform .24s ease, box-shadow .24s ease
}
.benefit-card:hover{transform:translateY(-7px);box-shadow:0 22px 40px rgba(25,47,89,.13)}
.benefit-icon{
    width:48px;height:48px;border-radius:12px;display:grid;place-items:center;color:#fff;font-weight:900;margin-bottom:18px;font-size:1.1rem
}
.benefit-icon.blue{background:var(--blue)}
.benefit-icon.green{background:var(--green)}
.benefit-icon.orange{background:var(--orange)}
.benefit-icon.pink{background:var(--pink)}
.benefit-icon.yellow{background:var(--yellow);color:#24364d}
.benefit-icon.teal{background:var(--teal)}
.benefit-card h3{margin:0 0 10px;font-size:1.4rem}
.benefit-card p{margin:0;color:var(--muted);line-height:1.72}
.stats-bar{
    margin-top:34px;padding:26px 24px;background:linear-gradient(90deg,#1478ef 0%, #1bb7dd 50%, #27cc7d 100%);
    color:#fff;border-radius:24px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;box-shadow:var(--shadow)
}
.stats-bar div{text-align:center}
.stats-bar strong{display:block;font-size:3rem;line-height:1}
.stats-bar span{display:block;margin-top:10px;color:rgba(255,255,255,.92);font-weight:700}

.site-footer{
    background:linear-gradient(90deg,#111820 0%, #18212d 50%, #10161d 100%);color:#d4ddea;padding:70px 0 30px;margin-top:0
}
.footer-grid{display:grid;grid-template-columns:1.1fr .9fr .9fr 1fr;gap:32px}
.footer-brand img{width:68px;margin-bottom:16px}
.footer-brand p{color:#a8b4c6;line-height:1.8;max-width:320px}
.socials{display:flex;gap:12px;margin-top:18px}
.socials a{
    width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.08);transition:.22s
}
.socials a:hover{background:rgba(255,255,255,.16);transform:translateY(-2px)}
.site-footer h4{color:#fff;margin:0 0 18px;font-size:1.2rem}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.site-footer li,.site-footer li a{color:#a8b4c6;line-height:1.7}
.site-footer li a:hover{color:#fff}
.contact-list li a{color:#d9e7ff}
.footer-warning{
    margin-top:30px;padding:18px 22px;background:#e63e96;color:#fff;border-radius:16px;font-size:.98rem;box-shadow:0 14px 28px rgba(230,62,150,.18)
}
.footer-warning a{color:#fff;text-decoration:underline}
.footer-bottom{
    margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;gap:20px
}
.footer-bottom p{margin:0;color:#a8b4c6}
.footer-links{display:flex;flex-wrap:wrap;gap:18px}
.footer-links a{color:#c8d4e6}
.footer-links a:hover{color:#fff}
.scroll-top{
    position:fixed;right:24px;bottom:24px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;
    background:linear-gradient(180deg,#1cb9df 0%, #1b8cf4 100%);color:#fff;font-size:1.4rem;font-weight:900;box-shadow:0 18px 34px rgba(27,140,244,.22)
}
.scroll-top:hover{transform:translateY(-3px)}

.coming-soon-wrap{padding:90px 0 100px;background:linear-gradient(180deg,#f7fbff 0%,#f2f7fd 100%)}
.coming-card{
    max-width:720px;margin:0 auto;background:#fff;border:1px solid rgba(222,232,244,.95);border-radius:26px;padding:48px 34px;text-align:center;box-shadow:var(--shadow-soft)
}
.coming-card h1{font-size:3rem;margin:0 0 14px}
.coming-card p{font-size:1.1rem;color:var(--muted);line-height:1.8;margin:0 0 24px}

@media (max-width: 1180px){
    .main-nav{gap:6px}
    .main-nav a{font-size:14px;padding:11px 8px}
    .hero-grid,.software-grid{grid-template-columns:1fr}
    .hero-visual{order:-1}
    .hero-visual img{height:460px;transform:none}
    .fair-grid,.benefits-grid{grid-template-columns:repeat(2,1fr)}
    .footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 920px){
    .nav-toggle{display:flex}
    .main-nav{
        position:absolute;left:16px;right:16px;top:86px;background:rgba(255,255,255,.97);border:1px solid rgba(223,232,244,.95);
        border-radius:22px;padding:18px;flex-direction:column;align-items:stretch;box-shadow:var(--shadow);display:none
    }
    .main-nav.is-open{display:flex}
    .main-nav a{padding:14px 12px}
    .nav-cta{text-align:center}
    .hero-section{padding-top:28px}
    .fair-grid,.benefits-grid,.steps-grid,.stats-bar{grid-template-columns:1fr}
    .steps-grid::before{display:none}
    .software-image img{height:420px}
    .mini-chip{right:14px}
    .features-grid{grid-template-columns:1fr}
    .price-strip{flex-direction:column;align-items:flex-start}
    .price-side{text-align:left}
    .footer-grid,.footer-bottom{grid-template-columns:1fr;display:grid}
    .footer-bottom{justify-content:initial}
}
@media (max-width: 640px){
    .container{width:min(calc(100% - 22px), var(--container))}
    .navbar{min-height:82px}
    .brand img{width:62px}
    .hero-copy h1{font-size:2.3rem}
    .hero-copy p,.section-heading p,.cta-box p,.fair-content p,.benefit-card p{font-size:1rem}
    .hero-tags{gap:14px}
    .hero-actions{flex-direction:column}
    .btn{width:100%}
    .hero-visual img{height:360px}
    .floating-card{top:12px;right:12px;padding:12px 14px;min-width:auto}
    .section{padding:52px 0}
    .fair-image-wrap{height:214px}
    .fair-content h3{font-size:1.26rem}
    .software-image img{height:320px}
    .mini-chip{position:static;margin-top:14px}
    .security-alert{grid-template-columns:1fr;padding:20px}
    .stats-bar strong{font-size:2.4rem}
    .footer-warning{font-size:.92rem}
    .coming-card h1{font-size:2.2rem}
}
.btn-green{background:linear-gradient(180deg,#30d889 0%, #22b96f 100%);color:#fff;box-shadow:0 10px 24px rgba(34,185,111,.18)}
.btn-green:hover{background:linear-gradient(180deg,#35de8e 0%, #1fad68 100%)}
.pt-0{padding-top:0}

.fairs-dark{
    background:
        radial-gradient(circle at 10% 50%, rgba(22,119,239,.14), transparent 24%),
        radial-gradient(circle at 90% 30%, rgba(230,62,150,.14), transparent 18%),
        linear-gradient(90deg,#111820 0%, #18212d 50%, #10161d 100%);
    color:#fff;
}
.fairs-hero{padding:72px 0 84px}
.hero-tag{
    display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 16px;border-radius:999px;
    border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08);font-size:.95rem;font-weight:800;
    box-shadow:0 10px 24px rgba(0,0,0,.14)
}
.fairs-title{font-size:clamp(2.4rem, 6vw, 5rem);line-height:1.02;letter-spacing:-.04em;margin:22px auto 18px;max-width:900px}
.fairs-subtitle{max-width:820px;margin:0 auto;color:rgba(255,255,255,.84);font-size:1.18rem;line-height:1.72}
.fairs-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;max-width:760px;margin:34px auto 0}
.fairs-stat-card{padding:22px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);border-radius:18px;box-shadow:0 12px 28px rgba(0,0,0,.12)}
.fairs-stat-card strong{display:block;font-size:2.05rem;line-height:1}
.fairs-stat-card strong.blue{color:#1e8cff}
.fairs-stat-card strong.green{color:#2de08b}
.fairs-stat-card strong.pink{color:#ff58aa}
.fairs-stat-card strong.orange{color:#ff9b2d}
.fairs-stat-card span{display:block;margin-top:10px;color:rgba(255,255,255,.86);font-weight:700}

.fairs-filter-wrap{background:linear-gradient(180deg,#edf6ff 0%, #f7fbff 100%)}
.filter-card{
    background:#fff;border:1px solid rgba(222,232,244,.95);border-radius:24px;padding:26px 20px 20px;box-shadow:var(--shadow-soft)
}
.filter-heading-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}
.filter-heading-row h2{margin:0;font-size:2rem}
.filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.filter-field label{display:block;margin-bottom:8px;font-size:.95rem;font-weight:800;color:#27405f}
.filter-field select{
    width:100%;height:52px;border:1px solid #d6e2f0;border-radius:14px;padding:0 14px;background:#f9fbfe;color:#23344c;
    font-size:1rem;outline:none;transition:border-color .2s ease, box-shadow .2s ease, background .2s ease
}
.filter-field select:focus{border-color:#7eb5ff;box-shadow:0 0 0 4px rgba(22,119,239,.10);background:#fff}
.filter-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:18px}
.btn-filter-reset,.btn-filter-submit{padding:14px 18px}
.filter-result-note{color:#5d6d84;font-weight:700}

.fairs-list-section{background:linear-gradient(180deg,#f6fbff 0%, #ffffff 100%)}
.fairs-page-grid{grid-template-columns:repeat(3,1fr);gap:22px}
.fair-card-page{display:flex;flex-direction:column;height:100%}
.fair-page-image-wrap{height:230px}
.fair-date-badge{
    position:absolute;right:14px;top:14px;padding:8px 12px;background:rgba(255,255,255,.95);color:#27384f;border-radius:999px;
    font-size:.82rem;font-weight:800;box-shadow:0 10px 20px rgba(0,0,0,.10)
}
.fair-content-page{display:flex;flex-direction:column;flex:1}
.fair-accent-line{display:block;width:84px;height:12px;border-radius:999px;margin-bottom:14px}
.fair-accent-line.blue{background:#1e8cff}
.fair-accent-line.green{background:#2ccd7d}
.fair-accent-line.orange{background:#ff8a16}
.fair-accent-line.pink{background:#e63e96}
.fair-content-page h3{font-size:1.9rem;min-height:88px}
.fair-content-page p{min-height:110px;margin-bottom:0}
.fair-features-list{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.fair-features-list li{position:relative;padding-left:24px;color:#42556e;line-height:1.55;font-size:.95rem}
.fair-features-list li::before{
    content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:#2ccd7d;box-shadow:0 0 0 4px rgba(44,205,125,.12)
}
.fair-card-bottom{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.fair-price-row{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:18px}
.fair-price-box small,.fair-room-box small{display:block;color:#73829a;font-weight:700;margin-bottom:6px}
.fair-price-box strong{display:block;font-size:2rem;line-height:1}
.fair-price-box span{display:block;color:#73829a;font-size:.92rem;margin-top:6px}
.fair-room-box{margin-left:auto;text-align:right}
.fair-room-box strong{display:block;font-size:1.9rem;line-height:1;color:#22324a}
.fair-price-box.blue strong{color:#1677ef}
.fair-price-box.green strong{color:#27cc7d}
.fair-price-box.orange strong{color:#ff8a16}
.fair-price-box.pink strong{color:#e63e96}
.fair-soon-box{
    margin-bottom:18px;padding:16px 18px;border-radius:16px;font-weight:900;font-size:1.15rem;text-align:center;background:#fff5fb;border:1px solid #ffd2e8;color:#d7348a
}
.fair-soon-box.orange{background:#fff6ec;border-color:#ffd8aa;color:#f47b02}
.fair-soon-box.green{background:#effff7;border-color:#bcefd1;color:#21b76f}
.fair-soon-box.blue{background:#eff7ff;border-color:#cfe3ff;color:#1677ef}
.fairs-empty-state{padding-block:56px}

@media (max-width: 1180px){
    .filter-grid,.fairs-page-grid,.fairs-stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 920px){
    .filter-grid,.fairs-page-grid,.fairs-stats{grid-template-columns:1fr}
    .fair-content-page h3,.filter-heading-row h2{font-size:1.6rem;min-height:auto}
    .fair-content-page p{min-height:auto}
}
@media (max-width: 640px){
    .fairs-hero{padding:54px 0 60px}
    .fairs-title{font-size:2.5rem}
    .fairs-subtitle{font-size:1rem}
    .filter-card{padding:18px}
    .filter-actions{flex-direction:column;align-items:stretch}
    .filter-result-note{text-align:center}
    .fair-page-image-wrap{height:214px}
    .fair-price-row{flex-direction:column;align-items:flex-start}
    .fair-room-box{text-align:left;margin-left:0}
}

.calendar-page{
    min-height:720px;
}
.calendar-wrap{
    width:min(calc(100% - 32px), 920px);
}
.calendar-head h1{
    margin:0 0 10px;
    font-size:clamp(2.3rem, 5vw, 3.4rem);
    line-height:1.1;
}
.calendar-head p{
    margin:0;color:var(--muted);font-size:1.05rem;line-height:1.7;
}
.calendar-filter-card{
    margin-top:28px;background:#fff;border:1px solid rgba(222,232,244,.95);border-radius:18px;padding:16px 16px 14px;box-shadow:var(--shadow-soft);
}
.calendar-filter-grid{
    display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:10px;align-items:end;
}
.calendar-filter-field label{
    display:block;font-size:.85rem;font-weight:800;color:#42536c;margin-bottom:6px;
}
.calendar-filter-field select{
    width:100%;height:46px;border:1px solid #dbe6f2;border-radius:12px;padding:0 14px;background:#f6f8fb;color:#24364d;font-weight:700;outline:none;
}
.calendar-filter-field select:focus{border-color:#84b3ff;box-shadow:0 0 0 4px rgba(22,119,239,.08)}
.calendar-filter-action{display:flex;align-items:flex-end}
.calendar-reset-btn{min-width:144px;justify-content:center;height:46px}
.calendar-result-note{margin:16px 4px 0;color:#5f6f86;font-weight:800}
.calendar-group-list{display:grid;gap:18px;margin-top:18px}
.calendar-month-card{
    background:#fff;border:1px solid rgba(222,232,244,.95);border-radius:18px;overflow:hidden;box-shadow:var(--shadow-soft);
}
.calendar-month-head{
    padding:14px 16px;background:linear-gradient(90deg,#1482f3 0%, #20c7a0 100%);color:#fff;font-size:1.2rem;font-weight:900;
}
.calendar-group-list .calendar-month-card:nth-child(2) .calendar-month-head{background:linear-gradient(90deg,#2ccf7a 0%, #e63e96 100%)}
.calendar-group-list .calendar-month-card:nth-child(3) .calendar-month-head{background:linear-gradient(90deg,#ff8a16 0%, #e63e96 100%)}
.calendar-group-list .calendar-month-card:nth-child(4) .calendar-month-head{background:linear-gradient(90deg,#1784f2 0%, #26cc7b 100%)}
.calendar-group-list .calendar-month-card:nth-child(5) .calendar-month-head{background:linear-gradient(90deg,#e64a9b 0%, #1677ef 100%)}
.calendar-month-body{padding:12px 14px 6px}
.calendar-event-row{
    display:flex;justify-content:space-between;gap:18px;padding:16px 8px;border-bottom:1px solid #edf3f9;align-items:center;
}
.calendar-event-row:last-child{border-bottom:none}
.calendar-event-main{display:flex;gap:14px;align-items:flex-start;min-width:0;flex:1}
.calendar-color-line{width:4px;height:56px;border-radius:999px;flex:0 0 4px;margin-top:2px;background:var(--blue)}
.calendar-color-line.blue{background:var(--blue)}
.calendar-color-line.green{background:var(--green)}
.calendar-color-line.orange{background:var(--orange)}
.calendar-color-line.pink{background:var(--pink)}
.calendar-event-copy{min-width:0}
.calendar-event-meta{display:flex;align-items:center;gap:8px;color:#61718a;font-weight:700;margin-bottom:4px}
.calendar-pill{width:34px;height:14px;border-radius:999px;display:inline-block;background:var(--blue)}
.calendar-pill.blue{background:var(--blue)}
.calendar-pill.green{background:var(--green)}
.calendar-pill.orange{background:var(--orange)}
.calendar-pill.pink{background:var(--pink)}
.calendar-event-copy h3{margin:0 0 6px;font-size:1.18rem;line-height:1.25}
.calendar-event-copy p{margin:0;color:#66758b;line-height:1.55}
.calendar-event-actions{display:grid;gap:10px;justify-items:end;flex:0 0 auto}
.calendar-date-chip{padding:8px 12px;border-radius:999px;background:#f3f7fb;border:1px solid #e0e8f2;color:#4b5d76;font-weight:800;font-size:.85rem}
.calendar-btns{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.btn-sm{padding:10px 14px;border-radius:10px;font-size:.9rem}

@media (max-width: 900px){
    .calendar-filter-grid{grid-template-columns:1fr 1fr}
    .calendar-filter-action{grid-column:1 / -1}
    .calendar-reset-btn{width:100%}
    .calendar-event-row{flex-direction:column;align-items:flex-start}
    .calendar-event-actions{width:100%;justify-items:stretch}
    .calendar-btns{width:100%;justify-content:flex-start}
}
@media (max-width: 640px){
    .calendar-wrap{width:min(calc(100% - 20px), 920px)}
    .calendar-page.section{padding:44px 0 56px}
    .calendar-filter-grid{grid-template-columns:1fr}
    .calendar-event-meta{flex-wrap:wrap}
    .calendar-event-copy h3{font-size:1.02rem}
    .calendar-month-head{font-size:1rem}
    .calendar-date-chip{width:100%;text-align:center}
    .calendar-btns{display:grid;grid-template-columns:1fr 1fr;width:100%}
    .calendar-btns .btn{justify-content:center;text-align:center}
}

.consulting-dark{
    background:
        radial-gradient(circle at 12% 24%, rgba(22,119,239,.15), transparent 24%),
        radial-gradient(circle at 88% 50%, rgba(31,202,208,.16), transparent 18%),
        linear-gradient(90deg,#111820 0%, #18212d 50%, #10161d 100%);
    color:#fff;
}
.consulting-hero{padding:72px 0 96px}
.consulting-hero-inner{max-width:980px}
.consulting-title{font-size:clamp(2.5rem, 6vw, 5rem);line-height:1.03;letter-spacing:-.04em;margin:22px auto 16px;max-width:980px}
.consulting-subtitle{max-width:920px;margin:0 auto;color:rgba(255,255,255,.88);font-size:1.18rem;line-height:1.7}
.consulting-gradient-btn{background:linear-gradient(90deg,#2fd084 0%, #1585f3 100%);color:#fff;box-shadow:0 16px 32px rgba(21,133,243,.18)}
.consulting-gradient-btn:hover{background:linear-gradient(90deg,#32d88a 0%, #0f7bee 100%)}
.consulting-services-grid{grid-template-columns:repeat(3,1fr);gap:30px;margin-top:42px}
.consulting-card{
    background:#fff;border:1px solid rgba(222,232,244,.95);border-radius:26px;padding:34px 32px;box-shadow:var(--shadow-soft);
    transition:transform .25s ease, box-shadow .25s ease;display:flex;flex-direction:column;min-height:100%;
}
.consulting-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(25,47,89,.14)}
.consulting-card.featured{border:2px solid #f24a9c}
.consulting-card h3{font-size:2rem;line-height:1.16;margin:0 0 16px}
.consulting-card p{margin:0 0 24px;color:var(--muted);line-height:1.8;font-size:1.06rem}
.consulting-card-icon{width:66px;height:66px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:2rem;margin-bottom:26px;box-shadow:0 16px 32px rgba(24,74,156,.16)}
.gradient-green{background:linear-gradient(180deg,#32d989 0%, #1191ef 100%)}
.gradient-blue{background:linear-gradient(180deg,#2a8af8 0%, #ec3f97 100%)}
.gradient-pink{background:linear-gradient(180deg,#ef4aa0 0%, #ff8a16 100%)}
.consulting-checks{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px}
.consulting-checks li{position:relative;padding-left:28px;line-height:1.6;font-size:1rem}
.consulting-checks li::before{content:"✓";position:absolute;left:0;top:0;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:.76rem;font-weight:900;color:#fff}
.consulting-checks.green li::before{background:#28cd7d}
.consulting-checks.blue li::before{background:#1677ef}
.consulting-checks.pink li::before{background:#e63e96}
.consulting-card-price{margin-top:auto;padding-top:18px;border-top:1px solid var(--line)}
.consulting-card-price small{display:block;color:#73829a;font-weight:700;margin-bottom:10px;font-size:1rem}
.consulting-card-price strong{display:block;font-size:2.2rem;line-height:1}
.price-green{color:#28cd7d}
.price-blue{color:#1677ef}
.price-pink{color:#e63e96}
.consulting-form-section{padding-bottom:84px;background:linear-gradient(180deg,#f7fbff 0%,#f2f7fd 100%)}
.consulting-form-wrap{width:min(calc(100% - 32px), 980px)}
.consulting-form-card{background:#fff;border:1px solid rgba(222,232,244,.95);border-radius:28px;padding:42px 44px 36px;box-shadow:var(--shadow)}
.consulting-form-head h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.08;margin:0 0 10px}
.consulting-form-head p{margin:0 0 28px;color:var(--muted);font-size:1.06rem}
.consulting-form{display:grid;gap:20px}
.consulting-form-grid.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form-field label{display:block;font-size:.96rem;font-weight:800;color:#22324a;margin-bottom:10px}
.form-field label span{color:#ef4444}
.form-field input,.form-field select,.form-field textarea{
    width:100%;border:1px solid #d9e4f0;border-radius:14px;background:#f8fbff;color:#22324a;padding:15px 16px;
    font:inherit;outline:none;transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.form-field input{height:56px}
.form-field textarea{min-height:138px;resize:vertical}
.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#88b8ff;background:#fff;box-shadow:0 0 0 4px rgba(22,119,239,.08)}
.field-error{display:block;margin-top:8px;color:#dc2626;font-weight:700}
.form-alert{padding:16px 18px;border-radius:16px;font-weight:700;margin-bottom:20px}
.form-alert.success{background:#ecfff5;border:1px solid #b8efd2;color:#167c4f}
.form-alert.error{background:#fff1f2;border:1px solid #fecdd3;color:#be123c}
.form-note{margin-top:2px}

@media (max-width: 1180px){
    .consulting-services-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 920px){
    .consulting-services-grid,.consulting-form-grid.two-cols{grid-template-columns:1fr}
    .consulting-form-card{padding:32px 22px 28px}
}
@media (max-width: 640px){
    .consulting-hero{padding:56px 0 72px}
    .consulting-title{font-size:2.6rem}
    .consulting-subtitle{font-size:1rem}
    .consulting-card{padding:26px 22px}
    .consulting-card h3{font-size:1.6rem}
    .consulting-form-wrap{width:min(calc(100% - 20px), 980px)}
    .consulting-form-head h2{font-size:2rem}
}


/* =========================================================
   SOFTWARE & AUTOMATION
   ========================================================= */
.software-dark{
    padding:82px 0 84px;
    background:
        radial-gradient(circle at 84% 22%, rgba(30,202,208,.20), transparent 16%),
        radial-gradient(circle at 18% 18%, rgba(229,62,150,.10), transparent 22%),
        linear-gradient(90deg,#121722 0%, #11182b 34%, #132142 68%, #132639 100%);
    color:#fff;
}
.software-hero-inner{max-width:860px}
.software-title{
    font-size:clamp(2.5rem, 6vw, 4.4rem);
    line-height:1.04;
    letter-spacing:-.04em;
    margin:18px 0 16px;
}
.software-subtitle{
    max-width:760px;
    margin:0 auto;
    color:rgba(255,255,255,.86);
    font-size:1.14rem;
    line-height:1.75;
}
.software-gradient-btn{
    background:linear-gradient(90deg,#ef4aa0 0%, #1b80f9 100%);
    color:#fff;
    box-shadow:0 14px 34px rgba(57, 105, 241, .24);
}
.software-gradient-btn:hover{
    background:linear-gradient(90deg,#f254a7 0%, #1684ff 100%);
}
.software-packages-section{padding-bottom:34px}
.software-packages-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:22px;
    align-items:stretch;
}
.software-package-card{
    position:relative;
    background:#fff;
    border:1px solid rgba(193,206,228,.76);
    border-radius:22px;
    padding:26px 20px 20px;
    box-shadow:var(--shadow-soft);
    transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;
    overflow:hidden;
}
.software-package-card::before{
    content:"";
    position:absolute;
    inset:auto -10% 100% -10%;
    height:120px;
    background:linear-gradient(90deg, rgba(22,119,239,.08), rgba(30,202,208,.08));
    transition:transform .32s ease;
    transform:translateY(0);
}
.software-package-card:hover{
    transform:translateY(-8px);
    box-shadow:0 24px 48px rgba(25,47,89,.14);
}
.software-package-card:hover::before{transform:translateY(100%)}
.featured-blue{border-color:#7eb4ff}
.featured-green{border-color:#bbeccc}
.featured-pink{border-color:#f6b0d6}
.software-package-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:18px;
}
.software-package-icon{
    width:46px;height:46px;border-radius:14px;
    display:grid;place-items:center;
    color:#fff;font-size:1.2rem;
    box-shadow:0 14px 24px rgba(25,47,89,.12);
}
.software-package-icon.blue{background:linear-gradient(135deg,#197ef8,#146ce3)}
.software-package-icon.green{background:linear-gradient(135deg,#2fd388,#25bb72)}
.software-package-icon.pink{background:linear-gradient(135deg,#ef4aa0,#db2d88)}
.software-accent-line{
    display:block;
    width:56px;
    height:15px;
    border-radius:999px;
}
.software-accent-line.blue{background:linear-gradient(90deg,#197ef8,#146ce3)}
.software-package-card h3{
    margin:0 0 6px;
    font-size:1.95rem;
    letter-spacing:-.03em;
}
.software-package-card p{
    margin:0 0 16px;
    color:var(--muted);
}
.software-price-line{
    display:flex;
    align-items:flex-end;
    gap:8px;
    margin-bottom:18px;
}
.software-price-line strong{
    font-size:2.2rem;
    line-height:1;
}
.software-price-line small{
    color:#7d8aa2;
    font-weight:700;
}
.software-feature-list{
    list-style:none;
    padding:0;
    margin:0 0 24px;
    display:grid;
    gap:11px;
}
.software-feature-list li{
    position:relative;
    padding-left:20px;
    color:#273953;
    font-weight:600;
}
.software-feature-list li::before{
    content:"✓";
    position:absolute;
    left:0;
    top:0;
    font-weight:900;
}
.software-feature-list.blue li::before{color:#197ef8}
.software-feature-list.green li::before{color:#27cc7d}
.software-feature-list.pink li::before{color:#e63e96}
.btn-outline-green{
    background:#fff;
    color:#25bb72;
    border:1.5px solid #7de2ac;
    box-shadow:none;
}
.btn-outline-green:hover{background:#effff6}
.btn-outline-pink{
    background:#fff;
    color:#e63e96;
    border:1.5px solid #f2a9cc;
    box-shadow:none;
}
.btn-outline-pink:hover{background:#fff1f8}
.software-estimator-section{
    padding-top:12px;
    padding-bottom:34px;
}
.software-estimator-card{
    max-width:760px;
    margin:0 auto;
    background:linear-gradient(90deg,#1680f3 0%, #1ecad0 100%);
    color:#fff;
    border-radius:26px;
    padding:30px 24px;
    box-shadow:0 26px 56px rgba(22,128,243,.18);
    text-align:center;
    position:relative;
    overflow:hidden;
}
.software-estimator-card::before{
    content:"";
    position:absolute;
    inset:auto auto -44px -44px;
    width:160px;height:160px;
    border-radius:50%;
    background:rgba(255,255,255,.08);
}
.software-estimator-card::after{
    content:"";
    position:absolute;
    inset:-48px -48px auto auto;
    width:160px;height:160px;
    border-radius:50%;
    background:rgba(255,255,255,.07);
}
.software-estimator-icon{
    position:relative;
    z-index:1;
    font-size:2.25rem;
    margin-bottom:10px;
}
.software-estimator-card h2{
    position:relative;
    z-index:1;
    margin:0 0 10px;
    font-size:clamp(2rem, 4vw, 2.8rem);
}
.software-estimator-card p{
    position:relative;
    z-index:1;
    margin:0;
    color:rgba(255,255,255,.94);
}
.software-estimator-options{
    position:relative;
    z-index:1;
    margin-top:26px;
}
.software-estimator-label{
    display:block;
    margin-bottom:10px;
    font-size:.95rem;
    font-weight:800;
    color:rgba(255,255,255,.95);
}
.software-estimator-buttons{
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
    gap:12px;
}
.software-estimator-btn{
    appearance:none;
    border:none;
    border-radius:14px;
    padding:14px 16px;
    background:rgba(255,255,255,.18);
    color:#fff;
    font-weight:800;
    cursor:pointer;
    transition:transform .22s ease, background .22s ease, box-shadow .22s ease;
}
.software-estimator-btn:hover{
    transform:translateY(-2px);
    background:rgba(255,255,255,.25);
}
.software-estimator-btn.is-selected{
    background:#fff;
    color:#1373f0;
    box-shadow:0 14px 28px rgba(9, 57, 117, .18);
}
.software-form-section{padding-top:34px}
.software-form-card{
    max-width:760px;
    margin:0 auto;
    background:#fff;
    border:1px solid rgba(193,206,228,.76);
    border-radius:24px;
    box-shadow:var(--shadow);
    padding:30px 28px 26px;
}
.software-submit-btn{
    background:linear-gradient(90deg,#ef4aa0 0%, #1b80f9 100%);
    color:#fff;
    margin-top:8px;
}
.software-submit-btn:hover{
    background:linear-gradient(90deg,#f555ab 0%, #1586ff 100%);
}
.software-form .form-field textarea,
.software-form .form-field select,
.software-form .form-field input{
    transition:border-color .22s ease, box-shadow .22s ease, transform .22s ease;
}
.software-form .form-field textarea:focus,
.software-form .form-field select:focus,
.software-form .form-field input:focus{
    transform:translateY(-1px);
}
.form-alert{
    border-radius:16px;
    padding:14px 16px;
    margin-bottom:18px;
    font-weight:700;
}
.form-alert.success{
    background:#effff6;
    color:#187d52;
    border:1px solid #8fe0b5;
}
.form-alert.error{
    background:#fff0f3;
    color:#b7265b;
    border:1px solid #f2a1c0;
}
@media (max-width: 980px){
    .software-packages-grid{grid-template-columns:1fr}
    .software-package-card h3{font-size:1.7rem}
}
@media (max-width: 720px){
    .software-dark{padding:66px 0 68px}
    .software-estimator-card{padding:24px 18px}
    .software-estimator-buttons{grid-template-columns:1fr}
    .software-form-card{padding:22px 16px 18px;border-radius:20px}
}


.about-page{
    background:linear-gradient(180deg,#eef6ff 0%, #f7fbff 100%);
}
.about-wrap{width:min(calc(100% - 32px), 1080px)}
.about-hero-copy{max-width:860px;margin-inline:auto}
.about-tag{background:rgba(22,119,239,.08);color:var(--blue);border-color:rgba(22,119,239,.12);box-shadow:none}
.about-tag-secondary{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.16);color:#fff}
.about-hero-copy h1{font-size:clamp(2.4rem, 5vw, 4.1rem);margin:16px 0 14px;line-height:1.04;letter-spacing:-.03em}
.about-hero-copy p{font-size:1.12rem;line-height:1.8;color:var(--muted)}
.about-story-card{
    margin-top:34px;background:#fff;border:1px solid rgba(222,232,244,.95);border-radius:30px;padding:34px;box-shadow:var(--shadow);
}
.about-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.story-block{
    padding:8px 10px 8px 8px;
}
.story-kicker{
    display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:999px;font-size:.94rem;font-weight:900;
    margin-bottom:16px;color:#fff;box-shadow:0 10px 24px rgba(25,47,89,.10)
}
.story-kicker.blue{background:linear-gradient(90deg,#177cf1,#1bc6dc)}
.story-kicker.pink{background:linear-gradient(90deg,#ef4ba1,#ff8c19)}
.story-block h2{margin:0 0 16px;font-size:2rem;line-height:1.15}
.story-block p{margin:0 0 16px;color:var(--muted);line-height:1.82;font-size:1.02rem}
.about-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:28px}
.about-stat-card{
    position:relative;background:#fff;border:1px solid rgba(222,232,244,.95);border-radius:24px;padding:28px 24px 24px;box-shadow:var(--shadow-soft);
    transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.about-stat-card:hover{transform:translateY(-7px);box-shadow:0 24px 44px rgba(25,47,89,.14)}
.about-stat-card.blue:hover{border-color:#b8d7ff}
.about-stat-card.green:hover{border-color:#bdeed4}
.about-stat-card.pink:hover{border-color:#ffd0e6}
.about-stat-dot{display:block;width:58px;height:58px;border-radius:50%;margin-bottom:18px}
.about-stat-card.blue .about-stat-dot{background:#177cf1;box-shadow:0 0 0 16px rgba(23,124,241,.10)}
.about-stat-card.green .about-stat-dot{background:#29cc7f;box-shadow:0 0 0 16px rgba(41,204,127,.10)}
.about-stat-card.pink .about-stat-dot{background:#e63e96;box-shadow:0 0 0 16px rgba(230,62,150,.10)}
.about-stat-card strong{display:block;font-size:3.2rem;line-height:1;margin-bottom:10px}
.about-stat-card p{margin:0;color:var(--muted);line-height:1.72}
.about-pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px}
.about-pillar-card{
    background:#fff;border:1px solid rgba(222,232,244,.95);border-radius:24px;padding:24px 22px;box-shadow:var(--shadow-soft);
    transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease;
}
.about-pillar-card:hover{transform:translateY(-7px);box-shadow:0 24px 44px rgba(25,47,89,.14);border-color:#cfe3ff}
.pillar-icon{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;color:#fff;font-weight:900;margin-bottom:18px}
.pillar-icon.blue{background:linear-gradient(180deg,#1981fb 0%, #146ce3 100%)}
.pillar-icon.teal{background:linear-gradient(180deg,#1dcad0 0%, #1fb897 100%)}
.pillar-icon.orange{background:linear-gradient(180deg,#ff981f 0%, #f47b02 100%)}
.pillar-icon.pink{background:linear-gradient(180deg,#ef4aa0 0%, #db2d88 100%)}
.about-pillar-card h3{margin:0 0 12px;font-size:1.35rem;line-height:1.2}
.about-pillar-card p{margin:0;color:var(--muted);line-height:1.74}
.about-values-wrap{margin-top:34px}
.about-values-card{
    background:#fff;border:1px solid rgba(222,232,244,.95);border-radius:30px;padding:36px;box-shadow:var(--shadow);
}
.values-list{display:grid;gap:20px;margin-top:24px}
.value-row{
    display:grid;grid-template-columns:54px 1fr;gap:16px;align-items:start;padding:18px;border-radius:20px;border:1px solid #edf3f9;
    transition:transform .22s ease, box-shadow .22s ease, background .22s ease;
}
.value-row:hover{transform:translateX(6px);box-shadow:0 18px 30px rgba(25,47,89,.08);background:#fbfdff}
.value-icon{width:40px;height:40px;border-radius:12px;display:block}
.value-icon.blue{background:#177cf1}
.value-icon.green{background:#29cc7f}
.value-icon.pink{background:#e63e96}
.value-icon.orange{background:#ff8a16}
.value-row h3{margin:0 0 8px;font-size:1.28rem}
.value-row p{margin:0;color:var(--muted);line-height:1.74}
.about-cta-box{
    margin-top:34px;background:linear-gradient(90deg,#1478ef 0%, #1bb7dd 50%, #27cc7d 100%);color:#fff;border-radius:30px;padding:36px 34px;
    display:flex;justify-content:space-between;gap:24px;align-items:center;box-shadow:var(--shadow)
}
.about-cta-box h2{margin:14px 0 10px;font-size:2.2rem;line-height:1.1}
.about-cta-box p{margin:0;color:rgba(255,255,255,.92);max-width:700px;line-height:1.8}
.about-cta-actions{display:flex;gap:14px;flex-wrap:wrap}
.about-cta-actions .btn-outline{border-color:rgba(255,255,255,.45);color:#fff;background:rgba(255,255,255,.08)}
.about-cta-actions .btn-outline:hover{background:rgba(255,255,255,.16)}

@media (max-width: 1180px){
    .about-pillars-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 920px){
    .about-story-grid,.about-stats-grid,.about-pillars-grid,.about-cta-box{grid-template-columns:1fr;display:grid}
    .about-cta-actions{justify-content:flex-start}
}
@media (max-width: 640px){
    .about-wrap{width:min(calc(100% - 22px), 1080px)}
    .about-story-card,.about-values-card,.about-cta-box{padding:22px}
    .story-block h2{font-size:1.6rem}
    .about-stat-card strong{font-size:2.6rem}
    .value-row{grid-template-columns:1fr}
    .about-cta-box h2{font-size:1.8rem}
    .about-cta-actions{flex-direction:column}
}

/* =========================================================
   CONTACT
   ========================================================= */
.contact-page{background:linear-gradient(180deg,#eef6ff 0%, #f8fbff 100%)}
.contact-wrap{width:min(calc(100% - 32px), 1180px)}
.contact-hero-copy{max-width:860px;margin-inline:auto}
.contact-grid{display:grid;grid-template-columns:360px 1fr;gap:34px;align-items:start}
.contact-info-stack{display:grid;gap:18px}
.contact-info-card,.contact-bank-card,.contact-form-card,.contact-map-card{background:#fff;border:1px solid rgba(222,232,244,.95);border-radius:26px;box-shadow:var(--shadow-soft)}
.contact-info-card{padding:22px 20px;display:grid;grid-template-columns:58px 1fr;gap:16px;transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease}
.contact-info-card:hover,.contact-bank-card:hover,.contact-form-card:hover,.contact-map-card:hover{transform:translateY(-6px);box-shadow:0 24px 48px rgba(25,47,89,.14)}
.contact-info-card.blue:hover{border-color:#95c0ff}.contact-info-card.green:hover{border-color:#9fe4bf}.contact-info-card.pink:hover{border-color:#f3add3}.contact-info-card.orange:hover{border-color:#ffd19d}
.contact-card-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:1.2rem;font-weight:900;box-shadow:0 14px 24px rgba(25,47,89,.12)}
.contact-info-card.blue .contact-card-icon{background:linear-gradient(135deg,#197ef8,#146ce3)}
.contact-info-card.green .contact-card-icon{background:linear-gradient(135deg,#32d989,#1fbe72)}
.contact-info-card.pink .contact-card-icon{background:linear-gradient(135deg,#ef4aa0,#db2d88)}
.contact-info-card.orange .contact-card-icon{background:linear-gradient(135deg,#ff9b20,#f47b02)}
.contact-info-card h3,.contact-bank-card h3{margin:2px 0 8px;font-size:1.12rem}.contact-info-card p{margin:0 0 6px;color:var(--muted);line-height:1.65}.contact-info-card a:hover{color:var(--blue)}
.contact-bank-card{padding:24px 22px;background:linear-gradient(180deg,#eef6ff 0%, #f7fbff 100%);border-color:#cfe1fb}
.contact-bank-head{display:flex;align-items:center;gap:10px;margin-bottom:12px}.contact-bank-head span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#e6f0ff;color:var(--blue)}
.contact-bank-card ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.contact-bank-card li{color:#314259;line-height:1.6}.contact-bank-card small{display:block;margin-top:12px;color:#66758b;line-height:1.6}
.contact-form-card{padding:34px 32px}.contact-form-head h2{margin:0 0 10px;font-size:clamp(2rem, 4vw, 2.9rem);line-height:1.08}.contact-form-head p{margin:0 0 24px;color:var(--muted);font-size:1.05rem}
.contact-form{display:grid;gap:20px}.contact-submit-btn{background:linear-gradient(90deg,#1b80f9 0%, #26cc7c 100%);color:#fff}.contact-submit-btn:hover{background:linear-gradient(90deg,#1687ff 0%, #2bd684 100%)}
.contact-map-wrap{margin-top:42px}.contact-map-head h2{margin:0 0 10px;font-size:clamp(1.8rem,4vw,2.5rem)}.contact-map-head p{margin:0 0 22px;color:var(--muted)}
.contact-map-card{overflow:hidden}.contact-map-card iframe{display:block;width:100%;height:460px;border:0}
@media (max-width: 1080px){.contact-grid{grid-template-columns:1fr;gap:26px}.contact-info-stack{grid-template-columns:repeat(2,1fr)}.contact-bank-card{grid-column:1 / -1}}
@media (max-width: 720px){.contact-wrap{width:min(calc(100% - 20px), 1180px)}.contact-info-stack{grid-template-columns:1fr}.contact-form-card{padding:24px 18px}.contact-map-card iframe{height:360px}}

/* SUPPORT PAGE */
.section-tight{padding:48px 0 24px}
.pt-0{padding-top:0}
.support-hero h1{font-size:clamp(2.2rem,4vw,3.35rem);margin:0 0 10px}
.support-hero p{font-size:1.1rem;color:var(--muted);margin:0}
.support-shell{max-width:1120px}
.support-alert{padding:16px 18px;border-radius:16px;margin:0 auto 22px;box-shadow:var(--shadow-soft);border:1px solid transparent}
.support-alert.is-success{background:#ecfff5;border-color:#b4f0d0;color:#12693d}
.support-alert.is-error{background:#fff1f3;border-color:#ffc6d2;color:#9a224f}
.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.support-card{background:rgba(255,255,255,.92);border:1px solid rgba(209,220,236,.9);box-shadow:var(--shadow);border-radius:28px;padding:26px;transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease;position:relative;overflow:hidden}
.support-card::after{content:"";position:absolute;inset:auto -30% -30% auto;width:180px;height:180px;background:radial-gradient(circle, rgba(22,119,239,.09), transparent 65%);pointer-events:none}
.support-card:hover{transform:translateY(-6px);box-shadow:0 22px 54px rgba(25,47,89,.14)}
.proof-card:hover{border-color:rgba(22,119,239,.35)}
.refund-card:hover{border-color:rgba(230,62,150,.35)}
.support-card__icon{width:62px;height:62px;border-radius:18px;display:grid;place-items:center;font-size:1.6rem;color:#fff;box-shadow:0 18px 28px rgba(25,47,89,.16);margin-bottom:18px}
.support-card__icon--gradient-blue{background:linear-gradient(135deg,var(--green),var(--blue))}
.support-card__icon--gradient-warm{background:linear-gradient(135deg,var(--pink),var(--orange))}
.support-card h2{margin:0 0 10px;font-size:2rem;line-height:1.15}
.support-card>p{margin:0 0 20px;color:var(--muted);font-size:1.03rem}
.support-form{display:grid;gap:14px}
.support-form label{display:grid;gap:8px}
.support-form span{font-weight:700;font-size:.95rem}
.support-form strong{color:#e83e8c}
.support-form input,.support-form textarea,.support-form select{width:100%;border:1px solid #d9e2ef;background:#fff;padding:14px 15px;border-radius:14px;font-size:1rem;outline:none;transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease}
.support-form input:focus,.support-form textarea:focus,.support-form select:focus{border-color:rgba(22,119,239,.55);box-shadow:0 0 0 4px rgba(22,119,239,.1);transform:translateY(-1px)}
.support-note{display:flex;gap:12px;align-items:flex-start;border-radius:16px;padding:14px 15px;margin-top:2px;border:1px solid transparent}
.support-note strong{font-size:1rem;line-height:1.4}
.support-note p{margin:0;color:#334765;font-size:.97rem;line-height:1.55}
.support-note a{color:var(--blue);font-weight:700}
.support-note--info{background:#eff5ff;border-color:#bdd3ff}
.support-note--warning{background:#fff7e7;border-color:#f1d48a}
.btn-gradient,.btn-gradient-warm{display:inline-flex;justify-content:center;align-items:center;width:100%;min-height:54px;border:none;border-radius:16px;color:#fff;font-weight:800;font-size:1rem;cursor:pointer;transition:transform .24s ease, box-shadow .24s ease, filter .24s ease}
.btn-gradient{background:linear-gradient(90deg,var(--green),var(--blue));box-shadow:0 14px 28px rgba(22,119,239,.18)}
.btn-gradient-warm{background:linear-gradient(90deg,var(--pink),var(--orange));box-shadow:0 14px 28px rgba(230,62,150,.18)}
.btn-gradient:hover,.btn-gradient-warm:hover{transform:translateY(-2px);filter:saturate(1.06);box-shadow:0 18px 32px rgba(25,47,89,.2)}
.support-faq-wrap{margin-top:28px}
.support-faq-card{max-width:790px;margin:0 auto;background:rgba(255,255,255,.92);border:1px solid rgba(209,220,236,.9);box-shadow:var(--shadow);border-radius:28px;padding:32px}
.support-faq-card h2{margin:0 0 18px;text-align:center;font-size:2.25rem}
.faq-item{border:1px solid #e0e8f4;border-radius:16px;padding:0 18px;background:#fff;transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease}
.faq-item + .faq-item{margin-top:14px}
.faq-item:hover{border-color:rgba(22,119,239,.35);transform:translateY(-1px);box-shadow:var(--shadow-soft)}
.faq-item[open]{border-color:rgba(22,119,239,.35);box-shadow:var(--shadow-soft)}
.faq-item summary{list-style:none;cursor:pointer;padding:18px 40px 18px 0;font-weight:800;position:relative}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"⌄";position:absolute;right:2px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--blue);transition:transform .2s ease}
.faq-item[open] summary::after{transform:translateY(-50%) rotate(180deg)}
.faq-answer{padding:0 0 18px;color:var(--muted);line-height:1.65}
@media (max-width: 900px){
  .support-grid{grid-template-columns:1fr}
  .support-card h2{font-size:1.7rem}
  .support-faq-card{padding:24px}
}
@media (max-width: 640px){
  .support-card{padding:22px}
  .support-faq-card h2{font-size:1.8rem}
  .faq-item summary{padding-right:28px}
}
