.od-page{
  --od-blue:#1048a2;          /* --themeColorDark / buttons */
  --od-blue-hover:#003282;    /* --themeButtonHover */
  --od-sky:#02c4e7;
  --od-band:#1048a2;          /* get-started panel */
  --od-line:#d6e3f5;          /* card + table borders */
  --od-line-2:#c7dafc;
  --od-tint:#f1f6ff;          /* table odd rows */
  --od-tint-2:#f5f9ff;        /* demo panel */
  --od-soft:#f6fafc;          /* migration box */
  --od-grad:#d2e3ff;          /* --themeColorGrad */
  --od-text:#313131;
  --od-head:#000;
  --od-shadow:0 5px 12.35px .65px rgba(16,72,162,.14);
  font-family:"Segoe UI",Calibri,Arial,sans-serif;
  color:var(--od-text);
}
.od-page *,.od-page *::before,.od-page *::after{box-sizing:border-box}
.od-page a{color:var(--od-blue);text-decoration:none}
.od-page a:hover{text-decoration:underline}
.od-page p{font-size:17px;line-height:28px;margin:0 0 14px}
.od-page p:last-child{margin-bottom:0}
.od-page .od-wrap{max-width:1200px;margin:0 auto;padding:0 20px}
.od-page .od-sec{padding:90px 0}
.od-page .od-grad{background-image:linear-gradient(180deg,rgba(247,252,255,0) 0%,var(--od-grad) 100%)}
.od-page .od-soft{background:var(--od-soft)}
.od-page .od-head{text-align:center;max-width:920px;margin:0 auto 56px}
.od-page .od-head p{margin-top:16px}
.od-page h2{font-size:42px;font-weight:600;line-height:54px;color:var(--od-head);margin:0 0 20px}
.od-page h2 span{color:var(--od-blue)}
.od-page h3{font-size:20px;font-weight:600;line-height:28px;color:#000;margin:0 0 10px}
/* buttons — same structure as the site banner buttons (44px, 0 35px, 24px radius, uppercase) */
.od-page .od-btn{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 35px;border-radius:24px;font-size:16px;font-weight:600;text-transform:uppercase;line-height:1;white-space:nowrap;text-decoration:none!important;border:1px solid var(--od-blue);transition:background .2s ease,color .2s ease,border-color .2s ease}
.od-page .od-btn-solid{background:var(--od-blue);color:#fff}
.od-page .od-btn-solid:hover{background:var(--od-blue-hover);border-color:var(--od-blue-hover);color:#fff}
.od-page .od-btn-line{background:#fff;color:var(--od-blue)}
.od-page .od-btn-line:hover{background:var(--od-blue);color:#fff}
.od-page .od-btns{display:flex;flex-wrap:wrap;gap:20px}
/* shared card + icon */
.od-page .od-card{background:#fff;border:1px solid var(--od-line);border-radius:15px;box-shadow:var(--od-shadow);padding:30px}
.od-page .od-icon{display:flex;align-items:center;justify-content:center;width:50px;height:50px;flex:0 0 50px;border-radius:12px;background:var(--od-tint)}
.od-page .od-icon svg{width:24px;height:24px;stroke:var(--od-blue);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
/* hero */
.od-page .od-hero{padding:90px 0 80px;background-image:linear-gradient(180deg,rgba(247,252,255,0) 30%,var(--od-grad) 100%)}
.od-page .od-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}
.od-page .od-hero-grid > *{min-width:0}
.od-page .od-hero h1{font-size:44px;line-height:58px;font-weight:600;color:var(--od-head);margin:0 0 22px}
.od-page .od-hero h1 span{color:var(--od-blue)}
.od-page .od-hero .od-btns{margin-top:28px}
/* zig-zag */
.od-page .od-zig{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.od-page .od-zig > *{min-width:0}
.od-page .od-zig-text h2{margin-bottom:20px}
.od-page .od-zig-text .od-btns{margin-top:26px}
/* project brief */
/* comparison table */
.od-page .od-tbl-wrap{border:1px solid var(--od-line);border-radius:25px;overflow:hidden;background:#fff;box-shadow:var(--od-shadow)}
.od-page table.od-tbl{width:100%;margin:0;border-collapse:collapse;border-spacing:0;border:0;table-layout:fixed;background:#fff}
.od-page table.od-tbl tr th,.od-page table.od-tbl tr td{display:table-cell;width:auto;height:auto;margin:0;padding:18px 24px;border:0;border-bottom:1px solid var(--od-line);border-right:1px solid var(--od-line);text-align:left;vertical-align:top;font-size:16px;line-height:26px;font-weight:400;color:var(--od-text);background:transparent}
.od-page table.od-tbl tr th:first-child,.od-page table.od-tbl tr th:last-child{display:table-cell}
.od-page table.od-tbl tr th:last-child,.od-page table.od-tbl tr td:last-child{border-right:0}
.od-page table.od-tbl thead tr th{background:var(--od-blue);color:#f5fcf2;font-size:17px;font-weight:600;padding:14px 24px;border-right:1px solid rgba(255,255,255,.25)}
.od-page table.od-tbl tr th:nth-child(1),.od-page table.od-tbl tr td:nth-child(1){width:24%}
.od-page table.od-tbl tr th:nth-child(2),.od-page table.od-tbl tr td:nth-child(2){width:31%}
.od-page table.od-tbl tr th:nth-child(3),.od-page table.od-tbl tr td:nth-child(3){width:45%}
.od-page table.od-tbl tbody tr:nth-of-type(odd) td{background:var(--od-tint)}
.od-page table.od-tbl tbody tr:last-child td{border-bottom:0;color:var(--od-text);font-weight:400}
.od-page table.od-tbl tbody tr td:nth-child(1){font-weight:600;color:#000}
.od-page table.od-tbl tbody tr td:nth-child(3){position:relative;padding-left:56px}
.od-page table.od-tbl tbody tr td:nth-child(3)::after{content:"\2713";position:absolute;left:24px;top:21px;width:20px;height:20px;border-radius:50%;background:var(--od-blue);color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center}
.od-page table.od-tbl tbody tr:hover td{background:#e4edff}
/* exact source and destination — CSS route map */
/* supported data types — API vs IMAP */
/* enterprise controls — dark band */
.od-page .od-dark{background:var(--od-band);color:#eef3ff}
.od-page .od-dark h2{color:#fff}
.od-page .od-dark h2 span{color:#ffffff}
.od-page .od-dark .od-head p{color:#eef3ff}
/* security and deployment */
/* evaluation steps — 4 x 2 numbered grid */
/* trial / pilot banner */
.od-page .od-chips{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 26px}
.od-page .od-chips span{font-size:13.5px;font-weight:600;color:var(--od-blue);background:#fff;border:1px solid var(--od-line-2);border-radius:20px;padding:5px 14px}
/* common mistakes */
/* choose the correct workflow */
/* FAQ heading size inside this page */
.onedrive-br-page #faq h2{font-size:42px;font-weight:600;line-height:54px}
@media (max-width:1170px){
  .od-page .od-hero-grid,.od-page .od-zig{grid-template-columns:1fr;gap:36px}
  .od-page .od-zig-rev .od-zig-vis{order:2}
}
@media (max-width:1024px){
  .od-page h2,.onedrive-br-page #faq h2{font-size:36px;line-height:46px}
  .od-page .od-hero h1{font-size:38px;line-height:50px}
}
@media (max-width:768px){
  .od-page .od-sec{padding:60px 0}
  .od-page .od-hero{padding:60px 0}
  .od-page h2,.onedrive-br-page #faq h2{font-size:32px;line-height:42px}
  .od-page .od-hero h1{font-size:32px;line-height:42px}
  .od-page .od-head{margin-bottom:40px}
  .od-page .od-tbl-wrap{border:0;box-shadow:none;background:transparent;overflow:visible;border-radius:0}
  .od-page table.od-tbl,.od-page table.od-tbl tbody,.od-page table.od-tbl tr{display:block;width:100%}
  .od-page table.od-tbl{table-layout:auto}
  .od-page table.od-tbl thead{display:none}
  .od-page table.od-tbl tbody tr{background:#fff;border:1px solid var(--od-line);border-radius:15px;box-shadow:var(--od-shadow);overflow:hidden;margin-bottom:16px}
  .od-page table.od-tbl tbody tr td,.od-page table.od-tbl tbody tr:nth-of-type(odd) td,.od-page table.od-tbl tbody tr:hover td,.od-page table.od-tbl tbody tr td:nth-child(n){display:block;width:100%;border-right:0;background:#fff;padding:12px 18px}
  .od-page table.od-tbl tbody tr td:nth-child(1),.od-page table.od-tbl tbody tr:nth-of-type(odd) td:nth-child(1),.od-page table.od-tbl tbody tr:hover td:nth-child(1){background:var(--od-blue);color:#fff;font-size:17px}
  .od-page table.od-tbl tbody tr td:nth-child(2)::before,.od-page table.od-tbl tbody tr td:nth-child(3)::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;line-height:18px;color:var(--od-blue);margin-bottom:4px}
  .od-page table.od-tbl tbody tr td:nth-child(3){border-bottom:0}
  .od-page table.od-tbl tbody tr td:nth-child(3)::after{display:none}
}
@media (max-width:600px){
  .od-page p{font-size:15px;line-height:26px}
}
@media (max-width:480px){
  .od-page h2,.onedrive-br-page #faq h2{font-size:28px;line-height:38px}
  .od-page .od-hero h1{font-size:28px;line-height:38px}
  .od-page .od-btn{width:100%}
}
/* ===== tenant-to-tenant additions ===== */
/* hero — source tenant to target tenant */
/* supported data table — status badge column */
.od-page table.od-tbl.od-tbl-data tr th:nth-child(1),.od-page table.od-tbl.od-tbl-data tr td:nth-child(1){width:28%}
.od-page table.od-tbl.od-tbl-data tr th:nth-child(2),.od-page table.od-tbl.od-tbl-data tr td:nth-child(2){width:24%}
.od-page table.od-tbl.od-tbl-data tr th:nth-child(3),.od-page table.od-tbl.od-tbl-data tr td:nth-child(3){width:48%}
.od-page table.od-tbl.od-tbl-data tbody tr td:nth-child(3){padding-left:24px}
.od-page table.od-tbl.od-tbl-data tbody tr td:nth-child(3)::after{display:none}
/* planning — inventory tiles */
.od-page .od-inv{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.od-page .od-inv div{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid var(--od-line);border-radius:15px;padding:18px 18px;font-weight:600;font-size:16px;color:#000;box-shadow:var(--od-shadow)}
.od-page .od-inv div::before{content:"\2713";flex:0 0 26px;height:26px;border-radius:8px;background:var(--od-tint);color:var(--od-blue);font-size:13px;font-weight:700;line-height:26px;text-align:center}
.od-page .od-inv div:last-child{background:var(--od-blue);border-color:var(--od-blue);color:#fff}
.od-page .od-inv div:last-child::before{background:rgba(255,255,255,.2);color:#fff}
/* identity mapping table visual */
/* step-by-step — three phases */
/* staged migration — horizontal timeline on dark band */
/* filters — scope toggles */
/* best practices — 2 x 2 numbered cards */
/* post-migration verification — source vs target table */
/* common issues — problem / fix cards */
/* tenant vs domain — related workflows */
@media (max-width:1170px){
  .od-page .od-inv{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .od-page table.od-tbl.od-tbl-data tbody tr td:nth-child(n){width:100%;padding:12px 18px}
}
@media (max-width:600px){
  .od-page .od-inv{grid-template-columns:1fr}
}
@media (max-width:480px){
}
/* ===== Google Workspace to Google Workspace additions ===== */
/* hero — migration job card */
/* when required — five scenario cards */
/* partial support badge */
/* admin-controlled — credentials not required */
/* bulk, concurrent, incremental — trio on dark band */
/* mapping + selection chips */
/* common issues note */
@media (max-width:1170px){
}
@media (max-width:768px){
}
@media (max-width:480px){
}
/* ===== IMAP to Google Workspace additions ===== */
/* hero — IMAP connection card */
/* right path — fit vs not */
/* not included badge */
/* prepare source / target — paired checklist cards */
/* step-by-step — alternating vertical timeline */
.od-page .od-tl{list-style:none;margin:0 auto;padding:0;max-width:1000px;position:relative;counter-reset:gwtl}
.od-page .od-tl::before{content:"";position:absolute;left:50%;top:0;bottom:0;border-left:2px dashed var(--od-line-2);margin-left:-1px}
.od-page .od-tl li{counter-increment:gwtl;position:relative;width:50%;padding:0 46px 26px 0;font-size:16px;line-height:25px}
.od-page .od-tl li:nth-child(even){margin-left:50%;padding:0 0 26px 46px}
.od-page .od-tl li::before{content:counter(gwtl);position:absolute;top:14px;right:-18px;width:36px;height:36px;border-radius:50%;background:var(--od-blue);color:#fff;font-weight:700;font-size:15px;line-height:36px;text-align:center;box-shadow:0 0 0 6px var(--od-soft);z-index:1}
.od-page .od-tl li:nth-child(even)::before{right:auto;left:-18px}
.od-page .od-tl li span{display:block;background:#fff;border:1px solid var(--od-line);border-radius:15px;padding:18px 22px;box-shadow:var(--od-shadow)}
.od-page .od-tl li:last-child span{background:var(--od-blue);border-color:var(--od-blue);color:#fff}
/* single and bulk — CSV card */
/* folder-to-label */
/* best practices — three columns */
/* incremental and verification — verify grid on dark band */
/* related inbound paths */
@media (max-width:1170px){
}
@media (max-width:1024px){
}
@media (max-width:768px){
  .od-page .od-tl::before{left:18px}
  .od-page .od-tl li,.od-page .od-tl li:nth-child(even){width:100%;margin-left:0;padding:0 0 20px 56px}
  .od-page .od-tl li::before,.od-page .od-tl li:nth-child(even)::before{left:0;right:auto}
}
@media (max-width:600px){
}
/* ===== Migrate to Google Workspace hub additions ===== */
/* hero — sources converge on Google Workspace */
/* why source decides — access scope rows */
/* source-specific paths — stacked horizontal cards */
/* 4-column source table */
.od-page table.od-tbl.od-tbl-4 tr th:nth-child(1),.od-page table.od-tbl.od-tbl-4 tr td:nth-child(1){width:18%}
.od-page table.od-tbl.od-tbl-4 tr th:nth-child(2),.od-page table.od-tbl.od-tbl-4 tr td:nth-child(2){width:34%}
.od-page table.od-tbl.od-tbl-4 tr th:nth-child(3),.od-page table.od-tbl.od-tbl-4 tr td:nth-child(3){width:22%}
.od-page table.od-tbl.od-tbl-4 tr th:nth-child(4),.od-page table.od-tbl.od-tbl-4 tr td:nth-child(4){width:26%}
.od-page table.od-tbl.od-tbl-4 tbody tr td:nth-child(3){padding-left:24px}
.od-page table.od-tbl.od-tbl-4 tbody tr td:nth-child(3)::after{display:none}
/* planning checklist — 3 x 3 */
/* best practices — numbered list beside intro */
/* common issues — 2 x 2 */
/* source scope — two cards on dark band */
@media (max-width:1170px){
}
@media (max-width:1024px){
}
@media (max-width:768px){
  .od-page table.od-tbl.od-tbl-4 tbody tr td:nth-child(n){width:100%;padding:12px 18px}
  .od-page table.od-tbl.od-tbl-4 tbody tr td:nth-child(3){border-bottom:1px solid var(--od-line)}
  .od-page table.od-tbl.od-tbl-4 tbody tr td:nth-child(4){border-bottom:0}
  .od-page table.od-tbl.od-tbl-4 tbody tr td:nth-child(4)::before{content:attr(data-label);display:block;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;line-height:18px;color:var(--od-blue);margin-bottom:4px}
}
@media (max-width:600px){
}
/* ===== M&A additions ===== */
/* hero — two organizations merge into one target */
/* challenges — big-number cards */
.od-page .od-chal{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:gwchal}
.od-page .od-chal div{counter-increment:gwchal;position:relative;overflow:hidden;background:#fff;border:1px solid var(--od-line);border-radius:25px;padding:28px 26px 26px 26px;box-shadow:var(--od-shadow);font-size:17.5px;font-weight:600;line-height:26px;color:#000;min-height:132px;display:flex;align-items:flex-end}
.od-page .od-chal div::before{content:counter(gwchal,decimal-leading-zero);position:absolute;top:10px;right:18px;font-size:54px;font-weight:700;line-height:1;color:var(--od-tint);letter-spacing:-1px}
.od-page .od-chal div::after{content:"";position:absolute;left:26px;top:26px;width:34px;height:4px;border-radius:2px;background:var(--od-blue)}
.od-page .od-chal div:nth-child(3n+2){background:var(--od-tint-2);border-color:var(--od-line-2)}
.od-page .od-chal div:nth-child(3n+2)::before{color:#fff}
/* identity — chips above the table */
/* pilot and waves — growing bars */
@media (max-width:1170px){
  .od-page .od-chal{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:600px){
  .od-page .od-chal{grid-template-columns:1fr}
  .od-page .od-chal div{min-height:0;padding-top:50px}
}
/* ===== OneDrive backup and restore additions ===== */
/* hero — backup / restore loop */
/* shared responsibility split */
.od-page .od-share{padding:0;overflow:hidden;border-radius:25px}
.od-page .od-share-col{padding:24px 26px}
.od-page .od-share-col + .od-share-col{border-top:1px solid var(--od-line);background:var(--od-tint-2)}
.od-page .od-share-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.od-page .od-share-head small{display:block;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--od-blue)}
.od-page .od-share-head b{display:block;font-size:18px;font-weight:600;color:#000}
.od-page .od-share .od-chips{margin:0}
.od-page .od-share-col:last-child .od-chips span{background:#fff4e0;border-color:#ffd59a;color:#a86200}
/* plan as one workflow — 4 connected question cards */
/* how it works — two phases */
/* RPO / RTO metric cards */
/* restore scenarios — scope ladder */
/* same vs different tenant */
/* storage and incremental */
/* verify — quote line */
/* checklist tiles — 2 columns of 4 */
/* related resources */
.od-page .od-res{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;list-style:none;margin:0;padding:0}
.od-page .od-res li{margin:0}
.od-page .od-res a{display:flex;align-items:center;justify-content:space-between;gap:12px;height:100%;min-height:84px;padding:20px 22px;border-radius:15px;background:#fff;border:1px solid var(--od-line);box-shadow:var(--od-shadow);font-weight:600;font-size:16px;line-height:23px;color:#000;text-decoration:none}
.od-page .od-res a::after{content:"\2192";flex:0 0 34px;height:34px;border-radius:50%;background:var(--od-tint);color:var(--od-blue);font-weight:700;line-height:34px;text-align:center;transition:background .2s ease,color .2s ease}
.od-page .od-res a:hover{border-color:var(--od-blue);text-decoration:none}
.od-page .od-res a:hover::after{background:var(--od-blue);color:#fff}
.onedrive-br-page #faq h2{font-size:42px;font-weight:600;line-height:54px}
@media (max-width:1170px){
.od-page .od-res{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .onedrive-br-page #faq h2{font-size:36px;line-height:46px}
}
@media (max-width:768px){
  .onedrive-br-page #faq h2{font-size:32px;line-height:42px}
}
@media (max-width:600px){
.od-page .od-res{grid-template-columns:1fr}
}
@media (max-width:480px){
  .onedrive-br-page #faq h2{font-size:28px;line-height:38px}
}
/* ===== OneDrive backup software comparison additions ===== */
.od-page .od-hero.od-hero-plain{background:none;background-image:none}
/* hero — three architectures */
.od-page .od-arch{border-radius:25px;padding:26px}
.od-page .od-arch-title{font-size:12.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--od-blue);margin-bottom:14px}
.od-page .od-arch-row{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;margin-bottom:12px;padding:16px 18px;border-radius:15px;border:1px solid var(--od-line);background:var(--od-tint-2)}
.od-page .od-arch-row:last-child{margin-bottom:0;background:var(--od-blue);border-color:var(--od-blue);color:#fff}
.od-page .od-arch-row b{display:block;font-size:16px;font-weight:600;color:#000}
.od-page .od-arch-row small{display:block;font-size:13px;color:#6a7385;margin-top:2px}
.od-page .od-arch-row:last-child b{color:#fff}
.od-page .od-arch-row:last-child small{color:#d6e6ff}
.od-page .od-arch-row em{font-style:normal;font-size:12px;font-weight:700;border-radius:20px;padding:4px 12px;white-space:nowrap;background:#fff;color:var(--od-blue);border:1px solid var(--od-line)}
.od-page .od-arch-row:last-child em{    background-color: #E4F1FF !important;
    color: #144AA5 !important;
    border-color: #B8D6FF !important;}
/* three approaches */
.od-page .od-appr{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.od-page .od-appr .od-card{position:relative;display:flex;flex-direction:column;border-radius:25px;padding:32px 28px}
.od-page .od-appr .od-icon{width:60px;height:60px;flex-basis:60px;border-radius:16px;margin-bottom:18px}
.od-page .od-appr p{font-size:16px;line-height:26px;flex:1 1 auto}
.od-page .od-appr-repo{display:flex;align-items:center;gap:8px;margin-top:18px;padding-top:16px;border-top:1px dashed var(--od-line);font-size:13.5px;font-weight:600;color:#6a7385}
.od-page .od-appr-repo b{color:#000}
.od-page .od-appr .od-card:last-child{border:2px solid var(--od-blue)}
.od-page .od-appr .od-card:last-child .od-icon{background:var(--od-blue)}
.od-page .od-appr .od-card:last-child .od-icon svg{stroke:#fff}
.od-page .od-appr-badge{position:absolute;top:-13px;right:24px;height:26px;padding:0 12px;border-radius:20px;background:#02c4e7;color:#fff;font-size:12px;font-weight:700;line-height:26px;text-transform:uppercase;letter-spacing:.4px;background-color: #E4F1FF !important;
    color: #144AA5 !important;
    border: 1px solid #B8D6FF !important;}
/* comparison table — highlight the EdbMails column */
.od-page table.od-tbl.od-tbl-4 tr th:nth-child(1),.od-page table.od-tbl.od-tbl-4 tr td:nth-child(1){width:19%}
.od-page table.od-tbl.od-tbl-4 tr th:nth-child(2),.od-page table.od-tbl.od-tbl-4 tr td:nth-child(2){width:27%}
.od-page table.od-tbl.od-tbl-4 tr th:nth-child(3),.od-page table.od-tbl.od-tbl-4 tr td:nth-child(3){width:25%}
.od-page table.od-tbl.od-tbl-4 tr th:nth-child(4),.od-page table.od-tbl.od-tbl-4 tr td:nth-child(4){width:29%}
.od-page table.od-tbl.od-tbl-hl thead tr th:nth-child(4){    background-color: #0D61B8 !important;
    color: #FFFFFF !important;}
.od-page table.od-tbl.od-tbl-hl tbody tr td:nth-child(4){background:#eefbfe;font-weight:600;color:#003282}
.od-page table.od-tbl.od-tbl-hl tbody tr:hover td:nth-child(4){background:#dff6fc}
.onedrive-br-page .od-tbl.od-tbl-4.od-tbl-hl tbody td:nth-child(4) {
    background-color: #EAF3FF !important;
    color: #144AA5 !important;
}
/* differentiators on dark band */
.od-page .od-diff{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.od-page .od-diff div{background:#fff;border-radius:25px;padding:28px 22px;color:#000;font-weight:600;font-size:16.5px;line-height:25px}
.od-page .od-diff .od-icon{width:56px;height:56px;flex-basis:56px;border-radius:50%;margin-bottom:16px}
/* cost model */
.od-page .od-cost{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.od-page .od-cost .od-card{border-radius:25px;padding:30px 26px;text-align:center}
.od-page .od-cost .od-icon{width:62px;height:62px;flex-basis:62px;border-radius:50%;margin:0 auto 16px}
.od-page .od-cost small{display:block;font-size:12.5px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--od-blue);margin-bottom:6px}
.od-page .od-cost p{font-size:16px;line-height:25px}
.od-page .od-cost .od-card:last-child{background:var(--od-tint-2);border-color:var(--od-line-2)}
.od-page .od-formula{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px;max-width:980px;margin:34px auto 0;padding:22px 26px;border-radius:20px;background:#fff;border:1px dashed var(--od-blue)}
.od-page .od-formula span{display:inline-flex;align-items:center;height:40px;padding:0 18px;border-radius:24px;background:var(--od-tint);color:var(--od-blue);font-weight:700;font-size:15px}
.od-page .od-formula i{font-style:normal;font-weight:700;font-size:20px;color:#6a7385}
.od-page .od-formula span:last-child{background:var(--od-blue);color:#fff}
.od-page .od-formula-note{text-align:center;max-width:820px;margin:18px auto 0;font-size:15.5px}
/* buyers verify — 3 columns */
.od-page .od-inv.od-inv3{grid-template-columns:repeat(3,1fr)}
.od-page .od-inv.od-inv3 div{align-items:flex-start;line-height:24px}
/* native + independent layers */
.od-page .od-layers{border-radius:25px;padding:26px}
.od-page .od-layer{position:relative;display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:center;margin:0 0 12px;padding:16px 18px;border-radius:15px;border:1px solid var(--od-line);background:#fff}
.od-page .od-layer:nth-child(1){margin-left:0}
.od-page .od-layer:nth-child(2){margin-left:18px;background:var(--od-tint-2)}
.od-page .od-layer:nth-child(3){margin-left:36px;margin-bottom:0;background:var(--od-blue);border-color:var(--od-blue)}
.od-page .od-layer > span{width:40px;height:40px;border-radius:12px;background:var(--od-tint);color:var(--od-blue);font-weight:700;font-size:15px;line-height:40px;text-align:center}
.od-page .od-layer b{display:block;font-size:16px;font-weight:600;color:#000}
.od-page .od-layer small{display:block;font-size:13px;color:#6a7385}
.od-page .od-layer:nth-child(3) > span{background:#fff}
.od-page .od-layer:nth-child(3) b{color:#fff}
.od-page .od-layer:nth-child(3) small{color:#d6e6ff}
@media (max-width:1170px){
  .od-page .od-diff{grid-template-columns:repeat(2,1fr)}
  .od-page .od-appr,.od-page .od-cost{grid-template-columns:1fr;max-width:640px;margin-left:auto;margin-right:auto}
  .od-page .od-inv.od-inv3{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:768px){
  .od-page table.od-tbl.od-tbl-hl tbody tr td:nth-child(4){background:#eefbfe}
  .od-page .od-formula{flex-direction:column}
  .od-page .od-formula i{transform:rotate(90deg)}
}
@media (max-width:600px){
  .od-page .od-diff,.od-page .od-inv.od-inv3{grid-template-columns:1fr}
  .od-page .od-arch{padding:20px 16px}
  .od-page .od-arch-row{grid-template-columns:1fr;gap:8px}
  .od-page .od-arch-row em{justify-self:start}
  .od-page .od-layer:nth-child(n){margin-left:0}
}
/* reasons cards — keep text clear of the number */
.od-page .od-chal div{padding:58px 26px 26px;min-height:0;align-items:flex-start}
/* ===== site theme + FAQ icon (as provided) ===== */
:root {
  --themeColorGrad: #d2e3ff;
  --themeColorDark: #1048a2;
  --themeButtonHover: #003282;
  --themeColorBC: #f1f6ff;
  --themePriceColor: #fe4b6d;
  --themeColorBC_B: #d6e9f0;
}
.faq-question-holder .accordion-item .accordion-title:after {
    line-height: 20px;
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    content: "";
    text-align: center;
    font-size: 13px;
    height: 19px;
    width: 18px;
    display: inline-block;
}
.faq-question-holder .accordion-item .accordion-title:after {background: url(/template/default/images/icons/onedrive-faq-icon.png) no-repeat;
}
.faq-question-holder .accordion-item .accordion-title.open:after {
    content: "";
    background-position: bottom;
}
.header-content .videos_img_list {
  background: url(/template/default/images/onedrive-migration-banner-image.webp)
    center no-repeat;
}