:root { --navy:#253245; --teal:#4090a8; --paper:#f5f6f7; --muted:rgba(245,246,247,.62); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--paper); background:var(--navy); font-family:Inter,"Helvetica Neue",Arial,sans-serif; }
.page { min-height:100svh; position:relative; overflow:hidden; padding:34px clamp(28px,5vw,82px) 72px; background:var(--navy); }
.page::before { content:""; position:absolute; top:0; right:clamp(28px,5vw,82px); left:clamp(28px,5vw,82px); height:1px; background:rgba(64,144,168,.45); }
.topbar,.site-footer { position:relative; z-index:3; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand img { display:block; width:clamp(205px,18vw,264px); height:auto; }
.topbar-tools { display:flex; align-items:center; gap:36px; }
.status { color:rgba(245,246,247,.58); font-size:11px; letter-spacing:.18em; text-transform:uppercase; }
.status i { display:inline-block; width:7px; height:7px; margin-right:10px; border-radius:50%; background:#4fc47a; box-shadow:0 0 0 3px rgba(79,196,122,.12); }
.language-switcher { display:flex; align-items:center; gap:3px; }
.language-switcher button { min-width:34px; min-height:32px; padding:0 7px; border:0; color:rgba(245,246,247,.42); background:transparent; font:500 11px/1 Inter,"Helvetica Neue",Arial,sans-serif; letter-spacing:.16em; cursor:pointer; transition:color .2s ease; }
.language-switcher button:hover,.language-switcher button:focus-visible { color:var(--paper); outline:1px solid var(--teal); outline-offset:-2px; }
.language-switcher button.active { color:var(--teal); }
.hero { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,620px) minmax(340px,430px); align-items:center; justify-content:center; gap:clamp(48px,5vw,84px); width:100%; padding:clamp(62px,8vh,102px) 0 44px; }
.hero-copy { max-width:620px; }
.eyebrow { margin:0 0 28px; color:var(--teal); font-size:11px; font-weight:500; letter-spacing:.24em; text-transform:uppercase; }
h1 { margin:0; color:var(--paper); font-family:Georgia,"Times New Roman",serif; font-size:clamp(64px,6.5vw,104px); font-weight:400; line-height:.9; letter-spacing:-.045em; }
h1 span:last-child { color:var(--teal); font-style:italic; }
.lead { margin:44px 0 13px; color:var(--paper); font-family:Georgia,"Times New Roman",serif; font-size:clamp(19px,1.7vw,24px); line-height:1.4; }
.text { max-width:535px; margin:0; color:var(--muted); font-size:15px; font-weight:300; line-height:1.75; }
.relaunch-note { display:flex; align-items:center; gap:11px; margin:24px 0 0; color:var(--teal); font-size:10px; font-weight:500; letter-spacing:.16em; line-height:1.5; text-transform:uppercase; }
.relaunch-note::before { content:""; flex:0 0 28px; height:1px; background:var(--teal); }
.actions { display:flex; align-items:center; margin-top:36px; }
.actions a { color:var(--paper); text-decoration:none; font-size:11px; font-weight:500; letter-spacing:.16em; text-transform:uppercase; }
.primary { display:inline-flex; align-items:center; gap:44px; padding:15px 18px; color:var(--paper)!important; background:transparent; border:1px solid var(--teal); transition:color .2s ease,background .2s ease; }
.primary:hover,.primary:focus-visible { color:var(--navy)!important; background:var(--teal); outline:none; }
.video-column { justify-self:start; align-self:start; width:min(31vw,430px); }
.video-frame { position:relative; width:100%; aspect-ratio:4/5; overflow:hidden; background:var(--navy); box-shadow:0 28px 60px rgba(0,0,0,.22); }
.video-frame::after { content:""; position:absolute; inset:0; pointer-events:none; border:1px solid rgba(64,144,168,.28); }
.video-frame video { display:block; width:100%; height:100%; object-fit:cover; object-position:center 58%; background:var(--navy); }
.video-credit { margin:12px 0 0; color:rgba(245,246,247,.38); font-size:10px; font-weight:400; letter-spacing:.1em; text-align:right; text-transform:uppercase; }
.trust,.testimonials { position:relative; z-index:1; max-width:1280px; margin:0 auto; }
.trust { padding:48px 0 78px; border-top:1px solid rgba(64,144,168,.28); }
.section-label { margin:0 0 30px; color:var(--teal); font-size:10px; font-weight:500; letter-spacing:.22em; text-transform:uppercase; }
.logo-wall { display:grid; grid-template-columns:repeat(7,minmax(90px,1fr)); align-items:center; gap:clamp(22px,3vw,46px); }
.logo-wall img { display:block; width:100%; max-height:52px; object-fit:contain; filter:grayscale(1) brightness(0) invert(1); opacity:.58; }
.testimonials { display:grid; grid-template-columns:minmax(220px,.75fr) minmax(0,2fr); gap:clamp(52px,7vw,108px); padding:78px 0 52px; border-top:1px solid rgba(64,144,168,.28); }
.section-heading h2 { max-width:360px; margin:0; color:var(--paper); font-family:Georgia,"Times New Roman",serif; font-size:clamp(38px,4vw,58px); font-weight:400; line-height:1.05; letter-spacing:-.035em; }
.quote-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; border-top:1px solid rgba(245,246,247,.14); }
.quote-grid figure { margin:0; padding:30px 32px 34px 0; border-bottom:1px solid rgba(245,246,247,.14); }
.quote-grid figure:nth-child(even) { padding-left:32px; border-left:1px solid rgba(245,246,247,.14); }
.quote-grid blockquote { margin:0 0 25px; color:rgba(245,246,247,.76); font-family:Georgia,"Times New Roman",serif; font-size:17px; line-height:1.55; }
.quote-grid figcaption { display:flex; flex-direction:column; gap:6px; }
.quote-grid strong { color:var(--paper); font-size:11px; font-weight:500; letter-spacing:.12em; text-transform:uppercase; }
.quote-grid span { color:rgba(245,246,247,.42); font-size:11px; line-height:1.4; }
.site-footer { max-width:1280px; margin:42px auto 0; padding-top:28px; border-top:1px solid rgba(64,144,168,.28); color:rgba(238,248,251,.46); font-size:10px; letter-spacing:.12em; text-transform:uppercase; }
.site-footer p { margin:0; }
.site-footer nav { display:flex; align-items:center; gap:28px; }
.site-footer a,.back-link,.legal-content a { color:inherit; text-decoration:none; }
.site-footer a:hover,.site-footer a:focus-visible,.back-link:hover,.back-link:focus-visible,.legal-content a:hover,.legal-content a:focus-visible { color:var(--teal); outline:none; }
.legal-page { min-height:100svh; padding:34px clamp(28px,7vw,110px) 72px; background:var(--navy); }
.legal-header { display:flex; align-items:center; justify-content:space-between; gap:24px; max-width:1120px; margin:0 auto; padding-bottom:72px; border-top:1px solid rgba(64,144,168,.45); padding-top:34px; }
.back-link { color:rgba(245,246,247,.58); font-size:10px; letter-spacing:.16em; text-transform:uppercase; }
.legal-content { max-width:860px; margin:0 auto; }
.legal-content h1 { margin-bottom:72px; }
.legal-content section { display:grid; grid-template-columns:minmax(180px,240px) minmax(0,1fr); column-gap:48px; padding:34px 0; border-top:1px solid rgba(245,246,247,.14); }
.legal-content h2 { margin:0; color:var(--teal); font-size:11px; font-weight:500; letter-spacing:.12em; line-height:1.5; text-transform:uppercase; }
.legal-content p { grid-column:2; margin:0 0 18px; color:rgba(245,246,247,.68); font-size:14px; line-height:1.75; }
.legal-content p:last-child { margin-bottom:0; }
.legal-content a { color:var(--paper); text-decoration:underline; text-decoration-color:rgba(64,144,168,.55); text-underline-offset:3px; }
.legal-date { margin-top:36px!important; color:rgba(245,246,247,.36)!important; font-size:10px!important; letter-spacing:.12em; text-transform:uppercase; }
@media (max-width:1050px) { .hero{grid-template-columns:minmax(0,560px) minmax(300px,360px);gap:36px}.video-column{width:min(34vw,360px)}h1{font-size:clamp(62px,8vw,88px)} }
@media (max-width:850px) { .page{padding:25px 20px 54px}.page::before{right:20px;left:20px}.status{display:none}.topbar-tools{gap:0}.brand img{width:205px}.hero{grid-template-columns:1fr;padding:70px 0 62px}.video-column{width:min(74vw,390px);justify-self:start;margin-top:12px}.hero-copy{max-width:650px}h1{font-size:clamp(56px,16vw,88px)}.text{max-width:510px}.logo-wall{grid-template-columns:repeat(4,minmax(90px,1fr));gap:34px}.testimonials{grid-template-columns:1fr;gap:46px}.section-heading h2{max-width:520px} }
@media (max-width:560px) { .topbar{align-items:flex-start}.brand img{width:175px}.language-switcher button{min-width:31px;padding:0 5px}.actions{align-items:flex-start}.lead{margin-top:36px}.video-column{width:min(86vw,360px)}.video-frame{box-shadow:0 24px 50px rgba(0,0,0,.2)}.video-credit{text-align:left;line-height:1.5}.trust{padding-bottom:58px}.logo-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 30px}.logo-wall img{max-height:44px}.testimonials{padding-top:58px}.quote-grid{grid-template-columns:1fr}.quote-grid figure,.quote-grid figure:nth-child(even){padding:26px 0;border-left:0}.quote-grid blockquote{font-size:16px}.site-footer{align-items:flex-start;flex-direction:column}.site-footer nav{align-items:flex-start;flex-direction:column;gap:14px}.legal-page{padding:24px 20px 54px}.legal-header{padding-top:24px;padding-bottom:58px}.legal-content h1{margin-bottom:54px;font-size:clamp(46px,15vw,72px)}.legal-content section{grid-template-columns:1fr;gap:18px}.legal-content p{grid-column:1} }
@media (prefers-reduced-motion:reduce) { *{scroll-behavior:auto} }