@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;800&display=swap");:root{--color-primary:#0794ec;--color-primary-hover:#0099e8;--color-slate:#013960;--color-bright-blue:#d0eafb;--color-bright-blue-gradient-bottom:#e2f2fc;--color-accepted:#00c67f;--color-error:#f66;--color-yellow:#fabe86;--color-purple:#8267ad;--color-gray-01:#f3f3f6;--color-gray-02:#eeeef4;--color-gray-03:#e3e3f0;--color-gray-04:#d6d6e6;--color-pillar-costs:#0794ec;--color-pillar-pricing:#00c67f;--color-pillar-quality:#fabe86;--color-pillar-growth:#8267ad;--color-background:var(--color-gray-01);--color-white:#fff;--color-text:#333;--color-text-light:#666;--color-border:var(--color-gray-03);--font-family:"Inter",sans-serif;--font-size-h1:2rem;--font-size-h2:1.4rem;--font-size-body:1rem;--font-size-small:0.875rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-extrabold:800;--container-max-width:1200px;--grid-gap:1.5rem;--card-padding:1.5rem;--border-radius:8px;--box-shadow:0 2px 10px rgba(0,0,0,.05);--box-shadow-hover:0 4px 15px rgba(0,0,0,.1);--transition:all 0.3s ease;--transition-fast:all 0.2s ease}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:1.6}.container{margin:0 auto;max-width:var(--container-max-width);padding:0 1rem}.breadcrumb{background-color:var(--color-white);border-bottom:1px solid var(--color-border);padding:1rem 0}.breadcrumb ol{gap:.5rem;list-style:none}.breadcrumb li,.breadcrumb ol{align-items:center;display:flex}.breadcrumb li:not(:last-child):after{color:var(--color-text-light);content:">";margin-left:.5rem}.breadcrumb a{color:var(--color-primary);text-decoration:none;transition:var(--transition-fast)}.breadcrumb a:hover{text-decoration:underline}.breadcrumb li[aria-current=page]{color:var(--color-text-light)}.hero{background:var(--color-slate);color:var(--color-white);padding:4rem 0;text-align:center}.hero-content h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-extrabold);line-height:1.2;margin-bottom:1rem}.hero-subtitle{font-size:1.125rem;font-weight:var(--font-weight-regular);margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:600px;opacity:.9}.hero-ctas{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn{border:2px solid transparent;border-radius:var(--border-radius);cursor:pointer;display:inline-block;font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);min-width:150px;padding:.875rem 1.5rem;text-align:center;text-decoration:none;transition:var(--transition)}.btn-primary{background-color:var(--color-white);border-color:var(--color-white);color:var(--color-primary)}.btn-primary:hover{background-color:var(--color-bright-blue);box-shadow:var(--box-shadow-hover);transform:translateY(-2px)}.btn-secondary{background-color:transparent;border-color:var(--color-white);color:var(--color-white)}.btn-secondary:hover{background-color:var(--color-white);color:var(--color-primary);transform:translateY(-2px)}.btn-outline{background-color:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.pillars-navigation{background-color:var(--color-white);padding:3rem 0}.pillars-grid{display:grid;gap:var(--grid-gap);grid-template-columns:1fr}.pillar-nav-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);box-shadow:var(--box-shadow);cursor:pointer;overflow:hidden;padding:var(--card-padding);position:relative;text-align:center;transition:var(--transition)}.pillar-nav-card:hover{border-color:var(--color-primary);box-shadow:var(--box-shadow-hover);transform:translateY(-4px)}.pillar-nav-card:focus{outline:2px solid var(--color-primary);outline-offset:2px}.pillar-nav-card .pillar-icon{align-items:center;display:flex;justify-content:center;margin-bottom:1rem}.pillar-nav-card h2{color:var(--color-text);font-size:var(--font-size-h2);font-weight:var(--font-weight-extrabold);margin-bottom:.75rem}.pillar-nav-card p{color:var(--color-text-light);font-size:var(--font-size-small);line-height:1.5;margin-bottom:1rem}.nav-arrow{color:var(--color-primary);opacity:.7;transition:var(--transition)}.pillar-nav-card:hover .nav-arrow{opacity:1;transform:translateX(4px)}.content-section{border-bottom:1px solid var(--color-border);padding:4rem 0}.content-section:nth-child(odd){background-color:var(--color-white)}.content-section:nth-child(2n){background-color:var(--color-background)}.alt-bg{background-color:var(--color-background)!important}.section-header{align-items:center;display:flex;margin-bottom:3rem;text-align:left}.section-icon{backdrop-filter:blur(10px);background-color:hsla(0,0%,100%,.1);border-radius:var(--border-radius);flex-shrink:0;margin-right:1.5rem;padding:1rem}.section-title h2{color:var(--color-text);font-size:2rem;font-weight:var(--font-weight-extrabold);margin-bottom:.5rem}.section-title p{color:var(--color-text-light);font-size:1.125rem;line-height:1.5}.featured-resource{margin-bottom:3rem}.featured-resource .resource-card{background:linear-gradient(135deg,var(--color-gray-01),var(--color-white));border:2px solid var(--color-primary);box-shadow:0 8px 25px rgba(7,148,236,.15)}.resources-grid{display:grid;gap:var(--grid-gap);grid-template-columns:1fr;margin-bottom:2rem}.resource-card{background-color:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius);display:flex;flex-direction:column;height:100%;overflow:hidden;transition:var(--transition)}.resource-card:hover{box-shadow:var(--box-shadow-hover);transform:translateY(-4px)}.resource-image{align-items:center;background-color:var(--color-background);display:flex;height:180px;justify-content:center;overflow:hidden;position:relative}.resource-image img{height:100%;object-fit:cover;width:100%}.placeholder-image{align-items:center;color:var(--color-text-light);display:flex;height:100%;justify-content:center;width:100%}.placeholder-image.calculator{background:linear-gradient(135deg,var(--color-bright-blue),var(--color-bright-blue-gradient-bottom));color:var(--color-primary)}.placeholder-image.template{background:linear-gradient(135deg,#f3e5f5,#e1bee7);color:var(--color-purple)}.placeholder-image.worksheet{background:linear-gradient(135deg,#fff3e0,#ffe0b2);color:var(--color-yellow)}.placeholder-image.bundle{background:linear-gradient(135deg,#f1f8e9,#dcedc8);color:var(--color-accepted)}.placeholder-image.guide{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:var(--color-accepted)}.resource-type-badge{border-radius:4px;font-size:.75rem;font-weight:var(--font-weight-medium);letter-spacing:.5px;padding:.25rem .5rem;position:absolute;right:.5rem;text-transform:uppercase;top:.5rem}.resource-type-badge.guide{background-color:var(--color-pillar-costs);color:var(--color-white)}.resource-type-badge.template{background-color:var(--color-pillar-pricing);color:var(--color-white)}.resource-type-badge.calculator{background-color:var(--color-pillar-quality);color:var(--color-text)}.resource-type-badge.worksheet{background-color:var(--color-pillar-growth);color:var(--color-white)}.resource-type-badge.bundle{background-color:var(--color-slate);color:var(--color-white)}.resource-content{display:flex;flex:1;flex-direction:column;padding:var(--card-padding)}.resource-content h3{font-size:1.125rem;font-weight:var(--font-weight-semibold);line-height:1.3;margin-bottom:.75rem}.resource-content h3 a{color:var(--color-text);text-decoration:none;transition:var(--transition-fast)}.resource-content h3 a:hover{color:var(--color-primary)}.resource-content p{color:var(--color-text-light);flex:1;font-size:var(--font-size-small);line-height:1.5;margin-bottom:1rem}.resource-meta{display:flex;flex-direction:column;gap:.5rem;margin-top:auto}.reading-time{color:var(--color-text-light);font-size:.75rem;font-weight:var(--font-weight-medium)}.resource-tags{display:flex;flex-wrap:wrap;gap:.25rem}.tag{background-color:var(--color-gray-02);border-radius:4px;color:var(--color-text-light);font-size:.625rem;font-weight:var(--font-weight-medium);padding:.125rem .375rem}.section-cta{margin-top:2rem;text-align:center}.calculator-bridge{background:linear-gradient(135deg,var(--color-bright-blue),var(--color-bright-blue-gradient-bottom));border-bottom:1px solid var(--color-border);border-top:1px solid var(--color-border);padding:3rem 0}.bridge-content{align-items:center;display:flex;gap:2rem;justify-content:center;text-align:center}.bridge-icon{color:var(--color-primary);flex-shrink:0}.bridge-text h2{color:var(--color-text);font-size:var(--font-size-h2);font-weight:var(--font-weight-extrabold);margin-bottom:.5rem}.bridge-text p{color:var(--color-text-light);margin-bottom:0}.final-cta{background:var(--color-slate);color:var(--color-white);padding:4rem 0;text-align:center}.cta-content h2{font-size:var(--font-size-h1);font-weight:var(--font-weight-extrabold);margin-bottom:1rem}.cta-content p{font-size:1.125rem;margin-bottom:2rem;opacity:.9}.cta-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.loading-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,var(--color-gray-02) 25%,var(--color-gray-03) 50%,var(--color-gray-02) 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.content-loading .resource-card{opacity:.6;pointer-events:none}.content-loaded .resource-card{animation:fadeIn .5s ease-in;opacity:1}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.view-more-container{margin-top:2rem;text-align:center}.btn-view-toggle{background-color:transparent;border:2px solid var(--color-primary);border-radius:var(--border-radius);color:var(--color-primary);cursor:pointer;font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);padding:.75rem 2rem;transition:var(--transition)}.btn-view-toggle:hover{background-color:var(--color-primary);color:var(--color-white);transform:translateY(-2px)}.resource-hidden{display:none}.resource-showing{animation:fadeInUp .5s ease-out}[data-view-state=collapsed] .resource-extra{display:none}[data-view-state=expanded] .resource-extra{display:block}@media (min-width:768px){.container{padding:0 2rem}.hero-content h1{font-size:2.5rem}.pillars-grid,.resources-grid{grid-template-columns:repeat(2,1fr)}.bridge-content,.section-header{text-align:left}.bridge-text{flex:1}.cta-buttons{gap:1.5rem}}@media (min-width:1200px){.pillars-grid{grid-template-columns:repeat(4,1fr)}.resources-grid{grid-template-columns:repeat(3,1fr)}.hero-content h1{font-size:3rem}.hero-subtitle{font-size:1.25rem}.section-title h2{font-size:2.25rem}}@media (min-width:1400px){.container{padding:0 3rem}}@media (max-width:767px){.hero{padding:3rem 0}.hero-content h1{font-size:1.75rem}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.hero-ctas{align-items:center;flex-direction:column}.btn{max-width:280px;width:100%}.pillars-navigation{padding:2rem 0}.content-section{padding:3rem 0}.section-header{flex-direction:column;margin-bottom:2rem;text-align:center}.section-icon{margin-bottom:1rem;margin-right:0}.section-title h2{font-size:1.75rem}.section-title p{font-size:1rem}.resource-content{padding:1rem}.bridge-content{flex-direction:column;text-align:center}.final-cta{padding:3rem 0}.cta-content h2{font-size:1.75rem}.cta-buttons{align-items:center;flex-direction:column}.cta-buttons .btn{max-width:280px;width:100%}}.btn:focus,.pillar-nav-card:focus,.resource-content a:focus{outline:2px solid var(--color-primary);outline-offset:2px}.section-active{position:relative}.section-active:before{background:linear-gradient(90deg,var(--color-primary),var(--color-accepted));content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}@media print{.calculator-bridge,.final-cta,.hero{background:none!important;color:var(--color-text)!important}.btn{background:none;border:1px solid var(--color-text);color:var(--color-text)}.pillar-nav-card:hover,.resource-card:hover{box-shadow:var(--box-shadow);transform:none}}html{scroll-behavior:smooth}img{transition:opacity .3s ease}@media (prefers-contrast:high){:root{--box-shadow:0 2px 10px rgba(0,0,0,.3);--box-shadow-hover:0 4px 15px rgba(0,0,0,.4)}.pillar-nav-card,.resource-card{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.pillar-nav-card:hover,.resource-card:hover{transform:none}.nav-arrow{transform:none!important}}.scroll-to-top{background:var(--color-primary);border:none;border-radius:50%;bottom:20px;box-shadow:var(--box-shadow-hover);color:#fff;cursor:pointer;font-size:20px;height:50px;opacity:0;position:fixed;right:20px;transition:all .3s ease;visibility:hidden;width:50px;z-index:1000}.scroll-to-top:hover{background:var(--color-primary-hover);transform:translateY(-2px)}.scroll-to-top.visible{opacity:1;visibility:visible}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{animation:fadeInUp .6s ease-out}.skip-link{background:var(--color-primary);border-radius:4px;color:#fff;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;transition:top .3s ease;z-index:1000}.skip-link:focus{top:6px}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}