:root{color-scheme:light;--page: #f6fbff;--surface: #ffffff;--surface-soft: #eefaff;--ink: #142033;--ink-strong: #071426;--muted: #5c6d82;--line: #dce8f2;--line-strong: #c6d8e8;--cyan: #087ead;--cyan-dark: #056b91;--blue: #2563eb;--mint: #10b981;--amber: #f59e0b;--panel-shadow: 0 22px 70px rgba(37, 99, 235, .12);--soft-shadow: 0 14px 36px rgba(20, 32, 51, .09);--radius: 8px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--page);color:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0;background:linear-gradient(180deg,#fff 0,#f6fbff 360px,#fff),var(--page);color:var(--ink)}body,button,input{letter-spacing:0}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}picture{display:block}picture img{width:100%}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:var(--cyan-dark)}.site-header,.site-footer,.section-inner,.guide-page,.route-page,.hero-content{width:min(1120px,calc(100% - 48px));margin:0 auto}.site-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;min-height:74px;border-bottom:1px solid rgba(198,216,232,.72);background:#ffffffdb;backdrop-filter:blur(18px)}.brand,.footer-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ink-strong);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:700}.brand img{border-radius:8px;box-shadow:0 6px 18px #087ead2e}.brand span{font-size:18px}.nav-links,.site-footer nav{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:14px;font-weight:700}.nav-links a:hover,.site-footer a:hover{color:var(--cyan-dark)}.hero{position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#eefaffb3,#fffffff5),linear-gradient(90deg,#f8fdff,#eefaff)}.hero:before{position:absolute;inset:auto 0 0;height:180px;content:"";background-image:linear-gradient(to right,rgba(24,174,230,.12) 1px,transparent 1px),linear-gradient(to bottom,rgba(24,174,230,.1) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to top,#000,transparent)}.hero-content{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(390px,.85fr);gap:52px;align-items:center;padding:82px 0 92px}.hero-copy{width:min(680px,100%)}.eyebrow{margin:0 0 12px;color:var(--cyan-dark);font-size:13px;font-weight:800;text-transform:uppercase}h1,h2,h3{margin:0;color:var(--ink-strong);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.06;letter-spacing:0}h1{max-width:760px;font-size:56px}h2{font-size:34px}h3{font-size:22px}.lede{max-width:700px;margin:22px 0 0;color:var(--muted);font-size:18px;line-height:1.72}.hero-actions,.panel-actions,.section-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;gap:9px;border:1px solid transparent;border-radius:999px;padding:0 22px;font-size:16px;font-weight:800;line-height:1;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--cyan);color:#fff;box-shadow:0 12px 28px #18aee647}.button.primary:hover{background:var(--cyan-dark)}.button.secondary,.button.ghost{border-color:var(--line-strong);background:var(--surface);color:var(--ink);box-shadow:0 8px 20px #1420330f}.trust-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;color:var(--muted);font-size:14px;font-weight:700}.trust-row span{border:1px solid var(--line);border-radius:999px;padding:8px 13px;background:#ffffffc7}.hero-tool,.guide-visual,.fix-stack{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--panel-shadow)}.upload-panel{padding:20px}.panel-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;color:var(--muted);font-size:14px;font-weight:800}.panel-topline strong{border-radius:999px;padding:6px 11px;background:#e8fff6;color:#047857}.upload-panel img,.companion-preview img,.route-card img,.route-figure img{border-radius:var(--radius)}.mini-route-list{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.mini-route-list a{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:#fbfdff}.mini-route-list span{color:var(--ink-strong);font-weight:800}.mini-route-list small{color:var(--cyan-dark);font-weight:800}.section{padding:82px 0}.section.soft-band,.soft-band{background:var(--surface-soft);border-block:1px solid var(--line)}.section-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}.section-header p{max-width:620px;margin:12px 0 0;color:var(--muted);line-height:1.72}.steps-grid,.routes-grid,.feature-grid,.trouble-grid,.article-grid{display:grid;gap:20px}.steps-grid,.routes-grid{grid-template-columns:repeat(3,1fr)}.feature-grid,.trouble-grid{grid-template-columns:repeat(2,1fr)}.article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step,.feature,.trouble-card,.control-table,.route-card,.companion-panel,.notice,.faq-item,.article-section{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--soft-shadow)}.step,.feature,.trouble-card,.notice,.article-section{padding:24px}.step-number{display:inline-grid;place-items:center;width:38px;height:38px;margin-bottom:18px;border-radius:50%;background:#e8f8ff;color:var(--cyan-dark);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800}.step p,.feature p,.trouble-card p,.notice p,.article-section p{color:var(--muted);line-height:1.78}.route-card{overflow:hidden;transition:transform .16s ease,box-shadow .16s ease}.route-card:hover{transform:translateY(-3px);box-shadow:0 22px 50px #1420331f}.route-card a{display:block;height:100%}.route-card img{aspect-ratio:16 / 9;object-fit:cover;border-bottom:1px solid var(--line);border-radius:0}.route-card-body{display:flex;align-items:start;justify-content:space-between;gap:14px;padding:18px 18px 0}.route-card p:not(.eyebrow){margin:14px 18px 20px;color:var(--muted);line-height:1.65}.difficulty{flex:0 0 auto;border:1px solid #f7d992;border-radius:999px;padding:6px 10px;background:#fff8e6;color:#a16207;font-size:12px;font-weight:800}.companion-layout,.route-layout{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(340px,.86fr);gap:26px;align-items:start}.companion-preview{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--surface);box-shadow:var(--panel-shadow)}.companion-preview img{aspect-ratio:16 / 9;object-fit:cover}.companion-panel{padding:24px;position:sticky;top:94px}.panel-heading{margin-bottom:18px}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:0 0 22px}.stats-grid div{border:1px solid var(--line);border-radius:var(--radius);padding:12px;background:#fbfdff}.stats-grid dt{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.stats-grid dd{margin:7px 0 0;color:var(--ink-strong);font-weight:800}.checklist{border-top:1px solid var(--line);padding-top:18px}.checklist ul,.guide-content ul,.number-list{padding-left:20px;color:var(--muted);line-height:1.8}.number-list li,.guide-content li{margin:8px 0}.tip-box{margin-top:14px;border-left:3px solid var(--cyan);padding:2px 0 2px 14px}.tip-box p{margin:7px 0 0;color:var(--muted);line-height:1.65}.control-table{overflow:hidden}.control-table table{width:100%;border-collapse:collapse}.control-table th,.control-table td{border-bottom:1px solid var(--line);padding:15px 16px;text-align:left}.control-table tr:last-child td{border-bottom:0}.control-table th{color:var(--muted);font-size:12px;text-transform:uppercase}.key{display:inline-flex;min-width:34px;justify-content:center;border:1px solid var(--line-strong);border-radius:6px;padding:4px 8px;background:#f4fbff;color:var(--cyan-dark);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:800}.guide-page,.route-page{padding:58px 0 90px}.page-hero{margin-bottom:34px}.polished-page-hero,.route-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px;align-items:center;border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:linear-gradient(180deg,#fff,#f6fbff);box-shadow:var(--panel-shadow)}.page-hero p{max-width:780px;color:var(--muted);font-size:18px;line-height:1.72}.guide-content{display:grid;gap:24px}.guide-section{border-top:1px solid var(--line);padding-top:28px}.guide-section p{max-width:850px;color:var(--muted);line-height:1.8}.route-hero{margin-bottom:40px}.route-figure{margin:0}.route-figure img{border:1px solid var(--line);box-shadow:var(--soft-shadow)}.route-figure figcaption{margin-top:10px;color:var(--muted);font-size:13px;line-height:1.5}.guide-visual,.fix-stack{display:grid;gap:12px;padding:24px}.guide-visual{grid-template-columns:auto 1fr;align-items:center}.guide-visual span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e8f8ff;color:var(--cyan-dark);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:800}.guide-visual strong,.fix-stack span{color:var(--ink-strong);font-weight:800}.fix-stack span{border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px;background:#fbfdff}.faq-list{display:grid;gap:12px}.faq-item{padding:0 18px}.faq-item summary{cursor:pointer;padding:18px 0;color:var(--ink-strong);font-weight:800}.faq-item p{margin:0;padding:0 0 18px;color:var(--muted);line-height:1.72}.site-footer{display:flex;justify-content:space-between;gap:28px;border-top:1px solid var(--line);padding:34px 0 44px;color:var(--muted)}.site-footer p{max-width:680px;margin:10px 0 0;font-size:13px;line-height:1.6}@media(max-width:940px){.site-header{position:relative;flex-direction:column;align-items:start;gap:14px;padding:18px 0}.nav-links{flex-wrap:wrap;gap:14px}.hero-content,.polished-page-hero,.route-hero{grid-template-columns:1fr}.hero-content{padding:58px 0 72px}h1{font-size:44px}h2{font-size:30px}.section-header,.site-footer{display:block}.steps-grid,.routes-grid,.feature-grid,.trouble-grid,.article-grid,.companion-layout,.route-layout{grid-template-columns:1fr}.companion-panel{position:static}.site-footer nav{flex-wrap:wrap;margin-top:18px}}@media(max-width:560px){.site-header,.site-footer,.section-inner,.guide-page,.route-page,.hero-content{width:min(100% - 28px,1120px)}.brand span{font-size:16px}h1{font-size:36px}h2{font-size:28px}.hero-tool,.polished-page-hero,.route-hero{padding:18px}.button{width:100%}.mini-route-list,.stats-grid{grid-template-columns:1fr}.control-table{overflow-x:auto}}