@charset "utf-8";

/* ===== 등기in 랜딩 페이지 ===== */
:root{
    --rg-navy:#16233f;
    --rg-blue:#1f5eff;
    --rg-blue-d:#1747c8;
    --rg-ink:#1c2230;
    --rg-gray:#5b6473;
    --rg-line:#e4e7ee;
    --rg-bg:#f5f7fb;
    --rg-gold:#b8862b;
}
*{box-sizing:border-box;margin:0;padding:0}
.rg-body{
    font-family:"Pretendard","Apple SD Gothic Neo","Malgun Gothic","맑은 고딕",sans-serif;
    color:var(--rg-ink);background:#fff;line-height:1.65;-webkit-text-size-adjust:100%;
}
img{max-width:100%}
a{color:inherit;text-decoration:none}
s{color:#9aa1ad}
.rg-wrap{width:100%;max-width:680px;margin:0 auto;padding:0 20px}

/* 상단바 */
.rg-topbar{border-bottom:1px solid var(--rg-line);background:#fff;position:sticky;top:0;z-index:20}
.rg-topbar-in{display:flex;align-items:center;justify-content:space-between;height:58px}
.rg-logo{font-size:21px;font-weight:800;letter-spacing:-.5px;color:var(--rg-navy)}
.rg-logo span{color:var(--rg-blue)}
.rg-topbar-sub{font-size:13px;color:var(--rg-gray)}

/* 버튼 */
.rg-btn{display:inline-block;text-align:center;font-weight:700;border-radius:12px;
    padding:16px 28px;font-size:16px;cursor:pointer;border:0;transition:.15s;line-height:1.2}
.rg-btn-primary{background:var(--rg-blue);color:#fff;width:100%}
.rg-btn-primary:hover{background:var(--rg-blue-d)}
.rg-btn-ghost{background:#fff;color:var(--rg-blue);border:1.5px solid var(--rg-blue)}

/* HERO */
.rg-hero{background:linear-gradient(160deg,#16233f 0%,#22386a 100%);color:#fff;
    padding:64px 0 72px;text-align:center}
.rg-eyebrow{display:inline-block;font-size:13px;font-weight:700;letter-spacing:1px;
    color:#bcd0ff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:6px 16px;margin-bottom:20px}
.rg-hero-title{font-size:38px;font-weight:800;letter-spacing:-1px;margin-bottom:18px}
.rg-hero-meta{font-size:15px;color:#d6def0;margin-bottom:14px}
.rg-hero-meta b{color:#fff;font-weight:700}
.rg-hero-meta .rg-dot{margin:0 8px;color:#7d8db5}
.rg-hero-desc{font-size:16px;color:#e7ecf7;margin-bottom:32px}
.rg-hero-desc strong{color:#fff;font-weight:800}
.rg-hero-cta{max-width:340px}

/* 혜택 */
.rg-benefit{background:var(--rg-bg);padding:54px 0}
.rg-benefit-head{text-align:center;margin-bottom:30px}
.rg-benefit-head h2{font-size:25px;font-weight:800;letter-spacing:-.5px}
.rg-benefit-value{margin-top:8px;font-size:15px;color:var(--rg-gray)}
.rg-benefit-value b{color:var(--rg-gold);font-size:19px;font-weight:800}
.rg-benefit-list{display:grid;gap:14px}
.rg-benefit-list li{background:#fff;border:1px solid var(--rg-line);border-radius:14px;
    padding:20px 22px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.rg-benefit-tag{flex:0 0 auto;background:#eaf1ff;color:var(--rg-blue);font-weight:800;
    font-size:14px;border-radius:8px;padding:8px 14px}
.rg-benefit-list p{font-size:16px;color:var(--rg-ink)}
.rg-benefit-list b{color:var(--rg-blue);font-weight:800}

/* 폼 */
.rg-form-sec{padding:56px 0 70px}
.rg-form-title{font-size:25px;font-weight:800;text-align:center;letter-spacing:-.5px}
.rg-form-guide{text-align:center;color:var(--rg-gray);font-size:14px;margin:10px 0 34px}
.rg-form-guide em{color:#e23b3b;font-style:normal;font-weight:700}
.rg-form{display:grid;gap:20px}
.rg-field{display:grid;gap:8px}
.rg-field label{font-size:14.5px;font-weight:700;color:var(--rg-ink)}
.rg-field label em{color:#e23b3b;font-style:normal}
.rg-field input[type=text],
.rg-field input[type=tel],
.rg-field textarea{
    width:100%;border:1.5px solid var(--rg-line);border-radius:11px;
    padding:14px 15px;font-size:16px;font-family:inherit;color:var(--rg-ink);background:#fff;transition:.12s}
.rg-field input:focus,.rg-field textarea:focus{outline:0;border-color:var(--rg-blue);
    box-shadow:0 0 0 3px rgba(31,94,255,.13)}
.rg-field textarea{resize:vertical;min-height:104px}
.rg-field-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}

.rg-radio-group{display:flex;gap:10px;flex-wrap:wrap}
.rg-radio{position:relative;flex:1 1 30%;min-width:96px}
.rg-radio input{position:absolute;opacity:0;inset:0;cursor:pointer}
.rg-radio span{display:block;text-align:center;border:1.5px solid var(--rg-line);
    border-radius:11px;padding:13px 8px;font-size:14.5px;font-weight:600;color:var(--rg-gray);transition:.12s}
.rg-radio input:checked+span{border-color:var(--rg-blue);background:#eaf1ff;
    color:var(--rg-blue);font-weight:800}

.rg-agree{display:grid;gap:14px;background:var(--rg-bg);border:1px solid var(--rg-line);
    border-radius:13px;padding:20px}
.rg-check{display:flex;gap:11px;align-items:flex-start;font-size:13.5px;
    color:var(--rg-gray);line-height:1.6;cursor:pointer}
.rg-check input{margin-top:3px;width:18px;height:18px;flex:0 0 auto;accent-color:var(--rg-blue);cursor:pointer}
.rg-check b{color:var(--rg-blue)}
.rg-submit{margin-top:6px;padding:18px}

/* 허니팟 (사람 눈에 안보임) */
.rg-hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;
    opacity:0;overflow:hidden;pointer-events:none}

/* 완료 화면 */
.rg-done{padding:70px 0 90px;text-align:center}
.rg-done-card{background:var(--rg-bg);border:1px solid var(--rg-line);border-radius:18px;padding:50px 28px}
.rg-done-icon{width:64px;height:64px;line-height:64px;border-radius:50%;
    background:var(--rg-blue);color:#fff;font-size:32px;font-weight:800;margin:0 auto 22px}
.rg-done-card h1{font-size:24px;font-weight:800;margin-bottom:16px;letter-spacing:-.5px}
.rg-done-card p{color:var(--rg-gray);font-size:15.5px}
.rg-done-card strong{color:var(--rg-blue);font-weight:800}
.rg-done-sub{margin:18px 0 28px;font-size:14px}
.rg-done-sub a{color:var(--rg-blue);font-weight:700}
.rg-done .rg-btn{max-width:240px;margin:0 auto}

/* 푸터 */
.rg-footer{border-top:1px solid var(--rg-line);background:#fff;padding:34px 0}
.rg-footer-in{text-align:center;color:var(--rg-gray);font-size:13px}
.rg-footer-co{font-size:14px;color:var(--rg-ink)}
.rg-footer-co b{color:var(--rg-navy);font-weight:800}
.rg-footer-contact{margin:7px 0}
.rg-footer-contact a{color:var(--rg-blue);font-weight:600}
.rg-footer-copy{margin-top:9px;color:#9aa1ad}

/* 반응형 */
@media (max-width:600px){
    .rg-hero{padding:48px 0 54px}
    .rg-hero-title{font-size:30px}
    .rg-hero-meta{font-size:14px}
    .rg-hero-meta .rg-dot{display:block;height:0;visibility:hidden;margin:2px}
    .rg-benefit,.rg-form-sec{padding:42px 0}
    .rg-benefit-list li{flex-direction:column;align-items:flex-start;gap:10px}
    .rg-field-2{grid-template-columns:1fr}
    .rg-form-title,.rg-benefit-head h2{font-size:22px}
}

/* ===== 확장: 제품 스토리 / 훅 / SVG 섹션 ===== */
html{scroll-behavior:smooth}
[id]{scroll-margin-top:78px}
.rg-wrap{max-width:1120px}

/* 상단 내비 */
.rg-nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);
    backdrop-filter:saturate(1.6) blur(8px);border-bottom:1px solid var(--rg-line)}
.rg-nav-in{display:flex;align-items:center;gap:18px;height:62px}
.rg-logo{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:800;
    letter-spacing:-.5px;color:var(--rg-navy)}
.rg-logo i{color:var(--rg-blue);font-style:normal}
.rg-logo-mk{flex:0 0 auto}
.rg-nav-links{display:flex;gap:26px;margin-left:auto;font-size:14.5px;font-weight:600;color:var(--rg-gray)}
.rg-nav-links a:hover{color:var(--rg-blue)}
.rg-nav-cta{width:auto;padding:11px 20px;font-size:14px;border-radius:10px}
.rg-nav .rg-nav-links+.rg-nav-cta{margin-left:18px}

/* 히어로 2단 */
.rg-hero{background:linear-gradient(160deg,#16233f 0%,#22386a 100%);color:#fff;
    padding:74px 0 84px;text-align:left}
.rg-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}
.rg-hero-title{font-size:40px;line-height:1.25;font-weight:800;letter-spacing:-1px;margin:18px 0 18px}
.rg-hero-desc{font-size:16.5px;color:#dfe6f5;margin-bottom:28px;max-width:520px}
.rg-hero-desc strong{color:#fff;font-weight:800}
.rg-hero-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}
.rg-hero-cta-row .rg-btn{width:auto;padding:15px 26px}
.rg-btn-ghost-d{background:rgba(255,255,255,.08);color:#fff;border:1.5px solid rgba(255,255,255,.4)}
.rg-btn-ghost-d:hover{background:rgba(255,255,255,.16)}
.rg-hero-meta{font-size:14.5px;color:#c6d2ec;margin-bottom:12px}
.rg-hero-meta b{color:#fff}
.rg-hero-meta .rg-dot{margin:0 8px;color:#7d8db5}
.rg-hero-trust{font-size:12.5px;color:#9fb0d4}
.rg-hero-visual{position:relative}
.rg-mock{width:100%;height:auto;display:block}
.rg-mock-tag{position:absolute;right:14px;bottom:-6px;font-size:11px;color:#9fb0d4;
    background:rgba(11,23,51,.55);padding:4px 10px;border-radius:999px}

/* 섹션 공통 */
.rg-sec{padding:72px 0}
.rg-sec-alt{background:var(--rg-bg)}
.rg-kicker{font-size:13px;font-weight:800;letter-spacing:1px;color:var(--rg-blue);
    text-transform:uppercase;margin-bottom:10px}
.rg-kicker.center{text-align:center}
.rg-kicker.gold{color:var(--rg-gold)}
.rg-kicker.light{color:#8fb0ff}
.rg-sec-title{font-size:28px;font-weight:800;letter-spacing:-.6px;margin-bottom:38px;color:var(--rg-ink)}
.rg-sec-title.light{color:#fff;margin-bottom:26px}

/* 기능 카드 */
.rg-feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.rg-feat{background:#fff;border:1px solid var(--rg-line);border-radius:16px;padding:30px 26px;
    transition:.15s}
.rg-feat:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(22,35,63,.1)}
.rg-feat-ico{display:flex;align-items:center;justify-content:center;width:54px;height:54px;
    border-radius:14px;background:#eaf1ff;color:var(--rg-blue);margin-bottom:18px}
.rg-feat-ico svg{width:30px;height:30px}
.rg-feat h3{font-size:19px;font-weight:800;margin-bottom:10px;color:var(--rg-navy)}
.rg-feat>p{font-size:14.5px;color:var(--rg-gray);margin-bottom:16px;line-height:1.7}
.rg-feat-list{list-style:none;display:grid;gap:9px}
.rg-feat-list li{position:relative;padding-left:24px;font-size:13.5px;color:var(--rg-ink)}
.rg-feat-list li::before{content:"";position:absolute;left:0;top:6px;width:14px;height:14px;
    border-radius:50%;background:#eaf1ff;
    box-shadow:inset 0 0 0 2px var(--rg-blue)}
.rg-feat-list li::after{content:"";position:absolute;left:5px;top:9.5px;width:4.5px;height:7px;
    border:solid var(--rg-blue);border-width:0 2px 2px 0;transform:rotate(40deg)}

/* 역할 */
.rg-role-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.rg-role{background:#fff;border:1px solid var(--rg-line);border-radius:16px;padding:32px 30px}
.rg-role-main{background:linear-gradient(165deg,#16233f,#243d72);color:#fff;border:0}
.rg-role-badge{display:inline-block;font-size:13px;font-weight:800;background:var(--rg-blue);
    color:#fff;padding:6px 14px;border-radius:999px;margin-bottom:16px}
.rg-role-badge.ghost{background:#eaf1ff;color:var(--rg-blue)}
.rg-role-lead{font-size:17px;font-weight:700;margin-bottom:18px;line-height:1.55}
.rg-role-main .rg-feat-list li{color:#e7ecf7}
.rg-role-main .rg-feat-list li::before{background:rgba(255,255,255,.15);box-shadow:inset 0 0 0 2px #8fb0ff}
.rg-role-main .rg-feat-list li::after{border-color:#fff}
.rg-role-cta{width:auto;display:inline-block;margin-top:22px;padding:13px 24px}
.rg-role-note{margin-top:18px;font-size:12.5px;color:var(--rg-gray);background:var(--rg-bg);
    border-radius:10px;padding:12px 14px}

/* 요금 */
.rg-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:34px}
.rg-price-card{background:#fff;border:1px solid var(--rg-line);border-radius:16px;padding:28px 24px;text-align:center}
.rg-price-label{font-size:14px;font-weight:700;color:var(--rg-gray)}
.rg-price-label span{display:inline-block;font-size:11px;font-weight:700;color:var(--rg-blue);
    background:#eaf1ff;border-radius:6px;padding:2px 8px;margin-left:6px;vertical-align:middle}
.rg-price-amt{font-size:30px;font-weight:800;color:var(--rg-navy);margin:12px 0 10px;letter-spacing:-1px}
.rg-price-amt i{font-size:14px;font-weight:700;color:var(--rg-gray);font-style:normal;margin-left:3px}
.rg-price-sub{font-size:12.5px;color:var(--rg-gray);line-height:1.6}

/* 사전 가입 혜택 카드 (요금 섹션 내) */
.rg-benefit{background:linear-gradient(165deg,#fffaf0,#fff);border:1.5px solid #efe0c0;
    border-radius:18px;padding:38px 34px}
.rg-benefit-head{text-align:center;margin-bottom:24px}
.rg-benefit-head h3{font-size:23px;font-weight:800;color:var(--rg-navy)}
.rg-benefit-head h3 b{color:var(--rg-gold)}
.rg-benefit-foot{text-align:center;margin-top:18px;font-size:12.5px;color:var(--rg-gray)}

/* 신뢰·보안 */
.rg-sec-trust{background:linear-gradient(160deg,#16233f,#1d3055)}
.rg-trust-in{display:grid;grid-template-columns:auto 1fr;gap:34px;align-items:start}
.rg-trust-ico{width:84px;height:84px;border-radius:20px;background:rgba(255,255,255,.08);
    display:flex;align-items:center;justify-content:center;color:#8fb0ff}
.rg-trust-ico svg{width:46px;height:46px}
.rg-trust-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.rg-trust-grid div{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
    border-radius:12px;padding:16px 18px}
.rg-trust-grid b{display:block;color:#fff;font-size:14.5px;margin-bottom:5px}
.rg-trust-grid span{font-size:12.5px;color:#aebdda;line-height:1.6}

/* FAQ */
.rg-faq-wrap{max-width:760px}
.rg-faq{display:grid;gap:12px}
.rg-faq details{background:#fff;border:1px solid var(--rg-line);border-radius:12px;
    padding:4px 20px;transition:.15s}
.rg-faq details[open]{border-color:#cdd9f5;box-shadow:0 8px 22px rgba(22,35,63,.07)}
.rg-faq summary{cursor:pointer;list-style:none;font-size:15.5px;font-weight:700;
    color:var(--rg-navy);padding:16px 0;position:relative;padding-right:30px}
.rg-faq summary::-webkit-details-marker{display:none}
.rg-faq summary::after{content:"+";position:absolute;right:2px;top:14px;font-size:20px;
    color:var(--rg-blue);font-weight:700}
.rg-faq details[open] summary::after{content:"–"}
.rg-faq details p{font-size:14px;color:var(--rg-gray);line-height:1.75;padding:0 0 18px}

/* 푸터 보강 */
.rg-footer-co b{color:var(--rg-navy)}
.rg-footer-desc{font-size:13px;color:var(--rg-gray);margin-top:5px}

/* 확장 반응형 */
@media (max-width:920px){
    .rg-hero-grid{grid-template-columns:1fr;gap:36px}
    .rg-hero-visual{order:-1}
    .rg-feat-grid,.rg-price-grid{grid-template-columns:1fr}
    .rg-role-grid,.rg-trust-grid{grid-template-columns:1fr}
    .rg-trust-in{grid-template-columns:1fr;gap:22px}
}
@media (max-width:600px){
    .rg-nav-links{display:none}
    .rg-nav-cta{margin-left:auto}
    .rg-hero{padding:54px 0 60px}
    .rg-hero-title{font-size:29px}
    .rg-sec{padding:50px 0}
    .rg-sec-title{font-size:22px;margin-bottom:26px}
    .rg-feat,.rg-role,.rg-benefit{padding:26px 22px}
    .rg-price-amt{font-size:26px}
}