@font-face{font-family:Manrope;src:url('/landing/20261030-v2/assets/fonts/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
body.guide-animated{--ink:#f4f1e8;--muted:#b9bbae;--panel:#252b23;--paper:#141713;--grass:#f4c341;--light:#f4f1e8;--edge:#363e30;background:#141713!important;color:#f4f1e8;font-family:Manrope,system-ui,sans-serif;background-image:none!important;line-height:1.8}
.guide-animated ::selection{background:#f4c341;color:#202719}.guide-animated a:focus-visible,.guide-animated button:focus-visible,.guide-animated summary:focus-visible{outline:3px solid #f4c341;outline-offset:4px}.guide-animated .site-header{background:#141713;border-bottom:1px solid #363e30;box-shadow:none}.guide-animated .header-inner{max-width:1420px}.guide-animated .brand{font:800 24px/1 Manrope,system-ui,sans-serif;letter-spacing:-.035em;color:#f4f1e8}.guide-animated .brand img{border-radius:9px}.guide-animated .header-nav a{color:#d0d3c4;min-height:48px;display:flex;align-items:center}.guide-animated .languages button{min-width:48px;min-height:48px;border:0;background:none;color:#c1c8b5;border-radius:7px}.guide-animated .languages button[aria-pressed=true]{color:#f4c341}.guide-animated .button{background:#f4c341;color:#252a1d;border:0;border-radius:9px;min-height:48px;box-shadow:none;font-size:13px}.guide-animated .button:hover{background:#ffda73}.guide-animated .guide-layout{display:grid;grid-template-columns:192px minmax(0,1fr) 340px;gap:32px;width:min(1420px,calc(100% - 72px));max-width:none;padding-top:54px;align-items:start}.guide-animated .guide-content{min-width:0}.guide-animated .panel{background:transparent;border:0;border-radius:0;box-shadow:none;color:#f4f1e8}.guide-animated .guide-header{padding:0 0 44px}.guide-animated .guide-header h1{font:750 clamp(30px,3vw,43px)/1.15 Manrope,system-ui,sans-serif;letter-spacing:-.035em;max-width:17ch;color:#f4f1e8;margin-bottom:24px}.guide-animated .guide-header .lead{font-size:15px;line-height:1.9;color:#c4cbba}.guide-animated .small{font-size:11px;color:#b4bea8}.guide-animated .condition{font-size:11px;color:#c2d4ad;background:none;padding:0;margin:17px 0}.guide-animated .guide-header .button{margin:13px 0}.guide-animated .toc-desktop{position:sticky;top:100px;max-height:calc(100vh - 130px);overflow-y:auto;background:#1c2319;border:1px solid #343d2c;border-radius:11px;padding:17px 13px;scrollbar-width:thin;scrollbar-color:#67775a #1c2319}.guide-animated .toc-title{font:700 15px/1.4 Manrope,sans-serif;color:#f4f1e8;margin:3px 7px 13px}.guide-animated .toc ol{padding:0;margin:0;list-style:none}.guide-animated .toc li{padding:0;margin:0}.guide-animated .toc li a{display:flex;align-items:center;min-height:44px;padding:8px 9px;border-radius:6px;color:#bdc8b1;font-size:11px;line-height:1.6;text-decoration:none}.guide-animated .toc li a:hover{background:#293423;color:#fff}.guide-animated .toc li a[aria-current=step]{background:#f4c341;color:#202718}.guide-animated .guide-section{display:block;padding:38px 0 45px;border-top:1px solid #343d2c;scroll-margin-top:90px;overflow:visible}.guide-animated .guide-section h2{font:750 28px/1.25 Manrope,system-ui,sans-serif;letter-spacing:-.035em;color:#f4c341;margin:0 0 14px}.guide-animated .guide-section h3{font:700 21px/1.35 Manrope,system-ui,sans-serif;color:#f1f1e5;letter-spacing:-.025em;margin:35px 0 16px}.guide-animated .guide-section p{font-size:14px;line-height:1.9;color:#c7cfbb;max-width:68ch}.guide-animated .section-body,.guide-animated .section-body.wide{display:block;grid-template-columns:none;min-height:250px;margin-top:17px}.guide-animated .section-shot{display:none}.guide-animated .steps{display:block;list-style:decimal;padding-left:25px;counter-reset:none;margin:18px 0 22px}.guide-animated .steps li{display:list-item;padding:7px 0 7px 3px;margin:0;background:none;border:0;min-height:0;box-shadow:none;color:#d5ddcb;font-size:14px;line-height:1.85;counter-increment:none}.guide-animated .steps li::before{display:none}.guide-animated .steps li::marker{color:#f4c341;font-weight:700}.guide-animated .note,.guide-animated .warning{background:#232d1f;border:0;border-radius:8px;padding:13px 16px;margin:18px 0}.guide-animated .note strong,.guide-animated .warning strong{color:#e1e8d3}.guide-animated .note p,.guide-animated .warning p{font-size:13px}.guide-animated .guide-section a:not(.button){color:#f4cd68;text-underline-offset:4px}.guide-animated .guide-section>strong,.guide-animated .section-body>div>strong{font-size:13px;color:#f1f1e5}.guide-animated code{background:#27351f;color:#e6efda;padding:2px 5px;border-radius:3px}.guide-animated .mobile-contents{display:none}.guide-animated .site-footer{background:#141713;border-top:1px solid #343d2c;color:#bdc8b1}.guide-animated .site-footer a{color:#f4cd68;min-height:48px;display:inline-flex;align-items:center}
.guide-phone-rail{position:sticky;top:84px;display:flex;align-items:center;flex-direction:column;gap:4px;padding-top:4px;margin-top:-32px;min-width:0}.guide-phone-frame{position:relative;width:236px;aspect-ratio:1080/2424;padding:7px;border:4px solid #69725f;border-radius:33px;background:#12180f;box-shadow:8px 17px 29px #0004;overflow:hidden;transform:rotate(2deg)}.guide-phone-frame:before{content:'';position:absolute;top:13px;left:50%;transform:translateX(-50%);width:44px;height:10px;background:#141713;border-radius:12px;z-index:1}.guide-phone-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;border-radius:22px}.guide-phone-frame.is-desktop{width:280px;aspect-ratio:1164/741;border-radius:14px;transform:none}.guide-phone-frame.is-desktop:before{display:none}.guide-phone-frame.is-desktop img{object-fit:contain;border-radius:4px;background:#fff}.guide-phone-title{font:650 14px/1.6 Manrope,sans-serif;text-align:center;max-width:300px;color:#e6eadb;min-height:44px;margin:0}.guide-phone-progress{font-size:11px;color:#b7c5a7;font-variant-numeric:tabular-nums}.guide-phone-navigation{display:flex;gap:10px}.guide-phone-navigation button{min-height:48px;min-width:90px;padding:10px 14px;border:1px solid #4a583c;background:#26321f;color:#edf1e1;border-radius:8px;font:650 11px/1.5 Manrope,sans-serif}.guide-phone-navigation button:hover{background:#354329}.guide-phone-navigation button:disabled{opacity:.4;cursor:default}.guide-full-screen{font-size:11px;color:#f4c341;text-decoration:underline;text-underline-offset:4px;min-height:40px;display:flex;align-items:center}.guide-step-active{scroll-margin-top:120px}
@media(max-width:1200px){.guide-animated .guide-layout{grid-template-columns:165px minmax(0,1fr) 300px;gap:22px;width:calc(100% - 48px)}.guide-phone-frame{width:215px}.guide-phone-frame.is-desktop{width:230px}.guide-animated .toc li a{font-size:10px}.guide-animated .guide-section p,.guide-animated .steps li{font-size:13px}.guide-animated .guide-section h2{font-size:25px}}
@media(max-width:1000px){.guide-animated .guide-layout{display:block;width:min(760px,calc(100% - 40px));padding-top:35px}.guide-phone-rail,.guide-animated .toc-desktop{display:none}.guide-animated .mobile-contents{display:block;margin-top:24px}.guide-animated .mobile-contents summary{min-height:48px;color:#f4cd68}.guide-animated .mobile-contents a{display:flex;align-items:center;min-height:44px;color:#c7d3b8;font-size:12px}.guide-animated .section-shot{display:block;margin:24px 0}.guide-animated .section-shot img{display:block;width:min(280px,100%);max-height:none;height:auto;border:5px solid #69725f;border-radius:25px;margin-inline:auto}.guide-animated .section-shot.wide img,.guide-animated .section-body.wide img{width:100%;border-radius:10px}.guide-animated .section-shot figcaption{font-size:11px;line-height:1.7;color:#b4c3a3;margin-top:12px;text-align:center}.guide-animated .guide-section p,.guide-animated .steps li{font-size:14px}.guide-animated .guide-section h2{font-size:27px}.guide-animated .section-body{min-height:0}.guide-animated .header-nav{gap:12px}.guide-animated .header-nav a{font-size:12px}.guide-animated .brand{font-size:21px}.guide-animated .brand img{width:36px;height:36px}.guide-animated .guide-header h1{font-size:36px}}
@media(max-width:600px){.guide-animated .header-inner{gap:8px;flex-wrap:wrap}.guide-animated .header-nav{order:3;width:100%;justify-content:center}.guide-animated .header-inner .languages{margin-left:auto}.guide-animated .guide-section{padding-block:30px}.guide-animated .guide-layout{width:calc(100% - 36px)}.guide-animated .guide-header h1{font-size:32px;max-width:20ch}.guide-animated .guide-section h3{font-size:21px}.guide-animated .note,.guide-animated .warning{padding:13px}}
@media(prefers-reduced-motion:reduce){.guide-phone-frame{transform:none}.guide-phone-frame img{animation:none!important}}
.guide-animated .guide-full-screen{color:#f4c341!important;min-height:48px}
.guide-animated #language-switcher button{background:none;color:#c1c8b5;min-width:48px;min-height:48px}
.guide-animated #language-switcher button[aria-pressed=true]{background:none;color:#f4c341}
.guide-phone-rail .guide-phone-frame:not(.is-desktop){width:min(320px,calc((100vh - 330px)*.4455));max-width:100%;height:auto;aspect-ratio:1080/2424;flex-shrink:0}
.guide-phone-rail .guide-phone-frame.is-desktop{width:100%;height:auto;aspect-ratio:1164/741}

.guide-phone-rail .guide-phone-title{margin:0}