/* Editorial sky / Bopnest hero v2 */
:root{--serif:'Young Serif',Georgia,serif;--sans:'Instrument Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;--blue:#3458ef;--blue-deep:#2445d0}
h2,h3,.section-head h2,.faq-intro h2,.workflow-title,.showcase h2,.statement-left h2,.final-cta h2,.feature-content h3,.reel-head h2,.tour-copy h3{font-weight:400;letter-spacing:-1.1px}.section-head h2 em,.faq-intro h2 em,.workflow-title em,.showcase h2 em,.final-cta h2 em,.reel-head h2 em{font-style:normal}.statement-left h2 span{font-style:normal}.hero{background:#254adb;min-height:900px;isolation:isolate;color:#fff;overflow:hidden}
.site-header{width:min(1280px,calc(100% - 48px));height:66px;margin:18px auto -84px;top:18px;border-radius:16px;background:rgba(255,255,255,.96);border:1px solid #ffffffb3;box-shadow:0 8px 30px #0b205417;z-index:100}.site-header .nav-bar{width:calc(100% - 38px)}.site-header.is-scrolled{background:rgba(255,255,255,.97);box-shadow:0 8px 35px #16294c20}.brand{font-weight:700;letter-spacing:-1.3px;font-size:27px}.nav-links{font-size:13px;font-weight:500;gap:28px}.nav-signin{font-weight:500}.nav-cta{background:#3458ef;color:white;border-color:#3458ef;border-radius:9px;padding:10px 15px;gap:20px;font-weight:500}.nav-cta:hover{background:#2445d0}.nav-cta span{font-size:18px}
.sky-pattern{z-index:-1;background:radial-gradient(ellipse at 50% 12%,#4562ed 0%,#2644cd 44%,#173488 100%)}.sky-pattern:before{content:'';position:absolute;inset:210px -5% 0;background:linear-gradient(180deg,#244bdc 0%,#244bdc00 65%),url('./assets/hero-sky.jpg') center 48%/cover no-repeat;opacity:.76;filter:saturate(.6) hue-rotate(10deg);mask-image:linear-gradient(180deg,transparent 0%,#000 38%,#000 100%)}.sky-pattern:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#3355dd88,transparent 65%),linear-gradient(180deg,transparent 58%,#edf4ff20 73%,#fff 100%)}.cloud{display:none}.hero-rays{display:none}
.hero-layout{display:flex;flex-direction:column;gap:0;padding-top:132px;padding-bottom:0;min-height:0;position:relative;width:min(1280px,calc(100% - 48px))}.hero-copy{padding:0;max-width:880px;text-align:center;z-index:5}.eyebrow{background:#ffffff0d;border:1px solid #ffffff36;color:#e5edff;font-size:12px;letter-spacing:.2px;font-weight:500;padding:7px 14px;box-shadow:inset 0 1px 0 #ffffff20;gap:8px}.eyebrow-pulse{background:#b0caff;box-shadow:0 0 0 4px #b0caff15;width:5px;height:5px}.eyebrow-stars{display:none}.hero h1{font:400 clamp(46px,4.5vw,62px)/1.14 var(--serif);letter-spacing:-1.8px;color:#f6f5ee;margin:24px auto 0;max-width:870px;text-wrap:balance}.hero h1 .paint-word{color:#c7e4ff}.marker-underline{display:none}.period{color:#c7e4ff}.hero-sub{font-size:17px;line-height:1.65;color:#dce6ff;max-width:520px;margin:21px auto 0;font-weight:400;letter-spacing:-.1px}.hero-actions{justify-content:center;gap:12px;margin-top:24px}.hero-actions .btn{min-height:48px;border-radius:10px;padding:0 23px;font-size:14px;font-weight:500;letter-spacing:0;gap:15px;box-shadow:0 6px 14px #071f6320}.hero-actions .btn-primary{background:#f8f9ff;color:#25385b;border:1px solid #fff}.hero-actions .btn-primary:hover{background:#fff;box-shadow:0 10px 30px #071f6330}.hero-actions .btn-white{background:linear-gradient(180deg,#ffffff30,#ffffff16);border:1px solid #ffffff45;color:#fff;box-shadow:inset 0 1px 0 #ffffff20}.hero-actions .btn-white:hover{background:#ffffff30}.hero-note{display:none}
.hero-stage{height:388px;width:min(1060px,100%);margin:20px auto 0;transform:none;position:relative;z-index:4;perspective:1200px}.hero-stage .orbit,.hero-stage .float-spark{display:none}.hero-browser{position:absolute;top:38px;left:50%;width:610px;transform:translateX(-50%) rotateX(3deg);border:1px solid #fff;border-radius:15px;background:#fff;box-shadow:0 24px 70px #0b1d7d3b,0 2px 10px #0b1d7d10;overflow:hidden;z-index:3;translate:0 var(--hero-shift,0px)}.hero-browser-bar{height:34px;display:flex;align-items:center;padding:0 12px;gap:5px;background:#f4f7fd;border-bottom:1px solid #e5ebf6;color:#8090a7}.hero-browser-bar i{width:5px;height:5px;border-radius:50%;background:#bbc7d9}.hero-browser-bar>span{margin:auto;font-size:8px;letter-spacing:.2px;background:#fff;padding:3px 54px;border-radius:5px;border:1px solid #e6ecf5}.hero-browser-bar svg{width:11px;height:11px}.hero-browser-screen{height:305px;overflow:hidden;position:relative}.hero-browser-screen>img{width:100%;height:auto}.hero-browser .hero-preview-open{width:46px;height:46px;background:#3358ed;box-shadow:0 5px 20px #2444bd40;top:auto;bottom:13px;left:auto;right:15px;transform:none}.hero-browser .hero-preview-open:hover{background:#2445d0}.hero-browser .hero-preview-open svg{width:18px;height:18px}
.hero-stage .stage-small{width:167px;height:254px;background:#fff;border:6px solid #fff;border-radius:16px;box-shadow:0 18px 40px #16357533;padding:0;z-index:4}.hero-stage .stage-small img{width:100%;height:188px;object-fit:cover;border-radius:9px}.hero-stage .stage-left{top:70px;left:35px;transform:rotate(-10deg)}.hero-stage .stage-right{top:99px;right:32px;transform:rotate(10deg)}.hero-stage .card-topline{height:31px;padding:0 4px;font-size:8px;color:#344766;gap:7px}.hero-stage .mini-tiktok,.hero-stage .mini-instagram{width:19px;height:19px;font-size:15px;border-radius:5px}.hero-stage .tiny-meta{color:#5e7290;font-size:8px;padding:0 4px;margin-top:8px}.hero-stage .floating-status{bottom:28px;right:110px;padding:12px 17px;z-index:5;border-radius:13px;transform:rotate(3deg);box-shadow:0 12px 30px #29457220;color:#17304c}.hero-stage .floating-status strong{font-size:12px}.hero-stage .floating-status small{font-size:10px}.hero-stage .tag-bottom{left:90px;bottom:34px;z-index:5;background:#fff;color:#3358ed;border:1px solid #dee8ff;border-radius:10px;padding:12px 16px;box-shadow:0 12px 30px #29457220;transform:rotate(-5deg);font-size:11px;font-weight:500}.hero-stage .tag-bottom span{color:#3358ed}.hero-bottom{display:none}.platform-belt{padding:8px 0 30px;border-bottom:1px solid #edf1f7}.platform-belt p:first-child{font-weight:500;color:#74819a;font-size:11px;letter-spacing:.7px}.platform-item{font-weight:600;font-size:21px;color:#748099}.platform-logo{filter:grayscale(1);opacity:.75}.logo-window{margin-top:23px}.platform-disclaimer{font-size:10px;letter-spacing:0;color:#8a97ac}.section-pad{padding-top:100px;padding-bottom:110px}.content-reel{background:#f8faff}
@media(min-width:1600px){.hero h1{font-size:70px}.hero-layout{padding-top:155px}.hero{min-height:925px}}
@media(max-width:1100px){.hero-stage{max-width:920px}.hero-browser{width:560px}.hero-browser-screen{height:280px}.hero-stage .stage-left{left:0}.hero-stage .stage-right{right:0}.hero-stage .floating-status{right:35px}.hero-stage .tag-bottom{left:25px}.hero-stage .stage-small{width:145px;height:230px}.hero-stage .stage-small img{height:167px}}
@media(max-width:900px){.site-header{height:64px;margin-bottom:-82px}.mobile-toggle{background:#f3f6ff;border-color:#e1e7f4;width:38px;height:38px;border-radius:8px}.mobile-menu{top:73px;left:0;right:0;border-radius:14px;background:#fff;padding:24px;box-shadow:0 12px 40px #0c215533}.hero-layout{padding-top:140px;width:calc(100% - 40px)}.hero h1{font-size:clamp(41px,6.7vw,59px);letter-spacing:-1.4px}.hero-sub{font-size:16px;max-width:480px}.hero-stage{height:382px;max-width:700px}.hero-browser{width:490px;top:45px}.hero-browser-screen{height:245px}.hero-stage .stage-small{width:125px;height:207px;z-index:2}.hero-stage .stage-small img{height:144px}.hero-stage .stage-left{left:0;top:65px}.hero-stage .stage-right{right:0;top:95px}.hero-stage .floating-status{bottom:25px;right:10px}.hero-stage .tag-bottom{bottom:25px;left:15px}.hero{min-height:850px}.sky-pattern:before{inset:280px -35% 0}}
@media(max-width:600px){.site-header{width:calc(100% - 24px);top:12px;margin:12px auto -72px;height:60px;border-radius:13px}.site-header .nav-bar{width:calc(100% - 24px)}.brand{font-size:24px}.brand-mark{width:25px;height:30px}.mobile-menu{top:68px}.hero-layout{padding-top:119px;width:calc(100% - 30px)}.hero-copy{width:100%}.eyebrow{font-size:10px;letter-spacing:.1px;padding:6px 10px}.hero h1{font-size:36px;line-height:1.2;letter-spacing:-.8px;margin-top:22px;max-width:380px}.hero-sub{font-size:14px;line-height:1.65;max-width:330px;margin-top:18px}.hero-actions{margin-top:21px;gap:8px;flex-wrap:nowrap}.hero-actions .btn{font-size:12px;min-height:44px;padding:0 15px;gap:10px}.hero-actions svg{width:15px;height:15px}.hero-stage{height:350px;width:calc(100% + 30px);margin:20px -15px 0;overflow:visible}.hero-browser{width:calc(100% - 52px);max-width:355px;top:63px;border-radius:11px;transform:translateX(-50%) rotateX(0)}.hero-browser-bar{height:26px;padding:0 8px}.hero-browser-bar>span{font-size:7px;padding:2px 30px}.hero-browser-screen{height:181px}.hero-stage .stage-small{width:88px;height:151px;border-width:4px;border-radius:10px;top:36px;z-index:2}.hero-stage .stage-small img{height:104px;border-radius:5px}.hero-stage .card-topline{height:23px;font-size:6px;padding:0 2px;gap:3px}.hero-stage .mini-tiktok,.hero-stage .mini-instagram{width:13px;height:13px;font-size:10px}.hero-stage .tiny-meta{font-size:6px;margin-top:5px;padding:0 2px}.hero-stage .stage-left{left:-11px;transform:rotate(-13deg)}.hero-stage .stage-right{right:-11px;top:39px;transform:rotate(13deg)}.hero-stage .floating-status{right:13px;bottom:28px;transform:rotate(4deg) scale(.85);transform-origin:right bottom;padding:10px 12px}.hero-stage .tag-bottom{left:16px;bottom:30px;transform:rotate(-5deg);font-size:9px;padding:10px 11px}.hero{min-height:0}.sky-pattern:before{inset:260px -70% 0;opacity:.63}.sky-pattern:after{background:linear-gradient(180deg,transparent 56%,#fff 100%)}.platform-belt{padding-top:0}.platform-item{font-size:16px}.section-pad{padding:75px 0}.hero-browser .hero-preview-open{width:33px;height:33px;bottom:10px;right:10px}.hero-browser .hero-preview-open svg{width:15px;height:15px}}
@media(max-width:360px){.hero h1{font-size:32px}.hero-actions{gap:8px;flex-wrap:wrap}.hero-actions .btn{width:80%;min-height:41px}.hero-sub{max-width:285px}.hero-stage .floating-status{right:6px}.hero-stage .tag-bottom{left:6px;font-size:8px}}