:root{
/*Colors-Directlyusingdarkthemevalues*/
--color-background:#0e0e0e;
--color-surface:rgba(38,40,40,1);
--color-text:rgba(245,245,245,1);
--color-text-secondary:rgba(167,169,169,0.7);
--color-primary:#ff9f1c;
--color-primary-hover:#e08810;
--color-primary-active:#ff9f1c;
--color-secondary:rgba(119,124,124,0.15);
--color-secondary-hover:rgba(119,124,124,0.25);
--color-secondary-active:rgba(119,124,124,0.3);
--color-border:rgba(119,124,124,0.3);
--color-btn-primary-text:#00;
--color-card-border:rgba(119,124,124,0.2);
--color-card-border-inner:rgba(119,124,124,0.15);
--color-error:rgba(255,84,89,1);
--color-success:rgba(50,184,198,1);
--color-warning:rgba(230,129,97,1);
--color-info:rgba(167,169,169,1);
--color-focus-ring:rgba(50,184,198,0.4);
--color-select-caret:rgba(245,245,245,0.8);

/*Commonstylepatterns*/
--focus-ring:0 0 0 3px var(--color-focus-ring);
--focus-outline:2px solid var(--color-primary);
--status-bg-opacity:0.15;
--status-border-opacity:0.25;
--select-caret-light:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'width='16'height='16'viewBox='002424'fill='none'stroke='%23134252'stroke-width='2'stroke-linecap='round'stroke-linejoin='round'%3E%3Cpolylinepoints='691215189'%3E%3C/polyline%3E%3C/svg%3E");/*Stillusinglightcaretinroot*/
--select-caret-dark:url("data:image/svg+xml,%3Csvgxmlns='http://www.w3.org/2000/svg'width='16'height='16'viewBox='002424'fill='none'stroke='%23f5f5f5'stroke-width='2'stroke-linecap='round'stroke-linejoin='round'%3E%3Cpolylinepoints='691215189'%3E%3C/polyline%3E%3C/svg%3E");

/*RGBversionsforopacitycontrol*/
--color-success-rgb:50,184,198;
--color-error-rgb:255,84,89;
--color-warning-rgb:230,129,97;
--color-info-rgb:167,169,169;

/*Typography*/
--font-family-base:"FKGroteskNeue","Geist","Inter",-apple-system,
BlinkMacSystemFont,"SegoeUI",Roboto,sans-serif;
--font-family-mono:"BerkeleyMono",ui-monospace,SFMono-Regular,Menlo,
Monaco,Consolas,monospace;
--font-size-xs:11px;
--font-size-sm:12px;
--font-size-base:14px;
--font-size-md:14px;
--font-size-lg:16px;
--font-size-xl:18px;
--font-size-2xl:20px;
--font-size-3xl:24px;
--font-size-4xl:30px;
--font-weight-normal:400;
--font-weight-medium:500;
--font-weight-semibold:550;
--font-weight-bold:600;
--line-height-tight:1.2;
--line-height-normal:1.5;
--letter-spacing-tight:-0.01em;

/*Spacing*/
--space-0:0;
--space-1:1px;
--space-2:2px;
--space-4:4px;
--space-6:6px;
--space-8:8px;
--space-10:10px;
--space-12:12px;
--space-16:16px;
--space-20:20px;
--space-24:24px;
--space-32:32px;

/*BorderRadius*/
--radius-sm:6px;
--radius-base:8px;
--radius-md:10px;
--radius-lg:12px;
--radius-full:9999px;

/*Shadows*/
--shadow-xs:0 1px 2px rgba(0,0,0,0.02);
--shadow-sm:0 1px 3px rgba(0,0,0,0.04),01px 2px rgba(0,0,0,0.02);
--shadow-md:0 4px 6px-1px rgba(0,0,0,0.04),
0 2px 4px-1px rgba(0,0,0,0.02);
--shadow-lg:010px 15px-3px rgba(0,0,0,0.04),
0 4px 6px-2px rgba(0,0,0,0.02);
--shadow-inset-sm:inset 01px 0 rgba(255,255,255,0.1),
inset 0 -1px 0 rgba(0,0,0,0.15);/*Updatedfordarkmode*/

/*Animation*/
--duration-fast:150ms;
--duration-normal:250ms;
--ease-standard:cubic-bezier(0.16,1,0.3,1);

/*Layout*/
--container-sm:640px;
--container-md:768px;
--container-lg:1024px;
--container-xl:1280px;
}

/*Basestyles*/
html{
font-size:var(--font-size-base);
font-family:var(--font-family-base);
line-height:var(--line-height-normal);
color:var(--color-text);
background-color:var(--color-background);
-webkit-font-smoothing:antialiased;
box-sizing:border-box;
scroll-behavior:smooth;/*Keepsmoothscrolling*/
}

body{
margin:0;
padding:0;
}

*,
*::before,
*::after{
box-sizing:inherit;
}

/*Typography*/
h1,
h2,
h3,
h4,
h5,
h6{
margin:0;
font-weight:var(--font-weight-semibold);
line-height:var(--line-height-tight);
color:var(--color-text);
letter-spacing:var(--letter-spacing-tight);
}

h1{
font-size:var(--font-size-4xl);
}
h2{
font-size:var(--font-size-3xl);
}
h3{
font-size:var(--font-size-2xl);
}
h4{
font-size:var(--font-size-xl);
}
h5{
font-size:var(--font-size-lg);
}
h6{
font-size:var(--font-size-md);
}

p{
margin:00 var(--space-16) 0;
}

a{
color:var(--color-primary);
text-decoration:none;
transition:color var(--duration-fast)var(--ease-standard);
}

a:hover{
color:#ffffff;
}

code,
pre{
font-family:var(--font-family-mono);
font-size:calc(var(--font-size-base)*0.95);
background-color:var(--color-secondary);
border-radius:var(--radius-sm);
}

code{
padding:var(--space-1) var(--space-4);
}

pre{
padding:var(--space-16);
margin:var(--space-16) 0;
overflow:auto;
border:1px solid var(--color-border);
}

pre code{
background:none;
padding:0;
}

/*Buttons*/
.btn{
display:inline-flex;
align-items:center;
justify-content:center;
padding:var(--space-8) var(--space-16);
border-radius:var(--radius-base);
font-size:var(--font-size-base);
font-weight:500;
line-height:1.5;
cursor:pointer;
transition:all var(--duration-normal) var(--ease-standard);
border:none;
text-decoration:none;
position:relative;
overflow:hidden;/*Forshimmereffect*/
}

.btn::before{
content:'';
position:absolute;
top:0;
left:-100%;
width:100%;
height:100%;
background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);
transition:left var(--duration-normal) var(--ease-standard);
}

.btn:hover::before{
left:100%;
}

.btn:focus-visible{
outline:2px solid var(--color-primary);
outline-offset:2px;
box-shadow:var(--focus-ring);/*Keepfocusring*/
}

.btn--primary{
background:var(--color-primary);/*Usevarforconsistency*/
color:var(--color-btn-primary-text);
}

.btn--primary:hover{
background:var(--color-primary-hover);
}

.btn--primary:active{
background:var(--color-primary-active);
}

.btn--secondary{
background:var(--color-secondary);/*Usevarforconsistency*/
color:var(--color-text);
}

.btn--secondary:hover{
background:var(--color-secondary-hover);
}

.btn--secondary:active{
background:var(--color-secondary-active);
}

.btn--outline{
background:transparent;
border:1px solid var(--color-border);/*Usevarforconsistency*/
color:var(--color-text);
}

.btn--outline:hover{
background:var(--color-secondary);
}

.btn--sm{
padding:var(--space-4) var(--space-12);
font-size:var(--font-size-sm);
border-radius:var(--radius-sm);
}

.btn--lg{
padding:var(--space-10) var(--space-20);
font-size:var(--font-size-lg);
border-radius:var(--radius-md);
}

.btn--full-width{
width:100%;
}

.btn:disabled{
opacity:0.5;
cursor:not-allowed;
}

.form-control{
display:block;
width:100%;
padding:var(--space-8) var(--space-12);
font-size:var(--font-size-md);
line-height:1.5;
color:var(--color-text);
background-color:var(--color-surface);
border:1px solid var(--color-border);
border-radius:var(--radius-base);
transition:border-color var(--duration-fast) var(--ease-standard),
box-shadow var(--duration-fast) var(--ease-standard);
}

textarea.form-control{
font-family:var(--font-family-base);
font-size:var(--font-size-base);
}

select.form-control{
padding:var(--space-8) var(--space-12);
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
background-image:var(--select-caret-dark);/*Directlyusedarkcaret*/
background-repeat:no-repeat;
background-position:rightvar(--space-12)center;
background-size:16px;
padding-right:var(--space-32);
}

.form-control:focus{
border-color:var(--color-primary);
outline:var(--focus-outline);
}

.form-label{
display:block;
margin-bottom:var(--space-8);
font-weight:var(--font-weight-medium);
font-size:var(--font-size-sm);
}

.form-group{
margin-bottom:var(--space-16);
}

/*Cardcomponent*/
.card{
background-color:var(--color-surface);
border-radius:var(--radius-lg);
border:1px solid var(--color-card-border);
box-shadow:var(--shadow-sm);
overflow:hidden;
transition:box-shadow var(--duration-normal)var(--ease-standard);
position:relative;/*Forenhancedhovereffect*/
}

.card:hover{
box-shadow:var(--shadow-md);
}

.card::after{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background:linear-gradient(45deg,transparent30%,rgba(var(--color-primary-rgb),0.05)50%,transparent70%);
opacity:0;
transition:opacity var(--duration-normal) var(--ease-standard);
pointer-events:none;
}

.card:hover::after{
opacity:1;
}

.card__body{
padding:var(--space-16);
}

.status{
display:inline-flex;
align-items:center;
padding:var(--space-6 )var(--space-12);
border-radius:var(--radius-full);
font-weight:var(--font-weight-medium);
font-size:var(--font-size-sm);
}

.status--success{
background-color:rgba(
var(--color-success-rgb),
var(--status-bg-opacity)
);
color:var(--color-success);
border:1px solid
rgba(var(--color-success-rgb), var(--status-border-opacity));
}

.status--error{
background-color:rgba(
var(--color-error-rgb),
var(--status-bg-opacity)
);
color:var(--color-error);
border:1px solid
rgba(var(--color-error-rgb), var(--status-border-opacity));
}

.status--warning{
background-color:rgba(
var(--color-warning-rgb),
var(--status-bg-opacity)
);
color:var(--color-warning);
border:1px solid
rgba(var(--color-warning-rgb), var(--status-border-opacity));
}

.status--info{
background-color:rgba(
var(--color-info-rgb),
var(--status-bg-opacity)
);
color:var(--color-info);
border:1px solid
rgba(var(--color-info-rgb), var(--status-border-opacity));
}

/*Containerlayout*/
.container{
width:100%;
margin-right:auto;
margin-left:auto;
padding-right:var(--space-16);
padding-left:var(--space-16);
}

@media(min-width:640px){
.container{
max-width:var(--container-sm);
}
}
@media(min-width:768px){
.container{
max-width:var(--container-md);
}
}
@media(min-width:1024px){
.container{
max-width:var(--container-lg);
}
}
@media(min-width:1280px){
.container{
max-width:var(--container-xl);
}
}

/*Accessibility*/
.sr-only{
position:absolute;
width:1px;
height:1px;
padding:0;
margin:-1px;
overflow:hidden;
clip:rect(0,0,0,0);
white-space:nowrap;
border-width:0;
}

:focus-visible{
outline:2px solid var(--color-primary);
outline-offset:2px;
}

@font-face{
font-family:'FKGroteskNeue';
src:url('https://www.perplexity.ai/fonts/FKGroteskNeue.woff2')
format('woff2');
}

/*HeroSection*/
.hero{
padding:var(--space-32) 0;
position:relative;
overflow:hidden;
}

.hero::before{
content:'';
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
pointer-events:none;
}

.hero__content{
text-align:center;
position:relative;
z-index:2;
}

.hero__title{
font-size:var(--font-size-4xl);
font-weight:var(--font-weight-bold);
margin-bottom:var(--space-16);
line-height:var(--line-height-tight);
max-width:800px;
margin-left:auto;
margin-right:auto;
}

.hero__subtitle{
font-size:var(--font-size-xl);
opacity:0.9;
margin-bottom:var(--space-32);
max-width:600px;
margin-left:auto;
margin-right:auto;
}

.hero__actions{
display:flex;
gap:var(--space-16);
justify-content:center;
flex-wrap:wrap;
}

@media(max-width:768px){
.hero__title{
font-size:var(--font-size-3xl);
}

.hero__subtitle{
font-size:var(--font-size-lg);
}

.hero__actions{
flex-direction:column;
align-items:center;
}

.hero__actions.btn{
width:100%;
max-width:300px;
}
}

/*SectionStyling*/
.section__title{
text-align:center;
font-size:var(--font-size-3xl);
font-weight:var(--font-weight-bold);
margin-bottom:var(--space-32);
color:var(--color-text);
}

/*CalculatorCardsSection*/
.calculators{
padding:var(--space-32) 0;
background-color:var(--color-background);/*Usebackgroundvariable*/
}

.calculators__grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(350px,1fr));
gap:var(--space-24);
margin-top:var(--space-32);
}

.calculator-card{
transition:transformvar(--duration-normal) var(--ease-standard);
height:100%;
}

.calculator-card:hover{
transform:translateY(-4px);
}

.calculator-card__icon{
font-size:48px;
text-align:center;
margin-bottom:var(--space-16);
}

.calculator-card__title{
font-size:var(--font-size-2xl);
font-weight:var(--font-weight-bold);
margin-bottom:var(--space-12);
text-align:center;
color:var(--color-text);
}

.calculator-card__description{
font-size:var(--font-size-base);
color:var(--color-text-secondary);
margin-bottom:var(--space-16);
text-align:center;
}

.calculator-card__benefits{
list-style:none;
padding:0;
margin:var(--space-16) 0;
}

.calculator-card__benefitsli{
position:relative;
padding-left:var(--space-20);
margin-bottom:var(--space-8);
font-size:var(--font-size-sm);
color:var(--color-text);
}

.calculator-card__benefitsli::before{
content:'✓';
position:absolute;
left:0;
color:var(--color-success);
font-weight:var(--font-weight-bold);
}

.calculator-card__reference{
margin:var(--space-16) 0;
padding:var(--space-12);
background-color:var(--color-secondary);
border-radius:var(--radius-sm);
border-left:3px solid var(--color-primary);
}

.calculator-card__referencesmall{
font-size:var(--font-size-xs);
color:var(--color-text-secondary);
font-style:italic;
}

/*FeaturesSection*/
.features{
padding:var(--space-32) 0;
background-color:var(--color-background);/*Usebackgroundvariable*/
}

.features__grid{
display:grid;
grid-template-columns:repeat(auto-fit, minmax(150px,1fr));
gap:var(--space-24);
margin-top:var(--space-32);
}

.feature{
text-align:center;
padding:var(--space-24);
border-radius:var(--radius-lg);
transition:transform var(--duration-normal) var(--ease-standard);
}

.feature:hover{
transform:translateY(-2px);
}

.feature__icon{
font-size:40px;
margin-bottom:var(--space-16);
}

.feature__title{
font-size:var(--font-size-xl);
font-weight:var(--font-weight-semibold);
margin-bottom:var(--space-12);
color:var(--color-text);
}

.feature__description{
font-size:var(--font-size-base);
color:var(--color-text-secondary);
line-height:var(--line-height-normal);
}

/*TestimonialsSection*/
.testimonials{
padding:var(--space-32) 0;
background-color:var(--color-background);/*Usebackgroundvariable*/
}

.testimonials__grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
gap:var(--space-24);
margin-top:var(--space-32);
}

.testimonial{
background-color:var(--color-surface);
padding:var(--space-24);
border-radius:var(--radius-lg);
border:1px solid var(--color-card-border);
box-shadow:var(--shadow-sm);
transition:box-shadowvar(--duration-normal) var(--ease-standard);
}

.testimonial:hover{
box-shadow:var(--shadow-md);
}

.testimonial__content{
margin-bottom:var(--space-16);
}

.testimonial__content p{
font-size:var(--font-size-base);
color:var(--color-text);
font-style:italic;
line-height:var(--line-height-normal);
margin:0;
}

.testimonial__author strong{
color:var(--color-text);
font-weight:var(--font-weight-semibold);
}

.testimonial__author span{
color:var(--color-text-secondary);
font-size:var(--font-size-sm);
display:block;
margin-top:var(--space-4);
}

.newsletter{
padding:var(--space-32) 0;
background:linear-gradient(135deg, var(--color-primary) 0%, #16A085 100%);
color:var(--color-btn-primary-text);
}

.newsletter__content{
text-align:center;
max-width:600px;
margin:0 auto;
}

.newsletter__title{
font-size:var(--font-size-3xl);
font-weight:var(--font-weight-bold);
margin-bottom:var(--space-16);
}

.newsletter__description{
font-size:var(--font-size-lg);
opacity:0.9;
margin-bottom:var(--space-24);
}

.newsletter__form{
display:flex;
gap:var(--space-12);
margin-bottom:var(--space-16);
}

.newsletter__input{
flex:1;
background-color:rgba(255,255,255,0.1);/*Adjustedfordarkmode*/
border:none;
color:var(--color-btn-primary-text);/*Ensuretextisvisibleindarktheme*/
}

.newsletter__input::placeholder{
color:rgba(255,255,255,0.7);/*Adjustedfordarkmode*/
}

.newsletter__privacy{
font-size:var(--font-size-sm);
opacity:0.8;
margin:0;
}

@media(max-width:768px){
.newsletter__form{
flex-direction:column;
}

.newsletter__title{
font-size:var(--font-size-2xl);
}
}

/*Loadingstates*/
.loading{
opacity:0.6;
pointer-events:none;
}

/*Successmessagestyling*/
.success-message{
background-color:rgba(var(--color-success-rgb) ,0.1);
color:var(--color-success);
padding:var(--space-12) var(--space-16);
border-radius:var(--radius-base);
border:1px solid rgba(var(--color-success-rgb),0.3);
margin-top:var(--space-16);
text-align:center;
font-size:var(--font-size-sm);
}

/*Additionalresponsiveadjustments*/
@media(max-width:480px){
.hero{
padding:var(--space-24) 0;
}

.calculators__grid{
grid-template-columns:1fr;
}

.features__grid{
grid-template-columns:1fr;
}

.testimonials__grid{
grid-template-columns:1fr;
}

}