/* COLORS */
$brand-blue: #4262FF;
.faq-card,
.faq-text-question,
.faq-answer-container,
.faq-text-answer,
.faq-icon-container,
.faq-icon-plus,
.faq-icon-minus {
transition: all 150ms ease;
}
.faq-answer-container {
height: 100%;
max-height: 0px;
}
.fw-faq-card-open {
&.faq-card {
border-color: $brand-blue;
}
.faq-text-question {
color: $brand-blue;
}
.faq-answer-container {
max-height: 500px;
}
.faq-icon-container {
transform: rotate(90deg);
}
.faq-icon-plus {
opacity: 0;
}
.faq-icon-minus {
opacity: 1;
}
}/* COLORS */
$brand-blue: #4262FF;
$dark-blue: #4262FF40;
.fw-plan-toggle-container,
.fw plan-toggle,
.fw-plan-toggle-knob {
transition: all 200ms ease;
}
.fw-pricing-card {
&.toggled {
.fw-plan-toggle-container {
background-color: $dark-blue;
}
.fw-plan-toggle {
background-color: $brand-blue;
}
.fw-plan-toggle-knob {
transform: translateX(calc(100% - 2px));
}
}
}
.fw-webinar-detail-rte {
h1,h2 {
font-size: 18px;
font-weight: 500;
margin: 0;
padding: 0;
strong {
font-weight: 500;
}
}
h3,h4,h5,h6 {
font-size: 16px;
font-weight: 500;
margin: 0;
padding: 0;
strong {
font-weight: 500;
}
}
&.blank-strong {
p > strong {
display: none;
}
}
p {
font-size: 16px;
line-height: 160%;
opacity: 0.9;
strong {
/* display: none; */
font-weight: 500 !important;
}
}
p:has(>strong) {
padding-top: 8px;
}
ol, ul {
padding: 0;
padding-top: 12px;
padding-left: 32px;
}
li {
font-size: 16px;
margin: 0;
&:not(first-child) {
margin-top: 12px;
}
strong {
font-weight: 500;
}
}
a {
text-decoration: none;
}
br {
margin: 0;
padding: 0;
line-height: 0;
}
}.subscribe-form-email-input {
&::placeholder {
color: #FFFFFF95;
font-weight: 100;
}
}/* VARIABLES */
$font-size: 16px;
/* PROPS */
.fw-rte {
* {
font-size: $font-size;
}
.w-richtext {
padding-top: 12px;
a, strong {
font-weight: 500;
}
}
}$gr-color-1: #090934;
$gr-color-2: #2E55F8;
.gradient-text-style-1 {
background: -webkit-linear-gradient(45deg, $gr-color-1, $gr-color-2);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}.text-ellipsis {
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
&.line-clamp-2 {
-webkit-line-clamp: 2;
}
}/*
parentcontainer = .register-now-container
toggledheader = .register-now-header-toggled
registerbtn = .register-now-mobile
closebtn = .register-close-btn
ghlform = .ghl-form-mobile
*/
.register-now-container {
.register-now-header-toggled, .ghl-form-mobile {
display: none;
}
.register-close-btn {
cursor: pointer;
}
.register-now-mobile {
background-color: #4362FF !important;
}
&.modal-on {
.register-now-mobile {
display: none;
}
.register-now-header-toggled {
display: flex;
}
.ghl-form-mobile {
display: block;
}
}
}
.caret-down-animation {
animation: caret-down-animation 1s ease-in-out infinite;
@keyframes caret-down-animation {
0% { transform: translateY(0) }
50% { transform: translateY(-16px) }
100% { transform: translateY(0) }
}
}
.vertical-scroll-infinite {
animation: vertical-scroll-infinite 240s linear infinite;
@keyframes vertical-scroll-infinite {
from {
transform: translateY(0);
}
to {
transform: translateY(-100%);
}
}
}
.animate-view {
&-scale-in {
animation: scale-in 1s forwards;
opacity: 0;
@keyframes scale-in {
0% {
opacity: 0;
transform: scale(1.2);
}
100% {
opacity: 1;
transform: scale(1);
}
}
}
&-timeline-view {
position: relative;
opacity: 0;
animation: scroll-to-reveal both;
animation-timeline: view;
@keyframes scroll-to-reveal {
from {
opacity: 0;
transform: translateY(150px) scale(0.4);
}
to {
opacity: 1;
transform: translateY(0) scale(1);
}
}
}
}
/* ENTERPRISE STANDALONE PAGE STYLE */
.enterprise-sp * {
transition: all 150ms ease;
}
.enterprise-sp {
& .enterprise-navbar-link {
&:hover {
color: #42C9FF;
}
}
& .enterprise-navbar-menu-items {
@media only screen and (max-width: 1070px) {
display: none;
}
}
& .enterprise-navbar-cta {
&:hover {
background: #FFFFFF20;
border-color: #FFFFFF30;
}
&:active {
opacity: 0.8;
}
}
& .enterprise-hero-cta {
--border-radius: 12px;
position: relative;
background-size: 200% 200%;
transition: all 400ms ease;
border: solid 1px transparent;
border-radius: var(--border-radius);
&:after {
opacity: 0;
}
&:hover {
background-position-x: -150px;
&:after {
content: '';
position: absolute;
inset: 0;
width: 100%;
height: 100%;
opacity: 1;
background: linear-gradient(25deg, #FFFFFF, #FFFFFF10);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
border-radius: var(--border-radius);
box-sizing: border-box;
padding: 1px; /* border thickness */
}
}
}
& .enterprise-memory-item {
position: relative;
&:before {
position: absolute;
content: '';
inset: 0;
width: 100%;
height: 100%;
opacity: 0;
background: linear-gradient(45deg, #266FB810, #4DCFD100);
}
&:hover {
border-color: #FFFFFF70;
&:before {
opacity: 1;
}
& .enterprise-memory-item-texts {
opacity: 1;
}
}
}
}
.enterprise-hero-title-text {
background: -webkit-linear-gradient(#FFFFFF 54.39%, #4EDAB4 120.11%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.fw-footer[theme="enterprise"] {
background-image: linear-gradient(180deg, #050507, #355193);
border-top: none;
& .fw-footer-p,
.fw-footer-copyrights,
.fw-footer-link-header {
color: #ffffff;
}
& .fw-footer-link {
color: #ffffff80;
transition: all 150ms ease;
&:hover {
color: #ffffff;
}
}
& .fw-footer-social-icons {
color: #42bdff !important;
fill: #42bdff;
transition: all 150ms ease;
&:hover {
opacity: 0.6;
}
}
& .fw-footer-logo {
display: none;
}
& .fw-footer-logo.white {
display: inline-block;
}
}
/* NAVBAR */
.enterprise-navbar {
backdrop-filter: blur(15px);
background: linear-gradient(-45deg, #42C9FF40, #4262FF20, #0AA3A430);
animation: gradient-pulse 7s ease infinite;
background-size: 400% 400%;
position: relative;
border-style: none !important;
&:before {
content: '';
position: absolute;
inset: 0;
pointer-events: none;
width: 100%;
height: 100%;
background: linear-gradient(25deg, #42C9FF50, #FFFFFF40, #FFFFFF10);
-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
-webkit-mask-composite: xor;
mask-composite: exclude;
border-radius: 16px;
box-sizing: border-box;
padding: 1px; /* border thickness */
}
}
/* CTA CUSTOM BUILD */
.cta-custom-build {
background: linear-gradient(-45deg, #DADAEE, #8BD6FF, #DADAEE);
background-size: 400% 200%;
animation: gradient-pulse 7s ease infinite;
}
/* ANIMATIONS */
@keyframes gradient-pulse {
0%{
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100%{
background-position: 0% 50%;
}
}
INTRODUCING
The No Code AI Monetization Playbook
A no-fluff guide to turning your prompts, knowledge, and niche expertise into real products people pay for using tools like FormWise (no code required).
Why Now Matters
We’re living in a rare window. AI is mainstream. Code barriers are gone. Buyers are hungry for results not theory. Right now, you can take what you already know, wrap it in a SmartForm or CoPilot, and launch a tool that feels like software without writing a single line of code.
Inside the Playbook you'll learn:
How to turn a great prompt into a product people actually use
How to think in terms of verticals, not features
Why “micro-niche SaaS” beats building for everyone
How to use FormWise to build tools, lock them with Stripe, and launch fast
How to build a value ladder around your tools (and charge more over time)
Real examples (like BreweryOS) that were built in under 1 hour
Ready to build something that lasts?
You don’t need funding. You don’t need code. You just need to move while this is still yours.
Download the free playbook and start building today
