:root{--fgl-purple: #4b486a;--fgl-teal: #23555d;--gold: #ce9c20;--ink: #1a182b;--silver: #b7b7bc;--silver-shadow: #807f85;--white: #ffffff;--ground: var(--white);--ground-alt: #f7f7f9;--ground-dark: var(--ink);--text: var(--ink);--link: var(--fgl-teal);--link-hover: var(--fgl-purple);--focus: var(--fgl-purple);--border: var(--silver);--bg-primary: var(--white);--bg-secondary: #e9e9ee;--bg-tertiary: var(--ground-alt);--text-primary: var(--ink);--text-secondary: var(--ink);--text-tertiary: var(--ink);--accent-primary: var(--fgl-teal);--accent-secondary: var(--fgl-purple);--accent-tertiary: var(--fgl-teal);--accent-quaternary: var(--fgl-purple);--nav-h: 88px;--border-color: var(--silver);--border-light: #e3e3e8;--success: var(--fgl-teal);--warning: var(--gold)}@supports (color: color-mix(in oklch,white,black)){:root{--ground-alt: color-mix(in oklch, var(--silver) 11%, var(--white));--bg-secondary: color-mix(in oklch, var(--silver) 29%, var(--white));--border-light: color-mix(in oklch, var(--silver) 38%, var(--white))}}@media(max-width:768px){:root{--nav-h: 68px}}:root{--shadow-sm: 0 2px 8px rgba(26, 24, 43, .08);--shadow-md: 0 4px 16px rgba(26, 24, 43, .12);--shadow-lg: 0 8px 32px rgba(26, 24, 43, .16);--shadow-xl: 0 20px 60px rgba(35, 85, 93, .15);--shadow-2xl: 0 40px 80px rgba(35, 85, 93, .2);--shadow-glow: 0 0 20px rgba(35, 85, 93, .25);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.34, 1.56, .64, 1);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-3xl: 32px;--radius-full: 9999px;--font-family: "Noto Sans", sans-serif;--font-mono: "Noto Sans", sans-serif;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px;background-color:var(--bg-primary)}body{margin:0;padding:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden;min-width:320px;min-height:100vh;letter-spacing:-.3px}h1{font-size:clamp(2rem,5vw,4rem);line-height:1.2;margin-bottom:1rem;font-weight:700;letter-spacing:-.02em;color:var(--text-primary)}h2{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;margin-bottom:1rem;color:var(--text-primary)}h3,h4,h5,h6{font-weight:600;margin-bottom:.75rem;color:var(--text-primary)}p{font-size:clamp(.95rem,2vw,1.1rem);color:var(--text-secondary);line-height:1.8;margin-bottom:1rem}a{color:var(--accent-primary);text-decoration:none;transition:var(--transition);cursor:pointer;font-weight:500}button{border-radius:8px;border:2px solid var(--accent-primary);padding:clamp(.5rem,2vw,.75rem) clamp(1rem,3vw,1.5rem);font-size:clamp(.95rem,1.5vw,1.1rem);font-weight:600;font-family:inherit;background-color:transparent;color:var(--accent-primary);cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:1px;white-space:nowrap}button:hover{background-color:var(--accent-primary);color:var(--bg-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}button:focus,button:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}button:active{transform:translateY(0)}@media(prefers-color-scheme:light){body{background-color:var(--bg-primary);color:var(--text-primary)}}@media(prefers-color-scheme:dark){body{background-color:var(--bg-primary);color:var(--text-primary)}}.btn-primary{background:var(--accent-primary);border:none;color:var(--bg-primary);font-weight:700;position:relative;overflow:hidden;transition:var(--transition-fast);box-shadow:0 8px 24px #23555d4d}.btn-primary:hover{transform:translateY(-4px);box-shadow:0 16px 40px #23555d66}.btn-secondary{background:transparent;border:2px solid var(--accent-primary);color:var(--accent-primary);font-weight:700;position:relative;transition:var(--transition-fast)}.btn-secondary:before{content:"";position:absolute;inset:0;background:var(--accent-primary);z-index:-1;transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.34,1.56,.64,1);border-radius:inherit}.btn-secondary:hover:before{transform:scaleX(1);transform-origin:left}.btn-secondary:hover{color:var(--bg-primary);transform:translateY(-4px);box-shadow:0 12px 32px #23555d4d}.btn-large{padding:clamp(1rem,2vw,1.25rem) clamp(2rem,4vw,3rem);font-size:clamp(1rem,1.5vw,1.2rem)}.card{background:#fffffff2;border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:clamp(1.5rem,3vw,2.5rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(in oklch 90deg,transparent,var(--accent-primary),transparent);opacity:0;transition:opacity var(--transition)}.card:hover{border-color:var(--accent-primary);box-shadow:0 12px 40px #23555d26;transform:translateY(-8px)}.card:hover:before{opacity:1}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{font-size:1rem}}@media(max-width:480px){h1{font-size:1.75rem}h2{font-size:1.25rem}h3{font-size:1.1rem}p{font-size:.95rem}button{width:100%}}nav{height:var(--nav-h);position:fixed;top:0;left:0;right:0;z-index:1000;inset-inline:0;overflow-x:clip;overflow-y:visible;background:var(--white);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);animation:slideInDown .6s cubic-bezier(.34,1.56,.64,1)}.nav-container{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1400px;margin:0 auto;padding:0 2rem;height:100%}.nav-logo{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:800;color:var(--text-primary);text-decoration:none;cursor:pointer;transition:var(--transition-fast);letter-spacing:2px;text-transform:uppercase;display:flex;flex-direction:row;align-items:center;gap:.75rem;flex-shrink:0}.nav-logo picture{display:flex}.nav-logo-img{width:clamp(225px,22vw,280px);height:auto;max-width:none;object-fit:contain;transition:var(--transition-fast)}.nav-links{display:flex;list-style:none;gap:clamp(1rem,3vw,2.5rem);align-items:center;margin:0;padding:0}.nav-links a{position:relative;color:var(--text-secondary);text-decoration:none}.nav-links a:not(.nav-cta){text-decoration:none;font-weight:600;font-size:clamp(.9rem,1.5vw,1rem);text-transform:uppercase;letter-spacing:.5px;transition:var(--transition-fast);padding:.5rem 0;display:flex;align-items:center}.nav-links a:hover,.nav-links a.active{color:var(--accent-primary)}.nav-links a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:3px;background:var(--accent-primary);transition:var(--transition-fast);border-radius:2px;box-shadow:0 0 12px #23555d66}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-civrali{color:var(--accent-primary);font-weight:700}.nav-links a.nav-cta{color:var(--accent-primary);font-weight:700;padding:.6rem 2.2rem;text-decoration:none;border:2px solid var(--accent-primary);border-radius:var(--radius-md);transition:background-color .2s ease,border-color .2s ease,color .2s ease;position:relative;overflow:hidden;background:transparent;letter-spacing:.5px;cursor:pointer;text-transform:uppercase;font-size:clamp(.9rem,1.5vw,1rem);display:inline-block}.nav-links a.nav-cta:before{display:none}.nav-links a.nav-cta:after{display:none}.nav-links a.nav-cta:hover,.nav-links a.nav-cta:focus-visible,.nav-links a.nav-cta.active{color:var(--ink);background:var(--gold);border-color:var(--gold);text-decoration:none}.nav-has-menu{position:relative}.nav-disclosure{display:inline-flex;align-items:center;gap:.3rem;background:none;border:0;padding:.5rem 0;min-height:44px;cursor:pointer;color:var(--text-secondary);font:inherit;font-weight:600;font-size:clamp(.9rem,1.5vw,1rem);text-transform:uppercase;letter-spacing:.5px;box-shadow:none;transform:none}.nav-disclosure:hover,.nav-disclosure[aria-expanded=true]{color:var(--accent-primary);background:none;box-shadow:none;transform:none}.nav-disclosure svg{transition:transform .18s ease}.nav-disclosure[aria-expanded=true] svg{transform:rotate(180deg)}.nav-submenu{display:none;position:absolute;top:calc(100% + .5rem);left:-1rem;min-width:15rem;list-style:none;margin:0;padding:.5rem 0;background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 8px 24px #1a182b14;z-index:1001}.nav-submenu.open{display:block}.nav-links .nav-submenu a:not(.nav-cta){display:block;padding:.6rem 1rem;text-transform:none;letter-spacing:0}.nav-links .nav-submenu a:after{display:none}.nav-links .nav-submenu a:hover{background:var(--ground-alt)}.nav-toggle{display:none;flex-direction:column;background:none!important;border:none!important;cursor:pointer;gap:5px;padding:.5rem!important;width:auto!important;min-width:unset;box-shadow:none!important;transform:none!important;text-transform:none;letter-spacing:0}.nav-toggle:hover{background:none!important;box-shadow:none!important;transform:none!important}.nav-toggle span{display:block;width:25px;height:3px;background-color:var(--accent-primary);border-radius:2px;transition:var(--transition)}.nav-toggle.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.nav-toggle.active span:nth-child(2){opacity:0}.nav-toggle.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:768px){.nav-logo-img{width:170px;height:auto}}@media(max-width:880px){.nav-container{padding:.75rem 1rem;min-height:65px}.nav-toggle{display:flex}.nav-links{position:absolute;top:100%;left:0;right:0;flex-direction:column;background-color:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:999}.nav-links.active{max-height:640px}.nav-disclosure{display:none}.nav-has-menu{flex-direction:column;border-bottom:0!important}.nav-submenu{display:block;position:static;min-width:0;width:100%;padding:0;border:0;border-radius:0;box-shadow:none;background:none}.nav-submenu li{border-bottom:1px solid var(--border-color)}.nav-links .nav-submenu a:not(.nav-cta){display:flex;padding:1rem 1.5rem;text-transform:uppercase;letter-spacing:.5px}.nav-links li{width:100%;border-bottom:1px solid var(--border-color)}.nav-links li{display:flex;justify-content:center}.nav-links a:not(.nav-cta){width:100%;justify-content:center;padding:1rem 1.5rem;font-size:1rem}.nav-links a.nav-cta{margin:.75rem 0 1rem}.nav-links a:after{display:none}.nav-links a:hover{background-color:var(--bg-tertiary)}}@media(max-width:480px){.nav-container{padding:.5rem .75rem;min-height:60px}.nav-logo{font-size:1.25rem}.nav-logo-img{width:160px;height:auto}.nav-links a{font-size:.9rem}}@keyframes attentionPulse{0%,to{box-shadow:inset 0 0 15px #b7b7bc1a;border-color:var(--fgl-teal)}50%{box-shadow:inset 0 0 20px #b7b7bc26;border-color:var(--border-color)}}@keyframes borderShine{0%,to{opacity:.6;background-position:0% 50%}50%{opacity:1;background-position:100% 50%}}@keyframes electricPulse{0%,to{box-shadow:inset 0 0 20px #b7b7bc33}50%{box-shadow:inset 0 0 30px #b7b7bc4d}}@keyframes shimmerSweep{0%{left:-100%}to{left:100%}}@keyframes electricShock{0%,to{transform:translate(0) scaleY(1)}25%{transform:translate(-2px) scaleY(1.02)}50%{transform:translate(2px) scaleY(.98)}75%{transform:translate(-1px) scaleY(1.01)}}@keyframes pulseOut{0%{width:0;height:0;opacity:.6}to{width:300px;height:300px;opacity:0}}footer{background:var(--ink);border-top:1px solid rgba(183,183,188,.2);padding:clamp(3rem,5vw,5rem) 2rem clamp(2rem,3vw,3rem);margin-top:auto}.footer-top{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 2.4fr 1fr;gap:clamp(2rem,4vw,4rem);margin-bottom:clamp(2rem,3vw,3rem);align-items:start}.footer-center{display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem}.footer-center h4{color:var(--silver);font-size:clamp(1.1rem,2vw,1.3rem);font-weight:700}.footer-center p{color:var(--silver);font-size:clamp(.9rem,1.5vw,1rem);line-height:1.8}.footer-section{display:flex;flex-direction:column}.footer-lockup{display:block;width:200px;height:auto;margin-bottom:1.5rem}.footer-section h4{font-size:clamp(1.1rem,2vw,1.3rem);margin-bottom:1.5rem;color:var(--gold);font-weight:700}.footer-section p{color:var(--silver);font-size:clamp(.9rem,1.5vw,1rem);line-height:1.8;margin-top:.5rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:clamp(2rem,3vw,3rem);margin-bottom:clamp(2rem,3vw,3rem)}.footer-section h3{font-size:clamp(1.1rem,2vw,1.3rem);margin-bottom:1.5rem;color:var(--accent-primary);font-weight:700}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section li{margin-bottom:.75rem}.footer-section a{color:var(--silver);font-size:clamp(.9rem,1.5vw,1rem);transition:var(--transition-fast);font-weight:500;text-decoration:none}.footer-section a:hover{color:var(--white);text-decoration:underline;text-underline-offset:.2em;transform:translate(4px)}.footer-about p{color:var(--silver);font-size:clamp(.9rem,1.5vw,1rem);line-height:1.8;margin-bottom:1.5rem}.footer-social{display:flex;gap:1rem;margin-top:1.5rem}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid rgba(183,183,188,.45);border-radius:var(--radius-full);color:var(--silver);transition:var(--transition-fast);font-weight:700;font-size:1.1rem}.social-link:hover,.social-link:focus-visible{background:var(--silver);color:var(--ink);border-color:var(--silver);transform:translateY(-4px)}.footer-bottom{border-top:1px solid rgba(183,183,188,.2);padding-top:clamp(1.5rem,2vw,2rem);display:flex;flex-direction:column;gap:1.5rem}.footer-bottom p{color:var(--silver);margin:0}.footer-status{font-size:clamp(.85rem,1.5vw,.95rem);line-height:1.6}.footer-bottom .footer-neutral{color:var(--white);font-weight:700;font-size:clamp(.95rem,1.6vw,1.05rem)}.footer-bottom-content{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem}.footer-copyright{color:var(--silver);font-size:clamp(.85rem,1.5vw,.95rem);font-weight:500}.footer-links{display:flex;flex-wrap:wrap;gap:clamp(1rem,2vw,2rem)}.footer-links a{color:var(--silver);font-size:clamp(.85rem,1.5vw,.95rem);font-weight:500;transition:var(--transition-fast);text-decoration:none}.footer-links a:hover{color:var(--gold)}@media(max-width:768px){footer{padding:clamp(2.5rem,4vw,3.5rem) 1.5rem clamp(1.5rem,2vw,2rem)}.footer-top{grid-template-columns:1fr;gap:2.5rem}.footer-center{order:-1}.footer-bottom-content{flex-direction:column;align-items:flex-start}.footer-links{flex-direction:column;gap:.75rem}}@media(max-width:480px){footer{padding:2rem 1rem 1.5rem}.footer-top{grid-template-columns:1fr;gap:2rem}.footer-section h4{font-size:1.1rem;margin-bottom:1rem}.footer-lockup{width:160px}.footer-center{order:-1}.footer-section a{font-size:.9rem}.footer-bottom-content{flex-direction:column;align-items:flex-start}.footer-copyright{font-size:.85rem}.footer-links{flex-direction:column;gap:.5rem}.footer-links a{font-size:.85rem}}.home{width:100%}.hero{padding:clamp(6rem,12vw,10rem) 2rem;background:linear-gradient(in oklch 135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);position:relative;overflow:hidden;min-height:100vh;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--border-light)}.hero:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(in oklch circle,rgba(35,85,93,.15) 0%,transparent 70%);animation:float 12s ease-in-out infinite;pointer-events:none;filter:blur(60px)}.hero:after{content:"";position:absolute;bottom:-50%;left:-50%;width:100%;height:100%;background:radial-gradient(in oklch circle,rgba(75,72,106,.1) 0%,transparent 70%);animation:float 14s ease-in-out infinite reverse;pointer-events:none;filter:blur(60px)}.hero-content{position:relative;z-index:1;max-width:1000px;text-align:center;animation:fadeIn .8s ease-in}.hero h1{font-size:clamp(2.5rem,8vw,5.5rem);margin-bottom:1.5rem;line-height:1.15;animation:slideInUp .8s ease-in .1s backwards;letter-spacing:-.03em;font-weight:900;color:var(--text-primary)}.hero-subtitle{font-size:clamp(1rem,2.2vw,1.35rem);color:var(--text-secondary);margin-bottom:2.5rem;max-width:700px;margin-left:auto;margin-right:auto;animation:slideInUp .8s ease-in .2s backwards;line-height:1.8;font-weight:500}.hero-actions{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;animation:slideInUp .8s ease-in .3s backwards}.hero-actions .btn-primary,.hero-actions .btn-secondary{padding:clamp(.85rem,2vw,1.1rem) clamp(1.75rem,4vw,2.5rem);font-size:clamp(1rem,1.5vw,1.15rem);border-radius:var(--radius-lg)}.hero-actions .btn-secondary:hover,.hero-actions .btn-secondary:focus-visible{color:var(--white);text-decoration:none}.problem{padding:clamp(4rem,6vw,6rem) clamp(1.25rem,5vw,2rem);background-color:var(--bg-primary);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.section-content{max-width:1400px;margin:0 auto}.problem h2{text-align:center;margin-bottom:clamp(2.5rem,5vw,4.5rem);font-size:clamp(2rem,4.5vw,3rem);font-weight:800;letter-spacing:-.02em}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:clamp(2rem,3vw,3rem)}@media(max-width:900px){.problem-grid{grid-template-columns:1fr}}.features-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.5rem)}@media(max-width:900px){.features-grid{grid-template-columns:1fr}}.feature-card h3{font-size:1.5rem}@media(max-width:480px){.feature-card h3{font-size:1.1875rem}}.problem-card{background:linear-gradient(135deg,#23555d0d,#4b486a08);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:clamp(2rem,3vw,2.75rem);transition:var(--transition);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.problem-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--fgl-teal);background:linear-gradient(in oklch 90deg,var(--accent-primary),var(--accent-secondary));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.problem-card:hover:before{transform:scaleX(1)}.problem-card:hover{border-color:var(--accent-primary);background:linear-gradient(135deg,#23555d1a,#4b486a0d);box-shadow:0 16px 48px #23555d1f;transform:translateY(-12px)}.problem-card h3{font-size:clamp(1.2rem,2.2vw,1.6rem);margin-bottom:1rem;color:var(--text-primary);font-weight:700}.problem-card p{color:var(--text-secondary);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.8;margin:0}.civrali-preview{padding:clamp(4rem,6vw,6rem) 2rem;background:linear-gradient(in oklch 135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.civrali-preview .section-content{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,5vw,5rem);align-items:center}.civrali-text h2{margin-bottom:1.5rem;font-size:clamp(2rem,4vw,2.75rem);font-weight:800}.civrali-text p{font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.8;margin-bottom:2rem}.civrali-text ul{list-style:none;margin:2rem 0;padding:0}.civrali-text li{padding:.85rem 0 .85rem 2.5rem;position:relative;color:var(--text-secondary);line-height:1.8;font-size:clamp(.95rem,1.5vw,1.05rem);transition:var(--transition-fast)}.civrali-text li:hover{color:var(--text-primary);transform:translate(8px)}.civrali-text li:before{content:"✓";position:absolute;left:0;color:var(--accent-primary);font-weight:800;font-size:1.3em;animation:pulse 2s ease-in-out infinite}.app-mockup{background:linear-gradient(135deg,#23555d0f,#4b486a08);border:2px solid var(--border-light);border-radius:var(--radius-2xl);padding:clamp(2.5rem,5vw,4.5rem);text-align:center;color:var(--text-secondary);min-height:350px;display:flex;align-items:center;justify-content:center;font-size:1.15rem;font-weight:600;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-mockup:before{content:"";position:absolute;inset:0;background:radial-gradient(in oklch circle at 50% 50%,rgba(35,85,93,.08),transparent);animation:pulse 4s ease-in-out infinite}.app-mockup:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(in oklch 90deg,transparent,var(--accent-primary),transparent);opacity:.5}.cta{padding:clamp(4rem,6vw,6rem) 2rem;text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(in oklch circle,rgba(255,255,255,.15),transparent);animation:float 10s ease-in-out infinite;pointer-events:none}.cta h2{color:var(--text-primary);font-size:clamp(2rem,4.5vw,3rem);margin-bottom:1.5rem;position:relative;z-index:1;font-weight:800}.cta p{color:var(--ink);font-size:clamp(1.05rem,1.8vw,1.25rem);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:1;font-weight:500}.cta .btn-large{background-color:var(--bg-primary);color:var(--accent-primary);border:2px solid var(--bg-primary);font-weight:800;position:relative;z-index:1;transition:var(--transition-fast);box-shadow:0 8px 24px #1a182b33}.cta .btn-large:hover{background-color:transparent;color:var(--bg-primary);border-color:var(--bg-primary);transform:translateY(-4px);box-shadow:0 16px 40px #1a182b4d}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media(max-width:768px){.hero{min-height:auto;padding:clamp(4rem,5vw,5rem) 1.5rem}.hero:before{top:-100%;right:-100%}.civrali-preview .section-content{grid-template-columns:1fr}.problem-grid{grid-template-columns:1fr;gap:1.5rem}.hero-actions{flex-direction:column}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%}}@media(max-width:480px){.hero{min-height:auto;padding:clamp(3rem,4vw,4rem) 1rem}.hero h1{font-size:2.2rem;margin-bottom:1rem}.hero-subtitle{font-size:1rem;margin-bottom:1.5rem}.hero-actions{flex-direction:column;gap:1rem}.hero-actions .btn-primary,.hero-actions .btn-secondary{width:100%}.problem{padding:2.5rem 1rem}.problem h2{font-size:1.75rem;margin-bottom:2rem}.problem-grid{grid-template-columns:1fr}.problem-card{padding:1.5rem 1rem}.civrali-text h2{font-size:1.75rem}.cta{padding:3rem 1.5rem}.cta h2{font-size:1.75rem}.cta p{font-size:1rem}}.hs-band{--hs-gutter: clamp(1.25rem, 5vw, 2rem);--hs-content: 40rem;--hs-wide: 75rem;display:grid;grid-template-columns:[full-start] minmax(var(--hs-gutter),1fr) [wide-start] minmax(0,calc((var(--hs-wide) - var(--hs-content)) / 2)) [content-start] min(var(--hs-content),100% - 2 * var(--hs-gutter)) [content-end] minmax(0,calc((var(--hs-wide) - var(--hs-content)) / 2)) [wide-end] minmax(var(--hs-gutter),1fr) [full-end];row-gap:2rem;padding-block:clamp(3.5rem,8vw,6.5rem);background:var(--white);color:var(--ink)}.hs-band>*{grid-column:content}.hs-band>.hs-wide{grid-column:wide}.hs-band--alt{background:var(--ground-alt)}.hs-band--rule{border-top:1px solid var(--border-light)}.hs-head{display:grid;gap:1rem}.hs-head h2{font-size:clamp(1.75rem,1.3rem + 2vw,2.5rem);line-height:1.15;font-weight:800;letter-spacing:-.01em;text-wrap:balance;margin:0}.hs-head p{margin:0}.hs-head--row{grid-column:wide;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1rem}.hs-eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--fgl-purple);margin:0}.hs-source{font-size:.8125rem;line-height:1.45;margin:0}.hs-fn{font-size:.7em;font-weight:700;margin-left:.15em}.hs-num{font-variant-numeric:tabular-nums lining-nums;font-weight:800;font-size:clamp(2.25rem,1.6rem + 2.4vw,3.25rem);line-height:1;letter-spacing:-.02em;margin:0}.hs-num--sm{font-size:clamp(1.75rem,1.4rem + 1.4vw,2.5rem)}.hs-card{background:var(--white);border:1px solid var(--border-light);border-radius:6px;padding:clamp(1.25rem,3vw,2rem);display:grid;gap:.75rem;align-content:start}.hs-card p{margin:0}.hs-link{font-weight:700;color:var(--fgl-teal);text-decoration:underline;text-underline-offset:.2em}.hs-link:hover{color:var(--ink)}.hs-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--border-light)}.hs-strip>div{padding:2rem 1.5rem;display:grid;gap:.6rem;align-content:start}.hs-strip>div+div{border-left:1px solid var(--border-light)}.hs-strip p{margin:0}.hs-from{font-weight:600;font-size:.9375rem}.hs-what{font-weight:600;line-height:1.4}.hs-strip .hs-source{padding-top:.5rem;border-top:1px solid var(--border-light)}@media(max-width:1000px){.hs-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.hs-strip>div:nth-child(3){border-left:0}.hs-strip>div:nth-child(n+3){border-top:1px solid var(--border-light)}}@media(max-width:560px){.hs-strip{grid-template-columns:1fr}.hs-strip>div+div{border-left:0;border-top:1px solid var(--border-light)}.hs-strip>div{padding-inline:0}}.hs-cards3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}@media(max-width:900px){.hs-cards3{grid-template-columns:1fr}}.hs-relation{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:1.5rem;align-items:stretch}.hs-node h3{font-size:clamp(1.375rem,1.1rem + 1vw,1.625rem);line-height:1.2;margin:0}.hs-node ul{margin:0;padding-left:1.1rem;display:grid;gap:.6rem}.hs-node li::marker{color:var(--fgl-teal)}.hs-node--steward{border-top:4px solid var(--fgl-purple)}.hs-node--program{border-top:4px solid var(--fgl-teal)}.hs-arrow{display:grid;place-items:center;align-content:center;gap:.4rem;min-width:7rem}.hs-arrow span{font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.hs-arrow i{display:block;width:100%;border-top:1px solid var(--ink);position:relative}.hs-arrow i:after{content:"";position:absolute;right:-1px;top:-5px;border:5px solid transparent;border-left:8px solid var(--ink);border-right:0}@media(max-width:860px){.hs-relation{grid-template-columns:1fr}.hs-arrow{min-height:4.5rem}.hs-arrow i{width:0;height:2.5rem;border-top:0;border-left:1px solid var(--ink)}.hs-arrow i:after{inset:auto auto -1px -5px;border:5px solid transparent;border-top:8px solid var(--ink);border-bottom:0}}.hs-asof{font-size:.875rem;font-weight:700;border:1px solid var(--border-light);border-radius:999px;padding:.2rem .75rem;margin:0}.hs-timeline,.hs-timeline ol{list-style:none;margin:0;padding:0}.hs-timeline{position:relative;display:grid;gap:1.5rem}.hs-timeline:before{content:"";position:absolute;left:.875rem;top:2.25rem;bottom:.5rem;border-left:1px solid var(--border-light)}.hs-group h3{margin:0 0 .25rem 2.75rem;font-size:.8125rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hs-group ol>li{position:relative;padding:.75rem 0 .75rem 2.75rem;display:grid;gap:.15rem}.hs-mk{position:absolute;left:0;top:.8rem;width:1.75rem;height:1.75rem;background:var(--white);border-radius:50%}.hs-mk svg{width:100%;height:100%;display:block}.hs-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:.25rem .75rem}.hs-status{font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--fgl-purple)}.hs-row time{font-size:.9375rem;font-variant-numeric:tabular-nums}.hs-title{font-weight:600}.hs-sf-sources{max-width:820px;margin:0 auto;padding:1rem 1.25rem;background:#ffffffe6;border-radius:10px;font-size:.8125rem;line-height:1.5;color:var(--ink)}.hs-sf-sources p{margin:0 0 .25rem}.hs-sf-sources ol{margin:0;padding-left:1.25rem}.hs-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}@media(max-width:900px){.hs-trust{grid-template-columns:1fr}}.hs-trust a{display:grid;gap:.5rem;align-content:start;text-decoration:none;color:var(--ink);border:1px solid var(--border-light);border-radius:6px;padding:1.5rem;background:var(--white);transition:border-color .18s ease}.hs-trust a:hover{border-color:var(--fgl-teal)}.hs-trust strong{font-size:1.0625rem}.hs-go{font-weight:700;color:var(--fgl-teal);font-size:.9375rem}.problem-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1000px;margin-inline:auto}@media(max-width:900px){.problem-grid--two{grid-template-columns:1fr}}.hs-fill{height:100%}.hs-cards3,.hs-trust,.problem-grid--two,.hs-sf-tiles{grid-auto-rows:1fr}.photo-bg{background-size:cover;background-position:center center;background-repeat:no-repeat}.photo-scotus{background-image:url(/img/scotus-1920.jpg);background-image:image-set(url(/img/scotus-1920.avif) type("image/avif"),url(/img/scotus-1920.webp) type("image/webp"),url(/img/scotus-1920.jpg) type("image/jpeg"))}.photo-golden-gate{background-image:url(/img/golden-gate-1920.jpg);background-image:image-set(url(/img/golden-gate-1920.avif) type("image/avif"),url(/img/golden-gate-1920.webp) type("image/webp"),url(/img/golden-gate-1920.jpg) type("image/jpeg"))}.photo-partners{background-image:url(/img/partners-1920.jpg);background-image:image-set(url(/img/partners-1920.avif) type("image/avif"),url(/img/partners-1920.webp) type("image/webp"),url(/img/partners-1920.jpg) type("image/jpeg"))}.parallax{position:relative;overflow:clip}.parallax__layer{position:absolute;inset:calc(-1 * var(--parallax-overhang, 25%)) 0;z-index:0;pointer-events:none}@keyframes parallax-drift{0%{transform:translate3d(0,calc(-1 * var(--parallax-travel, 14.5%)),0)}to{transform:translate3d(0,var(--parallax-travel, 14.5%),0)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.parallax__layer{animation:parallax-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%;will-change:transform}}}.reveal{opacity:0;transform:translateY(var(--reveal-distance, 50px));transition:opacity var(--reveal-duration, .8s) cubic-bezier(.16,.68,.32,1) var(--reveal-delay, 0s),transform var(--reveal-duration, .8s) cubic-bezier(.16,.68,.32,1) var(--reveal-delay, 0s);will-change:opacity,transform}.reveal[data-shown]{opacity:1;transform:none;will-change:auto}@property --reveal-in{syntax: "<number>"; inherits: false; initial-value: 1;}@property --reveal-out{syntax: "<number>"; inherits: false; initial-value: 1;}@keyframes reveal-band-in{0%{--reveal-in: 0;translate:0 var(--reveal-distance, 50px)}to{--reveal-in: 1;translate:0 0}}@keyframes reveal-band-out{0%{--reveal-out: 1}to{--reveal-out: 0}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.reveal,.reveal[data-shown]{opacity:calc(var(--reveal-in) * var(--reveal-out));transform:none;transition:none;animation:reveal-band-in linear both,reveal-band-out linear both;animation-timeline:view(),view();animation-range:entry var(--reveal-in-start, 10vh) entry var(--reveal-in-end, 40vh),exit calc(100% - var(--reveal-out-depth, 15vh)) exit 100%;will-change:opacity}}}@media(scripting:none){.reveal,[data-reveal]{opacity:1!important;transform:none!important;translate:none!important;transition:none!important;animation:none!important}}@media print{.reveal,[data-reveal]{opacity:1!important;transform:none!important;translate:none!important;transition:none!important}*,*:before,*:after{animation:none!important}}@media(prefers-reduced-motion:reduce){.reveal,[data-reveal]{opacity:1!important;transform:none!important;translate:none!important;transition:none!important;animation:none!important}}.about{width:100%}.about-hero{padding:clamp(5rem,10vw,8rem) 2rem;background:linear-gradient(in oklch 135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);text-align:center;border-bottom:1px solid var(--border-light);position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(in oklch circle,rgba(35,85,93,.12) 0%,transparent 70%);animation:float 12s ease-in-out infinite;pointer-events:none;filter:blur(60px)}.about-hero h1{position:relative;z-index:1;font-size:clamp(2.5rem,6vw,4rem);margin-bottom:1.5rem;font-weight:900;letter-spacing:-.03em}.about-hero p{position:relative;z-index:1;font-size:clamp(1rem,2vw,1.25rem);max-width:700px;margin-left:auto;margin-right:auto;line-height:1.8;color:var(--text-secondary)}.mission{padding:clamp(4rem,6vw,6rem) 2rem;background-color:var(--bg-primary);border-bottom:1px solid var(--border-light)}.mission h2{font-size:clamp(2.5rem,5vw,3.5rem);margin-bottom:2rem;font-weight:800;text-align:center}.mission p{max-width:900px;margin:0 auto 2rem;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.9;color:var(--text-secondary);text-align:left}.mission p:last-of-type{margin-bottom:0}.values{padding:clamp(4rem,6vw,6rem) 2rem;background:linear-gradient(in oklch 135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:1px solid var(--border-light)}.values h2{font-size:clamp(2rem,4vw,2.75rem);margin-bottom:clamp(2.5rem,5vw,4rem);font-weight:800;text-align:center}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(2rem,3vw,3rem);max-width:1400px;margin:0 auto}.values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}@media(max-width:900px){.values-grid{grid-template-columns:1fr}}.value-card{background:linear-gradient(135deg,#23555d0d,#4b486a08);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:clamp(2rem,3vw,2.75rem);transition:var(--transition);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center}.value-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--fgl-teal);background:linear-gradient(in oklch 90deg,var(--accent-primary),var(--accent-secondary));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.value-card:hover:before{transform:scaleX(1)}.value-card:hover{border-color:var(--accent-primary);background:linear-gradient(135deg,#23555d1a,#4b486a0d);box-shadow:0 16px 48px #23555d1f;transform:translateY(-12px)}.value-card h3{font-size:clamp(1.2rem,2vw,1.5rem);margin-bottom:1rem;color:var(--text-primary);font-weight:700}.value-card p{color:var(--text-secondary);font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.8;margin:0}.technology{padding:clamp(4rem,6vw,6rem) 2rem;background-color:var(--bg-primary);border-bottom:1px solid var(--border-light)}.technology h2{font-size:clamp(2rem,4vw,2.75rem);margin-bottom:1.5rem;font-weight:800;text-align:center}.technology p{max-width:900px;margin:0 auto 2rem;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.8;color:var(--text-secondary);text-align:center}.technology ul{max-width:900px;margin:0 auto;list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.technology li{background:linear-gradient(135deg,#23555d0d,#4b486a08);border:1px solid var(--border-light);border-radius:var(--radius-lg);position:relative;padding:1rem 1.5rem 1rem 2.5rem;transition:var(--transition);color:var(--text-secondary);font-weight:500}.technology li:before{content:"→";position:absolute;left:1rem;color:var(--accent-primary);font-weight:800;font-size:1.2em}.technology li:hover{border-color:#23555d59;background:linear-gradient(135deg,#23555d1a,#4b486a0f);box-shadow:0 8px 24px #23555d1a;transform:translate(8px)}.team{padding:clamp(4rem,6vw,6rem) 2rem;background:linear-gradient(in oklch 135deg,var(--bg-secondary) 0%,var(--bg-tertiary) 100%);border-bottom:1px solid var(--border-light)}.team h2{font-size:clamp(2rem,4vw,2.75rem);margin-bottom:1.5rem;font-weight:800;text-align:center}.team>p{max-width:900px;margin:0 auto 3rem;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.8;color:var(--text-secondary);text-align:center}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:clamp(2rem,3vw,3rem);max-width:1400px;margin:0 auto}.team-member{background:linear-gradient(135deg,#23555d0d,#4b486a08);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:clamp(2rem,3vw,2.75rem);text-align:center;transition:var(--transition);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.team-member:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--fgl-teal);background:linear-gradient(in oklch 90deg,var(--accent-primary),var(--accent-secondary));transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.team-member:hover:before{transform:scaleX(1)}.team-member:hover{border-color:var(--accent-primary);background:linear-gradient(135deg,#23555d1a,#4b486a0d);box-shadow:0 16px 48px #23555d1f;transform:translateY(-12px)}.member-avatar{width:80px;height:80px;margin:0 auto 1.5rem;background:var(--accent-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.5rem;color:var(--bg-primary);box-shadow:0 8px 24px #23555d4d}.team-member h3{font-size:clamp(1.1rem,2vw,1.4rem);margin-bottom:.5rem;color:var(--text-primary);font-weight:700}.member-title{color:var(--accent-primary);font-weight:700;font-size:clamp(.9rem,1.5vw,1rem);margin-bottom:1rem}.member-bio{color:var(--text-secondary);font-size:clamp(.9rem,1.5vw,1rem);line-height:1.8;margin:0}.partnerships{padding:clamp(4rem,6vw,6rem) 2rem;background-color:var(--bg-primary);border-bottom:1px solid var(--border-light)}.partnerships h2{font-size:clamp(2rem,4vw,2.75rem);margin-bottom:1.5rem;font-weight:800;text-align:center}.partnerships p{max-width:900px;margin:0 auto 1rem;font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.8;color:var(--text-secondary);text-align:center}.partnerships a{color:var(--accent-primary);font-weight:700;transition:var(--transition-fast)}.partnerships a:hover{color:var(--accent-secondary);text-decoration:underline}.about-hero-blocks{position:absolute;inset:0;z-index:0;pointer-events:none}@media(max-width:768px){.about-hero-blocks{--block-scale: .55;--block-fade: .8}.about-hero-stack{display:none}}@media(max-width:768px){.about-hero{padding:clamp(3rem,5vw,4rem) 1.5rem}.values-grid,.team-grid{grid-template-columns:1fr;gap:1.5rem}.technology ul{grid-template-columns:1fr}}@media(max-width:480px){.about-hero{padding:clamp(2.5rem,4vw,3rem) 1rem}.about-hero h1{font-size:2rem;margin-bottom:1rem}.about-hero p{font-size:1rem}.mission{padding:2.5rem 1rem}.mission h2{font-size:2rem;margin-bottom:1.5rem}.values{padding:2.5rem 1rem}.values h2{font-size:1.75rem;margin-bottom:2rem}.values-grid{grid-template-columns:1fr}.technology{padding:2.5rem 1rem}.technology h2{font-size:1.75rem}.technology ul{grid-template-columns:1fr}.team{padding:2.5rem 1rem}.team h2{font-size:1.75rem}.team-grid{grid-template-columns:1fr}.member-avatar{width:70px;height:70px;font-size:1.25rem}.partnerships{padding:2.5rem 1rem}.partnerships h2{font-size:1.75rem}}.member-education{margin:.75rem 0 0;font-size:.85rem;font-style:italic;line-height:1.5}.values-grid,.team-grid{grid-auto-rows:1fr}.civrali-lockup{display:block;width:100%;height:auto}.civrali-lockup.is-animated .civrali-block{animation:civrali-block-cycle 6s cubic-bezier(.65,0,.35,1) forwards}.civrali-lockup.is-animated .civrali-tittle-1{animation:civrali-tittle1-cycle 6s cubic-bezier(.65,0,.35,1) forwards}.civrali-lockup.is-animated .civrali-tittle-2{animation:civrali-tittle2-cycle 6s cubic-bezier(.65,0,.35,1) forwards}@keyframes civrali-block-cycle{0%,10%{fill:#ce9c20}14%,24%{fill:#7865d5}28%,38%{fill:#0092ae}42%,52%{fill:#ce9c20}56%,66%{fill:#7865d5}70%,80%{fill:#0092ae}84%,to{fill:#ce9c20}}@keyframes civrali-tittle1-cycle{0%,10%{fill:#7865d5}14%,24%{fill:#ce9c20}28%,38%{fill:#7865d5}42%,52%{fill:#7865d5}56%,66%{fill:#ce9c20}70%,80%{fill:#7865d5}84%,to{fill:#7865d5}}@keyframes civrali-tittle2-cycle{0%,10%{fill:#0092ae}14%,24%{fill:#0092ae}28%,38%{fill:#ce9c20}42%,52%{fill:#0092ae}56%,66%{fill:#0092ae}70%,80%{fill:#ce9c20}84%,to{fill:#0092ae}}@media(prefers-reduced-motion:reduce){.civrali-lockup.is-animated .civrali-block,.civrali-lockup.is-animated .civrali-tittle-1,.civrali-lockup.is-animated .civrali-tittle-2{animation:none!important}}@media print{.civrali-lockup.is-animated .civrali-block,.civrali-lockup.is-animated .civrali-tittle-1,.civrali-lockup.is-animated .civrali-tittle-2{animation:none!important}}.cgh{--cgh-cell: 38px;--cgh-row: calc(var(--cgh-cell) + 1px);--cgh-line: rgba(183, 183, 188, .11);--cgh-fade-out: .9s;--cgh-fade-in: 90ms;position:relative;overflow:clip;background:var(--ink);isolation:isolate;padding-block:0;border-bottom:1px solid var(--cgh-line)}@media(max-width:768px){.cgh{--cgh-cell: 26px}}.cgh-grid{position:absolute;inset:0;z-index:0;display:grid;gap:1px;background:var(--cgh-line);pointer-events:none}.cgh-cell{background:var(--ink);position:relative;pointer-events:auto}.cgh-cell:after{content:"";position:absolute;inset:0;background:var(--cgh-colour, transparent);opacity:0;transition:opacity var(--cgh-fade-out) cubic-bezier(.33,0,.67,1)}.cgh-cell[data-lit]:after{opacity:1;transition:opacity var(--cgh-fade-in) linear}.cgh-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:clamp(220px,30vh,330px);padding-block:calc(clamp(2.5rem,5vw,4rem) + var(--cgh-row));padding-inline:clamp(1.25rem,5vw,3rem);pointer-events:none}.cgh-lockup{width:clamp(280px,66vw,760px);height:auto;pointer-events:none}@media(prefers-reduced-motion:reduce){.cgh-cell:after,.cgh-cell[data-lit]:after{transition:none}}[data-brand=civrali]{--civrali-violet: #7865d5;--civrali-teal: #0092ae;--gold: #ce9c20;--ink: #1a182b;--silver: #b7b7bc;--silver-shadow: #807f85;--white: #ffffff;--c-ground: var(--ink);--c-text: var(--white);--c-text-quiet: var(--silver);--c-rule: rgba(255, 255, 255, .12);--c-accent: var(--civrali-teal);--c-display: var(--civrali-violet);--c-highlight: var(--gold);--c-focus: var(--civrali-teal);--c-font-display: "Saira", "Noto Sans", sans-serif;--c-font-body: "Noto Sans", sans-serif}[data-brand=civrali]{background:var(--c-ground);color:var(--c-text);font-family:var(--c-font-body)}[data-brand=civrali] h1,[data-brand=civrali] h2,[data-brand=civrali] h3,[data-brand=civrali] h4{font-family:var(--c-font-display);color:var(--c-text)}[data-brand=civrali] .civrali-nonprofit-line{color:var(--c-text-quiet);font-family:var(--c-font-body);font-size:.9rem;line-height:1.6;margin:0}.civrali{width:100%}.civrali-holding{max-width:680px;margin-inline:auto;padding:clamp(3rem,7vw,5rem) clamp(1.25rem,5vw,2rem);display:flex;flex-direction:column;align-items:center;gap:1.5rem;text-align:center}.civrali-holding-body{margin:0;color:var(--c-text);font-family:var(--c-font-body);font-size:clamp(1.05rem,2.2vw,1.25rem);line-height:1.7}.civrali-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.civrali section:not(.cgh){padding-block:0;border-bottom:0}.civrali-body{--c-ground: var(--white);--c-text: var(--ink);--c-text-quiet: var(--ink);--c-rule: color-mix(in oklch, var(--silver) 45%, var(--white));background:var(--white);color:var(--ink);padding-bottom:clamp(3rem,7vw,5rem)}.civrali-body .civrali-holding{padding-bottom:clamp(1.5rem,4vw,2.5rem)}.civrali-eyebrow{margin:0;font-family:var(--c-font-display);font-size:.8125rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink)}.civrali-body h2{font-size:clamp(1.75rem,1.3rem + 2vw,2.5rem);font-weight:700;line-height:1.15;margin:0}.civrali-body h3{font-size:1.125rem;font-weight:700;line-height:1.3;margin:0}.civrali-demo{max-width:75rem;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) clamp(1.25rem,5vw,2rem);border-top:1px solid var(--c-rule);display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,22rem) minmax(0,1fr);grid-template-areas:"intro player chapters";gap:clamp(1.5rem,4vw,3.5rem);align-items:start}.civrali-demo-intro{grid-area:intro;display:grid;gap:1rem}.civrali-demo-intro p{margin:0;line-height:1.65}.civrali-demo-player{grid-area:player;margin:0;display:grid;gap:.75rem;justify-items:center}.civrali-demo-chapters{grid-area:chapters;display:grid;gap:.75rem}.civrali-demo-notice{border-left:4px solid var(--civrali-violet);padding:.75rem 1rem;background:color-mix(in oklch,var(--civrali-violet) 8%,var(--white));border-radius:0 6px 6px 0;font-size:.9375rem}.civrali-demo-frame{width:100%;max-width:22rem;border:10px solid var(--ink);border-radius:36px;overflow:hidden;background:var(--ink);box-shadow:0 12px 40px #1a182b2e}.civrali-demo-frame video{display:block;width:100%;height:auto;aspect-ratio:1170 / 2532;background:var(--ink)}.civrali-demo-player figcaption{font-size:.875rem;text-align:center;max-width:22rem}.civrali-demo-chapters ol{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}.civrali-demo-chapters button{width:100%;display:grid;grid-template-columns:3.25rem 1fr;gap:.75rem;align-items:start;text-align:left;padding:.65rem .85rem;min-height:44px;background:var(--white);color:var(--ink);border:1px solid var(--silver-shadow);border-radius:8px;font:inherit;text-transform:none;letter-spacing:0;box-shadow:none;transform:none;cursor:pointer;transition:border-color .18s ease,background-color .18s ease}.civrali-demo-chapters button:hover{border-color:var(--civrali-teal);background:color-mix(in oklch,var(--civrali-teal) 7%,var(--white));color:var(--ink);box-shadow:none;transform:none}.civrali-demo-chapters button:focus-visible{outline:3px solid var(--civrali-teal);outline-offset:2px}.civrali-demo-time{font-family:var(--c-font-display);font-weight:700;font-variant-numeric:tabular-nums;padding-top:.05rem}.civrali-demo-chapters strong{display:block;font-weight:700}.civrali-demo-detail{display:block;font-size:.875rem;line-height:1.45}@media(max-width:1000px){.civrali-demo{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "player" "chapters";max-width:40rem}}.civrali-principles{max-width:75rem;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) clamp(1.25rem,5vw,2rem) 0;border-top:1px solid var(--c-rule);display:grid;gap:1.5rem}.civrali-principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:1.5rem}@media(max-width:900px){.civrali-principles-grid{grid-template-columns:1fr}}.civrali-principle{border:1px solid var(--c-rule);border-top:4px solid var(--civrali-violet);border-radius:8px;padding:clamp(1.25rem,3vw,1.75rem);display:grid;gap:.75rem;align-content:start}.civrali-principle p{margin:0;line-height:1.65}.civrali-principles-data{margin:0;font-weight:700}.contact{width:100%}.contact-hero{padding:clamp(5rem,10vw,8rem) 2rem;background:linear-gradient(in oklch 135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);text-align:center;border-bottom:1px solid var(--border-light);position:relative;overflow:hidden}.contact-hero:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(in oklch circle,rgba(35,85,93,.12) 0%,transparent 70%);animation:contactFloat 12s ease-in-out infinite;pointer-events:none;filter:blur(60px)}.contact-hero h1{position:relative;z-index:1;font-size:clamp(2.5rem,6vw,4rem);margin-bottom:1.5rem;font-weight:900;letter-spacing:-.03em}.contact-hero p{position:relative;z-index:1;font-size:clamp(1rem,2vw,1.25rem);max-width:700px;margin:0 auto;line-height:1.8;color:var(--text-secondary)}.contact-details-section{padding:clamp(3rem,5vw,4.5rem) 2rem;background:var(--bg-primary);border-bottom:1px solid var(--border-light)}.contact-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}.contact-detail-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1.5rem;background:linear-gradient(135deg,#23555d0d,#4b486a08);border:1px solid var(--border-light);border-radius:14px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;position:relative;overflow:hidden}.contact-detail-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--fgl-teal);background:linear-gradient(in oklch 90deg,var(--accent-primary),var(--accent-secondary));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}.contact-detail-card:hover:before{transform:scaleX(1)}.contact-detail-card:hover{transform:translateY(-6px);box-shadow:0 12px 36px #23555d1f;border-color:#23555d4d}.contact-detail-icon{font-size:2rem;margin-bottom:.75rem;display:block}.contact-detail-card h3{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:.6rem}.contact-detail-card a,.contact-detail-card p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;text-decoration:none;margin:0}.contact-detail-card a:hover{color:var(--accent-primary);text-decoration:underline}.contact-social-section{padding:2.5rem 2rem;background:linear-gradient(in oklch 135deg,var(--bg-secondary),var(--bg-tertiary));border-bottom:1px solid var(--border-light);text-align:center}.contact-social-label{font-size:.75rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:1.25rem}.contact-social-row{display:flex;justify-content:center;align-items:center;gap:.75rem;flex-wrap:wrap}.contact-social-pill{display:inline-flex;align-items:center;gap:.6rem;padding:.6rem 1.25rem;border:1.5px solid var(--border-light);border-radius:100px;color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:600;background:var(--bg-primary);transition:all .2s ease}.contact-social-pill svg{color:var(--accent-primary);transition:color .2s ease;flex-shrink:0}.contact-social-pill:hover{background:var(--accent-primary);border-color:var(--accent-primary);color:var(--white);transform:translateY(-3px);box-shadow:0 8px 20px #23555d40}.contact-social-pill:hover svg{color:var(--white)}.contact-form-section{padding:clamp(4rem,6vw,6rem) 2rem;background:var(--bg-primary)}.contact-form-container{max-width:780px;margin:0 auto}.contact-form{background:linear-gradient(135deg,#23555d0d,#4b486a08);border:1px solid var(--border-light);border-radius:16px;padding:clamp(2.5rem,4vw,3.5rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.contact-form h2{font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800;margin-bottom:.5rem;color:var(--text-primary)}.form-subheading{color:var(--text-secondary);font-size:.95rem;margin-bottom:2rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-group{margin-bottom:1.5rem}.form-group:last-of-type{margin-bottom:0}.form-group label{display:block;margin-bottom:.6rem;color:var(--text-primary);font-weight:600;font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:.85rem 1.2rem;border:2px solid var(--border-light);border-radius:10px;background:var(--bg-secondary);color:var(--text-primary);font-size:1rem;font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #23555d26}.form-group textarea{resize:vertical;min-height:150px}.contact-form .btn-primary{display:block;width:100%;margin-top:1.75rem;padding:1rem 2rem;background:var(--accent-primary);border:none;color:var(--bg-primary);font-weight:800;font-size:1rem;border-radius:10px;cursor:pointer;letter-spacing:.05em;text-transform:uppercase;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 8px 24px #23555d4d}.contact-form .btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 36px #23555d66}.contact-form .btn-primary:active{transform:translateY(-1px)}@keyframes contactFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@media(max-width:900px){.contact-details-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.form-row{grid-template-columns:1fr}}@media(max-width:480px){.contact-hero h1{font-size:2rem}.contact-details-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.contact-detail-card{padding:1.5rem 1rem}.contact-detail-icon{font-size:1.6rem}.contact-social-row{gap:.5rem}.contact-social-pill{padding:.5rem 1rem;font-size:.85rem}.contact-form{padding:2rem 1rem}}.signup{width:100%;min-height:100vh;display:flex;flex-direction:column}.signup-hero{padding:clamp(4rem,8vw,6rem) 2rem;background:linear-gradient(in oklch 135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);text-align:center;border-bottom:1px solid var(--border-light);position:relative;overflow:hidden}.signup-hero:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(in oklch circle,rgba(35,85,93,.12) 0%,transparent 70%);animation:float 12s ease-in-out infinite;pointer-events:none;filter:blur(60px)}.signup-hero h1{position:relative;z-index:1;font-size:clamp(2.5rem,6vw,4rem);margin-bottom:1rem;font-weight:900;letter-spacing:-.03em}.signup-hero p{position:relative;z-index:1;font-size:clamp(1rem,2vw,1.25rem);max-width:760px;margin-left:auto;margin-right:auto;line-height:1.8;color:var(--text-secondary)}.signup-form-section{flex:1;padding:clamp(4rem,6vw,6rem) 2rem;background-color:var(--bg-primary)}.signup-container{max-width:600px;margin:0 auto}.signup-form{background:linear-gradient(135deg,#23555d0d,#4b486a08);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:clamp(2.5rem,4vw,3.5rem);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-group{margin-bottom:2rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.75rem;color:var(--text-primary);font-weight:600;font-size:clamp(.95rem,1.5vw,1.05rem)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:.85rem 1.25rem;border:2px solid var(--border-light);border-radius:var(--radius-lg);background-color:var(--bg-secondary);color:var(--text-primary);font-size:1rem;transition:var(--transition-fast);font-family:inherit;box-sizing:border-box}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-tertiary)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--accent-primary);background-color:var(--bg-secondary);box-shadow:0 0 0 3px #23555d26}.form-checkbox{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem}.form-checkbox input[type=checkbox]{width:auto;margin-top:.25rem;cursor:pointer}.form-checkbox label{margin-bottom:0;font-weight:500;font-size:clamp(.9rem,1.5vw,1rem);cursor:pointer}.form-checkbox a{color:var(--accent-primary);font-weight:700}.form-checkbox a:hover{color:var(--accent-secondary)}.form-submit{width:100%;padding:1rem 2rem;background:var(--accent-primary);border:none;color:var(--bg-primary);font-weight:800;font-size:clamp(1rem,1.5vw,1.1rem);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-fast);box-shadow:0 8px 24px #23555d4d;text-transform:uppercase;letter-spacing:1px;margin-bottom:1.5rem}.form-submit:hover{transform:translateY(-4px);box-shadow:0 16px 40px #23555d66}.form-submit:active{transform:translateY(-2px)}.form-footer{text-align:center;color:var(--text-secondary);font-size:clamp(.9rem,1.5vw,1rem)}.form-footer a{color:var(--accent-primary);font-weight:700}.form-footer a:hover{color:var(--accent-secondary)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}.signup .benefits{padding:clamp(3rem,6vw,5rem) clamp(1.25rem,5vw,2rem);background:var(--ground-alt);border-top:1px solid var(--border-light);border-bottom:0}.benefits h2{text-align:center;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:800;margin:0 0 clamp(1.5rem,4vw,2.5rem);color:var(--text-primary)}.benefits-grid{max-width:680px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:clamp(.75rem,2vw,1rem)}.benefit-card{background:var(--white);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:clamp(1.25rem,4vw,2rem)}.benefit-card h3{font-size:1.25rem;font-weight:700;color:var(--accent-primary);margin:0 0 .5rem}.benefit-card p{margin:0;font-size:1rem;line-height:1.6;color:var(--text-primary)}@media(max-width:768px){.signup-hero,.signup-form-section{padding:clamp(3rem,5vw,4rem) 1.5rem}.signup-form{padding:2rem 1.5rem}}@media(max-width:480px){.signup-hero{padding:clamp(2.5rem,4vw,3rem) 1rem}.signup-hero h1{font-size:2rem;margin-bottom:1rem}.signup-hero p{font-size:.95rem}.signup-form-section{padding:2.5rem 1rem}.signup-form{padding:1.5rem 1rem}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea,.form-group select{padding:.75rem 1rem;font-size:1rem}.form-submit{padding:.85rem 1.5rem;font-size:1rem}.form-checkbox{margin-bottom:1rem}.form-footer{font-size:.9rem}}.legal{width:100%}.legal .legal-hero{padding:clamp(3rem,8vw,5.5rem) clamp(1.25rem,5vw,2rem);background:var(--ground-alt);border-bottom:1px solid var(--border-light);text-align:center}.legal-hero h1{font-size:clamp(2.2rem,6vw,3.5rem);font-weight:900;letter-spacing:-.02em;line-height:1.15;margin:0 0 .75rem;color:var(--text-primary)}.legal-hero p{margin:0;font-size:1rem;color:var(--text-primary)}.legal .legal-content{box-sizing:content-box;max-width:720px;margin:0 auto;padding:clamp(2.5rem,6vw,4.5rem) clamp(1.25rem,5vw,2rem);border-bottom:0}.legal-content h2{font-size:clamp(1.3125rem,3vw,1.75rem);font-weight:800;line-height:1.3;color:var(--text-primary);margin:2.5rem 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-light)}.legal-content h2:first-of-type{margin-top:0}.legal-content p,.legal-content li{font-size:clamp(1rem,.95rem + .2vw,1.0625rem);line-height:1.7;color:var(--text-primary)}.legal-content p{margin:0 0 1rem}.legal-content ul{list-style:disc outside;margin:0 0 1.25rem;padding-left:1.25rem}.legal-content li{margin-bottom:.4rem;padding-left:.25rem}.legal-content li::marker{color:var(--fgl-teal)}@media(max-width:480px){.legal-content p,.legal-content li{font-size:.9375rem}.legal-content ul{padding-left:1rem}.legal-content li{padding-left:.125rem}}.legal-content a:not([href^="/"]){color:var(--link);font-weight:600;text-decoration:underline;text-underline-offset:.15em;overflow-wrap:anywhere}.legal-content a:not([href^="/"]):hover{color:var(--link-hover)}.tax-status{width:100%}.tax-status-hero{padding:clamp(5rem,10vw,8rem) 2rem;background:linear-gradient(in oklch 135deg,var(--bg-primary) 0%,var(--bg-secondary) 50%,var(--bg-tertiary) 100%);text-align:center;border-bottom:1px solid var(--border-light);position:relative;overflow:hidden}.tax-status-hero:before{content:"";position:absolute;top:-50%;right:-50%;width:100%;height:100%;background:radial-gradient(in oklch circle,rgba(35,85,93,.12) 0%,transparent 70%);animation:taxStatusFloat 12s ease-in-out infinite;pointer-events:none;filter:blur(60px)}.tax-status-hero h1{position:relative;z-index:1;font-size:clamp(2.5rem,6vw,4rem);margin-bottom:1.5rem;font-weight:900;letter-spacing:-.03em}.tax-status-hero p{position:relative;z-index:1;font-size:clamp(1rem,2vw,1.25rem);max-width:700px;margin-left:auto;margin-right:auto;line-height:1.8;color:var(--text-secondary)}.tax-status-content{padding:clamp(4rem,6vw,6rem) 2rem;background-color:var(--bg-primary);max-width:900px;margin:0 auto}.tax-status-content h2{font-size:clamp(1.75rem,3.5vw,2.25rem);margin-top:3rem;margin-bottom:1.5rem;font-weight:800;color:var(--text-primary);border-bottom:2px solid var(--border-light);padding-bottom:1rem}.tax-status-content h2:first-of-type{margin-top:0}.tax-status-content p{font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.9;color:var(--text-secondary);margin-bottom:1.5rem}.tax-status-content ul{margin-bottom:1.5rem;padding-left:2rem}.tax-status-content li{font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.8;color:var(--text-secondary);margin-bottom:.75rem}.tax-status-content a{color:var(--accent-primary);font-weight:700;transition:var(--transition-fast)}.tax-status-content a:hover{color:var(--accent-secondary);text-decoration:underline}.tax-status-content .highlight-box{background:linear-gradient(135deg,#4b486a14,#23555d0d);border-left:4px solid var(--accent-secondary);border-radius:var(--radius-lg);padding:1.5rem 2rem;margin-top:2rem;margin-bottom:3rem}.tax-status-content .highlight-box p{margin-bottom:0;color:var(--text-secondary)}.tax-identifiers{margin:0 0 1.5rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:.85rem 2rem}.tax-identifiers>div{padding-bottom:.85rem;border-bottom:1px solid var(--border-light)}.tax-identifiers dt{font-size:.82rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:.2rem}.tax-identifiers dd{margin:0;font-size:clamp(.95rem,1.5vw,1.05rem);line-height:1.6;color:var(--text-primary);font-weight:600}.tax-status-content .effective-date{font-size:.9rem;font-style:italic;color:var(--text-tertiary);margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border-light)}@keyframes taxStatusFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-30px)}}@media(max-width:768px){.tax-status-hero,.tax-status-content{padding:clamp(3rem,5vw,4rem) 1.5rem}}@media(max-width:480px){.tax-status-hero h1{font-size:2rem}.tax-status-content{padding:2.5rem 1rem}.tax-status-content h2{font-size:1.3125rem}}#root{display:flex;flex-direction:column;min-height:100vh;background-color:var(--bg-primary);color:var(--text-primary);transition:var(--transition)}.app{display:flex;flex-direction:column;min-height:100vh;width:100%;background:linear-gradient(in oklch 135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%)}html{scroll-padding-top:var(--nav-h)}main{flex:1;width:100%;padding:0;margin-top:var(--nav-h)}.section-inner{width:100%;max-width:1200px;margin-inline:auto;padding-inline:clamp(1rem,5vw,2rem)}.page-content{width:100%;max-width:1400px;margin:0 auto;padding:2rem;animation:fadeIn .5s ease-in}@media(max-width:768px){.page-content{padding:1.5rem 1rem;margin-top:0}}@media(max-width:480px){.page-content{padding:1rem .75rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%,to{text-shadow:0 0 10px var(--accent-primary)}50%{text-shadow:0 0 20px var(--accent-primary),0 0 30px var(--accent-primary)}}h1,h2,h3,h4,h5,h6{margin:0;font-weight:700;letter-spacing:-.02em;transition:var(--transition)}h1{font-size:clamp(2rem,5vw,4rem);line-height:1.2;color:var(--text-primary)}h2{font-size:clamp(1.5rem,4vw,2.5rem)}h3{font-size:clamp(1.25rem,3vw,1.75rem)}p{font-size:clamp(.95rem,2vw,1.1rem);color:var(--text-secondary);margin:0 0 1rem}a{color:var(--accent-primary);text-decoration:none;transition:var(--transition);cursor:pointer}a:hover{color:var(--accent-secondary);text-decoration:underline}button,.btn{padding:clamp(.5rem,2vw,.75rem) clamp(1rem,3vw,1.5rem);font-size:clamp(.95rem,1.5vw,1.1rem);border:2px solid var(--accent-primary);background-color:transparent;color:var(--accent-primary);border-radius:8px;cursor:pointer;transition:var(--transition);font-weight:600;white-space:nowrap;text-transform:uppercase;letter-spacing:1px}button:hover,.btn:hover{background-color:var(--accent-primary);color:var(--bg-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}button:active,.btn:active{transform:translateY(0)}button.primary,.btn.primary{background-color:var(--accent-primary);color:var(--bg-primary);border-color:var(--accent-primary)}button.primary:hover,.btn.primary:hover{background-color:var(--accent-secondary);border-color:var(--accent-secondary)}input,textarea,select{width:100%;padding:.75rem 1rem;border:2px solid var(--border-color);border-radius:8px;background-color:var(--bg-secondary);color:var(--text-primary);font-size:1rem;transition:var(--transition);font-family:inherit;box-sizing:border-box}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #23555d26}input::placeholder{color:var(--text-tertiary)}.card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;padding:clamp(1rem,3vw,2rem);box-shadow:var(--shadow-md);transition:var(--transition)}.card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.grid{display:grid;gap:clamp(1rem,3vw,2rem);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{flex-direction:column}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.m-0{margin:0}.m-1{margin:.5rem}.m-2{margin:1rem}.m-3{margin:1.5rem}.m-4{margin:2rem}.p-1{padding:.5rem}.p-2{padding:1rem}.p-3{padding:1.5rem}.p-4{padding:2rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}section{padding:clamp(2rem,5vw,4rem) 0;border-bottom:1px solid var(--border-color)}section:last-child{border-bottom:none}ul,ol{list-style-position:inside;color:var(--text-secondary)}li{margin-bottom:.5rem;line-height:1.8}code{background-color:var(--bg-secondary);padding:.25rem .5rem;border-radius:4px;font-family:var(--font-mono);color:var(--accent-primary);font-size:.9em}pre{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;overflow-x:auto;margin:1rem 0}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{body{background-color:#fff;color:#000}}
