/* Mobile compatibility and 2026 design update */
:root{--font:system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
html{width:100%;overflow-x:clip;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{width:100%;min-width:0;overflow-x:clip}
main,section,header,footer{max-width:100%}
.wrap{width:min(1180px,calc(100% - 40px))}
.hero,.hero-content,.hero-visual,.audience-panel,.showcase-grid,.contact-layout,.example-panel{min-width:0}
.hero>*{min-width:0}
.hero h1,.section-title{overflow-wrap:break-word;word-break:normal}
.hero h1{font-size:clamp(38px,4.75vw,69px);letter-spacing:-.055em}
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero-halo{max-width:40vw}
.site-header{width:100%}
.header-inner{width:100%;max-width:1280px;min-width:0}
.logo-link{width:225px;min-width:0}
.logo-link img,.footer-logo{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;mix-blend-mode:multiply}
.footer-logo{max-width:230px}
.announcement{letter-spacing:.55px;font-size:10px;gap:8px}
.mobile-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center}
.hamburger{display:grid;gap:5px;width:23px}.hamburger i{display:block;width:100%;height:2px;background:#111736;border-radius:3px;transition:transform .2s,opacity .2s}
.mobile-toggle.is-open .hamburger i:first-child{transform:translateY(7px) rotate(45deg)}.mobile-toggle.is-open .hamburger i:nth-child(2){opacity:0}.mobile-toggle.is-open .hamburger i:last-child{transform:translateY(-7px) rotate(-45deg)}
.service-strip{background:#eae6fb;border-block:1px solid #ddd7f5}
.service-strip-inner{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;padding-block:16px;color:#3f3e91;font-size:12px;font-weight:800;letter-spacing:.2px}
.service-strip span{white-space:normal}
.btn{white-space:normal;text-align:center}
.float-one,.float-two{max-width:70%}
.niche-grid span{overflow-wrap:anywhere}
.section{scroll-margin-top:95px}
.solutions{padding-top:75px}.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px}
.solution-card{background:#fff;border:1px solid #e8e6f2;border-radius:23px;padding:30px;box-shadow:0 10px 35px #2d2e6411;min-width:0}
.solution-index{display:block;font-size:11px;color:#5a52b4;font-weight:800;letter-spacing:1.1px;margin-bottom:18px}
.solution-card h3{font-size:23px;line-height:1.25;color:#141b3a;margin:0 0 14px;letter-spacing:-.5px}
.solution-card p{font-size:13px;color:#666d81;line-height:1.7}
.solution-card ul{padding-left:20px;margin:20px 0 0;line-height:2;color:#373b61;font-size:13px}
.example-panel{display:grid;grid-template-columns:1fr 1fr;gap:35px;border-radius:30px;padding:40px;align-items:center;background:linear-gradient(130deg,#eeecfc,#f9f7fe);border:1px solid #dedbf3;overflow:hidden}
.example-copy p{font-size:15px;line-height:1.85;color:#616780}.example-copy .si{font-size:13px}.example-copy .btn{margin-top:16px}
.example-visual{border:7px solid white;border-radius:20px;background:#fff;box-shadow:0 18px 50px #1d255526;min-width:0;overflow:hidden}
.browser-bar{display:flex;gap:5px;align-items:center;padding:10px;background:#f1f1f6}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#b8a9c9;flex:none}.browser-bar span{font-size:10px;color:#8b8b9a;margin:auto;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:80%}
.example-mock{min-height:310px;padding:45px 30px;background:linear-gradient(120deg,#141827dd,#30375099),url('assets/creator-portfolio.jpg') center/cover;color:white;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.example-kicker{font-size:13px;letter-spacing:4px;margin-bottom:12px}.example-mock strong{font-family:Georgia,serif;font-size:clamp(28px,4vw,55px);line-height:1.1}.example-mock p{font-size:13px;color:#f1eafc}.example-mock a{display:inline-block;background:white;color:#171b43;border-radius:30px;padding:12px 20px;font-size:11px;font-weight:800;margin-top:12px}
.reviews-section{background:#f3f5fc}.review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:44px}
.review-card{margin:0;background:#fff;border:1px solid #e5e7f0;border-radius:25px;padding:30px;display:flex;flex-direction:column;min-width:0}
.review-quote-mark{font:70px Georgia,serif;color:#cbd6fb;height:65px}.review-card>p{font-size:16px;color:#26324b;line-height:1.8;flex:1}
.review-author{border-top:1px solid #e9eaf1;margin-top:22px;padding-top:20px;display:flex;gap:13px;align-items:center;background:transparent!important}
.review-avatar{background:#e7eefd;color:#3159aa;border-radius:15px;width:49px;height:49px;display:grid;place-items:center;font-weight:800;font-size:15px;flex:none}
.review-author strong{display:block;font-size:14px;color:#1b2340}.review-author small{display:block;font-size:12px;color:#727d92;margin-top:4px}
.footer-bottom{display:block}
.problem-points>div{min-width:0}
#backTop{font-size:0}#backTop:after{content:"";display:block;width:12px;height:12px;border-left:2px solid #3b32a8;border-top:2px solid #3b32a8;transform:rotate(45deg) translate(2px,2px);margin:auto}
.reveal:not(.visible){opacity:1;transform:none}
@media(max-width:980px){.solution-grid{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr 1fr;gap:28px}.hero h1{font-size:clamp(36px,5.3vw,54px)}}
@media(max-width:760px){
 .wrap{width:calc(100% - 36px)}
 .header-inner{height:69px;padding:0 18px}
 .logo-link{width:180px;max-width:calc(100% - 65px)}
 .mobile-toggle{display:flex}
 .hero{grid-template-columns:minmax(0,1fr);padding-block:53px 58px;gap:38px}
 .hero h1{font-size:clamp(37px,9.2vw,53px);letter-spacing:-.055em;line-height:1.1}
 .hero-copy{font-size:16px;line-height:1.65}
 .hero-actions .btn{width:100%;justify-content:center}
 .hero-image-frame{transform:none;border-width:5px}
 .floating-card{font-size:10px}
 .hero-halo{width:180px;height:180px;right:0;left:auto}
 .service-strip-inner{justify-content:center;gap:9px 16px;font-size:10px;padding-block:14px;text-align:center}
 .section-title{font-size:clamp(32px,8vw,43px);letter-spacing:-.042em}
 .solution-grid,.review-grid,.example-panel{grid-template-columns:minmax(0,1fr)}
 .solution-card{padding:24px}
 .example-panel{padding:22px;gap:24px}
 .example-mock{min-height:240px}
 .review-card{padding:24px}
 .review-card>p{font-size:14px}
 .segment{display:grid;grid-template-columns:1fr 1fr;width:100%;min-width:0}
 .segment-btn{white-space:normal;min-width:0;padding:12px 8px;font-size:11px}
 .audience-panel{grid-template-columns:minmax(0,1fr)}
 .features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .announcement{font-size:8px;white-space:normal}
 .footer-grid{grid-template-columns:1fr 1fr}
 .footer-grid>div:first-child{grid-column:1/-1}
 .contact-form-box{min-width:0}
 .floating-card{max-width:72%}
 .process-highlight{line-height:1.6}
}
@media(max-width:380px){.wrap{width:calc(100% - 28px)}.logo-link{width:165px}.hero h1{font-size:35px}.service-strip-inner{font-size:9px}.features-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.reveal,.reveal.visible{opacity:1;transform:none;transition:none}}

.feature-icon,.step-icon{font-size:11px!important;font-weight:900;letter-spacing:.5px}
#backTop{font-size:12px;font-weight:800}#backTop:after{display:none}