@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@1.3.9/dist/web/static/pretendard.min.css";
.brand-site{--bg:#050b13;--bg2:#07111d;--panel:#0b1726;--panel2:#0f2034;--line:#ffffff1a;--text:#f6f8fb;--muted:#9dafc2;--blue:#278cff;--cyan:#24d8f1;--soft:#d9e5f2;--shadow:0 28px 80px #00000061;max-width:100%;min-height:100vh;color:var(--text);letter-spacing:-.02em;background:radial-gradient(circle at 10% -5%,#226aff29,#0000 34%),linear-gradient(#07121e,#050b13 55%,#040910);font-family:Pretendard,SUIT,Noto Sans KR,Apple SD Gothic Neo,sans-serif;overflow-x:hidden}.brand-site a{color:inherit;text-decoration:none}.brand-site button,.brand-site input{font:inherit}.brand-site .container{width:min(1180px,100% - 40px);max-width:100%;margin:auto}.brand-site header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);background:#040a12c2;position:sticky;top:0}.brand-site .nav{justify-content:space-between;align-items:center;gap:16px;height:74px;display:flex}.brand-site .logo{font-size:20px;font-weight:800}.brand-site .logo small{letter-spacing:.35em;color:#9eb0c3;margin-top:5px;font-size:8px;display:block}.brand-site .brand-links{color:#c4d0dc;gap:28px;font-size:13px;display:flex}.brand-site .brand-links a{padding:28px 0;position:relative}.brand-site .brand-links a.active:after{content:"";background:linear-gradient(90deg, var(--blue), var(--cyan));height:2px;position:absolute;bottom:17px;left:0;right:0}.brand-site .topInvite{white-space:nowrap;border:1px solid #ffffff47;border-radius:999px;padding:10px 16px;font-size:12px}.brand-site .menuBtn{color:#f6f8fb;cursor:pointer;background:#07121f80;border:1px solid #ffffff38;border-radius:10px;width:42px;height:42px;display:none}.brand-site .mobileNav{padding:8px 0 18px;display:none}.brand-site .mobileNav a{border-top:1px solid var(--line);color:#c4d0dc;padding:12px 0;font-size:14px;display:block}.brand-site .hero{background-position:50%;background-size:cover;align-items:center;min-height:720px;display:flex;position:relative;overflow:hidden}.brand-site .hero.home{background-image:url(/brand/v5/home-hero.jpg?v=20260907)}.brand-site .hero.partner{background-image:url(/brand/v5/partner-hero.jpg?v=20260907)}.brand-site .hero.creator{background-image:url(/brand/v5/creator-hero.jpg?v=20260907)}.brand-site .hero:before{content:"";pointer-events:none;background:linear-gradient(90deg,#03080ffa 0%,#030911e6 34%,#040b14a3 68%,#040a126b 100%);position:absolute;inset:0}.brand-site .hero:after{content:"";pointer-events:none;background:linear-gradient(#0000,#06101a);height:180px;position:absolute;inset:auto 0 0}.brand-site .hero .container{z-index:2;position:relative}.brand-site .heroNote{letter-spacing:.28em;color:#8cc4ff;overflow-wrap:anywhere;font-size:11px}.brand-site h1{letter-spacing:-.055em;overflow-wrap:anywhere;word-break:keep-all;margin:20px 0 22px;font-size:clamp(30px,5vw + 12px,65px);font-weight:800;line-height:1.22}.brand-site .accent{color:var(--cyan)}.brand-site .hero p{color:#c4d0dc;max-width:690px;font-size:17px;line-height:1.9}.brand-site .actions{flex-wrap:wrap;gap:12px;margin-top:30px;display:flex}.brand-site .btn{text-align:center;white-space:normal;border-radius:999px;justify-content:center;align-items:center;gap:8px;max-width:100%;padding:14px 20px;font-size:13px;font-weight:700;display:inline-flex}.brand-site .primary{background:linear-gradient(90deg,#137aff,#20bcff);box-shadow:0 14px 34px #117bff3d}.brand-site .secondary{background:#07121f5c;border:1px solid #ffffff40}.brand-site section{padding:100px 0}.brand-site .band{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#071523,#0b2138)}.brand-site .kicker{letter-spacing:.28em;color:#76b7ff;overflow-wrap:anywhere;word-break:keep-all;font-size:11px}.brand-site .title{letter-spacing:-.045em;overflow-wrap:anywhere;word-break:keep-all;margin:14px 0 18px;font-size:clamp(28px,4vw + 16px,44px);font-weight:700;line-height:1.32}.brand-site .lead{color:#9eb0c2;max-width:760px;font-size:15px;line-height:1.86}.brand-site .grid4{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:38px;display:grid}.brand-site .grid3{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px;display:grid}.brand-site .card{border:1px solid var(--line);background:linear-gradient(#0e2239e8,#081626e8);border-radius:18px;padding:25px;box-shadow:0 10px 34px #0000001a}.brand-site .card .num{letter-spacing:.2em;color:#64afff;font-size:10px}.brand-site .card h3{margin:24px 0 10px;font-size:19px;font-weight:700}.brand-site .card p{color:#97a9ba;margin:0;font-size:13px;font-weight:400;line-height:1.75}.brand-site .process{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px;display:grid}.brand-site .step{position:relative}.brand-site .step:not(:last-child):after{content:"→";color:#4b82ba;position:absolute;top:16px;right:-14px}.brand-site .circle{color:#a5d1ff;background:#0a1a30;border:1px solid #2b7eff;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.brand-site .step h3{margin:14px 0 8px;font-size:17px;font-weight:700}.brand-site .step p{color:#95a8ba;margin:0;font-size:13px;font-weight:400;line-height:1.72}.brand-site .split{grid-template-columns:1fr 1fr;gap:18px;margin-top:38px;display:grid}.brand-site .visual{border:1px solid var(--line);min-height:420px;box-shadow:var(--shadow);background-position:50%;background-size:cover;border-radius:22px;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.brand-site .visual.partnerV{background-image:linear-gradient(#060e182e,#040c15f2),url(/brand/v5/partner-story.jpg?v=20260907)}.brand-site .visual.creatorV{background-image:linear-gradient(#060e182e,#040c15f2),url(/brand/v5/creator-story.jpg?v=20260907)}.brand-site .visual.homeV{background-image:linear-gradient(#060e182e,#040c15f2),url(/brand/v5/home-story.jpg?v=20260907)}.brand-site .visualInner{padding:34px;position:relative}.brand-site .visualInner small{letter-spacing:.22em;color:#86c0ff}.brand-site .visualInner h3{overflow-wrap:anywhere;word-break:keep-all;margin:15px 0;font-size:clamp(22px,2vw + 16px,31px);font-weight:700;line-height:1.34}.brand-site .visualInner p{color:#b4c1cf;font-weight:400;line-height:1.8}.brand-site .pills{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}.brand-site .pill{border:1px solid var(--line);background:#040e199e;border-radius:999px;padding:9px 11px;font-size:12px}.brand-site .compare{grid-template-columns:1fr 78px 1fr;align-items:stretch;gap:14px;margin-top:38px;display:grid}.brand-site .compareCol{border:1px solid var(--line);background:linear-gradient(#0d1f33e6,#071422eb);border-radius:20px;padding:30px}.brand-site .compareCol.new{border-color:#259dff80;box-shadow:0 0 40px #1c7fff1a}.brand-site .compareCol.old{opacity:.78}.brand-site .compareCol h3{margin:0 0 20px;font-size:25px;font-weight:700}.brand-site .compareCol ul{margin:0;padding:0;list-style:none}.brand-site .compareCol li{border-top:1px solid var(--line);color:#a9b8c7;padding:13px 0;font-size:14px;line-height:1.6}.brand-site .compareCol li b{color:#fff}.brand-site .vs{color:#6db5ff;place-items:center;font-weight:900;display:grid}.brand-site .reward{background:radial-gradient(circle at 80% 20%,#21d4ee1f,#0000 30%),linear-gradient(135deg,#0e2a48f5,#08182bf5);border:1px solid #2f98ff6b;border-radius:22px;margin-top:38px;padding:34px}.brand-site .reward h3{margin:0 0 10px;font-size:31px;font-weight:700}.brand-site .reward p{color:#b3c1cf;max-width:760px;font-weight:400;line-height:1.8}.brand-site .rewardTag{color:#9dd4ff;background:#20a1ff24;border:1px solid #2aa5ff57;border-radius:999px;margin:0 8px 8px 0;padding:9px 12px;font-size:12px;display:inline-flex}.brand-site .faq{margin-top:34px}.brand-site .faq details{border-top:1px solid var(--line);padding:18px 0}.brand-site .faq details:last-child{border-bottom:1px solid var(--line)}.brand-site .faq summary{cursor:pointer;font-weight:700}.brand-site .faq p{color:#96a8ba;font-weight:400;line-height:1.8}.brand-site .invite{grid-template-columns:1.15fr .85fr;align-items:center;gap:50px;display:grid}.brand-site .inviteForm{z-index:2;width:100%;min-width:0;position:relative}.brand-site .codebox{border:1px solid var(--line);background:#06111c;border-radius:14px;gap:8px;width:100%;min-width:0;padding:8px;display:flex}.brand-site .codebox input{color:#fff;background:0 0;border:0;outline:0;flex:auto;width:100%;min-width:0;padding:12px 13px;font-size:16px}.brand-site .codebox button{color:#fff;cursor:pointer;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:linear-gradient(90deg,#1379ff,#20c2ff);border:0;border-radius:10px;flex:none;min-height:48px;padding:13px 18px;font-weight:700}.brand-site .note{color:#76899a;overflow-wrap:anywhere;word-break:keep-all;margin-top:10px;font-size:11px;line-height:1.7}.brand-site .inviteError{color:#ff8b96;margin-top:8px;font-size:12px}.brand-site footer{border-top:1px solid var(--line);color:#6d7f91;padding:34px 0;font-size:11px}.brand-site .foot{justify-content:space-between;align-items:center;gap:16px;display:flex}@media (max-width:900px){.brand-site .brand-links{display:none}.brand-site .menuBtn{place-items:center;display:grid}.brand-site header.open .mobileNav{display:block}.brand-site .hero{min-height:unset;align-items:flex-end}.brand-site .hero .container{padding:88px 0 48px}.brand-site .hero:before{background:linear-gradient(#03080f8c 0%,#030911c7 42%,#040b14f0 100%)}.brand-site section{padding:64px 0}.brand-site .grid4,.brand-site .process{grid-template-columns:1fr 1fr}.brand-site .grid3,.brand-site .split,.brand-site .invite,.brand-site .compare{grid-template-columns:1fr}.brand-site .invite{gap:22px}.brand-site .vs{min-height:50px}.brand-site .visual{min-height:320px}.brand-site .visualInner,.brand-site .reward{padding:24px 20px}.brand-site .compareCol{padding:22px 18px}}@media (max-width:560px){.brand-site .container{width:min(100% - 24px,1180px)}.brand-site .nav{height:64px}.brand-site .heroNote,.brand-site .kicker{letter-spacing:.12em}.brand-site .hero p{font-size:15px;line-height:1.7}.brand-site .actions{flex-direction:column;align-items:stretch}.brand-site .actions .btn{width:100%}.brand-site .grid4,.brand-site .process{grid-template-columns:1fr}.brand-site .step:not(:last-child):after,.brand-site .topInvite{display:none}.brand-site .foot{flex-direction:column;align-items:flex-start}.brand-site .codebox{flex-direction:column;align-items:stretch;padding:10px}.brand-site .codebox input{padding:14px 12px}.brand-site .codebox button{width:100%}.brand-site .reward h3{font-size:22px}.brand-site .compareCol h3{font-size:20px}}
