:root{color:#102033;background:#f6fbff;font-family:SUIT,Pretendard,Apple SD Gothic Neo,sans-serif;font-synthesis:none;text-rendering:geometricPrecision;--ink: #102033;--muted: #66778c;--line: rgba(33, 72, 112, .12);--blue: #1597d3;--blue-dark: #075b9a;--mint: #41d0b0;--card: rgba(255, 255, 255, .82);--shadow: 0 24px 80px rgba(16, 42, 67, .12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 18% 8%,rgba(65,208,176,.24),transparent 28rem),radial-gradient(circle at 88% 12%,rgba(21,151,211,.18),transparent 24rem),linear-gradient(180deg,#f8fdff,#eef8ff 48%,#fff)}.floating-creatures{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.creature{position:absolute;display:grid;width:59px;height:59px;place-items:center;border:1px solid rgba(255,255,255,.72);border-radius:999px;background:#ffffff61;box-shadow:0 14px 34px #1597d31a;font-size:1.82rem;opacity:.82;filter:saturate(1.08);animation:swimAround 18s ease-in-out infinite}.creature-nemo{top:18%;left:4%}.creature-blue{top:54%;right:5%;animation-duration:21s;animation-delay:-4s}.creature-colorful{top:78%;left:10%;animation-duration:24s;animation-delay:-9s}[data-reveal]{opacity:0;transform:translateY(34px) scale(.985);transition:opacity .72s cubic-bezier(.22,1,.36,1),transform .72s cubic-bezier(.22,1,.36,1),filter .72s cubic-bezier(.22,1,.36,1);filter:blur(8px);will-change:opacity,transform,filter}[data-reveal].is-visible{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}a{color:inherit;text-decoration:none}.landing-shell{position:relative;z-index:1;width:min(1120px,calc(100% - 36px));margin:0 auto;padding:22px 0 56px}.site-header{position:sticky;top:12px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border:1px solid var(--line);border-radius:999px;background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 12px 40px #102a4314}.brand,.header-link,.hero-actions,.cta-actions{display:flex;align-items:center}.brand{gap:9px;font-weight:900;letter-spacing:-.04em}.brand img{width:34px;height:34px;border-radius:12px}.header-link{min-height:36px;padding:0 14px;border-radius:999px;color:var(--blue-dark);font-size:.88rem;font-weight:800;background:#1597d31a}.hero{display:grid;grid-template-columns:minmax(0,.92fr) 430px;align-items:center;gap:46px;padding:74px 0 58px}.hero-copy{display:flex;flex-direction:column;align-items:flex-start}.eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:7px 11px;border-radius:999px;color:var(--blue-dark);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;background:#1597d31a}h1,h2,h3,p{margin:0}h1{max-width:560px;margin-top:18px;font-size:clamp(2.85rem,5.8vw,4.65rem);line-height:1.02;letter-spacing:-.075em;text-wrap:balance}h1 span{display:block}h2{font-size:clamp(1.75rem,4vw,2.8rem);line-height:1.08;letter-spacing:-.06em}h3{font-size:1.1rem;letter-spacing:-.04em}.hero-copy p,.cta-section p,.info-card p,.role-card p{color:var(--muted);line-height:1.72}.hero-copy p{max-width:560px;margin-top:22px;font-size:1.08rem}.hero-actions,.cta-actions{flex-wrap:wrap;gap:12px;margin-top:30px}.primary-button,.ghost-button,.text-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;font-weight:900;white-space:nowrap}.primary-button{color:#fff;background:linear-gradient(135deg,var(--blue),var(--blue-dark));box-shadow:0 16px 34px #1597d347}.ghost-button{border:1px solid rgba(21,151,211,.22);color:var(--blue-dark);background:#ffffffb8}.text-button{color:var(--blue-dark)}.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}.hero-visual:before{position:absolute;inset:42px 4px 20px;content:"";border-radius:48% 52% 54% 46%;background:linear-gradient(180deg,#ffffffa3,#fff3),radial-gradient(circle at 30% 28%,rgba(65,208,176,.38),transparent 11rem),radial-gradient(circle at 72% 66%,rgba(21,151,211,.38),transparent 13rem);filter:blur(.2px);animation:floatWater 7s ease-in-out infinite}.phone-card{position:relative;width:min(330px,86vw);padding:22px;border:1px solid rgba(255,255,255,.76);border-radius:34px;background:#ffffffc7;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.phone-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.phone-top span{color:var(--muted);font-size:.9rem;font-weight:800}.phone-top strong{display:grid;width:38px;height:38px;place-items:center;border-radius:16px;color:#fff;background:var(--ink)}.session-pill{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-radius:22px;color:#244059;background:#f3f8fb}.session-pill+.session-pill{margin-top:10px}.session-pill span{font-weight:900}.session-pill b{color:var(--blue-dark)}.session-pill.active{background:#e6f8f2}.session-pill.done{background:#eef3fb}.bubble{position:absolute;border:2px solid rgba(21,151,211,.36);border-radius:999px;animation:bubbleUp 4.5s ease-in-out infinite}.bubble-one{width:18px;height:18px;right:70px;top:108px}.bubble-two{width:11px;height:11px;left:78px;bottom:116px;animation-delay:.8s}.bubble-three{width:26px;height:26px;right:118px;bottom:88px;animation-delay:1.2s}.section{padding:34px 0}.section-heading{display:grid;gap:14px;margin-bottom:18px}.section-heading p{max-width:620px;color:var(--muted);line-height:1.7}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.info-card,.guide-card,.role-card,.cta-section{border:1px solid var(--line);background:var(--card);box-shadow:0 18px 56px #102a4314}.info-card{min-height:190px;padding:24px;border-radius:30px}.info-card p{margin-top:12px}.product-section{position:relative;margin:18px 0 10px;padding:36px;border:1px solid rgba(33,72,112,.1);border-radius:42px;background:radial-gradient(circle at 12% 4%,rgba(65,208,176,.18),transparent 20rem),linear-gradient(135deg,#ffffffd1,#eff9ffb8);box-shadow:0 26px 80px #102a4317;overflow:hidden}.product-section:after{position:absolute;right:-80px;bottom:-110px;width:320px;height:320px;content:"";border-radius:999px;background:#1597d314}.product-heading{position:relative;z-index:1}.preview-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.preview-card{display:flex;min-height:270px;flex-direction:column;padding:18px;border:1px solid rgba(33,72,112,.1);border-radius:30px;background:#ffffffdb;box-shadow:0 18px 48px #102a4317}.preview-card-2,.preview-card-4{transform:translateY(24px)}.preview-card[data-reveal]{transform:translateY(58px) scale(.985)}.preview-card[data-reveal].is-visible.preview-card-2,.preview-card[data-reveal].is-visible.preview-card-4{transform:translateY(24px) scale(1)}.preview-card[data-reveal].is-visible.preview-card-1,.preview-card[data-reveal].is-visible.preview-card-3{transform:translateY(0) scale(1)}.preview-topbar,.preview-row{display:flex;align-items:center}.preview-topbar{justify-content:space-between;margin-bottom:20px;color:var(--muted);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.preview-topbar i{width:30px;height:10px;border-radius:999px;background:linear-gradient(90deg,#1597d338,#41d0b047)}.preview-card h3{min-height:54px;font-size:1.24rem;line-height:1.22}.preview-list{display:grid;gap:10px;margin-top:auto}.preview-row{gap:10px;padding:12px;border-radius:18px;background:#f4f8fb}.preview-row span{flex:0 0 auto;width:9px;height:9px;border-radius:999px;background:var(--blue)}.preview-row strong{min-width:0;color:#244059;font-size:.92rem;line-height:1.35;word-break:keep-all}.preview-card-1 .preview-row:first-child span,.preview-card-3 .preview-row:first-child span{background:var(--mint)}.preview-card-2 .preview-row:nth-child(2) span,.preview-card-4 .preview-row:nth-child(2) span{background:#ffb45f}.split-section{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:16px}.guide-card{padding:28px;border-radius:34px}.guide-card h2{margin-top:14px}.guide-card ol{display:grid;gap:12px;margin:22px 0 0;padding-left:22px;color:var(--muted);line-height:1.68}.guide-card li::marker{color:var(--blue);font-weight:900}.role-stack{display:grid;gap:12px}.role-card{padding:20px;border-radius:26px}.role-card,.info-card,.guide-card,.cta-section,.phone-card,.preview-card{transform-origin:center bottom}.role-card strong{display:block;margin-bottom:6px;font-size:1.02rem}.cta-section{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:32px;padding:32px;border-radius:36px;overflow:hidden}.cta-section h2,.cta-section p{margin-top:12px}.cta-actions{justify-content:flex-end;min-width:260px;margin-top:0}@keyframes floatWater{0%,to{transform:translateY(0) rotate(-1deg);border-radius:48% 52% 54% 46%}50%{transform:translateY(-14px) rotate(2deg);border-radius:54% 46% 47% 53%}}@keyframes bubbleUp{0%,to{transform:translateY(0);opacity:.42}50%{transform:translateY(-18px);opacity:.9}}@keyframes swimAround{0%,to{transform:translateZ(0) rotate(-6deg)}28%{transform:translate3d(28px,-18px,0) rotate(7deg)}58%{transform:translate3d(-18px,24px,0) rotate(-3deg)}82%{transform:translate3d(18px,12px,0) rotate(5deg)}}@media(max-width:860px){.landing-shell{width:min(100% - 28px,680px);padding-top:12px}.site-header{top:8px}.hero{grid-template-columns:1fr;gap:10px;padding:44px 0 26px;text-align:center}.creature{width:48px;height:48px;font-size:1.48rem;opacity:.68}.creature-nemo{top:15%;left:-4px}.creature-blue{top:46%;right:-6px}.creature-colorful{top:70%;right:10%}.hero-copy{align-items:center}.hero-copy p{max-width:520px;font-size:1rem}.hero-visual{min-height:330px}.hero-visual:before{inset:28px 18px 8px;border-radius:38px}.phone-card{width:min(340px,100%)}.feature-grid,.split-section,.preview-grid{grid-template-columns:1fr}.product-section{padding:24px;border-radius:32px}.preview-card,.preview-card-2,.preview-card-4,.preview-card[data-reveal],.preview-card[data-reveal].is-visible.preview-card-2,.preview-card[data-reveal].is-visible.preview-card-4{min-height:220px;transform:translateY(0) scale(1)}.info-card{min-height:auto}.cta-section{display:grid;padding:24px}.cta-actions{justify-content:flex-start;min-width:0}}@media(max-width:520px){.landing-shell{width:calc(100% - 24px)}.site-header{padding:10px;box-shadow:0 10px 28px #102a4312}.brand span{font-size:.98rem}.brand img{width:30px;height:30px;border-radius:10px}.header-link{min-height:34px;padding:0 12px;font-size:.8rem}h1{max-width:360px;font-size:clamp(2.42rem,11vw,3.05rem);line-height:1.08;letter-spacing:-.07em}h2{font-size:1.75rem}.hero-copy p{margin-top:18px;line-height:1.66}.hero-actions{margin-top:24px}.section{padding:24px 0}.feature-grid,.role-stack,.preview-grid{gap:10px}.info-card,.guide-card,.role-card,.cta-section,.preview-card{border-radius:24px;box-shadow:0 14px 36px #102a4312}.info-card,.guide-card{padding:20px}.role-card{padding:18px}.product-section{width:calc(100% + 8px);margin-left:-4px;padding:18px}.preview-card{min-height:auto;padding:16px}.preview-card h3{min-height:auto;font-size:1.08rem}.preview-list{margin-top:18px}.hero-visual{min-height:292px;margin-top:4px}.hero-visual:before{inset:18px 0 4px}.session-pill{padding:13px 14px;border-radius:18px}.hero-actions,.cta-actions{align-items:stretch}.primary-button,.ghost-button,.text-button{width:100%}.phone-card{padding:16px;border-radius:26px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}[data-reveal]{opacity:1;transform:none;filter:none}.creature{animation:none}}