@import url("https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Caveat:wght@400;500;600;700&family=Amatic+SC:wght@400;700&family=Inter:wght@400;500;600&display=swap");
:root{--bg-primary:#FDFBF7;--bg-secondary:#F5F1E8;--text-primary:#1A1A1A;--text-secondary:#2D2D2D;--accent-primary:#D84315;--accent-secondary:#FF6E40;--accent-tertiary:#4A90E2;--border-color:#3A3A3A;--success:#2E7D32;--warning:#F57C00;--font-body:'Inter', sans-serif;--font-heading:'Amatic SC', cursive;--font-accent-secondary:'Kalam', cursive;--font-accent:'Caveat', cursive;--shadow-light:rgba(26, 26, 26, 0.1);--shadow-medium:rgba(26, 26, 26, 0.15);--shadow-dark:rgba(26, 26, 26, 0.25);}
[data-theme="dark"]{--bg-primary:#0A0A0A;--bg-secondary:#1A1A1A;--text-primary:#F0F0F0;--text-secondary:#D0D0D0;--accent-primary:#FF8A65;--accent-secondary:#FFAB91;--accent-tertiary:#64B5F6;--border-color:#E0E0E0;--success:#66BB6A;--warning:#FFB74D;--shadow-light:rgba(255, 255, 255, 0.1);--shadow-medium:rgba(255, 255, 255, 0.15);--shadow-dark:rgba(255, 255, 255, 0.25);}
@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;}
.modal-overlay, .modal-content, .modal-icon{animation:none !important;transition:opacity 0.01ms !important;}
}
.float-animation{animation:float 3s ease-in-out infinite;}
@keyframes slideInUp {
from{opacity:0;transform:translateY(30px);}
to{opacity:1;transform:translateY(0);}
}
@keyframes modalBounce {
0%{opacity:0;transform:rotate(-1deg) scale(0.8) translateY(-50px);}
60%{transform:rotate(-1deg) scale(1.05) translateY(0);}
100%{opacity:1;transform:rotate(-1deg) scale(1) translateY(0);}
}
@keyframes float {
0%,
100%{transform:translateY(0) rotate(var(--rotate, 0deg));}
50%{transform:translateY(-10px) rotate(calc(var(--rotate, 0deg) + 2deg));}
}
@keyframes wiggle {
0%,
100%{transform:rotate(var(--rotate, 0deg));}
25%{transform:rotate(calc(var(--rotate, 0deg) - 3deg));}
75%{transform:rotate(calc(var(--rotate, 0deg) + 3deg));}
}
@keyframes wobble {
0%,
100%{transform:rotate(-5deg);}
50%{transform:rotate(5deg);}
}
@keyframes bounceIn {
0%{transform:scale(0);}
50%{transform:scale(1.2);}
100%{transform:scale(1);}
}
@keyframes bounce {
0%,
100%{transform:translateY(0);}
50%{transform:translateY(-20px);}
}
@keyframes pulse {
0%,
100%{box-shadow:5px 5px 0 var(--shadow-color);}
50%{box-shadow:5px 5px 0 var(--shadow-color), 0 0 0 8px rgba(247, 127, 0, 0.3);}
}
.modal-overlay{align-items:center;backdrop-filter:blur(5px);background:rgba(0, 0, 0, 0.75);display:flex;height:100%;justify-content:center;left:0;opacity:0;padding:16px;position:fixed;top:0;transition:opacity 0.3s ease, visibility 0.3s ease;visibility:hidden;width:100%;z-index:10000;}
.modal-overlay.show{opacity:1;visibility:visible;}
.modal-content{animation:modalBounce 0.5s ease forwards;background:var(--bg-primary);border:3px solid var(--border-color);border-radius:20px 15px 25px 18px;box-shadow:10px 10px 30px rgba(0, 0, 0, 0.3);max-width:740px;position:relative;transform:rotate(-1deg) scale(0.9);transition:transform 0.3s ease;width:100%;}
.modal-overlay.show .modal-content{transform:rotate(-1deg) scale(1);}
.modal-close{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:32px;height:40px;justify-content:center;line-height:1;position:absolute;right:16px;top:16px;transition:all 0.3s;width:40px;}
.modal-close:hover{background:var(--accent-primary);color:var(--bg-primary);transform:rotate(90deg);}
.modal-header{padding:32px 24px 16px;text-align:center;}
.modal-icon{animation:float 3s ease-in-out infinite;display:block;font-size:32px;}
.modal-header h2{color:var(--accent-primary);font-family:var(--font-heading);font-size:clamp(28px, 5vw, 36px);margin:0;transform:rotate(-1deg);}
.modal-body{padding:0 24px 24px 24px;}
.modal-subtitle{color:var(--text-primary);font-size:18px;margin-bottom:24px;text-align:center;}
.modal-features{margin-bottom:24px;}
.modal-feature{align-items:center;background:var(--bg-secondary);color:var(--text-secondary);border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:12px;transform:rotate(calc(-0.5deg + var(--rotate, 0deg)));}
.modal-feature:nth-child(1){--rotate:-1deg;}
.modal-feature:nth-child(2){--rotate:0.5deg;}
.modal-feature:nth-child(3){--rotate:1deg;}
.feature-icon{flex-shrink:0;font-size:24px;}
.modal-feature span:last-child{font-size:16px;font-weight:500;}
.modal-form{display:flex;flex-direction:column;gap:12px;}
.modal-form input[type="text"],
.modal-form input[type="email"]{background:var(--bg-primary);border:3px solid var(--border-color);border-radius:15px 25px 15px 25px;color:var(--text-primary);font-family:var(--font-primary);font-size:16px;padding:16px;transition:all 0.3s;width:100%;}
.modal-form input[type="email"]:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(255, 107, 53, 0.2);outline:none;transform:rotate(-0.5deg);}
.modal-submit{background:var(--accent-primary);border:3px solid var(--border-color);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;box-shadow:5px 5px 0px rgba(44, 24, 16, 0.2);color:var(--bg-primary);cursor:pointer;font-family:var(--font-primary);font-size:18px;font-weight:bold;padding:16px 32px;transform:rotate(-1deg);transition:all 0.3s;}
.modal-submit:hover{box-shadow:8px 8px 0px rgba(44, 24, 16, 0.3);transform:rotate(1deg) scale(1.05);}
.modal-submit:disabled{cursor:not-allowed;opacity:0.6;}
.modal-privacy{color:var(--text-primary);font-size:12px;margin-top:12px;opacity:0.7;text-align:center;}
.modal-footer{border-top:2px dashed var(--border-color);padding:16px 24px 24px;text-align:center;}
.modal-dismiss{background:transparent;border:2px solid var(--border-color);border-radius:20px;color:var(--text-primary);cursor:pointer;font-family:var(--font-primary);font-size:14px;padding:12px 24px;transition:all 0.3s;}
.modal-dismiss:hover{background:var(--border-color);color:var(--bg-primary);transform:scale(1.05);}
.modal-success{padding:32px 0;text-align:center;}
.success-icon{animation:bounceIn 0.5s ease;display:block;font-size:64px;margin-bottom:16px;}
.modal-success h3{color:var(--accent-primary);font-family:var(--font-heading);font-size:32px;margin-bottom:12px;}
.modal-success p{color:var(--text-primary);font-size:18px;margin-bottom:24px;}
.modal-success-close{background:var(--accent-primary);border:3px solid var(--border-color);border-radius:25px;color:var(--bg-primary);cursor:pointer;font-family:var(--font-primary);font-size:16px;font-weight:bold;padding:12px 32px;transition:all 0.3s;}
.modal-success-close:hover{transform:scale(1.05);}
[data-theme="dark"] .modal-content{background:var(--bg-primary);border-color:var(--border-color);}
[data-theme="dark"] .modal-close{color:var(--text-primary);}
.container{margin:0 auto;max-width:1200px;padding:0 24px;position:relative;}
.hamburger{background:none;border:none;cursor:pointer;height:30px;left:32px;padding:0;position:fixed;top:32px;transform:rotate(-2deg);width:35px;z-index:1001;}
.hamburger span{background:var(--text-primary);border-radius:50px;display:block;height:4px;margin-bottom:7px;position:relative;transition:all 0.3s;width:100%;}
.hamburger span:nth-child(1){transform:rotate(1deg);width:90%;}
.hamburger span:nth-child(2){transform:rotate(-1deg);width:95%;}
.hamburger span:nth-child(3){transform:rotate(2deg);width:85%;}
.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px, 8px);}
.hamburger.active span:nth-child(2){opacity:0;}
.hamburger.active span:nth-child(3){background-color:var(--text-primary);border-radius:2px;display:flex;flex-direction:column;gap:6px;height:3px;transform:rotate(-45deg) translate(12px, -12px);width:35px;}
.nav-brand{text-align:center;text-indent:-9999px;}
.nav-menu{background:var(--bg-primary);border-right:3px solid var(--border-color);box-shadow:5px 0 20px var(--shadow-color);height:100vh;left:-100%;overflow-y:auto;padding:80px 24px;position:fixed;top:0;transition:left 0.3s ease;width:300px;z-index:1000;}
.nav-menu.active{left:0;}
.nav-menu a{border-radius:10px;color:var(--text-primary);display:block;font-size:20px;margin-bottom:16px;padding:8px;position:relative;text-decoration:none;transform:rotate(calc(-1deg + var(--rotate, 0deg)));transition:all 0.3s;}
.nav-menu a:nth-child(odd){--rotate:1deg;}
.nav-menu a:nth-child(even){--rotate:-1deg;}
.nav-menu a:hover {
background: var(--accent-primary);
color: var(--text-secondary);
transform: rotate(0deg) scale(1.05);
} *{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;overflow-x:hidden;scroll-behavior:smooth;}
body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);line-height:1.8;overflow-x:hidden;transition:background-color 0.3s ease, color 0.3s ease;}
.sr-only{border:0;clip:rect(0, 0, 0, 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px;}
.scribble{pointer-events:none;position:absolute;z-index:1;}
.scribble-1{height:100px;left:5%;top:10%;transform:rotate(15deg);width:100px;}
.scribble-2{bottom:10%;height:120px;right:5%;transform:rotate(-25deg);width:120px;}
.scribble svg{fill:none;height:100%;opacity:0.3;stroke:var(--accent-tertiary);stroke-width:2px;width:100%;}
.scroll-to-top{background:var(--accent-primary);border:4px solid var(--border-color);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;bottom:32px;box-shadow:6px 6px 0 var(--shadow-color);cursor:pointer;height:60px;opacity:0;position:fixed;right:32px;transform:rotate(-2deg) translateY(100px);transition:all 0.3s ease;visibility:hidden;width:60px;z-index:999;}
.scroll-to-top::before{border:2px dashed var(--border-color);border-radius:255px 15px 225px 15px/15px 225px 15px 255px;content:'';inset:-2px;opacity:0.3;position:absolute;}
.scroll-to-top.show{opacity:1;transform:rotate(-2deg) translateY(0);visibility:visible;}
.scroll-to-top:hover{box-shadow:10px 10px 0 var(--shadow-color);transform:rotate(2deg) translateY(-5px) scale(1.05);}
.scroll-to-top:active{box-shadow:3px 3px 0 var(--shadow-color);transform:rotate(0deg) translateY(0) scale(0.98);}
.scroll-arrow{color:var(--bg-primary);display:block;font-size:32px;font-weight:bold;line-height:1;transform:rotate(3deg);}
.section-cards{position:relative;}
.section-cards{display:grid;gap:32px;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));margin-top:48px;}
.section-card{align-items:center;background:var(--bg-primary);border:3px solid var(--border-color);border-radius:20px;box-shadow:8px 8px 20px var(--shadow-light);display:flex;flex-direction:column;justify-content:center;min-height:280px;padding:32px;position:relative;text-align:center;transform:rotate(calc(-2deg + var(--rotate, 0deg)));transition:all 0.3s;}
.section-card:nth-child(1){--rotate:-3deg;}
.section-card:nth-child(2){--rotate:1.5deg;}
.section-card:nth-child(3){--rotate:3deg;}
.section-card:hover{box-shadow:12px 12px 30px var(--shadow-dark);transform:rotate(0deg) scale(1.05);}
.section-card-title{color:var(--text-primary);font-family:var(--font-accent-secondary);font-size:24px;margin-bottom:24px;}
.section-card-label{color:var(--text-primary);font-size:18px;line-height:1.7;}
.section-card-number{color:var(--accent-primary);display:block;font-family:var(--font-heading);font-size:48px;font-weight:700;line-height:1;margin-bottom:16px;}
.site-header{align-items:center;display:flex;justify-content:space-between;padding:32px;position:fixed;top:0;transition:background-color 0.3s;width:100%;z-index:1000;}
.subscribe-trigger{animation:pulse 2s ease-in-out infinite;background:var(--accent-secondary);border:3px solid var(--border-color);border-radius:50%;bottom:32px;box-shadow:5px 5px 0 var(--shadow-color);cursor:pointer;height:56px;left:32px;opacity:1;position:fixed;transform:rotate(5deg);transition:all 0.3s ease;visibility:visible;width:56px;z-index:999;}
.subscribe-trigger:hover{animation:none;box-shadow:8px 8px 0 var(--shadow-color);transform:rotate(-5deg) translateY(-5px) scale(1.1);}
.subscribe-trigger:active{animation:none;box-shadow:3px 3px 0 var(--shadow-color, rgba(44, 24, 16, 0.2));transform:rotate(0deg) translateY(0) scale(0.95);}
.subscribe-icon{color:var(--bg-primary);display:block;font-size:28px;font-weight:bold;line-height:1;}
.text-center{text-align:center;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.w-50{margin:0 auto;max-width:50%;}
.w-66{margin:0 auto;max-width:66%;}
.w-75{margin:0 auto;max-width:75%;}
.w-90{margin:0 auto;max-width:90%;}
.content-section{padding:80px 24px;position:relative;}
.content-section:nth-child(even){background:var(--bg-secondary);}
.section-title{color:var(--text-primary);display:inline-block;font-family:var(--font-heading);font-size:clamp(48px, 5vw, 72px);line-height:1.25;margin-bottom:48px;position:relative;text-align:center;transform:rotate(-1deg);width:100%;}
.section-title::before{background:var(--accent-primary);border-radius:50%;bottom:-20px;content:'';height:3px;left:50%;position:absolute;transform:translateX(-50%);width:200px;}
.section-description{font-size:20px;margin-bottom:32px;text-align:center;}
.footer-cta-section{background:var(--accent-tertiary);color:var(--bg-primary);margin-bottom:48px;padding:64px 24px;text-align:center;}
.footer-cta-content{margin:0 auto;max-width:800px;}
.footer-cta-title{color:var(--bg-primary);font-family:var(--font-heading);font-size:clamp(32px, 5vw, 48px);margin-bottom:24px;transform:rotate(-1deg);}
.footer-cta-description{color:var(--bg-primary);font-family:var(--font-accent);font-size:20px;margin-bottom:32px;}
.footer-cta-button{background:var(--bg-primary);border:none;border-radius:50px;box-shadow:5px 5px 20px var(--shadow-medium);color:var(--accent-tertiary);cursor:pointer;display:inline-block;font-family:var(--font-accent-secondary);font-size:20px;padding:20px 40px;text-decoration:none;transform:rotate(-1deg);transition:all 0.3s;}
.footer-cta-button:hover{box-shadow:8px 8px 30px var(--shadow-dark);transform:rotate(1deg) scale(1.05);}
@media(min-width:769px) and (max-width:1024px){
.container{max-width:960px;}
.section-cards, .science-cards, .benefits-cards, .solution-cards{grid-template-columns:repeat(auto-fit, minmax(270px, 1fr));}
.science-content{grid-template-columns:repeat(auto-fit, minmax(270px, 1fr));}
.benefits-grid{grid-template-columns:repeat(2, 1fr);}
.calculator-features{grid-template-columns:repeat(2, 1fr);}
} @media(max-width:768px){
html{font-size:14px;}
.container{padding:0 16px;}
.nav-menu{padding:48px 20px;width:100%;}
.hamburger{left:16px;top:16px;}
.theme-toggle{right:16px;top:16px;}
.section-card, .problem-card, .science-card, .science-point, .benefit-card, .benefit-item, .solution-card, .timeline-item, .calculator-feature-item, .reference-item{transform:none !important;}
.hero-section{min-height:75vh;padding:64px 16px 24px;}
.hero-title{font-size:clamp(28px, 8vw, 48px);line-height:1.1;margin-bottom:12px;}
.hero-subtitle{font-size:clamp(16px, 4vw, 22px);line-height:1.3;margin-bottom:20px;}
.hero-buttons{flex-direction:column;gap:12px;}
.hero-buttons .btn-primary, .hero-buttons .btn-secondary{font-size:16px;line-height:1.3;padding:12px 20px;white-space:normal;width:100%;}
.section-title{font-size:clamp(26px, 6vw, 44px);line-height:1.15;margin-bottom:28px;}
.section-title::before{width:100px;}
.section-description{line-height:1.5;}
.content-section{padding:36px 16px;}
.section-cards, .problem-cards, .science-cards, .benefits-cards, .solution-cards{gap:20px;grid-template-columns:1fr;}
.section-card, .problem-card, .science-card, .benefit-card, .solution-card{padding:20px;}
.section-card-number, .problem-card-number, .science-card-number, .benefit-card-number, .solution-card-number{font-size:40px;}
.section-card-title, .problem-card-title, .science-card-title, .benefit-card-title, .solution-card-title{font-size:20px;line-height:1.2;}
.section-card-label, .problem-card-label{font-size:15px;}
.science-content{gap:20px;grid-template-columns:1fr;}
.science-point{padding:20px;}
.science-point-title{font-size:20px;line-height:1.2;}
.science-point-description{font-size:15px;line-height:1.5;}
.benefits-grid{gap:20px;grid-template-columns:1fr;}
.benefit-item{padding:20px;}
.benefit-title{font-size:28px;line-height:1.15;}
.benefit-description{font-size:15px;line-height:1.5;}
.timeline-item{flex-direction:column !important;text-align:center !important;}
.timeline-icon{font-size:22px;height:56px;margin-bottom:14px;width:56px;}
.timeline-content{padding:0;}
.timeline-title{font-size:22px;line-height:1.2;}
.timeline-description{font-size:15px;line-height:1.5;}
.solution-section{margin:24px auto;padding:20px 16px;}
.solution-btn-primary, .solution-btn-large{font-size:17px;line-height:1.3;margin:16px 0;padding:12px 20px;white-space:normal;width:100%;}
.solution-cta-subtext{font-size:16px;}
.calculator-preview{margin:28px auto;padding:20px;}
.calculator-preview h3{font-size:26px;line-height:1.2;}
.calculator-features{gap:14px;grid-template-columns:1fr;}
.calculator-feature-item{font-size:15px;padding:14px;}
.reference-item{padding:14px;}
.footer-cta-section{padding:24px 16px;}
.footer-cta-title{font-size:clamp(26px, 5vw, 36px);line-height:1.15;}
.footer-cta-description{font-size:16px;line-height:1.5;}
.footer-cta-button{font-size:16px;line-height:1.3;padding:12px 20px;white-space:normal;width:90%;}
.site-footer{padding:28px 16px;}
.footer-links{flex-direction:column;gap:12px;}
.footer-links a{font-size:16px;}
.footer-copyright{font-size:15px;}
.scroll-to-top{bottom:18px;height:48px;right:18px;width:48px;}
.scroll-arrow{font-size:24px;}
.modal-content{margin:14px;max-width:100%;}
.modal-header h2{font-size:24px;}
.modal-icon{font-size:36px;}
.modal-feature{font-size:13px;}
.w-50, .w-66, .w-75, .w-90{max-width:100%;}
.scribble-1, .scribble-2{display:none;}
} @media(max-width:480px){
html{font-size:13px;}
.hero-title{font-size:clamp(26px, 9vw, 40px);}
.hero-subtitle{font-size:clamp(15px, 4vw, 20px);}
.section-title{font-size:clamp(24px, 7vw, 36px);}
.section-card, .problem-card, .science-card, .benefit-card, .solution-card{padding:16px;}
.section-card-number, .problem-card-number, .science-card-number, .benefit-card-number, .solution-card-number{font-size:36px;}
.section-card-title, .problem-card-title, .science-card-title, .benefit-card-title, .solution-card-title{font-size:18px;}
.benefit-icon{font-size:36px;}
.benefit-title{font-size:24px;}
.timeline-icon{font-size:18px;height:50px;width:50px;}
.calculator-preview h3{font-size:22px;}
.calculator-feature-item{padding:12px;}
.solution-btn-primary, .solution-btn-large{font-size:16px;padding:14px 24px;}
} @media(max-width:360px){
html{font-size:12px;}
.hero-title{font-size:clamp(24px, 9vw, 36px);}
.section-title{font-size:clamp(22px, 7vw, 32px);}
.section-card-number, .problem-card-number, .science-card-number, .benefit-card-number, .solution-card-number{font-size:32px;}
.benefit-icon{font-size:32px;}
.benefit-title{font-size:20px;}
.timeline-icon{font-size:16px;height:44px;width:44px;}
} @media print {
.hamburger, .theme-toggle, .scroll-to-top, .subscribe-trigger, .scribble, .doodle, .modal-overlay{display:none !important;}
body{color:#000;font-size:12pt;background:white;}
.hero-section, .content-section {
padding: 20pt;
page-break-inside: avoid;
} a{color:#000;text-decoration:underline;}
.section-card, .science-card, .benefit-item, .solution-section{border:1pt solid #000;page-break-inside:avoid;box-shadow:none;}
}
.site-footer{background:var(--bg-secondary);padding:0 0 48px 0;position:relative;text-align:center;}
.footer-links{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;margin-bottom:32px;}
.footer-links a{color:var(--text-primary);display:inline-block;font-family:var(--font-accent-secondary);font-size:20px;text-decoration:none;transform:rotate(calc(-1deg + var(--rotate, 0deg)));transition:all 0.3s;}
.footer-links a:nth-child(odd){--rotate:1deg;}
.footer-links a:nth-child(even){--rotate:-1deg;}
.footer-links a:hover{color:var(--accent-primary);transform:rotate(0deg) scale(1.1);}
.footer-copyright{color:var(--text-secondary);font-family:var(--font-accent);font-size:20px;transform:rotate(-0.5deg);}
.footer-disclaimer{border:1px dashed var(--border-color);margin-top:32px;padding:16px;}
.theme-toggle{background:var(--border-color);border:none;border-radius:50px;box-shadow:3px 3px 10px var(--shadow-medium);cursor:pointer;height:30px;padding:4px;position:fixed;right:32px;top:32px;transform:rotate(2deg);transition:all 0.3s;width:60px;z-index:1;}
.theme-toggle::before{content:'☀️';font-size:16px;left:4px;position:absolute;top:50%;transform:translateY(-50%);}
.theme-toggle::after{content:'🌙';font-size:16px;position:absolute;right:4px;top:50%;transform:translateY(-50%);}
.theme-toggle .slider{background:var(--bg-primary);border-radius:50%;height:24px;transform:translateX(0);transition:transform 0.3s;width:24px;}
[data-theme="dark"] .theme-toggle .slider{transform:translateX(30px);}
.loader{display:none;}
.hero-section{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:100px 24px 48px;position:relative;}
.hero-content{max-width:1200px;position:relative;text-align:center;z-index:10;}
.hero-title{color:var(--text-primary);display:inline-block;font-family:var(--font-heading);font-size:clamp(48px, 8vw, 96px);font-weight:700;line-height:1;margin-bottom:24px;position:relative;transform:rotate(-2deg);}
.hero-title .highlight{color:var(--accent-primary);display:inline-block;position:relative;}
.hero-title .highlight::after{background:var(--accent-secondary);border-radius:50%;bottom:-5px;content:'';height:15px;left:-10px;opacity:0.3;position:absolute;right:-10px;transform:rotate(-1deg);}
.hero-subtitle{color:var(--text-secondary);font-family:var(--font-accent);font-size:clamp(24px, 3vw, 30px);margin-bottom:32px;transform:rotate(1deg);}
.hero-buttons{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:32px;}
.hero-buttons .btn-primary, .hero-buttons .btn-secondary{border:none;border-radius:50px;cursor:pointer;display:inline-block;font-family:var(--font-accent-secondary);font-size:20px;padding:24px 40px;position:relative;text-decoration:none;transition:all 0.3s;}
.hero-buttons .btn-primary{background:var(--accent-primary);box-shadow:5px 5px 15px var(--shadow-medium);color:var(--bg-primary);transform:rotate(-1deg);}
.hero-buttons .btn-primary:hover{box-shadow:8px 8px 20px var(--shadow-dark);transform:rotate(1deg) scale(1.1);}
.hero-buttons .btn-secondary{background:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary);transform:rotate(1deg);}
.hero-buttons .btn-secondary:hover{background:var(--accent-primary);color:var(--bg-primary);transform:rotate(-1deg) scale(1.05);}
.problem-section{background:var(--bg-secondary);}
.science-section{background:var(--bg-primary);}
.science-points{display:grid;gap:40px;grid-template-columns:repeat(auto-fit, minmax(320px, 1fr));margin-top:48px;}
.science-point{background:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:30px;box-shadow:6px 6px 20px var(--shadow-light);padding:40px;position:relative;transform:rotate(calc(-1deg + var(--rotate, 0deg)));}
.science-point:nth-child(odd){--rotate:1deg;}
.science-point:nth-child(even){--rotate:-1.5deg;}
.science-point-title{color:var(--accent-tertiary);font-family:var(--font-accent-secondary);font-size:24px;margin-bottom:24px;}
.science-point-description{color:var(--text-secondary);font-size:18px;line-height:1.6;margin-bottom:24px;}
.science-point-source{font-size:14px;font-style:italic;margin-top:16px;}
.science-point-source a{color:var(--accent-primary);text-decoration:none;}
.science-point-source a:hover{text-decoration:underline;}
.science-point ul{list-style:none;padding:0;}
.science-point li{font-size:18px;margin-bottom:24px;padding-left:32px;position:relative;}
.science-point li::before{color:var(--accent-primary);content:'→';font-size:18px;left:0;position:absolute;transform:rotate(-10deg);}
.benefits-section{background:var(--bg-secondary);}
.benefits-grid{display:grid;gap:32px;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));margin-top:48px;}
.benefit-item{background:var(--bg-primary);border:3px solid var(--success);border-radius:20px;padding:32px;position:relative;text-align:center;transform:rotate(var(--rotate, 0deg));transition:all 0.3s;}
.benefit-item:nth-child(1){--rotate:-1deg;}
.benefit-item:nth-child(2){--rotate:1.5deg;}
.benefit-item:nth-child(3){--rotate:-0.8deg;}
.benefit-item:nth-child(4){--rotate:1.2deg;}
.benefit-item:nth-child(5){--rotate:-1.3deg;}
.benefit-item:nth-child(6){--rotate:0.9deg;}
.benefit-item:hover{transform:rotate(0deg) scale(1.05);}
.benefit-icon{display:block;font-size:48px;margin-bottom:8px;transform:rotate(-5deg);}
.benefit-title{color:var(--accent-tertiary);font-family:var(--font-accent-secondary);font-size:40px;line-height:1.2;margin-bottom:16px;}
.benefit-description{color:var(--text-primary);font-size:18px;margin:16px 0;}
.benefits-timeline{padding:48px 0;position:relative;}
.timeline-item{align-items:center;display:flex;margin-bottom:48px;position:relative;}
.timeline-item:nth-child(even){flex-direction:row-reverse;text-align:right;}
.timeline-icon{align-items:center;background:var(--accent-primary);border-radius:50%;box-shadow:5px 5px 15px var(--shadow-medium);color:var(--bg-primary);display:flex;flex-shrink:0;font-size:30px;height:80px;justify-content:center;transform:rotate(-5deg);width:80px;}
.timeline-content{flex:1;padding:0 32px;}
.timeline-title{color:var(--accent-tertiary);font-family:var(--font-accent-secondary);font-size:30px;margin-bottom:8px;transform:rotate(-1deg);}
.timeline-description{color:var(--text-secondary);font-size:19px;line-height:1.4;}
.solution-section{background-color:var(--accent-tertiary);color:var(--bg-primary);overflow:hidden;position:relative;}
.solution-section .section-title{color:var(--bg-primary);}
.solution-section .section-title::before{background:var(--bg-primary);}
.solution-section .section-description{color:var(--bg-primary);}
.solution-btn-primary, .solution-btn-large{background:var(--bg-primary);border:none;border-radius:50px;box-shadow:5px 5px 20px var(--shadow-medium);color:var(--accent-primary);cursor:pointer;display:block;font-family:var(--font-accent-secondary);font-size:24px;margin:32px auto;max-width:540px;padding:24px 48px;text-align:center;text-decoration:none;transform:rotate(-2deg);transition:all 0.3s;}
.solution-btn-primary:hover, .solution-btn-large:hover{box-shadow:8px 8px 30px var(--shadow-dark);transform:rotate(2deg) scale(1.1);}
.solution-cta-subtext{font-family:var(--font-accent);font-size:22px;margin-top:24px;text-align:center;}
.calculator-preview{background:var(--bg-primary);border-radius:30px;box-shadow:10px 10px 30px var(--shadow-medium);color:var(--text-primary);margin:40px auto;max-width:600px;padding:40px;text-align:center;transform:rotate(-1deg);}
.calculator-preview h3{color:var(--accent-primary);font-family:var(--font-heading);font-size:36px;margin-bottom:24px;}
.calculator-features{display:grid;gap:24px;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));margin-top:32px;}
.calculator-feature-item{background:var(--bg-secondary);border-radius:20px;font-family:var(--font-accent-secondary);font-size:18px;padding:24px;transform:rotate(calc(-1deg + var(--rotate, 0deg)));}
.calculator-feature-item:nth-child(odd){--rotate:1deg;}
.calculator-feature-item:nth-child(even){--rotate:-1deg;}
.references-section{background:var(--bg-primary) !important;}
.references-section h3{font-family:var(--font-accent-secondary);font-size:clamp(21px, 4vw, 29px);margin:16px 0;transform:rotate(-0.3deg);}
.references-list{margin:48px auto 0 auto;max-width:960px;}
.reference-item{background:var(--bg-secondary);border-left:5px solid var(--accent-tertiary);border-radius:20px;font-family:var(--font-body);margin-bottom:24px;padding:24px;transform:rotate(calc(-0.5deg + var(--rotate, 0deg)));}
.reference-item:nth-child(odd){--rotate:0.5deg;}
.reference-item:nth-child(even){--rotate:-0.5deg;}
.reference-item a{color:var(--accent-tertiary);font-weight:600;text-decoration:none;transition:color 0.3s;}
.reference-item a:hover{color:var(--accent-primary);text-decoration:underline;}
.reference-journal {
color: var(--text-secondary);
font-size: 14px;
font-style: italic;
}