*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,Helvetica,sans-serif;color:#07141c}body{min-height:100vh;background:linear-gradient(180deg,#4ba1f3 0%,#82c6fa 42%,#dff4ff 100%);background-attachment:fixed} .menu-toggle{position:fixed;top:32px;left:36px;z-index:20;width:52px;height:46px;background:transparent;border:0;cursor:pointer;padding:5px;display:flex;flex-direction:column;justify-content:space-around}.menu-toggle span{display:block;width:100%;height:4px;background:#07131a;border-radius:1px}.nav{display:none;position:fixed;z-index:19;top:85px;left:30px;background:rgba(242,250,255,.97);border:1px solid #7199b8;box-shadow:0 8px 25px #1b4a722c;border-radius:8px;padding:10px;min-width:170px}.nav.open{display:grid}.nav a{padding:12px 16px;color:#102433;text-decoration:none;font-weight:bold}.nav a:hover,.nav a:focus{background:#d7edfc}.page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:110px 25px 80px}.inner{text-align:center;width:100%;max-width:1080px}.chrome{font-family:Arial,Helvetica,sans-serif;font-weight:800;line-height:1.16;letter-spacing:-.035em;white-space:nowrap;color:#273039;background:linear-gradient(180deg,#fff 0%,#a5b6c2 16%,#182630 33%,#f3f7fa 46%,#707e87 57%,#0a1118 76%,#6b7780 89%,#111922 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(1px 2px 1px rgba(0,0,0,.65));margin:0}.home-title{font-size:clamp(23px,5vw,70px)}.sub-title{font-size:clamp(22px,3.25vw,45px);margin-bottom:54px}.about .inner{max-width:920px}.about p{font-size:clamp(17px,1.8vw,28px);line-height:1.55;margin:0 auto 38px;max-width:900px}.contact .inner{max-width:680px}.contact .sub-title{margin-bottom:45px}.contact form{text-align:left}.field{margin:0 0 20px}.field label{display:block;font-size:18px;font-weight:700;margin-bottom:9px}.field input,.field textarea{display:block;width:100%;border:1px solid #999;border-radius:8px;background:white;padding:14px 17px;font:18px Arial,sans-serif;color:#1b2730}.field textarea{min-height:120px;resize:vertical}.send{width:100%;border:0;border-radius:8px;background:#191919;color:white;padding:15px;font-size:23px;cursor:pointer}.send:hover{background:#303030}.notice{background:#eaf8ff;border:1px solid #779cb5;padding:12px;border-radius:6px;margin-bottom:20px}.hp{position:absolute;left:-9999px;opacity:0} @media(max-width:650px){.menu-toggle{top:18px;left:18px;width:42px;height:38px}.page{padding:105px 18px 55px}.chrome{letter-spacing:-.05em}.home-title{font-size:clamp(16px,5vw,32px)}.sub-title{font-size:clamp(16px,4.7vw,30px);margin-bottom:38px}.about p{font-size:18px}.field label{font-size:15px}.field input,.field textarea{font-size:16px}}
/* About page: exactly four centered lines at standard desktop widths. */
@media (min-width: 1100px) {
  .about .inner { max-width: 1500px; }
  .about .about-four-lines { max-width: none; font-size: clamp(18px, 1.65vw, 27px); line-height: 1.6; margin: 0 auto; }
  .about-four-lines span { display: block; white-space: nowrap; }
}
@media (max-width: 1099px) {
  .about-four-lines span { display: inline; }
  .about-four-lines span:not(:last-child)::after { content: " "; }
}

/* Visible contact email; original form configuration unchanged */
.contact .sub-title{margin-bottom:14px}.contact-email{font:600 clamp(15px,1.7vw,20px) Arial,Helvetica,sans-serif;margin:0 0 26px;text-align:center;overflow-wrap:anywhere}.contact-email a{color:#07141c;text-decoration:none}.contact-email a:hover{text-decoration:underline}