.page{position:relative;min-height:100vh;display:flex;flex-direction:column;padding:clamp(20px,4vw,40px) clamp(20px,6vw,64px);overflow:hidden}.bg-motif{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}.bg-bar{position:absolute;background:var(--forest);opacity:.05;border-radius:999px}.bg-bar--a{width:46vw;height:12vw;right:-14vw;bottom:6vw;transform:rotate(-24deg)}.bg-bar--b{width:46vw;height:12vw;right:-26vw;bottom:-6vw;transform:rotate(-24deg)}.topbar{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px}.lockup{display:flex;align-items:center}.lockup--small{gap:10px}.lockup-icon{width:26px;height:auto;display:block}.lockup-word{font-family:var(--font-display);font-weight:700;font-size:16px;letter-spacing:.12em;color:var(--ink)}.status-chip{display:flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--line);border-radius:999px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-70)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--forest);box-shadow:0 0 #0f5c4a80;animation:pulse 2.4s ease-out infinite}.hero{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:620px;margin:0 auto;padding:48px 0}.mark{position:relative;margin-bottom:28px}.mark-piece{position:absolute;top:0;right:0;bottom:0;left:0}.mark-piece img{width:100%;height:100%;display:block;object-fit:contain}.mark-piece--upper{clip-path:polygon(0 0,100% 0,100% 62%,0 38%);animation:mark-in-upper .8s cubic-bezier(.16,1,.3,1) both}.mark-piece--lower{clip-path:polygon(0 38%,100% 62%,100% 100%,0 100%);animation:mark-in-lower .8s .1s cubic-bezier(.16,1,.3,1) both}@keyframes mark-in-upper{0%{transform:translate(-34%,-40%) rotate(-8deg);opacity:0}to{transform:translate(0) rotate(0);opacity:1}}@keyframes mark-in-lower{0%{transform:translate(34%,40%) rotate(8deg);opacity:0}to{transform:translate(0) rotate(0);opacity:1}}.eyebrow{font-family:var(--font-mono);font-size:20px;letter-spacing:.14em;text-transform:uppercase;color:var(--forest);margin:0 0 18px;animation:fade-up .6s .5s cubic-bezier(.16,1,.3,1) both}.headline{font-family:var(--font-display);font-weight:700;font-size:clamp(2.25rem,5vw + 1rem,4rem);line-height:1.06;letter-spacing:-.01em;color:var(--ink);margin:0 0 22px;animation:fade-up .6s .58s cubic-bezier(.16,1,.3,1) both}.subcopy{font-size:17px;line-height:1.6;color:var(--ink-70);max-width:46ch;margin:0 0 36px;animation:fade-up .6s .66s cubic-bezier(.16,1,.3,1) both}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.notify-form{width:100%;max-width:440px;animation:fade-up .6s .74s cubic-bezier(.16,1,.3,1) both}.field{display:flex;align-items:center;gap:6px;background:var(--paper);border:1px solid var(--line);border-radius:999px;padding:6px}.field input{flex:1;min-width:0;border:none;outline:none;background:transparent;padding:12px 16px;font-size:15px;color:var(--ink)}.field input::placeholder{color:var(--ink-45)}.field button{flex-shrink:0;border:none;cursor:pointer;background:var(--forest);color:var(--cream);font-family:var(--font-body);font-weight:600;font-size:14.5px;padding:12px 22px;border-radius:999px;transition:background .15s ease,transform .15s ease}.field button:hover{background:var(--forest-deep)}.field button:active{transform:scale(.97)}.field input:focus-visible,.field button:focus-visible{outline:2px solid var(--forest);outline-offset:2px}.field-note{margin:12px 2px 0;font-size:13px;color:var(--ink-45);text-align:left}.field-note--error{color:#9a3b2f}.success-note{display:flex;align-items:center;justify-content:center;gap:10px;margin:0;padding:15px 20px;background:var(--forest-soft);border:1px solid rgba(15,92,74,.22);border-radius:999px;color:var(--forest-deep);font-weight:600;font-size:14.5px;animation:fade-up .5s cubic-bezier(.16,1,.3,1) both}.success-dot{width:7px;height:7px;border-radius:50%;background:var(--forest);flex-shrink:0}.footer{position:relative;z-index:1;padding-top:20px;text-align:center;font-size:12.5px;color:var(--ink-45)}@media (max-width: 480px){.field{flex-direction:column;align-items:stretch;border-radius:20px}.field button{width:100%}.status-chip span:last-child{display:none}}@keyframes pulse{0%{box-shadow:0 0 #0f5c4a59}to{box-shadow:0 0 0 8px #0f5c4a00}}@media (prefers-reduced-motion: reduce){.mark-piece--upper,.mark-piece--lower,.eyebrow,.headline,.subcopy,.notify-form,.success-note,.status-dot{animation:none!important;opacity:1!important;transform:none!important;clip-path:none!important;box-shadow:none!important}}:root{--cream: #f7f3ed;--cream-dim: #f0ebe1;--forest: #0f5c4a;--forest-deep: #0b4437;--forest-soft: rgba(15, 92, 74, .08);--ink: #14231e;--ink-70: rgba(20, 35, 30, .7);--ink-45: rgba(20, 35, 30, .45);--line: rgba(20, 35, 30, .12);--paper: #ffffff;--font-display: "Space Grotesk", "Helvetica Neue", Arial, sans-serif;--font-body: "Inter", "Helvetica Neue", Arial, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--cream);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}button,input{font-family:inherit}a{color:inherit}::selection{background:var(--forest);color:var(--cream)}
