:root{--ink: #0E1B2C;--ink-soft: #28394F;--ink-mute: rgba(14, 27, 44, .55);--blue: #7DA8CC;--blue-deep: #4A7DAB;--blue-light: #B8D2E7;--bg: #FFFFFF;--font-display: "Fraunces", "Times New Roman", Georgia, serif;--font-sans: "Manrope", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Courier New", monospace}.app{min-height:100vh;position:relative;isolation:isolate;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(ellipse 60% 45% at 28% 50%,rgba(125,168,204,.1),transparent 65%),var(--bg);color:var(--ink);padding:1.25rem;overflow:hidden}.app:before{content:"";position:fixed;top:1.25rem;right:1.25rem;bottom:1.25rem;left:1.25rem;border:1px solid var(--ink);pointer-events:none;z-index:6}.app:after{content:"";position:fixed;top:1.65rem;right:1.65rem;bottom:1.65rem;left:1.65rem;border:1px solid rgba(14,27,44,.18);pointer-events:none;z-index:6}.grain{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:5;opacity:.06;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.92' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.header{position:relative;z-index:7;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:1.5rem 2.75rem 0;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-soft);opacity:0;animation:fadeIn .9s ease-out .1s forwards}.header-center{text-align:center;display:inline-flex;align-items:center;gap:.6rem}.header-right{text-align:right}.dot-mark{width:7px;height:7px;background:var(--blue-deep);border-radius:50%;display:inline-block;animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4;transform:scale(.85)}50%{opacity:1;transform:scale(1)}}.side-tag{position:fixed;top:50%;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.4em;text-transform:uppercase;color:var(--ink-mute);z-index:7;writing-mode:vertical-rl;white-space:nowrap;opacity:0;animation:fadeIn 1.2s ease-out .6s forwards}.side-left{left:2.2rem;transform:translateY(-50%) rotate(180deg)}.side-right{right:2.2rem;transform:translateY(-50%)}.hero{position:relative;z-index:7;display:grid;place-items:center;padding:1.5rem clamp(1.5rem,5vw,4rem)}.hero-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1.4fr);gap:clamp(2rem,6vw,6rem);align-items:center;width:min(1280px,100%)}.logo-wrap{position:relative;display:grid;place-items:center;aspect-ratio:1;width:100%;max-width:460px;justify-self:center;opacity:0;animation:fadeIn 1s ease-out .3s forwards}.logo{position:relative;z-index:2;width:92%;height:auto;filter:drop-shadow(0 18px 28px rgba(74,125,171,.22));animation:float 7s ease-in-out infinite;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.logo-wrap:hover .logo{transform:scale(1.03)}.ripples{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;z-index:1}.ripples circle{fill:none;stroke:var(--blue-deep);stroke-width:1.2;opacity:0;transform-origin:center;transform-box:fill-box;animation:ripple 5s ease-out infinite}.ripples circle:nth-child(1){animation-delay:0s}.ripples circle:nth-child(2){animation-delay:1.25s}.ripples circle:nth-child(3){animation-delay:2.5s}.ripples circle:nth-child(4){animation-delay:3.75s}@keyframes ripple{0%{opacity:.45;transform:scale(.55)}to{opacity:0;transform:scale(1.18)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.copy{display:grid;gap:1.5rem;align-content:center}.brand-mark{display:flex;align-items:center;gap:1.1rem;opacity:0;animation:fadeUp .8s ease-out .35s forwards}.brand-rule{flex:1 1 auto;height:1px;background:linear-gradient(90deg,transparent,var(--blue-deep) 40%,var(--blue-deep) 60%,transparent);max-width:64px;opacity:.55}.brand-name{font-family:Anton,Bebas Neue,Impact,sans-serif;font-weight:400;font-size:clamp(1.6rem,3.4vw,2.9rem);letter-spacing:.32em;text-transform:uppercase;color:var(--ink);line-height:1;padding-right:.32em;display:inline-block;position:relative}.brand-char{display:inline-block;opacity:0;transform:translateY(.4em);animation:charIn .6s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.04s * var(--i) + .55s)}.brand-name:after{content:"";position:absolute;left:0;right:.32em;bottom:-.55em;height:1px;background:var(--ink);opacity:.18;transform:scaleX(0);transform-origin:left center;animation:ruleIn .9s cubic-bezier(.2,.7,.2,1) 1.1s forwards}@keyframes ruleIn{to{transform:scaleX(1)}}.headline{font-family:var(--font-display);font-weight:350;line-height:.88;font-size:clamp(3.4rem,11vw,10rem);letter-spacing:-.045em;color:var(--ink);font-variation-settings:"opsz" 144,"SOFT" 50}.line{display:block}.line-2{font-style:italic;font-weight:300;color:var(--blue-deep);font-variation-settings:"opsz" 144,"SOFT" 100,"WONK" 1;margin-top:-.04em;padding-left:clamp(2rem,9vw,6rem);opacity:0;animation:lineIn .9s cubic-bezier(.2,.7,.2,1) .95s forwards}.line-2 em{font-style:italic}.char{display:inline-block;opacity:0;transform:translateY(.55em);animation:charIn .75s cubic-bezier(.2,.7,.2,1) forwards;animation-delay:calc(.06s * var(--i) + .45s)}@keyframes charIn{to{opacity:1;transform:translateY(0)}}@keyframes lineIn{0%{opacity:0;transform:translate(-1.5rem) skew(-2deg)}to{opacity:1;transform:translate(0) skew(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(.6rem)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.tagline{font-family:var(--font-display);font-style:italic;font-weight:300;font-size:clamp(1rem,1.45vw,1.3rem);line-height:1.55;color:var(--ink-soft);max-width:40ch;opacity:0;animation:fadeUp .9s ease-out 1.25s forwards}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 920px){.hero-grid{grid-template-columns:1fr;gap:3rem}.copy{text-align:left;justify-items:start}.header{grid-template-columns:1fr;gap:.4rem;text-align:center;padding:1.25rem 1rem 0}.header-cell,.header-center,.header-right{text-align:center;justify-content:center}.side-tag{display:none}.line-2{padding-left:0}.logo-wrap{max-width:320px}}@media (max-width: 520px){.app{padding:.75rem}.app:before{top:.75rem;right:.75rem;bottom:.75rem;left:.75rem}.app:after{top:1.05rem;right:1.05rem;bottom:1.05rem;left:1.05rem}}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html,body,#root{height:100%}body{font-family:Manrope,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden}img,svg{display:block;max-width:100%}button,input{font:inherit}::selection{background:#0e1b2c;color:#f2ebd8}