:root{--ink:#0B2D5B;--navy:#0B2D5B;--cyan:#00C2D6;--paper:#F4F6F8;--muted:#5B6B7F;--line:#DAE2EB}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #007D98;outline-offset:5px}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:20}.skip:focus{top:0}.header{height:102px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px;font-size:26px;font-weight:700;letter-spacing:-1px;line-height:1.1}.brand-icon{background:var(--navy);color:white;border-radius:12px;width:49px;height:49px;display:flex;align-items:center;justify-content:center;font-size:24px}.brand-icon span{color:var(--cyan);font-size:23px}.brand-sub{display:block;font-size:8px;letter-spacing:1.5px;margin-top:7px;font-weight:600}nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.nav-login{border:1px solid #BACADB;border-radius:5px;padding:11px 18px}.nav-login span{margin-left:14px}.hero{max-width:1440px;margin:auto;background:var(--navy);color:white;display:grid;grid-template-columns:1.2fr 1fr;min-height:585px;overflow:hidden}.hero-copy{padding:79px 0 62px 10%}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#CFDFEE;display:flex;gap:10px;align-items:center;margin:0 0 27px}.dot{height:6px;width:6px;border-radius:50%;background:var(--cyan)}h1{font-size:clamp(40px,4.7vw,68px);line-height:1.12;font-weight:500;letter-spacing:-3px;margin:0 0 25px}h1 em{font-style:normal;color:var(--cyan)}.hero-description{color:#CCDCEC;font-size:16px;line-height:1.8;max-width:420px;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:23px;border:0;border-radius:4px;padding:16px 21px;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-cyan{color:var(--navy);background:var(--cyan)}.button-cyan:hover{background:#4BDBE8}.button span{font-size:20px;line-height:1}.hero-foot{display:flex;gap:20px;flex-wrap:wrap;font-size:9px;color:#AFCAE2;margin-top:44px}.hero-foot span:before{content:'+';color:var(--cyan);margin-right:7px}.hero-art{position:relative;min-height:530px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#12658766,transparent 68%)}.art-grid{position:absolute;inset:0;background-image:linear-gradient(#00c2d612 1px,transparent 1px),linear-gradient(90deg,#00c2d612 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,black,transparent 73%)}.orbit{position:absolute;border:1px solid #80d9e74d;border-radius:50%;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-32deg)}.orbit-one{width:400px;height:260px}.orbit-two{width:270px;height:405px;transform:translate(-50%,-50%) rotate(-32deg)}.orbit-one:after,.orbit-two:after{content:'';position:absolute;width:9px;height:9px;background:var(--cyan);border-radius:50%;top:31px;left:55px;box-shadow:0 0 22px #00c2d6aa}.art-core{width:190px;height:190px;position:absolute;left:50%;top:49%;transform:translate(-50%,-50%) rotate(-9deg);background:linear-gradient(135deg,#F4F6F8,#E5EFF7);border:1px solid #7ED7E3;border-radius:38px;box-shadow:18px 28px 75px #0005,inset 0 0 30px #00c2d611;display:flex;align-items:center;justify-content:center;flex-direction:column}.art-core>span{font-size:82px;letter-spacing:-6px;color:var(--cyan);line-height:1.2}.art-core small{font-size:6px;letter-spacing:1.4px;color:#536B88;margin-top:13px}.art-label{position:absolute;padding:10px 16px;background:#103B68ed;border:1px solid #679BBB80;border-radius:5px;font-size:11px;display:flex;gap:9px;align-items:center;box-shadow:0 8px 20px #0002}.art-label i{width:6px;height:6px;background:var(--cyan);border-radius:50%}.label-top{top:23%;left:15%}.label-right{top:44%;right:6%}.label-bottom{bottom:23%;left:20%}.art-coordinate{position:absolute;bottom:45px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:2px;color:#A4BED8;white-space:nowrap}.intro-bar{max-width:1240px;margin:auto;padding:38px 5%;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;border-bottom:1px solid var(--line)}.intro-bar>span{font-size:19px;line-height:1.45;letter-spacing:-.5px}.intro-bar p{font-size:13px;color:var(--muted);max-width:410px;margin:0}.section{max-width:1240px;padding:90px 5%;margin:auto}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:38px}.dark{color:#5B6B7F;margin-bottom:17px}h2{font-size:clamp(29px,3vw,40px);font-weight:500;line-height:1.2;letter-spacing:-1.5px;margin:0}.section-heading>p{font-size:13px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.service{position:relative;border:1px solid var(--line);border-radius:5px;padding:30px 27px;background:#fff;min-height:278px;display:flex;flex-direction:column}.service-number{position:absolute;right:25px;top:25px;color:#5B6B7F;font-size:10px;letter-spacing:1px}.service-symbol{font-size:29px;line-height:1;color:#007E96;margin-bottom:31px}.service h3{font-size:19px;letter-spacing:-.4px;font-weight:500;margin:0 0 11px}.service p{font-size:12px;color:var(--muted);line-height:1.9;margin:0 0 27px;flex:1}.service-tag{font-size:8px;letter-spacing:1px;color:#286480;font-weight:700}.service-feature{background:#E6F3F7;border-color:#C9E5EE}.method{padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:80px}.method-intro>p:last-child{font-size:14px;color:var(--muted);max-width:335px;margin-top:24px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:23px;padding:0 0 25px;margin:0 0 25px;border-bottom:1px solid var(--line)}.steps li:last-child{border:0;margin:0;padding:0}.steps li>span{font-size:11px;color:#007E96;margin-top:4px}.steps h3{font-size:17px;font-weight:500;margin:0 0 7px}.steps p{font-size:12px;color:var(--muted);margin:0;max-width:345px}.client-section{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:76px max(7%,calc((100vw - 1080px)/2));align-items:center}.client-copy h2{font-size:44px}.client-copy>p:not(.eyebrow){font-size:14px;color:#C0D4E8;max-width:365px;margin:24px 0}.client-copy ul{list-style:none;padding:0;font-size:12px;color:#DAE9F5;margin:25px 0 35px}.client-copy li{margin-bottom:13px}.client-copy li:before{content:'✓';color:var(--cyan);margin-right:13px}.client-copy .client-note{font-size:10px!important;color:#B3C9DF!important}.login-card{background:var(--paper);color:var(--ink);padding:34px 36px 25px;border-radius:7px;max-width:425px;width:100%;justify-self:end}.login-badge{font-size:8px;letter-spacing:1.5px;color:#5B6B7F}.login-card h3{font-size:25px;letter-spacing:-.8px;font-weight:500;margin:15px 0 5px}.login-card>p{font-size:12px;color:var(--muted);margin:0 0 25px}.login-card label{display:block;font-size:11px;font-weight:600;margin:16px 0 7px}.login-card input{width:100%;background:white;border:1px solid #CDD8E3;border-radius:4px;padding:12px 13px;color:var(--ink);font-size:13px;min-height:45px}.login-card input::placeholder{color:#63758B}.password-wrap{position:relative}.password-wrap input{padding-right:76px}.password-wrap button{position:absolute;right:8px;top:5px;background:none;border:0;padding:10px 5px;font-size:10px;color:#17657C;cursor:pointer}.button-dark{width:100%;color:white;background:var(--navy);margin-top:23px;padding:15px 17px}.button-dark:hover{background:#144579}.button:disabled{opacity:.65;cursor:wait;transform:none}#login-status{font-size:12px;color:#835124;line-height:1.5;margin:12px 0}#login-status a{text-decoration:underline}.session-link{font-size:10px;color:#17657C;display:block;text-align:center}.login-footer{border-top:1px solid var(--line);margin-top:24px;padding-top:19px;display:flex;justify-content:center;gap:7px;font-size:9px;color:var(--muted)}.questions{display:grid;grid-template-columns:1fr 1.2fr;gap:55px}details{border-bottom:1px solid var(--line);padding:17px 0}details:first-child{padding-top:0}summary{font-size:14px;cursor:pointer;list-style:none;position:relative;padding-right:25px}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:20px;line-height:1.2}details[open] summary:after{content:'−'}details p{font-size:12px;line-height:1.85;color:var(--muted);max-width:465px;margin-bottom:5px}footer{max-width:1240px;margin:auto;padding:0 5% 25px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer>p{font-size:11px;color:var(--muted);flex:1}footer>a:last-of-type{font-size:11px}.footer-brand{font-size:23px}.footer-brand span{color:#007E96}.footer-bottom{width:100%;border-top:1px solid var(--line);padding-top:22px;margin-top:8px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#5B6B7F}
@media(min-width:1440px){.hero{border-radius:7px}.header{padding:0 40px}}@media(max-width:1000px){.header{padding:0 5%;height:88px}nav{gap:18px;font-size:11px}.hero-copy{padding:65px 0 50px 8%}.hero{grid-template-columns:1.3fr 1fr;min-height:525px}h1{font-size:48px;letter-spacing:-2px}.hero-art{min-height:490px}.orbit-one{width:310px;height:230px}.orbit-two{height:340px;width:215px}.art-core{width:150px;height:150px}.art-core>span{font-size:67px}.label-right{right:0}.label-top{left:7%}.label-bottom{left:8%}.hero-description{font-size:14px}.hero .button{font-size:10px}.hero-foot{font-size:8px;gap:10px}.service{padding:25px 21px}.client-section{gap:35px;padding:65px 6%}.login-card{padding:28px}.client-copy h2{font-size:36px}.method{gap:40px}}@media(max-width:700px){.header{height:85px}.brand{font-size:23px;gap:9px}.brand-icon{height:40px;width:40px;font-size:21px}.brand-sub{font-size:6px;letter-spacing:1px}nav>a:not(.nav-login){display:none}.nav-login{font-size:10px;padding:10px}.nav-login span{margin-left:4px}.hero{grid-template-columns:1fr}.hero-copy{padding:47px 7% 0}.eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:24px}h1{font-size:45px}.hero-description{max-width:360px}.hero .button{font-size:10px;padding:15px}.hero-foot{margin-top:28px;gap:16px;font-size:8px}.hero-art{min-height:310px;margin-top:8px}.orbit-one{width:285px;height:180px}.orbit-two{height:265px;width:190px}.art-core{width:120px;height:120px;border-radius:24px}.art-core>span{font-size:54px}.art-core small{font-size:4px;margin-top:5px}.art-label{font-size:9px;padding:8px 12px}.label-top{left:20%;top:13%}.label-right{right:12%;top:44%}.label-bottom{left:19%;bottom:17%}.art-coordinate{bottom:8px;font-size:6px}.intro-bar{grid-template-columns:1fr;gap:18px;padding:30px 7%}.intro-bar>span{font-size:18px}.intro-bar p{font-size:12px}.section{padding:58px 7%}.section-heading{display:block;margin-bottom:25px}.section-heading>p{font-size:12px;margin-top:18px}.section-heading>p br{display:none}.dark{margin-bottom:15px}.service-grid{grid-template-columns:1fr;gap:12px}.service{min-height:225px;padding:25px}.service-symbol{margin-bottom:22px}.service h3{font-size:20px}.service p{font-size:13px}.service-tag{font-size:8px}.method{grid-template-columns:1fr;gap:30px;padding-top:0}.method-intro>p:last-child{font-size:13px;max-width:none}.steps p{max-width:none;font-size:13px}.client-section{grid-template-columns:1fr;padding:48px 7%;gap:24px}.client-copy h2{font-size:37px}.client-copy>p:not(.eyebrow){font-size:13px;max-width:none}.client-copy ul{font-size:12px;margin-bottom:20px}.login-card{justify-self:stretch;max-width:none;padding:28px 24px}.login-card input{font-size:16px}.questions{grid-template-columns:1fr;gap:30px}.faq-list summary{font-size:13px}.faq-list p{font-size:12px}footer{padding:0 7% 25px;gap:14px}footer>p{flex-basis:100%;order:2;margin:0}footer>a:last-of-type{margin-left:auto;font-size:10px}.footer-bottom{order:3;font-size:8px;flex-direction:column;gap:5px}.hero-foot{line-height:1.6}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Official brand artwork is displayed without modifying the supplied PNG files.
   Frames remove transparent layout margins while retaining aspect ratios. */
.brand-wordmark{position:relative;display:block;width:310px;aspect-ratio:2042/374;overflow:hidden;flex:none}
.brand-wordmark img{position:absolute;width:106.3663%;max-width:none;height:auto;left:-2.7424%;top:-45.9893%}
.brand-symbol{position:relative;display:block;aspect-ratio:1137/701;overflow:hidden;flex:none}
.brand-symbol img{position:absolute;width:110.2902%;max-width:none;height:auto;left:-6.3325%;top:-43.3666%}
.art-core{background:linear-gradient(145deg,#fff,#E7F0F7);border-color:#87D9E4;transform:translate(-50%,-50%);box-shadow:18px 28px 75px #03172f66,inset 0 0 30px #00c2d611}
.art-core .brand-symbol{width:73%}
.art-core small{color:#5B6B7F;font-weight:700}
.login-identity{display:flex;align-items:center;gap:12px;margin-bottom:19px}
.login-identity .brand-symbol{width:42px}
.login-badge{font-size:8px;letter-spacing:1.25px}
.footer-brand .brand-wordmark{width:245px}
.service-feature{border-top:3px solid var(--cyan);padding-top:28px}
.button-cyan{color:var(--navy)}
.nav-login:hover{background:#E6F3F7;border-color:#7ABBCD}
@media(max-width:1000px){.header .brand-wordmark{width:260px}.footer-brand .brand-wordmark{width:220px}}
@media(max-width:700px){.header{gap:12px}.header .brand-wordmark{width:clamp(165px,54vw,245px)}.nav-login{padding:10px 8px}.art-core .brand-symbol{width:74%}.footer-brand .brand-wordmark{width:205px}.footer-brand{width:100%}footer>a:last-of-type{margin-left:0}}

/* Personal introduction: editorial narrative, scoped to the about section. */
.about { padding-top: 15px; }
.about-heading { margin-bottom: 36px; }
.about-layout { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.35fr); gap: 64px; align-items: start; }
.about-person { background: var(--navy); color: #fff; border-radius: 16px; padding: 38px; }
.about-initials { display: block; font-size: 72px; font-weight: 500; letter-spacing: -5px; line-height: 1; margin-bottom: 28px; }
.about-initials span { color: var(--cyan); }
.about-name { font-size: 30px; line-height: 1.2; letter-spacing: -1px; margin: 0 0 12px; }
.about-role { color: #C0D4E8; font-size: 16px; line-height: 1.6; margin: 0; }
.about-experience { border-top: 1px solid #426083; margin-top: 30px; padding-top: 25px; }
.about-experience > span { color: #72E2ED; font-size: 13px; font-weight: 700; }
.about-experience p { color: #C0D4E8; font-size: 13px; line-height: 1.8; margin: 10px 0 0; }
.about-person blockquote { border-left: 2px solid var(--cyan); padding-left: 18px; margin: 30px 0 0; font-size: 17px; line-height: 1.7; }
.about-story > p { color: var(--muted); font-size: 14px; line-height: 1.9; margin: 0 0 20px; }
.about-story > .about-lead { color: var(--navy); font-size: 21px; line-height: 1.6; letter-spacing: -.3px; margin-bottom: 24px; }
.about-story strong { color: var(--navy); font-weight: 600; }
.about-story h3 { color: var(--navy); font-size: 21px; font-weight: 500; line-height: 1.4; letter-spacing: -.4px; margin: 30px 0 16px; }
.about-story > .about-closing { color: var(--navy); border-top: 1px solid var(--line); padding-top: 22px; margin-top: 26px; }
.about-link { display: inline-flex; gap: 18px; align-items: center; color: #17657C; font-size: 13px; font-weight: 600; text-decoration: underline; text-underline-offset: 5px; }
.about-link:hover { color: var(--navy); }
@media (min-width: 701px) and (max-width: 1100px) {
  .header { gap: 18px; }
  .header nav { gap: 18px; font-size: 11px; }
  .header .brand-wordmark { width: 230px; }
  .about-layout { gap: 32px; grid-template-columns: minmax(0, .85fr) minmax(0, 1.2fr); }
  .about-person { padding: 28px; }
}
@media (max-width: 700px) {
  .header { height: auto; flex-wrap: wrap; padding-top: 22px; padding-bottom: 18px; gap: 16px; }
  .header nav { width: 100%; justify-content: space-between; gap: 16px; }
  .header nav > .nav-about { display: inline-block; font-size: 12px; }
  .about { padding-top: 4px; }
  .about-heading { margin-bottom: 25px; }
  .about-layout { grid-template-columns: 1fr; gap: 30px; }
  .about-person { padding: 28px; }
  .about-initials { font-size: 56px; margin-bottom: 20px; }
  .about-name { font-size: 27px; }
  .about-person blockquote { font-size: 16px; }
  .about-story > .about-lead { font-size: 20px; }
  .about-link { font-size: 12px; gap: 12px; }
}

/* Contact page; fields and interactions are independent of the login form. */
.nav-contact[aria-current="page"] { color: #17657C; text-decoration: underline; text-underline-offset: 6px; }
.contact-main { max-width: 1240px; margin: auto; padding: 62px 5% 90px; display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 72px; align-items: start; }
.contact-back { display: inline-block; color: var(--muted); font-size: 12px; margin-bottom: 36px; }
.contact-intro .eyebrow { margin-bottom: 20px; }
.contact-intro h1 { font-size: clamp(38px, 4.5vw, 56px); letter-spacing: -2px; }
.contact-intro > p:not(.eyebrow) { color: var(--muted); font-size: 15px; line-height: 1.9; max-width: 365px; }
.contact-direct { margin: 32px 0; padding: 24px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.contact-direct > span { display: block; font-size: 12px; color: var(--muted); margin-bottom: 10px; }
.contact-direct a { display: inline-flex; gap: 12px; flex-wrap: wrap; font-size: 16px; font-weight: 600; overflow-wrap: anywhere; }
.contact-existing h2 { font-size: 18px; letter-spacing: -.3px; }
.contact-existing p { color: var(--muted); font-size: 13px; max-width: 330px; }
.contact-existing a, .contact-back:hover { color: #17657C; font-size: 12px; text-decoration: underline; text-underline-offset: 4px; }
.contact-card { background: #fff; border-radius: 20px; padding: 36px; box-shadow: 0 12px 40px #0B2D5B0D; }
.contact-card h2 { font-size: 26px; letter-spacing: -.8px; }
.contact-card-intro { font-size: 12px; color: var(--muted); margin: 10px 0 26px; }
.contact-card label { display: block; color: var(--navy); font-size: 13px; font-weight: 600; margin: 20px 0 8px; }
.contact-card input, .contact-card select, .contact-card textarea { box-sizing: border-box; width: 100%; min-width: 0; min-height: 50px; border: 1px solid #CDD8E3; border-radius: 12px; background: #fff; color: var(--ink); padding: 12px 14px; font: inherit; font-size: 14px; transition: border-color .18s, box-shadow .18s; }
.contact-card textarea { resize: vertical; line-height: 1.7; }
.contact-card input:focus, .contact-card select:focus, .contact-card textarea:focus { outline: none; border-color: #296399; box-shadow: 0 0 0 3px #2963991F; }
.contact-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 16px; }
.contact-hint, .contact-privacy { color: var(--muted); font-size: 11px; margin: 8px 0 0; }
.contact-privacy { margin-top: 22px; line-height: 1.7; }
.contact-honeypot { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.contact-submit { width: 100%; min-height: 50px; display: flex; justify-content: space-between; align-items: center; margin-top: 20px; padding: 13px 18px; color: #fff; background: var(--navy); border: 0; border-radius: 12px; font-weight: 600; font-size: 14px; cursor: pointer; transition: background .18s; }
.contact-submit:hover { background: #164579; }
.contact-submit:disabled { opacity: .65; cursor: default; }
.contact-status { color: #835124; font-size: 12px; line-height: 1.7; margin: 14px 0 0; }
.contact-status.is-success { color: #285E49; }
.footer-contact { font-size: 11px; }
@media (min-width: 701px) and (max-width: 900px) {
  .header { height: auto; padding-top: 22px; padding-bottom: 20px; flex-wrap: wrap; }
  .header nav { width: 100%; justify-content: space-between; }
  .contact-main { gap: 32px; }
  .contact-card { padding: 28px; }
  .contact-fields { grid-template-columns: 1fr; gap: 0; }
}
@media (max-width: 700px) {
  .header nav > .nav-contact { display: inline-block; font-size: 12px; }
  .contact-main { grid-template-columns: 1fr; padding: 32px 7% 58px; gap: 28px; }
  .contact-back { margin-bottom: 28px; }
  .contact-intro h1 { font-size: 40px; }
  .contact-intro > p:not(.eyebrow) { max-width: none; font-size: 14px; }
  .contact-card { padding: 28px 22px; }
  .contact-card h2 { font-size: 24px; }
  .contact-card input, .contact-card select, .contact-card textarea { font-size: 16px; }
  .contact-fields { grid-template-columns: 1fr; gap: 0; }
}

/* Dedicated public pages and compact home introduction. */
.content-page { min-height: 65vh; }
.content-page > .about { padding-top: 50px; }
.content-page > .services { padding-top: 50px; padding-bottom: 40px; }
.home-introduction { display: grid; grid-template-columns: 1fr 1fr; gap: 70px; padding-top: 10px; }
.home-introduction > div > p:not(.eyebrow) { color: var(--muted); font-size: 14px; line-height: 1.9; margin: 0 0 24px; }
.page-callout { padding-top: 25px; padding-bottom: 70px; }
.page-callout p { color: var(--muted); font-size: 14px; }
.page-callout .button { max-width: 340px; }
.privacy-content { max-width: 900px; padding-top: 50px; }
.privacy-content h1 { font-size: clamp(32px, 4vw, 46px); letter-spacing: -1.5px; }
.privacy-content h2 { font-size: 23px; margin-top: 32px; }
.privacy-content p { color: var(--muted); font-size: 14px; line-height: 1.9; }
.privacy-content a { text-decoration: underline; overflow-wrap: anywhere; }
.privacy-content .button { max-width: 330px; }
.footer-privacy { font-size: 11px; }
.header nav a[aria-current="page"] { color: #17657C; text-decoration: underline; text-underline-offset: 6px; }
@media (max-width: 700px) {
  .header nav { flex-wrap: wrap; justify-content: flex-start; gap: 12px 18px; }
  .header nav > a { display: inline-block; font-size: 12px; }
  .header nav > .nav-login { margin-left: auto; }
  .home-introduction { grid-template-columns: 1fr; gap: 24px; }
  .content-page > .about, .content-page > .services, .privacy-content { padding-top: 32px; }
}