.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}:root {
--orgfroid-primary: #42C1E8;
--orgfroid-primary-hover: #25CCF7;
--orgfroid-primary-dark: #13AFF0;
--orgfroid-primary-light: #E8F4FB;
--orgfroid-text: #213140;
--orgfroid-text-light: #5a6a7a;
--orgfroid-text-muted: #8899aa;
--orgfroid-bg-light: #E8F4FA;
--orgfroid-bg-card: #f8fafb;
--orgfroid-bg-white: #ffffff;
--orgfroid-border: #e0e6ed;
--orgfroid-border-focus: #42C1E8;
--orgfroid-error: #e74c3c;
--orgfroid-success: #42C1E8;
--orgfroid-warning: #f39c12;
--orgfroid-font: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
--orgfroid-radius-sm: 6px;
--orgfroid-radius-md: 10px;
--orgfroid-radius-lg: 16px;
--orgfroid-shadow-sm: 0 1px 3px rgba(33, 49, 64, 0.06);
--orgfroid-shadow-md: 0 4px 16px rgba(33, 49, 64, 0.10);
--orgfroid-shadow-lg: 0 8px 32px rgba(33, 49, 64, 0.14);
--orgfroid-input-height: 52px;
} div.orgfroid-calculator {
font-family: var(--orgfroid-font) !important;
color: var(--orgfroid-text) !important;
line-height: 1.6 !important;
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
font-size: 15px !important;
letter-spacing: 0 !important;
text-transform: none !important;
word-spacing: normal !important;
font-style: normal !important;
}
div.orgfroid-calculator *,
div.orgfroid-calculator *::before,
div.orgfroid-calculator *::after {
box-sizing: border-box !important;
} div.orgfroid-calculator h1,
div.orgfroid-calculator h2,
div.orgfroid-calculator h3,
div.orgfroid-calculator h4,
div.orgfroid-calculator h5,
div.orgfroid-calculator h6 {
font-family: var(--orgfroid-font) !important;
color: var(--orgfroid-text) !important;
line-height: 1.3 !important;
letter-spacing: 0 !important;
text-transform: none !important;
padding: 0 !important;
border: none !important;
background: none !important;
}
div.orgfroid-calculator p {
font-family: var(--orgfroid-font) !important;
letter-spacing: 0 !important;
text-transform: none !important;
}
div.orgfroid-calculator a {
text-decoration: none !important;
transition: all 0.2s ease !important;
}
div.orgfroid-calculator ul,
div.orgfroid-calculator ol {
margin: 0 !important;
padding: 0 !important;
}
div.orgfroid-calculator li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
div.orgfroid-calculator button {
font-family: var(--orgfroid-font) !important;
cursor: pointer !important;
letter-spacing: 0 !important;
text-transform: none !important;
outline: none !important;
}
div.orgfroid-calculator label {
font-family: var(--orgfroid-font) !important;
letter-spacing: 0 !important;
display: block !important;
}
div.orgfroid-calculator code {
font-family: 'SF Mono', 'Monaco', 'Menlo', 'Consolas', monospace !important;
}
div.orgfroid-calculator img {
max-width: 100% !important;
height: auto !important;
}
div.orgfroid-calculator svg {
vertical-align: middle !important;
} div.orgfroid-calculator .orgfroid-hero {
max-width: 800px !important;
margin: 0 auto 40px !important;
padding: 48px 40px !important;
background: linear-gradient(135deg, #213140 0%, #2d4a5e 100%) !important;
border-radius: var(--orgfroid-radius-lg) !important;
text-align: center !important;
position: relative !important;
overflow: hidden !important;
border: none !important;
}
div.orgfroid-calculator .orgfroid-hero::before {
content: '' !important;
position: absolute !important;
top: -60% !important;
right: -15% !important;
width: 320px !important;
height: 320px !important;
background: rgba(66, 193, 232, 0.07) !important;
border-radius: 50% !important;
pointer-events: none !important;
}
div.orgfroid-calculator .orgfroid-hero::after {
content: '' !important;
position: absolute !important;
bottom: -40% !important;
left: -10% !important;
width: 200px !important;
height: 200px !important;
background: rgba(66, 193, 232, 0.05) !important;
border-radius: 50% !important;
pointer-events: none !important;
}
div.orgfroid-calculator .orgfroid-hero-badge {
display: inline-block !important;
padding: 6px 18px !important;
background: rgba(66, 193, 232, 0.15) !important;
color: var(--orgfroid-primary) !important;
font-size: 12px !important;
font-weight: 700 !important;
font-family: var(--orgfroid-font) !important;
border-radius: 20px !important;
margin-bottom: 16px !important;
text-transform: uppercase !important;
letter-spacing: 0.08em !important;
line-height: 1.4 !important;
border: none !important;
position: relative !important;
z-index: 1 !important;
}
div.orgfroid-calculator .orgfroid-hero-title {
font-size: 32px !important;
font-weight: 700 !important;
color: #fff !important;
margin: 0 0 12px !important;
line-height: 1.25 !important;
padding: 0 !important;
position: relative !important;
z-index: 1 !important;
}
div.orgfroid-calculator .orgfroid-hero-desc {
font-size: 16px !important;
color: rgba(255, 255, 255, 0.8) !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.6 !important;
max-width: 560px !important;
margin-left: auto !important;
margin-right: auto !important;
font-weight: 400 !important;
position: relative !important;
z-index: 1 !important;
} div.orgfroid-calculator .orgfroid-form-wrapper {
max-width: 800px !important;
margin: 0 auto 40px !important;
padding: 40px !important;
background: var(--orgfroid-bg-white) !important;
border-radius: var(--orgfroid-radius-lg) !important;
box-shadow: var(--orgfroid-shadow-md) !important;
border: none !important;
}
div.orgfroid-calculator .orgfroid-form-title {
font-size: 28px !important;
font-weight: 700 !important;
color: var(--orgfroid-text) !important;
margin: 0 0 8px !important;
text-align: center !important;
line-height: 1.3 !important;
}
div.orgfroid-calculator .orgfroid-form-subtitle {
font-size: 16px !important;
color: var(--orgfroid-text-light) !important;
text-align: center !important;
margin: 0 0 32px !important;
line-height: 1.6 !important;
font-weight: 400 !important;
} div.orgfroid-calculator .orgfroid-form-grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 20px !important;
margin-bottom: 28px !important;
}
@media (min-width: 640px) {
div.orgfroid-calculator .orgfroid-form-grid {
grid-template-columns: 1fr 1fr !important;
}
}
div.orgfroid-calculator .orgfroid-field {
display: flex !important;
flex-direction: column !important;
gap: 6px !important;
margin: 0 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-field--full {
margin-bottom: 24px !important;
}
@media (min-width: 640px) {
div.orgfroid-calculator .orgfroid-field--full {
grid-column: 1 / -1 !important;
}
} div.orgfroid-calculator .orgfroid-label {
font-size: 14px !important;
font-weight: 600 !important;
color: var(--orgfroid-text) !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.4 !important;
display: block !important;
background: none !important;
border: none !important;
text-transform: none !important;
} div.orgfroid-calculator .orgfroid-form-wrapper input[type="number"],
div.orgfroid-calculator .orgfroid-form-wrapper input[type="text"],
div.orgfroid-calculator .orgfroid-form-wrapper select {
min-height: var(--orgfroid-input-height) !important;
max-width: 100% !important;
width: 100% !important;
font-size: 15px !important;
font-family: var(--orgfroid-font) !important;
color: var(--orgfroid-text) !important;
background-color: var(--orgfroid-bg-white) !important;
padding: 12px 16px !important;
border: 1.5px solid var(--orgfroid-border) !important;
border-radius: var(--orgfroid-radius-sm) !important;
outline: none !important;
transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
-webkit-appearance: none !important;
appearance: none !important;
box-shadow: none !important;
line-height: 1.4 !important;
letter-spacing: 0 !important;
text-transform: none !important;
margin: 0 !important;
float: none !important;
}
div.orgfroid-calculator .orgfroid-form-wrapper input:focus,
div.orgfroid-calculator .orgfroid-form-wrapper select:focus {
border-color: var(--orgfroid-border-focus) !important;
box-shadow: 0 0 0 3px rgba(66, 193, 232, 0.15) !important;
background-color: var(--orgfroid-bg-white) !important;
}
div.orgfroid-calculator .orgfroid-form-wrapper input.orgfroid-error,
div.orgfroid-calculator .orgfroid-form-wrapper select.orgfroid-error {
border-color: var(--orgfroid-error) !important;
box-shadow: 0 0 0 3px rgba(231, 76, 60, 0.1) !important;
}
div.orgfroid-calculator .orgfroid-form-wrapper select {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M1.5 4L6 8.5L10.5 4' stroke='%235a6a7a' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: right 14px center !important;
background-size: 12px !important;
padding-right: 40px !important;
} div.orgfroid-calculator .orgfroid-input-group {
position: relative !important;
display: flex !important;
align-items: center !important;
margin: 0 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-input-group input {
padding-right: 100px !important;
min-width: 0 !important;
}
div.orgfroid-calculator .orgfroid-input-suffix {
position: absolute !important;
right: 36px !important;
font-size: 14px !important;
font-weight: 500 !important;
color: var(--orgfroid-text-muted) !important;
pointer-events: none !important;
line-height: 1 !important;
background: var(--orgfroid-bg-white) !important;
border: none !important;
padding: 2px 4px !important;
margin: 0 !important;
white-space: nowrap !important;
z-index: 1 !important;
} div.orgfroid-calculator .orgfroid-toggle-group {
display: flex !important;
gap: 0 !important;
border-radius: var(--orgfroid-radius-sm) !important;
overflow: hidden !important;
border: 1.5px solid var(--orgfroid-border) !important;
margin: 0 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-toggle {
flex: 1 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
padding: 14px 20px !important;
font-size: 15px !important;
font-weight: 600 !important;
font-family: var(--orgfroid-font) !important;
color: var(--orgfroid-text-light) !important;
background: var(--orgfroid-bg-white) !important;
border: none !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
border-radius: 0 !important;
text-decoration: none !important;
line-height: 1.4 !important;
text-transform: none !important;
letter-spacing: 0 !important;
margin: 0 !important;
min-height: auto !important;
box-shadow: none !important;
}
div.orgfroid-calculator .orgfroid-toggle:first-child {
border-right: 1.5px solid var(--orgfroid-border) !important;
}
div.orgfroid-calculator .orgfroid-toggle:hover {
background: var(--orgfroid-primary-light) !important;
color: var(--orgfroid-text) !important;
}
div.orgfroid-calculator .orgfroid-toggle--active {
background: var(--orgfroid-primary) !important;
color: #fff !important;
}
div.orgfroid-calculator .orgfroid-toggle--active svg {
stroke: #fff !important;
} div.orgfroid-calculator .orgfroid-range {
width: 100% !important;
height: 6px !important;
-webkit-appearance: none !important;
appearance: none !important;
background: var(--orgfroid-border) !important;
border-radius: 3px !important;
outline: none !important;
margin: 8px 0 4px !important;
border: none !important;
padding: 0 !important;
box-shadow: none !important;
}
div.orgfroid-calculator .orgfroid-range::-webkit-slider-thumb {
-webkit-appearance: none !important;
width: 24px !important;
height: 24px !important;
border-radius: 50% !important;
background: var(--orgfroid-primary) !important;
cursor: pointer !important;
border: 3px solid #fff !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
transition: transform 0.15s ease !important;
}
div.orgfroid-calculator .orgfroid-range::-webkit-slider-thumb:hover {
transform: scale(1.15) !important;
}
div.orgfroid-calculator .orgfroid-range::-moz-range-thumb {
width: 24px !important;
height: 24px !important;
border-radius: 50% !important;
background: var(--orgfroid-primary) !important;
cursor: pointer !important;
border: 3px solid #fff !important;
box-shadow: 0 2px 6px rgba(0,0,0,0.15) !important;
}
div.orgfroid-calculator .orgfroid-range-labels {
display: flex !important;
justify-content: space-between !important;
font-size: 12px !important;
color: var(--orgfroid-text-muted) !important;
margin: 0 !important;
padding: 0 !important;
} div.orgfroid-calculator .orgfroid-submit {
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 10px !important;
width: 100% !important;
min-height: var(--orgfroid-input-height) !important;
padding: 16px 24px !important;
font-size: 17px !important;
font-weight: 700 !important;
font-family: var(--orgfroid-font) !important;
color: #fff !important;
background: var(--orgfroid-primary) !important;
border: 2px solid var(--orgfroid-primary) !important;
border-radius: var(--orgfroid-radius-sm) !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
text-transform: none !important;
letter-spacing: 0 !important;
line-height: 1 !important;
box-shadow: none !important;
text-decoration: none !important;
margin: 0 !important;
float: none !important;
}
div.orgfroid-calculator .orgfroid-submit:hover {
background: var(--orgfroid-primary-hover) !important;
border-color: var(--orgfroid-primary-hover) !important;
transform: translateY(-1px) !important;
box-shadow: 0 4px 12px rgba(66, 193, 232, 0.3) !important;
color: #fff !important;
}
div.orgfroid-calculator .orgfroid-submit:active {
transform: translateY(0) !important;
} div.orgfroid-calculator .orgfroid-results-wrapper {
max-width: 800px !important;
margin: 0 auto 40px !important;
animation: orgfroidFadeIn 0.5s ease !important;
padding: 0 !important;
}
@keyframes orgfroidFadeIn {
from { opacity: 0; transform: translateY(16px); }
to   { opacity: 1; transform: translateY(0); }
}
div.orgfroid-calculator .orgfroid-results-title {
font-size: 24px !important;
font-weight: 700 !important;
text-align: center !important;
margin: 0 0 8px !important;
color: var(--orgfroid-text) !important;
line-height: 1.3 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-results-subtitle {
font-size: 15px !important;
text-align: center !important;
margin: 0 0 28px !important;
color: var(--orgfroid-text-light) !important;
line-height: 1.6 !important;
font-weight: 400 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-results-grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 16px !important;
margin-bottom: 24px !important;
padding: 0 !important;
}
@media (min-width: 640px) {
div.orgfroid-calculator .orgfroid-results-grid {
grid-template-columns: 1fr 1fr !important;
}
}
@media (min-width: 900px) {
div.orgfroid-calculator .orgfroid-results-grid {
grid-template-columns: repeat(4, 1fr) !important;
}
}
div.orgfroid-calculator .orgfroid-result-card {
background: var(--orgfroid-bg-card) !important;
border-top: 4px solid var(--orgfroid-border) !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
border-radius: var(--orgfroid-radius-sm) !important;
padding: 24px 16px !important;
text-align: center !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
margin: 0 !important;
}
div.orgfroid-calculator .orgfroid-result-card:hover {
transform: translateY(-2px) !important;
box-shadow: var(--orgfroid-shadow-sm) !important;
}
div.orgfroid-calculator .orgfroid-result-card--primary {
border-top-color: var(--orgfroid-primary) !important;
background: var(--orgfroid-primary-light) !important;
}
div.orgfroid-calculator .orgfroid-result-icon {
margin-bottom: 8px !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-result-label {
font-size: 13px !important;
font-weight: 500 !important;
color: var(--orgfroid-text-light) !important;
margin-bottom: 4px !important;
margin-top: 0 !important;
padding: 0 !important;
line-height: 1.4 !important;
}
div.orgfroid-calculator .orgfroid-result-value {
font-size: 32px !important;
font-weight: 700 !important;
color: var(--orgfroid-text) !important;
line-height: 1.2 !important;
margin: 0 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-result-unit {
font-size: 13px !important;
color: var(--orgfroid-text-muted) !important;
margin-top: 2px !important;
padding: 0 !important;
font-weight: 400 !important;
line-height: 1.4 !important;
} div.orgfroid-calculator .orgfroid-recommendation {
display: flex !important;
gap: 16px !important;
align-items: flex-start !important;
padding: 20px 24px !important;
background: var(--orgfroid-primary) !important;
border-radius: var(--orgfroid-radius-sm) !important;
margin-bottom: 24px !important;
color: #fff !important;
border: none !important;
}
div.orgfroid-calculator .orgfroid-recommendation-icon {
flex-shrink: 0 !important;
margin-top: 2px !important;
}
div.orgfroid-calculator .orgfroid-recommendation-title {
font-size: 16px !important;
font-weight: 700 !important;
margin: 0 0 4px !important;
color: #fff !important;
padding: 0 !important;
line-height: 1.3 !important;
}
div.orgfroid-calculator .orgfroid-recommendation-text {
font-size: 14px !important;
margin: 0 !important;
opacity: 0.92 !important;
color: #fff !important;
padding: 0 !important;
line-height: 1.6 !important;
} div.orgfroid-calculator .orgfroid-details {
margin-bottom: 20px !important;
border: 1px solid var(--orgfroid-border) !important;
border-radius: var(--orgfroid-radius-sm) !important;
overflow: hidden !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-details summary {
padding: 14px 20px !important;
font-size: 14px !important;
font-weight: 600 !important;
color: var(--orgfroid-text-light) !important;
cursor: pointer !important;
background: var(--orgfroid-bg-card) !important;
transition: background 0.2s ease !important;
list-style: none !important;
line-height: 1.4 !important;
margin: 0 !important;
border: none !important;
}
div.orgfroid-calculator .orgfroid-details summary::-webkit-details-marker { display: none !important; }
div.orgfroid-calculator .orgfroid-details summary::before {
content: '▸ ' !important;
}
div.orgfroid-calculator .orgfroid-details[open] summary::before {
content: '▾ ' !important;
}
div.orgfroid-calculator .orgfroid-details summary:hover { background: var(--orgfroid-bg-light) !important; }
div.orgfroid-calculator .orgfroid-details-content {
padding: 16px 20px !important;
font-size: 14px !important;
color: var(--orgfroid-text-light) !important;
line-height: 1.7 !important;
margin: 0 !important;
}
div.orgfroid-calculator .orgfroid-details-content p {
margin: 0 0 8px !important;
padding: 0 !important;
font-size: 14px !important;
color: var(--orgfroid-text-light) !important;
line-height: 1.7 !important;
}
div.orgfroid-calculator .orgfroid-details-content strong {
color: var(--orgfroid-text) !important;
font-weight: 700 !important;
} div.orgfroid-calculator .orgfroid-disclaimer {
font-size: 13px !important;
color: var(--orgfroid-text-muted) !important;
text-align: center !important;
padding: 16px !important;
margin: 0 !important;
background: var(--orgfroid-bg-card) !important;
border-radius: var(--orgfroid-radius-sm) !important;
line-height: 1.6 !important;
font-weight: 400 !important;
border: none !important;
} div.orgfroid-calculator .orgfroid-cta-section {
max-width: 800px !important;
margin: 0 auto 40px !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-cta-card {
background: linear-gradient(135deg, #213140 0%, #2d4a5e 100%) !important;
border-radius: var(--orgfroid-radius-lg) !important;
padding: 40px !important;
text-align: center !important;
color: #fff !important;
position: relative !important;
overflow: hidden !important;
border: none !important;
margin: 0 !important;
}
div.orgfroid-calculator .orgfroid-cta-card::before {
content: '' !important;
position: absolute !important;
top: -50% !important;
right: -20% !important;
width: 300px !important;
height: 300px !important;
background: rgba(66, 193, 232, 0.08) !important;
border-radius: 50% !important;
pointer-events: none !important;
}
div.orgfroid-calculator .orgfroid-cta-badge {
display: inline-block !important;
padding: 6px 16px !important;
background: rgba(66, 193, 232, 0.15) !important;
color: var(--orgfroid-primary) !important;
font-size: 13px !important;
font-weight: 700 !important;
border-radius: 20px !important;
margin-bottom: 16px !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
line-height: 1.4 !important;
border: none !important;
}
div.orgfroid-calculator .orgfroid-cta-title {
font-size: 24px !important;
font-weight: 700 !important;
margin: 0 0 12px !important;
color: #fff !important;
line-height: 1.3 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-cta-text {
font-size: 15px !important;
margin: 0 0 20px !important;
opacity: 0.85 !important;
max-width: 500px !important;
margin-left: auto !important;
margin-right: auto !important;
color: #fff !important;
line-height: 1.6 !important;
padding: 0 !important;
font-weight: 400 !important;
}
div.orgfroid-calculator .orgfroid-cta-features {
list-style: none !important;
padding: 0 !important;
margin: 0 auto 28px !important;
max-width: 340px !important;
text-align: left !important;
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
}
div.orgfroid-calculator .orgfroid-cta-features li {
padding: 7px 0 !important;
font-size: 14px !important;
color: rgba(255,255,255,0.9) !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
list-style: none !important;
margin: 0 !important;
line-height: 1.4 !important;
}
div.orgfroid-calculator .orgfroid-cta-features li::before {
content: '' !important;
display: inline-flex !important;
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
flex-shrink: 0 !important;
background-color: var(--orgfroid-primary) !important;
border-radius: 50% !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6L5 8.5L9.5 3.5' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
div.orgfroid-calculator .orgfroid-cta-button {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
padding: 16px 32px !important;
font-size: 16px !important;
font-weight: 700 !important;
font-family: var(--orgfroid-font) !important;
color: #fff !important;
background: var(--orgfroid-primary) !important;
border: none !important;
border-radius: var(--orgfroid-radius-sm) !important;
text-decoration: none !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
letter-spacing: 0 !important;
text-transform: none !important;
line-height: 1.4 !important;
box-shadow: none !important;
}
div.orgfroid-calculator .orgfroid-cta-button:hover {
background: var(--orgfroid-primary-hover) !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(66, 193, 232, 0.35) !important;
color: #fff !important;
text-decoration: none !important;
}
div.orgfroid-calculator .orgfroid-cta-subtext {
display: block !important;
margin-top: 14px !important;
font-size: 13px !important;
opacity: 0.6 !important;
color: #fff !important;
font-weight: 400 !important;
} div.orgfroid-calculator .orgfroid-embed-section {
max-width: 800px !important;
margin: 0 auto 40px !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-embed-card {
display: flex !important;
gap: 16px !important;
padding: 24px !important;
background: var(--orgfroid-bg-card) !important;
border: 1px solid var(--orgfroid-border) !important;
border-radius: var(--orgfroid-radius-md) !important;
margin: 0 !important;
}
div.orgfroid-calculator .orgfroid-embed-icon {
flex-shrink: 0 !important;
margin-top: 2px !important;
}
div.orgfroid-calculator .orgfroid-embed-content {
flex: 1 !important;
min-width: 0 !important;
}
div.orgfroid-calculator .orgfroid-embed-title {
font-size: 16px !important;
font-weight: 700 !important;
margin: 0 0 4px !important;
color: var(--orgfroid-text) !important;
line-height: 1.3 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-embed-text {
font-size: 14px !important;
color: var(--orgfroid-text-light) !important;
margin: 0 0 12px !important;
line-height: 1.6 !important;
padding: 0 !important;
font-weight: 400 !important;
}
div.orgfroid-calculator .orgfroid-embed-code-wrapper {
position: relative !important;
margin: 0 !important;
padding: 0 !important;
border-radius: var(--orgfroid-radius-sm) !important;
overflow: hidden !important;
}
div.orgfroid-calculator .orgfroid-embed-code-header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
padding: 10px 14px !important;
background: #1a2530 !important;
border-bottom: 1px solid rgba(255,255,255,0.08) !important;
margin: 0 !important;
}
div.orgfroid-calculator .orgfroid-embed-code-label {
font-size: 12px !important;
font-weight: 500 !important;
color: rgba(255,255,255,0.5) !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
line-height: 1.4 !important;
margin: 0 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-embed-code {
background: #1e2a38 !important;
color: #a8d8cc !important;
font-size: 12px !important;
font-family: 'SF Mono', 'Monaco', 'Menlo', 'Consolas', monospace !important;
padding: 14px !important;
border-radius: 0 !important;
overflow-x: auto !important;
white-space: pre-wrap !important;
word-break: break-all !important;
line-height: 1.5 !important;
margin: 0 !important;
border: none !important;
}
div.orgfroid-calculator .orgfroid-embed-copy {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
padding: 6px 14px !important;
font-size: 12px !important;
font-weight: 600 !important;
font-family: var(--orgfroid-font) !important;
color: #fff !important;
background: rgba(255,255,255,0.1) !important;
border: 1px solid rgba(255,255,255,0.2) !important;
border-radius: 4px !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
text-transform: none !important;
letter-spacing: 0 !important;
line-height: 1.4 !important;
min-height: auto !important;
box-shadow: none !important;
position: static !important;
flex-shrink: 0 !important;
}
div.orgfroid-calculator .orgfroid-embed-copy:hover {
background: rgba(255,255,255,0.2) !important;
}
div.orgfroid-calculator .orgfroid-embed-copy--copied {
background: var(--orgfroid-primary) !important;
color: #fff !important;
border-color: var(--orgfroid-primary) !important;
} div.orgfroid-calculator .orgfroid-seo-section {
max-width: 800px !important;
margin: 0 auto 40px !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-seo-block {
margin-bottom: 40px !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-seo-block h2 {
font-size: 24px !important;
font-weight: 700 !important;
color: var(--orgfroid-text) !important;
margin: 0 0 16px !important;
line-height: 1.3 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-seo-block h3 {
font-size: 18px !important;
font-weight: 600 !important;
color: var(--orgfroid-text) !important;
margin: 24px 0 8px !important;
padding: 0 !important;
line-height: 1.3 !important;
}
div.orgfroid-calculator .orgfroid-seo-block p {
font-size: 15px !important;
color: var(--orgfroid-text-light) !important;
margin: 0 0 12px !important;
line-height: 1.7 !important;
padding: 0 !important;
font-weight: 400 !important;
} div.orgfroid-calculator .orgfroid-formula {
background: var(--orgfroid-bg-light) !important;
border-left: 4px solid var(--orgfroid-primary) !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
padding: 16px 20px !important;
border-radius: 0 var(--orgfroid-radius-sm) var(--orgfroid-radius-sm) 0 !important;
font-size: 16px !important;
margin: 16px 0 !important;
font-family: 'SF Mono', 'Monaco', 'Menlo', monospace !important;
color: var(--orgfroid-text) !important;
line-height: 1.5 !important;
} div.orgfroid-calculator .orgfroid-seo-block ul,
div.orgfroid-calculator .orgfroid-seo-block ol {
margin: 0 0 16px !important;
padding: 0 0 0 24px !important;
color: var(--orgfroid-text-light) !important;
font-size: 15px !important;
line-height: 1.7 !important;
list-style-position: outside !important;
}
div.orgfroid-calculator .orgfroid-seo-block ul {
list-style-type: disc !important;
}
div.orgfroid-calculator .orgfroid-seo-block ol {
list-style-type: decimal !important;
}
div.orgfroid-calculator .orgfroid-seo-block li {
margin: 0 0 8px !important;
padding: 0 !important;
display: list-item !important;
line-height: 1.7 !important;
}
div.orgfroid-calculator .orgfroid-seo-block li:last-child {
margin-bottom: 0 !important;
}
div.orgfroid-calculator .orgfroid-seo-block li strong {
color: var(--orgfroid-text) !important;
font-weight: 600 !important;
}
div.orgfroid-calculator .orgfroid-seo-block li a {
color: var(--orgfroid-primary-dark) !important;
text-decoration: underline !important;
} div.orgfroid-calculator .orgfroid-table {
display: table !important;
width: 100% !important;
border-collapse: collapse !important;
border-spacing: 0 !important;
margin: 16px 0 24px !important;
background: var(--orgfroid-bg-white) !important;
border: 1px solid var(--orgfroid-border) !important;
border-radius: var(--orgfroid-radius-sm) !important;
overflow: hidden !important;
font-size: 14px !important;
color: var(--orgfroid-text) !important;
box-shadow: var(--orgfroid-shadow-sm) !important;
}
div.orgfroid-calculator .orgfroid-table thead {
display: table-header-group !important;
background: var(--orgfroid-bg-light) !important;
}
div.orgfroid-calculator .orgfroid-table tbody {
display: table-row-group !important;
}
div.orgfroid-calculator .orgfroid-table tr {
display: table-row !important;
border-bottom: 1px solid var(--orgfroid-border) !important;
}
div.orgfroid-calculator .orgfroid-table tbody tr:last-child {
border-bottom: none !important;
}
div.orgfroid-calculator .orgfroid-table tbody tr:nth-child(even) {
background: #fafbfc !important;
}
div.orgfroid-calculator .orgfroid-table tbody tr:hover {
background: var(--orgfroid-primary-light) !important;
}
div.orgfroid-calculator .orgfroid-table th,
div.orgfroid-calculator .orgfroid-table td {
display: table-cell !important;
padding: 10px 14px !important;
text-align: left !important;
vertical-align: middle !important;
border: none !important;
line-height: 1.5 !important;
}
div.orgfroid-calculator .orgfroid-table th {
font-weight: 700 !important;
color: var(--orgfroid-text) !important;
font-size: 13px !important;
text-transform: uppercase !important;
letter-spacing: 0.02em !important;
border-bottom: 2px solid var(--orgfroid-border) !important;
}
div.orgfroid-calculator .orgfroid-table td {
color: var(--orgfroid-text-light) !important;
}
div.orgfroid-calculator .orgfroid-table td strong,
div.orgfroid-calculator .orgfroid-table th strong {
color: var(--orgfroid-text) !important;
font-weight: 600 !important;
}
@media (max-width: 640px) {
div.orgfroid-calculator .orgfroid-table {
font-size: 13px !important;
}
div.orgfroid-calculator .orgfroid-table th,
div.orgfroid-calculator .orgfroid-table td {
padding: 8px 10px !important;
}
} div.orgfroid-calculator .orgfroid-faq {
border: 1px solid var(--orgfroid-border) !important;
border-radius: var(--orgfroid-radius-md) !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-faq-item {
border-bottom: 1px solid var(--orgfroid-border) !important;
margin: 0 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-faq-item:last-child {
border-bottom: none !important;
}
div.orgfroid-calculator .orgfroid-faq-question {
width: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 12px !important;
padding: 16px 20px !important;
font-size: 15px !important;
font-weight: 600 !important;
font-family: var(--orgfroid-font) !important;
color: var(--orgfroid-text) !important;
background: var(--orgfroid-bg-white) !important;
border: none !important;
cursor: pointer !important;
text-align: left !important;
transition: background 0.2s ease !important;
border-radius: 0 !important;
line-height: 1.4 !important;
text-transform: none !important;
letter-spacing: 0 !important;
margin: 0 !important;
min-height: auto !important;
box-shadow: none !important;
text-decoration: none !important;
}
div.orgfroid-calculator .orgfroid-faq-question:hover {
background: var(--orgfroid-bg-card) !important;
color: var(--orgfroid-text) !important;
}
div.orgfroid-calculator .orgfroid-faq-chevron {
flex-shrink: 0 !important;
transition: transform 0.3s ease !important;
}
div.orgfroid-calculator .orgfroid-faq-item--open .orgfroid-faq-chevron {
transform: rotate(180deg) !important;
}
div.orgfroid-calculator .orgfroid-faq-answer {
max-height: 0 !important;
overflow: hidden !important;
transition: max-height 0.35s ease !important;
margin: 0 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-faq-item--open .orgfroid-faq-answer {
max-height: 500px !important;
}
div.orgfroid-calculator .orgfroid-faq-answer p {
padding: 0 20px 16px !important;
font-size: 14px !important;
color: var(--orgfroid-text-light) !important;
line-height: 1.7 !important;
margin: 0 !important;
font-weight: 400 !important;
} div.orgfroid-calculator .orgfroid-internal-links {
max-width: 800px !important;
margin: 0 auto 40px !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-internal-links-title {
font-size: 24px !important;
font-weight: 700 !important;
color: var(--orgfroid-text) !important;
margin: 0 0 8px !important;
text-align: center !important;
line-height: 1.3 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-internal-links-subtitle {
font-size: 15px !important;
color: var(--orgfroid-text-light) !important;
text-align: center !important;
margin: 0 0 28px !important;
padding: 0 !important;
line-height: 1.6 !important;
font-weight: 400 !important;
}
div.orgfroid-calculator .orgfroid-internal-links-grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 12px !important;
margin: 0 !important;
padding: 0 !important;
}
@media (min-width: 640px) {
div.orgfroid-calculator .orgfroid-internal-links-grid {
grid-template-columns: 1fr 1fr !important;
}
}
div.orgfroid-calculator a.orgfroid-internal-link-card,
div.orgfroid-calculator .orgfroid-internal-link-card {
display: flex !important;
align-items: flex-start !important;
gap: 14px !important;
padding: 18px 20px !important;
background: var(--orgfroid-bg-white) !important;
border: 1.5px solid var(--orgfroid-border) !important;
border-radius: var(--orgfroid-radius-md) !important;
text-decoration: none !important;
color: var(--orgfroid-text) !important;
transition: all 0.2s ease !important;
margin: 0 !important;
box-shadow: none !important;
}
div.orgfroid-calculator a.orgfroid-internal-link-card:hover,
div.orgfroid-calculator .orgfroid-internal-link-card:hover {
border-color: var(--orgfroid-primary) !important;
box-shadow: var(--orgfroid-shadow-sm) !important;
transform: translateY(-2px) !important;
text-decoration: none !important;
color: var(--orgfroid-text) !important;
background: var(--orgfroid-bg-white) !important;
}
div.orgfroid-calculator .orgfroid-internal-link-card:hover .orgfroid-internal-link-arrow {
color: var(--orgfroid-primary) !important;
transform: translateX(3px) !important;
}
div.orgfroid-calculator .orgfroid-internal-link-icon {
flex-shrink: 0 !important;
width: 44px !important;
height: 44px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: var(--orgfroid-primary-light) !important;
border-radius: var(--orgfroid-radius-sm) !important;
color: var(--orgfroid-primary-dark) !important;
margin: 0 !important;
padding: 0 !important;
border: none !important;
}
div.orgfroid-calculator .orgfroid-internal-link-content {
flex: 1 !important;
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 4px !important;
margin: 0 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-internal-link-name {
font-size: 14px !important;
font-weight: 600 !important;
color: var(--orgfroid-text) !important;
line-height: 1.3 !important;
margin: 0 !important;
padding: 0 !important;
}
div.orgfroid-calculator .orgfroid-internal-link-desc {
font-size: 12px !important;
color: var(--orgfroid-text-muted) !important;
line-height: 1.4 !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
font-weight: 400 !important;
}
div.orgfroid-calculator .orgfroid-internal-link-arrow {
flex-shrink: 0 !important;
color: var(--orgfroid-text-muted) !important;
margin-top: 10px !important;
transition: all 0.2s ease !important;
padding: 0 !important;
} @media (max-width: 639px) {
div.orgfroid-calculator .orgfroid-hero {
padding: 32px 20px !important;
margin: 0 auto 24px !important;
border-radius: var(--orgfroid-radius-md) !important;
}
div.orgfroid-calculator .orgfroid-hero-title { font-size: 24px !important; }
div.orgfroid-calculator .orgfroid-hero-desc { font-size: 14px !important; }
div.orgfroid-calculator .orgfroid-form-wrapper {
padding: 24px 20px !important;
margin: 0 auto 24px !important;
border-radius: var(--orgfroid-radius-md) !important;
}
div.orgfroid-calculator .orgfroid-form-title { font-size: 22px !important; }
div.orgfroid-calculator .orgfroid-form-subtitle { font-size: 14px !important; margin-bottom: 24px !important; }
div.orgfroid-calculator .orgfroid-result-value { font-size: 26px !important; }
div.orgfroid-calculator .orgfroid-cta-card { padding: 28px 20px !important; }
div.orgfroid-calculator .orgfroid-cta-title { font-size: 20px !important; }
div.orgfroid-calculator .orgfroid-embed-card { flex-direction: column !important; }
div.orgfroid-calculator .orgfroid-toggle { padding: 12px 14px !important; font-size: 14px !important; }
div.orgfroid-calculator .orgfroid-internal-links-title { font-size: 20px !important; }
div.orgfroid-calculator .orgfroid-internal-link-card { padding: 14px 16px !important; }
div.orgfroid-calculator .orgfroid-internal-link-arrow { display: none !important; }
}  body:has(div.orgfroid-calculator) #content-wrap,
body:has(div.orgfroid-index) #content-wrap {
padding-top: 130px !important;
} body:has(div.orgfroid-calculator) #content-wrap.container,
body:has(div.orgfroid-index) #content-wrap.container {
max-width: 100% !important;
width: 100% !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
body:has(div.orgfroid-calculator) #primary,
body:has(div.orgfroid-index) #primary {
width: 100% !important;
max-width: 100% !important;
float: none !important;
margin: 0 auto !important;
}
body:has(div.orgfroid-calculator) #right-sidebar,
body:has(div.orgfroid-index) #right-sidebar {
display: none !important;
} body:has(div.orgfroid-calculator) .page-header,
body:has(div.orgfroid-index) .page-header {
display: none !important;
}
@media (max-width: 768px) {
body:has(div.orgfroid-calculator) #content-wrap,
body:has(div.orgfroid-index) #content-wrap {
padding-top: 110px !important;
}
}div.orgfroid-index {
max-width: 1100px !important;
margin-left: auto !important;
margin-right: auto !important;
padding: 0 20px !important;
font-family: 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
color: #213140 !important;
font-size: 15px !important;
line-height: 1.6 !important;
-webkit-font-smoothing: antialiased !important;
box-sizing: border-box !important;
}
div.orgfroid-index *,
div.orgfroid-index *::before,
div.orgfroid-index *::after {
box-sizing: border-box !important;
} div.orgfroid-index .orgfroid-index-hero {
max-width: 800px !important;
margin: 0 auto 48px !important;
padding: 48px 40px !important;
background: linear-gradient(135deg, #213140 0%, #2d4a5e 100%) !important;
border-radius: 10px !important;
text-align: center !important;
position: relative !important;
overflow: hidden !important;
}
div.orgfroid-index .orgfroid-index-hero::before {
content: '' !important;
position: absolute !important;
top: -60% !important;
right: -15% !important;
width: 320px !important;
height: 320px !important;
background: rgba(66, 193, 232, 0.07) !important;
border-radius: 50% !important;
pointer-events: none !important;
}
div.orgfroid-index .orgfroid-hero-badge {
display: inline-block !important;
padding: 6px 18px !important;
background: rgba(66, 193, 232, 0.15) !important;
color: #42C1E8 !important;
font-size: 12px !important;
font-weight: 700 !important;
font-family: 'Roboto', -apple-system, sans-serif !important;
border-radius: 20px !important;
margin-bottom: 16px !important;
text-transform: uppercase !important;
letter-spacing: 0.08em !important;
line-height: 1.4 !important;
border: none !important;
position: relative !important;
z-index: 1 !important;
}
div.orgfroid-index .orgfroid-hero-title {
font-size: 32px !important;
font-weight: 700 !important;
color: #fff !important;
margin: 0 0 12px !important;
line-height: 1.25 !important;
padding: 0 !important;
position: relative !important;
z-index: 1 !important;
}
div.orgfroid-index .orgfroid-hero-desc {
font-size: 16px !important;
color: rgba(255, 255, 255, 0.8) !important;
margin: 0 auto !important;
padding: 0 !important;
line-height: 1.6 !important;
max-width: 560px !important;
font-weight: 400 !important;
position: relative !important;
z-index: 1 !important;
} div.orgfroid-index .orgfroid-index-section {
margin-bottom: 48px !important;
}
div.orgfroid-index .orgfroid-index-section-header {
display: flex !important;
align-items: flex-start !important;
gap: 16px !important;
margin-bottom: 24px !important;
padding: 0 !important;
}
div.orgfroid-index .orgfroid-index-section-icon {
flex-shrink: 0 !important;
width: 48px !important;
height: 48px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: rgba(66, 193, 232, 0.1) !important;
border-radius: 10px !important;
margin: 0 !important;
padding: 0 !important;
}
div.orgfroid-index .orgfroid-index-section-title {
font-size: 22px !important;
font-weight: 700 !important;
color: #213140 !important;
margin: 0 0 4px !important;
padding: 0 !important;
line-height: 1.3 !important;
}
div.orgfroid-index .orgfroid-index-section-desc {
font-size: 15px !important;
color: #5a6a7a !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.5 !important;
} div.orgfroid-index .orgfroid-index-grid {
display: grid !important;
grid-template-columns: 1fr !important;
gap: 16px !important;
padding: 0 !important;
margin: 0 !important;
}
@media (min-width: 640px) {
div.orgfroid-index .orgfroid-index-grid {
grid-template-columns: 1fr 1fr !important;
}
}
@media (min-width: 960px) {
div.orgfroid-index .orgfroid-index-grid {
grid-template-columns: 1fr 1fr 1fr !important;
}
} div.orgfroid-index .orgfroid-index-card {
display: flex !important;
flex-direction: column !important;
padding: 28px 24px !important;
background: #fff !important;
border: 1.5px solid #e0e6ed !important;
border-radius: 10px !important;
text-decoration: none !important;
transition: all 0.25s ease !important;
color: #213140 !important;
cursor: pointer !important;
}
div.orgfroid-index .orgfroid-index-card:hover {
border-color: #42C1E8 !important;
box-shadow: 0 4px 16px rgba(66, 193, 232, 0.12) !important;
transform: translateY(-2px) !important;
text-decoration: none !important;
}
div.orgfroid-index a.orgfroid-index-card:visited,
div.orgfroid-index a.orgfroid-index-card:active,
div.orgfroid-index a.orgfroid-index-card:focus {
color: #213140 !important;
text-decoration: none !important;
}
div.orgfroid-index .orgfroid-index-card-icon {
width: 48px !important;
height: 48px !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
background: rgba(66, 193, 232, 0.1) !important;
border-radius: 10px !important;
margin-bottom: 16px !important;
padding: 0 !important;
color: #42C1E8 !important;
}
div.orgfroid-index .orgfroid-index-card-icon svg {
stroke: #42C1E8 !important;
}
div.orgfroid-index .orgfroid-index-card-title {
font-size: 16px !important;
font-weight: 700 !important;
color: #213140 !important;
margin: 0 0 8px !important;
padding: 0 !important;
line-height: 1.35 !important;
}
div.orgfroid-index .orgfroid-index-card-desc {
font-size: 14px !important;
color: #5a6a7a !important;
margin: 0 0 auto !important;
padding: 0 0 16px !important;
line-height: 1.55 !important;
flex-grow: 1 !important;
}
div.orgfroid-index .orgfroid-index-card-link {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
font-size: 14px !important;
font-weight: 600 !important;
color: #42C1E8 !important;
margin: 0 !important;
padding: 0 !important;
transition: gap 0.2s ease !important;
text-decoration: none !important;
}
div.orgfroid-index .orgfroid-index-card:hover .orgfroid-index-card-link {
gap: 10px !important;
}
div.orgfroid-index .orgfroid-index-card-link svg {
stroke: #42C1E8 !important;
} div.orgfroid-index .orgfroid-cta-section {
max-width: 800px !important;
margin: 16px auto 40px !important;
padding: 0 !important;
}
div.orgfroid-index .orgfroid-cta-card {
background: linear-gradient(135deg, #213140 0%, #2d4a5e 100%) !important;
border-radius: 10px !important;
padding: 40px !important;
text-align: center !important;
color: #fff !important;
position: relative !important;
overflow: hidden !important;
border: none !important;
margin: 0 !important;
}
div.orgfroid-index .orgfroid-cta-card::before {
content: '' !important;
position: absolute !important;
top: -50% !important;
right: -20% !important;
width: 300px !important;
height: 300px !important;
background: rgba(66, 193, 232, 0.08) !important;
border-radius: 50% !important;
pointer-events: none !important;
}
div.orgfroid-index .orgfroid-cta-badge {
display: inline-block !important;
padding: 6px 16px !important;
background: rgba(66, 193, 232, 0.15) !important;
color: #42C1E8 !important;
font-size: 13px !important;
font-weight: 700 !important;
border-radius: 20px !important;
margin-bottom: 16px !important;
text-transform: uppercase !important;
letter-spacing: 0.05em !important;
line-height: 1.4 !important;
border: none !important;
position: relative !important;
z-index: 1 !important;
}
div.orgfroid-index .orgfroid-cta-title {
font-size: 24px !important;
font-weight: 700 !important;
margin: 0 0 12px !important;
color: #fff !important;
line-height: 1.3 !important;
padding: 0 !important;
position: relative !important;
z-index: 1 !important;
}
div.orgfroid-index .orgfroid-cta-text {
font-size: 15px !important;
margin: 0 auto 20px !important;
opacity: 0.85 !important;
max-width: 500px !important;
color: #fff !important;
line-height: 1.6 !important;
padding: 0 !important;
font-weight: 400 !important;
position: relative !important;
z-index: 1 !important;
}
div.orgfroid-index .orgfroid-cta-features {
list-style: none !important;
padding: 0 !important;
margin: 0 auto 28px !important;
max-width: 340px !important;
text-align: left !important;
display: flex !important;
flex-direction: column !important;
gap: 0 !important;
position: relative !important;
z-index: 1 !important;
}
div.orgfroid-index .orgfroid-cta-features li {
padding: 7px 0 !important;
font-size: 14px !important;
color: rgba(255,255,255,0.9) !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
list-style: none !important;
margin: 0 !important;
line-height: 1.4 !important;
}
div.orgfroid-index .orgfroid-cta-features li::before {
content: '' !important;
display: inline-flex !important;
width: 20px !important;
height: 20px !important;
min-width: 20px !important;
flex-shrink: 0 !important;
background-color: #42C1E8 !important;
border-radius: 50% !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.5 6L5 8.5L9.5 3.5' stroke='white' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
background-repeat: no-repeat !important;
background-position: center !important;
}
div.orgfroid-index .orgfroid-cta-button {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
padding: 16px 32px !important;
font-size: 16px !important;
font-weight: 700 !important;
font-family: 'Roboto', -apple-system, sans-serif !important;
color: #fff !important;
background: #42C1E8 !important;
border: none !important;
border-radius: 6px !important;
text-decoration: none !important;
cursor: pointer !important;
transition: all 0.25s ease !important;
letter-spacing: 0 !important;
text-transform: none !important;
line-height: 1.4 !important;
box-shadow: none !important;
position: relative !important;
z-index: 1 !important;
}
div.orgfroid-index .orgfroid-cta-button:hover {
background: #25CCF7 !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(66, 193, 232, 0.35) !important;
color: #fff !important;
text-decoration: none !important;
}
div.orgfroid-index .orgfroid-cta-button:visited {
color: #fff !important;
}
div.orgfroid-index .orgfroid-cta-button svg {
stroke: #fff !important;
}
div.orgfroid-index .orgfroid-cta-subtext {
display: block !important;
margin-top: 14px !important;
font-size: 13px !important;
opacity: 0.6 !important;
color: #fff !important;
font-weight: 400 !important;
position: relative !important;
z-index: 1 !important;
} @media (max-width: 640px) {
div.orgfroid-index .orgfroid-hero-title {
font-size: 24px !important;
}
div.orgfroid-index .orgfroid-hero-desc {
font-size: 14px !important;
}
div.orgfroid-index .orgfroid-index-hero {
padding: 32px 20px !important;
margin-bottom: 32px !important;
}
div.orgfroid-index .orgfroid-cta-card {
padding: 28px 20px !important;
}
div.orgfroid-index .orgfroid-cta-title {
font-size: 20px !important;
}
}