/* GreatsFlow premium Solutions page */
body{background:#fff}.page-hero{min-height:470px;padding:96px 0 84px;background:radial-gradient(circle at 80% 8%,#dfd7ff 0,transparent 34%),radial-gradient(circle at 12% 88%,#e2edff 0,transparent 28%),linear-gradient(145deg,#fbfcff,#f5f7ff 55%,#f8f3ff)}.page-hero h1{font-size:clamp(47px,6vw,72px);line-height:1.02}.page-hero .lead{max-width:680px}.page-hero .btn{border-radius:100px}
.detail-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.detail-card{grid-column:span 6;min-height:650px;padding:30px;border:1px solid #dfe4ee;border-radius:28px;background:#fff;box-shadow:0 15px 42px rgba(17,31,74,.06);transition:.35s;overflow:hidden}.detail-card:hover{transform:translateY(-7px);border-color:#cfc8f4;box-shadow:0 28px 65px rgba(17,31,74,.12)}.detail-card>.icon{position:absolute;right:28px;top:27px;z-index:4;margin:0}.detail-card>h2{font-size:29px;margin-top:25px}.detail-card>p{color:#606b7e}.detail-card>ul{display:grid;grid-template-columns:1fr 1fr;gap:7px 20px;margin:20px 0 25px;padding:0;list-style:none}.detail-card>li{font-size:13px}.detail-card li:before{content:"✓";margin-right:7px;color:#16a36a;font-weight:900}.detail-card>.btn{border-radius:100px}.detail-label{top:31px;left:30px;right:auto}
.solution-preview{position:relative;height:225px;margin:62px 0 20px;border-radius:19px;overflow:hidden}.solution-preview small,.solution-preview b,.solution-preview span{font-family:DM Sans,sans-serif}
.preview-ai{padding:20px;background:linear-gradient(145deg,#101c50,#44308e);color:#fff}.preview-ai>div{max-width:78%;margin-bottom:10px}.preview-ai>div:nth-child(2){margin-left:auto}.preview-ai div span{display:block;margin-bottom:4px;color:#aebae1;font-size:6px}.preview-ai div p{margin:0;padding:10px 12px;border-radius:11px;background:#fff;color:#1b2341;font-size:8px}.preview-ai>div:nth-child(2) p{background:#6b4ee6;color:#fff}.preview-ai>i{position:absolute;right:14px;top:14px;padding:5px 8px;border-radius:20px;background:#dff8ec;color:#18714f;font-size:6px;font-style:normal}
.preview-web{padding:10px;background:#dce4f4}.preview-web header{height:26px;padding:0 8px;display:flex;align-items:center;gap:4px;border-radius:9px 9px 0 0;background:#fff}.preview-web header i{width:5px;height:5px;border-radius:50%;background:#ff6d61}.preview-web header i:nth-child(2){background:#ffca50}.preview-web header i:nth-child(3){background:#4ed180}.preview-web header span{margin:auto;font-size:5px;color:#87909e}.preview-web main{height:179px;padding:30px 22px;border-radius:0 0 9px 9px;background:radial-gradient(circle at 80% 30%,#8ca8ff,transparent 35%),linear-gradient(145deg,#07184a,#2b47aa);color:#fff}.preview-web main b,.preview-web main small{display:block}.preview-web main b{font:800 24px Manrope}.preview-web main small{margin:5px 0 20px;color:#bdc9ec;font-size:7px}.preview-web main button{border:0;border-radius:18px;padding:7px 9px;background:#fff;color:#07184a;font-size:6px}
.preview-system{display:grid;grid-template-columns:48px 1fr;background:#f2f5fa}.preview-system aside{padding:16px 10px;background:#111b4d;color:#fff;display:flex;align-items:center;flex-direction:column;gap:14px}.preview-system aside b{font-size:9px}.preview-system aside i{width:23px;height:23px;border-radius:7px;background:#293568}.preview-system aside i:first-of-type{background:#6847e8}.preview-system main{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:9px}.preview-system main>span{grid-column:1/-1;font-size:7px;font-weight:800}.preview-system main>div{padding:14px;border:1px solid #e0e4ec;border-radius:11px;background:#fff}.preview-system main b,.preview-system main small{display:block}.preview-system main b{font:800 21px Manrope}.preview-system main small{font-size:6px;color:#7c8492}
.preview-seo{padding:20px;background:linear-gradient(145deg,#eaf2ff,#f6f3ff)}.seo-search{height:39px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-radius:20px;background:#fff;box-shadow:0 8px 20px rgba(25,39,82,.1);font-size:8px;color:#5f6878}.preview-seo section{margin-top:16px;padding:15px;border-radius:13px;background:#fff}.preview-seo section small,.preview-seo section b,.preview-seo section span{display:block}.preview-seo section small{font-size:5px;color:#3158dc}.preview-seo section b{margin:6px 0;font-size:11px}.preview-seo section span{color:#f4a629;font-size:8px}
.preview-brand{padding:25px;background:#ede8dc;color:#26372d}.preview-brand>strong{display:block;font:800 74px/1 Manrope}.preview-brand>strong span{color:#c66c4b}.preview-brand>div{display:flex;gap:6px;margin:22px 0 10px}.preview-brand i{width:28px;height:28px;border-radius:50%;background:#26372d}.preview-brand i:nth-child(2){background:#c66c4b}.preview-brand i:nth-child(3){background:#d8c7a7}.preview-brand i:nth-child(4){background:#fff}.preview-brand>small{font-size:7px;letter-spacing:.08em}
.preview-ugc>img{width:100%;height:100%;object-fit:cover}.preview-ugc:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(12,17,37,.82))}.preview-ugc>span{position:absolute;z-index:3;left:50%;top:42%;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:rgba(255,255,255,.9);color:#1b2341;transform:translate(-50%,-50%)}.preview-ugc>div{position:absolute;z-index:3;left:17px;bottom:14px;color:#fff}.preview-ugc small,.preview-ugc b{display:block}.preview-ugc small{font-size:6px;letter-spacing:.1em}.preview-ugc b{font-size:15px}
.preview-ads{display:grid;grid-template-columns:1.2fr .8fr;background:#11172f;padding:12px;gap:9px}.preview-ads>div{padding:18px;border-radius:13px;background:linear-gradient(145deg,#ffed66,#ff7659);color:#11172f}.preview-ads>div small,.preview-ads>div b,.preview-ads>div span{display:block}.preview-ads>div small{font-size:6px}.preview-ads>div b{margin:32px 0 22px;font:800 25px/.95 Manrope}.preview-ads>div span{font-size:7px;font-weight:800}.preview-ads aside{display:flex;flex-direction:column;justify-content:center;gap:8px}.preview-ads aside span{padding:10px;border-radius:9px;background:#fff;text-align:center;font-size:7px;font-weight:800}
.preview-identity{display:grid;grid-template-columns:1fr 1.25fr;align-items:center;padding:25px;background:#f1ede3;color:#27372e}.identity-mark{font:700 74px Georgia}.preview-identity>div:last-child small,.preview-identity>div:last-child b,.preview-identity>div:last-child span{display:block}.preview-identity>div:last-child small{font-size:6px;letter-spacing:.12em}.preview-identity>div:last-child b{font:500 22px Georgia;margin:9px 0}.preview-identity>div:last-child span{font-size:7px}
.preview-affiliate{padding:21px;background:linear-gradient(145deg,#e4f4ea,#edf0ff)}.preview-affiliate header{display:flex;justify-content:space-between}.preview-affiliate header small{font-size:6px}.preview-affiliate header b{font:800 24px Manrope;color:#16815b}.preview-affiliate svg{width:100%;height:110px}.preview-affiliate path{fill:none;stroke:#6246df;stroke-width:5;stroke-linecap:round}.preview-affiliate footer{display:flex;justify-content:space-between;font-size:6px;color:#6f7889}
.preview-hosting{padding:19px;background:#f1f5fb}.preview-hosting>div{display:grid;grid-template-columns:9px 1fr auto;align-items:center;gap:8px;padding:12px;margin-bottom:7px;border-radius:10px;background:#fff}.preview-hosting i{width:8px;height:8px;border-radius:50%;background:#35c984}.preview-hosting span{font-size:8px}.preview-hosting b{font-size:7px;color:#16805a}
.preview-management{padding:18px;background:#f5f2ff}.preview-management header{display:flex;justify-content:space-between;margin-bottom:12px}.preview-management header b{font-size:10px}.preview-management header span{padding:4px 7px;border-radius:20px;background:#e0f8eb;color:#167750;font-size:6px}.preview-management>div{display:flex;align-items:center;gap:8px;padding:10px;margin-bottom:6px;border-radius:9px;background:#fff}.preview-management>div i{width:22px;height:22px;display:grid;place-items:center;border-radius:7px;background:#e8e4ff;color:#6448df;font-size:7px;font-style:normal}.preview-management>div span{font-size:8px}
@media(max-width:950px){.detail-card{grid-column:span 12;min-height:0}.detail-grid{max-width:780px;margin:auto}}
@media(max-width:620px){.page-hero{min-height:auto;padding:80px 0 70px}.detail-card{padding:24px}.solution-preview{height:205px;margin-top:60px}.detail-card>ul{grid-template-columns:1fr}.preview-web main{height:159px}}


/* Final restrained solutions design */
body:has(.detail-grid) .page-hero{background:linear-gradient(135deg,#f3f7ff,#eeeaff);padding-bottom:92px}
body:has(.detail-grid) .detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;counter-reset:solution}
body:has(.detail-grid) .detail-card{counter-increment:solution;position:relative;padding:34px;border:1px solid #e2e6f0;border-radius:22px;background:#fff;box-shadow:0 16px 44px rgba(21,36,85,.07);overflow:hidden}
body:has(.detail-grid) .detail-card:before{content:"0" counter(solution);position:absolute;right:25px;top:25px;font:800 11px Manrope;letter-spacing:.12em;color:#a2aac0}
body:has(.detail-grid) .detail-card:nth-child(4n+2),body:has(.detail-grid) .detail-card:nth-child(4n+3){background:#f7f8fc}
body:has(.detail-grid) .detail-card .solution-preview{display:none!important}
body:has(.detail-grid) .detail-card .icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#edf1ff;color:#4733c9;font-size:20px;margin-bottom:28px}
body:has(.detail-grid) .detail-card:nth-child(3n+2) .icon{background:#e8f6ef;color:#187654}
body:has(.detail-grid) .detail-card:nth-child(3n+3) .icon{background:#fff0e9;color:#bd5330}
body:has(.detail-grid) .detail-card h2{font-size:clamp(25px,3vw,36px);letter-spacing:-.035em;margin:0 0 12px}
body:has(.detail-grid) .detail-card>p{font-size:14px;line-height:1.7;color:#626b80;max-width:620px}
body:has(.detail-grid) .detail-card ul{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;margin:24px 0}
body:has(.detail-grid) .detail-card li{font-size:12px;color:#343b4c}
body:has(.detail-grid) .detail-card .detail-label{display:inline-block;margin:-18px 0 16px;font-size:9px;letter-spacing:.13em}
body:has(.detail-grid) .detail-card .btn{margin-top:8px;background:#111c4e}
@media(max-width:820px){body:has(.detail-grid) .detail-grid{grid-template-columns:1fr}body:has(.detail-grid) .detail-card{padding:27px}body:has(.detail-grid) .detail-card ul{grid-template-columns:1fr}}

.solution-visual-section{background:#fff;padding-top:100px}.solution-visual-section .gf-section-title{margin-bottom:42px}.solution-visual-section .gf-section-title>span{color:#6340dd}.solution-visual-section .gf-section-title h2 em{color:#6340dd}.solution-service-grid .gf-service-web{background:#e8edff}.solution-service-grid .gf-service-ugc{background:#f5dfd3}.solution-service-grid .gf-service-brand{background:#ebe6d8}.solution-service-grid .gf-service-ads{background:#f3fe79}.solution-service-grid .gf-service-ai{background:#111a45}.solution-service-grid .gf-service-affiliate{background:#dff4e7}.solution-service-grid .gf-service{min-height:610px}.solution-service-grid .gf-service>div:last-of-type p{max-width:420px}.solution-service-grid .gf-service>b{font-size:11px}.solution-service-grid .gf-real-preview{pointer-events:none}
@media(max-width:800px){.solution-visual-section{padding-top:70px}.solution-service-grid .gf-service{min-height:auto}}
