/* Figma node 731:10397 - page-scoped styles */
.sgd-page{font-family:"PT Sans",Arial,sans-serif;color:#000;background:#fff;overflow:hidden}.sgd-page a{color:#05f}.sgd-container{width:1280px;max-width:calc(100% - 48px);margin:0 auto}.sgd-section{padding:120px 0}.sgd-heading{text-align:center;width:100%;margin:0 auto}.sgd-heading h2{margin:0;font:700 36px/47px "PT Sans",Arial,sans-serif;color:#000}.sgd-heading p{margin:24px auto 0;font:400 18px/23px "PT Sans",Arial,sans-serif;color:#222}
.sgd-hero{position:relative;height:913px;box-sizing:border-box;padding:80px 0 0;color:#fff;text-align:center;overflow:hidden}.sgd-hero-bg{position:absolute;inset:0;background:#021a60 url('/resource/images/sync-google-drive-with-dropbox-iw/figma/hero-bg.svg') center/cover no-repeat}.sgd-hero-content{position:relative;z-index:1}.sgd-hero h1{margin:0;font:700 50px/65px "PT Sans",Arial,sans-serif;white-space:nowrap}.sgd-hero-copy{margin:16px auto 40px;font:400 18px/23px "PT Sans",Arial,sans-serif}.sgd-tool-shell{display:flex;flex-direction:column;align-items:center;gap:32px;width:100%}.sgd-tool-shell iframe{display:block;width:100%;height:506px;border:0;border-radius:0;background:transparent}.sgd-tool-shell p{margin:0;font:400 14px/18px "PT Sans",Arial,sans-serif;color:rgba(255,255,255,.8)}.sgd-tool-shell a{color:#589bff;text-decoration:none}.sgd-trust{display:flex;justify-content:center;align-items:center;height:32px;gap:60px;margin-top:36px}
.sgd-pain{height:1113px;box-sizing:border-box;padding-top:120px;padding-bottom:120px;background:#fff}.sgd-pain-grid{display:flex;flex-wrap:wrap;gap:16px;margin-top:80px}.sgd-pain-grid article{box-sizing:border-box;width:416px;height:360px;padding:24px 32px 40px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.05);text-align:center}.sgd-pain-grid article:nth-child(n+4){width:632px;height:300px}.sgd-pain-grid img{display:block;width:100px;height:100px;margin:0 auto;object-fit:contain}.sgd-pain-grid h3{margin:20px 0 0;font:700 20px/26px "PT Sans",Arial,sans-serif}.sgd-pain-grid p{margin:16px 0 0;font:400 16px/22px "PT Sans",Arial,sans-serif;color:#5d5d5d}
.sgd-compare{height:1385px;box-sizing:border-box;padding-top:120px;padding-bottom:120px;background:#f9fafc}.sgd-compare .sgd-heading,.sgd-performance .sgd-heading{width:1070px;max-width:100%}.sgd-table-wrap{margin-top:80px;overflow:auto;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 18px 40px -12px rgba(0,0,0,.08),0 2px 8px rgba(0,0,0,.05)}.sgd-table-wrap table{width:100%;min-width:1280px;border-collapse:separate;border-spacing:0;font:400 14px/18px "PT Sans",Arial,sans-serif}.sgd-table-wrap th,.sgd-table-wrap td{height:66px;box-sizing:border-box;padding:12px 20px;border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;text-align:center;vertical-align:middle}.sgd-table-wrap thead th{height:72px;background:#f9fafc;font-weight:700;font-size:16px}.sgd-table-wrap tbody tr:nth-child(even)>*{background:#f9fafc}.sgd-compare .sgd-table-wrap tbody tr:nth-child(3)>*{height:120px}.sgd-table-wrap th:first-child{width:240px;text-align:left;font-weight:700}.sgd-compare .sgd-table-wrap td:nth-child(2),.sgd-compare .sgd-table-wrap td:nth-child(3){white-space:normal}.sgd-table-wrap tr>*:last-child{border-right:0}.sgd-table-wrap tbody tr:last-child>*{border-bottom:0}.sgd-compare-tip{display:flex;align-items:center;gap:12px;margin:40px 24px 24px;padding:16px 24px;border-radius:8px;background:#eef2ff;color:#16408d;font-size:16px}.sgd-compare-tip img{width:24px;height:24px;object-fit:contain}
.sgd-before{height:1044px;box-sizing:border-box;padding-top:120px;padding-bottom:120px;background:#fff}.sgd-before-grid{display:flex;flex-wrap:wrap;gap:24px;margin-top:80px}.sgd-before-grid article{box-sizing:border-box;width:410px;min-height:386px;border:1px solid #e5e7eb;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 16px 32px -12px rgba(0,0,0,.07),0 2px 8px rgba(0,0,0,.04);text-align:center}.sgd-before-grid article:nth-child(n+4){display:flex;width:628px;height:220px;min-height:220px;text-align:left}.sgd-before-grid article:nth-child(n+4) img{flex:0 0 240px;width:240px;height:220px}.sgd-before-grid img{display:block;width:100%;height:170px;object-fit:contain;background:#fff}.sgd-before-grid h3{margin:24px 22px 0;font:700 20px/26px "PT Sans",Arial,sans-serif}.sgd-before-grid p{margin:16px 24px 0;font:400 16px/21px "PT Sans",Arial,sans-serif;color:#5d5d5d}.sgd-before-grid article:nth-child(n+4)>div{display:flex;flex-direction:column;justify-content:center;height:220px;box-sizing:border-box;padding:40px 24px 40px 0;gap:16px}.sgd-before-grid article:nth-child(n+4) h3{margin:0}.sgd-before-grid article:nth-child(n+4) p{margin:0}
.sgd-steps{height:1139px;box-sizing:border-box;padding-top:120px;padding-bottom:120px;background:#f9fafc}.sgd-steps .sgd-heading{width:1010px;max-width:100%}.sgd-steps .sgd-heading h2{height:47px}.sgd-tabs{display:flex;position:relative;justify-content:center;width:max-content;min-height:48px;margin:60px auto 40px;padding:5px;border:1px solid #e8eaef;border-radius:8px;background:#fff}.sgd-tabs button{height:40px;padding:0 24px;border:0;border-radius:4px;background:transparent;font:400 16px/21px "PT Sans",Arial,sans-serif;color:#000;cursor:pointer}.sgd-tabs button.active{background:#05f;color:#fff;font-weight:700}.sgd-cloud-badge{position:absolute;left:352px;top:-16px;width:90px;height:41px;display:block;filter:drop-shadow(0 4px 2px rgba(29,112,236,.05));z-index:2}.sgd-cloud-badge img{display:block;width:90px;height:41px;object-fit:contain}.sgd-stepbox{display:grid;grid-template-columns:448px 800px;gap:0;width:1280px;min-height:552px;height:552px;box-sizing:border-box;padding:16px;border-radius:18px;background:#eef2ff;box-shadow:0 20px 50px rgba(13,32,77,.06)}.sgd-stepinfo{display:flex;flex-direction:column;gap:16px;justify-content:center;width:448px;height:520px}.sgd-stepinfo article{position:relative;box-sizing:border-box;width:448px;min-height:108px;padding:24px 28px 22px 34px;border-radius:8px 0 0 8px;background:#fff;cursor:pointer}.sgd-stepinfo article.active{background:#fff;box-shadow:0 18px 32px rgba(34,88,246,.13)}.sgd-stepinfo article.active:before{content:'';position:absolute;left:0;top:0;bottom:0;width:8px;border-radius:8px 0 0 8px;background:#2258f6}.sgd-stepinfo article.active h3{color:#05f}.sgd-stepinfo h3{margin:0;font:700 16px/21px "PT Sans",Arial,sans-serif}.sgd-stepinfo p{margin:8px 0 0;font:400 16px/21px "PT Sans",Arial,sans-serif}.sgd-stepinfo aside{display:flex;align-items:center;gap:7px;margin:8px 0 0;padding:8px 10px;border-radius:4px;background:#eef2ff;font:400 14px/18px "PT Sans",Arial,sans-serif}.sgd-stepinfo aside img{width:24px;height:24px;flex:0 0 24px;object-fit:contain}.sgd-stepvisual{position:relative;width:800px;height:520px;box-sizing:border-box;padding:16px;border-radius:16px;background:#fff;box-shadow:0 12px 24px rgba(0,0,0,.05);display:flex;align-items:center;justify-content:center}.sgd-stepvisual img{display:block;width:770px;height:454px;max-width:100%;max-height:100%;border-radius:8px;object-fit:cover;cursor:zoom-in}.sgd-prev,.sgd-next{display:none}.sgd-dots{position:absolute;bottom:10px;display:flex;gap:8px}.sgd-dots button{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:#cbd5e1}.sgd-dots button.active{background:#05f}.sgd-steps>.sgd-btn{display:flex;align-items:center;justify-content:center;width:413px;height:64px;margin:0;padding:0 40px;border:0;border-radius:8px;background:#05f;color:#fff;font:700 20px/26px "PT Sans",Arial,sans-serif;text-decoration:none;cursor:pointer}.sgd-btn{text-decoration:none;cursor:pointer}.sgd-scroll-tool{display:inline-flex;margin:40px auto 0}
.sgd-more{height:1074px;box-sizing:border-box;background:#fff}.sgd-more-flow{margin:60px auto 0;width:994px}.sgd-cloud-flow{display:flex;justify-content:space-between;align-items:flex-start}.sgd-cloud-flow .flow-node{display:flex;flex-direction:column;align-items:center;width:135px;font-size:14px}.sgd-cloud-flow .flow-node img{width:60px;height:60px;object-fit:contain}.sgd-cloud-flow .flow-node span{margin-top:16px;white-space:nowrap}.sgd-flow-line{height:2px;flex:1;margin:29px 16px 0;background:#6f8fe5}.sgd-more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:60px 60px 0}.sgd-more-grid article{height:332px;box-sizing:border-box;padding:24px 32px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.05)}.sgd-more-grid img{width:100px;height:100px;object-fit:contain}.sgd-more-grid h3{margin:16px 0 0;font:700 20px/26px "PT Sans",Arial,sans-serif}.sgd-more-grid p{margin:16px 0 0;font:400 16px/22px "PT Sans",Arial,sans-serif;color:#5d5d5d}.sgd-more-trust{display:flex;justify-content:center;gap:36px;margin-top:40px;color:#9aa8c9;font-size:16px}.sgd-clouds{height:1109px;box-sizing:border-box;background:#f9fafc}.sgd-cloud-grid{display:grid;grid-template-columns:repeat(6,200px);gap:10px 16px;margin-top:80px}.sgd-cloud-card{height:138px;border-radius:16px;background:#fff;box-shadow:0 8px 20px rgba(0,0,0,.06);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px}.sgd-cloud-card img{width:60px;height:60px;object-fit:contain;margin-bottom:16px}.sgd-cloud-more{display:flex;align-items:center;justify-content:center;width:284px;height:50px;margin:40px auto 0;border:1px solid #e5e7eb;border-radius:8px;color:#000;text-decoration:none}
.sgd-performance{height:1089px;box-sizing:border-box;padding-top:120px;padding-bottom:120px;background:#f9fafc}.sgd-metrics{display:flex;gap:24px;margin-top:80px}.sgd-metric{position:relative;overflow:hidden;flex:1;height:160px;box-sizing:border-box;padding:24px 40px;border-radius:24px;color:#fff}.sgd-metric:nth-child(1){background:linear-gradient(90deg,#5782ff,#245bff)}.sgd-metric:nth-child(2){background:linear-gradient(90deg,#17c874,#15b66a)}.sgd-metric:nth-child(3){background:linear-gradient(90deg,#6260ff,#4a47ff)}.sgd-metric strong{display:block;font:700 56px/normal "PT Sans",Arial,sans-serif}.sgd-metric strong span{font-size:32px}.sgd-metric small{display:block;margin-top:20px;font:400 16px/normal "PT Sans",Arial,sans-serif}.sgd-performance .sgd-table-wrap{margin-top:60px}.sgd-performance .sgd-table-wrap table{min-width:1280px}.sgd-performance .sgd-table-wrap th,.sgd-performance .sgd-table-wrap td{height:120px}.sgd-performance .sgd-table-wrap thead th{height:72px}.sgd-performance .sgd-table-wrap th:first-child{width:240px}.sgd-performance .sgd-table-wrap td:nth-child(5){background:#effaf5;color:#000;font-weight:400}.sgd-performance .sgd-table-wrap td:nth-child(5)::first-line{font-weight:700}
.sgd-security{height:982px;box-sizing:border-box;background:#fff}.sgd-security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:80px}.sgd-security-grid article{height:282px;box-sizing:border-box;padding:40px 32px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 16px 32px -12px rgba(0,0,0,.07),0 2px 8px rgba(0,0,0,.04);text-align:center}.sgd-security-grid img{width:60px;height:60px;object-fit:contain}.sgd-security-grid h3{margin:24px 0 0;font:700 24px/31px "PT Sans",Arial,sans-serif}.sgd-security-grid p{margin:24px 0 0;font:400 16px/21px "PT Sans",Arial,sans-serif;color:#5d5d5d}
.sgd-reviews{height:750px;box-sizing:border-box;background:#fff}.sgd-reviews-grid{display:flex;gap:24px;margin-top:80px;transform:translateX(-594px)}.sgd-reviews-grid article{position:relative;flex:0 0 570px;height:383px;box-sizing:border-box;padding:25px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.04)}.sgd-review-user{display:flex;align-items:center;height:61px}.sgd-review-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#806092;color:#fff}.sgd-review-user div:last-child{margin-left:8px}.sgd-review-meta{font-size:14px;color:#666}.sgd-review-stars{display:flex;gap:2px;margin-top:16px}.sgd-review-stars span{display:flex;width:24px;height:24px;align-items:center;justify-content:center;background:#00b67a;color:#fff;font-size:16px}.sgd-reviews-grid h3{margin:16px 0 0;font:700 20px/26px "PT Sans",Arial,sans-serif}.sgd-reviews-grid p{margin:16px 0 0;font:400 16px/22px "PT Sans",Arial,sans-serif;color:#222}.sgd-review-tags{margin-top:12px;color:#666;font-size:14px}.sgd-review-actions{position:absolute;left:25px;right:25px;bottom:16px;border-top:1px solid #e6e8e9;padding-top:16px;color:#777;font-size:14px}
.sgd-cta{height:620px;box-sizing:border-box;padding:0;background:#f9fafc}.sgd-cta-box{display:flex;align-items:center;justify-content:space-between;width:1280px;max-width:100%;height:500px;box-sizing:border-box;padding:60px 72px;border-radius:24px;background:#021a60;color:#fff}.sgd-cta-box>div{width:596px}.sgd-cta-box>div>img{display:block;width:152px;height:26px}.sgd-cta-box h2{margin:16px 0 0;font:700 36px/47px "PT Sans",Arial,sans-serif}.sgd-cta-box p{margin:16px 0 0;font:400 18px/26px "PT Sans",Arial,sans-serif}.sgd-cta-box>img{width:540px;height:380px;object-fit:contain}.sgd-cta .sgd-btn{display:flex;align-items:center;justify-content:center;width:291px;height:64px;box-sizing:border-box;margin-top:16px;padding:0;border:0;border-radius:8px;background:#05f;color:#fff;font:700 18px/23px "PT Sans",Arial,sans-serif;text-decoration:none;cursor:pointer}
@media(max-width:1100px){.sgd-hero h1{font-size:40px;white-space:normal}.sgd-stepbox{width:100%;grid-template-columns:38% 62%}.sgd-stepinfo,.sgd-stepinfo article{width:100%}.sgd-stepvisual{width:100%}.sgd-cloud-grid{grid-template-columns:repeat(3,1fr)}.sgd-reviews-grid{transform:none}.sgd-reviews-grid article{flex-basis:calc(50% - 12px)}.sgd-cta-box>div{width:52%}.sgd-cta-box>img{width:44%;height:auto}}
@media(max-width:767px){.sgd-container{max-width:calc(100% - 32px)}.sgd-section{height:auto!important;padding:72px 0}.sgd-heading h2{font-size:29px;line-height:37px}.sgd-heading p{font-size:16px;line-height:22px}.sgd-hero{height:auto;padding:56px 0}.sgd-hero h1{font-size:34px;line-height:44px;white-space:normal}.sgd-hero-copy{font-size:16px;line-height:25px}.sgd-tool-shell iframe{height:500px}.sgd-trust{height:auto;gap:16px;flex-wrap:wrap}.sgd-pain,.sgd-before,.sgd-steps,.sgd-more,.sgd-performance,.sgd-why,.sgd-reviews,.sgd-faq{height:auto!important;padding:72px 0!important}.sgd-pain-grid,.sgd-before-grid{display:block;margin-top:48px}.sgd-pain-grid article,.sgd-pain-grid article:nth-child(n+4),.sgd-before-grid article,.sgd-before-grid article:nth-child(n+4){display:block;width:100%;height:auto;min-height:0;margin-bottom:16px}.sgd-before-grid article:nth-child(n+4) img{width:100%;height:170px}.sgd-tabs{margin:40px auto 24px}.sgd-cloud-badge{left:auto;right:-8px;top:-18px;transform:scale(.85);transform-origin:top right}.sgd-stepbox{display:block;height:auto;min-height:538px}.sgd-stepinfo,.sgd-stepinfo article,.sgd-stepvisual{width:100%;height:auto}.sgd-stepvisual{height:320px;margin-top:16px}.sgd-stepvisual img{width:100%;height:280px}.sgd-steps>.sgd-btn{width:100%;padding:0 24px}.sgd-more-panel{width:100%;padding:24px;border-radius:24px}.sgd-flow{width:100%;overflow:auto;justify-content:flex-start}.sgd-more-grid,.sgd-why-grid{grid-template-columns:1fr;margin:48px 0 0}.sgd-more-trust{overflow:auto;justify-content:flex-start}.sgd-metrics{display:block;margin-top:48px}.sgd-metric{margin-bottom:16px}.sgd-performance .sgd-table-wrap{margin-top:48px}.sgd-reviews-grid{display:grid;grid-template-columns:1fr;margin-top:48px;transform:none}.sgd-reviews-grid article{min-width:0;width:100%}.sgd-faq-list{margin-top:48px}.sgd-faq-list article{padding:28px 0}.sgd-faq-list article>div{margin-top:28px}.sgd-faq-list button{font-size:18px}.sgd-cta{height:auto;padding-bottom:72px!important}.sgd-cta-box{display:block;width:100%;height:auto;padding:32px}.sgd-cta-box>div{width:100%}.sgd-cta-box>img{width:100%;height:auto;margin-top:24px}}
.sgd-lightbox{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:32px;background:rgba(0,0,0,.82)}.sgd-lightbox img{max-width:94vw;max-height:90vh;object-fit:contain;background:#fff}.sgd-lightbox button{position:absolute;top:18px;right:24px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#111;font-size:30px;line-height:1;cursor:pointer}

.sgd-compare .sgd-table-wrap:after{content:none}
.sgd-reviews .sgd-container{position:relative;overflow:hidden}.sgd-review-controls{position:absolute;top:365px;left:-32px;right:-32px;display:flex;justify-content:space-between;pointer-events:none;z-index:2}.sgd-review-controls button{pointer-events:auto;width:48px;height:48px;border:1px solid #e5e7eb;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 6px 16px rgba(0,0,0,.08);transition:transform .3s,box-shadow .3s}.sgd-review-controls button span{display:block;width:20px;height:20px;margin:auto;background:url('/resource/images/sync-dropbox-to-onedrive/review-arrow-left.svg') center/contain no-repeat}.sgd-review-controls .sgd-review-next span{transform:rotate(180deg)}.sgd-review-controls button:hover{transform:scale(1.08);box-shadow:0 10px 24px rgba(0,0,0,.14)}.sgd-reviews-grid{transition:transform .5s ease}
.sgd-review-user{display:flex;align-items:center;gap:10px}.sgd-review-user strong{font-size:16px}.sgd-review-user small{color:#666}.sgd-review-avatar{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#806092;color:#fff;font-weight:700}.sgd-review-stars{display:flex;gap:2px;margin-top:16px}.sgd-review-stars img{width:24px;height:24px}.sgd-review-tags{margin-top:12px;color:#666;font-size:14px}.sgd-review-actions{position:absolute;left:25px;right:25px;bottom:16px;border-top:1px solid #e6e8e9;padding-top:16px;color:#777;font-size:14px}.sgd-review-actions img{width:14px;height:14px;vertical-align:-2px}
.sgd-pain-grid article,.sgd-before-grid article,.sgd-more-grid article,.sgd-cloud-card,.sgd-why-grid article,.sgd-reviews-grid article,.sgd-metric{transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.sgd-pain-grid article:hover,.sgd-before-grid article:hover,.sgd-more-grid article:hover,.sgd-cloud-card:hover,.sgd-why-grid article:hover,.sgd-reviews-grid article:hover,.sgd-metric:hover{transform:translateY(-6px);box-shadow:0 16px 32px rgba(0,0,0,.1);border-color:#d7e2ff}.sgd-tabs button{transition:background-color .3s,color .3s}.sgd-stepinfo article{transition:background-color .3s,box-shadow .3s,transform .3s}.sgd-stepinfo article:hover{transform:translateX(4px)}.sgd-stepvisual img{animation:sgd-step-fade .35s ease}.sgd-btn{transition:background-color .3s,box-shadow .3s,transform .3s}.sgd-btn:hover{background-color:#1f4fdd;box-shadow:0 8px 18px rgba(0,85,255,.25);transform:translateY(-2px)}
@keyframes sgd-step-fade{from{opacity:.2;transform:scale(.985)}to{opacity:1;transform:scale(1)}}

/* Exact Figma refinements */
.sgd-hero-bg{background:#071d69 url('/resource/images/sync-google-drive-with-dropbox-iw/figma/hero-bg.svg') center/cover no-repeat}
.sgd-cloud-head{display:inline-flex;align-items:center;gap:12px}.sgd-cloud-head img{width:32px;height:32px;object-fit:contain}.sgd-compare-tip{display:flex;align-items:center;gap:12px;margin:40px 24px 24px;padding:16px 24px;border-radius:8px;background:#eef2ff;color:#16408d;font-size:16px}.sgd-compare-tip img{width:24px;height:24px;object-fit:contain}
.sgd-more{height:1074px;box-sizing:border-box;background:#fff}.sgd-more-panel{width:1280px;box-sizing:border-box;margin-top:60px;padding:60px;border-radius:40px;background:#021a60}.sgd-flow{display:flex;align-items:flex-start;justify-content:center;width:auto;margin:0 0 60px;gap:0}.sgd-flow-node{display:flex;flex-direction:column;align-items:center;width:134.81px;color:#fff;font-size:12.582px;line-height:16.357px}.sgd-flow-icon{width:60px;height:60px;border:1px solid #455fa9;border-radius:50%;display:flex;align-items:center;justify-content:center}.sgd-flow-icon img{width:40.909px;height:40.909px;object-fit:contain}.sgd-flow-node b{margin-top:16px;font-weight:400;white-space:nowrap}.sgd-flow>i{height:27px;flex:0 0 120px;margin:16.5px 0 0;background:url('/resource/images/sync-google-drive-with-dropbox-iw/figma/exact/what-arrow.svg') center/120px 27px no-repeat}.sgd-more-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0}.sgd-more-grid article{height:auto;min-height:300px;box-sizing:border-box;padding:24px 32px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;text-align:center;box-shadow:0 4px 10px rgba(0,0,0,.05)}.sgd-more-grid img{width:100px;height:100px;object-fit:contain}.sgd-more-grid h3{margin:16px 0 0;font:700 20px/26px "PT Sans",Arial,sans-serif}.sgd-more-grid p{margin:16px 0 0;font:400 16px/22px "PT Sans",Arial,sans-serif;color:#5d5d5d}.sgd-more-trust{display:flex;justify-content:center;gap:32px;margin-top:40px;color:#fff;opacity:.6;font-size:16px;white-space:nowrap}
.sgd-clouds{height:1109px;box-sizing:border-box;background:#f9fafc}.sgd-cloud-grid{display:grid;grid-template-columns:repeat(6,200px);gap:10px 16px;margin-top:80px}.sgd-cloud-card{height:138px;border-radius:14px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.05);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:16px}.sgd-cloud-card img{width:60px;height:60px;object-fit:contain;margin-bottom:16px}.sgd-cloud-more{display:flex;align-items:center;justify-content:center;width:284px;height:50px;margin:40px auto 0;border:1px solid #e5e7eb;border-radius:8px;color:#000;text-decoration:none}
.sgd-metric strong span{font-size:32px}.sgd-performance .sgd-table-wrap table{min-width:1280px}.sgd-performance .sgd-table-wrap td:nth-child(5){color:#05f;font-weight:700}.sgd-why{height:982px}.sgd-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:80px}.sgd-why-grid article{display:flex;flex-direction:column;align-items:center;height:282px;box-sizing:border-box;padding:40px 32px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 16px 32px -12px rgba(0,0,0,.07),0 2px 8px rgba(0,0,0,.04);text-align:center}.sgd-why-grid img{width:60px;height:60px;object-fit:contain}.sgd-why-grid h3{margin:24px 0 0;font:700 24px/31px "PT Sans",Arial,sans-serif}.sgd-why-grid p{margin:24px 0 0;font:400 16px/21px "PT Sans",Arial,sans-serif;color:#5d5d5d}
@media(max-width:767px){.sgd-more-panel{width:100%;padding:24px;border-radius:24px}.sgd-flow{width:100%;overflow:auto;justify-content:flex-start}.sgd-more-trust{overflow:auto;justify-content:flex-start}.sgd-cloud-grid{grid-template-columns:repeat(2,1fr)}.sgd-why-grid{grid-template-columns:1fr}}
.sgd-more-trust .sgd-trust-item{display:inline-flex;align-items:center;gap:8px}.sgd-more-trust .sgd-trust-item img{width:20px;height:20px;object-fit:contain}

/* Cloud Support — Figma 731:11203: 6x200 grid, 138px cards, 80/40px block gaps. */
.sgd-page .support{padding-top:120px;padding-bottom:120px;background:#f9fafc;box-sizing:border-box}
.sgd-page .support .container2{max-width:1280px;margin:0 auto}
.sgd-page .support .support-title{font:700 36px/47px "PT Sans",Arial,sans-serif;color:#000;text-align:center}
.sgd-page .support .support-desc{max-width:1060px;margin:24px auto 0;font:400 18px/23px "PT Sans",Arial,sans-serif;color:#000;text-align:center}
.sgd-page .support .support-drives{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px 16px;margin-top:80px}
.sgd-page .support .support-drive-item{display:flex;flex-direction:column;align-items:center;min-height:138px;padding:16px 55px 24px;border-radius:14px;background:#fff;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:transform .3s;text-decoration:none;box-sizing:border-box}
.sgd-page .support .support-drive-item:hover,.sgd-page .support .support-drive-item:focus-visible{transform:translateY(-5px);text-decoration:none}
.sgd-page .support .support-drive-item img{display:block;width:60px;height:60px;margin:0;object-fit:contain}
.sgd-page .support .support-drive-item span{height:22px;margin-top:16px;font-size:16px;font-weight:400;line-height:22px;color:#000;white-space:nowrap}
.sgd-page .support .more-drives{margin-top:40px;text-align:center}
.sgd-page .support .more-drive-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:14px 85px;font:400 16px/22px "PT Sans",Arial,sans-serif;color:#000;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-sizing:border-box;transition:box-shadow .3s}
.sgd-page .support .more-drive-btn:hover{box-shadow:0 10px 20px rgba(0,0,0,.05)}
.sgd-page .support .more-drive-btn img{display:block;width:20px;height:20px;object-fit:contain}
@media(max-width:1390px){.sgd-page .support{padding-right:24px;padding-left:24px}.sgd-page .support .support-drives{width:100%}}
@media(max-width:1100px){.sgd-page .support .support-drives{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:767px){.sgd-page .support{padding:56px 16px}.sgd-page .support .container2{padding:0;max-width:none}.sgd-page .support .support-title{width:100%;font-size:28px;line-height:36px}.sgd-page .support .support-desc{width:100%;margin-top:16px;font-size:16px;line-height:22px}.sgd-page .support .support-drives{width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:40px}.sgd-page .support .support-drive-item{padding:16px 12px 24px}.sgd-page .support .support-drive-item img{width:60px;height:60px}.sgd-page .support .support-drive-item span{margin-top:10px;font-size:14px}.sgd-page .support .more-drive-btn{max-width:100%;padding:14px 40px}}


/* Pixel alignment overrides from Figma frames 731:10399–731:11484 */
.sgd-hero-bg{background-color:#021a60;background-image:url('/resource/images/sync-google-drive-with-dropbox-iw/figma/hero/group.svg');background-position:center;background-repeat:no-repeat;background-size:cover}
.sgd-trust{height:32px;margin-top:40px;gap:60px;opacity:.5}
.sgd-trust img{display:block;flex:0 0 auto;width:auto;height:auto;object-fit:contain}
.sgd-hero h1{font-size:50px;line-height:65px}.sgd-hero-copy{font-size:18px;line-height:23px;margin-top:16px;margin-bottom:40px}
.sgd-compare .sgd-table-wrap{margin-top:80px}.sgd-compare .sgd-table-wrap table{min-width:1280px}.sgd-compare .sgd-table-wrap th,.sgd-compare .sgd-table-wrap td{height:66px;padding:12px 20px;font-size:14px;line-height:18px}.sgd-compare .sgd-table-wrap thead th{height:72px;font-size:16px}.sgd-compare .sgd-table-wrap tbody tr:nth-child(even)>*{background:#f9fafc}.sgd-compare .sgd-table-wrap tbody tr:nth-child(3)>*{height:120px}.sgd-compare .sgd-table-wrap th:first-child{width:240px}.sgd-compare .sgd-table-wrap td:nth-child(2),.sgd-compare .sgd-table-wrap td:nth-child(3){white-space:nowrap}.sgd-compare-tip{margin:40px 24px 24px}
.sgd-steps{height:1139px;padding-top:120px;padding-bottom:120px}.sgd-steps .sgd-heading{width:1010px}.sgd-steps .sgd-heading h2{height:46px}.sgd-tabs{margin-top:60px;margin-bottom:40px;min-height:48px;padding:5px}.sgd-tabs button{height:40px;padding:0 24px}.sgd-stepbox{height:552px;min-height:552px;padding:16px;border-radius:18px}.sgd-stepinfo{height:520px;gap:16px}.sgd-stepinfo article{min-height:108px;padding:24px 28px 22px 34px}.sgd-stepinfo article.active:before{background:#2258f6}.sgd-stepinfo article aside{display:flex;align-items:center;gap:7px;margin-top:8px;padding:8px 10px}.sgd-stepvisual{height:520px;padding:16px}.sgd-stepvisual img{height:454px;width:770px;border-radius:8px;object-fit:cover}.sgd-steps>.sgd-btn{width:413px;height:64px;padding:0 40px;margin-top:0;font-size:20px;line-height:26px}
.sgd-more{height:1074px;padding-top:120px;padding-bottom:120px}.sgd-more>.sgd-container>.sgd-heading{display:flex;flex-direction:column;gap:24px}.sgd-more>.sgd-container>.sgd-heading p{margin-top:0;width:1070px;max-width:100%;margin-left:auto;margin-right:auto}.sgd-more-panel{width:1280px;margin-top:60px;padding:60px;border-radius:40px;background:#021a60}.sgd-flow{width:auto;margin:0 0 60px;gap:0}.sgd-flow-node{width:134.81px;font-size:12.582px;line-height:16.357px}.sgd-flow-icon{width:60px;height:60px}.sgd-flow-icon img{width:40.909px;height:40.909px}.sgd-flow>i{height:27px;flex:0 0 120px;margin:16.5px 0 0;background:url('/resource/images/sync-google-drive-with-dropbox-iw/figma/exact/what-arrow.svg') center/120px 27px no-repeat}.sgd-more-grid{display:grid;grid-template-columns:repeat(4,281px);gap:12px;margin:0}.sgd-more-grid article{height:auto;min-height:300px;padding:24px 32px;border-radius:16px;box-shadow:0 4px 10px rgba(0,0,0,.05)}.sgd-more-grid h3{margin-top:16px}.sgd-more-grid p{margin-top:16px}.sgd-more-trust{gap:32px;margin-top:40px}.sgd-more-trust .sgd-trust-item img{width:20px;height:20px}
.sgd-performance{height:1089px;padding-top:120px;padding-bottom:120px}.sgd-performance .sgd-heading{width:1070px}.sgd-metrics{margin-top:80px;gap:24px}.sgd-metric{height:160px;padding:24px 40px;border-radius:24px}.sgd-metric strong{font-size:56px;line-height:normal}.sgd-metric strong span{font-size:32px}.sgd-metric small{margin-top:0;font-size:16px;line-height:normal}.sgd-performance .sgd-table-wrap{margin-top:60px}.sgd-performance .sgd-table-wrap table{min-width:1280px}.sgd-performance .sgd-table-wrap th,.sgd-performance .sgd-table-wrap td{height:120px}.sgd-performance .sgd-table-wrap thead th{height:72px}.sgd-performance .sgd-table-wrap td:nth-child(5){background:#effaf5;color:#000;font-weight:400}.sgd-performance .sgd-table-wrap td:nth-child(5)::first-line{font-weight:700}
.sgd-why{height:982px;padding-top:120px;padding-bottom:120px;box-sizing:border-box;background:#fff}.sgd-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:80px}.sgd-why-grid article{display:flex;flex-direction:column;align-items:center;height:282px;box-sizing:border-box;padding:40px 32px;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 16px 32px -12px rgba(0,0,0,.07),0 2px 8px rgba(0,0,0,.04);text-align:center}.sgd-why-grid img{width:60px;height:60px;object-fit:contain}.sgd-why-grid h3{margin:24px 0 0;font:700 24px/31px "PT Sans",Arial,sans-serif}.sgd-why-grid p{margin:24px 0 0;font:400 16px/21px "PT Sans",Arial,sans-serif;color:#5d5d5d}
.sgd-reviews{height:750px;padding-top:120px;padding-bottom:120px}.sgd-reviews .sgd-heading h2{height:47px}.sgd-reviews-grid{margin-top:80px;gap:24px}.sgd-reviews-grid article{height:383px;padding:24px;border-radius:16px;box-shadow:none}.sgd-review-user{height:61px;padding-bottom:16px;border-bottom:1px solid #e6e8e9;gap:8px}.sgd-review-avatar{width:44px;height:44px;font-family:Arial,sans-serif;font-size:16px}.sgd-review-stars{margin-top:16px}.sgd-reviews-grid h3{margin-top:16px;font-size:20px;line-height:22px}.sgd-reviews-grid p{margin-top:16px;font-size:16px;line-height:22px}.sgd-review-tags{margin-top:12px}.sgd-review-actions{left:24px;right:24px;bottom:16px;border-top:0;padding-top:0}.sgd-review-controls{top:160px;left:-81px;right:-81px}.sgd-review-controls button{width:64px;height:64px;border-radius:32px}.sgd-review-controls button span{width:40px;height:40px;background-image:url('/resource/images/sync-google-drive-with-dropbox-iw/figma/exact/faq-arrow.svg')}
/* Figma 731:11416 — exact FAQ accordion */
.sgd-faq{box-sizing:border-box;padding:120px 0;background:#f9fafc}.sgd-faq-list{width:1200px;max-width:100%;margin:80px auto 0}.sgd-faq-list article{position:relative;box-sizing:border-box;padding:40px 0}.sgd-faq-list article:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;background:#e5e7eb}.sgd-faq-list button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;border:0;background:none;color:#000;font:700 20px/26px "PT Sans",Arial,sans-serif;text-align:left;cursor:pointer}.sgd-faq-list button:after{content:"";display:block;flex:0 0 32px;width:32px;height:32px;background:url('/resource/images/migrate-google-to-onedrive/faq-down.svg') center 3px/21px 21px no-repeat;transition:transform .3s ease}.sgd-faq-list article.open button{color:#05f}.sgd-faq-list article.open button:after{transform:rotate(180deg)}.sgd-faq-list article>div{display:none;margin-top:40px;color:#000;font:400 16px/20.7px "PT Sans",Arial,sans-serif}.sgd-faq-list article>div ul{margin:0;padding:0;list-style:none}.sgd-faq-list article>div li{position:relative;padding-left:12px}.sgd-faq-list article>div li:before{content:"";position:absolute;top:10px;left:0;width:4px;height:4px;border-radius:50%;background:#000}
/* Figma 731:11484 — exact bottom CTA card */
@media(min-width:1101px){.sgd-cta{box-sizing:border-box;height:620px;padding:0;background:#f9fafc}.sgd-cta-box{display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;width:1280px;max-width:100%;height:500px;padding:60px 72px;border-radius:24px;background:#021a60;color:#fff}.sgd-cta-box>div>img{display:block;width:152px;height:26px}.sgd-cta-box h2{margin:16px 0 0;font:700 36px/47px "PT Sans",Arial,sans-serif}.sgd-cta-box p{margin:16px 0 0;font:400 18px/23.29px "PT Sans",Arial,sans-serif}.sgd-cta-box>img{width:540px;height:380px;object-fit:contain}.sgd-cta .sgd-btn{display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:291px;height:64px;margin-top:16px;padding:0;border:0;border-radius:8px;background:#05f;color:#fff;font:700 18px/23.29px "PT Sans",Arial,sans-serif;text-decoration:none;cursor:pointer}}
@media(min-width:1329px){.sgd-cta-box>div{width:596px}.sgd-cta-box h2,.sgd-cta-box p{display:flex;flex-direction:column;justify-content:center}.sgd-cta-box h2{height:98px}.sgd-cta-box p{height:52px}}
@media(max-width:767px){.sgd-trust{height:auto}.sgd-steps{height:auto;padding:72px 0}.sgd-stepbox{height:auto;min-height:552px}.sgd-stepvisual img{height:280px}.sgd-more{height:auto}.sgd-more-panel{margin-top:40px}.sgd-performance,.sgd-why,.sgd-reviews,.sgd-faq{height:auto}.sgd-faq-list article{padding:28px 0}.sgd-faq-list article>div{margin-top:28px}.sgd-faq-list button{font-size:18px}.sgd-cta{height:auto}}

/* What Happens / Performance: exact Figma module assets and geometry. */
.sgd-more-panel{height:738px}
.sgd-flow-icon img{max-width:70px;max-height:70px}
.sgd-flow>i{flex-basis:123px;background-size:123px 27px}
.sgd-more-grid article{height:300px;min-height:300px}
.sgd-more-trust{align-items:center;gap:24px;height:20px;margin-top:40px;font-size:14px}
.sgd-more-trust .sgd-trust-item{display:inline-flex;align-items:center;gap:8px;color:#fff}
.sgd-more-trust .sgd-trust-item img{display:block;width:20px;height:20px;object-fit:contain}
.sgd-more-trust .sgd-trust-sep{color:#fff;opacity:.6}
.sgd-metric-art{position:absolute;top:0;right:0;width:160px;height:160px;object-fit:contain}
@media(max-width:767px){.sgd-more-panel{height:auto}.sgd-more-trust{height:auto;gap:16px}.sgd-metric-art{right:16px!important;transform:scale(.8);transform-origin:right bottom}}


/* Figma 731:11204 — exact reviews carousel */
.sgd-page *{box-sizing:border-box}
.sgd-reviews{height:750px;min-height:750px;padding:120px 0;overflow:hidden;background:#fff;text-align:center}
.sgd-reviews .sgd-container{width:100%;max-width:none;overflow:visible;position:relative}
.sgd-reviews .sgd-heading{width:100vw;height:47px;margin:0 auto 80px;text-align:center}
.sgd-reviews .sgd-heading h2{height:47px;margin:0;font-size:36px;line-height:47px;white-space:nowrap}
.sgd-review-wrap{--sgd-fade-wing:max(0px,(100vw - 1920px)/2);position:relative;display:flex;align-items:center;width:min(100vw,1920px);height:383px;max-width:none;margin:0 auto;padding:0;overflow:visible}
.sgd-review-wrap:before,.sgd-review-wrap:after{position:absolute;z-index:2;top:-78px;width:calc(600px + var(--sgd-fade-wing));height:540px;content:"";pointer-events:none}
/* The wing keeps the design's 300px+300px fade pinned to the 1920 frame; without it
   the visible window would widen with the viewport. */
.sgd-review-wrap:before{left:calc(50% - 50vw);background:linear-gradient(90deg,#fff 0,#fff calc(300px + var(--sgd-fade-wing)),rgba(255,255,255,0))}
.sgd-review-wrap:after{right:calc(50% - 50vw);background:linear-gradient(270deg,#fff 0,#fff calc(300px + var(--sgd-fade-wing)),rgba(255,255,255,0))}
.sgd-review-track{position:relative;top:0;left:0;display:flex;flex:0 0 auto;align-items:center;width:max-content;height:auto;gap:24px;padding:0;overflow:visible;transform:translateX(-513px)}
.sgd-review-track article{display:flex;width:570px;height:auto;min-height:383px;flex:0 0 570px;flex-direction:column;gap:16px;padding:24px;border:1px solid #e6e8e9;border-radius:16px;background:#fff;box-shadow:none;text-align:left}
.sgd-review-track .review-card-body{display:flex;height:auto;min-height:300px;flex:1 1 auto;flex-direction:column;gap:16px}
.sgd-review-track .review-head{display:flex;height:61px;flex:0 0 61px;align-items:center;gap:8px;padding-bottom:16px;border-bottom:1px solid #e6e8e9}
.sgd-review-track .review-head i{display:flex;width:44px;height:44px;flex:0 0 44px;align-items:center;justify-content:center;border-radius:999px;background:#8d6e63;color:#fff;font-family:"DIN",Arial,sans-serif;font-size:16px;font-style:normal;line-height:normal}
.sgd-review-track .review-head i.avatar-brown{background:#8d6e63}.sgd-review-track .review-head i.avatar-purple{background:#83648d}.sgd-review-track .review-head i.avatar-green{background:#004d40}
.sgd-review-track .review-identity{display:flex;min-width:0;flex:1 0 0;flex-direction:column;gap:4px;align-items:flex-start}
.sgd-review-track .review-identity b{display:block;width:100%;color:#000;font-size:16px;font-weight:400;line-height:1.2}
.sgd-review-track .review-subline{display:flex;width:100%;gap:16px;align-items:center;flex-direction:row;color:#666;font-size:14px;line-height:1.2}
.sgd-review-track .review-location{display:flex;gap:4px;align-items:center;color:#666}
.sgd-review-track .review-location img{display:block;width:15px;height:15px;flex:0 0 15px;max-width:none;object-fit:contain}
.sgd-review-track .review-details{display:flex;height:auto;min-height:223px;flex:1 1 auto;flex-direction:column;align-items:stretch;gap:16px;padding-bottom:16px;border-bottom:1px solid #e6e8e9}
.sgd-review-track .review-details-top{display:flex;flex-direction:column;gap:16px}
.sgd-review-track .stars{display:flex;width:100%;height:24px;flex:0 0 24px;gap:2px;align-items:center;justify-content:flex-start;margin:0;color:transparent;font-size:0;line-height:24px}
.sgd-review-track .stars img{display:block;width:24px;height:24px;flex:0 0 24px;max-width:none}
.sgd-review-track .stars time{margin-left:auto;color:#666;font-size:14px;line-height:1.2;white-space:nowrap}
.sgd-review-track h3{margin:0;color:#000;font-size:20px;font-weight:700;line-height:22px}
.sgd-review-track .review-copy{display:flex;flex-direction:column;gap:8px;color:#000;font-size:16px;line-height:22px}
.sgd-review-track .review-copy p{margin:0;color:#000;font-size:16px;line-height:22px}
.sgd-review-track .review-tags{display:flex;gap:8px;align-items:center;height:24px}
.sgd-review-track .review-tags span{display:flex;height:24px;align-items:center;justify-content:center;padding:2px 6px;border-radius:4px;background:#e7e7e6;color:#000;font-size:14px;line-height:20px;white-space:nowrap}
.sgd-review-track .review-actions{display:flex;width:100%;height:17px;flex:0 0 17px;align-items:flex-end;justify-content:space-between}
.sgd-review-track .review-action-list{display:flex;gap:24px;align-items:center}
.sgd-review-track .review-action{display:flex;gap:6px;align-items:center;color:#666;font-size:14px;line-height:1.2}
.sgd-review-track .review-action img,.sgd-review-track .review-report{display:block;width:16px;height:16px;flex:0 0 16px;max-width:none;object-fit:contain}
.sgd-review-wrap>button{display:flex;position:absolute;z-index:4;top:50%;width:64px;height:64px;align-items:center;justify-content:center;padding:0;border:1px solid #e5e7eb;border-radius:32px;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.05);font-size:0;line-height:1;transform:translateY(-50%);cursor:pointer}
.sgd-review-wrap>.sgd-review-prev{left:239px}.sgd-review-wrap>.sgd-review-next{right:239px}
.sgd-review-wrap>button:before{display:inline-block;width:40px;height:40px;content:"";background:url('/resource/images/transfer-onedrive-files-to-another-account/ic-arrow-left-40.svg') no-repeat center/40px 40px}
.sgd-review-wrap>.sgd-review-next:before{transform:rotate(180deg)}
.sgd-review-wrap>button:hover{border-color:#05f;background:#05f}
.sgd-review-wrap>button:hover:before{background-image:url('/resource/images/transfer-onedrive-files-to-another-account/ic-arrow-left-40-hover.svg')}
@media(max-width:900px){.sgd-reviews{height:auto;min-height:0;padding:80px 0}.sgd-reviews .sgd-heading{width:100%;height:auto;margin-bottom:40px}.sgd-reviews .sgd-heading h2{height:auto;font-size:32px;line-height:40px;white-space:normal}.sgd-review-wrap{display:block;height:auto;padding:0 42px}.sgd-review-track{position:static;width:100%;height:auto;gap:24px;padding:0;overflow-x:auto;scroll-snap-type:x mandatory;transform:none;scrollbar-width:none}.sgd-review-track::-webkit-scrollbar{display:none}.sgd-review-track article{width:calc(100vw - 116px);flex-basis:calc(100vw - 116px);scroll-snap-align:center}.sgd-review-wrap>.sgd-review-prev{left:0}.sgd-review-wrap>.sgd-review-next{right:0}.sgd-review-wrap:before,.sgd-review-wrap:after{display:none}}


/* Final page contracts and component alignment */
.sgd-page,.sgd-page *{box-sizing:border-box}
.sgd-compare .sgd-table-wrap td:nth-child(2),.sgd-compare .sgd-table-wrap td:nth-child(3){white-space:normal}

.sgd-stepinfo aside img{width:24px;height:24px;flex:0 0 24px;object-fit:contain;margin-right:2px}
.sgd-stepinfo aside{padding-left:10px}
.sgd-tabs{position:relative}
.sgd-cloud-badge{position:absolute;left:352px;top:-16px;width:90px;height:41px;display:block;filter:drop-shadow(0 4px 2px rgba(29,112,236,.05));z-index:2}
.sgd-cloud-badge img{display:block;width:90px;height:41px;object-fit:contain}
.sgd-stepinfo article.active h3{color:#05f}
.sgd-stepinfo p{font-size:16px;line-height:21px}
@media(max-width:767px){.sgd-cloud-badge{left:auto;right:-8px;top:-18px;transform:scale(.85);transform-origin:top right}}

/* Final alignment with Figma desktop frames. */
.sgd-hero-copy{display:flex;flex-direction:column;gap:8px;line-height:23px}
.sgd-tool-shell{position:relative;gap:0}
.sgd-tool-shell iframe{height:506px}
.sgd-tool-shell p{position:absolute;left:50%;top:488px;transform:translateX(-50%);width:364px;height:18px;display:flex;justify-content:center;gap:4px;margin:0;line-height:18px}
.sgd-tool-shell p span{color:#fff}
.sgd-cloud-head{gap:8px}
.sgd-cloud-head img{width:24px;height:24px}
.sgd-compare-content{display:flex;flex-direction:column;gap:40px;width:1280px;max-width:100%}
.sgd-compare-content .sgd-table-wrap{margin-top:0}
.sgd-compare-tip{width:1280px;max-width:100%;height:56px;margin:0;padding:0 16px;gap:8px;border-radius:8px;background:#eef2ff;color:#021a60;font-size:14px;line-height:18px}
.sgd-compare-tip img{width:20px;height:20px}
.sgd-compare-tip strong{color:#05f;font-weight:700}
@media(max-width:767px){.sgd-tool-shell p{top:488px}.sgd-compare-content{gap:24px}.sgd-compare-tip{height:auto;min-height:56px;padding:12px 16px}}

/* Shared chrome is four pixels shorter than the 68px Figma navigation and
   the stock footer is 48px shorter than the 629px Figma footer. */
body.sgd-body{padding-top:68px}
.sgd-body header{height:68px}
.sgd-body header .nav{height:68px}
.sgd-body .footer{min-height:629px}

/* Final interaction and pixel-alignment pass for the Figma modules. */
.sgd-stepbox.is-without .sgd-stepinfo article{flex:0 0 auto;height:auto}
.sgd-stepbox.is-without .sgd-stepinfo article:nth-child(1){height:137.445px}
.sgd-stepbox.is-without .sgd-stepinfo article:nth-child(2){height:140px}
.sgd-stepbox.is-without .sgd-stepinfo article:nth-child(3){height:116.445px}
.sgd-stepbox.is-with .sgd-stepinfo article{flex:0 0 auto;height:auto}
.sgd-stepbox.is-with .sgd-stepinfo article:nth-child(1){height:169.89px}
.sgd-stepbox.is-with .sgd-stepinfo article:nth-child(2){height:191px}
.sgd-stepbox.is-with .sgd-stepinfo article:nth-child(3){height:116.445px}
.sgd-stepbox.is-with .sgd-stepinfo p{font-size:14px;line-height:18px}
.sgd-stepbox.is-with .sgd-stepinfo aside{font-size:14px;line-height:18px;box-sizing:border-box}
.sgd-stepbox.is-with .sgd-stepinfo article:nth-child(1) aside{height:52px}
.sgd-stepbox.is-with .sgd-stepinfo article:nth-child(2) aside{height:70px}
.sgd-stepinfo aside[hidden]{display:none!important}
.sgd-stepbox.is-with .sgd-stepvisual{background:#e6ecfc}
.sgd-stepvisual{overflow:hidden}
.sgd-stepbox.is-with .sgd-stepvisual img{position:absolute;left:16px;top:33px;width:770px;height:454px;max-width:none;max-height:none;object-fit:cover;border-radius:0}
.sgd-stepbox.is-without .sgd-stepvisual img{position:absolute;left:5px;top:84px;width:789px;height:398px;max-width:none;max-height:none;object-fit:cover;border-radius:0}
.sgd-stepvisual .sgd-dots{z-index:2}

.sgd-more>.sgd-container>.sgd-heading{gap:16px}
.sgd-more-panel{height:665px}
.sgd-more-grid article{height:332px;min-height:332px}
.sgd-flow-icon{border:0;border-radius:0}
.sgd-flow-node:nth-of-type(1) .sgd-flow-icon,
.sgd-flow-node:nth-of-type(5) .sgd-flow-icon{border:1px solid #455fa9;border-radius:50%}
.sgd-flow-node:nth-of-type(3) .sgd-flow-icon img{width:60px;height:60px}
.sgd-flow-node:nth-of-type(4) .sgd-flow-icon img{width:60px;height:60px}
.sgd-flow-node:nth-of-type(1) .sgd-flow-icon img{width:13px;height:16px}
.sgd-flow-node:nth-of-type(2) .sgd-flow-icon img{width:32px;height:32px}
.sgd-flow-node:nth-of-type(5) .sgd-flow-icon img{width:35.45px;height:33.37px}
.sgd-more-trust .sgd-trust-sep{display:inline-flex!important;align-items:center;color:#fff;opacity:.6}
.sgd-more-trust{gap:32px;font-size:16px;line-height:normal}

.sgd-performance .sgd-table-wrap td:nth-child(5){color:#000}
.sgd-efficiency{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:4px}
.sgd-efficiency img{width:16px;height:16px;flex:0 0 16px;object-fit:contain}
.sgd-efficiency strong{font-weight:700}
.sgd-performance .sgd-table-wrap td:nth-child(5)>br + *{font-weight:400}

.sgd-review-track{left:0;width:max-content;overflow:visible;transform:translateX(-513px)}
.sgd-review-track .review-actions{height:17px;flex:0 0 17px}
.sgd-review-track .review-head i.avatar-gc{background:#8d6e63}
.sgd-review-track .review-head i.avatar-tm{background:#83648d}
.sgd-review-track .review-head i.avatar-jp{background:#004d40}
.sgd-review-track article.review-gc .review-head i{background:#8d6e63}
.sgd-review-track article.review-tm .review-head i{background:#83648d}
.sgd-review-track article.review-jp .review-head i{background:#004d40}
@media(max-width:900px){
  .sgd-review-track{left:auto;width:100%;transform:none;overflow-x:auto}
}

/* The Figma hero includes a very subtle blue glow layer; keep it behind the
   content while preserving the supplied exported background artwork. */
.sgd-hero-bg:after{content:"";position:absolute;right:4%;top:6%;width:284px;height:800px;background:url('/resource/images/sync-google-drive-with-dropbox-iw/figma/hero/vector1.svg') center/contain no-repeat;opacity:.18;pointer-events:none}

/* Final Figma asset and geometry corrections. */
.sgd-hero-bg{background:#021a60 url('/resource/images/sync-google-drive-with-dropbox-iw/figma/hero-bg.png') center top/cover no-repeat}
.sgd-hero-bg:after{display:none}
.sgd-flow-node:nth-of-type(1) .sgd-flow-icon img{width:35.4545px;height:32.1342px}
.sgd-flow-node:nth-of-type(2) .sgd-flow-icon img{width:60px;height:60px}
.sgd-flow-node:nth-of-type(3) .sgd-flow-icon img{width:58px;height:37.1216px}
.sgd-flow-node:nth-of-type(4) .sgd-flow-icon img{width:60px;height:60px}
.sgd-flow-node:nth-of-type(5) .sgd-flow-icon img{width:35.4545px;height:33.369px}
.sgd-flow{width:908px;flex:0 0 908px;gap:16px;justify-content:flex-start;margin:0 auto 60px}
.sgd-flow-node{width:60px;flex:0 0 60px}
.sgd-flow-node b{width:134.81px;text-align:center}
.sgd-flow>i{width:120px;flex:0 0 120px;background-size:120px 27px}
.sgd-more-card-icon{position:relative;display:block;width:100px;height:100px;flex:0 0 100px}
.sgd-more-card-icon>img:first-child{position:absolute;left:10px;top:15px;width:70px;height:70px;object-fit:contain}
.sgd-more-card-icon>img+img{position:absolute;left:58.5px;top:53px;width:32px;height:32px;object-fit:contain}
.sgd-steps .sgd-scroll-tool{display:flex;align-items:center;justify-content:center;width:413px;height:64px;box-sizing:border-box;margin:40px auto 0;padding:0 40px;border:0;border-radius:8px;background:#05f;color:#fff;font:700 20px/26px "PT Sans",Arial,sans-serif;text-decoration:none}
@media(min-width:768px){
  .sgd-steps .sgd-heading,.sgd-steps .sgd-heading p{width:1200px;max-width:100vw}
  .sgd-tabs{height:50px;min-height:50px;padding:4px}
  .sgd-tabs button{height:40px}
  .sgd-stepbox.is-without .sgd-stepvisual img{top:83px}
}
@media(max-width:767px){.sgd-steps .sgd-scroll-tool{width:100%;height:64px;padding:0 24px}}

/* Keep the long hero title inside the content column at intermediate widths;
   the later desktop geometry block otherwise re-applies its 50px nowrap rule
   over the responsive declarations above. */
@media (max-width:1390px){
  .sgd-hero h1{font-size:48px;line-height:62px;white-space:normal;overflow-wrap:break-word}
}
@media (min-width:768px) and (max-width:1100px){
  .sgd-hero h1{font-size:40px;line-height:52px}
}
@media (max-width:767px){
  .sgd-hero h1{font-size:34px;line-height:44px;white-space:normal;overflow-wrap:break-word}
}


/* Keep the desktop comparison tables inside the content column.  The source
   design uses the full available width; the previous 1280px minimum forced
   a scrollbar at the 1280px breakpoint and added the scrollbar height to the
   module.  Narrow screens intentionally retain a scrollable wide table. */
@media (min-width:768px){
  .sgd-compare-content{margin-top:80px}
  .sgd-compare .sgd-table-wrap table,
  .sgd-performance .sgd-table-wrap table{width:100%;min-width:0;table-layout:fixed}
  .sgd-compare .sgd-table-wrap,
  .sgd-performance .sgd-table-wrap{overflow:hidden}
}
@media (max-width:767px){
  .sgd-compare .sgd-table-wrap,
  .sgd-performance .sgd-table-wrap{overflow:auto}
  .sgd-compare .sgd-table-wrap table,
  .sgd-performance .sgd-table-wrap table{width:100%;min-width:1280px;table-layout:auto}
}

/* The step screenshots use an absolute desktop crop.  On a narrow viewport
   the complete screenshot must return to the visual card and scale inside it
   instead of keeping the 789px desktop crop. */
@media (max-width:767px){
  .sgd-tabs{width:100%;max-width:100%;box-sizing:border-box}
  .sgd-tabs button{flex:1 1 0;min-width:0;padding-right:12px;padding-left:12px;white-space:nowrap}
  .sgd-stepbox .sgd-stepvisual img,
  .sgd-stepbox.is-with .sgd-stepvisual img,
  .sgd-stepbox.is-without .sgd-stepvisual img{
    position:static;
    width:100%;
    height:280px;
    max-width:100%;
    max-height:100%;
    object-fit:contain;
    border-radius:8px;
  }
}

@media (max-width:767px){
  .sgd-stepbox.is-with .sgd-stepvisual img,
  .sgd-stepbox.is-without .sgd-stepvisual img{
    position:static!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    height:280px!important;
    max-width:100%!important;
    max-height:100%!important;
    object-fit:contain!important;
    border-radius:8px!important;
  }
}

/* The desktop alignment pass fixes both columns at 520px.  On mobile the
   columns stack, so let the text list use its content height and keep the
   screenshot card compact. */
@media (max-width:767px){
  .sgd-stepbox{min-height:0}
  .sgd-stepinfo{height:auto;min-height:0;justify-content:flex-start}
  .sgd-stepvisual{height:320px;margin-top:16px}
}

/* Performance table overlay from Figma 731:11036.  The comparison table is
   kept as normal semantic table markup; this sibling layer supplies the
   floating MultCloud column treatment without clipping the table shadow. */
.sgd-performance-table{position:relative}
.sgd-performance .sgd-performance-highlight{position:absolute;z-index:3;left:760px;top:-9px;width:260px;height:452px;box-sizing:border-box;padding:8px 0;border:2px solid #1d70ec;border-radius:16px;background:#eef2ff;box-shadow:0 4px 16px rgba(29,112,236,.15);display:flex;flex-direction:column;align-items:center;overflow:hidden;pointer-events:none}
.sgd-performance-highlight>div{display:flex;align-items:center;justify-content:center;width:100%;height:120px;box-sizing:border-box;border-bottom:1px solid #e5e7eb;color:#05f;font:700 14px/18px "PT Sans",Arial,sans-serif;text-align:center}
.sgd-performance-highlight>div:last-child{border-bottom:0}
.sgd-performance-highlight .sgd-performance-highlight-logo{height:72px;padding:0 20px}
.sgd-performance-highlight-logo img{display:block;width:58px;height:37.1216px;object-fit:contain}
.sgd-performance-highlight-logo img{content:url('/resource/images/sync-google-drive-with-dropbox-iw/figma/exact/performance-multcloud-logo.png?perf=20260830-1');width:178px;height:34px}
.sgd-performance .sgd-table-wrap thead th:last-child{background:#effaf5;color:#15803d}
.sgd-performance .sgd-table-wrap td:nth-child(4){color:#05f;font-weight:700}
.sgd-performance .sgd-table-wrap td:nth-child(5){color:#000;font-weight:400}
.sgd-performance .sgd-efficiency{font-weight:700}
@media(max-width:767px){
  .sgd-performance-highlight{display:none!important}
}

/* Steps module: the Figma panel shows no pagination dots, so keep them as a
   hover-only affordance on pointer devices while the carousel still auto-plays. */
@media(min-width:768px){
  .sgd-dots{opacity:0;transition:opacity .25s ease}
  .sgd-stepvisual:hover .sgd-dots,.sgd-stepvisual:focus-within .sgd-dots{opacity:1}
}

/* What Happens to Your Files: Figma card padding, row height and shadow.
   The trust badges all sit at 60% opacity, including the GDPR link. */
.sgd-more-grid article{min-height:332px;padding:24px 32px 40px;box-shadow:0 4px 20px rgba(0,0,0,.05)}
/* The site stylesheet forces every <a> to inline-block, which creates an
   illegal wrap opportunity after </a> and breaks Figma's line breaks. */
.sgd-page a:not([class]){display:inline}
.sgd-more-trust{opacity:1}
.sgd-more-trust>.sgd-trust-item{opacity:.6}
.sgd-more-trust>a.sgd-trust-item:hover{opacity:1;color:#05f;text-decoration:underline}
.sgd-more-trust>span:not([class]){color:#fff;opacity:.6}

/* Performance benchmark cards: Figma stacks the number and the caption with
   space-between inside the 160px card, so the caption hugs the bottom padding. */
.sgd-metric{display:flex;flex-direction:column;justify-content:space-between}
/* Only the header and the grey middle row are tinted green; the white rows
   keep the design's white Efficiency column. */
.sgd-performance .sgd-table-wrap tbody td:nth-child(5){background:#fff}
.sgd-performance .sgd-table-wrap tbody tr:nth-child(2) td:nth-child(5){background:#f4faf8}
.sgd-efficiency{gap:4px}

/* Security cards: Figma keeps only a 12px gap between the section title and
   its sub-copy here, unlike the 24px used by the other modules. */
.sgd-why .sgd-heading p{margin-top:12px}
/* Section sub-copy: every Figma header uses the 文本/主文字 token (#000),
   not the #222 the base rule started with. */
.sgd-heading p{color:#000}

/* Narrow-screen fixes: the late Figma geometry blocks above (1280px panel,
   908px flow, 4×281px grid) sit after the earlier mobile media queries and
   override them by source order, which clipped the "What Happens" module
   on small screens.  These must stay at the end of the file. */
@media (max-width:1100px){
  .sgd-more-panel{width:100%;max-width:100%}
  .sgd-flow{max-width:100%;overflow:auto}
  .sgd-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){
  .sgd-more-panel{width:100%;margin-top:40px;padding:24px;border-radius:24px}
  .sgd-flow{width:100%;flex:0 0 auto;overflow:auto;justify-content:flex-start}
  .sgd-more-grid{grid-template-columns:1fr;margin:48px 0 0}
  .sgd-more-trust{overflow:auto;justify-content:flex-start}
  /* The late geometry block re-applies the 2-column security grid and the
     fixed card heights over the mobile rules; restore the stacked layout
     and let cards grow with their content on narrow screens. */
  .sgd-why-grid{grid-template-columns:1fr}
  .sgd-why-grid article{height:auto;min-height:0}
  .sgd-more-grid article{height:auto;min-height:332px}
  /* Fixed 364px hero caption and 291px CTA button overflow sub-400px viewports. */
  .sgd-tool-shell p{width:min(364px,100%);height:auto}
  .sgd-cta .sgd-btn{width:100%}
}
@media (max-width:400px){
  /* Keep both nowrap tab labels inside the segmented control on small phones. */
  .sgd-tabs button{font-size:14px;padding-right:6px;padding-left:6px}
}

/* All in-page text links: blue with underline on hover.
   Buttons (.sgd-btn) and the cloud-card grid keep their own hover styles. */
.sgd-page a:not(.sgd-btn):not(.support-drive-item):hover{color:#05f;text-decoration:underline}
/* Hero "Go to app" link sits on a dark background; keep its light blue. */
.sgd-page .sgd-tool-shell a:hover{color:#589bff;text-decoration:underline}