:root{--ttona-cream: #fff7ec;--ttona-cream-deep: #ffe9cc;--ttona-peach: #ffd9a8;--ttona-orange: #f08a3e;--ttona-orange-deep: #d96f1f;--ttona-brown: #5c3a1e;--ttona-ink: #2a1b0c;--ttona-muted: #7a5b3d;--ttona-card: #ffffff;--ttona-shadow: 0 6px 24px rgba(240, 138, 62, .12);--ttona-shadow-soft: 0 2px 6px rgba(92, 58, 30, .06)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,sans-serif;background:linear-gradient(180deg,var(--ttona-cream) 0%,var(--ttona-cream-deep) 100%);color:var(--ttona-ink);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}.wrap{max-width:1080px;margin:0 auto;padding:48px 32px 80px}.hero{text-align:center;padding:24px 0 16px}.hero__brand{font-size:1rem;color:var(--ttona-muted);letter-spacing:.12em;text-transform:uppercase}.hero__title{font-size:2.4rem;margin:8px 0 0;color:var(--ttona-brown);letter-spacing:-.02em;font-weight:700}.hero__tagline{color:var(--ttona-muted);margin-top:8px;font-size:1.05rem}.cta{background:var(--ttona-card);border:2px solid var(--ttona-orange);border-radius:16px;padding:32px 24px;margin:40px 0 28px;text-align:center;box-shadow:var(--ttona-shadow)}.cta__label{font-size:.95rem;color:var(--ttona-muted);margin-bottom:6px}.cta__phone{font-size:2.6rem;font-weight:700;color:var(--ttona-orange);letter-spacing:.04em;margin:4px 0 8px}.cta__phone a{color:inherit;text-decoration:none}.cta__phone a:focus-visible{outline:3px solid var(--ttona-peach);outline-offset:4px;border-radius:6px}.cta__hint{color:var(--ttona-muted);font-size:.95rem;margin:0}.portal-cta{display:flex;align-items:center;gap:14px;background:var(--ttona-card);border:2px solid var(--ttona-orange);border-radius:14px;padding:16px 20px;margin:0 0 28px;text-decoration:none;color:var(--ttona-brown);box-shadow:var(--ttona-shadow-soft);transition:background .15s,box-shadow .15s,transform .05s}.portal-cta:hover{background:var(--ttona-cream);box-shadow:var(--ttona-shadow)}.portal-cta:active{transform:translateY(1px)}.portal-cta:focus-visible{outline:3px solid var(--ttona-peach);outline-offset:3px}.portal-cta__icon{font-size:1.6rem;flex-shrink:0}.portal-cta__body{display:flex;flex-direction:column;line-height:1.4;flex:1}.portal-cta__head{font-size:.92rem;color:var(--ttona-muted)}.portal-cta__sub{font-size:1.05rem;font-weight:700;color:var(--ttona-orange-deep)}.features{margin:36px 0 8px}.features__title{font-size:1.3rem;margin:0 0 14px;color:var(--ttona-brown);font-weight:700}.features__grid{display:grid;grid-template-columns:1fr;gap:14px}.feature{background:var(--ttona-card);border-radius:12px;padding:18px 20px;box-shadow:var(--ttona-shadow-soft)}.feature__icon{font-size:1.6rem;margin-bottom:6px;display:block}.feature__head{font-weight:700;color:var(--ttona-brown);margin:0 0 6px;font-size:1.02rem}.feature__body{color:var(--ttona-ink);margin:0;font-size:.95rem}.feature__list{padding-left:1.15em;line-height:1.55}.feature__list li{margin:0 0 4px}.feature__list li:last-child{margin-bottom:0}.faq{margin:36px 0 0}.faq__title{font-size:1.3rem;margin:0 0 12px;color:var(--ttona-brown);font-weight:700}.faq details{background:var(--ttona-card);border-radius:10px;padding:14px 18px;margin:10px 0;box-shadow:var(--ttona-shadow-soft)}.faq summary{cursor:pointer;font-weight:600;color:var(--ttona-brown);list-style:none;outline:none}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"▸";color:var(--ttona-orange);margin-right:8px;transition:transform .15s;display:inline-block}.faq details[open] summary:before{transform:rotate(90deg)}.faq summary:focus-visible{outline:2px solid var(--ttona-orange);outline-offset:2px;border-radius:4px}.faq__answer{margin-top:10px;color:var(--ttona-ink);font-size:.97rem}.faq__answer code{background:var(--ttona-cream-deep);padding:1px 6px;border-radius:4px;font-size:.92em;color:var(--ttona-brown)}.footer{margin-top:60px;text-align:center;color:var(--ttona-muted);font-size:.85rem;line-height:1.7}.footer a,.footer__link{color:var(--ttona-muted);background:none;border:none;padding:0;font:inherit;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.footer__link:hover{color:var(--ttona-orange-deep)}.footer__link:focus-visible{outline:2px solid var(--ttona-orange);outline-offset:2px;border-radius:4px}.legal-dialog{width:min(720px,92vw);max-height:84vh;padding:0;border:1px solid var(--ttona-cream-deep);border-radius:12px;background:var(--ttona-card);color:var(--ttona-ink);box-shadow:var(--ttona-shadow);text-align:left}.legal-dialog::backdrop{background:#2a1b0c73}.legal-dialog__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--ttona-cream-deep);background:var(--ttona-cream)}.legal-dialog__title{margin:0;font-size:1.05rem;color:var(--ttona-brown);text-align:center;flex:1}.legal-dialog__close{background:none;border:none;cursor:pointer;color:var(--ttona-muted);font-size:1.1rem;padding:4px 8px;border-radius:4px}.legal-dialog__close:hover{color:var(--ttona-orange-deep);background:var(--ttona-cream-deep)}.legal-dialog__tabs{display:flex;flex-wrap:wrap;gap:4px;padding:10px 14px 0;border-bottom:1px solid var(--ttona-cream-deep);background:var(--ttona-cream)}.legal-dialog__tab{background:none;border:1px solid transparent;border-bottom:none;padding:8px 14px;cursor:pointer;color:var(--ttona-muted);font:inherit;font-size:.92rem;border-radius:6px 6px 0 0;position:relative;top:1px}.legal-dialog__tab:hover{color:var(--ttona-orange-deep)}.legal-dialog__tab--active{background:var(--ttona-card);border-color:var(--ttona-cream-deep);color:var(--ttona-brown);font-weight:600}.legal-dialog__tab:focus-visible{outline:2px solid var(--ttona-orange);outline-offset:2px}.legal-dialog__body{padding:20px 24px 28px;overflow-y:auto;max-height:calc(84vh - 110px);font-size:.94rem;line-height:1.65;text-align:justify;word-break:keep-all;text-justify:inter-word}.legal-dialog__body h1,.legal-dialog__body h2,.legal-dialog__body h3,.legal-dialog__body h4{color:var(--ttona-brown);margin-top:1.4em;margin-bottom:.5em}.legal-dialog__body h1{font-size:1.2rem}.legal-dialog__body h2{font-size:1.05rem}.legal-dialog__body h3{font-size:.98rem}.legal-dialog__body p{margin:.6em 0}.legal-dialog__body ul,.legal-dialog__body ol{padding-left:1.4em;margin:.5em 0}.legal-dialog__body li{margin:.2em 0}.legal-dialog__body strong{color:var(--ttona-brown)}.legal-dialog__body code{background:var(--ttona-cream-deep);padding:1px 6px;border-radius:4px;font-size:.92em;color:var(--ttona-brown)}.legal-dialog__body a{color:var(--ttona-orange-deep)}.legal-dialog__body hr{border:none;border-top:1px solid var(--ttona-cream-deep);margin:1.4em 0}.legal-dialog__meta{color:var(--ttona-muted);font-size:.82rem;margin:0 0 8px}.legal-dialog__status{color:var(--ttona-muted);text-align:center;padding:20px 0}.legal-dialog__status--err{color:var(--ttona-orange-deep)}@media (max-width: 480px){.legal-dialog{width:96vw;max-height:92vh}.legal-dialog__body{padding:16px 18px 22px;max-height:calc(92vh - 110px)}.legal-dialog__tab{flex:1 1 calc(50% - 4px);text-align:center;font-size:.88rem;padding:8px 6px}}@media (max-width: 480px){.wrap{padding:32px 18px 60px}.hero__title{font-size:1.9rem}.cta__phone{font-size:2.2rem}}.byok-guide-page{max-width:780px}.byok-back{display:inline-block;margin:0 0 12px;color:var(--ttona-muted);text-decoration:none;font-size:.92rem;padding:4px 6px;border-radius:4px}.byok-back:hover{color:var(--ttona-orange-deep);background:var(--ttona-cream-deep)}.byok-back:focus-visible{outline:2px solid var(--ttona-orange);outline-offset:2px}.byok-hero{text-align:center;padding:12px 0 8px}.byok-hero__brand{font-size:.92rem;color:var(--ttona-muted);letter-spacing:.12em;text-transform:uppercase}.byok-hero__title{font-size:2rem;margin:8px 0 0;color:var(--ttona-brown);letter-spacing:-.02em;font-weight:700;line-height:1.3}.byok-hero__tagline{color:var(--ttona-muted);margin-top:10px;font-size:1.02rem}.byok-price{margin:28px 0 12px;background:var(--ttona-card);border:2px solid var(--ttona-orange);border-radius:16px;padding:24px 22px 22px;box-shadow:var(--ttona-shadow)}.byok-price__title{margin:0 0 14px;font-size:1.2rem;color:var(--ttona-brown);font-weight:700;text-align:center}.byok-price__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.byok-price__card{background:var(--ttona-cream);border-radius:12px;padding:16px 14px 14px;text-align:center;border:1px solid var(--ttona-cream-deep)}.byok-price__card--accent{background:linear-gradient(180deg,#fff5e0 0%,var(--ttona-cream-deep) 100%);border-color:var(--ttona-orange)}.byok-price__num{font-size:2rem;font-weight:800;color:var(--ttona-orange-deep);line-height:1.1;font-variant-numeric:tabular-nums}.byok-price__unit{font-size:.95rem;font-weight:600;color:var(--ttona-orange);margin-left:2px}.byok-price__cap{margin-top:4px;font-size:.92rem;color:var(--ttona-brown);font-weight:600}.byok-price__sub{margin-top:6px;font-size:.85rem;color:var(--ttona-muted);line-height:1.45}.byok-price__why{margin-top:18px;padding:14px 16px;background:var(--ttona-cream);border-radius:10px;font-size:.94rem;color:var(--ttona-ink);line-height:1.65}.byok-price__why strong{color:var(--ttona-orange-deep)}.byok-steps{margin:28px 0 8px}.byok-steps__title{margin:0 0 14px;font-size:1.25rem;color:var(--ttona-brown);font-weight:700}.byok-step{display:flex;gap:14px;background:var(--ttona-card);border-radius:14px;padding:18px 18px 18px 14px;margin:0 0 12px;box-shadow:var(--ttona-shadow-soft);border:1px solid var(--ttona-cream-deep)}.byok-step__num{flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--ttona-orange);color:#fff;font-weight:800;font-size:1.1rem;display:flex;align-items:center;justify-content:center;margin-top:2px}.byok-step__body{flex:1;min-width:0}.byok-step__head{margin:0 0 6px;font-size:1.05rem;color:var(--ttona-brown);font-weight:700;line-height:1.4}.byok-step__desc{margin:0 0 12px;font-size:.96rem;color:var(--ttona-ink);line-height:1.6}.byok-step__desc code{background:var(--ttona-cream-deep);padding:1px 6px;border-radius:4px;font-size:.9em;color:var(--ttona-brown)}.byok-step__desc kbd{display:inline-block;font:inherit;font-size:.85em;background:#fff;color:var(--ttona-brown);padding:1px 7px;border-radius:4px;border:1px solid var(--ttona-cream-deep);box-shadow:0 1px #5c3a1e14}.byok-step__btn{display:inline-block;padding:12px 18px;border-radius:10px;font-weight:700;text-decoration:none;font-size:1rem;transition:background .15s,box-shadow .15s,transform .05s;border:2px solid transparent;margin:4px 8px 4px 0}.byok-step__btn--primary{background:var(--ttona-orange);color:#fff;box-shadow:var(--ttona-shadow)}.byok-step__btn--primary:hover{background:var(--ttona-orange-deep)}.byok-step__btn--secondary{background:var(--ttona-card);color:var(--ttona-orange-deep);border-color:var(--ttona-orange)}.byok-step__btn--secondary:hover{background:var(--ttona-cream)}.byok-step__btn:active{transform:translateY(1px)}.byok-step__btn:focus-visible{outline:3px solid var(--ttona-peach);outline-offset:3px}.byok-step__hint{margin:10px 0 0;font-size:.86rem;color:var(--ttona-muted);line-height:1.5}.byok-step__visual{margin:8px 0 12px}.byok-step__mock{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;background:var(--ttona-cream);border-radius:8px;border:1px dashed var(--ttona-peach)}.byok-step__mock--field{display:flex;flex-wrap:wrap;gap:8px;padding:8px}.byok-step__mock-btn{background:var(--ttona-card);color:var(--ttona-brown);font-weight:700;padding:6px 12px;border-radius:6px;font-size:.92rem;border:1px solid var(--ttona-cream-deep)}.byok-step__mock-btn--cta{background:var(--ttona-orange);color:#fff;border-color:var(--ttona-orange)}.byok-step__mock-input{flex:1;min-width:180px;font-family:ui-monospace,SFMono-Regular,monospace;background:#fff;color:var(--ttona-muted);padding:8px 10px;border-radius:6px;border:1px solid var(--ttona-cream-deep);font-size:.92rem}.byok-step__example{margin:8px 0 12px;background:var(--ttona-cream);padding:10px 14px;border-radius:8px}.byok-step__example-label{font-size:.82rem;color:var(--ttona-muted);margin-bottom:4px}.byok-step__example-key{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.95rem;color:var(--ttona-brown);background:#fff;padding:6px 10px;border-radius:6px;display:inline-block;border:1px solid var(--ttona-cream-deep);word-break:break-all}.byok-faq{margin:28px 0 8px}.byok-faq__title{margin:0 0 12px;font-size:1.2rem;color:var(--ttona-brown);font-weight:700}.byok-faq__item{background:var(--ttona-card);border-radius:10px;padding:14px 18px;margin:10px 0;box-shadow:var(--ttona-shadow-soft)}.byok-faq__item summary{cursor:pointer;font-weight:600;color:var(--ttona-brown);list-style:none;outline:none}.byok-faq__item summary::-webkit-details-marker{display:none}.byok-faq__item summary:before{content:"▸";color:var(--ttona-orange);margin-right:8px;transition:transform .15s;display:inline-block}.byok-faq__item[open] summary:before{transform:rotate(90deg)}.byok-faq__item summary:focus-visible{outline:2px solid var(--ttona-orange);outline-offset:2px;border-radius:4px}.byok-faq__item p{margin:10px 0 0;color:var(--ttona-ink);font-size:.95rem;line-height:1.65}.byok-faq__item strong{color:var(--ttona-brown)}.byok-final{margin:28px 0 0;padding:24px 22px 22px;background:var(--ttona-card);border:2px solid var(--ttona-orange);border-radius:16px;text-align:center;box-shadow:var(--ttona-shadow)}.byok-final__title{margin:0 0 8px;font-size:1.2rem;color:var(--ttona-brown);font-weight:700}.byok-final__desc{margin:0 0 16px;font-size:.96rem;color:var(--ttona-muted);line-height:1.6}.byok-final__btns{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.byok-final__back{margin:18px 0 0;font-size:.9rem}.byok-final__back a{color:var(--ttona-muted);text-decoration:underline;text-underline-offset:2px}.byok-final__back a:hover{color:var(--ttona-orange-deep)}@media (max-width: 480px){.byok-hero__title{font-size:1.6rem}.byok-price__num{font-size:1.7rem}.byok-step{padding:14px 14px 14px 10px;gap:10px}.byok-step__num{width:30px;height:30px;font-size:.95rem}.byok-step__head{font-size:1rem}.byok-step__btn{width:100%;text-align:center;margin:4px 0}}.qna{margin:36px 0 0}.qna__title{font-size:1.25rem;color:var(--ttona-brown);margin:0 0 6px}.qna__lead{color:var(--ttona-muted);font-size:.95rem;margin:0 0 16px}.qna__list{margin:0 0 16px}.qna__item{background:var(--ttona-card);border-radius:10px;padding:14px 18px;margin:10px 0;box-shadow:var(--ttona-shadow-soft)}.qna__item summary{cursor:pointer;font-weight:600;color:var(--ttona-brown);list-style:none;outline:none}.qna__item summary::-webkit-details-marker{display:none}.qna__item summary:before{content:"Q";color:var(--ttona-orange);font-weight:800;margin-right:10px}.qna__answer{margin-top:10px;padding-top:10px;border-top:1px dashed var(--ttona-cream-deep);color:var(--ttona-ink);font-size:.94rem;line-height:1.6;word-break:keep-all}.qna__asker{color:var(--ttona-muted);font-size:.85rem}.qna__empty{color:var(--ttona-muted);font-size:.92rem;margin:0 0 16px}.qna__ask-btn{background:var(--ttona-orange);color:#fff;border:none;border-radius:10px;padding:12px 22px;font:inherit;font-weight:700;cursor:pointer;box-shadow:var(--ttona-shadow-soft)}.qna__ask-btn:hover{background:var(--ttona-orange-deep)}.qna__ask-btn:disabled{opacity:.6;cursor:default}.qna__ask-btn:focus-visible{outline:2px solid var(--ttona-orange-deep);outline-offset:2px}.qna-dialog{width:min(520px,92vw)}.qna-form{display:flex;flex-direction:column;gap:14px}.qna-form__label{display:flex;flex-direction:column;gap:6px;font-weight:600;color:var(--ttona-brown);font-size:.92rem}.qna-form__opt{font-weight:400;color:var(--ttona-muted);font-size:.82rem}.qna-form__req{color:var(--ttona-orange-deep)}.qna-form__input{border:1px solid var(--ttona-cream-deep);border-radius:8px;padding:10px 12px;font:inherit;font-size:.95rem;color:var(--ttona-ink);background:#fff}.qna-form__input:focus-visible{outline:2px solid var(--ttona-orange);outline-offset:1px;border-color:var(--ttona-orange)}.qna-form__textarea{resize:vertical;min-height:90px}.qna-form__err{color:#c0392b;font-size:.88rem;margin:0}.qna-form__submit{align-self:flex-start}.qna-form__notice{color:var(--ttona-muted);font-size:.8rem;line-height:1.5;margin:4px 0 0;word-break:keep-all}.qna-dialog__done{text-align:center;padding:12px 4px}.qna-dialog__done p{color:var(--ttona-ink);margin:0 0 8px}.qna-dialog__done-sub{color:var(--ttona-muted)!important;font-size:.88rem}.info-tabs{margin:8px 0}.info-tabs__bar{position:sticky;top:10px;z-index:30;display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:6px;background:var(--ttona-card);border:1px solid var(--ttona-cream-deep);border-radius:14px;box-shadow:var(--ttona-shadow-soft)}.info-tabs__tab{flex:1 1 auto;min-width:110px;background:none;border:none;border-radius:10px;padding:11px 16px;font:inherit;font-size:.98rem;font-weight:600;color:var(--ttona-muted);cursor:pointer;transition:background .12s,color .12s}.info-tabs__tab:hover{color:var(--ttona-orange-deep);background:var(--ttona-cream)}.info-tabs__tab--active{background:var(--ttona-orange);color:#fff}.info-tabs__tab--active:hover{background:var(--ttona-orange-deep);color:#fff}.info-tabs__tab:focus-visible{outline:2px solid var(--ttona-orange-deep);outline-offset:2px}.info-tabs__panel>.hero,.info-tabs__panel>.features,.info-tabs__panel>.faq,.info-tabs__panel>.qna{margin-top:18px}.footer__notice{margin:14px auto 0;max-width:520px;font-size:.78rem;color:var(--ttona-muted);line-height:1.5;word-break:keep-all}