:root{
  
  --teal-deep:#0B3B42;
  --teal:#136F7E;
  --cyan:#2BA6B8;
  --cyan-bright:#7FDCE8;
  --cyan-light:#BFEDF2;
  --ink:#4D4D4D;
  --ink-strong:#2E3437;
  --steel:#68767C;
  --paper:#F5F8F8;
  --paper-2:#E9F0F0;
  --line:#DAE3E4;
  --dark:#07242A;
  --dark-2:#0C333B;
  --line-dark:#1B454E;
  --grad:linear-gradient(135deg,#0B3B42 0%,#136F7E 55%,#2BA6B8 100%);
  --radius:20px;
  --shadow-card:0 22px 48px -22px rgba(11,59,66,.22);
  --font-display:"Archivo",sans-serif;
  --font-body:"Inter",sans-serif;
  --font-mono:"IBM Plex Mono",monospace;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--paper);color:var(--ink-strong);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--cyan);color:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1240px;margin:0 auto;padding:0 28px}
.mono{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}
.eyebrow{display:inline-flex;align-items:center;gap:10px;color:var(--steel)}
.eyebrow::before{content:"";width:26px;height:2px;background:var(--grad);border-radius:2px}
h1,h2,h3{font-family:var(--font-display);line-height:1.06;letter-spacing:-.02em;color:var(--ink-strong)}
.section{padding:112px 0}
.section-tight{padding:0 0 112px}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.65,.3,1),transform .8s cubic-bezier(.2,.65,.3,1)}
.reveal.in{opacity:1;transform:none}
.d1{transition-delay:.08s}.d2{transition-delay:.16s}.d3{transition-delay:.24s}

.topbar{background:var(--dark);color:#8FB0B6;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em}
.topbar .container{display:flex;justify-content:space-between;align-items:center;height:38px}
.topbar a{color:#C4DEE2;transition:color .2s;display:inline-flex;align-items:center;gap:7px;white-space:nowrap}
.topbar .ico{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:1.7;flex:none}
.topbar a:hover{color:#fff}
.topbar .links{display:flex;gap:24px;align-items:center}
.lang-switch{display:flex;gap:2px;margin-left:6px}
.lang-switch a{padding:2px 8px;border-radius:6px;color:#8FB0B6}
.lang-switch a.on{color:#fff;background:rgba(43,166,184,.25)}
header.nav{position:sticky;top:0;z-index:100;background:rgba(245,248,248,.86);border-bottom:1px solid var(--line)}
header.nav::before{content:"";position:absolute;inset:0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:-1}
header.nav .container{display:flex;align-items:center;justify-content:space-between;height:80px;gap:18px}
.logo{display:flex;align-items:center}
.logo img{height:46px;width:auto}
nav.menu{display:flex;gap:10px;align-items:center}
.has-sub{position:relative;display:flex}
.has-sub>a{display:inline-flex;align-items:center;gap:6px}
.chev-s{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2;transition:transform .25s}
.has-sub:hover .chev-s,.has-sub:focus-within .chev-s{transform:rotate(180deg)}
.submenu{position:absolute;top:calc(100% + 8px);left:0;min-width:210px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow-card);padding:8px;opacity:0;visibility:hidden;transform:translateY(6px);transition:opacity .22s,transform .22s,visibility .22s;z-index:60}
.has-sub:hover .submenu,.has-sub:focus-within .submenu{opacity:1;visibility:visible;transform:none}
.has-sub::after{content:"";position:absolute;top:100%;left:0;right:0;height:10px}
.submenu a{display:block;padding:10px 14px;border-radius:9px;font-size:.88rem;color:var(--ink);font-weight:500}
.submenu a:hover{background:var(--paper);color:var(--ink-strong)}
.submenu a.active{background:var(--paper-2);color:var(--teal-deep);font-weight:600}
nav.menu>a,nav.menu .has-sub>a{padding:10px 16px;border-radius:99px;font-size:.9rem;font-weight:500;color:var(--ink);transition:background .2s,color .2s}
nav.menu>a:hover,nav.menu .has-sub>a:hover,.has-sub:focus-within>a{background:var(--paper-2);color:var(--ink-strong)}
nav.menu>a.active,nav.menu .has-sub>a.active{background:var(--paper-2);color:var(--teal-deep);font-weight:600}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 28px;border-radius:99px;font-weight:600;font-size:.92rem;border:none;cursor:pointer;font-family:var(--font-body);transition:transform .25s cubic-bezier(.2,.65,.3,1),box-shadow .25s,filter .25s,border-color .25s}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 10px 26px -10px rgba(19,111,126,.6)}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 16px 32px -10px rgba(19,111,126,.65)}
.btn-ghost{background:transparent;color:var(--ink-strong);border:1.5px solid var(--line)}
.btn-ghost:hover{border-color:var(--teal);color:var(--teal-deep)}
.btn-ghost-dark{background:rgba(255,255,255,.04);color:#E9F3F4;border:1.5px solid var(--line-dark)}
.btn-ghost-dark:hover{border-color:var(--cyan);background:rgba(43,166,184,.08)}
.btn .arr{transition:transform .25s}
.btn:hover .arr{transform:translateX(4px)}
.nav-cta{height:44px;padding:0 22px;font-size:.85rem}
.menu-cta{display:none}
.burger{display:none;background:none;border:none;cursor:pointer;width:44px;height:44px;border-radius:12px;flex:none}
.burger span{display:block;width:22px;height:2px;background:var(--ink-strong);margin:5px auto;border-radius:2px;transition:.3s}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

.hero{position:relative;background:radial-gradient(1100px 640px at 76% 14%,#10454F 0%,var(--dark) 58%);color:#E9F3F4;overflow:hidden}
.hero::after{content:"";position:absolute;inset:0;background:
  linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:60px 60px;pointer-events:none;mask-image:radial-gradient(ellipse at 74% 42%,#000 22%,transparent 70%)}
.hero .container{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;padding-top:92px;padding-bottom:100px}
.hero h1{font-size:clamp(2.5rem,5.2vw,4.2rem);font-weight:850;font-stretch:112%;color:#fff;text-wrap:balance}
.hero h1 .accent{background:linear-gradient(90deg,#2BA6B8,#7FDCE8);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.08em;margin-right:-.08em;display:inline-block}
.hero .quote{margin:26px 0 8px;max-width:520px;color:#A9C4C9;font-size:1.06rem}
.hero .quote strong{color:#fff;font-weight:600}
.hero-ctas{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}
.hero .mono-tag{color:#6F8F95;margin-bottom:24px;display:inline-flex;align-items:center;gap:10px}
.hero .mono-tag::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 4px rgba(43,166,184,.25);animation:pulse 2.4s infinite}
@keyframes pulse{0%,100%{box-shadow:0 0 0 4px rgba(43,166,184,.25)}50%{box-shadow:0 0 0 9px rgba(43,166,184,.06)}}
.hero-ticker{border-top:1px solid var(--line-dark);position:relative;z-index:2;background:rgba(0,0,0,.16)}
.hero-ticker .container{display:grid;grid-template-columns:repeat(4,1fr)}
.tick{padding:22px 20px;border-left:1px solid var(--line-dark);color:#9EBBC0;font-size:.84rem;line-height:1.45;display:flex;align-items:flex-start;gap:12px}
.tick:first-child{border-left:none;padding-left:0}
.tick svg{width:20px;height:20px;flex:none;stroke:var(--cyan);fill:none;stroke-width:1.6;margin-top:2px}

.gasket-wrap{position:relative;display:flex;justify-content:center;align-items:center}
.gasket-wrap::before{content:"";position:absolute;width:70%;height:70%;background:radial-gradient(circle,rgba(43,166,184,.16),transparent 65%);filter:blur(30px)}
.gasket{position:relative;width:min(560px,100%);height:auto;filter:drop-shadow(0 30px 55px rgba(0,0,0,.55))}
.g-float{animation:gfloat 7s ease-in-out infinite;transform-origin:310px 235px}
@keyframes gfloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
.g-prof{animation:extrude 1.1s cubic-bezier(.2,.65,.3,1) both}
@keyframes extrude{from{opacity:0;transform:translate(120px,-66px) scale(.86)}to{opacity:1;transform:none}}
.g-flow{stroke:#7FDCE8;stroke-width:1.4;stroke-dasharray:2 9;opacity:.6;animation:flow 2.6s linear infinite}
@keyframes flow{to{stroke-dashoffset:-22}}
.dim-label{font-family:var(--font-mono);font-size:11.5px;fill:#6F8F95;letter-spacing:.1em}
.dim-line{stroke:#28545C;stroke-width:1;stroke-dasharray:3 4}
.dim-solid{stroke:#3E6B74;stroke-width:1.2}

.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:56px;flex-wrap:wrap}
.section-head h2{font-size:clamp(1.85rem,2.9vw,2.55rem);font-weight:800;font-stretch:108%;max-width:500px;margin-top:16px;text-wrap:balance}
.section-head p{max-width:440px;color:var(--steel);margin-top:40px}
.brands-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.brand-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px;display:flex;flex-direction:column;justify-content:space-between;min-height:260px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.65,.3,1),box-shadow .35s,border-color .35s}
.brand-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-card);border-color:transparent}
.brand-card .idx{font-family:var(--font-mono);font-size:.68rem;color:var(--steel);letter-spacing:.13em}
.brand-card h3{font-size:1.55rem;font-weight:780;margin:16px 0 10px}
.brand-card h3 .tld{color:var(--cyan);font-weight:600}
.brand-card p{color:var(--steel);font-size:.93rem;max-width:42ch;position:relative;z-index:2}
.brand-card .go{margin-top:24px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:.88rem;position:relative;z-index:2}
.brand-card .go .arr{transition:transform .25s;color:var(--cyan)}
.brand-card:hover .go .arr{transform:translateX(5px)}

.bc-hero{grid-column:span 7;background:var(--grad);border-color:transparent;color:#fff}
.bc-hero h3{color:#fff}
.bc-hero h3 .tld{color:var(--cyan-light)}
.bc-hero p{color:rgba(255,255,255,.85)}
.bc-hero .idx{color:rgba(255,255,255,.65)}
.bc-hero .go{color:#fff}
.bc-hero .go .arr{color:var(--cyan-light)}
.bc-b{grid-column:span 5}
.bc-c{grid-column:span 5}
.bc-d{grid-column:span 7}

.dark-section{background:var(--dark);color:#E9F3F4;position:relative;overflow:hidden}
.dark-section::before{content:"";position:absolute;right:-140px;top:-140px;width:460px;height:460px;background:radial-gradient(circle,rgba(43,166,184,.07),transparent 62%);pointer-events:none}
.dark-section .section-head p{color:#8FB0B6}
.dark-section .section-head h2{color:#fff}
.dark-section .eyebrow{color:#7FA3A9}
.pillars{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:244px;gap:20px;position:relative;z-index:2}
.pillar{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--dark-2);border:1px solid var(--line-dark);display:flex;flex-direction:column;justify-content:flex-end;padding:30px;padding-top:34px;transition:transform .35s cubic-bezier(.2,.65,.3,1),box-shadow .35s,border-color .35s}
.pillar:hover{transform:translateY(-5px);box-shadow:0 28px 60px -24px rgba(0,0,0,.7);border-color:rgba(43,166,184,.35)}
.pillar .photo{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .9s cubic-bezier(.2,.65,.3,1);filter:saturate(.8)}
.pillar:hover .photo{transform:scale(1.07)}
.pillar .veil{position:absolute;inset:0;background:linear-gradient(to top,rgba(5,25,30,.96) 18%,rgba(5,25,30,.5) 58%,rgba(5,25,30,.18))}
.pillar .body{position:relative;z-index:2}
.pillar .ic{width:46px;height:46px;border-radius:13px;background:rgba(43,166,184,.14);border:1px solid rgba(43,166,184,.42);display:grid;place-items:center;margin-bottom:16px;backdrop-filter:blur(5px)}
.pillar .ic svg{width:22px;height:22px;stroke:var(--cyan-bright);fill:none;stroke-width:1.7}
.pillar h3{font-size:1.28rem;font-weight:760;color:#fff;margin-bottom:8px}
.pillar p{font-size:.88rem;color:#B9D2D6;max-width:56ch}
.pillar .tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.pillar .tag{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.09em;text-transform:uppercase;padding:6px 12px;border-radius:99px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#D9EAEC;backdrop-filter:blur(5px)}
.p-1{grid-column:span 4;grid-row:span 2}
.p-2{grid-column:span 2}
.p-3{grid-column:span 2}
.p-4{grid-column:span 3}
.p-5{grid-column:span 3}

.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:38px 32px;position:relative;overflow:hidden;transition:transform .3s,box-shadow .3s}
.stat:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}
.stat .num{font-family:var(--font-display);font-weight:850;font-stretch:110%;font-size:clamp(2.4rem,3.4vw,3.1rem);letter-spacing:-.03em;line-height:1;color:var(--teal-deep);font-variant-numeric:tabular-nums}
.stat .num sup{font-size:.45em;color:var(--cyan);font-weight:700;margin-left:2px;line-height:0;vertical-align:.55em}
.stat p{margin-top:16px;font-size:.88rem;color:var(--steel)}
.stat .bar{position:absolute;left:0;top:0;height:3px;background:var(--grad);width:0;transition:width 1.4s cubic-bezier(.2,.65,.3,1)}
.stat.in .bar{width:100%}

.about-strip{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.about-strip h2{font-size:clamp(1.9rem,3.1vw,2.6rem);font-weight:800;font-stretch:108%;margin-top:16px}
.about-strip .lede{color:var(--steel);margin-top:22px}
.about-visual{position:relative;background:var(--grad);border-radius:var(--radius);padding:48px;color:#fff;overflow:hidden;box-shadow:var(--shadow-card)}
.about-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:42px 42px}
.about-visual::after{content:"";position:absolute;right:-40px;bottom:-40px;width:230px;height:230px;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 62%)}
.about-visual blockquote{position:relative;font-family:var(--font-display);font-size:1.45rem;font-weight:650;line-height:1.36;letter-spacing:-.01em;z-index:2;padding-left:40px}
.about-visual blockquote::before{content:"„";position:absolute;left:0;top:-14px;color:var(--cyan-light);font-size:2.9rem;line-height:1}
.about-visual .src{position:relative;margin-top:28px;color:rgba(255,255,255,.72);z-index:2;text-align:center;display:block}

.cta-band{background:var(--grad);border-radius:calc(var(--radius) + 8px);padding:72px 64px;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:44px;position:relative;overflow:hidden;box-shadow:0 30px 60px -28px rgba(11,59,66,.5)}
.cta-band::after{content:"";position:absolute;right:-70px;top:-80px;width:340px;height:340px;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 60%)}
.cta-band::before{content:"";position:absolute;left:-50px;bottom:-90px;width:240px;height:240px;background:radial-gradient(circle,rgba(255,255,255,.1),transparent 60%)}
.cta-band h2{font-size:clamp(1.8rem,3.3vw,2.7rem);font-weight:820;font-stretch:110%;max-width:540px;color:#fff;text-wrap:balance}
.cta-band p{margin-top:16px;max-width:480px;color:rgba(255,255,255,.86)}
.btn-invert{background:#fff;color:var(--teal-deep);flex:none;position:relative;z-index:2}
.btn-invert:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px rgba(0,0,0,.35)}

footer{background:var(--dark);color:#8FB0B6;padding:84px 0 36px;font-size:.9rem}
.f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:48px;padding-bottom:58px;border-bottom:1px solid var(--line-dark)}
footer h4{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:#5F8288;margin-bottom:20px;font-weight:500}
footer ul{list-style:none;display:flex;flex-direction:column;gap:12px}
footer a{transition:color .2s}
footer a:hover{color:#fff}
.f-logo{display:inline-block;margin-bottom:22px}
.f-logo img{height:42px;width:auto}
.f-brand p{max-width:34ch}
.f-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:30px;gap:20px;flex-wrap:wrap;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;color:#5F8288}
.f-social{display:flex;gap:18px}
.f-social a{color:#8FB0B6}

@media (max-width:1040px){
  .hero .container{grid-template-columns:1fr;padding-top:60px;padding-bottom:64px;gap:36px}
  .gasket-wrap{order:-1}
  .gasket{width:min(420px,88%)}
  .hero-ticker .container{grid-template-columns:1fr 1fr}
  .tick{border-left:none;padding-left:0}
  .brands-grid{grid-template-columns:1fr 1fr}
  .bc-hero,.bc-b,.bc-c,.bc-d{grid-column:span 1}
  .pillars{grid-template-columns:1fr 1fr;grid-auto-rows:auto}
  .pillar{min-height:230px}
  .p-1,.p-2,.p-3,.p-4,.p-5{grid-column:span 1;grid-row:span 1}
  .p-1{grid-column:span 2;min-height:320px}
  .stats-grid{grid-template-columns:1fr 1fr}
  .about-strip{grid-template-columns:1fr;gap:44px}
  .cta-band{flex-direction:column;align-items:flex-start;padding:52px 36px}
  .f-grid{grid-template-columns:1fr 1fr;gap:40px}
}
@media (max-width:1080px){
  .section-head{display:block}
  .section-head h2{max-width:none;padding-right:8%}
  .section-head p{max-width:none;margin-top:16px;padding-right:16%}
  nav.menu{position:fixed;inset:0;height:100dvh;background:var(--paper);flex-direction:column;justify-content:center;gap:14px;transform:translateX(100%);transition:transform .4s cubic-bezier(.2,.65,.3,1);z-index:99;overflow-y:auto;padding:80px 24px}
  nav.menu.open{transform:none}
  nav.menu>a,nav.menu .has-sub>a{font-size:1.3rem}
  .has-sub{flex-direction:column;align-items:center}
  .has-sub .chev-s{display:none}
  .submenu{position:static;opacity:1;visibility:visible;transform:none;background:none;border:none;box-shadow:none;padding:2px 0 6px;text-align:center}
  .submenu a{font-size:1rem;color:var(--steel);padding:7px 14px}
  .burger{display:block;z-index:100}
}
@media (max-width:560px){
  .nav-cta{display:none}
  .menu-cta{display:inline-flex;margin-top:0;background:none;box-shadow:none;border:none;
    padding:10px 16px;color:var(--ink);font-size:1.3rem;font-weight:500;letter-spacing:0;text-transform:none}
  .menu-cta:hover{background:var(--paper-2);color:var(--ink-strong);transform:none;box-shadow:none}
  .menu-cta .arr{display:none}
}
@media (max-width:720px){
  .topbar .links:last-child > a{display:none}
  .topbar .links:first-child a .t{display:none}
  .topbar .links:first-child a{padding:6px}
  .topbar .ico{width:17px;height:17px}
  .f-hide-m{display:none}
  .f-grid{grid-template-columns:1fr;gap:36px}
  .brands-grid,.pillars,.stats-grid{grid-template-columns:1fr}
  .p-1{grid-column:span 1}
  .brand-card{min-height:0;padding:30px}
  .hero-ticker .container{grid-template-columns:1fr}
  .tick{padding:14px 0;border-left:none;border-top:1px solid var(--line-dark)}
  .tick:first-child{border-top:none}
  .section{padding:78px 0}
  .section-tight{padding:0 0 78px}
  .cta-band .btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
  .g-prof{opacity:1;transform:none}
}
a:focus-visible,button:focus-visible{outline:2.5px solid var(--cyan);outline-offset:3px;border-radius:8px}

.page-hero{background:radial-gradient(900px 420px at 70% 0%,#10454F 0%,var(--dark) 60%);color:#E9F3F4;padding:72px 0 64px;position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;mask-image:radial-gradient(ellipse at 70% 30%,#000 20%,transparent 70%)}
.page-hero .container{position:relative;z-index:2}
.page-hero h1{font-size:clamp(2.1rem,4vw,3.1rem);font-weight:850;font-stretch:110%;color:#fff}
.page-hero p{margin-top:14px;max-width:560px;color:#A9C4C9}

.faq{display:flex;flex-direction:column;gap:14px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:box-shadow .3s,border-color .3s}
.faq-item.open{border-color:rgba(43,166,184,.5);box-shadow:var(--shadow-card)}
.faq-q{width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px;text-align:left;padding:22px 26px;font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--ink-strong)}
.faq-q .chev{flex:none;width:34px;height:34px;border-radius:10px;background:var(--paper-2);display:grid;place-items:center;transition:transform .35s,background .3s}
.faq-q .chev svg{width:16px;height:16px;stroke:var(--teal);stroke-width:2.2;fill:none}
.faq-item.open .faq-q .chev{transform:rotate(180deg);background:rgba(43,166,184,.16)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .45s cubic-bezier(.2,.65,.3,1)}
.faq-a-inner{padding:0 26px 24px;color:var(--steel)}
.faq-a-inner a{color:var(--teal);font-weight:600}

.split-23{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:24px;align-items:start}
.side-card{position:sticky;top:110px;background:var(--grad);border-radius:var(--radius);padding:38px;color:#fff;box-shadow:var(--shadow-card)}
.side-card h3{color:#fff;font-size:1.45rem;font-weight:780;margin-bottom:12px}
.side-card p{color:rgba(255,255,255,.85);font-size:.95rem}
.side-card .btn{margin-top:24px}

.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid .full{grid-column:1/-1}
.field label{display:block;font-family:var(--font-mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--steel);margin-bottom:8px}
.field input,.field textarea{width:100%;padding:15px 16px;border:1.5px solid var(--line);border-radius:12px;background:#fff;font-family:var(--font-body);font-size:.95rem;color:var(--ink-strong);transition:border-color .25s,box-shadow .25s}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 0 3px rgba(43,166,184,.15)}
.field textarea{min-height:150px;resize:vertical}
.check{display:flex;gap:12px;align-items:flex-start;font-size:.85rem;color:var(--steel)}
.check input{width:18px;height:18px;margin-top:2px;accent-color:var(--teal);flex:none}
@media (max-width:1080px){.split-23{grid-template-columns:1fr}.side-card{position:static}}
@media (max-width:720px){.form-grid{grid-template-columns:1fr}}

.duo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.duo-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px;transition:transform .3s,box-shadow .3s}
.duo-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}
.duo-card .ic{width:48px;height:48px;border-radius:13px;background:rgba(43,166,184,.12);border:1px solid rgba(43,166,184,.35);display:grid;place-items:center;margin-bottom:18px}
.duo-card .ic svg{width:23px;height:23px;stroke:var(--teal);fill:none;stroke-width:1.7}
.duo-card h3{font-size:1.3rem;font-weight:770;margin-bottom:10px}
.duo-card p{color:var(--steel);font-size:.94rem}
.country-chips{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.country-chips .chip-c{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;padding:9px 15px;border-radius:99px;border:1.5px solid var(--line);background:#fff;color:var(--ink-strong)}
.country-chips .chip-c b{color:var(--teal);font-weight:600;margin-right:6px}
@media (max-width:720px){.duo-grid{grid-template-columns:1fr}}

.timeline{position:relative;display:flex;flex-direction:column;gap:0;margin-top:8px}
.timeline::before{content:"";position:absolute;left:23px;top:14px;bottom:14px;width:2px;background:linear-gradient(var(--cyan),var(--teal-deep))}
.tl-item{position:relative;padding:0 0 44px 72px}
.tl-item:last-child{padding-bottom:0}
.tl-dot{position:absolute;left:0;top:0;width:48px;height:48px;border-radius:14px;background:var(--grad);color:#fff;display:grid;place-items:center;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.05em;box-shadow:0 10px 22px -8px rgba(19,111,126,.55)}
.tl-item h3{font-size:1.25rem;font-weight:770;margin-bottom:8px}
.tl-item p{color:var(--steel);max-width:60ch}
.tl-item .chips-min{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.tl-item .chips-min span{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 11px;border-radius:99px;background:#fff;border:1px solid var(--line);color:var(--ink-strong)}

.quote-band{background:var(--dark);color:#E9F3F4;padding:96px 0;position:relative;overflow:hidden}
.quote-band::after{content:"";position:absolute;left:-120px;bottom:-160px;width:420px;height:420px;background:radial-gradient(circle,rgba(43,166,184,.09),transparent 62%)}
.quote-band blockquote{position:relative;font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.3rem);font-weight:700;line-height:1.3;letter-spacing:-.015em;max-width:820px;color:#fff;padding-left:46px;z-index:2}
.quote-band blockquote::before{content:"„";position:absolute;left:0;top:-16px;color:var(--cyan-bright);font-size:3.4rem;line-height:1}
.quote-band .author{margin-top:24px;padding-left:46px;color:#8FB0B6}
.quote-band .author b{color:#fff;font-weight:600}

.t-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.t-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:36px;display:flex;flex-direction:column;gap:22px;position:relative;transition:transform .3s,box-shadow .3s}
.t-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}
.t-card::before{content:"„";position:absolute;top:18px;right:28px;font-family:var(--font-display);font-size:4rem;line-height:1;color:rgba(43,166,184,.18);font-weight:800}
.t-card blockquote{color:var(--ink-strong);font-size:1rem;line-height:1.7}
.t-who{display:flex;align-items:center;gap:14px;margin-top:auto}
.t-ava{width:48px;height:48px;border-radius:50%;background:var(--grad);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:1.1rem;flex:none}
.t-who .n{font-weight:700;color:var(--ink-strong)}
.t-who .r{font-size:.82rem;color:var(--steel)}
@media (max-width:900px){.t-grid{grid-template-columns:1fr}}

.prose h3{font-size:1.35rem;font-weight:780;margin:44px 0 14px;display:flex;align-items:center;gap:14px}
.prose h3:first-child{margin-top:0}
.prose h3::before{content:"";width:22px;height:3px;border-radius:3px;background:var(--grad);flex:none}
.prose p{color:var(--steel);margin-bottom:16px;max-width:64ch}
.prose strong{color:var(--ink-strong)}

.person-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;position:sticky;top:110px;box-shadow:var(--shadow-card)}
.person-top{background:var(--grad);padding:34px;color:#fff;text-align:center}
.person-ava{width:84px;height:84px;border-radius:50%;background:rgba(255,255,255,.18);border:2px solid rgba(255,255,255,.5);display:grid;place-items:center;margin:0 auto 16px;font-family:var(--font-display);font-weight:800;font-size:1.7rem}
.person-top .n{font-family:var(--font-display);font-weight:780;font-size:1.25rem}
.person-top .r{font-size:.85rem;color:rgba(255,255,255,.8);margin-top:4px}
.person-body{padding:28px 30px}
.person-body a.row{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-weight:600;color:var(--ink-strong)}
.person-body a.row:last-of-type{border-bottom:none}
.person-body a.row:hover{color:var(--teal)}
.person-body .row svg{width:18px;height:18px;stroke:var(--teal);fill:none;stroke-width:1.7;flex:none}
.person-quote{margin-top:18px;padding:16px 18px;background:var(--paper);border-radius:12px;font-size:.88rem;color:var(--steel);font-style:italic}
@media (max-width:1080px){.person-card{position:static}}

.status-banner{display:flex;align-items:center;gap:16px;background:#fff;border:1.5px solid var(--line);border-left:5px solid var(--cyan);border-radius:14px;padding:20px 24px;margin-bottom:44px}
.status-banner .dot{width:10px;height:10px;border-radius:50%;background:var(--cyan);flex:none;box-shadow:0 0 0 4px rgba(43,166,184,.18)}
.status-banner p{color:var(--ink-strong);font-weight:600}
.status-banner small{display:block;font-weight:400;color:var(--steel);margin-top:2px}
.clause-box{background:var(--paper-2);border:1px dashed var(--line);border-radius:14px;padding:22px 24px;font-size:.88rem;color:var(--steel);position:relative;font-style:italic}
.copy-btn{position:absolute;top:12px;right:12px;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.08em;text-transform:uppercase;background:#fff;border:1px solid var(--line);border-radius:8px;padding:7px 12px;cursor:pointer;color:var(--ink-strong);transition:border-color .2s,color .2s}
.copy-btn:hover{border-color:var(--teal);color:var(--teal)}
.trait-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.trait{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 20px;text-align:center;transition:transform .3s,box-shadow .3s}
.trait:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}
.trait .ic{width:42px;height:42px;margin:0 auto 12px;border-radius:12px;background:rgba(43,166,184,.12);border:1px solid rgba(43,166,184,.35);display:grid;place-items:center}
.trait .ic svg{width:20px;height:20px;stroke:var(--teal);fill:none;stroke-width:1.8}
.trait b{font-family:var(--font-display);font-weight:750;font-size:.98rem;color:var(--ink-strong)}
@media (max-width:900px){.trait-grid{grid-template-columns:1fr 1fr}}

.toc{position:sticky;top:110px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.toc h4{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin-bottom:14px}
.toc a{display:block;padding:8px 12px;border-radius:9px;font-size:.86rem;color:var(--ink);border-left:2px solid transparent}
.toc a:hover{background:var(--paper);color:var(--teal-deep);border-left-color:var(--cyan)}
.legal .lede-doc{color:var(--steel);margin-bottom:36px;max-width:70ch}
.legal h3{font-size:1.2rem;font-weight:780;margin:42px 0 16px;padding-top:10px;display:flex;gap:14px;align-items:baseline}
.legal h3 .rn{font-family:var(--font-mono);font-size:.78rem;color:var(--cyan);letter-spacing:.06em;flex:none}
.legal p{color:#3E4A50;margin-bottom:13px;max-width:74ch;font-size:.94rem}
.legal p .no{font-family:var(--font-mono);font-size:.78rem;color:var(--teal);margin-right:8px}
.legal ul{margin:0 0 13px 22px;color:#3E4A50;font-size:.94rem}
.legal ul li{margin-bottom:6px}
.legal em.q{font-style:italic}
@media (max-width:1080px){.toc{position:static;margin-bottom:30px}}

.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:56px}
.c-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px;display:flex;gap:16px;align-items:flex-start;transition:transform .3s,box-shadow .3s}
.c-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card)}
.c-card .ic{width:46px;height:46px;border-radius:13px;background:rgba(43,166,184,.12);border:1px solid rgba(43,166,184,.35);display:grid;place-items:center;flex:none}
.c-card .ic svg{width:22px;height:22px;stroke:var(--teal);fill:none;stroke-width:1.7}
.c-card b{font-family:var(--font-display);font-weight:770;display:block;margin-bottom:4px}
.c-card a,.c-card span.v{color:var(--steel);font-size:.94rem}
.c-card a:hover{color:var(--teal)}
.form-wrap{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:44px;box-shadow:var(--shadow-card)}
.captcha-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
#cap-img{border:1.5px solid var(--line);border-radius:12px;flex:none}
#cap-new{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);background:none;border:none;cursor:pointer;padding:6px}
#cap-new:hover{text-decoration:underline}
.captcha-row .field{flex:1;min-width:160px}
.form-msg{margin-top:16px;padding:14px 18px;border-radius:12px;font-size:.9rem;display:none}
.form-msg.ok{display:block;background:rgba(43,166,184,.12);border:1px solid rgba(43,166,184,.4);color:var(--teal-deep)}
.form-msg.err{display:block;background:rgba(200,60,40,.08);border:1px solid rgba(200,60,40,.35);color:#8C3324}
.hp-field{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden;opacity:0}
.map-embed{border:0;width:100%;height:340px;border-radius:var(--radius);filter:grayscale(.25) saturate(.85);box-shadow:var(--shadow-card)}
@media (max-width:900px){.contact-cards{grid-template-columns:1fr}.form-wrap{padding:30px 24px}}

.brandx{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.bx-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s,border-color .3s}
.bx-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-card);border-color:rgba(43,166,184,.45)}
.bx-logo{background:var(--paper);border-bottom:1px solid var(--line);padding:34px;display:grid;place-items:center;min-height:130px}
.bx-logo img{max-height:62px;max-width:78%;width:auto}
.bx-body{padding:32px 34px 34px;display:flex;flex-direction:column;gap:14px;flex:1}
.bx-body .idx{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.13em;text-transform:uppercase;color:var(--steel)}
.bx-body h3{font-size:1.45rem;font-weight:780}
.bx-body h3 .tld{color:var(--cyan);font-weight:600}
.bx-body p{color:var(--steel);font-size:.94rem}
.bx-chips{display:flex;flex-wrap:wrap;gap:8px}
.bx-chips span{font-family:var(--font-mono);font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 11px;border-radius:99px;background:var(--paper);border:1px solid var(--line);color:var(--ink-strong)}
.bx-foot{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:8px;flex-wrap:wrap}
.bx-foot .mail{font-size:.82rem;color:var(--steel)}
.bx-foot .mail a{color:var(--teal);font-weight:600}
@media (max-width:900px){.brandx{grid-template-columns:1fr}}

.cookiebar{position:fixed;left:16px;right:16px;bottom:16px;z-index:200;background:var(--dark);color:#D6E6E8;border:1px solid rgba(127,220,232,.25);border-radius:16px;padding:18px 22px;display:flex;align-items:center;gap:22px;box-shadow:0 18px 50px -12px rgba(4,20,24,.6);opacity:0;transform:translateY(16px);transition:opacity .4s,transform .4s;max-width:1140px;margin:0 auto}
.cookiebar.show{opacity:1;transform:none}
.cookiebar p{font-size:.86rem;line-height:1.55;flex:1}
.cookiebar a{color:var(--cyan-bright);text-decoration:underline}
.cb-btns{display:flex;gap:10px;flex:none;align-items:center}
.cb-nec{background:none;border:none;color:#9DB8BC;font-family:var(--font-body);font-size:.8rem;font-weight:500;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:8px 6px;transition:color .2s}
.cb-nec:hover{color:#fff}
@media (max-width:720px){.cookiebar{flex-direction:column;align-items:stretch;text-align:center}.cb-btns{justify-content:center;flex-wrap:wrap}}
