.guide-hero{min-height:410px;padding-block:68px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.guide-hero h1{margin:0;font-size:52px;line-height:1.28;font-weight:800}.guide-hero h1 span{color:var(--green)}.guide-hero>div:first-child>p:not(.eyebrow){max-width:510px;margin:15px 0 22px;color:var(--muted);font-size:13px;line-height:1.9}.guide-mark{width:260px;height:260px;justify-self:center;position:relative;display:grid;place-items:center;border:1px solid #18232130;border-radius:50%;background:var(--lime);transform:rotate(-7deg)}.guide-mark:before,.guide-mark:after{content:'';position:absolute;border:1px solid #18232132;border-radius:50%}.guide-mark:before{inset:17px}.guide-mark:after{inset:34px;border-style:dashed}.guide-mark span{z-index:1;color:var(--ink);font-size:91px;font-weight:900;line-height:1}.guide-mark i{position:absolute;right:5px;top:52px;z-index:2;padding:5px 9px;border:1px solid var(--ink);border-radius:2px;background:var(--coral);font-size:15px;font-style:normal;font-weight:800}.guide-mark b{position:absolute;left:2px;bottom:61px;z-index:2;padding:4px 8px;border:1px solid var(--ink);border-radius:2px;background:var(--blue);font:10px var(--mono)}.guide-mark small{position:absolute;bottom:14px;color:#44534b;font:8px var(--mono);letter-spacing:0}
.usage-intro{background:var(--green-dark);color:white}.intro-row{min-height:135px;display:grid;grid-template-columns:70px 1fr;gap:15px;align-items:center}.intro-row>span{color:var(--lime);font:14px var(--mono)}.intro-row h2{margin:0;font-size:20px}.intro-row p{margin:5px 0 0;color:#bfd0c7;font-size:11px}
.apps-section{padding-block:82px 88px}.app-heading{max-width:600px}.app-heading .eyebrow{margin-bottom:10px}.app-heading h2,.transfer-heading h2,.usage-end h2{margin:0;font-size:30px;line-height:1.4;font-weight:800}.app-heading>p:last-child,.transfer-heading>p:last-child{margin:9px 0 0;color:var(--muted);font-size:11px}.app-list{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.app-list>div{min-height:76px;padding:14px 16px 14px 3px;display:grid;grid-template-columns:38px 1fr;grid-template-rows:1fr 1fr;align-items:end;border-bottom:1px solid var(--line)}.app-list>div:nth-child(odd){margin-right:24px}.app-list>div:nth-child(even){padding-left:18px;border-left:1px solid var(--line)}.app-index{grid-row:span 2;align-self:center;color:var(--coral);font:12px var(--mono)}.app-list strong{font-size:13px}.app-list small{align-self:start;color:#76827b;font-size:9px}.scope-note{margin:17px 0 0;padding:12px 14px;display:flex;gap:10px;align-items:flex-start;border-left:2px solid var(--blue);background:#edf2ee;color:#65716a;font-size:9px}.scope-note span{width:15px;height:15px;flex:0 0 15px;display:grid;place-items:center;border:1px solid #96a59a;border-radius:50%;font:8px var(--mono)}
.transfer-section{background:#e8eee8}.transfer-wrap{padding-block:80px 84px}.transfer-heading{max-width:590px}.transfer-heading .eyebrow{margin-bottom:10px}.transfer-heading h2{font-size:31px}.transfer-list{margin-top:28px;border-top:1px solid #cbd5ce}.transfer-item{min-height:117px;padding:19px 10px;display:grid;grid-template-columns:42px minmax(0,1fr) 52px;gap:14px;align-items:center;border-bottom:1px solid #cbd5ce}.method-no{align-self:start;padding-top:6px;color:#74847a;font:10px var(--mono)}.method-title{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.method-title h3{margin:0;font-size:15px}.method-title>b{padding:3px 7px;border-radius:2px;background:#d9f36a;color:#385040;font-size:8px}.method-title .caution-label{background:#f4d3c7;color:#8b4838}.transfer-item p{max-width:650px;margin:5px 0 0;color:#617067;font-size:10px;line-height:1.8}.method-icon{width:40px;height:40px;justify-self:end;display:grid;place-items:center;border:1px solid #adbab0;border-radius:50%;color:var(--green);font:9px var(--mono)}.usb-icon{background:var(--blue);border-color:var(--blue);color:#234a4d;font-size:21px}.caution-icon{border-color:#eab4a4;background:var(--coral);color:var(--ink);font-size:15px;font-weight:800}.ftp-icon{width:48px;border-radius:20px;background:var(--white)}.recommended .method-icon{border-color:var(--lime);background:var(--lime);color:var(--ink)}
.usage-end{min-height:260px;padding-block:65px;display:flex;align-items:center;justify-content:space-between;gap:32px}.usage-end>div{max-width:620px}.usage-end .eyebrow{margin-bottom:8px}.usage-end h2{font-size:27px}.usage-end>div>p:last-child{margin:10px 0 0;color:var(--muted);font-size:10px;line-height:1.9}.usage-end>.button{flex:0 0 auto}
.vision-section{background:var(--green-dark);color:white}.vision-inner{min-height:330px;padding-block:57px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}.vision-copy .eyebrow{margin-bottom:10px;color:var(--lime)}.vision-status{padding:4px 8px;display:inline-block;border:1px solid #d9f36a70;border-radius:2px;color:var(--lime);font-size:9px;font-weight:700}.vision-copy h2{margin:13px 0 0;font-size:29px;line-height:1.4;font-weight:800}.vision-copy>p:last-child{max-width:610px;margin:11px 0 0;color:#d0ded6;font-size:10px;line-height:1.9}.vision-flow{display:grid;grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr) 20px minmax(0,1fr);align-items:center;gap:7px}.vision-flow>div{min-width:0;min-height:78px;padding:12px 10px;display:flex;flex-direction:column;justify-content:center;gap:4px;border-left:2px solid #83ae98}.vision-flow>div small{color:#b8cbc0;font-size:8px}.vision-flow>div strong{font-size:10px;line-height:1.55;overflow-wrap:anywhere}.vision-flow>span{color:var(--lime);font:14px var(--mono);text-align:center}.vision-flow .api-node{border-left-color:var(--coral)}.vision-flow .api-node em{color:var(--lime);font-size:8px;font-style:normal}
@media(max-width:900px){.guide-hero{grid-template-columns:1fr .7fr;gap:20px}.guide-hero h1{font-size:46px}.guide-mark{width:220px;height:220px}.guide-mark span{font-size:76px}}
@media(max-width:680px){.guide-hero{min-height:0;padding-block:48px 44px;grid-template-columns:1fr;gap:24px}.guide-hero h1{font-size:clamp(39px,10vw,50px)}.guide-hero>div:first-child>p:not(.eyebrow){font-size:11px}.guide-mark{width:190px;height:190px;justify-self:center}.guide-mark span{font-size:65px}.guide-mark i{top:38px}.guide-mark b{bottom:44px}.intro-row{min-height:125px;grid-template-columns:35px 1fr;gap:8px}.intro-row h2{font-size:16px}.intro-row p{font-size:9px}.apps-section{padding-block:57px 60px}.app-heading h2,.transfer-heading h2{font-size:25px}.app-list{grid-template-columns:1fr}.app-list>div:nth-child(odd){margin-right:0}.app-list>div:nth-child(even){padding-left:3px;border-left:0}.app-list>div{min-height:68px;grid-template-columns:31px 1fr}.app-list strong{font-size:12px}.app-list small{font-size:8px}.scope-note{font-size:8px}.vision-inner{min-height:0;padding-block:42px;grid-template-columns:1fr;gap:23px}.vision-copy h2{font-size:24px}.vision-copy>p:last-child{font-size:9px}.vision-flow{grid-template-columns:1fr;gap:6px}.vision-flow>div{min-height:54px;padding:8px 11px}.vision-flow>span{width:20px;transform:rotate(90deg);font-size:12px}.vision-flow>div strong{font-size:11px}.transfer-wrap{padding-block:58px 62px}.transfer-list{margin-top:19px}.transfer-item{min-height:0;padding:16px 2px;grid-template-columns:27px minmax(0,1fr) 35px;gap:7px}.method-no{font-size:9px}.method-title{gap:6px}.method-title h3{font-size:12px}.method-title>b{font-size:7px}.transfer-item p{font-size:9px}.method-icon{width:31px;height:31px;font-size:8px}.usb-icon{font-size:17px}.ftp-icon{width:35px}.usage-end{min-height:0;padding-block:50px;align-items:flex-start;flex-direction:column;gap:17px}.usage-end h2{font-size:23px}.usage-end>div>p:last-child{font-size:9px}}