:root{--brand:#208aef;--brand-dark:#1a6fbf;--brand-light:#5ea9f2;--brand-soft:#e8f2fd;--ink:#1a1d21;--ink-2:#5c6670;--ink-3:#9aa3ad;--line:#e1e5ea;--surface:#fff;--ground:#f5f7fa;--hero-bg:#eef4fc;--hero-bg-2:#f8fbff}@media (prefers-color-scheme:dark){:root{--brand:#4a9df5;--brand-dark:#7ab8f7;--brand-light:#5ea9f2;--brand-soft:#17293d;--ink:#edf1f7;--ink-2:#b4c0d0;--ink-3:#7e8ca0;--line:#283444;--surface:#16202e;--ground:#0f1722;--hero-bg:#14202f;--hero-bg-2:#101a26}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Pretendard,Noto Sans KR,system-ui,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}.wrap{max-width:1080px;margin:0 auto;padding:0 24px}.header{z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:60px;display:flex}.brand{color:var(--brand);letter-spacing:-.02em;align-items:center;gap:8px;font-size:19px;font-weight:800;display:inline-flex}.brand-sm{font-size:15px}.header-cta{color:var(--brand);border:1.5px solid var(--brand);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:700;transition:background .15s,color .15s}.header-cta:hover{background:var(--brand);color:#fff}.hero{background:linear-gradient(180deg, var(--hero-bg) 0%, var(--hero-bg-2) 100%)}.hero-inner{text-align:center;grid-template-columns:1fr;align-items:center;gap:40px;padding:64px 24px 72px;display:grid}@media (min-width:860px){.hero-inner{text-align:left;grid-template-columns:1.05fr .95fr;padding:88px 24px 100px}}.badge{background:var(--brand-soft);color:var(--brand);border-radius:999px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:700;display:inline-block}.hero-title{letter-spacing:-.02em;color:var(--ink);margin:0 0 16px;font-size:34px;font-weight:800;line-height:1.38}@media (min-width:860px){.hero-title{font-size:42px}}.hero-sub{color:var(--ink-2);margin:0 0 32px;font-size:16px}.hero-cta{flex-direction:column;align-items:center;gap:14px;display:flex}@media (min-width:860px){.hero-cta{align-items:flex-start}}.hero-note{color:var(--ink-3);margin:0;font-size:13px}.hero-visual{justify-content:center;display:flex}.download-btn{background:var(--brand);color:#fff;border-radius:14px;justify-content:center;align-items:center;min-height:56px;padding:0 32px;font-size:17px;font-weight:700;transition:background .15s,transform .15s;display:inline-flex;box-shadow:0 8px 20px #208aef47}.download-btn:hover{background:var(--brand-dark);transform:translateY(-1px)}.download-btn--disabled{box-shadow:none;cursor:default;background:#9aa3af}.phone{background:var(--ink);border-radius:38px;width:230px;padding:14px 10px;position:relative;transform:rotate(-3deg);box-shadow:0 24px 48px -12px #141e2d59}.phone-right{transform:rotate(3deg)}.phone-left{transform:rotate(-4deg)}.phone-notch{background:var(--ink);z-index:2;border-radius:999px;width:70px;height:16px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.phone-screen{background:var(--surface);border-radius:24px;width:100%;display:block}.manifesto{padding:48px 0}.manifesto p{text-align:center;max-width:620px;color:var(--ink-2);margin:0 auto;font-size:18px;line-height:1.7}.manifesto strong{color:var(--ink)}.section-title{letter-spacing:-.01em;color:var(--ink);text-align:center;margin:0 0 12px;font-size:22px;font-weight:800}.section-sub{text-align:center;max-width:520px;color:var(--ink-2);margin:0 auto 28px;font-size:14.5px}@media (min-width:860px){.section-title,.section-sub{text-align:left;margin-left:0}}.features{padding:16px 0 56px}.feature-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:640px){.feature-grid{grid-template-columns:1fr 1fr}}.feature-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:22px;transition:border-color .15s,transform .15s}.feature-card:hover{border-color:var(--brand-light);transform:translateY(-2px)}.feature-icon{background:var(--brand-soft);width:42px;height:42px;color:var(--brand);border-radius:12px;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.feature-card h3{color:var(--ink);margin:0 0 8px;font-size:15.5px;font-weight:700}.feature-card p{color:var(--ink-2);margin:0;font-size:14px}.rings{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:16px 0 60px}.ring-grid{grid-template-columns:1fr;gap:14px;display:grid}@media (min-width:640px){.ring-grid{grid-template-columns:repeat(3,1fr)}}.ring-card{background:var(--ground);border:1px solid var(--line);border-radius:16px;padding:22px}.ring-tag{background:var(--brand);color:#fff;border-radius:999px;margin-bottom:12px;padding:4px 12px;font-size:12.5px;font-weight:700;display:inline-block}.ring-card h3{color:var(--ink);margin:0 0 8px;font-size:15.5px;font-weight:700}.ring-card p{color:var(--ink-2);margin:0;font-size:14px}.showcase{padding:60px 0}.showcase-inner{text-align:center;grid-template-columns:1fr;align-items:center;gap:36px;display:grid}@media (min-width:860px){.showcase-inner{text-align:left;grid-template-columns:1fr 1fr}.showcase-inner .phone{justify-self:end}}.showcase .phone{margin:0 auto}@media (min-width:860px){.showcase .phone{margin:0}}.install{padding:8px 0 20px;scroll-margin-top:76px}.install-steps{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.install-steps li{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:14px;align-items:flex-start;gap:14px;padding:16px 18px;font-size:14px;display:flex}.step-num{background:var(--brand-soft);width:26px;height:26px;color:var(--brand);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex}.install-steps strong{color:var(--ink)}.final-cta{padding:72px 0}.final-cta-inner{text-align:center;background:var(--surface);border:1px solid var(--line);border-radius:24px;flex-direction:column;align-items:center;gap:18px;padding:56px 24px;display:flex}.final-cta-inner h2{color:var(--ink);margin:0;font-size:22px;font-weight:800}.footer{border-top:1px solid var(--line);background:var(--surface);padding:28px 0 40px}.footer p{color:var(--ink-3);margin:8px 0 0;font-size:13px}