@font-face{font-family:Pretendard;font-weight:100 900;font-display:swap;src:url(https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/variable/woff2/PretendardVariable.woff2) format("woff2")}:root{--color-primary: #00a0e9;--color-sky: #79c7ea;--color-blue: #0073b9;--color-navy: #013e8d;--color-white: #fff;--color-gray: #eee;--color-text: #222;--color-black: #000;--max-width: 1180px;--header-height: 72px;--shadow-block: 8px 8px 0 var(--color-navy)}*{box-sizing:border-box}html{color:var(--color-text);font-family:Pretendard,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;scroll-behavior:smooth}body{margin:0;background:var(--color-white)}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:var(--header-height);padding:0 clamp(20px,5vw,64px);border-bottom:1px solid var(--color-gray);background:color-mix(in srgb,var(--color-white) 92%,transparent);backdrop-filter:blur(16px)}.site-logo,.brand-mark{display:inline-flex;align-items:center;gap:12px}.brand-symbol{position:relative;display:inline-block;width:36px;height:36px;flex:0 0 auto;background:var(--color-primary)}.brand-symbol span{position:absolute;left:9px;width:12px;height:4px;background:var(--color-white)}.brand-symbol span:first-child{top:11px}.brand-symbol span:last-child{top:21px;left:18px}.brand-text{font-size:22px;font-weight:900;letter-spacing:0}.site-nav{display:flex;align-items:center;gap:6px}.nav-link{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid transparent;font-size:15px;font-weight:700}.nav-link:hover,.nav-link:focus-visible{border-color:var(--color-primary);outline:none}.nav-link-primary{background:var(--color-primary);color:var(--color-white)}.hero{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(32px,6vw,96px);align-items:center;min-height:calc(100svh - var(--header-height));padding:clamp(64px,8vw,112px) clamp(20px,5vw,64px);overflow:hidden}.hero:before{position:absolute;inset:0;z-index:-2;content:"";background:linear-gradient(90deg,rgb(0 160 233 / .08) 1px,transparent 1px),linear-gradient(0deg,rgb(0 160 233 / .08) 1px,transparent 1px);background-size:28px 28px;mask-image:linear-gradient(90deg,#000 0%,transparent 72%)}.hero-copy{max-width:620px}.eyebrow{margin:0 0 12px;color:var(--color-blue);font-size:14px;font-weight:900;letter-spacing:0}.hero h1{margin:0;color:var(--color-black);font-size:clamp(72px,12vw,160px);font-weight:950;line-height:.92;letter-spacing:0}.hero-lead{max-width:520px;margin:28px 0 0;font-size:clamp(21px,3vw,32px);font-weight:800;line-height:1.35}.hero-actions,.join-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border:2px solid var(--color-black);font-weight:900;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.button:hover,.button:focus-visible{outline:none;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--color-black)}.button-primary{background:var(--color-primary);color:var(--color-white)}.button-secondary{background:var(--color-white)}.hero-visual{--pointer-x: 0;--pointer-y: 0;position:relative;min-height:min(62vw,610px);transform:perspective(900px) rotateY(calc(var(--pointer-x) * 4deg)) rotateX(calc(var(--pointer-y) * -4deg));transition:transform .24s ease}.cube-stack{position:absolute;inset:5%}.cube{position:absolute;display:grid;place-items:center;width:clamp(104px,13vw,170px);aspect-ratio:1;border:2px solid var(--color-black);background:var(--color-primary);box-shadow:14px 14px 0 var(--color-navy),28px 28px 0 var(--color-sky);color:var(--color-white);font-size:clamp(13px,1.6vw,20px);font-weight:950;letter-spacing:0;animation:cube-in .76s cubic-bezier(.2,.8,.2,1) both}.cube-1{top:4%;left:5%;animation-delay:60ms}.cube-2{top:13%;right:12%;background:var(--color-navy);animation-delay:.12s}.cube-3{top:39%;left:22%;background:var(--color-blue);animation-delay:.18s}.cube-4{right:1%;bottom:24%;background:var(--color-sky);color:var(--color-black);animation-delay:.24s}.cube-5{bottom:3%;left:7%;background:var(--color-white);color:var(--color-black);animation-delay:.3s}.cube-6{right:28%;bottom:2%;animation-delay:.36s}.section{width:min(100% - 40px,var(--max-width));margin:0 auto;padding:clamp(72px,10vw,128px) 0}.section-muted{width:100%;max-width:none;padding-inline:max(20px,calc((100vw - var(--max-width)) / 2));background:#f7f7f7}.section-heading{max-width:720px;margin-bottom:34px}.section-heading h2,.join-copy h2{margin:0;color:var(--color-black);font-size:clamp(32px,5vw,56px);font-weight:950;line-height:1.08;letter-spacing:0}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:24px;max-width:none}.section-marker{display:block;width:44px;height:14px;margin-bottom:18px;background:var(--color-primary);box-shadow:20px 14px 0 var(--color-sky)}.audience-grid,.post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.block-card,.post-card{position:relative;min-height:220px;padding:26px;border:2px solid var(--color-gray);background:var(--color-white);transition:border-color .16s ease,transform .16s ease,box-shadow .16s ease}.block-card:hover,.block-card:focus-within,.post-card:hover,.post-card:focus-visible{border-color:var(--color-primary);outline:none;transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--color-gray)}.card-cube{display:block;width:28px;height:28px;margin-bottom:32px;background:var(--color-primary);box-shadow:10px 10px 0 var(--color-sky)}.block-card h3,.post-card h3{margin:0;color:var(--color-black);font-size:22px;font-weight:900;line-height:1.24}.block-card p,.post-card p,.post-card time,.join-copy p,.join-steps p,.activity-content p,.interest-description{color:#4b4b4b;line-height:1.7}.activity-panel{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}.activity-tabs{display:grid;gap:10px}.activity-tab,.interest-chip{min-height:52px;border:2px solid transparent;background:var(--color-gray);color:var(--color-text);font-weight:900;cursor:pointer;transition:background-color .16s ease,color .16s ease,transform .16s ease,border-color .16s ease}.activity-tab:hover,.activity-tab:focus-visible,.interest-chip:hover,.interest-chip:focus-visible{border-color:var(--color-primary);outline:none}.activity-tab[aria-selected=true],.interest-chip[aria-pressed=true]{background:var(--color-primary);color:var(--color-white)}.activity-content{min-height:300px;padding:clamp(28px,5vw,56px);border-left:14px solid var(--color-primary);background:var(--color-white);transition:opacity .14s ease,transform .14s ease}.activity-content.is-switching,.interest-description.is-switching{opacity:0;transform:translateY(4px)}.activity-kicker{margin:0 0 10px;color:var(--color-blue);font-weight:900}.activity-content h3{margin:0;color:var(--color-black);font-size:clamp(34px,6vw,72px);font-weight:950}.interest-shell{display:grid;gap:24px}.interest-chips{display:flex;flex-wrap:wrap;gap:10px}.interest-chip{padding:0 16px}.interest-description{min-height:70px;margin:0;padding:22px 24px;border-left:10px solid var(--color-primary);background:#f7f7f7;font-size:18px;transition:opacity .14s ease,transform .14s ease}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--color-blue);font-weight:900}.text-link:hover,.text-link:focus-visible{color:var(--color-navy);outline:none;text-decoration:underline;text-decoration-thickness:3px}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.post-card{display:grid;align-content:space-between;gap:18px;min-height:260px;overflow:hidden}.post-bar{position:absolute;top:0;left:0;width:72px;height:12px;background:var(--color-primary);transition:width .18s ease}.post-card:hover .post-bar,.post-card:focus-visible .post-bar{width:100%}.post-card p{margin:22px 0 0;color:var(--color-blue);font-weight:900}.post-card time{font-size:14px}.join-section{display:grid;grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);gap:clamp(32px,6vw,72px);align-items:center}.join-copy p{max-width:520px;font-size:18px}.join-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.join-steps li{min-height:190px;padding:24px;border:2px solid var(--color-black);background:var(--color-white);box-shadow:8px 8px 0 var(--color-gray)}.join-steps span{display:inline-block;margin-bottom:24px;color:var(--color-primary);font-size:28px;font-weight:950}.join-steps strong{display:block;color:var(--color-black);font-size:22px;font-weight:900}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px clamp(20px,5vw,64px);border-top:1px solid var(--color-gray);background:var(--color-black);color:var(--color-white)}.site-footer p{margin:0;color:var(--color-sky);font-weight:700}.site-footer a{font-weight:900}@keyframes cube-in{0%{opacity:0;transform:translate(40px,32px) scale(.84)}to{opacity:1;transform:translate(0) scale(1)}}@media(max-width:900px){.site-header{align-items:flex-start;flex-direction:column;gap:12px;padding-block:14px}.site-nav{width:100%;overflow-x:auto}.hero,.join-section,.activity-panel{grid-template-columns:1fr}.hero{min-height:auto}.hero-visual{min-height:380px}.audience-grid,.post-grid,.join-steps{grid-template-columns:1fr}.activity-tabs{display:flex;overflow-x:auto}.activity-tab{min-width:116px;padding-inline:16px}.section-heading-row{align-items:start;flex-direction:column}.site-footer{align-items:flex-start;flex-direction:column}}@media(max-width:560px){.brand-text{font-size:20px}.nav-link{min-height:38px;padding-inline:12px;font-size:14px;white-space:nowrap}.hero h1{font-size:clamp(64px,24vw,112px)}.hero-visual{min-height:310px}.cube{width:96px;box-shadow:9px 9px 0 var(--color-navy),18px 18px 0 var(--color-sky)}.cube-2,.cube-4{right:4%}.block-card,.post-card,.join-steps li{min-height:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:1ms!important}}