.presentation{background:#fff;padding:6rem 0;position:relative}.presentation__badge{background:var(--color-accent);color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;text-align:center;border-radius:50px;width:fit-content;margin-bottom:1.2rem;margin-left:auto;margin-right:auto;padding:.4rem 1.2rem;font-size:.8rem;font-weight:600;display:inline-block}.presentation__title{color:#11252f;text-align:center;letter-spacing:-.02em;margin-bottom:2.5rem;font-size:2.6rem;font-weight:700;line-height:1.2}.presentation__title:after{content:"";background:var(--color-primary);border-radius:2px;width:70px;height:3px;margin:1.2rem auto 0;display:block}.presentation__text-wrapper{max-width:950px;margin:0 auto}.presentation__text{color:#4a5568;text-align:justify;text-justify:inter-word;letter-spacing:.01em;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.9}.presentation__text strong{color:#11252f;font-weight:600}.presentation__link{color:var(--color-primary);border-bottom:1px solid #0000;align-items:center;gap:.2rem;font-weight:600;text-decoration:none;transition:color .2s,border-bottom .2s;display:inline-flex}.presentation__link:hover{color:var(--color-secondary);border-bottom-color:var(--color-secondary)}.presentation__link-icon{flex-shrink:0;transition:transform .2s;display:inline-block}.presentation__link:hover .presentation__link-icon{transform:translate(1px,-1px)}.presentation__text--highlight{border-left:4px solid var(--color-primary);color:#4a5568;text-align:justify;text-justify:inter-word;letter-spacing:.01em;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal;background:#f8fafc;border-radius:12px;margin-top:1rem;padding:2rem 2.5rem;font-size:1.1rem;line-height:1.9}.presentation__text--highlight strong{color:var(--color-primary)}@media (max-width:1024px){.presentation__title{font-size:2.2rem}.presentation__text{font-size:1.05rem}.presentation__text--highlight{padding:1.8rem 2rem}}@media (max-width:768px){.presentation{padding:4rem 0}.presentation__badge{padding:.3rem 1rem;font-size:.7rem}.presentation__title{font-size:1.8rem}.presentation__text{text-align:left;font-size:1rem;line-height:1.8}.presentation__text--highlight{text-align:left;padding:1.5rem;font-size:1rem}}@media (max-width:480px){.presentation{padding:3rem 0}.presentation__title{font-size:1.5rem}.presentation__title:after{width:50px}.presentation__text{font-size:.95rem;line-height:1.7}.presentation__text--highlight{padding:1.2rem;font-size:.95rem}.presentation__link{font-size:.95rem}.presentation__link-icon{width:12px!important;height:12px!important}}
.why-syslearn{background:#fff;padding:6rem 0;position:relative}.why-syslearn:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));height:4px;position:absolute;top:0;left:0;right:0}.why-syslearn__content{max-width:1100px;margin:0 auto}.why-syslearn__badge{background:var(--color-accent);color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;text-align:center;border-radius:50px;width:fit-content;margin-bottom:1.2rem;margin-left:auto;margin-right:auto;padding:.4rem 1.2rem;font-size:.8rem;font-weight:600;display:inline-block}.why-syslearn__title{color:#11252f;text-align:center;letter-spacing:-.02em;margin-bottom:2.5rem;font-size:2.8rem;font-weight:700;line-height:1.2}.why-syslearn__title:after{content:"";background:var(--color-primary);border-radius:2px;width:70px;height:3px;margin:1.2rem auto 0;display:block}.why-syslearn__intro{max-width:900px;margin:0 auto 4rem}.why-syslearn__intro p{color:#4a5568;text-align:justify;text-justify:inter-word;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal;margin-bottom:1.5rem;font-size:1.1rem;line-height:1.9}.why-syslearn__intro strong{color:#11252f;font-weight:600}.why-syslearn__intro-sub{color:var(--color-primary);text-align:center;margin-top:1rem;font-size:1.1rem;font-weight:600}.why-syslearn__grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.why-syslearn__card{background:#e9f6ed;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:flex-start;padding:2.5rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.why-syslearn__card:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:0 20px 40px #0000000a}.why-syslearn__card--full{grid-column:1/-1}.why-syslearn__card-icon{margin-bottom:1rem;font-size:2.5rem}.why-syslearn__card h3{color:#11252f;margin-bottom:1rem;font-size:1.3rem;font-weight:700}.why-syslearn__card p{color:#4a5568;text-align:justify;text-justify:inter-word;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal;margin:0;font-size:1rem;line-height:1.8}.why-syslearn__card p strong{color:#11252f;font-weight:600}@media (max-width:1024px){.why-syslearn__grid{grid-template-columns:1fr;gap:1.5rem}.why-syslearn__card--full{grid-column:1}}@media (max-width:768px){.why-syslearn{padding:4rem 0}.why-syslearn__title{font-size:2rem}.why-syslearn__badge{padding:.3rem 1rem;font-size:.7rem}.why-syslearn__intro p{text-align:left;font-size:1rem}.why-syslearn__intro-sub{font-size:1rem}.why-syslearn__card{padding:2rem 1.5rem}.why-syslearn__card p{text-align:left;font-size:.95rem}.why-syslearn__card h3{font-size:1.1rem}}@media (max-width:480px){.why-syslearn{padding:3rem 0}.why-syslearn__title{font-size:1.6rem}.why-syslearn__title:after{width:50px}.why-syslearn__intro p{font-size:.95rem}.why-syslearn__card{padding:1.5rem 1.2rem}.why-syslearn__card p{font-size:.9rem}.why-syslearn__card-icon{font-size:2rem}}
.approach{background:var(--color-accent);padding:6rem 0;position:relative}.approach:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-secondary));height:4px;position:absolute;top:0;left:0;right:0}.approach__content{max-width:1100px;margin:0 auto}.approach__badge{color:var(--color-primary);text-transform:uppercase;letter-spacing:.08em;text-align:center;background:#fff;border-radius:50px;width:fit-content;margin-bottom:1.2rem;margin-left:auto;margin-right:auto;padding:.4rem 1.2rem;font-size:.8rem;font-weight:600;display:inline-block}.approach__title{color:#11252f;text-align:center;letter-spacing:-.02em;margin-bottom:2.5rem;font-size:2.8rem;font-weight:700;line-height:1.2}.approach__title:after{content:"";background:var(--color-primary);border-radius:2px;width:70px;height:3px;margin:1.2rem auto 0;display:block}.approach__intro{max-width:800px;margin:0 auto 3.5rem}.approach__intro p{color:#4a5568;text-align:justify;text-justify:inter-word;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal;margin-bottom:0;font-size:1.1rem;line-height:1.9}.approach__intro strong{color:#11252f;font-weight:600}.approach__grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.approach__card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;flex-direction:column;align-items:flex-start;padding:2.5rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.approach__card:hover{border-color:var(--color-primary);transform:translateY(-5px);box-shadow:0 20px 40px #0000000a}.approach__card-icon{background:var(--color-accent);width:70px;height:70px;color:var(--color-primary);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:1.2rem;display:flex}.approach__card h3{color:#11252f;margin-bottom:1rem;font-size:1.3rem;font-weight:700}.approach__card p{color:#4a5568;text-align:justify;text-justify:inter-word;-webkit-hyphens:none;hyphens:none;word-break:normal;overflow-wrap:normal;margin:0;font-size:1rem;line-height:1.8}.approach__card p strong{color:#11252f;font-weight:600}@media (max-width:1024px){.approach__grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width:768px){.approach{padding:4rem 0}.approach__title{font-size:2rem}.approach__badge{padding:.3rem 1rem;font-size:.7rem}.approach__intro p{text-align:left;font-size:1rem}.approach__card{padding:2rem 1.5rem}.approach__card p{text-align:left;font-size:.95rem}.approach__card h3{font-size:1.1rem}.approach__card-icon{width:60px;height:60px}.approach__card-icon svg{width:32px!important;height:32px!important}}@media (max-width:480px){.approach{padding:3rem 0}.approach__title{font-size:1.6rem}.approach__title:after{width:50px}.approach__intro p{font-size:.95rem}.approach__card{padding:1.5rem 1.2rem}.approach__card p{font-size:.9rem}.approach__card-icon{width:50px;height:50px}.approach__card-icon svg{width:28px!important;height:28px!important}}