.online-flecto-section{background-color:var(--tw-surface);z-index:10;justify-content:center;padding:7rem 1rem 0;display:flex;position:relative}@media (width>=768px){.online-flecto-section{padding:6rem 2rem 0}}@media (width>=1024px){.online-flecto-section{padding:9rem 30px 0}}.flecto-card-container{background-color:var(--color-accent1);z-index:1;border-radius:1.5rem;width:100%;max-width:none;padding:4rem 0;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #108f6666}@media (width>=768px){.flecto-card-container{padding:6.5rem 0}}@media (width>=1024px){.flecto-card-container{padding:8rem 0}}.flecto-organic-blob-subtle{z-index:0;pointer-events:none;background:linear-gradient(135deg,#ffffff0d 0%,#fff0 80%);border:1px solid #ffffff08;border-radius:68% 32% 43% 57%/42% 46% 54% 58%;width:55%;height:140%;position:absolute;top:-10%;right:-10%;transform:rotate(-15deg)}.flecto-organic-blob-subtle:after{content:"";opacity:.02;background-color:#fff;border-radius:41% 59% 43% 57%/46% 38% 62% 54%;width:70%;height:70%;position:absolute;top:15%;left:15%;transform:rotate(30deg)}@media (width<=1024px){.flecto-organic-blob-subtle{width:90%;right:-25%}}.flecto-grid{z-index:10;grid-template-columns:1fr;gap:4rem;width:100%;max-width:1400px;margin:0 auto;padding-left:calc(clamp(15px,3.5vw,40px) + 10px);padding-right:clamp(15px,3.5vw,40px);display:grid;position:relative}@media (width>=1024px) and (width<=1400px){.flecto-grid{padding-left:calc(clamp(15px,3.5vw,40px) - 10px)}}@media (width>=1024px){.flecto-grid{grid-template-columns:1.2fr .8fr;align-items:center;gap:6rem}}.flecto-left{flex-direction:column;align-items:flex-start;display:flex}.flecto-badge{color:#fff;font-family:var(--font-main);border:1px solid #fff;border-radius:.5rem;margin-bottom:3rem;padding:.35rem 1.15rem;font-size:.85rem;font-weight:500;display:inline-flex}.flecto-title{font-family:var(--font-accent);color:#fff;letter-spacing:-.03em;margin-bottom:2.5rem;font-size:clamp(2.2rem,1.5rem + 4vw,2.8rem);font-weight:500;line-height:1.1}@media (width>=768px){.flecto-title{font-size:clamp(2.8rem,2rem + 3.5vw,3.4rem)}}@media (width>=1024px){.flecto-title{font-size:clamp(3.2rem,2.3rem + 3.8vw,4.2rem)}}.text-magenta-accent{color:var(--color-primary)}.flecto-desc{font-family:var(--font-main);color:#fffffff2;max-width:32rem;margin:0;font-size:1.1rem;font-weight:400;line-height:1.6}@media (width>=768px){.flecto-desc{font-size:1.25rem}}.flecto-right{justify-content:flex-start;align-items:flex-start;display:flex}@media (width>=1024px){.flecto-right{justify-content:flex-end;padding-top:5rem}}.flecto-action-wrapper{flex-direction:column;align-items:flex-start;max-width:22rem;display:flex}.flecto-btn{background-color:var(--color-primary);color:var(--color-bg);font-family:var(--font-main);cursor:pointer;border:none;border-radius:.75rem;align-items:center;gap:.5rem;margin-bottom:3.5rem;padding:.85rem 1.75rem;font-size:.95rem;font-weight:600;transition:transform .3s,background-color .3s,box-shadow .3s;display:inline-flex}.flecto-btn:hover{background-color:#d85792;transform:translateY(-2px);box-shadow:0 10px 20px #ef67a566}.flecto-btn-icon{font-size:1.1rem}.flecto-note-block{align-items:flex-start;gap:1rem;display:flex}.flecto-note-icon{color:#fff;margin-top:.1rem;font-size:1.4rem}.flecto-note-text{font-family:var(--font-main);flex-direction:column;gap:.4rem;display:flex}.note-title{color:#fff;font-size:.95rem;font-weight:600}.note-body{color:#ffffffd9;max-width:16rem;margin-bottom:.5rem;font-size:.9rem;line-height:1.5}.note-link{color:#fff;text-underline-offset:4px;font-size:.85rem;font-weight:500;-webkit-text-decoration:underline #fff6;text-decoration:underline #fff6;transition:all .2s}.note-link:hover{text-decoration-color:#fff}