/* Figma 1:2 / 1:3. Isolated from the lower-page editorial styles. */
.home{--u:clamp(.68px,calc(100vw / 1920),1px);height:100svh;min-height:560px;position:relative;color:#fff}
.home .brand{position:absolute;inset:0;text-align:center;transform:none;pointer-events:none}
.home .adit{position:absolute;top:26.3889%;left:50%;transform:translateX(-50%);display:block;width:calc(var(--u) * 79.9189);height:calc(var(--u) * 40.001)}
.home h1{position:absolute;top:32.1296%;left:50%;transform:translateX(-50%);margin:0;font-family:'Instrument Sans',sans-serif;font-weight:600;font-size:calc(var(--u) * 100);line-height:1.2;letter-spacing:-.04em;white-space:nowrap;color:transparent;background:url('assets/poseidon-title-fill.png') center / cover no-repeat;background-clip:text;-webkit-background-clip:text;filter:none;text-shadow:none}
.home .intro{position:absolute;left:50%;top:50%;transform:translateX(-50%);font-size:clamp(14px,.9375vw,18px);font-weight:500;line-height:1.5;letter-spacing:0;margin:0;width:max-content;max-width:92%;text-align:center;color:transparent;background:linear-gradient(94deg,#fff,#ceecff);background-clip:text;-webkit-background-clip:text}
.home form{position:absolute;top:63.7037%;left:50%;transform:translateX(-50%);width:520px;max-width:88%;display:flex;gap:10px;margin:0}
.home .input-wrap{background:#fff;display:flex;align-items:center;padding:18px;gap:10px;min-width:0;flex:1;border:0;border-radius:1000px;box-shadow:none}
.home .input-wrap>img,.home .submit>img{width:24px;height:24px;flex-shrink:0}
.home input{font-family:Pretendard,sans-serif;font-size:18px;font-weight:500;line-height:1.5;letter-spacing:-.02em;color:#3f3f46}
.home input::placeholder{color:#a1a1aa}
.home .input-wrap:focus-within{box-shadow:0 0 0 5px #ffffff30}
.home .submit{width:60px;height:60px;display:grid;place-items:center;flex-shrink:0;padding:18px;border-radius:1000px;background:#cddcf6;box-shadow:none}
.home .submit:hover{background:#e5edff;transform:translateX(2px)}
.home .down{position:absolute;left:calc(50% - 24px);top:93.3333%;bottom:auto;width:48px;height:48px;margin:0;padding:0;display:block;background:none;opacity:1;animation:none}
.home .kftc-lockup{position:absolute;left:50%;top:84.5227%;display:flex;align-items:center;transform:translateX(-50%) scale(var(--kftc-scale,1));transform-origin:center top;pointer-events:none;white-space:nowrap}
.home .kftc-with{font-size:18px;font-weight:500;line-height:1.5;color:transparent;background:linear-gradient(90.713deg,#fff 0%,#ceecff 99.88%);background-clip:text;-webkit-background-clip:text}
.home .kftc-logo{position:relative;flex:none;width:183px;height:48px}
.home .kftc-logo img{position:absolute;display:block;max-width:none}
.home .kftc-mark-outline{left:12.078px;top:7.1808px}
.home .kftc-mark-detail{left:13.0479px;top:8.16px}
.home .kftc-mark-base{left:18.7026px;top:10.1808px}
.home .kftc-wordmark{left:53.436px;top:16.1184px}
.home .down>img{display:block;width:48px;height:48px;animation:none}
body .ocean{width:100%;height:222.35%;min-height:0;left:0;top:-61.17%;background:radial-gradient(ellipse at 10% 35%,#00e0e7 0%,transparent 42%),radial-gradient(ellipse at 83% 35%,#079cfa 0%,transparent 45%),linear-gradient(135deg,#11b9e9,#0775db 48%,#003eac);transform-origin:center;animation:ocean-loop 12s ease-in-out infinite}
.ocean-flow{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none}
body .atmosphere.flow-ready .ocean-flow{opacity:1}
body .atmosphere.flow-ready .ocean{visibility:hidden;animation:none}
@keyframes ocean-loop{
  0%,100%{transform:translate3d(-5%,0,0) scale(1.2)}
  25%{transform:translate3d(5%,4%,0) scale(1.26)}
  50%{transform:translate3d(4%,-4%,0) scale(1.2)}
  75%{transform:translate3d(-5%,3%,0) scale(1.26)}
}
@media(max-width:650px){.home{min-height:580px}.home .adit{width:64px;height:auto}.home h1{font-size:68px}.home .intro{font-size:14px;line-height:1.65}.home form{width:520px;max-width:88%}.home .input-wrap{padding:16px 14px}.home input{font-size:16px}.home .submit{height:56px;width:56px;padding:16px}.home .down{top:auto;bottom:18px}body .ocean{width:100%;height:100%;top:0;left:0;object-fit:cover}}
@media(prefers-reduced-motion:reduce){.home *{animation:none!important;transition:none!important}body .ocean{animation:none!important;transform:none}}
