.naran-promo{display:grid;min-width:0;overflow:hidden;border:1px solid var(--gh-border);border-radius:16px;background:var(--gh-bg-secondary);color:var(--gh-text-primary)}.naran-promo__copy{min-width:0;padding:20px 20px 8px}.naran-promo__disclosure{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 16px;font-size:12px;font-weight:600;line-height:1.5;color:var(--gh-text-muted)}.naran-promo__disclosure>span{padding:1px 6px;border:1px solid color-mix(in srgb,var(--gh-service-naran) 40%,transparent);border-radius:4px;font-size:11px;font-weight:700;color:var(--gh-service-naran)}.naran-promo__brand{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 10px;color:var(--gh-service-naran);font-size:18px;font-weight:800;letter-spacing:-.04em;line-height:1.2}.naran-promo__brand>small{color:var(--gh-text-muted);font-size:12px;font-weight:600;letter-spacing:0}.naran-promo__title{margin:0;font-size:24px;font-weight:800;line-height:1.3;letter-spacing:-.045em;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}.naran-promo__title>span{display:block}.naran-promo__axis{position:relative;display:grid;gap:14px;margin:20px 0 0;padding:0 0 0 28px;list-style:none}.naran-promo__axis>li:not(:last-child):after{content:"";position:absolute;left:-22px;top:17px;bottom:-17px;width:2px;background:var(--gh-axis)}.naran-promo__axis>li:nth-last-child(2):after{background:repeating-linear-gradient(180deg,var(--gh-text-muted) 0 4px,transparent 4px 8px)}.naran-promo__axis>li{position:relative;display:grid;gap:1px;min-width:0}.naran-promo__axis>li:before{content:"";position:absolute;left:-28px;top:3px;width:14px;height:14px;box-sizing:border-box;border:2px solid var(--gh-axis);border-radius:50%;background:var(--gh-bg-secondary)}.naran-promo__axis>li.is-now:before{border-color:var(--gh-service-naran);background:var(--gh-service-naran)}.naran-promo__axis>li.is-goal:before{border-style:dashed;border-color:var(--gh-text-muted)}.naran-promo__when{font-family:var(--font-num);font-size:12px;font-weight:700;line-height:1.4;color:var(--gh-text-muted)}.naran-promo__axis>li.is-now .naran-promo__when{color:var(--gh-service-naran)}.naran-promo__axis strong{font-size:15px;font-weight:750;line-height:1.4;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere}.naran-promo__note{font-size:13px;line-height:1.5;color:var(--gh-text-secondary);word-break:keep-all}.naran-promo__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 20px;margin-top:22px}.naran-promo__cta{display:inline-flex;flex:1 1 100%;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 18px;border-radius:12px;background:var(--gh-service-naran);color:var(--gh-cta-fg);font-size:15px;font-weight:700;line-height:1.4;letter-spacing:-.02em;text-decoration:none;transition:transform .14s cubic-bezier(.2,.8,.2,1),opacity .14s ease}.naran-promo__cta>svg{flex:0 0 auto;transition:transform .16s cubic-bezier(.2,.8,.2,1)}.naran-promo__cta:hover{color:var(--gh-cta-fg);opacity:.92}.naran-promo__cta:hover>svg{transform:translateX(2px)}.naran-promo__cta:active{transform:scale(.98)}.naran-promo__sample{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--gh-text-primary);font-size:14px;font-weight:650;line-height:1.5;text-decoration:underline;text-decoration-color:var(--gh-border);text-underline-offset:5px;transition:text-decoration-color .14s ease}.naran-promo__sample:hover{text-decoration-color:currentColor}.naran-promo__sample:active{opacity:.7}.naran-promo__fine{display:flex;flex-wrap:wrap;align-items:center;gap:2px 14px;margin:6px 0 0;color:var(--gh-text-muted);font-size:12px;line-height:1.5;word-break:keep-all}.naran-promo__fine>span{flex-basis:100%}@media (min-width:480px){.naran-promo__fine>span{flex-basis:auto}}.naran-promo__app{display:inline-flex;align-items:center;min-height:44px;color:var(--gh-text-secondary);font-weight:650;text-decoration:underline;text-decoration-color:var(--gh-border);text-underline-offset:4px}.naran-promo__app:hover{color:var(--gh-text-primary);text-decoration-color:currentColor}.naran-promo__app:focus-visible,.naran-promo__cta:focus-visible,.naran-promo__preview-toggle:focus-visible,.naran-promo__sample:focus-visible,.naran-promo__selector>button:focus-visible{outline:2px solid var(--gh-accent);outline-offset:3px;border-radius:6px}.naran-promo__preview-toggle{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;margin:4px 20px 8px;padding:8px 0;border-top:1px solid var(--gh-border-subtle);color:var(--gh-text-primary);font-size:14px;font-weight:650}.naran-promo__demo{display:none;min-width:0;padding:18px 20px 22px;border-top:1px solid var(--gh-border-subtle);background:var(--gh-bg)}.naran-promo[data-preview-open=true] .naran-promo__demo{display:block}.naran-promo__selector{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:360px;margin:0 auto 18px;border-bottom:1px solid var(--gh-border)}.naran-promo__selector>button{min-width:0;min-height:44px;margin-bottom:-1px;padding:8px 2px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--gh-text-muted);font-size:13px;font-weight:600;line-height:1.3;cursor:pointer;transition:color .14s ease,border-color .14s ease}.naran-promo__selector>button:hover{color:var(--gh-text-primary)}.naran-promo__selector>button[aria-pressed=true]{border-bottom-color:var(--gh-axis);color:var(--gh-text-primary);font-weight:750}.naran-promo__preview{margin:0}.naran-promo__phone{width:min(100%,236px);margin:0 auto;padding:5px;overflow:hidden;border:1px solid var(--gh-border);border-radius:24px;background:var(--gh-bg-secondary)}.naran-promo__phone>img{display:block;width:100%;height:auto;aspect-ratio:560/1212;border-radius:19px}.dark .naran-promo__phone>.naran-promo__screen--light,.naran-promo__phone>.naran-promo__screen--dark{display:none}.dark .naran-promo__phone>.naran-promo__screen--dark{display:block}.naran-promo__preview>figcaption{margin-top:14px;text-align:center}.naran-promo__caption{display:block;min-height:40px;font-size:13px;font-weight:650;line-height:1.55;text-wrap:balance}.naran-promo__example-note{display:block;margin-top:2px;color:var(--gh-text-muted);font-size:11px;line-height:1.6;text-wrap:balance}@media (min-width:640px){.naran-promo{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:stretch}.naran-promo__copy{align-self:center;padding:28px}.naran-promo__title{font-size:28px}.naran-promo__cta{flex:0 1 auto;justify-content:flex-start}.naran-promo__preview-toggle{display:none}.naran-promo__demo{display:block;padding:22px 18px;border-top:0;border-left:1px solid var(--gh-border-subtle)}.naran-promo__phone{max-width:184px}}@media (min-width:1024px){.naran-promo__copy{padding:32px}.naran-promo__title{font-size:30px}.naran-promo__axis{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px;padding:26px 0 0}.naran-promo__axis>li:before{left:0;top:-26px}.naran-promo__axis>li:not(:last-child):after{left:14px;right:-16px;top:-20px;bottom:auto;width:auto;height:2px}.naran-promo__axis>li:nth-last-child(2):after{background:repeating-linear-gradient(90deg,var(--gh-text-muted) 0 4px,transparent 4px 8px)}}@media (max-width:359px){.naran-promo__copy{padding-inline:16px}.naran-promo__demo{padding:16px 12px 20px}.naran-promo__title{font-size:22px}}@media (prefers-reduced-motion:reduce){.naran-promo__cta,.naran-promo__cta>svg,.naran-promo__sample,.naran-promo__selector>button{transition:none}}