/* ============================================================
   Novasaurus — site stylesheet
   Direction C · Bold nature-tech, lighter emerald green
   ============================================================ */
:root{
  --green:#13603f;        /* primary brand green (deep emerald) */
  --green-d:#0f4f34;      /* deeper green — footer / depth */
  --green-deep:#0b3e29;   /* deepest */
  --green-tint:#e8f1ec;   /* pale green wash */
  --cream:#f3efe4;
  --cream2:#e9e3d3;
  --cream3:#ece6d5;
  --ink:#14241d;
  --ink-soft:#2c3a32;
  --paper-mute:#5d6b62;
  --inverse:#f1f8f3;
  --inv-mute:#bcdac9;     /* mint — legible on green */
  --lime:#c7f23f;
  --lime-d:#a6cf2a;
  --clay:#d98a5b;
  --line-l:#ddd6c5;
  --line-d:rgba(255,255,255,.16);
  --disp:"Bricolage Grotesque",system-ui,sans-serif;
  --sans:"Public Sans",system-ui,sans-serif;
  --maxw:1240px;
  --pad:clamp(20px,5vw,64px);
}

*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth;}
body{
  font-family:var(--sans); background:var(--cream); color:var(--ink);
  -webkit-font-smoothing:antialiased; line-height:1.5;
}
img{max-width:100%; display:block;}
a{color:inherit;}
::selection{background:var(--lime); color:#11241c;}

.wrap{max-width:var(--maxw); margin:0 auto; padding-left:var(--pad); padding-right:var(--pad);}

/* ---------- ridge motif ---------- */
.ridge{display:inline-flex; gap:5px; align-items:flex-end; vertical-align:middle;}
.ridge i{width:0; height:0; border-left:7px solid transparent; border-right:7px solid transparent; border-bottom:14px solid var(--lime); display:block;}
.ridge i:nth-child(2){border-bottom-width:20px;}
.ridge i:nth-child(3){border-bottom-width:11px;}
.ridge i:nth-child(odd){border-bottom-color:var(--lime-d);}
.ridge.sm i{border-left-width:5px; border-right-width:5px; border-bottom-width:11px;}
.ridge.sm i:nth-child(2){border-bottom-width:15px;}
.ridge.sm i:nth-child(3){border-bottom-width:9px;}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex; align-items:center; gap:9px; font-family:var(--sans);
  font-size:15px; font-weight:700; padding:15px 26px; border-radius:40px;
  background:var(--lime); color:#11241c; border:1.5px solid var(--lime);
  cursor:pointer; text-decoration:none; transition:transform .15s, background .15s, box-shadow .15s; white-space:nowrap;
}
.btn:hover{transform:translateY(-2px); box-shadow:0 10px 24px rgba(166,207,42,.3);}
.btn .arr{transition:transform .15s;}
.btn:hover .arr{transform:translateX(3px);}
.btn.dark{background:var(--green); border-color:var(--green); color:var(--lime);}
.btn.dark:hover{background:var(--green-d); box-shadow:0 10px 24px rgba(14,79,52,.25);}
.btn.out{background:transparent; color:var(--inverse); border-color:rgba(255,255,255,.3);}
.btn.out:hover{background:rgba(255,255,255,.08); box-shadow:none;}
.btn.ink{background:var(--ink); border-color:var(--ink); color:var(--cream);}
.btn.ink:hover{box-shadow:0 10px 24px rgba(20,36,29,.25);}
.btn.sm{padding:12px 20px; font-size:14px;}

/* ---------- nav ---------- */
.nav{position:sticky; top:0; z-index:50; background:var(--green); color:var(--inverse);}
.nav-in{display:flex; align-items:center; gap:36px; height:74px;}
.brand{display:flex; align-items:center; gap:13px; text-decoration:none; flex:0 0 auto;}
.brand .mark{display:flex; gap:3px; align-items:flex-end;}
.brand .mark i{width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:13px solid var(--lime);}
.brand .mark i:nth-child(2){border-bottom-width:19px;}
.brand .mark i:nth-child(3){border-bottom-width:11px; border-bottom-color:var(--lime-d);}
.brand .word{font-family:var(--disp); font-weight:700; font-size:21px; letter-spacing:-.4px; color:var(--inverse);}
/* logo emblem (cosmic dino) — blended into the background, no box */
.logo-chip{display:flex; align-items:center; justify-content:center; flex:0 0 auto;}
.logo-chip img{
  height:50px; width:auto; display:block;
  mix-blend-mode:screen;
  -webkit-mask-image:radial-gradient(ellipse 70% 80% at 55% 50%,#000 54%,transparent 82%);
          mask-image:radial-gradient(ellipse 70% 80% at 55% 50%,#000 54%,transparent 82%);
}
.logo-chip.foot img{height:44px;}
.nav-links{display:flex; gap:30px; margin-left:10px;}
.nav-links a{color:var(--inv-mute); text-decoration:none; font-size:15px; font-weight:600; padding:6px 2px; position:relative;}
.nav-links a:hover{color:var(--inverse);}
.nav-links a.active{color:var(--lime);}
.nav-links a.active::after{content:""; position:absolute; left:0; right:0; bottom:-2px; height:2px; background:var(--lime); border-radius:2px;}
.menu-cta{display:none;}
.nav-r{margin-left:auto; display:flex; align-items:center; gap:18px;}
.nav-mail{color:var(--inv-mute); text-decoration:none; font-size:14px; font-weight:500;}
.nav-mail:hover{color:var(--lime);}
.nav-toggle{display:none; background:transparent; border:1.5px solid rgba(255,255,255,.25); border-radius:9px; width:44px; height:44px; cursor:pointer; align-items:center; justify-content:center;}
.nav-toggle span,.nav-toggle span::before,.nav-toggle span::after{content:""; display:block; width:20px; height:2px; background:var(--inverse); position:relative; transition:.2s;}
.nav-toggle span::before{position:absolute; top:-6px;}
.nav-toggle span::after{position:absolute; top:6px;}

/* ---------- hero (home) ---------- */
.hero{background:var(--green); color:var(--inverse); position:relative; overflow:hidden;}
.hero::after{content:""; position:absolute; right:-140px; bottom:-200px; width:560px; height:560px; border-radius:50%; background:radial-gradient(circle,rgba(199,242,63,.16),transparent 65%); pointer-events:none;}
.hero-in{padding:clamp(56px,8vw,96px) 0 clamp(64px,9vw,104px); position:relative; z-index:1;}
.eyebrow{display:inline-flex; align-items:center; gap:13px; font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; color:var(--lime); margin-bottom:34px;}
.eyebrow.clay{color:var(--clay);}
h1.display{font-family:var(--disp); font-size:clamp(46px,8vw,94px); line-height:.97; letter-spacing:-2px; font-weight:700; max-width:14ch; margin-bottom:32px;}
h1.display em{font-style:normal; color:var(--lime);}
.hero-row{display:flex; align-items:flex-end; justify-content:space-between; gap:48px; flex-wrap:wrap;}
.hero-sub{font-size:clamp(17px,2vw,21px); line-height:1.55; color:var(--inv-mute); max-width:560px;}
.hero-cta{display:flex; gap:14px; align-items:center; flex-wrap:wrap;}

/* ---------- stat strip ---------- */
.strip{display:grid; grid-template-columns:repeat(3,1fr); background:var(--lime); color:#11241c;}
.strip div{padding:clamp(26px,4vw,38px) clamp(22px,4vw,46px); display:flex; flex-direction:column; gap:7px;}
.strip div:not(:last-child){border-right:1.5px solid rgba(17,36,28,.18);}
.strip b{font-family:var(--disp); font-size:clamp(30px,4vw,42px); font-weight:700; letter-spacing:-1px; line-height:1;}
.strip span{font-size:14px; font-weight:600; color:#2c4a3b;}

/* ---------- generic section ---------- */
.section{padding:clamp(64px,9vw,104px) 0;}
.section.tint{background:var(--green-tint);}
.sechead{display:flex; align-items:flex-end; justify-content:space-between; gap:40px; margin-bottom:clamp(40px,6vw,58px); flex-wrap:wrap;}
.sechead .ek{display:flex; align-items:center; gap:12px; font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; color:var(--clay); margin-bottom:18px;}
.sechead h2{font-family:var(--disp); font-size:clamp(34px,5vw,52px); font-weight:700; letter-spacing:-1.4px; line-height:1.02; max-width:18ch;}
.sechead .lead{font-size:16px; color:var(--paper-mute); max-width:34ch; line-height:1.6;}

/* ---------- service cards (grid) ---------- */
.cards{display:grid; grid-template-columns:repeat(2,1fr); gap:20px;}
.card{background:var(--cream2); border-radius:22px; padding:clamp(30px,3.5vw,40px); position:relative; overflow:hidden; transition:transform .2s, background .2s;}
.card:hover{transform:translateY(-4px); background:var(--cream3);}
.card.dark{background:var(--green); color:var(--inverse);}
.card .num{font-family:var(--disp); font-size:15px; font-weight:700; color:var(--clay);}
.card.dark .num{color:var(--lime);}
.card h3{font-family:var(--disp); font-size:clamp(22px,2.6vw,27px); font-weight:700; letter-spacing:-.5px; margin:20px 0 13px;}
.card p{font-size:15.5px; line-height:1.65; color:var(--paper-mute);}
.card.dark p{color:var(--inv-mute);}
.card .tags{display:flex; flex-wrap:wrap; gap:8px; margin-top:22px;}
.card .tags span{font-size:12.5px; font-weight:600; padding:6px 12px; border-radius:30px; background:rgba(17,36,28,.06); color:#3a5547;}
.card.dark .tags span{background:rgba(199,242,63,.14); color:var(--lime);}
/* featured full-width card (home AI/GPU) */
.card.feature{grid-column:1 / -1; display:grid; grid-template-columns:1.05fr 0.95fr; gap:0; padding:0; overflow:hidden; min-height:320px;}
.card.feature .feat-body{padding:clamp(32px,4vw,48px); display:flex; flex-direction:column; justify-content:center;}
.card.feature .feat-media{position:relative; overflow:hidden; min-height:260px;}
.card.feature .feat-media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.card.feature .feat-media::after{content:""; position:absolute; inset:0; background:linear-gradient(110deg,var(--green) 0%,rgba(11,62,41,.5) 30%,transparent 70%); pointer-events:none;}
.card.feature .pill{display:inline-flex; align-items:center; gap:8px; align-self:flex-start; font-size:12px; font-weight:700; letter-spacing:1.2px; text-transform:uppercase; color:#0b3e29; background:var(--lime); padding:6px 13px; border-radius:30px; margin-bottom:18px;}
.card.feature h3{font-size:clamp(26px,3.2vw,34px); margin-top:0;}
.card.feature p{font-size:16.5px; max-width:48ch;}
@media (max-width:780px){ .card.feature{grid-template-columns:1fr;} .card.feature .feat-media{order:-1; min-height:200px;} }
.card .more{display:inline-flex; align-items:center; gap:7px; margin-top:22px; font-weight:700; font-size:14px; color:var(--green); text-decoration:none;}
.card.dark .more{color:var(--lime);}
.card .more:hover{gap:11px;}

/* ---------- manifesto / band ---------- */
.band{background:var(--green); color:var(--inverse); border-radius:28px; padding:clamp(48px,6vw,72px); position:relative; overflow:hidden;}
.band::before{content:""; position:absolute; left:0; top:0; bottom:0; width:6px; background:var(--lime);}
.band .ek{display:flex; align-items:center; gap:12px; font-size:13px; font-weight:700; letter-spacing:1.6px; text-transform:uppercase; color:var(--lime); margin-bottom:24px;}
.band h2{font-family:var(--disp); font-size:clamp(30px,4.4vw,46px); font-weight:700; letter-spacing:-1.2px; line-height:1.12; max-width:22ch;}
.band h2 em{font-style:normal; color:var(--lime);}
.chips{display:flex; flex-wrap:wrap; gap:11px; margin-top:34px;}
.chips span{font-size:13.5px; font-weight:600; color:var(--inverse); border:1.5px solid rgba(255,255,255,.22); padding:9px 16px; border-radius:30px;}
.chips.light span{color:var(--ink-soft); border-color:var(--line-l); background:var(--cream);}

/* ---------- CTA ---------- */
.cta-in{background:var(--lime); border-radius:28px; padding:clamp(48px,6vw,76px) clamp(32px,5vw,64px); display:flex; align-items:center; justify-content:space-between; gap:48px; flex-wrap:wrap; color:#11241c; position:relative; overflow:hidden;}
.cta-in .ridge-bg{position:absolute; right:54px; top:-2px; opacity:.9;}
.cta-in h2{font-family:var(--disp); font-size:clamp(34px,5vw,56px); font-weight:700; letter-spacing:-1.6px; line-height:1; max-width:16ch;}
.cta-in p{font-size:18px; color:#2c4a3b; margin-top:18px; max-width:46ch; line-height:1.5;}

/* ---------- footer ---------- */
.foot{background:var(--green-d); color:var(--inv-mute);}
.foot-in{padding:clamp(48px,6vw,72px) 0 40px;}
.foot-top{display:flex; justify-content:space-between; gap:40px; flex-wrap:wrap; padding-bottom:40px; border-bottom:1px solid rgba(255,255,255,.12);}
.foot-brand .word{font-family:var(--disp); font-weight:700; font-size:23px; color:var(--inverse); display:flex; align-items:center; gap:12px;}
.foot-brand p{margin-top:16px; max-width:34ch; font-size:15px; line-height:1.6;}
.foot-cols{display:flex; gap:64px; flex-wrap:wrap;}
.foot-col h4{font-size:12px; letter-spacing:1.4px; text-transform:uppercase; color:rgba(255,255,255,.5); margin-bottom:16px; font-weight:700;}
.foot-col a{display:block; color:var(--inv-mute); text-decoration:none; font-size:15px; margin-bottom:11px;}
.foot-col a:hover{color:var(--lime);}
.foot-bot{display:flex; justify-content:space-between; gap:20px; flex-wrap:wrap; padding-top:30px; font-size:13.5px; color:rgba(255,255,255,.45);}

/* ---------- page hero (interior pages) ---------- */
.phero{background:var(--green); color:var(--inverse); position:relative; overflow:hidden;}
.phero::after{content:""; position:absolute; right:-120px; top:-160px; width:460px; height:460px; border-radius:50%; background:radial-gradient(circle,rgba(199,242,63,.14),transparent 65%);}
.phero-in{padding:clamp(48px,7vw,88px) 0; position:relative; z-index:1;}
.phero h1{font-family:var(--disp); font-size:clamp(40px,6.5vw,72px); line-height:1; letter-spacing:-1.8px; font-weight:700; max-width:16ch; margin-bottom:22px;}
.phero h1 em{font-style:normal; color:var(--lime);}
.phero p{font-size:clamp(16px,2vw,20px); color:var(--inv-mute); max-width:56ch; line-height:1.55;}
.crumb{display:flex; align-items:center; gap:8px; font-size:13px; font-weight:600; color:var(--inv-mute); margin-bottom:24px;}
.crumb a{text-decoration:none; color:var(--inv-mute);}
.crumb a:hover{color:var(--lime);}
.crumb span{opacity:.5;}

/* ---------- detailed service rows (services page) ---------- */
.srow{display:grid; grid-template-columns:0.9fr 1.1fr; gap:clamp(32px,5vw,72px); align-items:center; padding:clamp(40px,5vw,64px) 0; border-top:1px solid var(--line-l);}
.srow:first-of-type{border-top:none;}
.srow.flip .srow-media{order:-1;}
.srow-media{background:var(--green); border-radius:22px; aspect-ratio:4/3; position:relative; overflow:hidden; border:1px solid var(--line-l);}
.srow-media img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.srow-media::after{content:""; position:absolute; inset:0; background:linear-gradient(160deg,rgba(11,62,41,.12),rgba(11,62,41,.42)); mix-blend-mode:multiply; pointer-events:none;}
.srow-tag{position:absolute; left:18px; bottom:18px; z-index:2; font-family:"IBM Plex Mono",monospace; font-size:12px; font-weight:500; letter-spacing:.5px; color:#fff; background:rgba(11,62,41,.55); backdrop-filter:blur(4px); padding:8px 13px; border-radius:30px; display:flex; align-items:center; gap:8px;}
.srow-num{font-family:var(--disp); font-size:15px; font-weight:700; color:var(--clay); letter-spacing:1px;}
.srow h2{font-family:var(--disp); font-size:clamp(28px,3.6vw,40px); font-weight:700; letter-spacing:-1px; line-height:1.05; margin:16px 0 16px;}
.srow .desc{font-size:17px; color:var(--ink-soft); line-height:1.6; max-width:48ch;}
.srow ul{list-style:none; margin-top:24px; display:grid; gap:12px;}
.srow li{display:flex; gap:12px; align-items:flex-start; font-size:15.5px; color:var(--paper-mute);}
.srow li::before{content:""; flex:0 0 auto; width:9px; height:9px; margin-top:6px; background:var(--green); transform:rotate(45deg);}

/* ---------- about ---------- */
.about-grid{display:grid; grid-template-columns:0.85fr 1.15fr; gap:clamp(32px,5vw,68px); align-items:start;}
.portrait{background:var(--green); border-radius:22px; aspect-ratio:4/4.6; position:relative; overflow:hidden; border:1px solid var(--line-l);}
.portrait img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.portrait::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(11,62,41,.05),rgba(11,62,41,.45)); pointer-events:none;}
.portrait .seal{position:absolute; left:20px; bottom:20px; z-index:2; background:var(--green); color:var(--lime); border-radius:14px; padding:14px 18px; font-family:var(--disp); font-weight:700;}
.about-body p{font-size:clamp(17px,2vw,20px); line-height:1.65; color:var(--ink-soft); margin-bottom:22px;}
.about-body p.lead{font-family:var(--disp); font-size:clamp(22px,2.8vw,30px); font-weight:600; line-height:1.3; letter-spacing:-.5px; color:var(--ink); margin-bottom:28px;}
.about-body .sig{margin-top:30px; font-family:var(--disp); font-size:22px; color:var(--green); font-weight:700;}

.principles{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.principle{padding:32px 28px; background:var(--cream); border:1px solid var(--line-l); border-radius:20px;}
.principle .pn{font-family:var(--disp); font-size:30px; font-weight:700; color:var(--clay); line-height:1;}
.principle h3{font-family:var(--disp); font-size:21px; font-weight:700; margin:16px 0 10px; letter-spacing:-.4px;}
.principle p{font-size:15px; color:var(--paper-mute); line-height:1.6;}

.creds{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
.cred{text-align:left;}
.cred b{font-family:var(--disp); font-size:clamp(30px,4vw,44px); font-weight:700; color:var(--green); display:block; line-height:1; letter-spacing:-1px;}
.cred span{font-size:14px; color:var(--paper-mute); margin-top:10px; display:block;}

/* ---------- contact ---------- */
.contact-grid{display:grid; grid-template-columns:1.05fr 0.95fr; gap:clamp(36px,5vw,72px); align-items:start;}
.form{background:var(--cream); border:1px solid var(--line-l); border-radius:24px; padding:clamp(28px,3.5vw,44px);}
.field{margin-bottom:20px;}
.field label{display:block; font-size:13px; font-weight:700; letter-spacing:.3px; color:var(--ink-soft); margin-bottom:9px;}
.field input,.field select,.field textarea{
  width:100%; font-family:var(--sans); font-size:15.5px; color:var(--ink);
  background:#fff; border:1.5px solid var(--line-l); border-radius:12px; padding:14px 16px; transition:border-color .15s, box-shadow .15s;
}
.field textarea{min-height:130px; resize:vertical;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none; border-color:var(--green); box-shadow:0 0 0 4px rgba(26,125,82,.12);}
.field-row{display:grid; grid-template-columns:1fr 1fr; gap:16px;}
.form .btn{width:100%; justify-content:center; margin-top:6px;}
.form .btn[disabled]{opacity:.65; cursor:default; transform:none; box-shadow:none;}
.form-err{display:none; margin-top:16px; font-size:14px; color:#9a3412; background:#fbe9e0; border:1px solid #f0c9b6; border-radius:12px; padding:13px 16px; text-align:center;}
.form-err.show{display:block;}
.form-err a{color:#9a3412; font-weight:700;}
.form-note{font-size:13px; color:var(--paper-mute); margin-top:16px; text-align:center;}
.form-ok{display:none; text-align:center; padding:40px 20px;}
.form-ok.show{display:block;}
.form-ok .ic{width:64px; height:64px; border-radius:50%; background:var(--green); color:var(--lime); display:flex; align-items:center; justify-content:center; margin:0 auto 20px; font-size:30px;}
.form-ok h3{font-family:var(--disp); font-size:26px; font-weight:700; margin-bottom:10px;}
.form-ok p{color:var(--paper-mute); font-size:16px;}

.cinfo{display:grid; gap:18px;}
.cinfo .blk{background:var(--green); color:var(--inverse); border-radius:20px; padding:30px 30px;}
.cinfo .blk.lime{background:var(--lime); color:#11241c;}
.cinfo .blk .ek{font-size:12px; font-weight:700; letter-spacing:1.4px; text-transform:uppercase; opacity:.7; margin-bottom:12px;}
.cinfo .blk a{font-family:var(--disp); font-size:clamp(22px,2.6vw,28px); font-weight:700; color:var(--lime); text-decoration:none; letter-spacing:-.5px;}
.cinfo .blk.lime a{color:#11241c;}
.cinfo .blk p{font-size:15.5px; line-height:1.6; color:var(--inv-mute);}
.cinfo .blk.lime p{color:#2c4a3b;}
.cinfo .steps{counter-reset:s; display:grid; gap:14px; margin-top:6px;}
.cinfo .steps li{list-style:none; display:flex; gap:14px; align-items:flex-start; font-size:15px; color:var(--inv-mute);}
.cinfo .steps li::before{counter-increment:s; content:counter(s); flex:0 0 auto; width:26px; height:26px; border-radius:50%; background:rgba(199,242,63,.15); color:var(--lime); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:13px; font-family:var(--disp);}

/* ---------- responsive ---------- */
/* Tablet & down: switch to hamburger nav (covers all iPad portrait widths) */
@media (max-width:900px){
  .cards,.principles,.creds,.field-row{grid-template-columns:1fr 1fr;}
  .creds{grid-template-columns:repeat(2,1fr);}
  .srow,.srow.flip{grid-template-columns:1fr;}
  .srow.flip .srow-media{order:0;}
  .about-grid,.contact-grid{grid-template-columns:1fr;}
  .portrait{max-width:420px;}

  /* nav → hamburger */
  .nav-links,.nav-mail{display:none;}
  .nav-r > .btn.sm{display:none;}
  .nav-toggle{display:flex;}
  .nav-links.open{
    display:flex; position:absolute; top:74px; left:0; right:0; flex-direction:column; gap:0;
    background:var(--green-d); padding:8px var(--pad) 22px; box-shadow:0 18px 40px rgba(0,0,0,.28);
  }
  .nav-links.open a{padding:15px 0; border-bottom:1px solid rgba(255,255,255,.08); font-size:17px; color:var(--inverse);}
  .nav-links.open a:last-child{border-bottom:none;}
  .nav-links.open .menu-cta{
    display:block; margin-top:16px; padding:15px 22px; border-bottom:none;
    background:var(--lime); color:#11241c; font-weight:700; border-radius:40px; text-align:center;
  }
}
@media (max-width:680px){
  .cards,.principles,.creds,.field-row,.strip{grid-template-columns:1fr;}
  .strip div:not(:last-child){border-right:none; border-bottom:1.5px solid rgba(17,36,28,.18);}
  .hero-row{flex-direction:column; align-items:flex-start; gap:30px;}
  .hero-cta{width:100%;}
  .cta-in{flex-direction:column; align-items:flex-start;}
  .cta-in .ridge-bg{display:none;}
  .cta-in .btn{width:100%; justify-content:center;}
  .principle .pn,.cred b{font-size:34px;}
  .nav-in{gap:16px;}
  .logo-chip img{height:44px;}
  .brand .word{font-size:19px;}
}