:root{--bg:#f4fbff;--white:#fff;--text:#143049;--muted:#587089;--blue:#2d86ed;--blue2:#1767c9;--green:#35b96d;--green2:#0f944b;--red:#ef5b5b;--orange:#f2a72d;--line:rgba(34,93,145,.14);--shadow:0 22px 70px rgba(28,78,123,.14);--shadow2:0 12px 34px rgba(28,78,123,.1);--r:28px;--cont:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:linear-gradient(180deg,#fbfeff,#f4fbff);overflow-x:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.container{max-width:var(--cont);margin:0 auto;padding:0 20px}.section{padding:92px 0;position:relative;overflow:hidden}.section-white{background:linear-gradient(180deg,#fff 0%,#f8fdff 100%)}.section--soft{background:radial-gradient(circle at 12% 5%,rgba(45,134,237,.12),transparent 28%),linear-gradient(180deg,#eff8ff 0%,#f8fdff 100%)}h1,h2,h3,p,ul{margin-top:0}h1{font-size:clamp(38px,5.2vw,68px);line-height:1.02;letter-spacing:-.045em;margin-bottom:18px}h2{font-size:clamp(30px,3.8vw,46px);line-height:1.08;letter-spacing:-.03em;margin-bottom:16px}h3{font-size:22px;line-height:1.22;margin-bottom:10px}p{font-size:17px;line-height:1.72;color:var(--muted)}ul{color:var(--muted);line-height:1.65}.progress{position:fixed;left:0;top:0;height:4px;width:0;background:linear-gradient(90deg,var(--blue),var(--green));z-index:200}.dots{position:fixed;inset:0;pointer-events:none;z-index:0;opacity:.42}.header{position:sticky;top:0;z-index:100;padding:14px 0 0}.header__in{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;padding:12px 18px;background:rgba(255,255,255,.9);border:1px solid rgba(255,255,255,.75);border-radius:28px;box-shadow:0 16px 48px rgba(35,84,130,.1);backdrop-filter:blur(14px)}body.scrolled .header__in{box-shadow:0 18px 56px rgba(35,84,130,.16)}.brand{display:flex;align-items:center;gap:13px}.brand img{width:108px;height:auto}.brand span{display:flex;flex-direction:column;line-height:1.1}.brand b{font-size:16px}.brand small{font-size:13px;color:var(--muted);margin-top:4px}.nav{display:flex;align-items:center;justify-content:center;gap:20px}.nav a{position:relative;font-size:15px;font-weight:800;color:#35516a}.nav a:after{content:'';position:absolute;left:0;bottom:-8px;width:100%;height:2px;background:linear-gradient(90deg,var(--blue),var(--green));transform:scaleX(0);transform-origin:left;transition:.25s}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}.headphone{text-align:right}.headphone small{display:block;color:var(--muted);font-size:13px;margin-bottom:5px}.headphone a,.footphone{font-size:24px;font-weight:900;color:var(--blue2)}.menu{display:none;width:48px;height:48px;border:0;background:#edf7ff;border-radius:16px;padding:12px}.menu span{display:block;height:2px;background:#17476f;margin:6px 0;border-radius:3px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:15px 22px;border-radius:16px;border:1px solid transparent;font-weight:900;font-size:16px;transition:.2s;position:relative;overflow:hidden}.btn:hover{transform:translateY(-2px)}.btn--main{background:linear-gradient(135deg,var(--blue),var(--blue2));color:#fff;box-shadow:0 18px 38px rgba(45,134,237,.3)}.btn--main:before{content:'';position:absolute;top:-60%;left:-55%;width:45%;height:220%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);transform:rotate(25deg);animation:shine 3.6s infinite}.btn--lite{background:#fff;color:var(--blue2);border-color:rgba(45,134,237,.18);box-shadow:var(--shadow2)}.btn--ghost{background:#f3faff;color:#295a88;border-color:rgba(45,134,237,.12)}@keyframes shine{45%,100%{left:130%}}.tag{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:#e8f4ff;color:var(--blue2);font-size:13px;font-weight:900;text-transform:uppercase;letter-spacing:.04em;margin-bottom:14px}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}.d4{transition-delay:.32s}[data-ico]{display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;flex:0 0 auto}[data-ico] svg{width:100%;height:100%;display:block}[data-tilt]{transform-style:preserve-3d;transition:transform .18s ease}.footer{padding:0 0 92px;background:#f8fdff}.footer__in{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:28px 20px}.footer .brand img{width:82px}.mobile-call{display:none}.soft-cta{position:fixed;right:20px;bottom:24px;z-index:120;max-width:330px;padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(45,134,237,.15);box-shadow:0 22px 70px rgba(28,78,123,.18);transform:translateY(24px) scale(.96);opacity:0;pointer-events:none;transition:.28s}.soft-cta.show{opacity:1;transform:none;pointer-events:auto}.soft-cta b{display:block;font-size:18px;margin-bottom:7px}.soft-cta span{display:block;color:var(--muted);font-size:14px;line-height:1.5;margin-bottom:12px}.soft-cta a{display:inline-flex;width:100%;justify-content:center;padding:12px 14px;border-radius:14px;background:linear-gradient(135deg,var(--green),var(--green2));color:#fff;font-weight:900}.soft-cta button{position:absolute;right:10px;top:8px;border:0;background:transparent;font-size:24px;color:#8aa0b2;cursor:pointer}.notfound{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#f8fdff,#eaf7ff);padding:40px 20px}.notfound__box{max-width:760px;margin:auto;background:#fff;border-radius:34px;box-shadow:var(--shadow);padding:44px}.notfound .brand{margin-bottom:24px}.wave-separator{height:72px;margin-top:-1px;background:#fff;clip-path:polygon(0 20%,12% 36%,28% 18%,45% 40%,63% 22%,80% 36%,100% 16%,100% 100%,0 100%)}.wave-blue{background:linear-gradient(180deg,rgba(238,248,255,.1),#fff)}.section-divider{height:82px;position:relative;background:linear-gradient(180deg,#f8fdff,#eff8ff)}.section-divider span{position:absolute;left:50%;top:50%;width:min(820px,82vw);height:1px;background:linear-gradient(90deg,transparent,rgba(45,134,237,.45),rgba(53,185,109,.45),transparent);transform:translate(-50%,-50%)}.section-divider:before,.section-divider:after{content:'';position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--blue);box-shadow:0 0 0 9px rgba(45,134,237,.1)}.section-divider:before{left:calc(50% - min(410px,41vw))}.section-divider:after{right:calc(50% - min(410px,41vw));background:var(--green);box-shadow:0 0 0 9px rgba(53,185,109,.1)}.divider-green{background:linear-gradient(180deg,#fff,#eff8ff)}.divider-blue{background:linear-gradient(180deg,#eff8ff,#fff)}

/* ITERATION 5: header, spacing, favicon-ready layout */
.section{padding:72px 0}
.wave-separator{height:38px}
.section-divider{height:42px}
.section-divider:before,.section-divider:after{width:9px;height:9px;box-shadow:0 0 0 7px rgba(45,134,237,.09)}
.divider-green:after,.divider-blue:after{box-shadow:0 0 0 7px rgba(53,185,109,.09)}

.header{padding:10px 0 0}
.header__in{
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:14px;
    padding:10px 14px;
    border-radius:24px;
}
.brand{gap:10px;min-width:0}
.brand img{width:92px}
.brand b{font-size:15px;white-space:nowrap}
.brand small{font-size:12px}
.nav{
    justify-content:center;
    gap:6px;
    min-width:0;
    padding:4px;
    border-radius:18px;
    background:rgba(238,247,255,.72);
    border:1px solid rgba(45,134,237,.09);
}
.nav a{
    padding:9px 10px;
    border-radius:13px;
    font-size:13px;
    line-height:1;
    white-space:nowrap;
    color:#274967;
    transition:background .2s,color .2s,transform .2s;
}
.nav a:hover,.nav a.active{
    background:#fff;
    color:var(--blue2);
    box-shadow:0 8px 20px rgba(35,84,130,.09);
}
.nav a:after{display:none}
.headphone small{font-size:12px;max-width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.headphone a{font-size:21px}

@media(max-width:1120px){
    .header__in{grid-template-columns:auto auto;position:relative}
    .menu{display:block;justify-self:end}
    .nav{
        display:none;
        position:absolute;
        left:14px;
        right:14px;
        top:76px;
        flex-direction:column;
        align-items:stretch;
        gap:8px;
        padding:14px;
        background:rgba(255,255,255,.98);
        box-shadow:var(--shadow);
        border:1px solid rgba(45,134,237,.12);
        z-index:50;
    }
    .nav.open{display:flex}
    .nav a{font-size:15px;padding:13px 14px;line-height:1.1}
    .headphone{
        grid-column:1/-1;
        text-align:left;
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        border-top:1px solid var(--line);
        padding-top:10px;
    }
    .headphone small{max-width:none}
}


/* ITERATION 6: header call button + centered notice */
.header__in{
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:16px;
}
.headphone{
    display:flex;
    justify-content:flex-end;
    align-items:center;
    text-align:right;
}
.headphone small{display:none !important}
.headphone > a:not(.header-call-btn){display:none}
.header-call-btn{
    display:inline-flex !important;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:2px;
    min-width:178px;
    padding:12px 18px;
    border-radius:18px;
    color:#fff !important;
    background:linear-gradient(135deg,var(--green),var(--green2));
    box-shadow:0 16px 34px rgba(53,185,109,.32), inset 0 1px 0 rgba(255,255,255,.28);
    border:1px solid rgba(255,255,255,.45);
    font-weight:900;
    position:relative;
    overflow:hidden;
    transform:translateZ(0);
}
.header-call-btn:before{
    content:'';
    position:absolute;
    inset:-80% auto -80% -45%;
    width:42%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.55),transparent);
    transform:rotate(24deg);
    animation:headerCallShine 3.2s ease-in-out infinite;
}
.header-call-btn span{
    font-size:15px;
    text-transform:uppercase;
    letter-spacing:.04em;
    line-height:1;
}
.header-call-btn strong{
    font-size:20px;
    line-height:1.08;
    white-space:nowrap;
}
@keyframes headerCallShine{45%,100%{left:135%}}

.soft-cta{
    right:22px;
    bottom:auto;
    top:50%;
    transform:translate(24px,-50%) scale(.96);
    max-width:360px;
    padding:20px;
    border-radius:24px;
    color:#fff;
    background:
        radial-gradient(circle at 18% 18%, rgba(255,255,255,.18), transparent 24%),
        linear-gradient(145deg,#12395b 0%,#0f2742 56%,#0a1c31 100%);
    border:1px solid rgba(95,178,255,.32);
    box-shadow:0 26px 80px rgba(8,30,52,.36), 0 0 0 1px rgba(255,255,255,.06) inset;
}
.soft-cta.show{transform:translate(0,-50%) scale(1)}
.soft-cta:before{
    content:'☎';
    position:absolute;
    left:18px;
    top:-22px;
    width:52px;
    height:52px;
    border-radius:18px;
    display:grid;
    place-items:center;
    font-size:25px;
    background:linear-gradient(135deg,var(--green),var(--green2));
    box-shadow:0 16px 30px rgba(53,185,109,.34);
    animation:softCtaIcon 2.3s ease-in-out infinite;
}
.soft-cta:after{
    content:'';
    position:absolute;
    inset:-2px;
    border-radius:inherit;
    background:linear-gradient(120deg,rgba(45,134,237,.5),rgba(53,185,109,.32),rgba(255,255,255,.08));
    z-index:-1;
    filter:blur(13px);
    opacity:.72;
}
.soft-cta b{
    color:#fff;
    padding-left:58px;
    font-size:20px;
}
.soft-cta span{
    color:rgba(255,255,255,.78);
    padding-left:58px;
    font-size:15px;
}
.soft-cta a{
    margin-top:4px;
    background:linear-gradient(135deg,#39c979,#13a655);
    color:#fff;
    box-shadow:0 14px 28px rgba(19,166,85,.28);
}
.soft-cta button{
    color:rgba(255,255,255,.75);
}
@keyframes softCtaIcon{50%{transform:translateY(-4px) rotate(-4deg)}}

@media(max-width:1120px){
    .header__in{grid-template-columns:auto auto}
    .headphone{
        grid-column:1/-1;
        justify-content:center;
        padding-top:10px;
        border-top:1px solid var(--line);
    }
    .header-call-btn{
        width:100%;
        max-width:360px;
        min-width:0;
    }
}
@media(max-width:720px){
    .soft-cta{display:none}
    .header-call-btn strong{font-size:18px}
}
.site-credit {
  margin-top: 16px;
  font-size: 13px;
  line-height: 1.5;
  color: rgba(20, 48, 73, 0.62);
}

.site-credit a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.site-credit a:hover {
  color: #1767c9;
}