/* Reference-calibrated layout. The source image is never rendered as a page. */
body{background:radial-gradient(ellipse at 72% 8%,#07184188,transparent 27%),linear-gradient(#010a1c,#00102c 75%,#020e24)}
.hero .eyebrow,.transfer-copy .eyebrow{display:none}
.transfer{isolation:isolate}
.transfer-art{width:100%;opacity:1;mask-image:none;object-fit:cover;object-position:center 80%}
.transfer-copy{text-align:center;margin-inline:auto;width:40%;padding-bottom:8px}
.transfer-copy .muted{color:#becde2}
.transfer-copy small{white-space:nowrap;position:relative;left:50%;transform:translateX(-50%);width:max-content;max-width:90vw}
.popular:not(.is-directory) .tool-body p,.popular:not(.is-directory) .tool-arrow{display:none}
.popular:not(.is-directory) .tool-body{justify-content:center;text-align:center}
.tool-card{background:linear-gradient(140deg,#07162e,#061128);border-color:#344056}
.category-card{background:linear-gradient(135deg,#03132e,#02152f);border-color:#31425f}
.shield-art{width:100%;height:auto;mask-image:radial-gradient(ellipse,#000 47%,transparent 72%)}
.advertisements{position:relative}
.ad-controls{position:absolute;right:15px;top:12px;z-index:4;margin:0;font-size:.65rem;gap:7px}
.ad-controls>span{display:none}
.ad-controls button{font-size:.65rem;min-height:28px;padding:3px 8px;background:#051932c9}
.advert{isolation:isolate;display:block;min-height:300px;background:#04215a}
.ad-copy{position:relative;z-index:2;width:53%;padding:28px 30px}
.advert .ad-image{position:absolute;z-index:0;right:0;bottom:0;width:68%;height:100%;object-fit:cover;padding:0;mask-image:linear-gradient(90deg,transparent,#000 27%)}
.advert[data-campaign=fortune] .ad-image{width:59%;object-fit:contain;mask-image:none}
.advert[data-campaign=fortune]{background:radial-gradient(ellipse at 79% 47%,#482265bb,transparent 70%),linear-gradient(100deg,#180827,#0d0720)}
.ad-copy h3{font-size:2.65rem;line-height:1.25;margin:14px 0 9px}
.ad-copy p{font-size:1.2rem;margin-bottom:18px}
.ad-cta{font-size:1rem;padding:7px 20px}
.ad-label{font-size:.9rem}
.ad-scenery{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.ad-sweep{position:absolute;inset:0;background:linear-gradient(108deg,transparent 35%,#45beff22 49%,transparent 63%);transform:translateX(-110%);animation:ad-sweep 8s ease-in-out infinite;opacity:.8}
.ad-particles{position:absolute;right:9%;top:24%;width:5px;height:5px;background:#87d7ff;border-radius:50%;box-shadow:46px 55px #35bfff,120px 12px #dcf2ff,210px 120px #6ccaed,310px 26px #267aca,-50px 130px #5acbfa;animation:ad-sparkle 4.5s ease-in-out infinite}
.advert .ad-image{animation:ad-drift 10s ease-in-out infinite;transform-origin:75% 60%;transition:none}
.advert:hover .ad-image{transform:none}
.advert[data-campaign=fortune] .ad-image{animation:tarot-drift 7s ease-in-out infinite}
.ad-orbit{position:absolute;width:260px;height:260px;border:1px solid #e3bb6750;border-radius:50%;right:9%;top:50%;margin-top:-130px;box-shadow:0 0 30px #dca34415,inset 0 0 40px #f4bd3314;animation:ad-orbit 35s linear infinite}
.ad-orbit:before,.ad-orbit:after{content:'';position:absolute;inset:25px;border:1px dashed #edc67255;border-radius:50%}.ad-orbit:after{inset:65px;border-style:solid}
.advert[data-campaign=fortune] .ad-particles{background:#ffeab7;box-shadow:46px 55px #ffdc78,120px 12px #ffeab7,210px 120px #d4aa51,310px 26px #967528,-50px 130px #fff7d6}
.transfer-flow{position:absolute;left:15%;bottom:22%;width:68%;height:38%;pointer-events:none;border-bottom:2px solid #209eed88;border-radius:50%;filter:drop-shadow(0 0 7px #1d82e8);z-index:0}
.transfer-flow i{display:block;position:absolute;bottom:-5px;left:0;width:10px;height:12px;border:1px solid #87eaff;background:#45a5ff77;box-shadow:0 0 9px #2692ff;border-radius:2px;animation:file-flow 6s ease-in-out infinite}
.transfer-flow i:nth-child(2){animation-delay:2s}.transfer-flow i:nth-child(3){animation-delay:4s}
[data-motion-paused=true] .advert *,[data-motion-paused=true] .transfer-flow *,[data-page-hidden=true] .advert *,[data-page-hidden=true] .transfer-flow *{animation-play-state:paused!important}
@keyframes ad-sweep{0%,18%{transform:translateX(-110%)}70%,100%{transform:translateX(110%)}}
@keyframes ad-sparkle{0%,100%{opacity:.2;transform:translateY(5px)}50%{opacity:.8;transform:translateY(-6px)}}
@keyframes ad-drift{0%,100%{transform:scale(1) translateX(0)}50%{transform:scale(1.045) translateX(-5px)}}
@keyframes tarot-drift{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes ad-orbit{to{transform:rotate(360deg)}}
@keyframes file-flow{0%{left:0;opacity:0;transform:translateY(-40px)}15%{opacity:.9}50%{transform:translateY(0)}85%{opacity:.9}100%{left:98%;opacity:0;transform:translateY(-40px)}}
@media(min-width:1101px){
  .shell{width:min(1362px,calc(100% - 88px))}
  .header{width:calc(100% - 36px);max-width:1414px;height:112px;min-height:0;margin-top:0;padding:15px 22px;border:0;border-bottom:1px solid #29344c;border-radius:0;background:transparent;gap:36px}
  .brand{font-size:2rem;gap:10px}.brand img{width:66px;height:66px}.header nav{font-size:1.12rem;gap:34px}.languages{font-size:1rem}
  .hero{height:542px;min-height:0;grid-template-columns:47% 53%;padding:0}
  .hero-copy{padding:26px 0 0 34px}.hero h1{font-size:3.25rem;line-height:1.33;letter-spacing:-.8px}
  .hero-description{font-size:1.45rem;margin-top:15px;white-space:nowrap}
  .hero-art{margin-left:-12px;height:100%;display:grid;place-items:center}
  .hero-art img{width:106%;max-width:106%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse,#000 62%,transparent 78%)}
  .search{max-width:590px;min-height:76px;margin-top:23px;border-radius:10px}.search input{font-size:1.18rem}.search button{background:transparent;font-size:1rem;padding:8px}
  .trust{margin-top:21px;gap:12px}.trust>span{font-size:1rem;border-radius:7px;padding:7px 13px}.trust i{font-size:1.3rem}
  .inventory{font-size:1.18rem;margin-top:14px}
  .transfer{height:350px;min-height:0;padding:22px 30px}
  .transfer h2{font-size:2.5rem}.transfer-copy>p{font-size:1.25rem}.transfer-copy>.muted{font-size:1.15rem}.transfer .button{font-size:1.25rem;padding:10px 30px;margin-top:18px}.transfer-copy small{font-size:.95rem;margin-top:24px}
  .popular{margin-top:28px}.section-heading{margin-bottom:17px}.section-heading h2{font-size:1.8rem}.text-button{font-size:1.15rem}
  .tool-grid{gap:18px}.popular:not(.is-directory) .tool-card{height:270px}
  .popular:not(.is-directory) .tool-card img{height:212px;aspect-ratio:auto;object-fit:contain}
  .popular:not(.is-directory) .tool-body{padding:7px 8px;min-height:56px}
  .popular:not(.is-directory) .tool-body h3{font-size:1.13rem;line-height:1.3;min-height:0}
  .advertisements{margin-top:24px}.advert{height:314px;min-height:0}#adSlots{gap:18px}
  #categories{margin-top:38px}#categories .section-heading{margin-bottom:15px}#categories .muted{font-size:1.08rem;margin-top:0}
  .category-grid{gap:18px}.category-card{padding:20px 18px;min-height:328px}.category-title{font-size:1.15rem}.category-heading svg{width:40px;height:40px}.category-heading{gap:10px;padding-bottom:16px}.count{font-size:1rem;min-width:30px;height:31px}
  .category-card li{font-size:1rem;line-height:1.42;margin:5px 0}.category-more{font-size:.95rem;margin-top:4px}.category-more summary{min-height:30px}
  .center{margin-top:20px}.center .button{font-size:1.12rem;padding:8px 26px}
  .info-grid{margin-top:24px;gap:26px;grid-template-columns:1fr 1.06fr}.info-grid .panel{padding:20px 26px;min-height:354px}.info-grid h2{font-size:1.75rem}
  .steps ol{margin-top:13px;gap:10px}.steps li{padding:10px 14px;min-height:76px}.steps h3{font-size:1.08rem}.steps p{font-size:.85rem}.steps li>span{width:50px;height:50px;font-size:1.8rem}.privacy-body{grid-template-columns:1fr 1fr;gap:8px;margin-top:0}.shield-art{height:280px;object-fit:contain}.privacy p{font-size:1.08rem;margin-bottom:25px}.privacy a{font-size:.85rem}
  .footer{margin-top:0;padding:20px 0 16px}.footer-grid{grid-template-columns:1.4fr 1fr 1fr .6fr;gap:40px}.footer .brand{font-size:1.5rem}.footer .brand img{width:56px;height:56px}.footer p{font-size:1.05rem;margin:5px 0}.footer h3{font-size:.95rem;margin-bottom:2px}.footer-grid>div>a:not(.brand){font-size:.95rem;margin:3px 0}.footer small{font-size:.7rem}
}
@media(max-width:1100px){.transfer{min-height:285px}.transfer-copy{width:48%}.transfer-copy small{white-space:normal;width:100%;left:0;transform:none}.advert .ad-image{width:63%}.ad-copy{padding:38px 22px 20px;width:54%}.ad-copy h3{font-size:1.8rem}.ad-copy p{font-size:.9rem}.advert{min-height:245px}.shield-art{max-width:190px;margin-inline:auto}}
@media(max-width:800px){.transfer-copy{width:50%}.transfer h2{font-size:1.6rem}.transfer-art{object-fit:cover}.ad-copy{width:60%}.advert .ad-image{width:58%}}
@media(max-width:560px){
  .hero-art{margin-bottom:8px}.transfer{padding:24px 16px 182px;min-height:415px}.transfer-copy{width:100%}.transfer-art{height:180px;top:auto;bottom:0;object-fit:contain}.transfer-flow{bottom:7%;height:16%;left:12%;width:75%}.transfer-copy small{max-width:100%}
  .ad-controls{position:relative;right:auto;top:auto;justify-content:flex-end;margin-bottom:9px}.ad-controls button{min-height:40px;font-size:.75rem}
  .advert{height:335px;min-height:0}.ad-copy{padding:20px;width:100%}.ad-copy h3{font-size:1.8rem;margin:7px 0}.ad-copy p{font-size:.85rem}.ad-label{font-size:.7rem}.ad-cta{font-size:.8rem;padding:5px 13px}
  .advert .ad-image{width:100%;height:58%;object-position:75% center;opacity:.65;mask-image:linear-gradient(180deg,transparent,#000 35%);margin:0}.advert[data-campaign=fortune] .ad-image{width:60%;height:52%;opacity:1;mask-image:none}.ad-copy p{max-width:95%}.ad-orbit{width:170px;height:170px;right:8%;top:77%;margin-top:-85px}.ad-sweep{opacity:.5}.shield-art{max-width:160px}
}
@media(prefers-reduced-motion:reduce){.advert *,.transfer-flow *{animation:none!important;transition:none!important}}
/* Type and artwork calibration at the reference's 2x desktop viewport. */
@media(min-width:1101px){
  .brand{font-size:2.5rem}.header nav{font-size:1.4rem;gap:38px}.header{gap:28px}.languages{font-size:1.2rem}
  .hero-copy{padding-top:10px}.hero h1{font-size:3.65rem;line-height:1.3}.hero-description{font-size:1.75rem;margin-top:12px}
  .search{max-width:590px;margin-top:25px}.search input{font-size:1.4rem}.search button{font-size:1rem}
  .trust>span{font-size:1.38rem;padding:7px 14px}.trust i{font-size:1.7rem}.inventory{font-size:1.52rem}
  .transfer-copy{width:44%;padding-bottom:0}.transfer h2{font-size:3rem}.transfer-copy>p{font-size:1.65rem}.transfer-copy>.muted{font-size:1.4rem}.transfer .button{font-size:1.7rem;margin-top:16px;padding:7px 40px}.transfer-copy small{font-size:1.16rem;margin-top:20px}
  .section-heading h2{font-size:2rem}.text-button{font-size:1.55rem}
  .popular:not(.is-directory) .tool-card img{object-fit:cover}.popular:not(.is-directory) .tool-body h3{font-size:1.4rem;line-height:1.35}
  .ad-copy{padding:20px 52px;width:57%}.ad-copy h3{font-size:4.5rem;margin:4px 0 0}.ad-copy p{font-size:2.15rem;line-height:1.45;margin:0 0 15px}.ad-label{font-size:1.4rem}.ad-cta{font-size:1.65rem;padding:4px 28px}
  .advert[data-campaign=jobs] .ad-image{width:100%;object-position:center 35%;mask-image:linear-gradient(90deg,transparent 15%,#000 55%)}
  .ad-controls{top:12px}.ad-controls button{font-size:.9rem;padding:4px 9px;min-height:34px}
  .category-title{font-size:1.38rem}.count{font-size:1.35rem;min-width:35px;height:35px}.category-card li{font-size:1.15rem;margin:3px 0}.category-more{font-size:1.1rem}.category-heading svg{width:45px;height:45px}
  #categories .muted{font-size:1.35rem}.center .button{font-size:1.5rem}
  .info-grid h2{font-size:2.1rem}.steps h3{font-size:1.35rem}.steps p{font-size:1.05rem;line-height:1.3}.steps li{min-height:83px}.steps li>span{width:58px;height:58px;font-size:2.1rem}.privacy p{font-size:1.45rem;line-height:1.55}.privacy a{font-size:1rem}.shield-art{height:305px}
  .footer .brand{font-size:2.1rem}.footer p{font-size:1.3rem;max-width:310px}.footer h3{font-size:1.15rem}.footer-grid>div>a:not(.brand){font-size:1.2rem}.footer-grid{grid-template-columns:1.4fr .8fr 1.1fr .6fr;gap:40px}
}
@media(min-width:1101px) and (max-width:1350px){.header nav{font-size:1.05rem;gap:22px}.brand{font-size:2rem}.hero h1{font-size:3rem}.hero-description{font-size:1.4rem}.ad-copy h3{font-size:3.6rem}.ad-copy p{font-size:1.8rem}.category-title{font-size:1.15rem}}
.advert[data-campaign=fortune] .ad-image{width:100%;object-fit:cover;object-position:center 45%;mask-image:linear-gradient(90deg,transparent 20%,#000 54%)}
@media(min-width:1101px){
  .popular{margin-top:22px}.popular .section-heading{margin-bottom:12px}.tool-grid{gap:18px 18px}.popular:not(.is-directory) .tool-body{padding:5px 3px}.popular:not(.is-directory) .tool-body h3{font-size:1.35rem}
  .popular:not(.is-directory) .tool-card img{object-fit:fill}
  #categories{margin-top:32px}#categories .section-heading{margin-bottom:10px}.category-card{min-height:320px}.category-heading{padding-bottom:12px}.center{margin-top:14px}
  .info-grid{margin-top:18px}.info-grid .panel{min-height:354px;padding:16px 26px}.shield-art{height:290px}.steps li{min-height:76px;padding:8px 14px}.steps ol{gap:8px}.footer{padding-block:13px}
}
@media(max-width:560px){.advert[data-campaign=fortune] .ad-image{width:100%;height:65%;object-fit:cover;object-position:70% center;mask-image:linear-gradient(180deg,transparent,#000 50%)}.ad-copy{z-index:3}}
.step-icon{width:44px;height:44px;flex-shrink:0;color:#bb9af9;filter:drop-shadow(0 0 5px #8265ff80)}
.steps li:nth-child(2) h3{color:#d5b4f6}.steps li:nth-child(3) h3{color:#ffaa91}
@media(min-width:1101px){
  .category-card{min-height:336px}.category-grid{gap:18px}
  .steps li{gap:24px}.step-icon{width:55px;height:55px;margin-right:12px}.steps li>div{max-width:350px}.steps li>span{border-width:3px}
  .privacy-body{grid-template-columns:1fr 1fr}.shield-art{width:123%;max-width:none;margin-left:-12%;height:305px}
  .footer-grid h3,.footer-grid>div>small,.footer-grid>div:last-child>a{display:none}.footer-grid>div:nth-child(2),.footer-grid>div:nth-child(3){border-left:1px solid #16223e;padding-left:32px}
  .footer{padding:14px 0 10px}.footer-grid{gap:26px}.footer .brand img{width:70px;height:70px}
}
@media(max-width:1100px){.steps li{gap:9px}.step-icon{width:28px;height:28px}}
@media(min-width:1101px){
  html[lang=en] .hero h1{font-size:3.1rem}
  html[lang=en] .hero-description{white-space:normal;font-size:1.5rem}
  html[lang=en] .ad-copy p{font-size:1.65rem}
  html[lang=en] .ad-label{font-size:1.25rem}
}