.opifex-home,.opifex-home *{box-sizing:border-box}.opifex-home{scroll-behavior:smooth;scroll-padding-top:80px;margin:0;color:#152f32;background:radial-gradient(ellipse at 0% 7%,#b7e3d7 0,transparent 30%),radial-gradient(ellipse at 95% 38%,#c2e6de 0,transparent 34%),radial-gradient(ellipse at 0% 80%,#b8ddd0 0,transparent 35%),#e5f1eb;font-family:Manrope,Arial,sans-serif;line-height:1.6}.opifex-home a{color:inherit;text-decoration:none}.opifex-home button{font:inherit;cursor:pointer}.opifex-home a:focus-visible,.opifex-home button:focus-visible,.opifex-home summary:focus-visible{outline:3px solid #684fee;outline-offset:4px}.opifex-home .wrap{max-width:1160px;margin:auto;padding:0 28px}.opifex-home .preview{font-size:11px;text-align:center;background:#183d39;color:#d7f0e7;padding:7px}.opifex-home .brand{font-size:26px;font-weight:850;letter-spacing:-1px;color:#000}.opifex-home .brand span{color:#087e73}.opifex-home header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid #234c4020}.opifex-home nav{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:650}.opifex-home .btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;border:0;border-radius:12px;background:linear-gradient(110deg,#16b9a8,#6656eb);padding:14px 22px;color:#fff;font-weight:750;font-size:14px;box-shadow:0 8px 24px #236f6520}.opifex-home .ghost{background:#ffffff70;color:#1b4841;box-shadow:none;border:1px solid #8bb5a6}.opifex-home .eyebrow{color:#087e73;font-size:11px;text-transform:uppercase;letter-spacing:1.5px;font-weight:800}.opifex-home .hero{display:grid;grid-template-columns:1.1fr 1fr;gap:60px;align-items:center;padding:65px 0 60px}.opifex-home h1{font-size:clamp(35px,4vw,53px);line-height:1.12;letter-spacing:-2px;margin:20px 0 24px}.opifex-home h1 em{font-style:normal;color:#087e73}.opifex-home .intro{font-size:16px;line-height:1.8;color:#354f4d;max-width:580px}.opifex-home .actions{display:flex;gap:12px;flex-wrap:wrap;margin:27px 0 15px}.opifex-home .micro{font-size:12px;color:#4b655c}.opifex-home .hero-visual{position:relative;min-width:0;display:flex;align-items:center;justify-content:center;padding:30px 12px;border-radius:40px;background:radial-gradient(ellipse at 50% 45%,#8bcbbb80,transparent 65%)}.opifex-home .hero-visual img{height:410px;max-width:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 22px 20px #153c3a25);border-radius:20px}.opifex-home .float{position:absolute;border:1px solid #ffffffc0;background:#f4fcf5ed;box-shadow:0 15px 35px #163f3120;border-radius:14px;padding:13px 18px;font-size:12px;max-width:230px}.opifex-home .float strong{display:block;font-size:14px}.opifex-home .float.top{top:12px;left:0}.opifex-home .float.bottom{bottom:25px;right:0}.opifex-home .dot{color:#087e73}.opifex-home .channels{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap}.opifex-home .channels span{padding:7px 12px;border:1px solid #8fb5a7;background:#ffffff70;border-radius:9px;font-size:12px;font-weight:700}.opifex-home section.block{padding:64px 0;border-top:1px solid #234c4017}.opifex-home h2{font-size:clamp(28px,3vw,38px);line-height:1.2;letter-spacing:-1px;margin:12px 0 18px}.opifex-home h3{line-height:1.3}.opifex-home p.sub{max-width:660px;color:#506763;margin:0 0 30px}.opifex-home .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.opifex-home .card{background:#f7fcf5c9;border:1px solid #fff;border-radius:22px;padding:26px;min-width:0}.opifex-home .card h3{margin:16px 0 10px;font-size:21px}.opifex-home .card p{font-size:14px;color:#46605a}.opifex-home .num{color:#087e73;font-size:13px;font-weight:800}.opifex-home .journey-box{background:#193b3a;border:1px solid #315853;border-radius:16px;padding:18px;margin-top:20px;color:#f2fbf5;font-size:12px}.opifex-home .journey-box .muted{color:#bad4ca;font-size:11px}.opifex-home .slots{display:flex;gap:6px;margin-top:12px}.opifex-home .slots span{border-radius:7px;border:1px solid #73998d;padding:6px 9px}.opifex-home .slots .chosen{background:#bce9d8;color:#174b3a}.opifex-home .event{border-left:3px solid #9adac8;padding-left:10px;margin-top:12px}.opifex-home .bubble{background:#315a54;border-radius:10px;padding:10px;margin:10px 0 0}.opifex-home .bubble.right{background:#c6ecdd;color:#244a3e;margin-left:20px}.opifex-home .small{font-size:12px;color:#60766b}.opifex-home .benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:34px}.opifex-home .benefits b{display:block;margin-bottom:8px}.opifex-home .benefits p{font-size:14px;color:#4f6860;margin:0}.opifex-home .showcase{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.opifex-home .tablist{display:grid;gap:9px}.opifex-home .tab{border:1px solid #bfd3c8;border-radius:13px;padding:16px 20px;background:#f7fcf480;text-align:left;color:#2b4a42;display:flex;justify-content:space-between;align-items:center;width:100%}.opifex-home .tab strong{display:block;font-size:14px}.opifex-home .tab small{display:block;font-size:11px;margin-top:4px;opacity:.8}.opifex-home .tab.active{background:#203e3d;color:#eefaf5;border-color:#203e3d}.opifex-home .screen{text-align:center}.opifex-home .screen img{display:block;width:auto;max-width:100%;max-height:540px;margin:auto;border-radius:13px;cursor:zoom-in}.opifex-home .screen figcaption{font-size:11px;color:#60766b;margin-top:14px}.opifex-home .pricing .card{display:flex;flex-direction:column;position:relative}.opifex-home .pricing .featured{border:2px solid #087e73;box-shadow:0 12px 30px #276c5415}.opifex-home .tag{position:absolute;top:-13px;left:24px;background:#087e73;color:#fff;border-radius:6px;padding:3px 10px;font-size:10px;font-weight:700}.opifex-home .price{font-size:37px;font-weight:800;letter-spacing:-1.3px}.opifex-home .price small{font-size:12px;font-weight:500;letter-spacing:0;color:#557067}.opifex-home .pricing ul{padding:0;list-style:none;font-size:13px;margin:20px 0 26px;flex:1}.opifex-home .pricing li{margin:9px 0;padding-left:20px;position:relative}.opifex-home .pricing li:before{content:"✓";position:absolute;left:0;color:#087e73}.opifex-home .pricing .btn{width:100%;font-size:13px}.opifex-home .tariff-note{padding:20px 24px;background:#d5e9df;border-radius:16px;font-size:13px;margin-top:24px}.opifex-home .help{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;background:#203d3b;border-radius:24px;padding:32px;color:#f0faf4}.opifex-home .help p{color:#c0d5ca;font-size:14px}.opifex-home .help a.link{display:inline-block;color:#9ee5d0;font-size:13px;font-weight:700;margin-right:20px}.opifex-home .faq{display:grid;grid-template-columns:1fr 1.3fr;gap:60px}.opifex-home .faq details{border-bottom:1px solid #a9c8ba;padding:17px 0}.opifex-home .faq summary{cursor:pointer;font-size:15px;font-weight:700}.opifex-home .faq details p{font-size:14px;color:#476259;margin-bottom:0}.opifex-home .final{text-align:center;padding:50px 20px;background:#d2e9dd;border:1px solid #edf9ed;border-radius:28px;margin-bottom:50px}.opifex-home .final p{color:#4a685d}.opifex-home footer{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:center;padding:28px 0 40px;border-top:1px solid #adc8b8;font-size:12px;color:#4c695b}.opifex-home footer div{display:flex;gap:18px;flex-wrap:wrap}.opifex-home .menu{display:none;background:none;border:1px solid #9cbdad;border-radius:8px;color:#224c3e;padding:7px 12px}.opifex-home dialog{border:0;border-radius:20px;padding:20px;background:#e5f1eb;max-width:95vw;max-height:95vh}.opifex-home dialog::backdrop{background:#112b29bd}.opifex-home dialog img{display:block;max-width:80vw;max-height:80vh}.opifex-home dialog button{display:block;margin:0 0 12px auto;background:#203d3b;color:#fff;border:0;border-radius:6px;padding:8px 12px}@media (max-width:900px){.opifex-home .hero{gap:25px}.opifex-home .hero-visual img{height:350px}.opifex-home .grid3{gap:12px}.opifex-home .card{padding:20px}.opifex-home nav{gap:14px}.opifex-home .faq{gap:30px}}@media (max-width:720px){.opifex-home .wrap{padding:0 20px}.opifex-home header{padding:17px 0;position:relative;flex-wrap:wrap}.opifex-home .menu{display:block}.opifex-home nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;background:#f0faf1;border-radius:14px;padding:10px}.opifex-home nav.open{display:flex}.opifex-home nav a{padding:10px 12px}.opifex-home nav .btn{margin-top:6px}.opifex-home .hero{grid-template-columns:1fr;padding:34px 0 42px;gap:20px}.opifex-home h1{font-size:38px;letter-spacing:-1.5px}.opifex-home .intro{font-size:15px}.opifex-home .hero-visual{padding:25px 0;max-width:430px;width:100%;margin:auto}.opifex-home .hero-visual img{height:360px}.opifex-home .float{padding:10px 13px;max-width:190px}.opifex-home .grid3,.opifex-home .benefits,.opifex-home .showcase,.opifex-home .faq,.opifex-home .help{grid-template-columns:1fr}.opifex-home .benefits{gap:18px}.opifex-home .showcase{gap:24px}.opifex-home .tablist{grid-template-columns:1fr 1fr}.opifex-home .tab{padding:12px;min-height:75px}.opifex-home .tab small{font-size:10px}.opifex-home .tab>span{display:none}.opifex-home .screen img{max-height:480px}.opifex-home section.block{padding:42px 0}.opifex-home .faq{gap:8px}.opifex-home .help{padding:24px;gap:10px}.opifex-home .pricing{gap:22px}.opifex-home .final{padding:32px 20px}.opifex-home .actions .btn{flex:1;white-space:nowrap;padding:13px 16px}.opifex-home .brand{font-size:24px}.opifex-home footer{align-items:flex-start}.opifex-home .preview{font-size:10px}}@media (prefers-reduced-motion:reduce){.opifex-home{scroll-behavior:auto}}.opifex-home .screen-zoom{display:block;width:100%;padding:0;background:none;border:0;cursor:zoom-in}.opifex-home .demo-nav{display:flex;gap:10px;flex-wrap:wrap;margin:30px 0 0}.opifex-home .demo-nav button{border:1px solid #9bbfb3;border-radius:12px;padding:14px 20px;background:#ffffff85;color:#254e43;font-weight:700}.opifex-home .demo-nav .selected{background:#173f35;color:#fff;border-color:#173f35}.opifex-home .demo-stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:42px;background:#f5fbf5c9;border:1px solid #b1d1c2;border-radius:24px;margin-top:16px;min-height:540px}.opifex-home .demo-stage h3{font-size:30px;line-height:1.25;margin:16px 0}.opifex-home .demo-fact{border-left:3px solid #16856c;padding:12px 18px;margin:24px 0;background:#d7ebdf}.opifex-home .demo-media{text-align:center}.opifex-home .demo-media figure{margin:0}.opifex-home .demo-media figure img{max-height:450px;max-width:100%;-o-object-fit:contain;object-fit:contain;border-radius:14px}.opifex-home .demo-media figcaption{font-size:12px;margin-top:12px}.opifex-home .phone-demo{max-width:300px;margin:auto;background:#fff;border:8px solid #183f36;border-radius:30px;padding:22px;text-align:left;box-shadow:0 20px 35px #16453318}.opifex-home .phone-top{font-size:11px;padding-bottom:20px;color:#54776b}.opifex-home .avatar-demo{display:grid;place-items:center;width:52px;height:52px;background:#d0eadd;border-radius:50%;font-weight:800}.opifex-home .phone-demo h3{font-size:20px}.opifex-home .service-demo{display:grid;border:1px solid #bdd8ca;padding:14px;border-radius:12px}.opifex-home .service-demo span{font-size:12px}.opifex-home .demo-confirm{background:#d6ece0;padding:12px;border-radius:10px;margin-top:20px;font-size:13px}.opifex-home .fit-note,.opifex-home .conditions{padding:25px 30px;border:1px solid #a4c8b8;background:#d5e9dd;border-radius:16px;margin-top:22px}.opifex-home .fit-note p,.opifex-home .conditions p{margin:8px 0}.opifex-home .conditions a{display:inline-block;margin:8px 22px 0 0;text-decoration:underline}.opifex-home .preview-label{position:relative;background:#173f35;color:#e6f5eb;text-align:center;font-size:12px;padding:9px 15px}.opifex-home .demo-stage [hidden]{display:none!important}@media (max-width:760px){.opifex-home .demo-stage{grid-template-columns:1fr;gap:25px;padding:24px}.opifex-home .demo-stage h3{font-size:25px}.opifex-home .demo-nav button{flex:1;padding:12px 8px;font-size:12px}.opifex-home .demo-media figure img{max-height:420px}.opifex-home .fit-note,.opifex-home .conditions{padding:20px}}.opifex-home{position:relative;isolation:isolate}.opifex-home:before{content:"";position:fixed;top:-12%;right:-12%;bottom:-12%;left:-12%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 18% 25%,#6acfb542,transparent 48%),radial-gradient(ellipse at 80% 65%,#77bfae36,transparent 52%);animation:mint-drift 20s ease-in-out infinite alternate;will-change:transform}@keyframes mint-drift{0%{transform:translate3d(-2%,-1%,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.05)}}.opifex-home .btn,.opifex-home .tab,.opifex-home .demo-nav button{transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease,border-color .2s ease}@media (hover:hover){.opifex-home .btn:hover{transform:translateY(-2px);box-shadow:0 8px 22px #246f4529}.opifex-home .tab:hover{transform:translate(3px)}}.opifex-home .tab.active{box-shadow:inset 3px 0 #8fe6bd,0 5px 18px #163f3514}.opifex-home .motion-arrival{animation:screen-arrive .32s ease-out both}@keyframes screen-arrive{0%{opacity:.45;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.opifex-home .motion-pending{opacity:0;transform:translateY(14px);transition:opacity .45s ease,transform .45s ease}.opifex-home .motion-visible{opacity:1;transform:translateY(0)}@media (max-width:760px){.opifex-home:before{animation:none;will-change:auto}.opifex-home .motion-pending{transform:translateY(7px);transition-duration:.25s}}@media (prefers-reduced-motion:reduce){.opifex-home:before{animation:none;will-change:auto}.opifex-home .motion-pending{opacity:1;transform:none}.opifex-home .motion-arrival{animation:none}.opifex-home .btn,.opifex-home .tab,.opifex-home .demo-nav button,.opifex-home .motion-pending{transition:none!important;transform:none!important}.opifex-home{scroll-behavior:auto}}@media print{.opifex-home:before{display:none}.opifex-home .motion-pending{opacity:1;transform:none}}.opifex-home .hero-visual-clear{display:grid;grid-template-columns:1fr;gap:16px;justify-items:center;height:auto;min-height:0;padding:12px 0}.opifex-home .hero-visual-clear>img{position:static;transform:none;width:min(100%,270px);height:auto;max-height:540px;-o-object-fit:contain;object-fit:contain;border-radius:24px;box-shadow:0 24px 60px #174f3524}.opifex-home .hero-visual-clear .float{position:static;inset:auto;transform:none;width:100%;max-width:390px;box-shadow:none;padding:12px 16px;background:#e8f5ed;border:1px solid #b6d8c8;border-radius:14px}.opifex-home .hero-visual-clear .float strong{display:block}.opifex-home .hero-visual-clear .float.top{display:none}@media (max-width:760px){.opifex-home .hero-visual-clear>img{width:min(100%,240px);max-height:none}.opifex-home .hero-visual-clear .float{max-width:340px}.opifex-home .actions{flex-wrap:wrap}}.opifex-home #for-whom .audience-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}.opifex-home #for-whom .audience-grid>.card{grid-column:span 2;min-width:0}.opifex-home #for-whom .audience-grid>.card:nth-child(n+4){grid-column:span 3}.opifex-home #for-whom h3{line-height:1.35;overflow-wrap:anywhere}.opifex-home #for-whom .audience-examples{font-weight:650;color:inherit;margin-bottom:12px}@media (max-width:900px){.opifex-home #for-whom .audience-grid>.card{grid-column:span 3}.opifex-home #for-whom .audience-grid>.card:last-child{grid-column:span 6}}@media (max-width:600px){.opifex-home #for-whom .audience-grid{grid-template-columns:minmax(0,1fr)}.opifex-home #for-whom .audience-grid>.card,.opifex-home #for-whom .audience-grid>.card:nth-child(n+4){grid-column:auto}}.opifex-home #for-whom .audience-specialists{display:flex;flex-wrap:wrap;gap:7px;list-style:none;padding:0;margin:16px 0 20px}.opifex-home #for-whom .audience-specialists li{margin:0;padding:6px 10px;border:1px solid #79aa9670;border-radius:9px;background:#ffffff0a;color:inherit;font-size:12px;line-height:1.5;max-width:100%;overflow-wrap:anywhere}@media (max-width:600px){.opifex-home #for-whom .audience-specialists{gap:6px}.opifex-home #for-whom .audience-specialists li{font-size:12px;padding:5px 8px}}
