*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--color-primary: #0B1D33;--color-primary-light: #142D4F;--color-accent: #34A77B;--color-accent-dark: #2A8A65;--color-accent-light: #C8EDDB;--color-teal: #5EC4A0;--color-teal-dark: #3DAF84;--color-bg: #FAFAF7;--color-bg-alt: #F2F0EB;--color-bg-dark: #0B1D33;--color-bg-darker: #071425;--color-text: #1C2837;--color-text-light: #6B7A8D;--color-text-muted: #9BA8B7;--color-border: #DDD9D0;--color-border-light: #ECEAE4;--font-display: "Archivo", -apple-system, sans-serif;--font-sans: "Sora", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--max-width: 1140px;--radius: 12px;--radius-lg: 20px;--shadow-sm: 0 1px 3px rgba(11, 29, 51, .04);--shadow-md: 0 4px 24px rgba(11, 29, 51, .06);--shadow-lg: 0 12px 48px rgba(11, 29, 51, .08);--shadow-glow: 0 0 60px rgba(52, 167, 123, .08);--transition-base: .3s cubic-bezier(.22, 1, .36, 1);--transition-slow: .6s cubic-bezier(.22, 1, .36, 1)}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);color:var(--color-text);background:var(--color-bg);line-height:1.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9999;opacity:.4}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-accent-dark);text-decoration:none}img{max-width:100%;height:auto}::selection{background:var(--color-accent);color:var(--color-primary)}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.site-header{padding:.875rem 0;position:sticky;top:0;background:#fafaf7d9;backdrop-filter:blur(20px) saturate(1.2);-webkit-backdrop-filter:blur(20px) saturate(1.2);z-index:100;border-bottom:1px solid var(--color-border-light);transition:box-shadow var(--transition-base)}.site-header:hover{box-shadow:var(--shadow-sm)}.site-header .container{display:flex;justify-content:space-between;align-items:center}.site-logo{font-family:var(--font-sans);font-size:1.2rem;font-weight:700;color:var(--color-primary);letter-spacing:-.03em;display:flex;align-items:center;gap:.5rem}.site-logo:before{content:"";display:inline-block;width:28px;height:28px;background:var(--color-primary);border-radius:7px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28'%3E%3Crect width='28' height='28' rx='7' fill='%230B1D33'/%3E%3Ctext x='14' y='19' text-anchor='middle' font-family='Georgia,serif' font-weight='700' font-size='13' fill='%2334A77B'%3Eef%3C/text%3E%3C/svg%3E");flex-shrink:0}.site-logo:hover{text-decoration:none;color:var(--color-primary)}.site-nav{display:flex;gap:.25rem;align-items:center}.site-nav a{color:var(--color-text-light);font-family:var(--font-sans);font-size:.82rem;font-weight:500;padding:.5rem .875rem;border-radius:8px;transition:all var(--transition-base);letter-spacing:-.01em}.site-nav a:hover{color:var(--color-primary);background:#0b1d330a;text-decoration:none}.site-nav a.active{color:var(--color-primary);background:#0b1d330f;font-weight:600}.site-nav .btn-outline{padding:.45rem 1.1rem;font-size:.8rem;margin-left:.5rem;background:transparent;border:1.5px solid var(--color-border);color:var(--color-text)}.site-nav .btn-outline:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.nav-toggle{display:none;background:none;border:1.5px solid var(--color-border);cursor:pointer;padding:.4rem .6rem;color:var(--color-text);font-size:1.1rem;border-radius:8px;transition:all var(--transition-base);line-height:1}.nav-toggle:hover{border-color:var(--color-primary);color:var(--color-primary)}@media(max-width:768px){.nav-toggle{display:block}.site-nav{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;background:#fafaf7fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border-light);flex-direction:column;padding:1rem;gap:.25rem;box-shadow:var(--shadow-md)}.site-nav.open{display:flex}.site-nav a{padding:.75rem 1rem;width:100%;border-radius:8px}.site-nav .btn-outline{margin-left:0;margin-top:.5rem;text-align:center}}.site-footer{border-top:1px solid var(--color-border);padding:3rem 0;margin-top:0;color:var(--color-text-light);font-size:.85rem;background:var(--color-bg)}.site-footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.site-footer span{font-family:var(--font-sans);font-size:.82rem;letter-spacing:-.01em}.footer-links{display:flex;gap:1.25rem}.footer-links a{color:var(--color-text-light);font-family:var(--font-sans);font-size:.82rem;font-weight:500;transition:color var(--transition-base)}.footer-links a:hover{color:var(--color-accent-dark)}.hero{padding:6rem 0 5rem;text-align:center;position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 60% at 50% 0%,rgba(52,167,123,.06) 0%,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 80%,rgba(29,182,168,.04) 0%,transparent 50%),var(--color-bg)}.hero:before{content:"";position:absolute;top:-120px;right:-80px;width:400px;height:400px;background-image:url("data:image/svg+xml,%3Csvg width='120' height='120' viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M60 0L120 60L60 120L0 60Z' fill='none' stroke='%2334A77B' stroke-width='0.5' opacity='0.15'/%3E%3Cpath d='M60 20L100 60L60 100L20 60Z' fill='none' stroke='%2334A77B' stroke-width='0.5' opacity='0.1'/%3E%3Cpath d='M60 40L80 60L60 80L40 60Z' fill='none' stroke='%2334A77B' stroke-width='0.5' opacity='0.08'/%3E%3C/svg%3E");background-size:120px 120px;opacity:.6;animation:float 20s ease-in-out infinite;pointer-events:none}.hero:after{content:"";position:absolute;bottom:-80px;left:-60px;width:300px;height:300px;background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='40' cy='40' r='35' fill='none' stroke='%231DB6A8' stroke-width='0.5' opacity='0.12'/%3E%3Ccircle cx='40' cy='40' r='25' fill='none' stroke='%231DB6A8' stroke-width='0.5' opacity='0.08'/%3E%3Ccircle cx='40' cy='40' r='15' fill='none' stroke='%231DB6A8' stroke-width='0.5' opacity='0.05'/%3E%3C/svg%3E");background-size:80px 80px;opacity:.5;animation:float 25s ease-in-out infinite reverse;pointer-events:none}@keyframes float{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(10px,-15px) rotate(3deg)}66%{transform:translate(-8px,8px) rotate(-2deg)}}.hero h1{font-family:var(--font-display);font-size:3.75rem;font-weight:800;letter-spacing:-.03em;line-height:1.08;color:var(--color-primary);margin-bottom:1.5rem;position:relative;animation:fadeUp .8s cubic-bezier(.22,1,.36,1) both}.hero h1 em{font-style:normal;color:var(--color-accent-dark)}.hero .subtitle{font-family:var(--font-body);font-size:1.2rem;color:var(--color-text-light);max-width:580px;margin:0 auto 2.5rem;line-height:1.7;animation:fadeUp .8s cubic-bezier(.22,1,.36,1) .1s both}@media(max-width:768px){.hero{padding:3.5rem 0 3rem}.hero h1{font-size:2.25rem}.hero .subtitle{font-size:1.05rem}.hero:before,.hero:after{display:none}}.page-hero{padding:5rem 0 3.5rem;position:relative;overflow:hidden;background:radial-gradient(ellipse 70% 50% at 0% 0%,rgba(52,167,123,.05) 0%,transparent 60%),var(--color-bg-alt);border-bottom:1px solid var(--color-border-light)}.page-hero:before{content:"";position:absolute;top:-60px;right:-40px;width:250px;height:250px;background-image:url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M50 5L95 50L50 95L5 50Z' fill='none' stroke='%2334A77B' stroke-width='0.5' opacity='0.12'/%3E%3C/svg%3E");background-size:100px 100px;opacity:.5;pointer-events:none}.page-hero h1{font-family:var(--font-display);font-size:2.75rem;font-weight:800;letter-spacing:-.02em;line-height:1.15;color:var(--color-primary);margin-bottom:1rem;animation:fadeUp .7s cubic-bezier(.22,1,.36,1) both}.page-hero .lead{font-family:var(--font-body);font-size:1.15rem;color:var(--color-text-light);max-width:580px;line-height:1.7;animation:fadeUp .7s cubic-bezier(.22,1,.36,1) .08s both}@media(max-width:768px){.page-hero{padding:3rem 0 2.5rem}.page-hero h1{font-size:2rem}.page-hero:before{display:none}}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.75rem;border-radius:10px;font-family:var(--font-sans);font-weight:600;font-size:.9rem;letter-spacing:-.01em;transition:all var(--transition-base);cursor:pointer;border:none;position:relative}.btn:hover{text-decoration:none;transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #0b1d3326}.btn-primary:hover{background:var(--color-primary-light);box-shadow:0 4px 16px #0b1d3333;color:#fff}.btn-outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff;box-shadow:0 2px 8px #0b1d3326}.btn-group{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;animation:fadeUp .8s cubic-bezier(.22,1,.36,1) .2s both}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;margin:2.5rem 0}.card{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius);padding:2rem;transition:all var(--transition-base);position:relative;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-teal));opacity:0;transition:opacity var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border);transform:translateY(-2px)}.card:hover:before{opacity:1}.card h3{font-family:var(--font-sans);font-size:1.05rem;font-weight:700;margin-bottom:.75rem;color:var(--color-primary);letter-spacing:-.02em}.card p{color:var(--color-text-light);font-size:.92rem;line-height:1.65}a.card{text-decoration:none;cursor:pointer}a.card:after{content:"→";display:block;margin-top:1rem;font-family:var(--font-sans);font-weight:600;font-size:.9rem;color:var(--color-accent-dark);transition:transform var(--transition-base)}a.card:hover:after{transform:translate(4px)}a.card:hover{text-decoration:none}.section{padding:5rem 0}.section-alt{background:var(--color-bg-alt);position:relative}.section-alt:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.section-alt:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border),transparent)}.section h2{font-family:var(--font-display);font-size:2.25rem;font-weight:700;letter-spacing:-.02em;margin-bottom:1rem;color:var(--color-primary);line-height:1.2}.section .section-lead{font-family:var(--font-body);font-size:1.08rem;color:var(--color-text-light);max-width:620px;margin-bottom:2rem;line-height:1.7}@media(max-width:768px){.section{padding:3rem 0}.section h2{font-size:1.65rem}}.table-wrap{overflow-x:auto;margin:2rem 0;border-radius:var(--radius);border:1px solid var(--color-border-light);background:#fff}table{width:100%;border-collapse:collapse;font-size:.92rem}th,td{padding:.875rem 1.25rem;text-align:left;border-bottom:1px solid var(--color-border-light)}th{font-family:var(--font-sans);font-weight:600;font-size:.82rem;letter-spacing:.03em;text-transform:uppercase;color:var(--color-text-light);background:var(--color-bg-alt)}tr:last-child td{border-bottom:none}tr:hover td{background:#34a77b08}td strong{color:var(--color-primary);font-weight:600}.audience-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.25rem;margin:2.5rem 0}.audience-card{background:#fff;border:1px solid var(--color-border-light);border-radius:var(--radius);padding:2rem;transition:all var(--transition-base);display:flex;flex-direction:column;position:relative;overflow:hidden}.audience-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent),var(--color-teal));transform:scaleX(0);transform-origin:left;transition:transform var(--transition-base)}.audience-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border);transform:translateY(-3px);text-decoration:none}.audience-card:hover:after{transform:scaleX(1)}.audience-card .audience-icon{font-size:1.75rem;margin-bottom:1rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#34a77b1a,#1db6a814);border-radius:12px}.audience-card h3{font-family:var(--font-sans);font-size:1.05rem;font-weight:700;margin-bottom:.5rem;color:var(--color-primary);letter-spacing:-.02em}.audience-card p{color:var(--color-text-light);font-size:.9rem;flex:1;line-height:1.65}.audience-card .card-link{margin-top:1.25rem;font-family:var(--font-sans);font-weight:600;font-size:.85rem;color:var(--color-accent-dark);display:flex;align-items:center;gap:.35rem;transition:gap var(--transition-base)}.audience-card:hover .card-link{gap:.6rem}.features{list-style:none;padding:0}.features li{padding:.6rem 0 .6rem 2rem;position:relative;font-size:.95rem;color:var(--color-text);line-height:1.65}.features li:before{content:"";position:absolute;left:0;top:1.05rem;width:8px;height:8px;border-radius:2px;background:linear-gradient(135deg,var(--color-accent),var(--color-teal));transform:rotate(45deg)}.cta-banner{background:var(--color-bg-dark);color:#fff;padding:5rem 0;text-align:center;position:relative;overflow:hidden}.cta-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 50% 80% at 20% 100%,rgba(29,182,168,.08) 0%,transparent 60%),radial-gradient(ellipse 40% 60% at 80% 20%,rgba(52,167,123,.06) 0%,transparent 60%);pointer-events:none}.cta-banner:after{content:"";position:absolute;top:0;right:0;bottom:0;width:300px;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 5L55 30L30 55L5 30Z' fill='none' stroke='%2334A77B' stroke-width='0.3' opacity='0.08'/%3E%3C/svg%3E");background-size:60px 60px;pointer-events:none}.cta-banner .container{position:relative;z-index:1}.cta-banner h2{font-family:var(--font-display);color:#fff;margin-bottom:1rem;font-size:2rem;font-weight:700}.cta-banner p{color:#ffffffa6;font-size:1.05rem;max-width:520px;margin:0 auto 2.5rem;line-height:1.7}.cta-banner .btn-primary{background:var(--color-accent);color:var(--color-primary);font-weight:700}.cta-banner .btn-primary:hover{background:var(--color-accent-light);box-shadow:0 4px 20px #34a77b4d}.cta-banner .btn-outline{border-color:#ffffff40;color:#ffffffd9}.cta-banner .btn-outline:hover{background:#ffffff1a;border-color:#fff6;color:#fff;box-shadow:none}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin:2.5rem 0}.stat{text-align:center;padding:2rem 1rem;border-radius:var(--radius);background:#fff;border:1px solid var(--color-border-light);transition:all var(--transition-base)}.stat:hover{box-shadow:var(--shadow-sm);border-color:var(--color-border)}.stat h3{font-family:var(--font-display);font-size:3rem;font-weight:700;color:var(--color-accent-dark);margin-bottom:.25rem;line-height:1;letter-spacing:-.02em}.stat p{font-family:var(--font-sans);font-size:.82rem;color:var(--color-text-light);font-weight:500;letter-spacing:-.01em}.code-block{background:var(--color-bg-darker);color:#c8d3e0;border-radius:var(--radius);padding:1.75rem;overflow-x:auto;font-family:var(--font-mono);font-size:.82rem;line-height:1.75;margin:2rem 0;border:1px solid rgba(255,255,255,.06);position:relative}.code-block:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(52,167,123,.2),transparent)}.code-comment{color:#637777;font-style:italic}.code-key{color:#7ec8e3}.code-string{color:#a5d6a7}.code-number{color:#f0b27a}.code-bracket{color:#b0bec5}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;align-items:start}@media(max-width:768px){.two-col{grid-template-columns:1fr;gap:2rem}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.reveal.visible{opacity:1;transform:translateY(0)}.cards .card,.audience-cards .audience-card{opacity:0;transform:translateY(20px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),box-shadow var(--transition-base),border-color var(--transition-base)}.cards.visible .card,.audience-cards.visible .audience-card{opacity:1;transform:translateY(0)}.cards.visible .card:nth-child(1),.audience-cards.visible .audience-card:nth-child(1){transition-delay:0s}.cards.visible .card:nth-child(2),.audience-cards.visible .audience-card:nth-child(2){transition-delay:.08s}.cards.visible .card:nth-child(3),.audience-cards.visible .audience-card:nth-child(3){transition-delay:.16s}.cards.visible .card:nth-child(4),.audience-cards.visible .audience-card:nth-child(4){transition-delay:.24s}.stats .stat{opacity:0;transform:translateY(16px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),box-shadow var(--transition-base),border-color var(--transition-base)}.stats.visible .stat{opacity:1;transform:translateY(0)}.stats.visible .stat:nth-child(1){transition-delay:0s}.stats.visible .stat:nth-child(2){transition-delay:.1s}.stats.visible .stat:nth-child(3){transition-delay:.2s}.table-wrap{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.table-wrap.visible{opacity:1;transform:translateY(0)}.two-col>div{opacity:0;transform:translateY(16px);transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.two-col.visible>div{opacity:1;transform:translateY(0)}.two-col.visible>div:nth-child(1){transition-delay:0s}.two-col.visible>div:nth-child(2){transition-delay:.12s}.section h2,.section .section-lead{opacity:0;transform:translateY(16px);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.section.visible h2{opacity:1;transform:translateY(0)}.section.visible .section-lead{opacity:1;transform:translateY(0);transition-delay:.06s}.code-block{transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}.section+.cta-banner{margin-top:0}.tag{display:inline-block;font-family:var(--font-sans);font-size:.72rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-dark);background:#34a77b1a;padding:.3rem .75rem;border-radius:6px;margin-bottom:1rem}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.cards .card,.audience-cards .audience-card,.stats .stat,.table-wrap,.two-col>div,.section h2,.section .section-lead{opacity:1;transform:none}}