/* Маркетингове розхламлення — styles. Desktop and mobile layouts live in one page; the breakpoint switches them. */
/* ---------- desktop ---------- */
body{margin:0;background:#eeece8;color:#213e5f;font-family:"Inter Tight",system-ui,sans-serif}
.v-desktop a{color:#213e5f}
.v-desktop a:hover{color:#265c8e}
.v-desktop,.v-desktop *{box-sizing:border-box}
.v-desktop .hd{font-family:"Inter Tight",system-ui,sans-serif;font-weight:700;letter-spacing:-0.05em;text-transform:uppercase;line-height:0.92}
.v-desktop .sc{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500}
.v-desktop .frame{position:relative;display:inline-block;border:2px solid currentColor;padding:0.02em 0.1em 0.06em}
.v-desktop .frame::before,.v-desktop .frame::after{content:"";position:absolute;width:12px;height:12px;border-radius:999px;background:currentColor}
.v-desktop .frame::before{top:-7px;left:-7px}
.v-desktop .frame::after{bottom:-7px;right:-7px}
.v-desktop .nav a{text-decoration:none}
.v-desktop .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:14px 30px;border-radius:999px;font-weight:600;font-size:17px;text-decoration:none;border:2px solid #213e5f;cursor:pointer;font-family:inherit}
.v-desktop .btn{transition:background-color .25s ease,color .25s ease,transform .2s ease,box-shadow .25s ease}
.v-desktop .btn:active{transform:scale(0.98)}
.v-desktop .btn-main{background:#213e5f;color:#f4f4f2;box-shadow:0 0 0 rgba(33,62,95,0)}
.v-desktop .btn-main:hover{box-shadow:0 10px 24px rgba(33,62,95,0.25)}
.v-desktop .reveal{display:grid;transition:grid-template-rows .4s ease,opacity .4s ease}
.v-desktop .reveal>div{overflow:hidden;min-height:0}
.v-desktop .plus{display:inline-block;transition:transform .3s ease}
@media (prefers-reduced-motion: reduce){.v-desktop .btn,.v-desktop .reveal,.v-desktop .plus{transition:none}}
.v-desktop .btn-main:hover{background:#265c8e;border-color:#265c8e;color:#ffffff}
.v-desktop .btn-line{background:transparent;color:#213e5f}
.v-desktop .btn-line:hover{background:#213e5f;color:#f4f4f2}
.v-desktop .grid-bg{background-color:#ffffff;background-image:linear-gradient(rgba(33,62,95,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(33,62,95,0.05) 1px,transparent 1px);background-size:250px 250px}
.v-desktop .tiles{background-color:#1c0f0b;background-image:linear-gradient(90deg,rgba(255,255,255,0.05) 2px,transparent 2px),linear-gradient(rgba(255,255,255,0.04) 2px,transparent 2px);background-size:150px 220px}
.v-desktop .bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;padding-bottom:20px;border-bottom:3px solid #265c8e;font-size:clamp(16px,1.6vw,22px);font-weight:500;text-transform:uppercase;color:#3f5878}
.v-desktop .stp p{margin:0}
.v-desktop .stp .q{font-size:1.35em;line-height:1.3}
.v-desktop .acc{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:44px;margin:0;padding:0;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer}
.v-desktop .acc:focus-visible{outline:2px solid #265c8e;outline-offset:4px}
/* ---------- mobile ---------- */
.v-mobile a{color:#213e5f}
.v-mobile a:hover{color:#265c8e}
.v-mobile,.v-mobile *{box-sizing:border-box}
.v-mobile .hd{font-family:"Inter Tight",system-ui,sans-serif;font-weight:700;letter-spacing:-0.035em;text-transform:uppercase;line-height:0.98}
.v-mobile .sc{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-weight:500}
.v-mobile .frame{position:relative;display:inline-block;border:1.5px solid currentColor;padding:0.02em 0.1em 0.06em}
.v-mobile .frame::before,.v-mobile .frame::after{content:"";position:absolute;width:8px;height:8px;border-radius:999px;background:currentColor}
.v-mobile .frame::before{top:-5px;left:-5px}
.v-mobile .frame::after{bottom:-5px;right:-5px}
.v-mobile .btn{display:flex;align-items:center;justify-content:center;min-height:54px;padding:14px 22px;border-radius:999px;font-weight:600;font-size:17px;text-decoration:none;border:2px solid #213e5f;font-family:inherit;text-align:center}
.v-mobile .btn{transition:background-color .25s ease,color .25s ease,transform .2s ease,box-shadow .25s ease}
.v-mobile .btn:active{transform:scale(0.98)}
.v-mobile .btn-main{background:#213e5f;color:#f4f4f2;box-shadow:0 0 0 rgba(33,62,95,0)}
.v-mobile .btn-main:hover{box-shadow:0 10px 24px rgba(33,62,95,0.25)}
.v-mobile .reveal{display:grid;transition:grid-template-rows .4s ease,opacity .4s ease}
.v-mobile .reveal>div{overflow:hidden;min-height:0}
.v-mobile .plus{display:inline-block;transition:transform .3s ease}
@media (prefers-reduced-motion: reduce){.v-mobile .btn,.v-mobile .reveal,.v-mobile .plus{transition:none}}
.v-mobile .btn-main:hover{background:#265c8e;color:#ffffff}
.v-mobile .btn-line{background:transparent;color:#213e5f}
.v-mobile .bar{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:2px solid #265c8e;font-size:13px;font-weight:500;text-transform:uppercase;color:#3f5878}
.v-mobile .grid-bg{background-color:#ffffff;background-image:linear-gradient(rgba(33,62,95,0.05) 1px,transparent 1px),linear-gradient(90deg,rgba(33,62,95,0.05) 1px,transparent 1px);background-size:130px 130px}
.v-mobile .tiles{background-color:#1c0f0b;background-image:linear-gradient(90deg,rgba(255,255,255,0.05) 2px,transparent 2px),linear-gradient(rgba(255,255,255,0.04) 2px,transparent 2px);background-size:98px 150px}
.v-mobile .stp p{margin:0}
.v-mobile .stp .q{font-size:1.35em;line-height:1.3}
.v-mobile .acc{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;margin:0;padding:0;background:none;border:0;font:inherit;color:inherit;text-align:left;cursor:pointer}
.v-mobile .acc:focus-visible{outline:2px solid #265c8e;outline-offset:4px}
/* ---------- layout switch ---------- */
.v-mobile{display:none}
@media (max-width: 720px){.v-desktop{display:none}.v-mobile{display:block}body{background:#eeece8}}
[hidden]{display:none !important}
html{scroll-behavior:smooth}
[id]{scroll-margin-top:80px}