@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/manrope-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/manrope-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/manrope-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/manrope-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/manrope-latin-ext-600-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Manrope';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/manrope-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/newsreader-latin-ext-400-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/newsreader-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/newsreader-latin-ext-400-italic.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/newsreader-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/newsreader-latin-ext-500-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Newsreader';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/newsreader-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{
  --paper:#F6F2E9; --ink:#1B2A4A; --ink-soft:#3E4A63; --muted:#5A6478;
  --rule:#D6CCB6; --rule-soft:#E0D7C4; --step-line:#B9AE96;
  --kicker:#6B5A3A; --accent:#1E7A67;
  --serif:'Newsreader',Georgia,'Times New Roman',serif;
  --sans:'Manrope',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.5}
a{color:var(--ink)}
a:hover{color:var(--accent)}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px}

.page{min-height:100vh;min-height:100dvh;padding:24px;display:flex}
.frame{flex:1 1 auto;border:1px solid var(--rule);padding:36px clamp(20px,5vw,72px);display:flex;flex-direction:column;gap:36px}

.top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink)}
.brand svg{flex:0 0 auto}
.wordmark{font-family:var(--serif);font-size:1.5rem;font-weight:500;letter-spacing:.3em;margin-right:-.3em}

.lang{display:flex;gap:4px;border:1px solid var(--rule);border-radius:999px;padding:4px}
.lang button{min-height:44px;min-width:52px;border:0;border-radius:999px;background:transparent;color:var(--ink);
  font-family:var(--sans);font-size:.85rem;font-weight:600;letter-spacing:.08em;cursor:pointer}
.lang button[aria-pressed="true"]{background:var(--ink);color:var(--paper)}

.hero{flex:1 1 auto;display:flex;flex-wrap:wrap;align-items:center;gap:48px}
.copy{flex:999 1 520px;min-width:0;display:flex;flex-direction:column;gap:24px}
.kicker{margin:0;font-size:.8rem;font-weight:600;letter-spacing:.26em;text-transform:uppercase;color:var(--kicker)}
h1{margin:0;max-width:680px;font-family:var(--serif);font-weight:400;font-size:clamp(2.1rem,4.2vw,3.5rem);line-height:1.1;letter-spacing:-.01em}
.sub{margin:0;max-width:540px;font-size:1.1rem;line-height:1.6;color:var(--ink-soft)}

.steps{list-style:none;margin:12px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:620px}
.steps li{display:flex;flex-direction:column;gap:12px}
.mark{display:flex;align-items:center;height:22px}
.dot{flex:0 0 auto;width:14px;height:14px;margin:4px;border-radius:50%;border:1.5px solid var(--ink)}
.line{flex:1 1 auto;height:1px;background:var(--step-line);margin:0 6px}
.label{font-size:.92rem;font-weight:600}
.steps li.done .label{color:var(--accent)}

.soon-row{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin-top:16px}
.soon{font-family:var(--serif);font-style:italic;font-size:1.3rem}
.dash{display:block;width:40px;height:1px;background:var(--step-line)}
.mail{font-size:1rem;font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}

.seal{flex:1 1 260px;display:flex;justify-content:center}
.seal svg{width:280px;height:280px;max-width:100%}
.seal text{font-family:var(--sans)}

.foot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:.85rem;color:var(--muted);border-top:1px solid var(--rule-soft);padding-top:18px}
.foot p{margin:0}

@media (max-width:560px){
  .page{padding:12px}
  .frame{padding:24px 20px;gap:28px}
  .wordmark{font-size:1.25rem;letter-spacing:.24em;margin-right:-.24em}
  .hero{gap:32px}
  .steps{display:flex;flex-direction:column;gap:10px}
  .steps li{flex-direction:row;align-items:center;gap:10px}
  .line{display:none}
  .seal svg{width:200px;height:200px}
}
