@font-face { font-family: "Figtree"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/figtree-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: "Figtree"; font-style: normal; font-weight: 400; font-display: swap; src: url("/fonts/figtree-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: "Figtree"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/figtree-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: "Figtree"; font-style: normal; font-weight: 500; font-display: swap; src: url("/fonts/figtree-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: "Figtree"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/figtree-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: "Figtree"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/figtree-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: "Figtree"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/figtree-latin-ext-700-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: "Figtree"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/figtree-latin-700-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: "Fraunces"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/fraunces-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: "Fraunces"; font-style: normal; font-weight: 600; font-display: swap; src: url("/fonts/fraunces-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: "Fraunces"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/fraunces-latin-ext-700-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: "Fraunces"; font-style: normal; font-weight: 700; font-display: swap; src: url("/fonts/fraunces-latin-700-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 { --bg: #f7f9fd; --surface: #fff; --ink: #14213d; --muted: #58627a; --line: #e3e8f2; --accent: #2f5fd0;
  --accent-soft: #dbeafe; --accent-ink: #fff; --p2: #e9d5ff; --p3: #d1fae5; --error: #b42318;
  --shadow: 0 18px 50px -20px rgba(30, 50, 110, .35); color-scheme: light dark; }
@media (prefers-color-scheme: dark) {
  :root { --bg: #0e1424; --surface: #161e33; --ink: #eef2fb; --muted: #a3adc6; --line: #27324f; --accent: #8fb0ff;
    --accent-soft: #1f2c52; --accent-ink: #0e1424; --p2: #2a2150; --p3: #123a33; --error: #ff8f86;
    --shadow: 0 18px 50px -20px rgba(0, 0, 0, .7); }
}
*, *::before, *::after { box-sizing: border-box; }
html { min-height: 100%; }
body { margin: 0; min-height: 100vh; background: var(--bg); color: var(--ink);
  font: 400 17px/1.6 Figtree, system-ui, -apple-system, "Segoe UI", sans-serif; -webkit-font-smoothing: antialiased;
  position: relative; overflow-x: hidden; }
body::before, body::after { content: ""; position: fixed; border-radius: 50%; z-index: -1; pointer-events: none; }
body::before { width: 640px; height: 640px; top: -220px; right: -200px; background: radial-gradient(circle, var(--p2), transparent 65%); opacity: .55; }
body::after { width: 520px; height: 520px; bottom: -200px; left: -220px; background: radial-gradient(circle, var(--p3), transparent 65%); opacity: .5; }
main { max-width: 600px; margin: 0 auto; padding: 28px 20px 48px; }
.brand { display: flex; align-items: center; justify-content: space-between; margin-bottom: 36px; }
.logo { display: flex; align-items: center; gap: 10px; font-family: Fraunces, Georgia, serif; font-weight: 700;
  font-size: 1.3rem; letter-spacing: -.02em; color: var(--ink); text-decoration: none; }
.logo .mark { width: 36px; height: 36px; display: block; }
.switch { font-weight: 600; font-size: .85rem; color: var(--muted); text-decoration: none; border: 1.5px solid var(--line);
  border-radius: 99px; padding: 4px 12px; }
.switch:hover { border-color: var(--accent); color: var(--ink); }
section { background: var(--surface); border: 1px solid var(--line); border-radius: 18px; box-shadow: var(--shadow); padding: 32px 34px; }
h1 { font-family: Fraunces, Georgia, "Times New Roman", serif; font-weight: 700; font-size: clamp(1.7rem, 4vw, 2.2rem);
  line-height: 1.15; letter-spacing: -.02em; margin: 0 0 16px; }
p { margin: 0 0 12px; }
.price { font-weight: 700; font-size: 1.15rem; display: inline-block; background: var(--accent-soft); border-radius: 10px; padding: 6px 12px; }
form { display: grid; gap: 18px; margin-top: 20px; }
label { display: grid; gap: 6px; font-weight: 600; }
label.check { display: block; font-weight: 400; color: var(--muted); }
label.check input { accent-color: var(--accent); margin-right: 6px; }
input[name=org], input[name=email] { font: inherit; color: var(--ink); background: var(--surface); padding: 11px 14px;
  border: 1.5px solid var(--line); border-radius: 12px; }
input[name=org]:focus, input[name=email]:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-soft); }
small { color: var(--muted); font-weight: 400; font-size: .88rem; }
button, .button { font: inherit; font-weight: 700; background: var(--accent); color: var(--accent-ink); border: 0; border-radius: 14px;
  padding: 14px 24px; text-decoration: none; display: inline-block; cursor: pointer; justify-self: start; }
button:hover, .button:hover { box-shadow: 0 10px 24px -10px var(--accent); }
.errors { color: var(--error); margin: 8px 0; }
.address { word-break: break-all; font-weight: 600; }
.hp { position: absolute; left: -10000px; width: 1px; height: 1px; overflow: hidden; }
a { color: var(--accent); }
footer { margin-top: 20px; font-size: .92rem; text-align: center; }
footer a { color: var(--muted); }
@media (max-width: 520px) { section { padding: 24px 20px; } .brand { margin-bottom: 24px; } }
