:root{--color-bg-light:#fafaf7;--color-bg-dark:#0a1628;--color-text-dark:#1a1a1a;--color-text-light:#fafaf7;--color-accent:#00d4ff;--color-border:#e8e8e5;--font-heading:"Geist", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text-dark);background-color:var(--color-bg-light);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;line-height:1.1}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none}.text-accent{color:var(--color-accent)}.btn{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;padding:.875rem 1.5rem;font-size:1rem;font-weight:500;transition:all .2s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.btn-primary{background-color:var(--color-accent);color:var(--color-text-dark)}.btn-primary.dark-text{color:var(--color-bg-dark)}.btn-secondary{border:1px solid var(--color-text-dark);color:var(--color-text-dark);background:0 0}.btn-secondary-white{border:1px solid var(--color-text-light);color:var(--color-text-light);background:0 0}.nav-header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border);background-color:#fafaf7d9;position:sticky;top:0}.nav-container{justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;padding:1rem 1.5rem;display:flex}.nav-logo{font-family:var(--font-heading);color:var(--color-text-dark);align-items:center;font-size:1.5rem;font-weight:700;display:flex}.nav-logo svg{height:24px}.nav-links{display:none}@media (width>=768px){.nav-links{align-items:center;gap:2rem;font-weight:500;display:flex}}.nav-links a:hover{color:var(--color-accent)}.nav-cta{display:none}@media (width>=768px){.nav-cta{display:block}}.mobile-menu-btn{font-size:1.5rem;display:block}@media (width>=768px){.mobile-menu-btn{display:none}}.mobile-menu{background:var(--color-bg-light);border-bottom:1px solid var(--color-border);flex-direction:column;gap:1rem;padding:1rem 1.5rem;display:flex;position:absolute;top:100%;left:0;right:0}.section{flex-direction:column;justify-content:center;gap:4rem;min-height:100vh;padding:6rem 1.5rem;display:flex;position:relative;overflow:hidden}.section-container{gap:4rem;width:100%;max-width:1280px;margin:0 auto;display:grid}@media (width>=1024px){.section-container{grid-template-columns:1fr 1fr;align-items:center}}.section-bg-dark{background-color:var(--color-bg-dark);color:var(--color-text-light)}.bg-mesh{object-fit:cover;object-position:top right;opacity:.8;pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;right:0}.section-content{z-index:10;flex-direction:column;gap:2rem;display:flex;position:relative}.section-headline{font-size:2.5rem;font-weight:800}@media (width>=768px){.section-headline{font-size:3.5rem}}@media (width>=1024px){.section-headline{font-size:4rem}}.section-subhead{opacity:.9;max-width:32rem;font-size:1.125rem;font-weight:500}@media (width>=768px){.section-subhead{font-size:1.25rem}}.section-buttons{flex-direction:column;gap:1rem;display:flex}@media (width>=640px){.section-buttons{flex-direction:row}}.section-cards{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (width>=640px){.section-cards{grid-template-columns:repeat(2,1fr)}}.feature-card{border:1px solid var(--color-border);background-color:#fff;border-radius:16px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex;box-shadow:0 8px 24px #0a16280f}.feature-card.dark-mode{-webkit-backdrop-filter:blur(12px);box-shadow:none;color:var(--color-text-light);background:#ffffff0a;border:1px solid #00d4ff26}.card-icon{color:var(--color-accent)}.card-title{font-family:var(--font-heading);font-size:1.125rem;font-weight:700}.card-desc{opacity:.8;font-size:.875rem}.hero-image-wrapper{z-index:10;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 24px 48px #0a16281f}.hero-image{width:100%;height:auto;display:block}.footer{background-color:var(--color-bg-dark);color:var(--color-text-light);border-top:1px solid #ffffff1a;padding:4rem 1.5rem}.footer-container{flex-direction:column;gap:3rem;max-width:1280px;margin:0 auto;display:flex}@media (width>=768px){.footer-container{flex-direction:row;justify-content:space-between;align-items:center}}.footer-logo{font-family:var(--font-heading);align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:1.5rem;font-weight:700;display:flex}.footer-logo span{color:var(--color-accent)}.footer-tagline{opacity:.7;font-size:.875rem}.footer-links{opacity:.9;gap:1.5rem;font-size:.875rem;display:flex}.footer-links a:hover{color:var(--color-accent)}.footer-right{text-align:left}@media (width>=768px){.footer-right{text-align:right}}.footer-bottom{text-align:center;opacity:.5;border-top:1px solid #ffffff1a;margin-top:3rem;padding-top:1.5rem;font-size:.75rem}@media (prefers-reduced-motion:no-preference){.fade-up{opacity:0;transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1);transform:translateY(20px)}.fade-up.in-view{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.fade-up{opacity:1;transform:none}}.section-eyebrow{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent);font-size:.75rem;font-weight:600;display:inline-block}.section-subline{opacity:.8;margin-top:.5rem;font-size:.95rem;font-weight:500}.section-extension{z-index:5;flex-direction:column;gap:4rem;width:100%;max-width:1280px;margin:0 auto;display:flex;position:relative}.extension-block{flex-direction:column;gap:1.5rem;display:flex}.extension-title{font-family:var(--font-heading);letter-spacing:-.01em;font-size:1.5rem;font-weight:700}@media (width>=768px){.extension-title{font-size:1.75rem}}.roles-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.roles-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.roles-grid{grid-template-columns:repeat(3,1fr)}}.role-card{border:1px solid var(--color-border);background-color:#fff;border-radius:12px;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;display:flex}.role-card.dark-mode{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #00d4ff26}.role-card-dot{background-color:var(--color-accent);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.5rem}.role-title{font-family:var(--font-heading);margin-bottom:.25rem;font-size:.95rem;font-weight:700}.role-desc{opacity:.75;font-size:.875rem;line-height:1.45}.built-list{grid-template-columns:1fr;gap:.75rem;padding:0;list-style:none;display:grid}@media (width>=768px){.built-list{grid-template-columns:repeat(2,1fr)}}.built-list li{align-items:flex-start;gap:.75rem;font-size:1rem;line-height:1.5;display:flex}.built-check{width:22px;height:22px;color:var(--color-accent);background-color:#00d4ff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:.125rem;font-size:.75rem;font-weight:700;display:inline-flex}.pricing-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}.pricing-card{border:1px solid var(--color-border);background-color:#fff;border-radius:16px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex;box-shadow:0 8px 24px #0a16280f}.pricing-card.dark-mode{box-shadow:none;background:#ffffff08;border:1px solid #00d4ff2e}.pricing-name{font-family:var(--font-heading);font-size:1.125rem;font-weight:700}.pricing-scope{opacity:.7;font-size:.875rem}.pricing-range{font-family:var(--font-heading);color:var(--color-accent);margin-top:.25rem;font-size:1.5rem;font-weight:800}.footnotes-block{border-left:3px solid var(--color-accent);background-color:#00d4ff0a;border-radius:8px;gap:.75rem;padding:1.5rem}.footnote-line{opacity:.9;font-size:.95rem;line-height:1.55}.footnote-label{color:var(--color-accent);margin-right:.25rem;font-weight:700}.selectivity-line{opacity:.7;text-align:center;padding:0 1rem;font-size:.95rem;font-style:italic}.section-faq{min-height:auto;padding:6rem 1.5rem}.faq-container{flex-direction:column;gap:3rem;width:100%;max-width:880px;margin:0 auto;display:flex}.faq-header{text-align:center;flex-direction:column;align-items:center;gap:.75rem;display:flex}.faq-header .section-headline{font-size:2rem}@media (width>=768px){.faq-header .section-headline{font-size:2.75rem}}.faq-list{flex-direction:column;gap:.75rem;display:flex}.faq-item{border:1px solid var(--color-border);background-color:#fff;border-radius:12px;transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq-item[open]{border-color:#00d4ff66;box-shadow:0 8px 24px #0a16280f}.faq-item summary{cursor:pointer;font-family:var(--font-heading);justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;font-size:1rem;font-weight:700;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-question{flex:1}.faq-icon{color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;transition:transform .2s;display:inline-flex}.faq-item[open] .faq-icon{transform:rotate(45deg)}.faq-answer{opacity:.85;padding:0 1.5rem 1.5rem;font-size:.95rem;line-height:1.6}.hero{background:radial-gradient(circle at 80% 10%, #00d4ff14, transparent 50%), var(--color-bg-light);align-items:center;min-height:90vh;padding:8rem 1.5rem 4rem;display:flex;position:relative;overflow:hidden}.hero-container{text-align:center;flex-direction:column;align-items:center;gap:4rem;width:100%;max-width:1280px;margin:0 auto;display:flex}.hero-top{flex-direction:column;align-items:center;gap:1.25rem;max-width:820px;display:flex}.hero-wordmark{font-family:var(--font-heading);letter-spacing:-.04em;color:var(--color-text-dark);font-size:4.5rem;font-weight:800;line-height:1}@media (width>=768px){.hero-wordmark{font-size:6.5rem}}@media (width>=1024px){.hero-wordmark{font-size:8rem}}.hero-headline{font-family:var(--font-heading);letter-spacing:-.02em;max-width:720px;color:var(--color-text-dark);font-size:1.5rem;font-weight:700;line-height:1.2}@media (width>=768px){.hero-headline{font-size:2rem}}.hero-subhead{opacity:.75;font-size:1.125rem;font-weight:500}.hero-tiers{text-align:left;grid-template-columns:1fr;gap:1.25rem;width:100%;display:grid}@media (width>=1024px){.hero-tiers{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.hero-tier-card{border:1px solid var(--color-border);background-color:#fff;border-radius:20px;flex-direction:column;gap:.75rem;padding:2rem;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 8px 24px #0a16280a}.hero-tier-card:hover{border-color:#00d4ff66;transform:translateY(-4px);box-shadow:0 16px 36px #0a162814}.hero-tier-label{text-transform:none;letter-spacing:0;color:var(--color-text-dark);opacity:.6;font-size:.8rem;font-weight:500}.hero-tier-title{font-family:var(--font-heading);letter-spacing:-.02em;font-size:1.5rem;font-weight:800}.hero-tier-body{opacity:.8;flex:1;font-size:.95rem;line-height:1.55}.hero-tier-cta{font-family:var(--font-body);color:var(--color-accent);align-items:center;gap:.5rem;margin-top:.5rem;font-size:.95rem;font-weight:600;transition:gap .2s;display:inline-flex}.hero-tier-cta:hover{gap:.75rem}.hero-primary-cta{justify-content:center;display:flex}.btn-large{padding:1.125rem 2rem;font-size:1.05rem;font-weight:600}.compare-callout{background-color:#00d4ff0f;border:1px solid #00d4ff33;border-radius:16px;flex-direction:column;gap:.75rem;padding:2rem;display:flex}.compare-callout.dark-mode{background-color:#00d4ff12;border-color:#00d4ff40}.compare-title{font-family:var(--font-heading);color:var(--color-accent);font-size:1.25rem;font-weight:700}.compare-body{opacity:.9;font-size:1rem;line-height:1.6}.toolkit-page-dark{background-color:var(--color-bg-dark);color:var(--color-text-light)}.toolkit-page-dark .nav-header{background-color:#0a1628d9;border-bottom:1px solid #ffffff14}.toolkit-page-dark .nav-logo,.toolkit-page-dark .nav-links a{color:var(--color-text-light)}.toolkit-page-dark .mobile-menu{background-color:var(--color-bg-dark);border-bottom-color:#ffffff14}.toolkit-page-dark .mobile-menu a{color:var(--color-text-light)}.tk-container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem}.tk-container.narrow{max-width:760px}.tk-back{color:var(--color-text-light);opacity:.6;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;font-weight:500;transition:opacity .2s,color .2s;display:inline-flex}.tk-back:hover{opacity:1;color:var(--color-accent)}.tk-hero{background:radial-gradient(circle at 90% 10%, #00d4ff2e, transparent 55%), var(--color-bg-dark);padding:7rem 0 4rem;position:relative;overflow:hidden}.tk-hero-content{flex-direction:column;gap:1.25rem;max-width:820px;display:flex}.tk-headline{font-family:var(--font-heading);letter-spacing:-.025em;color:var(--color-text-light);font-size:2.25rem;font-weight:800;line-height:1.1}@media (width>=768px){.tk-headline{font-size:3.25rem}}@media (width>=1024px){.tk-headline{font-size:3.75rem}}.tk-subhead{opacity:.85;max-width:680px;font-size:1.075rem;line-height:1.55}@media (width>=768px){.tk-subhead{font-size:1.175rem}}.tk-cta-row{flex-direction:column;gap:.875rem;margin-top:.75rem;display:flex}@media (width>=640px){.tk-cta-row{flex-direction:row;align-items:center}}.tk-trust{opacity:.55;margin-top:.5rem;font-size:.85rem}.tk-block{padding:4rem 0}.tk-story-block{background:radial-gradient(circle at 10% 50%, #00d4ff14, transparent 50%), var(--color-bg-dark)}.tk-block-title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-text-light);margin-bottom:1.5rem;font-size:1.75rem;font-weight:800;line-height:1.15}@media (width>=768px){.tk-block-title{font-size:2.25rem}}.tk-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=768px){.tk-grid{grid-template-columns:repeat(2,1fr)}}.tk-card{-webkit-backdrop-filter:blur(12px);background:#ffffff08;border:1px solid #00d4ff26;border-radius:16px;flex-direction:column;gap:.5rem;padding:1.5rem 1.5rem 1.75rem;display:flex}.tk-card-num{font-family:var(--font-heading);color:var(--color-accent);letter-spacing:.08em;font-size:.85rem;font-weight:800}.tk-card-title{font-family:var(--font-heading);color:var(--color-text-light);font-size:1.125rem;font-weight:700;line-height:1.25}.tk-card-body{opacity:.8;font-size:.95rem;line-height:1.55}.tk-prose{opacity:.9;margin-bottom:1.25rem;font-size:1.05rem;line-height:1.65}.tk-kicker{font-family:var(--font-heading);color:var(--color-accent);border-left:3px solid var(--color-accent);padding-left:1rem;font-size:1rem;font-weight:700;line-height:1.5}.tk-final{text-align:center;background:radial-gradient(circle at 50% 0%, #00d4ff2e, transparent 60%), var(--color-bg-dark);border-top:1px solid #ffffff0f;padding:5rem 0 6rem;position:relative;overflow:hidden}.tk-final-inner{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.tk-final-headline{font-family:var(--font-heading);letter-spacing:-.02em;max-width:680px;color:var(--color-text-light);font-size:1.875rem;font-weight:800;line-height:1.15}@media (width>=768px){.tk-final-headline{font-size:2.5rem}}.tk-final-subhead{opacity:.8;max-width:620px;font-size:1.075rem;line-height:1.55}.tk-final .tk-cta-row{justify-content:center}.toolkit-page-dark .btn-primary{color:var(--color-bg-dark)}.btn-huge{border-radius:14px;align-items:center;gap:.75rem;padding:1.5rem 3rem;font-size:1.35rem;font-weight:700;display:inline-flex;box-shadow:0 12px 36px #00d4ff40}.btn-huge:hover{transform:translateY(-3px);box-shadow:0 20px 48px #00d4ff66}@media (width>=768px){.btn-huge{padding:1.75rem 3.5rem;font-size:1.5rem}}.tk-cta-stack{text-align:center;flex-direction:column;align-items:center;gap:1rem;margin:1.5rem 0 .5rem;display:flex}.tk-secondary-link{font-family:var(--font-body);color:var(--color-accent);opacity:.85;font-size:.95rem;font-weight:500;transition:opacity .2s}.tk-secondary-link:hover{opacity:1}.toolkit-page-dark .tk-hero-content{text-align:center;align-items:center}.tk-confirm-line{font-family:var(--font-body);color:var(--color-accent);opacity:.95;font-size:1rem;font-weight:400;line-height:1.5}.thank-list{counter-reset:thanklist;flex-direction:column;gap:1rem;margin-bottom:2rem;padding:0;list-style:none;display:flex}.thank-list li{opacity:.9;counter-increment:thanklist;padding-left:3rem;font-size:1rem;line-height:1.55;position:relative}.thank-list li:before{content:counter(thanklist, decimal-leading-zero);font-family:var(--font-heading);color:var(--color-accent);letter-spacing:.08em;font-size:1rem;font-weight:800;position:absolute;top:0;left:0}
