.dest-how{padding:2.5rem 0}@media(min-width:768px){.dest-how{padding:3rem 0}}.dest-how__header{text-align:center;margin-bottom:1.5rem}@media(min-width:768px){.dest-how__header{margin-bottom:2rem}}.dest-how__title{font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;color:var(--color-charcoal);margin:0}@media(min-width:768px){.dest-how__title{font-size:1.625rem}}.dest-how__subtitle{margin:.25rem 0 0;font-size:.875rem;color:var(--color-text-muted)}@media(min-width:768px){.dest-how__subtitle{font-size:.9375rem}}.dest-how__steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:768px){.dest-how__steps{grid-template-columns:repeat(3,1fr);gap:1.25rem}}.dest-how__card{background:var(--surface, #fff);border:1px solid var(--line, rgba(0, 0, 0, .08));border-radius:16px;padding:1.25rem;display:flex;flex-direction:column;gap:.875rem}@media(min-width:768px){.dest-how__card{padding:1.5rem}}.dest-how__step-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.dest-how__step-number{font-size:1.25rem;font-weight:700;color:var(--primary, #6366f1);line-height:1;letter-spacing:.02em}@media(min-width:768px){.dest-how__step-number{font-size:1.5rem}}.dest-how__step-icon{width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;border-radius:.625rem;background:var(--primary-50, rgba(99, 102, 241, .08));color:var(--primary, #6366f1)}.dest-how__step-icon svg{width:1.5rem;height:1.5rem}.dest-how__step-body{display:flex;flex-direction:column;gap:.625rem}.dest-how__step-title{font-size:.9375rem;font-weight:600;color:var(--ink, #0a0a0a);margin:0;line-height:1.3}@media(min-width:768px){.dest-how__step-title{font-size:1rem}}.dest-how__step-text{margin:0;font-size:.8125rem;line-height:1.5;color:var(--ink-soft, #4a5568)}@media(min-width:768px){.dest-how__step-text{font-size:.875rem}}.dest-how__step-cta{margin-top:.25rem;display:inline-flex;align-items:center;gap:.375rem;align-self:flex-start;font-size:.8125rem;font-weight:600;color:var(--primary, #6366f1);background:none;border:0;padding:0;cursor:pointer;text-decoration:none;transition:gap .15s ease,color .15s ease}.dest-how__step-cta:hover,.dest-how__step-cta:focus-visible{gap:.625rem;color:var(--primary-strong, #4f46e5);outline:none}.dest-how__step-cta:focus-visible{text-decoration:underline}.dest-how__step-cta svg{width:.875rem;height:.875rem;flex-shrink:0}.dest-how__modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem}.dest-how__modal[hidden]{display:none}.dest-how__modal-backdrop{position:absolute;inset:0;background:#0a0a0a8c;backdrop-filter:blur(2px)}.dest-how__modal-panel{position:relative;background:#fff;border-radius:16px;width:100%;max-width:32rem;max-height:calc(100vh - 2rem);overflow:auto;padding:1.5rem 1.5rem 1.25rem;box-shadow:0 20px 50px #00000040}@media(min-width:768px){.dest-how__modal-panel{padding:2rem 2rem 1.5rem}}.dest-how__modal-close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;background:none;border:0;border-radius:.5rem;color:var(--ink-soft, #4a5568);cursor:pointer;transition:background .15s ease,color .15s ease}.dest-how__modal-close:hover,.dest-how__modal-close:focus-visible{background:var(--surface-2, #f7f8fa);color:var(--ink, #0a0a0a);outline:none}.dest-how__modal-header{margin-bottom:1rem;padding-right:2rem}.dest-how__modal-title{font-size:1.125rem;font-weight:700;color:var(--ink, #0a0a0a);margin:0 0 .25rem;line-height:1.3}@media(min-width:768px){.dest-how__modal-title{font-size:1.25rem}}.dest-how__modal-subtitle{margin:0;font-size:.875rem;color:var(--ink-soft, #4a5568);line-height:1.4}.dest-how__modal-intro{margin:0 0 .75rem;font-size:.8125rem;font-weight:600;color:var(--ink, #0a0a0a);text-transform:uppercase;letter-spacing:.04em}.dest-how__tabs{display:flex;flex-direction:column;gap:1rem}.dest-how__tab-buttons{display:inline-flex;background:var(--surface-2, #f7f8fa);border-radius:10px;padding:4px;width:fit-content;max-width:100%;border:1px solid var(--line, rgba(0, 0, 0, .08))}.dest-how__tab-button{background:none;border:0;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;color:var(--ink-soft, #4a5568);border-radius:7px;cursor:pointer;transition:background .15s ease,color .15s ease;white-space:nowrap}.dest-how__tab-button:hover{color:var(--ink, #0a0a0a)}.dest-how__tab-button.is-active{background:#fff;color:var(--ink, #0a0a0a);box-shadow:0 1px 2px #0000000f}.dest-how__tab-button:focus-visible{outline:2px solid var(--primary, #6366f1);outline-offset:2px}.dest-how__tab-panels{position:relative}.dest-how__tab-panel{font-size:.875rem;line-height:1.55;color:var(--ink-soft, #4a5568)}.dest-how__tab-panel[hidden]{display:none}.dest-how__tab-panel p{margin:0 0 .5rem}.dest-how__tab-panel p:last-child{margin-bottom:0}.dest-how__modal-note{font-size:.75rem;color:var(--ink-faint, #9aa1ad);font-style:italic}.dest-how__step-toggle{display:inline-flex;align-items:center;gap:.625rem;padding:.5rem .75rem .5rem .625rem;background:var(--surface-2, #f7f8fa);border:1px solid var(--line, rgba(0, 0, 0, .08));border-radius:9999px;align-self:flex-start;margin-top:.125rem}.dest-how__step-toggle-track{position:relative;display:inline-block;width:34px;height:20px;background:var(--color-success, #16a34a);border-radius:9999px;flex-shrink:0;transition:background .2s ease}.dest-how__step-toggle-knob{position:absolute;top:2px;left:16px;width:16px;height:16px;background:var(--color-off-white, #faf9f6);border-radius:9999px;box-shadow:0 1px 2px #0000002e;transition:left .2s ease}.dest-how__step-toggle-label{font-size:.8125rem;font-weight:500;color:var(--color-charcoal, #1c1c1c);line-height:1;letter-spacing:.005em}.dest-how__step-toggle-label strong{font-weight:700;color:var(--color-success, #16a34a);letter-spacing:.04em}.dest-how__step-notes{list-style:none;margin:.125rem 0 0;padding:0;display:flex;flex-direction:column;gap:.375rem}.dest-how__step-notes li{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;line-height:1.45;color:var(--ink-soft, #4a5568)}@media(min-width:768px){.dest-how__step-notes li{font-size:.875rem}}.dest-how__step-note-check{flex-shrink:0;font-weight:700;color:var(--color-success, #16a34a);line-height:1.45}
