:root{--bg: #070B11;--panel: #0D131B;--panel-2: #111A24;--inset: #0A1119;--accent-bg: #0C1824;--chip-bg: #10263A;--line: #1C2733;--line-2: #2A3A4C;--line-accent: #23415C;--text: #E8EEF5;--text-2: #C6D2DF;--muted: #9AA8B8;--faint: #8493A5;--accent: #3BA4FF;--accent-soft: #7CC2FF;--accent-pale: #9FD1FF;--on-accent: #04111F;--display: Outfit, system-ui, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:var(--accent-soft)}a:hover{color:#b5dcff}button,input,select{font:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent-soft);outline-offset:2px}h1,h2,h3{font-family:var(--display);font-weight:600;margin:0}p{margin:0}.wrap{max-width:1200px;margin:0 auto}.section{padding:0 24px 96px}.h2{font-size:clamp(28px,3.6vw,40px);line-height:1.15;letter-spacing:-.01em}.lead{font-size:16px;line-height:1.6;color:var(--muted)}.small{font-size:12px;line-height:1.5;color:var(--faint)}.note{font-size:13px;line-height:1.5;color:var(--muted)}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border:1px solid var(--line-accent);border-radius:999px;background:var(--accent-bg);color:var(--accent-soft);font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.pill .dot{width:6px;height:6px;border-radius:999px;background:var(--accent)}.split{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}.split>.h2{max-width:540px}.split>.lead{max-width:460px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:999px;font-size:15px;font-weight:600;text-decoration:none;border:1px solid transparent}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{color:var(--on-accent);filter:brightness(1.08)}.btn-light{background:var(--text);color:var(--on-accent);padding:6px 6px 6px 22px}.btn-light:hover{color:var(--on-accent)}.btn-ghost{border-color:var(--line-2);color:var(--text)}.btn-ghost:hover{color:var(--text);border-color:var(--accent)}.btn .arrow{width:36px;height:36px;border-radius:999px;background:var(--accent);display:inline-flex;align-items:center;justify-content:center}.btn-small{min-height:44px;font-size:14px;padding:0 16px}.nav{padding:22px 24px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text);font-family:var(--display);font-weight:600;font-size:22px;min-height:44px}.brand:hover{color:var(--text)}.nav-links{display:flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}.nav-links a{padding:12px 16px;border-radius:999px;color:var(--text-2);text-decoration:none;font-size:14px;font-weight:500}.nav-links a:hover{background:var(--panel-2);color:var(--text)}.nav-cta{display:inline-flex;align-items:center;gap:10px;padding:6px 6px 6px 18px;min-height:44px;border:1px solid var(--line-2);border-radius:999px;color:var(--text);text-decoration:none;font-size:14px;font-weight:600}.nav-cta:hover{color:var(--text);border-color:var(--accent)}.nav-cta .arrow{width:32px;height:32px;border-radius:999px;background:var(--accent);display:inline-flex;align-items:center;justify-content:center}.hero{position:relative;padding:88px 24px 120px;text-align:center}.top{position:relative;overflow:hidden}.top>header{position:relative}.top-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.top-glow{position:absolute;left:20%;top:-40%;width:60%;height:120%;border-radius:50%;background:radial-gradient(closest-side,#3ba4ff4d,#3ba4ff00);filter:blur(30px);animation:top-glow 30s ease-in-out infinite}.top-dots{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:radial-gradient(ellipse 46% 40% at 50% 54%,transparent 55%,#000 100%);mask-image:radial-gradient(ellipse 46% 40% at 50% 54%,transparent 55%,#000 100%)}.dots-base{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(124,194,255,.22) 1.2px,transparent 1.6px);background-size:22px 22px;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 40%,#000 30%,transparent 85%);mask-image:radial-gradient(ellipse 75% 70% at 50% 40%,#000 30%,transparent 85%)}.dots-lit{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(124,194,255,.95) 1.4px,transparent 1.9px);background-size:22px 22px;-webkit-mask-image:radial-gradient(circle 260px,#000 0%,rgba(0,0,0,.6) 40%,transparent 70%);mask-image:radial-gradient(circle 260px,#000 0%,rgba(0,0,0,.6) 40%,transparent 70%);-webkit-mask-size:520px 520px;mask-size:520px 520px;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;animation:top-spot 26s ease-in-out infinite}.top-fade{position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(rgba(7,11,17,0),var(--bg))}.nav-links{background:#0d131bb3}@keyframes top-glow{0%,to{transform:translate(-8%)}50%{transform:translate(8%,6%)}}@keyframes top-spot{0%,to{-webkit-mask-position:10% 20%;mask-position:10% 20%}25%{-webkit-mask-position:85% 30%;mask-position:85% 30%}50%{-webkit-mask-position:60% 85%;mask-position:60% 85%}75%{-webkit-mask-position:20% 70%;mask-position:20% 70%}}.hero-word{display:inline-block;color:var(--accent-soft)}.hero-word.swap{animation:word-in .5s ease-out}@keyframes word-in{0%{opacity:0;transform:translateY(.25em)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.top-glow,.dots-lit,.hero-word.swap{animation:none}}.hero-inner{max-width:860px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:22px}.hero h1{font-size:clamp(34px,5vw,60px);line-height:1.1;letter-spacing:-.02em}.hero .lead{max-width:660px;font-size:18px}.hero-ctas{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.panel{border:1px solid var(--line);border-radius:24px;background:var(--panel);padding:28px}.card{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:26px;display:flex;flex-direction:column;gap:14px}.card h3{font-size:21px}.card p{font-size:15px;line-height:1.6;color:var(--muted)}.step-num{font-family:var(--display);font-weight:600;font-size:15px;color:var(--accent-soft)}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.tool{box-shadow:0 40px 120px #3ba4ff14}.tool-head{display:flex;flex-direction:column;gap:6px;margin-bottom:24px}.tool-head h2{font-size:26px;letter-spacing:-.01em}.tool-body{display:flex;flex-wrap:wrap;gap:28px}.tool-left{flex:1 1 400px;min-width:0;display:flex;flex-direction:column;gap:22px}.tool-right{flex:1 1 440px;min-width:0;display:flex;flex-direction:column;gap:10px}.field{display:flex;flex-direction:column;gap:8px}.input,.select{min-height:48px;padding:0 14px;border:1px solid var(--line-2);border-radius:12px;background:var(--bg);color:var(--text);width:100%}.select{padding:0 12px}.chips{display:flex;flex-wrap:wrap;gap:8px}.suggest{min-height:44px;padding:0 14px;border-radius:999px;border:1px dashed var(--line-2);background:var(--bg);color:var(--text-2);font-size:14px;font-weight:500}.suggest:hover{border-color:var(--accent);color:var(--text)}.chip{min-height:44px;padding:0 14px;display:inline-flex;align-items:center;gap:10px;border-radius:999px;border:1px solid var(--accent);background:var(--chip-bg);color:var(--text);font-size:14px;font-weight:600}.chip .n{font-weight:500;color:var(--accent-pale)}.result{border:1px solid var(--line-accent);border-radius:18px;background:var(--accent-bg);padding:22px;display:flex;flex-direction:column;gap:14px}.result-line{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:16px;color:var(--text-2)}.result-line .big{font-family:var(--display);font-weight:600;font-size:48px;line-height:1;letter-spacing:-.02em;color:var(--text)}.result-line strong{color:var(--text)}details.worth{border:1px solid var(--line);border-radius:14px;background:var(--panel-2);padding:4px 18px}details.worth summary{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:15px;font-weight:600;cursor:pointer;list-style:none}details.worth summary::-webkit-details-marker{display:none}details.worth summary .muted{font-weight:500;color:var(--muted)}.worth-body{display:flex;flex-direction:column;gap:18px;padding:6px 0 16px}.slider-head{display:flex;justify-content:space-between;gap:8px;font-size:14px}.slider-head label{color:var(--text-2);font-weight:500}.slider-head .val{font-weight:600;color:var(--accent-soft)}input[type=range]{width:100%;height:28px;accent-color:var(--accent)}.stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.stat{border:1px solid var(--line);border-radius:12px;background:var(--bg);padding:14px;display:flex;flex-direction:column;gap:4px}.stat .label{font-size:13px;color:var(--muted)}.stat .value{font-family:var(--display);font-weight:600;font-size:24px}.stat .sub{font-size:12px;color:var(--faint)}.map{position:relative;aspect-ratio:640 / 460;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--inset)}.map .maplibregl-ctrl-attrib{background:#070b11bf;color:var(--faint);font-size:11px}.map .maplibregl-ctrl-attrib a{color:var(--muted)}.map-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:14px}.letter-wrap{display:flex;flex-wrap:wrap;gap:40px;align-items:center}.letter-col{flex:1 1 380px;min-width:0;display:flex;justify-content:center}.letter{width:100%;max-width:440px;background:#f4f1ea;color:#1b2530;border-radius:6px;padding:36px 34px;display:flex;flex-direction:column;gap:16px;box-shadow:0 30px 80px #00000080}.letter .lhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.letter .logo{padding:8px 12px;border:1px dashed #6B7785;border-radius:6px;font-size:12px;font-weight:600;color:#4a5663}.letter .biz{font-size:12px;color:#4a5663;text-align:right}.letter .addr{font-size:13px;line-height:1.5}.letter .title{font-family:var(--display);font-weight:600;font-size:20px;line-height:1.25}.letter .body{font-size:13px;line-height:1.6;color:#33404d}.letter .foot{display:flex;align-items:center;gap:14px;padding-top:6px;border-top:1px solid #D9D3C6;font-size:13px;line-height:1.5}.ticks{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:14px}.ticks li{display:flex;gap:12px;font-size:15px;line-height:1.55;color:var(--text-2)}.ticks svg{flex:none;margin-top:2px}.table-box{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--panel)}.compare{width:100%;min-width:980px;border-collapse:collapse;font-size:14px;line-height:1.5;text-align:left}.compare th,.compare td{padding:16px 18px;vertical-align:top}.compare thead th{font-family:var(--display);font-weight:600;font-size:16px;color:var(--text-2)}.compare tbody tr{border-top:1px solid var(--line)}.compare tbody th{font-weight:600;color:var(--text);width:15%}.compare td{color:var(--muted)}.compare .us{background:var(--chip-bg);color:var(--text)}.compare thead .us{color:var(--accent-pale)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}.price{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:28px;display:flex;flex-direction:column;gap:16px}.price.featured{border-color:var(--accent);background:var(--accent-bg)}.price h3{font-size:21px}.amount{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px}.amount .num{font-family:var(--display);font-weight:600;font-size:48px;line-height:1;letter-spacing:-.02em}.amount .plus{font-family:var(--display);font-weight:600;font-size:48px;line-height:1;color:var(--accent-soft)}.amount .per{font-size:15px;color:var(--muted)}.price ul{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.55;color:var(--text-2)}.price .btn{margin-top:auto}.faq{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.faq h2{text-align:center}.faq details{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:4px 22px}.faq summary{min-height:52px;display:flex;align-items:center;font-size:16px;font-weight:600;cursor:pointer;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq details p{margin:0 0 18px;font-size:15px;line-height:1.6;color:var(--muted)}.signup{border:1px solid var(--line-accent);border-radius:24px;padding:44px 32px;background-color:var(--accent-bg);background-image:radial-gradient(ellipse 70% 80% at 50% 0%,#3ba4ff2e,#0c182400 70%);display:flex;flex-wrap:wrap;gap:40px}.signup-copy{flex:1 1 340px;min-width:0;display:flex;flex-direction:column;gap:16px}.signup-copy h2{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-.01em}.signup-form{flex:1 1 420px;min-width:0}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}.form-grid .full{grid-column:1 / -1}.form-grid label{font-size:13px;font-weight:500;color:var(--text-2)}.form-grid .field{gap:6px}.thanks{border:1px solid var(--line-accent);border-radius:18px;background:var(--bg);padding:32px;display:flex;flex-direction:column;gap:12px}.thanks h3{font-size:26px}.form-error{color:#ffb4a8;font-size:14px}.hidden{display:none!important}.footer{border-top:1px solid var(--line);padding:28px 24px}.footer .wrap{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;font-size:13px;color:var(--faint)}.footer a{color:var(--muted)}.footer .links{display:flex;gap:16px}.legal{max-width:760px;margin:0 auto;padding:40px 24px 96px;display:flex;flex-direction:column;gap:18px}.legal h1{font-size:clamp(32px,4.5vw,48px);line-height:1.1;letter-spacing:-.02em}.legal h2{margin-top:24px;font-size:24px;letter-spacing:-.01em}.legal p,.legal li{font-size:16px;line-height:1.7;color:var(--text-2)}.legal ul,.legal ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:10px}.legal strong{color:var(--text)}.legal table{width:100%;min-width:560px;border-collapse:collapse;font-size:15px;line-height:1.5}.legal th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text)}.legal td{padding:12px 16px;color:var(--text-2);border-top:1px solid var(--line)}.map .maplibregl-ctrl-group{background:var(--panel);border:1px solid var(--line-2);box-shadow:none}.map .maplibregl-ctrl-group button+button{border-top:1px solid var(--line-2)}.map .maplibregl-ctrl-group button .maplibregl-ctrl-icon{filter:invert(.85)}.map .maplibregl-cooperative-gesture-screen{font-size:14px}.letter-section{position:relative;overflow:hidden;padding-top:112px}.letter-section .wrap{position:relative;z-index:2}.send-wrap{position:relative;width:100%;max-width:440px}.send-card{position:relative;transform-origin:50% 50%}.envelope{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:6px;background:#ede8dc;overflow:hidden;opacity:0;pointer-events:none}.envelope .flap{position:absolute;left:0;right:0;top:0;height:55%;background:#e2dbcb;clip-path:polygon(0 0,100% 0,50% 100%);transform-origin:50% 0;transform:scaleY(-1)}.envelope .pocket{position:absolute;left:0;right:0;bottom:0;height:60%;background:#e8e2d4;clip-path:polygon(0 100%,50% 18%,100% 100%)}.launch{position:absolute;left:0;top:0;width:44px;height:32px;z-index:4;opacity:0;pointer-events:none;offset-path:path("M 220 260 C 420 150, 560 -40, 1020 -260");offset-rotate:auto}.planes{position:absolute;left:50%;top:0;width:1200px;height:100%;margin-left:-600px;pointer-events:none;z-index:1;opacity:0;transition:opacity 1.2s ease}.trails{position:absolute;left:0;top:0}.trail{stroke:#7cc2ff29;stroke-width:1.4;stroke-dasharray:3 9;animation:dash 12s linear infinite}.plane{position:absolute;left:0;top:0;width:30px;height:22px;offset-rotate:auto;animation-play-state:paused}.p0{offset-path:path("M 470 280 C 540 150, 640 70, 1280 30");animation:fly 7s linear -0s infinite both}.p1{offset-path:path("M 470 330 C 560 200, 700 100, 1280 80");animation:fly 7.5s linear -1.5s infinite both}.p2{offset-path:path("M 470 240 C 520 120, 420 30, 600 10 S 980 60, 1280 10");animation:fly 8s linear -3s infinite both}.p3{offset-path:path("M 470 380 C 520 260, 620 130, 1280 110");animation:fly 7.5s linear -4.5s infinite both}.p4{offset-path:path("M 470 300 C 560 210, 700 40, 1280 50");animation:fly 6.5s linear -6s infinite both}.letter-section.is-send .send-card{animation:fold 2.6s cubic-bezier(.5,0,.3,1) both}.letter-section.is-send .envelope{animation:env-cover 2.6s linear both}.letter-section.is-send .flap{animation:env-flap 2.6s ease-out both}.letter-section.is-send .launch{animation:launch 2.6s cubic-bezier(.4,0,.6,1) both}.letter-section.is-back .send-card{animation:slidein .8s cubic-bezier(.2,.7,.2,1) both}.letter-section.is-back .planes{opacity:1}.letter-section.is-back .plane{animation-play-state:running}@keyframes fly{0%{offset-distance:0%;opacity:0}8%{opacity:1}80%{opacity:.9}to{offset-distance:100%;opacity:0}}@keyframes dash{to{stroke-dashoffset:-200}}@keyframes fold{0%{transform:none;opacity:1}30%{transform:scale(.62,.42);opacity:1}46%{transform:scale(.62,.42);opacity:1}60%{transform:scale(.2,.14) translate(40px,-40px);opacity:0}to{transform:scale(.2,.14);opacity:0}}@keyframes env-cover{0%,24%{opacity:0}30%,to{opacity:1}}@keyframes env-flap{0%,30%{transform:scaleY(-1)}38%,to{transform:scaleY(1)}}@keyframes launch{0%,50%{offset-distance:0%;opacity:0;transform:scale(1.6)}58%{opacity:1}to{offset-distance:100%;opacity:0;transform:scale(1)}}@keyframes slidein{0%{transform:translateY(60px);opacity:0}to{transform:none;opacity:1}}@media(max-width:900px){.planes{display:none}}@media(prefers-reduced-motion:reduce){.letter-section .send-card,.letter-section .envelope,.letter-section .flap,.letter-section .launch,.plane,.trail{animation:none!important}.planes{display:none}}.tool-hook{margin:0;padding:16px 18px;border:1px dashed var(--line);border-radius:14px;font-size:15px;line-height:1.55;color:var(--text-2)}.tool-hook strong{color:var(--text)}.tool-hook.hidden{display:none}.results{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .5s ease,opacity .4s ease}.results.open{grid-template-rows:1fr;opacity:1}.results-inner{min-height:0;overflow:hidden;display:flex;flex-direction:column;gap:18px}@media(prefers-reduced-motion:reduce){.results{transition:none}}.plan-pick{border:0;margin:0;padding:0;min-width:0;display:flex;flex-direction:column;gap:10px}.plan-pick legend{padding:0;margin-bottom:8px;font-size:13px;font-weight:500;color:var(--text-2)}.plan-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.plan-card{position:relative;display:flex;flex-direction:column;gap:8px;padding:16px;border:1px solid var(--line);border-radius:14px;background:var(--bg);cursor:pointer}.plan-card:hover{border-color:var(--line-2)}.plan-card input{position:absolute;opacity:0;pointer-events:none}.plan-card:has(input:checked){border-color:var(--accent);background:var(--chip-bg)}.plan-card:has(input:focus-visible){outline:2px solid var(--accent-pale);outline-offset:2px}.plan-title{display:flex;align-items:center;gap:10px;font-size:15px;font-weight:700;color:var(--text)}.plan-dot{width:16px;height:16px;box-sizing:border-box;border-radius:999px;border:2px solid var(--accent);flex:none}.plan-card:has(input:checked) .plan-dot{background:var(--accent);box-shadow:inset 0 0 0 3px var(--chip-bg)}.plan-price{font-size:13px;font-weight:600;color:var(--accent-pale)}.plan-desc{font-size:13px;line-height:1.5;color:var(--muted)}.deposit{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--line-accent);border-radius:14px;background:var(--accent-bg)}.deposit.hidden{display:none}.deposit-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;font-size:14px;color:var(--text-2)}.deposit-today span:first-child{font-size:15px;font-weight:700;color:var(--text)}.deposit-zero{font-family:var(--display);font-size:36px;line-height:1;font-weight:600;color:var(--accent-pale)}.deposit-rule{height:1px;background:var(--line-accent)}.deposit-label{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.badge-ok{padding:4px 10px;border-radius:999px;background:#123a24;color:#8fe3b0;font-size:12px;font-weight:700}.deposit-amount strong{font-size:16px;color:var(--text)}.deposit-amount .muted{color:var(--muted)}.deposit p{margin:0}
