.hero {
  position: relative;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 0 52px;
  padding-top: 32px;
  padding-bottom: 0;
  isolation: isolate;
}
.hero::before {
  content: '';
  position: absolute;
  width: 720px;
  height: 690px;
  right: -20px;
  top: -55px;
  z-index: -1;
  pointer-events: none;
  background: radial-gradient(ellipse, #ffead780, transparent 68%);
}
.hero-copy {padding-bottom: 20px;position: relative;z-index: 3}
.hero-announcement {display: inline-flex;align-items: center;gap: 11px;padding: 9px 12px;border: 1px solid #e6e3dc;border-radius: 30px;background: #ffffff80;font-size: 9px;font-weight: 700;letter-spacing: 1.35px}
.hero-announcement .guinea-flag {width: 17px;height: 12px}
.announcement-star {color: var(--orange);font-size: 16px;line-height: 1;margin-left: 5px}
.hero h1 {font-size: clamp(68px, 6.35vw, 94px);font-weight: 750;letter-spacing: -5.7px;line-height: 1.03;margin: 27px 0 36px}
.hero-emphasis {position: relative;display: inline-block;color: var(--orange);font-family: Georgia, 'Times New Roman', serif;font-weight: 400;font-style: italic;letter-spacing: -5.3px;white-space: nowrap}
.hero-emphasis>svg {position: absolute;left: 2%;bottom: -13px;width: 98%;height: 20px;stroke: var(--orange);stroke-width: 2;opacity: .7}
.hero-copy>p {font-size: 15px;line-height: 1.85;color: #727c8c}
.hero-copy>p strong {font-weight: 550;color: #344d6f}
.hero-actions {gap: 24px;margin-top: 29px;flex-wrap: nowrap}
.hero-actions .hero-primary {padding: 9px 9px 9px 20px;gap: 23px;font-size: 12px;min-height: 56px;border-radius: 9px;box-shadow: 0 5px 0 #05296f0d, 0 8px 24px #07368d10}
.hero-primary>span {width: 36px;height: 36px;display: grid;place-items: center;border-radius: 5px;background: #ffffff1c;transition: background .2s}
.hero-primary:hover>span {background: var(--orange)}
.hero .demo-link {gap: 10px;font-size: 11px;white-space: nowrap}
.hero .play {height: 35px;width: 35px;border-color: #ced5df;background: white;font-size: 9px}
.demo-link small {display: block;font-size: 9px;color: #8a93a0;font-weight: 400;margin-top: 5px}
.hero-proof {display: flex;align-items: center;gap: 13px;margin-top: 33px}
.proof-icons {display: flex;padding-left: 0}
.proof-icons>span {display: grid;place-items: center;border: 3px solid var(--paper);width: 36px;height: 36px;border-radius: 50%;background: #e4eafa;color: var(--blue);margin-left: -8px}
.proof-icons>span:first-child {margin-left: 0}
.proof-icons>span:nth-child(2) {background: #ffe6d4;color: #cf672a}
.proof-icons>span:nth-child(3) {background: #e3e9db;color: #657957}
.proof-icons svg {width: 16px;height: 16px}
.hero-proof b {font-size: 10px;font-weight: 650;display: block}
.hero-proof>div>span {display: block;font-size: 9px;color: #8b929d;margin-top: 5px}
.hero-proof .proof-icons>span {display: grid;margin-top: 0}
.hero-visual {position: relative;height: 630px;padding: 0;min-width: 0}
.hero-halo {position: absolute;width: 500px;height: 500px;max-width: 100%;border-radius: 50%;background: #f2e5d3;right: 0;top: 54px}
.hero-halo::after {content: '';position: absolute;inset: -22px;border: 1px solid #e4d9c733;border-radius: 50%}
.hero-trail {position: absolute;inset: -1% 0 auto -6%;width: 107%;height: 100%;stroke: #dfb68e;stroke-width: 1;stroke-dasharray: 3 6;fill: none;opacity: .8}
.hero-trail circle {fill: var(--orange);stroke: none}
.hero .photo-frame {position: absolute;right: 18px;top: 40px;width: 77%;height: 492px;border-radius: 180px 180px 20px 20px;transform: rotate(3deg);box-shadow: 0 24px 45px #59422013;border: 6px solid #fff}
.hero .photo-frame>img {object-position: 60% center;transform: scale(1.03)}
.hero .photo-shade {background: linear-gradient(180deg, transparent 42%, #05234a9c)}
.hero .photo-location {top: 145px;right: 17px;font-size: 8px;padding: 7px 9px;background: #142c322f}
.hero .photo-caption {left: 30px;bottom: 92px}
.hero .photo-caption>span {font-size: 7px;letter-spacing: 1.8px}
.hero .photo-caption strong {font-size: 27px;font-weight: 500;line-height: 1.25;letter-spacing: -.7px;margin-top: 10px}
.hero-seal {position: absolute;right: -7px;top: 12px;width: 107px;height: 107px;border-radius: 50%;background: var(--orange);color: #fff2d9;z-index: 4;box-shadow: 0 6px 0 #faf9f5;border: 1px solid #e55e17;display: grid;place-items: center;transform: rotate(13deg)}
.hero-seal>svg {width: 100%;height: 100%;position: absolute;inset: 0;fill: currentColor;stroke: none;animation: seal-turn 50s linear infinite}
.hero-seal text {font-size: 8.4px;font-family: var(--body);font-weight: 650;letter-spacing: 1.4px}
.hero-seal>span {font-family: Arial, sans-serif;font-size: 52px;line-height: 1;font-weight: 400;margin-top: -2px}
.hero-secure {position: absolute;top: 104px;left: -2px;display: flex;align-items: center;gap: 10px;padding: 12px 15px;background: #ffffffed;border: 1px solid #fff;border-radius: 10px;box-shadow: 0 12px 30px #26384c0c;transform: rotate(-6deg);z-index: 3}
.hero-secure>span {width: 31px;height: 31px;background: #edf3e8;color: #6a8256;display: grid;place-items: center;border-radius: 50%}
.hero-secure svg {width: 19px;height: 19px}
.hero-secure>div {font-size: 9px;color: #7a8594;line-height: 1.65}
.hero-secure b {display: block;font-weight: 600;color: var(--blue)}
.hero-qr-card {position: absolute;left: -7px;top: 281px;width: 180px;background: var(--blue);padding: 16px;border-radius: 13px;color: white;transform: rotate(-9deg);box-shadow: 0 20px 35px #0c2e6126;z-index: 4;transition: transform .3s, box-shadow .3s}
.hero-qr-card:hover {transform: translateY(-7px) rotate(-5deg);box-shadow: 0 27px 40px #0c2e6133}
.qr-card-top {display: flex;align-items: center;justify-content: space-between}
.qr-card-top .mini-wordmark {color: white;font-size: 16px}
.qr-card-top>svg {height: 14px;width: 14px;color: #92b8f8}
.qr-paper {background: #fff;border-radius: 7px;padding: 10px 12px 8px;margin: 15px 0 12px;display: flex;align-items: center;flex-direction: column;gap: 6px}
.qr-paper .qr-art {height: 113px;width: 113px}
.qr-paper>span {font-size: 7px;letter-spacing: 1px;color: var(--blue);font-weight: 700}
.qr-card-bottom {display: flex;align-items: center;justify-content: space-between;font-size: 8px;color: #b5c9ed;line-height: 1.7}
.qr-card-bottom b {color: white;font-weight: 500}
.qr-card-bottom>svg {width: 22px;height: 22px;color: #ffad75}
.hero .payment-float {left: auto;right: -8px;bottom: 61px;width: 310px;display: grid;grid-template-columns: 40px 1fr 15px;gap: 13px;padding: 21px 20px 0;border-radius: 12px;transform: rotate(4deg);animation: hero-float 7s ease-in-out infinite;z-index: 5;box-shadow: 0 20px 50px #132d4a15;border: 1px solid #f2f0e9}
.hero .success-icon {width: 40px;height: 40px;background: #e9f4e8;color: #488c52}
.hero .payment-float>div>span {font-size: 9px;color: #778794}
.hero .payment-float strong {font-size: 30px;line-height: 1.2;margin-top: 5px;letter-spacing: -1px}
.hero .payment-float strong small {font-size: 11px;margin-left: 2px}
.payment-confetti {color: var(--orange);font-size: 23px;align-self: start;margin-top: -4px}
.payment-float-footer {grid-column: 1/-1;display: flex;align-items: center;justify-content: space-between;border-top: 1px solid #edf0eb;margin-top: 1px;padding: 12px 0}
.hero .payment-float .payment-float-footer>span {font-size: 8px;color: #8c958e;display: flex;align-items: center;gap: 5px}
.payment-float-footer i {width: 4px;height: 4px;border-radius: 50%;background: #61a771}
.payment-float-footer>svg {width: 13px;height: 13px;color: #8ca08e}
.hero .visual-foot {position: absolute;bottom: 3px;left: 80px;right: 0;display: flex;font-size: 9px;align-items: center;padding: 0;gap: 7px}
.hero .demo-label {display: block;font-size: 8px}
.hero-bottom {grid-column: 1/-1;display: flex;align-items: center;gap: 35px;border-top: 1px solid #dddcd5;margin-top: 23px;padding: 27px 0 31px}
.hero-bottom-label {font-size: 8px;letter-spacing: 1.1px;line-height: 1.8;color: #9a9e9f;width: 205px;flex-shrink: 0}
.hero-bottom-label b {color: #657185;font-weight: 600}
.hero-bottom>a {display: flex;align-items: center;gap: 13px;font-size: 11px;font-weight: 500;flex: 1;padding: 8px 0}
.hero-bottom>a>span {color: #a7a29a;font-size: 9px;font-weight: 400}
.hero-bottom>a>svg {width: 15px;height: 15px;margin-left: auto;color: #788595;transition: transform .2s}
.hero-bottom>a:hover {color: var(--orange)}
.hero-bottom>a:hover>svg {transform: translateX(4px);color: var(--orange)}
@keyframes seal-turn {to {transform: rotate(360deg)}}
@keyframes hero-float {0%,100% {transform: translateY(0) rotate(4deg)}50% {transform: translateY(-7px) rotate(3deg)}}
@media(min-width:1500px) {.hero{padding-top:45px}.hero h1{font-size:98px}.hero-visual{height:660px}.hero .photo-frame{height:520px}.hero .payment-float{bottom:63px}.hero-qr-card{top:305px}}
@media(max-width:1150px) {.hero{gap:0 30px}.hero h1{font-size:76px;letter-spacing:-4.5px}.hero-emphasis{letter-spacing:-4.5px}.hero-visual{height:590px}.hero .photo-frame{height:452px;right:10px;width:81%}.hero-qr-card{width:154px;top:282px;padding:13px}.qr-paper .qr-art{width:94px;height:94px}.hero .payment-float{width:269px;right:-10px;bottom:43px;padding:17px 15px 0;gap:10px}.hero .payment-float strong{font-size:26px}.hero-secure{left:-9px;top:117px;padding:10px 12px}.hero-seal{right:-9px;width:90px;height:90px}.hero-seal>span{font-size:43px}.hero .photo-caption{left:38px;bottom:76px}.hero .photo-caption strong{font-size:22px}.hero .visual-foot{left:20px;bottom:0}.hero-actions{gap:17px}.hero-actions .hero-primary{font-size:10px;gap:13px;padding-left:15px}.hero .demo-link{font-size:10px;gap:7px}.demo-link small{font-size:8px}.hero-bottom{gap:25px}.hero-bottom-label{width:170px}.hero-bottom>a{font-size:10px;gap:9px}}
@media(max-width:900px) and (min-width:701px) {.hero{gap:0 24px;padding-top:25px}.hero h1{font-size:63px;letter-spacing:-3.8px}.hero-emphasis{letter-spacing:-3.9px}.hero-announcement{font-size:7px;gap:8px;letter-spacing:1px}.hero-copy>p{font-size:12px}.hero-actions{flex-direction:column;align-items:flex-start;gap:16px}.hero-actions .hero-primary{font-size:11px}.hero .demo-link{font-size:11px}.hero-proof{margin-top:23px;gap:8px}.hero-proof b{font-size:8px}.hero-proof>div>span{font-size:8px}.proof-icons>span{width:30px;height:30px}.hero-visual{height:578px}.hero .photo-frame{width:88%;height:404px;top:66px;right:0;border-width:4px}.hero-seal{top:32px;right:-6px;width:80px;height:80px}.hero-secure{top:138px;left:-12px;gap:7px;padding:8px}.hero-secure>div{font-size:8px}.hero-secure>span{height:26px;width:26px}.hero-halo{top:122px;height:350px}.hero-qr-card{width:128px;top:310px;left:-7px;padding:11px}.qr-paper{padding:8px;margin:11px 0 8px}.qr-paper .qr-art{width:84px;height:84px}.qr-paper>span{font-size:5px}.qr-card-top .mini-wordmark{font-size:13px}.qr-card-bottom{font-size:7px}.qr-card-bottom>svg{width:16px}.hero .payment-float{width:222px;bottom:29px;right:-5px;grid-template-columns:30px 1fr 8px;padding:13px 12px 0;gap:9px}.hero .success-icon{width:30px;height:30px}.hero .payment-float>div>span{font-size:7px}.hero .payment-float strong{font-size:23px}.hero .payment-float .payment-float-footer>span{font-size:6px}.hero .photo-caption{bottom:85px;left:25px}.hero .photo-caption strong{font-size:20px}.hero .photo-caption>span{font-size:6px}.hero .photo-location{top:140px;font-size:7px;right:9px}.hero .visual-foot{left:0;bottom:-13px;font-size:7px}.hero .demo-label{font-size:6px}.hero-bottom{gap:17px;margin-top:32px}.hero-bottom-label{width:133px;font-size:6px}.hero-bottom>a{font-size:9px;gap:6px}}
@media(max-width:700px) {.hero{grid-template-columns:1fr;padding-top:20px;gap:16px}.hero::before{width:100%;height:540px;top:500px;right:0}.hero-copy{padding-bottom:0}.hero-announcement{font-size:8px;letter-spacing:1.1px;padding:8px 11px}.hero h1{font-size:clamp(65px,15vw,92px);line-height:1.04;letter-spacing:-4.5px;margin:25px 0 32px}.hero-emphasis{letter-spacing:-4px}.hero-emphasis>svg{bottom:-11px;height:17px}.hero-copy>p{font-size:13px;line-height:1.85}.hero-actions{flex-direction:row;align-items:center;gap:17px;margin-top:24px;flex-wrap:wrap}.hero-actions .hero-primary{font-size:10px;gap:14px;min-height:52px;padding:8px 8px 8px 15px}.hero-primary>span{width:31px;height:33px}.hero .demo-link{font-size:10px;gap:8px}.hero .play{width:31px;height:31px}.demo-link small{font-size:8px}.hero-proof{margin-top:24px;gap:11px}.hero-proof b{font-size:9px}.hero-proof>div>span{font-size:8px}.hero-visual{width:100%;max-width:450px;height:555px;margin:12px auto 0}.hero-halo{height:350px;width:350px;top:74px;right:0}.hero-trail{height:100%;left:-3%;width:103%}.hero .photo-frame{top:40px;right:8px;width:81%;height:409px;border-width:4px;border-radius:150px 150px 18px 18px}.hero .photo-frame>img{object-position:59% center}.hero-seal{top:19px;right:0;width:86px;height:86px}.hero-seal>span{font-size:41px}.hero-secure{top:107px;left:-2px;padding:10px;gap:8px}.hero-secure>div{font-size:8px}.hero-secure>span{width:27px;height:27px}.hero .photo-location{top:129px;right:10px;font-size:7px}.hero .photo-caption{left:36px;bottom:79px}.hero .photo-caption>span{font-size:6px;letter-spacing:1px}.hero .photo-caption strong{font-size:21px;margin-top:8px}.hero-qr-card{top:281px;left:0;width:138px;padding:12px;border-radius:11px}.qr-card-top .mini-wordmark{font-size:14px}.qr-paper{padding:8px;margin:11px 0 9px}.qr-paper .qr-art{width:90px;height:90px}.qr-paper>span{font-size:6px;letter-spacing:.7px}.qr-card-bottom{font-size:7px}.qr-card-bottom>svg{width:17px;height:17px}.hero .payment-float{right:-2px;bottom:40px;width:232px;padding:14px 13px 0;grid-template-columns:30px 1fr 12px;gap:10px}.hero .success-icon{width:30px;height:30px}.hero .success-icon svg{width:19px;height:19px}.hero .payment-float>div>span{font-size:7px}.hero .payment-float strong{font-size:25px}.hero .payment-float strong small{font-size:9px}.hero .payment-float .payment-float-footer>span{font-size:6px}.payment-float-footer{padding:10px 0}.payment-confetti{font-size:20px}.hero .visual-foot{bottom:1px;left:0;right:0;font-size:8px}.hero .demo-label{font-size:7px}.hero-bottom{margin-top:9px;display:grid;grid-template-columns:1fr;padding:19px 0 23px;gap:0}.hero-bottom-label{display:none}.hero-bottom>a{padding:12px 0;border-bottom:1px solid #e9e6df;font-size:11px;gap:15px}.hero-bottom>a:last-child{border:0}.hero-bottom>a>span{font-size:8px}}
@media(max-width:380px) {.hero-announcement{font-size:7px}.hero h1{font-size:62px;letter-spacing:-3.9px}.hero-emphasis{letter-spacing:-3.8px}.hero-copy>p{font-size:12px}.hero-actions{gap:12px}.hero-actions .hero-primary{font-size:9px;gap:10px;padding-left:12px}.hero .demo-link{font-size:9px;gap:6px}.hero .play{width:26px;height:26px}.demo-link small{font-size:7px}.hero-visual{height:520px}.hero .photo-frame{height:370px;width:84%;right:1px}.hero-halo{width:100%;height:320px}.hero .photo-caption{bottom:74px;left:29px}.hero .photo-caption strong{font-size:19px}.hero-qr-card{top:257px;width:124px;padding:10px}.qr-paper .qr-art{width:79px;height:79px}.qr-card-bottom{font-size:6px}.hero .payment-float{width:212px;bottom:42px;right:-1px;gap:7px}.hero .payment-float>div>span{font-size:6px}.hero .payment-float strong{font-size:23px}.hero .payment-float .payment-float-footer>span{font-size:5.5px}.hero-secure{top:106px;left:-3px}.hero .photo-location{top:129px;font-size:6px}.hero-seal{width:77px;height:77px}.hero-seal>span{font-size:36px}}
@media(max-width:700px) {.hero{grid-template-columns:minmax(0,1fr)}.hero-copy{min-width:0}.hero-halo::after{inset:-12px}}
@media(max-width:380px) {.hero h1{font-size:clamp(53px,16.5vw,62px)}}
@media(prefers-reduced-motion:reduce) {.hero-seal>svg,.hero .payment-float{animation:none}.hero-qr-card,.hero-bottom>a>svg{transition:none}}