/* Product screenshots remain intact; all framing is presentation-only. */
html .fgt-product-hero{background:var(--fgt-paper)!important;overflow:hidden}
html .fgt-product-hero:before{background:radial-gradient(ellipse at 85% 38%,var(--fgt-glow),transparent 65%)!important}
html .fgt-product-hero .content-column .inner-column{padding:145px 0 65px!important}
html .fgt-product-hero .content-column h3{color:var(--fgt-ink)!important}
html .fgt-product-hero .content-column .text{color:var(--fgt-body)!important}
html .fgt-product-hero .content-column h3>span{color:var(--fgt-accent)!important}
.fgt-product-column{position:relative;z-index:2;min-width:0;padding-top:135px;padding-bottom:45px}

.fgt-product-preview{position:relative;max-width:620px;margin-inline:auto;padding:14px 0 18px;isolation:isolate}
.fgt-product-preview:before{content:'';position:absolute;inset:12% 4% 13%;z-index:-1;border:1px solid var(--fgt-line);border-radius:54px 12px 54px 12px;background:linear-gradient(145deg,var(--fgt-glow),transparent 60%);transform:rotate(-8deg);pointer-events:none}
.fgt-product-preview:after{content:'';position:absolute;inset:22% 0 22% 12%;z-index:-1;border-top:1px solid var(--fgt-accent);border-bottom:1px solid var(--fgt-line);border-radius:24px 4px;transform:rotate(-24deg);opacity:.35;background:linear-gradient(125deg,transparent 48%,var(--fgt-glow) 49%,transparent 51%);pointer-events:none}
.fgt-product-heading{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px;font:600 11px/1.5 'Jost',sans-serif;letter-spacing:.12em;color:var(--fgt-ink)}
.fgt-product-heading b{color:var(--fgt-accent);margin-inline:5px}
.fgt-product-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--fgt-line);border-radius:9px;color:var(--fgt-accent);background:var(--fgt-surface);font-size:20px}
.fgt-product-stage{position:relative;width:100%;aspect-ratio:1 / 1.12;perspective:1200px}
.fgt-product-stage .fgt-product-phone{position:absolute;left:50%;top:0;width:46%;padding:0;margin:0;border:0;background:transparent;cursor:pointer;transform-origin:center;transition:transform .8s cubic-bezier(.22,.68,.2,1),filter .8s,opacity .8s;-webkit-tap-highlight-color:transparent}
/* A diagonal, staggered composition: a raised left phone, an offset hero and a lower right phone. */
.fgt-product-phone[data-position="front"]{transform:translateX(-59%) translateY(7%) rotate(-3deg);z-index:3;filter:none;opacity:1}
.fgt-product-phone[data-position="left"]{transform:translateX(-119%) translateY(-10%) rotate(-8deg) scale(.70);z-index:1;filter:brightness(.80);opacity:.94}
.fgt-product-phone[data-position="right"]{transform:translateX(15%) translateY(22%) rotate(8deg) scale(.74);z-index:2;filter:brightness(.84);opacity:.96}
/* Four orbit positions keep the rear screen visible above the front phone. */
.fgt-product-preview-four .fgt-product-phone{width:42%}
.fgt-product-preview-four .fgt-product-phone[data-position="front"]{transform:translateX(-52%) translateY(18%) rotate(-3deg) scale(.94);z-index:4}
.fgt-product-preview-four .fgt-product-phone[data-position="right"]{transform:translateX(24%) translateY(12%) rotate(9deg) scale(.72);z-index:3}
.fgt-product-preview-four .fgt-product-phone[data-position="back"]{transform:translateX(-35%) translateY(-17%) rotate(3deg) scale(.64);z-index:1;filter:brightness(.78);opacity:.92}
.fgt-product-preview-four .fgt-product-phone[data-position="left"]{transform:translateX(-118%) translateY(1%) rotate(-9deg) scale(.72);z-index:2}
/* Five evenly spaced positions: two rear screens, two side screens and one front. */
.fgt-product-preview-five .fgt-product-phone{width:40%}
.fgt-product-preview-five .fgt-product-phone[data-position="front"]{transform:translateX(-50%) translateY(20%) rotate(-2deg) scale(.96);z-index:5}
.fgt-product-preview-five .fgt-product-phone[data-position="right"]{transform:translateX(29%) translateY(10%) rotate(9deg) scale(.72);z-index:4}
.fgt-product-preview-five .fgt-product-phone[data-position="back-right"]{transform:translateX(-11%) translateY(-15%) rotate(5deg) scale(.58);z-index:2;filter:brightness(.80);opacity:.94}
.fgt-product-preview-five .fgt-product-phone[data-position="back-left"]{transform:translateX(-89%) translateY(-15%) rotate(-5deg) scale(.58);z-index:1;filter:brightness(.80);opacity:.94}
.fgt-product-preview-five .fgt-product-phone[data-position="left"]{transform:translateX(-129%) translateY(10%) rotate(-9deg) scale(.72);z-index:3}
.fgt-product-phone:focus-visible{outline:3px solid var(--fgt-accent);outline-offset:7px;border-radius:28px}
.fgt-product-device{display:block;padding:5px;border:1px solid #5b9aaa;border-radius:27px;background:linear-gradient(140deg,#578494,#10253b 25%,#081321 75%,#395d6e);box-shadow:0 18px 35px #020b1638,0 0 24px var(--fgt-glow)}
.fgt-product-device img{display:block;width:100%;height:auto;border-radius:21px;filter:none!important}
html .fgt-product-note{color:var(--fgt-body)!important;font:400 13px/1.7 'Jost',sans-serif;text-align:center;max-width:460px;margin:6px auto 0;padding-inline:12px}
.signal-ai .signal-ai-art.fgt-signal-screenshot{max-width:320px;justify-self:center;background:var(--fgt-surface);border-color:var(--fgt-line)}
.signal-ai .fgt-signal-screenshot figcaption{color:var(--fgt-muted);font-size:12px;line-height:1.6;padding:12px 8px 5px;text-align:center}

@media(max-width:991px){html .fgt-product-hero .content-column .inner-column{padding:125px 0 25px!important}.fgt-product-column{padding-top:5px;padding-bottom:35px}html .fgt-product-hero .content-column h3{max-width:720px}.fgt-product-preview{max-width:550px}}
@media(max-width:600px){html .fgt-product-hero .content-column .inner-column{padding:115px 0 24px!important}html .fgt-product-hero .content-column h3{font-size:34px!important}html .fgt-product-hero:before{top:0;height:100%}.fgt-product-heading{font-size:10px;letter-spacing:.08em;margin-bottom:16px}.fgt-product-device{padding:3px;border-radius:18px}.fgt-product-device img{border-radius:14px}.fgt-product-column{padding-inline:12px}html .fgt-product-note{font-size:12px;max-width:340px}.fgt-product-preview:before{inset:8% 0 15%}}
@media(prefers-reduced-motion:reduce){.fgt-product-stage .fgt-product-phone{transition:none}}

/* Three compact feature cards frame the supplied one-app artwork. */
.fgt-one-app-art .main-image img{display:block;width:100%;height:auto;border-radius:18px}
html .image-box.fgt-one-app-art>.info_block_two{width:190px;min-height:0;padding:15px 16px;border-radius:12px}
.fgt-one-app-art>.info_block_two p{font-size:12px;line-height:1.5;margin:0}
.fgt-one-app-art>.info_block_two .image{margin-top:12px}
.fgt-one-app-art>.info_block_two img{display:block;width:100%;height:auto}
html .image-box.fgt-one-app-art>.info_block_two:nth-child(2){top:44%;left:-24px}
html .image-box.fgt-one-app-art>.info_block_two:nth-child(3){top:25px;right:-65px}
html .image-box.fgt-one-app-art>.info_block_two:nth-child(4){bottom:-24px;left:8%}
@media(max-width:1199px){html .fgt-one-app-art{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}html .fgt-one-app-art>.main-image{grid-column:1/-1;margin:0}html .image-box.fgt-one-app-art>.info_block_two{display:flex;position:relative;inset:auto!important;width:100%;max-width:none;min-width:0;padding:10px 7px;transform:none!important;justify-content:flex-start}.fgt-one-app-art>.info_block_two p{font-size:11px;min-height:33px;display:flex;align-items:center;justify-content:center}.fgt-one-app-art>.info_block_two .image{margin-top:6px}.fgt-one-app-art>.info_block_two img{margin-top:auto}}

/* AI feature artwork uses a cyan / blue / violet illuminated frame. */
html .fgt-ai-feature-card .inner-box{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);gap:24px;align-items:center;padding:30px;height:100%;overflow:visible}
html .fgt-ai-feature-card .content{min-width:0;padding:0;text-align:left}
html .fgt-ai-feature-card .theme-btn{min-width:0;display:inline-flex;align-items:center;justify-content:center;padding:14px 24px}
html .fgt-ai-banner-frame,html .image-box.fgt-ai-illustration-frame,html .step-item .fgt-ai-feature-frame,html .fgt-ai-feature-card .fgt-ai-feature-frame{position:relative;inset:auto;width:100%;max-width:240px;margin:0;justify-self:center;padding:4px;border-radius:20px 7px 20px 7px;background:linear-gradient(135deg,#83f4f7 0%,#20c9e9 30%,#437ffa 64%,#a47bff 100%);box-shadow:0 0 0 1px #52dbea40,0 8px 28px #21bfdc30,0 0 22px #7479ee20;isolation:isolate}
.fgt-ai-feature-frame img{display:block;width:100%;height:auto;border:4px solid #0b233b;border-radius:16px 4px 16px 4px;background:#0b233b}
.fgt-ai-feature-frame:before,.fgt-ai-feature-frame:after{content:'';position:absolute;width:24px;height:24px;pointer-events:none;z-index:1}
.fgt-ai-feature-frame:before{top:10px;left:10px;border-top:2px solid #b4ffff;border-left:2px solid #b4ffff;border-radius:9px 0 0 0}
.fgt-ai-feature-frame:after{bottom:10px;right:10px;border-bottom:2px solid #d4c5ff;border-right:2px solid #d4c5ff;border-radius:0 0 9px 0}
@media(max-width:600px){html .fgt-ai-feature-card .inner-box{grid-template-columns:minmax(0,1fr);padding:24px;gap:24px}html .fgt-ai-feature-card .theme-btn{width:100%}html .fgt-ai-feature-card .fgt-ai-feature-frame{max-width:220px}}

/* Spread artwork shares the AI frame while retaining centered, equal image sizes. */
html .step-item .fgt-ai-feature-frame{max-width:190px;margin-inline:auto;flex-shrink:0}

/* Compact one-app cards keep their layout and gain the shared AI edge treatment. */
html .image-box.fgt-one-app-art>.info_block_two{border:2px solid transparent;border-radius:16px 6px 16px 6px;background:linear-gradient(var(--fgt-surface),var(--fgt-surface)) padding-box,linear-gradient(135deg,#83f4f7 0%,#20c9e9 30%,#437ffa 64%,#a47bff 100%) border-box!important;box-shadow:0 0 0 1px #52dbea30,0 8px 24px #21bfdc24,0 0 18px #7479ee20}
.fgt-one-app-art>.info_block_two:before,.fgt-one-app-art>.info_block_two:after{content:'';position:absolute;width:12px;height:12px;pointer-events:none}
.fgt-one-app-art>.info_block_two:before{top:5px;left:5px;border-top:1px solid #20c9e9;border-left:1px solid #20c9e9;border-radius:7px 0 0 0}
.fgt-one-app-art>.info_block_two:after{bottom:5px;right:5px;border-bottom:1px solid #a47bff;border-right:1px solid #a47bff;border-radius:0 0 7px 0}

/* Reward artwork shares the cyan / blue / violet AI frame. */
html .fgt-ai-rewards .product-block .image{padding:4px;border-radius:20px 7px 20px 7px;background:linear-gradient(135deg,#83f4f7 0%,#20c9e9 30%,#437ffa 64%,#a47bff 100%);box-shadow:0 0 0 1px #52dbea40,0 8px 22px #21bfdc30,0 0 18px #7479ee20;isolation:isolate;overflow:visible}
.fgt-ai-rewards .product-block .image a{display:block;border-radius:16px 4px 16px 4px}
html .fgt-ai-rewards .product-block .image img{display:block;width:100%;height:auto;border:4px solid #0b233b;border-radius:16px 4px 16px 4px;background:#0b233b}
.fgt-ai-rewards .product-block .image:before,.fgt-ai-rewards .product-block .image:after{content:'';position:absolute;width:20px;height:20px;pointer-events:none;z-index:1}
.fgt-ai-rewards .product-block .image:before{top:10px;left:10px;border-top:2px solid #b4ffff;border-left:2px solid #b4ffff;border-radius:9px 0 0 0}
.fgt-ai-rewards .product-block .image:after{bottom:10px;right:10px;border-bottom:2px solid #d4c5ff;border-right:2px solid #d4c5ff;border-radius:0 0 9px 0}

/* Large feature illustrations use the full-width shared AI frame. */
html .image-box.fgt-ai-illustration-frame{max-width:none}

/* A masked edge preserves the continuous section background inside account cards. */
html .pricingCard.fgt-ai-account-card{position:relative;border:1px solid transparent!important;border-radius:20px 7px 20px 7px;box-shadow:0 0 0 1px #52dbea20,0 8px 26px #21bfdc18,0 0 18px #7479ee15}
.fgt-ai-account-card:before{content:'';position:absolute;inset:-1px;padding:2px;border-radius:inherit;background:linear-gradient(135deg,#83f4f7 0%,#20c9e9 30%,#437ffa 64%,#a47bff 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.fgt-ai-account-card:after{content:'';position:absolute;inset:8px;border-radius:12px 3px 12px 3px;background:linear-gradient(#20c9e9,#20c9e9) left top/22px 2px no-repeat,linear-gradient(#20c9e9,#20c9e9) left top/2px 22px no-repeat,linear-gradient(#a47bff,#a47bff) right bottom/22px 2px no-repeat,linear-gradient(#a47bff,#a47bff) right bottom/2px 22px no-repeat;pointer-events:none}

/* Article cards share the AI frame in the blog index and category lists. */
html .news-block>.inner-box.fgt-ai-blog-card{position:relative;border:2px solid transparent!important;border-radius:20px 7px 20px 7px!important;background:linear-gradient(130deg,var(--fgt-surface-alt),var(--fgt-surface) 60%) padding-box,linear-gradient(135deg,#83f4f7 0%,#20c9e9 30%,#437ffa 64%,#a47bff 100%) border-box!important;box-shadow:0 0 0 1px #52dbea20,0 8px 22px #21bfdc20,0 0 18px #7479ee18}
.fgt-ai-blog-card:after{content:'';position:absolute;inset:5px;border-radius:14px 3px 14px 3px;background:linear-gradient(#20c9e9,#20c9e9) left top/18px 2px no-repeat,linear-gradient(#20c9e9,#20c9e9) left top/2px 18px no-repeat,linear-gradient(#a47bff,#a47bff) right bottom/18px 2px no-repeat,linear-gradient(#a47bff,#a47bff) right bottom/2px 18px no-repeat;pointer-events:none}

/* Testimonial frames preserve the quote icon and existing carousel behaviour. */
html .fgt-ai-testimonials .testimonial-block .inner-box{border:2px solid transparent!important;border-radius:20px 7px 20px 7px;background:linear-gradient(130deg,var(--fgt-surface-alt),var(--fgt-surface) 60%) padding-box,linear-gradient(135deg,#83f4f7 0%,#20c9e9 30%,#437ffa 64%,#a47bff 100%) border-box!important;box-shadow:0 0 0 1px #52dbea20,0 8px 22px #21bfdc20,0 0 18px #7479ee18}
.fgt-ai-testimonials .testimonial-block .inner-box:after{content:'';position:absolute;inset:8px;border-radius:12px 3px 12px 3px;background:linear-gradient(#20c9e9,#20c9e9) left top/18px 2px no-repeat,linear-gradient(#20c9e9,#20c9e9) left top/2px 18px no-repeat,linear-gradient(#a47bff,#a47bff) right bottom/18px 2px no-repeat,linear-gradient(#a47bff,#a47bff) right bottom/2px 18px no-repeat;pointer-events:none}

/* Preserve the download banner column width and original image aspect ratio. */
/* Payment artwork keeps its original white logo panel within the shared AI card frame. */
html .category-block-two .fgt-ai-payment-card{position:relative;border:2px solid transparent!important;border-radius:20px 7px 20px 7px;background:linear-gradient(var(--fgt-surface),var(--fgt-surface)) padding-box,linear-gradient(135deg,#83f4f7 0%,#20c9e9 30%,#437ffa 64%,#a47bff 100%) border-box!important;box-shadow:0 0 0 1px #52dbea20,0 8px 22px #21bfdc20,0 0 18px #7479ee18}
.fgt-ai-payment-card:after{content:'';position:absolute;inset:6px;border-radius:12px 3px 12px 3px;background:linear-gradient(#20c9e9,#20c9e9) left top/16px 2px no-repeat,linear-gradient(#20c9e9,#20c9e9) left top/2px 16px no-repeat,linear-gradient(#a47bff,#a47bff) right bottom/16px 2px no-repeat,linear-gradient(#a47bff,#a47bff) right bottom/2px 16px no-repeat;pointer-events:none}
html .category-block-two .fgt-ai-payment-card h4{color:var(--fgt-ink)}
html .fgt-ai-banner-frame{max-width:none}

/* Circular AI frames for the account type illustrations. */
/* Shared frames for About Us, Services and registration guide artwork. */
html figure.fgt-ai-content-frame{position:relative;max-width:100%;padding:4px;border-radius:18px 6px 18px 6px;background:linear-gradient(135deg,#83f4f7 0%,#20c9e9 30%,#437ffa 64%,#a47bff 100%);box-shadow:0 0 0 1px #52dbea30,0 8px 24px #21bfdc24,0 0 16px #7479ee18}
html figure.fgt-ai-content-frame img{display:block;width:100%;height:auto;border:3px solid #0b233b;border-radius:14px 3px 14px 3px;background:var(--fgt-surface)}
html .work-block figure.fgt-ai-content-frame{width:fit-content;margin-inline:auto}
html .fgt-guide-title:before{display:none}
html .fgt-guide-title h1,html .fgt-guide-content :is(.count-box,.count-text){color:var(--fgt-ink)!important}
html .fgt-guide-title .page-breadcrumb li,html .fgt-guide-content .counter-title{color:var(--fgt-body)!important}
html .fgt-ai-account-card .pricingCard__img{position:relative}
html .fgt-ai-account-card .pricingCard__img img{width:100%;height:auto;filter:drop-shadow(0 0 8px #21bfdc40)}
/* The original PNGs include transparent margins around their circular artwork. */
html .fgt-ai-account-card .pricingCard__img:after{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(71% + 8px);aspect-ratio:1;box-sizing:border-box;padding:3px;border-radius:50%;background:linear-gradient(135deg,#83f4f7 0%,#20c9e9 30%,#437ffa 64%,#a47bff 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}