:root{--color-charge:#00d4ff;--color-abyss:#0a0a0a;--color-deep:#0d2a30;--color-mist:#e0fafe;--color-cloud:#f5f5f5;--color-white:#fff;--color-slate:#e2e8f0;--color-smoke:#888;--font-primary:"Inter", "Arial Black", Arial, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Courier New", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-display:4rem;--weight-regular:400;--weight-medium:500;--weight-bold:700;--weight-black:900;--tracking-tight:-.04em;--tracking-normal:0em;--tracking-wide:.08em;--tracking-wider:.14em;--tracking-widest:.18em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:.35s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--weight-regular);color:var(--color-abyss);background:var(--color-cloud);line-height:1.7}img,svg{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.heading-display{font-size:var(--text-display);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:1}.heading-1{font-size:var(--text-5xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);line-height:1.05}.heading-2{font-size:var(--text-4xl);font-weight:var(--weight-black);letter-spacing:-.03em;line-height:1.1}.heading-3{font-size:var(--text-2xl);font-weight:var(--weight-bold);letter-spacing:-.02em;line-height:1.2}.heading-4{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:1.3}.body-lg{font-size:var(--text-lg);line-height:1.7}.body-base{font-size:var(--text-base);line-height:1.7}.body-sm{font-size:var(--text-sm);line-height:1.6}.label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase}.mono{font-family:var(--font-mono);font-size:.9em}.text-charge{color:var(--color-charge)}.text-muted{color:var(--color-smoke)}.text-white{color:var(--color-white)}.wordmark{align-items:stretch;line-height:1.1;display:inline-flex}.wordmark__letz{font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);color:var(--color-abyss);background:var(--color-charge);border-radius:var(--radius-sm) 0 0 var(--radius-sm);padding:3px 10px}.wordmark__apps{font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);color:var(--color-charge);background:var(--color-abyss);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:3px 10px}.wordmark--on-cyan .wordmark__letz{color:var(--color-charge);background:var(--color-abyss)}.wordmark--on-cyan .wordmark__apps{color:var(--color-abyss);background:#ffffff40}.btn{align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;border:2px solid #0000;padding:12px 28px;display:inline-flex}.btn-primary{background:var(--color-charge);color:var(--color-abyss);border-color:var(--color-charge)}.btn-primary:hover{color:var(--color-charge);background:0 0}.btn-secondary{color:var(--color-charge);border-color:var(--color-charge);background:0 0}.btn-secondary:hover{background:var(--color-charge);color:var(--color-abyss)}.btn-dark{background:var(--color-abyss);color:var(--color-white);border-color:var(--color-abyss)}.btn-dark:hover{color:var(--color-abyss);background:0 0}.btn-sm{font-size:var(--text-xs);padding:8px 18px}.btn-lg{font-size:var(--text-base);padding:16px 40px}.card{background:var(--color-white);border:1px solid var(--color-slate);border-radius:var(--radius-xl);padding:var(--space-6)}.card--dark{background:var(--color-abyss);color:var(--color-white);border-color:#1a1a1a}.card--cyan{background:var(--color-charge);border-color:var(--color-charge);color:var(--color-abyss)}.card--deep{background:var(--color-deep);color:var(--color-white);border-color:#0d3540}.card--mist{background:var(--color-mist);color:var(--color-abyss);border-color:#b3ecf7}.card--accent{border-left:4px solid var(--color-charge);border-radius:0 var(--radius-lg) var(--radius-lg) 0}.container{width:100%;max-width:1200px;padding:0 var(--space-6);margin:0 auto}.container--narrow{max-width:760px}.container--wide{max-width:1440px}.section{padding:var(--space-24) 0}.grid-2{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.grid-3{gap:var(--space-6);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.grid-4{gap:var(--space-6);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.flex{display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}@media (width<=768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.heading-display{font-size:var(--text-4xl)}.heading-1{font-size:var(--text-3xl)}}.bg-abyss{background:var(--color-abyss);color:var(--color-white)}.bg-deep{background:var(--color-deep);color:var(--color-white)}.bg-charge{background:var(--color-charge);color:var(--color-abyss)}.bg-mist{background:var(--color-mist);color:var(--color-abyss)}.bg-cloud{background:var(--color-cloud);color:var(--color-abyss)}.bg-white{background:var(--color-white);color:var(--color-abyss)}.badge{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase;border-radius:var(--radius-full);padding:4px 10px;display:inline-block}.badge-cyan{background:var(--color-charge);color:var(--color-abyss)}.badge-dark{background:var(--color-abyss);color:var(--color-charge)}.badge-mist{background:var(--color-mist);color:var(--color-deep)}.badge-ghost{border:1.5px solid var(--color-charge);color:var(--color-charge);background:0 0}.input{width:100%;font-size:var(--text-base);background:var(--color-white);border:1.5px solid var(--color-slate);border-radius:var(--radius-md);color:var(--color-abyss);transition:border-color var(--transition-fast);outline:none;padding:12px 16px}.input:focus{border-color:var(--color-charge);box-shadow:0 0 0 3px #00d4ff26}.input--dark{color:var(--color-white);background:#111;border-color:#222}.input--dark:focus{border-color:var(--color-charge)}.label-field{font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;margin-bottom:var(--space-2);color:var(--color-smoke);display:block}.navbar{z-index:100;padding:0 var(--space-6);background:var(--color-abyss);border-bottom:1px solid #1a1a1a;justify-content:space-between;align-items:center;height:64px;display:flex;position:sticky;top:0}.navbar__links{align-items:center;gap:var(--space-6);list-style:none;display:flex}.navbar__link{font-size:var(--text-sm);font-weight:var(--weight-medium);color:#ffffffa6;letter-spacing:var(--tracking-wide);transition:color var(--transition-fast)}.navbar__link:hover,.navbar__link--active{color:var(--color-charge)}.divider{background:var(--color-slate);height:1px;margin:var(--space-8) 0;border:none}.divider--dark{background:#1a1a1a}.divider--charge{background:var(--color-charge);height:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-charge{0%,to{box-shadow:0 0 #00d4ff66}50%{box-shadow:0 0 0 8px #00d4ff00}}.animate-fade-up{animation:.5s forwards fadeUp}.animate-fade-in{animation:.4s forwards fadeIn}.animate-pulse-charge{animation:2s infinite pulse-charge}:root{--color-horizon:#f97316;--color-horizon-deep:#c2410c;--color-horizon-mist:#fff7ed;--color-horizon-petal:#fed7aa;--color-sky:#38bdf8;--color-sky-deep:#0284c7;--color-sky-mist:#e0f2fe;--color-night:#0f172a;--color-slate-dark:#1e293b;--color-iron:#334155;--color-stone:#64748b;--color-dust:#cbd5e1;--color-cloud-light:#f1f5f9;--color-sand:#fff7ed;--color-success:#22c55e;--color-warning:#f59e0b;--color-danger:#ef4444;--app-bg:var(--color-night);--app-surface:var(--color-slate-dark);--app-surface-raised:var(--color-iron);--app-border:#ffffff14;--app-text:var(--color-white);--app-text-muted:var(--color-stone);--app-accent:var(--color-horizon);--app-accent-pressed:var(--color-horizon-deep);--app-accent-mist:var(--color-horizon-mist);--app-secondary:var(--color-sky);--app-secondary-mist:var(--color-sky-mist);--transition-check:.2s cubic-bezier(.34, 1.56, .64, 1);--transition-slide:.3s ease-out;--transition-card:.2s ease}[data-theme=light]{--app-bg:var(--color-cloud-light);--app-surface:var(--color-white);--app-surface-raised:var(--color-cloud-light);--app-border:var(--color-dust);--app-text:var(--color-night);--app-text-muted:var(--color-stone);--app-accent:var(--color-horizon);--app-accent-pressed:var(--color-horizon-deep);--app-accent-mist:var(--color-horizon-mist);--app-secondary:var(--color-sky-deep);--app-secondary-mist:var(--color-sky-mist)}@media (prefers-color-scheme:light){:root:not([data-theme]){--app-bg:var(--color-cloud-light);--app-surface:var(--color-white);--app-surface-raised:var(--color-cloud-light);--app-border:var(--color-dust);--app-text:var(--color-night);--app-text-muted:var(--color-stone);--app-accent:var(--color-horizon);--app-accent-pressed:var(--color-horizon-deep);--app-accent-mist:var(--color-horizon-mist);--app-secondary:var(--color-sky-deep);--app-secondary-mist:var(--color-sky-mist)}}body{background:var(--app-bg);color:var(--app-text)}.trip-card{background:var(--app-surface);border:1px solid var(--app-border);border-left:4px solid var(--app-accent);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);transition:transform var(--transition-card), box-shadow var(--transition-card)}.trip-card:active{transform:scale(.98)}.trip-card__destination{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--app-text)}.trip-card__dates{font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--app-text-muted);margin-top:var(--space-1)}.trip-card__progress{align-items:center;gap:var(--space-2);margin-top:var(--space-3);display:flex}.trip-card__progress-bar{background:var(--app-border);border-radius:var(--radius-full);flex:1;height:4px;overflow:hidden}.trip-card__progress-fill{background:var(--app-accent);border-radius:var(--radius-full);height:100%;transition:width var(--transition-base)}.trip-card__progress-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--app-accent);white-space:nowrap}.pack-item{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:background var(--transition-fast);display:flex}.pack-item:active{background:var(--app-surface-raised)}.pack-item__checkbox{border-radius:var(--radius-sm);border:2px solid var(--color-stone);width:22px;height:22px;transition:border-color var(--transition-check), background var(--transition-check);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;display:flex}.pack-item__checkbox--checked{border-color:var(--app-accent);background:var(--app-accent)}.pack-item__checkbox--checked svg{stroke:var(--color-night);opacity:1;transform:scale(1)}.pack-item__label{font-size:var(--text-base);color:var(--app-text);transition:color var(--transition-fast), text-decoration var(--transition-fast);flex:1}.pack-item--checked .pack-item__label{color:var(--app-text-muted);text-decoration:line-through}.pack-item__qty{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--app-text-muted);text-align:right;min-width:1.5rem}.destination-header{width:100%;min-height:220px;padding:var(--space-6);border-radius:0 0 var(--radius-2xl) var(--radius-2xl);flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.destination-header__bg{background:var(--color-slate-dark);background-position:50%;background-size:cover;position:absolute;inset:0}.destination-header__overlay{background:linear-gradient(#0f172a1a 0%,#0f172ad9 100%);position:absolute;inset:0}.destination-header__content{z-index:1;position:relative}.destination-header__name{font-size:var(--text-3xl);font-weight:var(--weight-black);letter-spacing:var(--tracking-tight);color:var(--color-white);line-height:1.1}.destination-header__country{font-size:var(--text-sm);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:#ffffffa6;margin-top:var(--space-1)}.destination-header__tags{gap:var(--space-2);margin-top:var(--space-3);flex-wrap:wrap;display:flex}.destination-tag{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full);background:var(--app-accent);color:var(--color-night);padding:3px 10px}.destination-tag--sky{color:var(--color-sky);background:#38bdf833}.tab-bar{background:var(--app-surface);border-top:1px solid var(--app-border);height:60px;padding-bottom:env(safe-area-inset-bottom,0);z-index:50;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tab-bar__item{padding:var(--space-2) 0;cursor:pointer;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex}.tab-bar__icon{width:24px;height:24px;color:var(--app-text-muted);transition:color var(--transition-fast), transform var(--transition-spring)}.tab-bar__label{font-size:10px;font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--app-text-muted);transition:color var(--transition-fast)}.tab-bar__item--active .tab-bar__icon,.tab-bar__item--active .tab-bar__label{color:var(--app-accent)}.tab-bar__item--active .tab-bar__icon{transform:scale(1.15)}.btn-horizon{justify-content:center;align-items:center;gap:var(--space-2);padding:14px var(--space-8);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;background:var(--app-accent);color:var(--color-night);border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition-fast), transform var(--transition-spring);border:none;width:100%;display:inline-flex}.btn-horizon:active{background:var(--app-accent-pressed);transform:scale(.97)}.btn-sky{color:var(--app-secondary);border:1.5px solid var(--app-secondary);border-radius:var(--radius-full);padding:12px var(--space-8);font-size:var(--text-sm);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;cursor:pointer;transition:background var(--transition-fast);background:0 0;width:100%}.btn-sky:active{background:#38bdf81f}.section-header{padding:var(--space-4) var(--space-6) var(--space-2);justify-content:space-between;align-items:center;display:flex}.section-header__title{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--app-text-muted)}.section-header__action{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--app-accent);cursor:pointer}.status-packed{color:var(--color-success);background:#22c55e26}.status-partial{color:var(--color-horizon);background:#f9731626}.status-missing{color:var(--color-danger);background:#ef444426}.status-info{color:var(--color-sky);background:#38bdf826}.status-packed,.status-partial,.status-missing,.status-info{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-wide);text-transform:uppercase;border-radius:var(--radius-full);padding:3px 10px;display:inline-flex}.empty-state{padding:var(--space-16) var(--space-8);text-align:center;justify-content:center;align-items:center;gap:var(--space-4);flex-direction:column;display:flex}.empty-state__icon{width:64px;height:64px;color:var(--app-text-muted);opacity:.4}.empty-state__title{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--app-text)}.empty-state__subtitle{font-size:var(--text-sm);color:var(--app-text-muted);max-width:240px;line-height:1.6}:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#app{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}