:root{--bg:#f9f7f4;--bg-warm:#f2efe9;--surface:#fff;--surface-2:#ffffffb3;--text-primary:#0c0c0e;--text-secondary:#5a5a6a;--text-muted:#9c9cac;--accent:#5da9dd;--accent-hover:#4a93c7;--accent-soft:#5da9dd1a;--accent-glow:#5da9dd4d;--space-xs:8px;--space-sm:16px;--space-md:32px;--space-lg:64px;--space-xl:96px;--font-sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--max-width:1200px;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:999px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur:.28s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);color:var(--text-secondary);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.6;overflow-x:hidden}h1,h2,h3{color:var(--text-primary);letter-spacing:-.03em;font-weight:500;line-height:1.08}p{max-width:58ch}a{color:var(--accent);transition:color var(--dur) var(--ease-out);text-decoration:none}a:hover{color:var(--accent-hover)}img,svg{max-width:100%;display:block}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none}input{font-family:var(--font-sans)}::selection{background:var(--accent-soft);color:var(--text-primary)}#root{flex-direction:column;min-height:100dvh;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-nav{z-index:100;-webkit-backdrop-filter:blur(16px);background:#f9f7f4d1;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;padding:20px 40px;display:flex;position:fixed;top:0;left:0;right:0}@media (width<=600px){.site-nav{padding:16px 20px}}.nav-logo{color:var(--text-primary);letter-spacing:-.025em;font-size:1.0625rem;font-weight:600}.nav-badge{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);letter-spacing:.01em;border:1px solid #5da9dd38;align-items:center;gap:6px;padding:5px 12px;font-size:.78rem;font-weight:500;display:inline-flex}.nav-badge-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:2.2s ease-in-out infinite pulse-dot}.hero{min-height:100dvh;padding-top:32px;padding-bottom:var(--space-lg);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-aurora{pointer-events:none;position:absolute;inset:0;overflow:hidden}.aurora-blob{filter:blur(80px);will-change:transform;border-radius:50%;position:absolute}.aurora-blob-1{background:radial-gradient(circle,#5da9dd38 0%,#0000 65%);width:800px;height:800px;animation:18s ease-in-out infinite alternate blob-drift;top:-15%;left:5%}.aurora-blob-2{background:radial-gradient(circle,#b8a0dc2e 0%,#0000 65%);width:600px;height:600px;animation:14s ease-in-out infinite alternate-reverse blob-drift;top:25%;right:0%}.aurora-blob-3{background:radial-gradient(circle,#e8b4b826 0%,#0000 65%);width:500px;height:500px;animation:20s ease-in-out -5s infinite alternate blob-drift;bottom:-5%;left:35%}.hero:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 1px 1px,#0000000a 1px,#0000 0);background-size:36px 36px;position:absolute;inset:0}.hero-inner{z-index:1;width:100%;max-width:var(--max-width);padding-inline:var(--space-md);flex-direction:column;align-items:center;gap:0;display:flex;position:relative}.hero-logo-mark{opacity:0;align-items:center;gap:16px;margin-bottom:28px;animation:.9s cubic-bezier(.22,1,.36,1) both logo-drop;display:flex}@media (width<=600px){.hero-logo-mark{gap:12px;margin-bottom:20px}}.logo-mark-img{filter:drop-shadow(0 0 22px #5da9dd80)drop-shadow(0 0 48px #9b7fe847);width:72px;height:72px;transition:filter .4s,transform .4s}.logo-mark-img:hover{filter:drop-shadow(0 0 32px #5da9ddb3)drop-shadow(0 0 64px #9b7fe873);transform:scale(1.06)rotate(12deg)}@media (width<=600px){.logo-mark-img{width:52px;height:52px}}.logo-mark-name{letter-spacing:-.045em;color:var(--text-primary);font-size:clamp(2rem,3.5vw + .5rem,3.2rem);font-weight:280;line-height:1}@keyframes logo-drop{0%{opacity:0;transform:translateY(-12px)scale(.92)}60%{opacity:1;transform:translateY(2px)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.hero-overline{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;opacity:0;animation:rise .7s var(--ease-out) .1s both;border:1px solid #5da9dd38;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:.8rem;font-weight:500;display:inline-flex}.overline-dot{background:var(--accent);border-radius:50%;width:5px;height:5px;animation:2s ease-in-out infinite pulse-dot}.hero-headline{letter-spacing:-.045em;color:var(--text-primary);margin-bottom:22px;font-size:clamp(3.2rem,6vw + 1rem,7rem);font-weight:280;line-height:1}.hero-word{opacity:0;animation:rise .75s var(--ease-out) both;display:inline-block}.hero-word:first-child{animation-delay:.18s}.hero-word:nth-child(2){animation-delay:.26s}.hero-word:nth-child(3){animation-delay:.34s}.hero-word:nth-child(4){animation-delay:.42s}.hero-word:nth-child(5){animation-delay:.5s}.hero-word-accent{background:linear-gradient(135deg,#5da9dd 0%,#9b7fe8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:-.15em;padding-bottom:.15em}.hero-sub{color:var(--text-secondary);opacity:0;max-width:44ch;animation:rise .75s var(--ease-out) .58s both;margin-bottom:0;font-size:clamp(1rem,1.5vw + .4rem,1.2rem);line-height:1.65}.orbit-stage{opacity:0;width:600px;height:480px;animation:rise .8s var(--ease-out) .7s both;justify-content:center;align-items:center;margin:12px auto 4px;display:flex;position:relative;overflow:clip}.orbit-stage:after{content:"";pointer-events:none;border:1px dashed #0000001a;border-radius:50%;width:420px;height:175px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=600px){.orbit-stage{width:360px;height:340px}.orbit-stage:after{width:270px;height:110px}}.orbit-center{z-index:3;justify-content:center;align-items:center;display:flex;position:relative}.person-figure{filter:drop-shadow(0 24px 48px #0000001f);width:180px;height:auto}@media (width<=600px){.person-figure{width:120px}}.person-glow{background:radial-gradient(circle, var(--accent-glow) 0%, transparent 70%);opacity:0;width:260px;height:260px;transition:background .7s var(--ease-out), opacity .4s ease;pointer-events:none;z-index:2;border-radius:50%;position:absolute}@media (width<=600px){.person-glow{width:180px;height:180px}}.person-glow.active{opacity:1;animation:1.4s ease-out both glow-pulse}.orbit-card-wrap{will-change:transform;z-index:2;margin-top:-40px;margin-left:-40px;position:absolute;top:50%;left:50%}@media (width<=600px){.orbit-card-wrap{margin-top:-30px;margin-left:-30px}}.orbit-card{width:80px;height:80px;color:var(--card-accent,#5da9dd);cursor:default;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(16px)saturate(160%);transition:box-shadow .35s var(--ease-out), transform .35s var(--ease-out);background:linear-gradient(160deg,#ffffff9e 0%,#ffffff52 100%);border:1px solid #ffffffb8;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;box-shadow:0 4px 20px #00000012,0 1px 4px #0000000d,inset 0 1px #ffffffe6}.orbit-card:hover{transform:scale(1.06);box-shadow:0 8px 28px #0000001a,inset 0 1px #ffffffe6}@media (width<=600px){.orbit-card{border-radius:15px;gap:4px;width:60px;height:60px}}.orbit-card.is-active{box-shadow:0 0 0 2px var(--card-accent,#5da9dd), 0 12px 40px #0000001f, 0 0 50px var(--card-glow,#5da9dd66), inset 0 1px 0 #ffffffe6}.card-icon{opacity:.95;width:28px;height:28px}@media (width<=600px){.card-icon{width:20px;height:20px}}.card-label{letter-spacing:.04em;text-transform:uppercase;color:inherit;opacity:.85;font-size:.62rem;font-weight:600}@media (width<=600px){.card-label{font-size:.52rem}}.hero-form-wrap{opacity:0;animation:rise .75s var(--ease-out) .85s both;flex-direction:column;align-items:center;gap:0;margin-top:16px;display:flex}.hero-form-glass{-webkit-backdrop-filter:blur(24px)saturate(160%);background:linear-gradient(160deg,#ffffff9e 0%,#ffffff5c 100%);border:1px solid #ffffffbd;border-radius:22px;flex-direction:column;align-items:center;gap:10px;padding:26px 32px 20px;display:flex;box-shadow:0 8px 32px #00000012,inset 0 1px #ffffffeb}@media (width<=480px){.hero-form-glass{border-radius:16px;padding:20px 18px 16px}}.hero-form-row{gap:8px;width:100%;max-width:420px;display:flex}@media (width<=480px){.hero-form-row{flex-direction:column}}.hero-input{border-radius:var(--radius-md);background:var(--surface);color:var(--text-primary);transition:border-color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);border:1.5px solid #0000001f;flex:1;padding:13px 18px;font-size:.9375rem}.hero-input::placeholder{color:var(--text-muted)}.hero-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.hero-input.is-error{border-color:#e05c5c}.hero-input.is-error:focus{box-shadow:0 0 0 3px #e05c5c1f}.hero-btn{border-radius:var(--radius-md);background:var(--text-primary);color:#fff;letter-spacing:-.01em;transition:background var(--dur) var(--ease-out), transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);white-space:nowrap;padding:13px 26px;font-size:.9375rem;font-weight:500;box-shadow:0 2px 12px #0000002e}.hero-btn:hover{background:#222230;transform:translateY(-1px);box-shadow:0 6px 20px #00000038}.hero-btn:active{transform:translateY(0)}.hero-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hero-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.hero-note{color:var(--text-muted);text-align:center;font-size:.8rem}.form-error{color:#e05c5c;text-align:left;width:100%;max-width:420px;font-size:.85rem}.form-success{animation:pop-in .5s var(--ease-spring) both;flex-direction:column;align-items:center;gap:10px;display:flex}.success-ring{background:var(--accent-soft);width:52px;height:52px;color:var(--accent);border:2px solid #5da9dd59;border-radius:50%;justify-content:center;align-items:center;display:flex}.success-title{color:var(--text-primary);font-size:1.1rem;font-weight:500}.success-sub{color:var(--text-secondary);text-align:center;max-width:34ch;font-size:.9rem}.hp-field{clip:rect(0,0,0,0);white-space:nowrap;opacity:0;pointer-events:none;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.footer{padding:28px var(--space-md);border-top:1px solid #00000012;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.footer-logo{color:var(--text-primary);letter-spacing:-.02em;font-size:.9375rem;font-weight:600}.footer-links{gap:20px;list-style:none;display:flex}.footer-links a{color:var(--text-muted);transition:color var(--dur) var(--ease-out);font-size:.825rem}.footer-links a:hover{color:var(--text-secondary)}.footer-copy{color:var(--text-muted);font-size:.8rem}.orbit-label{border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--text-secondary);letter-spacing:.02em;white-space:nowrap;pointer-events:none;z-index:20;background:#ffffffd9;border:1px solid #00000014;align-items:center;gap:6px;padding:5px 12px;font-size:.775rem;font-weight:500;display:inline-flex;position:absolute;bottom:8px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #00000012}.orbit-label-dot{width:7px;height:7px;transition:background .7s var(--ease-out);border-radius:50%;flex-shrink:0}.page-copyright{max-width:none;color:var(--text-muted);white-space:nowrap;z-index:1;pointer-events:none;opacity:0;animation:rise .7s var(--ease-out) 1.2s both;justify-content:center;align-items:center;gap:6px;font-size:.775rem;display:flex;position:absolute;bottom:18px;left:0;right:0}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pop-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}@keyframes glow-pulse{0%{opacity:0;transform:scale(.6)}35%{opacity:1;transform:scale(1.05)}to{opacity:0;transform:scale(1.4)}}@keyframes ripple-out{0%{opacity:.8;transform:scale(.4)}to{opacity:0;transform:scale(2.2)}}.snap-ripple{pointer-events:none;opacity:0;z-index:5;border:2px solid;border-radius:50%;width:120px;height:120px;position:absolute}.snap-ripple.animate{animation:ripple-out .7s var(--ease-out) both}@keyframes blob-drift{0%{transform:translate(0)scale(1)}to{transform:translate(40px,-30px)scale(1.12)}}