/* Illustrative social notifications: fictional names and AI-created portraits. */
.simulation-note{position:absolute;z-index:5;top:0;right:0;margin:0;color:#b3c5cf;font-size:10px;line-height:1.5;letter-spacing:.035em}
.notification{z-index:4;width:320px;min-height:54px;padding:6px 9px;gap:9px;border:1px solid #e5e5e8;border-radius:9px;background:#fff;color:#151515;box-shadow:0 5px 22px #0005;opacity:1;pointer-events:none;transition:opacity .24s,translate .35s cubic-bezier(.2,.7,.3,1)}
.fx-powered .notification{animation:ig-notice-enter .8s both,ig-notice-float 7s ease-in-out infinite;animation-delay:var(--delay),calc(var(--delay) + .8s)}
.notification .profile-ring{display:grid;place-items:center;width:39px;height:39px;padding:2px;flex:0 0 39px;border-radius:50%;background:conic-gradient(#cb36a4,#f84170,#ffb840,#f5762d,#cb36a4)}
.profile-avatar{display:block;width:100%;height:100%;border:2px solid #fff;border-radius:50%;background-color:#d4d9df;background-image:url('assets/perfis-ficticios-atlas.webp');background-size:400% 200%;background-position:var(--avatar-x) var(--avatar-y)}
.notification-copy{font-family:Arial,Helvetica,sans-serif;flex:1;min-width:0;margin:0;font-size:11px;line-height:1.25;font-weight:400;color:#232323}
.notification .notification-copy strong{display:inline;font:700 11px/1.25 Arial,Helvetica,sans-serif;color:#111}
.notification .notification-copy small{display:inline;color:#888;font-size:10px;line-height:1.25;margin-left:3px;white-space:nowrap}
.follow-back{display:grid;place-items:center;flex:0 0 96px;min-height:27px;padding:5px 7px;border-radius:5px;background:#5157ee;color:#fff;font:700 10px/1 Arial,Helvetica,sans-serif;white-space:nowrap}
.n1{left:-2%;top:5%;right:auto;width:320px;--delay:.35s}
.n2{right:-1%;top:17%;left:auto;width:300px;--delay:.65s}
.n3{left:-7%;top:69%;right:auto;width:300px;--delay:.95s;z-index:7}
.n4{right:0;top:29%;left:auto;width:290px;--delay:1.25s}
.notification.is-changing{opacity:.25;translate:0 7px}
.fx-paused .notification,.fx-reduced .notification{opacity:1;translate:0 0}
.hero-word{font-weight:inherit;font-style:normal;display:inline-block;will-change:translate,opacity}
.fx-powered .hero-word{animation:word-arrive .8s cubic-bezier(.2,.75,.25,1) both;animation-delay:calc(.25s + var(--word) * .12s)}
.headline-sheen .hero-word{color:#f3f8fc;background:linear-gradient(110deg,#f5f8fa 25%,#b2c8d7 43%,#c8edff 49%,#fff 57%,#f5f8fa 72%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.fx-powered .headline-sheen .hero-word{animation:word-arrive .8s cubic-bezier(.2,.75,.25,1) both,word-metal 7s ease-in-out infinite;animation-delay:calc(.25s + var(--word) * .12s),calc(1.3s + var(--word) * .18s)}
.fx-powered .hero-description{animation:description-arrive .9s ease both;animation-delay:.7s}
.fx-powered .hero .eyebrow{animation:eyebrow-arrive .9s ease both}
.feature-symbol{width:38px;height:42px;display:grid;place-items:center;flex:0 0 38px;position:relative;isolation:isolate;border:1px solid #6e94aa75;border-radius:10px;background:linear-gradient(145deg,#213d4e88,#07131c)}
.hero-features .feature-symbol .icon{width:25px;height:25px}
.feature-symbol:before{content:'';position:absolute;inset:-4px;border:1px solid #9cdcff33;border-radius:13px;opacity:0;pointer-events:none}
.fx-powered .feature-symbol:before{animation:icon-halo 4s ease-out infinite}
.hero-features li:nth-child(2) .feature-symbol:before{animation-delay:.8s}.hero-features li:nth-child(3) .feature-symbol:before{animation-delay:1.6s}
.hero-features li:hover .feature-symbol{border-color:#d6f3ff;box-shadow:0 0 20px #70caff40;translate:0 -3px;transition:.25s}
.fx-powered .section-heading h2{animation:title-luminance 6s ease-in-out infinite}
.offer-icon{transition:rotate .3s,scale .3s,box-shadow .3s}
.offer-card:hover .offer-icon{box-shadow:0 0 26px #88d4ff45,inset 0 1px 0 #dbf5ff44}
.fx-paused .hero-word,.fx-reduced .hero-word,.fx-paused .hero-description,.fx-reduced .hero-description{animation:none!important;opacity:1;translate:0 0;filter:none}
.fx-paused .hero-word,.fx-reduced .hero-word{will-change:auto}
@media(min-width:1101px) and (max-width:1300px){.notification{width:282px;padding:6px 8px;gap:7px}.notification-copy,.notification .notification-copy strong{font-size:10.8px}.follow-back{flex-basis:82px;font-size:9.2px}.notification .profile-ring{width:35px;height:35px;flex-basis:35px}.n3{left:-5%}.n4{right:0}}
@media(min-width:701px) and (max-width:1100px){.notification{width:228px;min-height:59px;padding:7px;gap:6px}.notification-copy,.notification .notification-copy strong{font-size:9px}.notification .notification-copy small{font-size:8px}.notification .profile-ring{width:31px;height:31px;flex-basis:31px}.follow-back{flex-basis:64px;font-size:7.7px;min-height:24px;padding:4px}.n1{left:-3%;top:5%}.n2{right:0;top:20%}.n3{left:-7%;top:42%}.n4{right:0;top:57%}.simulation-note{font-size:8px}.feature-symbol{width:28px;height:32px;flex-basis:28px}.hero-features .feature-symbol .icon{width:20px;height:20px}}
@media(max-width:700px){.hero-art{aspect-ratio:1/1.5;margin-top:38px}.hero-portrait{top:24%;width:115%;left:-9%}.orbit-field{inset:14% -3% 0 -8%}.notification{width:250px;min-height:62px;padding:8px;gap:7px;border-radius:8px}.notification-copy,.notification .notification-copy strong{font-size:10px}.notification .notification-copy small{font-size:8.5px}.notification .profile-ring{width:32px;height:32px;flex-basis:32px}.follow-back{flex-basis:67px;font-size:8.1px;min-height:25px;padding:4px}.n1{left:0;top:2%;right:auto}.n2{right:0;top:18%;left:auto}.n3,.n4{display:none}.simulation-note{top:-15px;right:0;font-size:8px;letter-spacing:.025em}.feature-symbol{width:27px;height:31px;flex-basis:27px;border-radius:8px}.hero-features .feature-symbol .icon{width:19px;height:19px}.feature-symbol:before{border-radius:10px}.hero-features li{gap:7px}.hero-word{will-change:auto}}
@keyframes ig-notice-enter{from{opacity:0;translate:0 13px;scale:.96}to{opacity:1;translate:0 0;scale:1}}
@keyframes ig-notice-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes word-arrive{from{opacity:0;translate:0 17px;filter:blur(5px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes word-metal{0%,15%{background-position:100% 50%}60%,100%{background-position:0 50%}}
@keyframes description-arrive{from{opacity:0;translate:0 10px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}
@keyframes eyebrow-arrive{from{opacity:0;translate:-8px 0}to{opacity:1;translate:0 0}}
@keyframes icon-halo{0%{opacity:0;scale:.95}25%{opacity:.8}75%,100%{opacity:0;scale:1.2}}
@keyframes title-luminance{0%,100%{text-shadow:0 0 0 #9cdbff00}50%{text-shadow:0 0 24px #9cdbff38}}
@media(prefers-reduced-motion:reduce){.hero-word,.hero-description{opacity:1;translate:0 0;filter:none;will-change:auto}.notification{opacity:1;translate:0 0}}

@media(min-width:701px) and (max-width:1100px){.n3,.n4{display:none}.n2{top:17%}.hero-portrait{top:25%}}

@media(max-width:1100px){.notification{min-height:56px}}