:root {
  --paper: #f7f5f1;
  --paper-deep: #efeee9;
  --ink: #1d1d1d;
  --muted: #5a5e58;
  --line: #d5d5d0;
  --soft-line: #e7e4df;
  --green: #a9b767;
  --green-deep: #1e2b1f;
  --shadow: rgba(22, 29, 25, 0.08);
  --serif: 'Libre Baskerville', Georgia, serif;
  --display: 'Manrope', Arial, sans-serif;
}

* { box-sizing: border-box; }

html, body {
  margin: 0;
  min-height: 100%;
  background: linear-gradient(180deg, #cfe0d0 0%, #b8d0c1 100%);
  color: var(--ink);
  font-family: var(--display);
}

body {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 28px 18px;
}

.notebook-page {
  position: relative;
  width: min(1400px, 100%);
  min-height: calc(100vh - 56px);
  background: linear-gradient(90deg, rgba(121, 142, 124, 0.18), rgba(255,255,255,0) 8%, rgba(255,255,255,0) 92%, rgba(121, 142, 124, 0.18));
  padding: 24px 42px 24px 30px;
  border-radius: 18px;
}

.notebook-page::before,
.notebook-page::after {
  content: "";
  position: absolute;
  top: 18px;
  bottom: 18px;
  width: 20px;
  background: radial-gradient(circle at center, rgba(90, 97, 92, 0.9) 0 8px, transparent 9px);
  background-size: 100% 28px;
  background-repeat: repeat-y;
  opacity: 0.8;
}

.notebook-page::before { left: 10px; }
.notebook-page::after { right: 10px; }

.certificate-sheet {
  position: relative;
  width: 100%;
  min-height: calc(100vh - 104px);
  background: rgba(255,255,255,0.56);
  border: 1px solid rgba(95, 105, 94, 0.2);
  box-shadow: 0 16px 40px rgba(29, 34, 26, 0.08);
  padding: 36px 72px 32px;
}

.certificate-sheet::before {
  content: "";
  position: absolute;
  inset: 10px 14px;
  border: 1px solid rgba(40, 47, 39, 0.18);
  pointer-events: none;
}

.certificate-header {
  text-align: center;
  margin-top: 14px;
}

.emblem {
  position: relative;
  width: 118px;
  height: 118px;
  margin: 0 auto 22px;
  transform: rotate(0deg);
}

.emblem .chakra,
.emblem .umbrella,
.emblem .lion,
.emblem .lion::before,
.emblem .lion::after {
  position: absolute;
}

.emblem .chakra {
  inset: 8px;
  border: 3px solid #201f1d;
  border-radius: 50%;
  background: radial-gradient(circle, #fff 0 18%, transparent 19%),
              repeating-radial-gradient(circle, transparent 0 4px, rgba(17,17,17,0.2) 4px 5px);
  box-shadow: inset 0 0 0 2px rgba(26, 23, 21, 0.2);
}

.emblem .umbrella {
  left: 50%;
  top: 14px;
  width: 42px;
  height: 54px;
  transform: translateX(-50%);
  border: 3px solid #201f1d;
  border-bottom: 0;
  border-radius: 50% 50% 0 0;
}

.emblem .umbrella::before,
.emblem .umbrella::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 38px;
  background: #201f1d;
  bottom: -38px;
  left: 50%;
  transform: translateX(-50%);
}

.emblem .umbrella::after {
  width: 24px;
  height: 24px;
  border: 3px solid #201f1d;
  border-radius: 50%;
  bottom: -56px;
  background: transparent;
}

.emblem .lion {
  width: 34px;
  height: 48px;
  border: 3px solid #201f1d;
  border-bottom-width: 4px;
  clip-path: polygon(0 100%, 15% 0, 35% 40%, 50% 0, 65% 40%, 85% 0, 100% 100%);
  top: 38px;
}

.emblem .lion.left { left: 8px; }
.emblem .lion.right { right: 8px; }

.emblem .lion::before,
.emblem .lion::after {
  content: "";
  width: 16px;
  height: 28px;
  border: 3px solid #201f1d;
  border-top: 0;
  bottom: -14px;
  background: transparent;
}

.emblem .lion.left::before { left: -2px; }
.emblem .lion.left::after { right: -2px; }
.emblem .lion.right::before { left: -2px; }
.emblem .lion.right::after { right: -2px; }

.government-title {
  margin: 0 auto;
  max-width: 760px;
}

.small-label {
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.02em;
  margin-bottom: 6px;
  font-family: var(--serif);
}

.government-title h2,
.government-title h3,
.certificate-header h1 {
  margin: 0;
  color: #171515;
}

.government-title h2 {
  font-size: clamp(2rem, 2.2vw, 3rem);
  line-height: 1.15;
  letter-spacing: -0.06em;
  font-weight: 800;
}

.government-title h3 {
  margin-top: 6px;
  font-size: clamp(1.4rem, 1.7vw, 2.2rem);
  line-height: 1.15;
  letter-spacing: -0.05em;
  font-weight: 800;
}

.government-title p {
  margin: 12px 0 0;
  font-size: 1.02rem;
  font-weight: 600;
  color: #2a2a2a;
}

.certificate-header h1 {
  margin-top: 30px;
  font-size: clamp(2.2rem, 3.1vw, 4rem);
  line-height: 1.1;
  letter-spacing: -0.06em;
  font-weight: 700;
  font-family: var(--serif);
}

.certificate-body {
  margin-top: 36px;
  font-size: 1.05rem;
  line-height: 1.3;
  color: #1e1d1b;
}

.legal-intro {
  font-size: clamp(0.95rem, 1.5vw, 1.12rem);
  font-weight: 500;
  font-style: italic;
  margin: 0 0 20px;
}

.certificate-body p {
  margin: 0 0 18px;
  font-size: 1.1rem;
  line-height: 1.75;
  font-weight: 500;
  text-align: left;
}

.certificate-body strong {
  font-weight: 800;
}

.signature-area {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  gap: 28px;
  margin-top: 28px;
}

.signature-tag {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-self: end;
  margin-right: 18px;
  min-width: 320px;
  text-align: center;
  line-height: 1.15;
}

.signature-tag .tiny {
  display: block;
  font-size: 0.7rem;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5d5a58;
  margin-bottom: 8px;
  font-weight: 700;
}

.signature-tag .name {
  display: block;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -0.04em;
  margin-bottom: 6px;
}

.signature-tag .role {
  display: block;
  font-size: 0.95rem;
  font-weight: 700;
  line-height: 1.35;
  max-width: 250px;
}

.signature-tag .role.small {
  margin-top: 8px;
  font-size: 0.8rem;
  font-weight: 600;
}

.signature-mark {
  position: relative;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  border: 1px solid rgba(21, 21, 21, 0.6);
  display: grid;
  place-items: center;
  margin-top: 18px;
  background: rgba(255,255,255,0.3);
}

.signature-mark::before {
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 50%;
  border: 1px solid rgba(21, 21, 21, 0.5);
}

.signature-mark .seal-rim {
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(21, 21, 21, 0.8);
  border-radius: 50%;
}

.signature-mark .seal-core {
  position: relative;
  font-size: 1rem;
  font-weight: 800;
  letter-spacing: 0.12em;
  color: rgba(21, 21, 21, 0.82);
}

.notice-box {
  margin-top: 34px;
  padding-top: 14px;
  border-top: 1px solid rgba(29, 29, 29, 0.35);
}

.notice-box p {
  margin: 0;
  font-size: 0.98rem;
  line-height: 1.7;
  font-weight: 500;
  color: #262927;
}

.notice-box span {
  color: #1a222f;
  text-decoration: underline;
}

.mailing-address {
  margin-top: 22px;
}

.rule {
  height: 1px;
  background: rgba(19, 19, 19, 0.7);
  width: 100%;
  margin-bottom: 18px;
}

.mailing-address p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.7;
  font-weight: 500;
}

.mailing-address .address-name {
  margin-top: 4px;
  font-weight: 700;
  letter-spacing: 0.02em;
}

.footnote {
  margin-top: 18px;
  color: #c12727;
  font-size: 1.05rem;
  font-weight: 700;
}

@media (max-width: 980px) {
  body { padding: 18px 12px; }

  .notebook-page {
    padding: 16px 18px 16px 14px;
  }

  .certificate-sheet {
    padding: 26px 18px 24px;
  }

  .signature-area {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .signature-tag {
    margin-right: 0;
    min-width: 0;
    align-items: center;
  }
}

@media (max-width: 640px) {
  .government-title h2 {
    font-size: 1.7rem;
  }

  .government-title h3 {
    font-size: 1.1rem;
  }

  .certificate-header h1 {
    font-size: 2.05rem;
  }

  .certificate-body p {
    font-size: 0.98rem;
  }

  .signature-tag .name {
    font-size: 1.5rem;
  }

  .notice-box p,
  .mailing-address p,
  .footnote {
    font-size: 0.9rem;
  }
}
:400px;height:400px;border:1px solid #72845042;border-radius:50%;right:5%;top:36px}.orbit-b{width:280px;height:280px;right:calc(5% + 60px);top:96px}.contact-spark{position:absolute;right:calc(5% + 166px);top:180px;color:#8ca34e;font-size:80px}.site-footer{min-height:133px;padding:28px 7.1%;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-items:center;gap:20px}.footer-brand{justify-self:start}.footer-legal{font-size:9px;line-height:1.8;color:#777a70}.back-top{justify-self:center;font-size:8px}.copyright{justify-self:end;color:#777a70;font-size:8px}@media(min-width:1400px){.hero{padding-left:max(7.1%,calc((100% - 1250px)/2));padding-right:max(7.1%,calc((100% - 1250px)/2))}.section{padding-left:max(11.2%,calc((100% - 1100px)/2));padding-right:max(11.2%,calc((100% - 1100px)/2))}}@media(max-width:850px){.site-header{padding:0 5%;height:74px}.main-nav{gap:23px}.hero{padding:65px 5% 80px;grid-template-columns:1fr 1fr;min-height:560px}.hero h1{font-size:68px;letter-spacing:-4px}.hero-art{height:390px;margin-left:0}.orb-one{width:270px;height:270px;left:calc(50% - 135px);top:62px}.orb-two{width:195px;height:195px;left:calc(50% - 97px);top:100px}.orb-three{left:calc(50% + 65px);top:180px}.art-cross{top:160px}.section{padding-left:8%;padding-right:8%}.company{gap:7%}.company-graphic{height:330px}.site-footer{padding:25px 5%}}@media(max-width:620px){.site-header{height:68px}.brand{font-size:19px}.menu-toggle{display:flex;border:0;background:none;width:34px;height:34px;padding:9px 4px;flex-direction:column;justify-content:center;gap:6px;z-index:8}.menu-toggle span{display:block;height:1px;width:24px;background:var(--ink)}.main-nav{display:none;position:absolute;top:67px;left:0;right:0;background:var(--paper);padding:25px 7% 30px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line)}.main-nav.open{display:flex}.main-nav>a{padding:14px 0}.main-nav .nav-contact{padding:14px 16px;margin-top:10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:54px 7% 70px}.eyebrow{font-size:7px;letter-spacing:.9px;gap:6px}.hero h1{font-size:66px;letter-spacing:-4.5px;margin-top:28px}.hero-text{font-size:13px;max-width:370px}.hero-note{display:none}.hero-art{height:340px;margin:50px 0 0}.orb-one{width:255px;height:255px;left:calc(50% - 127px);top:48px}.orb-two{width:188px;height:188px;left:calc(50% - 94px);top:81px}.orb-three{left:calc(50% + 61px);top:160px;width:58px;height:58px}.art-cross{top:141px;font-size:48px}.hero-scroll{left:7%;bottom:17px}.section{padding-left:7%;padding-right:7%}.intro{padding-top:75px;padding-bottom:100px}.intro-content{grid-template-columns:1fr;gap:22px;margin-top:34px}.intro h2,.approach h2{font-size:51px;letter-spacing:-3px}.intro-copy{max-width:440px}.intro-stamp{width:76px;height:76px;right:8%;bottom:17px;font-size:6px}.intro-stamp b{font-size:19px}.approach{padding-top:72px;padding-bottom:75px}.approach-heading{display:block;margin-top:31px}.approach-heading>p{margin:22px 0 0;max-width:410px}.principles{grid-template-columns:1fr;margin-top:37px}.principle,.principle+.principle{min-height:188px;padding:19px 24px 21px 0;border-right:0;border-bottom:1px solid #d5d8cb}.principle:last-child{border-bottom:0}.principle h3{margin-top:25px;font-size:18px}.principle p{max-width:320px}.principle-icon{right:12px;top:20px}.company{grid-template-columns:1fr;gap:44px;padding-top:72px;padding-bottom:76px}.company-graphic{height:310px;order:2}.company-info h2{font-size:43px;margin-top:26px}.company-facts{grid-template-columns:1fr 1fr;row-gap:23px}.contact{min-height:380px;padding-top:40px;padding-bottom:55px}.contact-top{font-size:7px}.contact h2{font-size:55px;letter-spacing:-3px;margin:61px 0 24px}.contact-orbit{width:260px;height:260px;right:-114px;top:130px}.orbit-b{width:180px;height:180px;right:-74px;top:170px}.contact-spark{right:-10px;top:220px;font-size:50px}.contact-cta{gap:28px;font-size:10px}.site-footer{grid-template-columns:1fr 1fr;row-gap:24px;padding:25px 7%;min-height:155px}.footer-legal{justify-self:end;text-align:right}.back-top{justify-self:start}.copyright{justify-self:end;text-align:right;font-size:7px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}