/* Designer's confidentiality layout. Preview only. */
body{background:#f5f8fc}
main{width:min(960px,calc(100% - 48px));margin:28px auto 72px}
.crumbs{margin-bottom:30px}
h1{max-width:none;margin-bottom:12px}
.page-subtitle{margin-bottom:30px}
.section{margin-top:24px;padding:40px 44px;border-radius:22px}
.hero.security{padding:34px 48px 36px;border:1px solid #deebf8;border-radius:24px;background:#deebf8;color:#1e293b}
.hero.security .copy{max-width:none;position:relative}
.hero.security h2{position:relative;z-index:1}
.hero.security p{position:relative;z-index:1;max-width:calc(100% - 220px);font-size:16px;line-height:1.8}
.hero.security:after{inset:0 0 0 auto;width:310px;background:url('/static/img/privacy-secure-storage.png') center/cover no-repeat;opacity:1;mask-image:linear-gradient(90deg,transparent,#000 43%)}
.section.before{background:#fff url('/static/img/privacy-upload-background.png') center/cover no-repeat;border-color:#e9e5f5;padding:40px 44px}
.before p{max-width:none}
.public-links .link-settings{list-style:none;padding-left:26px;max-width:none;margin-bottom:30px}
.link-facts{gap:16px;margin-top:16px}
.link-fact{padding:24px;background:#e9f3ff;border-color:#d9e9fc;border-radius:14px}
.fact-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px;min-height:56px}
.fact-heading img{display:block;width:56px;height:56px;flex:0 0 56px}
.link-fact .fact-heading h4{margin:0;font-size:16px;line-height:1.5}
.link-fact p{font-size:16px;line-height:1.8}
.section.storage{padding:38px;background:#deebf8;border-color:#deebf8;color:#405b78}
.storage-top{grid-template-columns:260px minmax(0,1fr);gap:36px;align-items:start}
.storage-visual{aspect-ratio:1;min-height:0;height:auto;border-radius:16px;background:#dbe8f6}
.storage-visual img{object-fit:cover;object-position:center}
.storage-visual:after{display:none}
.storage-copy{padding:0}
.storage h2{margin:0 0 24px}
.storage h3{margin:24px 0 8px}
.storage h3:first-of-type{margin-top:0}
.storage p,.storage li{font-size:15px;line-height:1.8}
.storage-body{padding:0;margin-top:30px}
.storage-comparison{gap:20px;margin:24px 0 28px}
.storage-card{padding:25px;background:#fff;border-color:#fff;border-radius:16px}
.storage-card .fact-heading{margin-bottom:15px}
.storage-card .fact-heading h3{margin:0;font-size:19px;line-height:1.45}
.storage-card ul{padding-left:20px}
@media(max-width:800px){
  .hero.security{padding:32px}
  .hero.security p{max-width:calc(100% - 160px)}
  .hero.security:after{width:240px}
  .section,.section.before{padding:32px}
  .section.storage{padding:30px}
  .storage-top{grid-template-columns:210px minmax(0,1fr);gap:26px}
  .storage-card{padding:22px}
  .fact-heading{gap:10px}
}
@media(max-width:600px){
  main{width:calc(100% - 32px);margin-top:22px}
  .crumbs{margin-bottom:24px}
  .section,.section.before{padding:28px 25px;margin-top:17px;border-radius:20px}
  .hero.security{padding:28px 25px}
  .hero.security p{max-width:none;font-size:15px}
  .hero.security:after{width:100%;opacity:.09;mask-image:none;background-position:right center;background-size:auto 100%}
  .public-links .link-settings{padding-left:12px}
  .link-facts,.storage-comparison{grid-template-columns:1fr;gap:14px}
  .link-fact{padding:22px 20px}
  .link-fact p{font-size:15px}
  .section.storage{padding:25px}
  .storage-top{display:flex;flex-direction:column;gap:24px}
  .storage-visual{width:min(260px,100%);height:auto;min-height:0;align-self:center}
  .storage-copy{padding:0}
  .storage-body{padding:0;margin-top:24px}
  .storage-card{padding:22px 20px}
}