.middle{height:130px;width:100%;background:#ececec;border-top:1px solid rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.06)}.middle,.middle-part{display:flex;align-items:center}.middle-part{justify-content:center;color:#222}.part1{width:900px}.part1,.part2{background:transparent}.part2{width:500px;flex-shrink:0}.part3{flex:1 1;background:transparent;justify-content:flex-start}.logo{max-width:100%;max-height:90px;object-fit:contain;display:block}@media (max-width:1400px){.part1{width:clamp(360px,38vw,900px)}.part2{width:clamp(280px,30vw,500px)}}@media (max-width:1280px){.middle{padding:0 16px}.part1{width:clamp(320px,34vw,900px)}.part2{width:clamp(240px,26vw,500px)}}@media (max-width:1200px){.middle{justify-content:space-between;gap:16px}.part1{width:35vw}.part2{width:28vw}}@media (max-width:1024px){.middle{height:100px;padding:0 12px}.part1{display:none}.part2{width:auto;flex:0 1 auto;justify-content:flex-start}.part3{flex:1 1 auto;justify-content:flex-end}.logo{max-height:64px}}@media (max-width:600px){.middle{height:84px;padding:0 8px}.part2{flex:0 0 auto}.part3{flex:1 1 auto}}@media (max-width:380px){.logo{max-height:56px}}:root{--gutter-desktop:0px;--gutter-tablet:12px;--gutter-mobile:8px;--nav-h:60px;--link-w:220px;--c-text:#666;--c-item:#629a7e;--c-item-hover:#4f7d67;--c-hover-bg:#708090;--shadow-md:0 6px 18px rgba(0,0,0,.15)}.navbar{position:relative;height:60px;align-items:stretch;gap:60px;box-shadow:none;z-index:100}.navbar,.navbar .nav-link{display:flex;background:transparent}.navbar .nav-link{align-items:center;justify-content:center;text-decoration:none;color:var(--c-text);font-weight:600;font-size:20px;width:var(--link-w);height:100%;letter-spacing:4px;padding:0 16px;border-radius:4px;border:none;cursor:pointer;transition:background-color .2s ease,color .2s ease}.navbar a:focus-visible,.navbar a:hover,.navbar button:focus-visible,.navbar button:hover{background-color:var(--c-hover-bg);color:#fff}.nav-item{position:relative}.has-dropdown{--menu-gap:16px}.dropdown{position:absolute;top:calc(100% + var(--menu-gap));left:0;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(4px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;z-index:40;overflow:visible}.dropdown button,.dropdown-item,.submenu-item,.submenu-label,.submenu-list button{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:var(--c-item);color:#fff}.dropdown:before{content:"";position:absolute;left:0;right:0;top:-6px;height:6px}.dropdown.open,.has-dropdown:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item,.submenu-label{display:block;width:200px;max-height:0;padding:0;background:var(--c-item);color:#fff;text-align:center;font-size:16px;font-weight:600;border:0;opacity:0;transform:translateY(-6px);pointer-events:none;cursor:pointer;transition:max-height .28s ease,padding .28s ease,opacity .25s ease,transform .25s ease,background .25s ease}.dropdown.open .dropdown-item,.dropdown.open .submenu-label,.has-dropdown:hover .dropdown-item,.has-dropdown:hover .submenu-label{max-height:44px;padding:10px 0;margin-bottom:1px;opacity:1;transform:translateY(0);pointer-events:auto}.dropdown-item:focus-visible,.dropdown-item:hover,.submenu-label:focus-visible,.submenu-label:hover{background:var(--c-item-hover);outline:none}.submenu-label{position:relative;text-align:center}.submenu-label:after{content:"▸";margin-left:8px;opacity:.9}.submenu-parent{position:relative}.submenu{position:absolute;top:0;left:100%;min-width:200px;background:var(--c-item);box-shadow:var(--shadow-md);z-index:50;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.submenu-parent:hover>.submenu{opacity:1;visibility:visible;transform:translateY(0)}.submenu-item{display:block;width:200px;padding:10px 18px;background:var(--c-item);color:#fff;text-align:left;font-size:14px;letter-spacing:1px;border:0;border-bottom:1px solid hsla(0,0%,100%,.15);cursor:pointer;transition:background .25s ease;box-sizing:border-box}.submenu-item:last-child{border-bottom:none}.submenu-item:focus-visible,.submenu-item:hover{background:var(--c-item-hover);outline:none}.navbar .burger,.navbar .mobile-menu{display:none}@media (max-width:1024px){.navbar{--nav-h:60px;position:relative;gap:12px}.navbar,.part3{justify-content:flex-end;padding-right:var(--gutter-tablet)}.navbar .has-dropdown{display:none}.navbar .burger{display:inline-flex;align-items:center;justify-content:center;width:42px;height:var(--nav-h);background:transparent;color:#444;border:none;cursor:pointer;padding:0}.navbar .burger-icon{position:relative;width:26px;height:18px;display:block}.navbar .burger-icon span,.navbar .burger-icon:after,.navbar .burger-icon:before{content:"";position:absolute;left:0;right:0;height:3px;background-color:currentColor;border-radius:2px;transition:transform .3s ease,opacity .3s ease}.navbar .burger-icon:before{top:0}.navbar .burger-icon span{top:7.5px}.navbar .burger-icon:after{bottom:0}.navbar .burger.open .burger-icon:before{transform:translateY(7.5px) rotate(45deg)}.navbar .burger.open .burger-icon:after{transform:translateY(-7.5px) rotate(-45deg)}.navbar .burger.open .burger-icon span{opacity:0}.navbar .burger,.navbar .burger:active,.navbar .burger:focus,.navbar .burger:hover{background:transparent!important;box-shadow:none;color:#444}.navbar .mobile-menu{display:block;position:fixed;top:calc(var(--nav-h) + 20px);left:0;width:70vw;max-width:360px;max-height:calc(100vh - (var(--nav-h) + 10px));overflow-y:auto;-webkit-overflow-scrolling:touch;background:var(--c-item-hover);color:#fff;box-shadow:4px 0 24px rgba(0,0,0,.25);transform:translateX(-100%);opacity:0;visibility:hidden;transition:transform .38s cubic-bezier(.22,.61,.36,1),opacity .3s cubic-bezier(.22,.61,.36,1),visibility 0s linear .38s;z-index:1000}.navbar .mobile-menu.open{transform:translateX(0);opacity:1;visibility:visible;transition:transform .38s cubic-bezier(.22,.61,.36,1),opacity .3s cubic-bezier(.22,.61,.36,1)}.navbar .mobile-group>summary{position:relative;list-style:none;cursor:pointer;padding:clamp(10px,2.5vw,14px) clamp(14px,3vw,20px);font-size:clamp(15px,3.5vw,17px);letter-spacing:2px;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none}.navbar .mobile-group>summary:after{content:"▸";position:absolute;right:clamp(10px,2.4vw,16px);top:50%;transform:translateY(-50%);transition:transform .2s cubic-bezier(.22,.61,.36,1);opacity:.95}.navbar .mobile-group[open]>summary:after{transform:translateY(-50%) rotate(90deg)}.navbar .mobile-links{display:grid;grid-gap:8px;gap:8px;padding:0 8px 12px}.navbar .mobile-links .mobile-link,.navbar .mobile-links a,.navbar .mobile-links button{display:flex;align-items:center;justify-content:flex-start;text-align:left;width:calc(100% - 16px);margin-left:8px;padding:clamp(8px,2vw,10px) clamp(10px,2.6vw,14px);text-decoration:none;color:#fff;background:hsla(0,0%,100%,.08);border:none;border-radius:8px;letter-spacing:1.5px;font-size:clamp(14px,3.2vw,16px);cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;opacity:0;transform:translateX(-6px);transition:opacity .24s cubic-bezier(.22,.61,.36,1),transform .24s cubic-bezier(.22,.61,.36,1),background .16s ease}.navbar .mobile-menu.open .mobile-links .mobile-link,.navbar .mobile-menu.open .mobile-links a,.navbar .mobile-menu.open .mobile-links button{opacity:1;transform:translateX(0)}.navbar .mobile-links>:first-child{transition-delay:40ms}.navbar .mobile-links>:nth-child(2){transition-delay:80ms}.navbar .mobile-links>:nth-child(3){transition-delay:.12s}.navbar .mobile-links>:nth-child(4){transition-delay:.16s}.navbar .mobile-links>:nth-child(5){transition-delay:.2s}.navbar .mobile-links>:nth-child(6){transition-delay:.24s}.navbar .mobile-links>:nth-child(7){transition-delay:.28s}.navbar .mobile-links>:nth-child(8){transition-delay:.32s}.navbar .mobile-links .mobile-link:hover,.navbar .mobile-links a:hover,.navbar .mobile-links button:hover{background:hsla(0,0%,100%,.14)}.navbar .mobile-links .mobile-link:active,.navbar .mobile-links a:active,.navbar .mobile-links button:active{background:hsla(0,0%,100%,.18)}.navbar .mobile-group>summary:focus-visible,.navbar .mobile-links .mobile-link:focus-visible,.navbar .mobile-links a:focus-visible,.navbar .mobile-links button:focus-visible{outline:2px solid hsla(0,0%,100%,.65);outline-offset:2px;border-radius:10px}.navbar .mobile-link.mobile-expander{justify-content:space-between}.navbar .mobile-link.mobile-expander .chev{transition:transform .2s cubic-bezier(.22,.61,.36,1)}.navbar .mobile-link.mobile-expander.open .chev{transform:rotate(90deg)}.navbar .mobile-submenu{width:100%;max-height:0;overflow:hidden;padding-left:0;transition:max-height .26s cubic-bezier(.22,.61,.36,1),padding .2s ease}.navbar .mobile-submenu.open{max-height:320px;padding-left:12px}.navbar .mobile-link.mobile-subitem{font-size:clamp(13px,3vw,15px);letter-spacing:1px;margin-bottom:1px}.navbar .mobile-link.mobile-subitem:last-child{margin-bottom:0}}@media (max-width:600px){.navbar,.part3{padding-right:var(--gutter-mobile)}.navbar .mobile-menu{width:50vw;max-width:none;max-height:50vh}.navbar .mobile-group>summary{font-size:clamp(13px,4vw,15px);letter-spacing:1px}.navbar .mobile-links .mobile-link,.navbar .mobile-links a,.navbar .mobile-links button{font-size:clamp(12px,3.8vw,14px);letter-spacing:1px}}@media (prefers-reduced-motion:reduce){.navbar .mobile-group>summary:after,.navbar .mobile-link.mobile-expander .chev,.navbar .mobile-links .mobile-link,.navbar .mobile-links a,.navbar .mobile-links button,.navbar .mobile-menu,.navbar .mobile-menu.open{transition:none!important}}.hero-text .hero-slider{margin:0 auto;width:100%;max-width:100%;text-align:center}#heroText{transition:opacity .18s ease}#heroText.is-swapping{opacity:0}#heroText.no-anim *,#heroText.reduce-motion *{animation:none;transition:none;opacity:1;transform:none}.hero-slider{position:relative;overflow:hidden;will-change:transform;margin:0 auto;width:var(--rails);max-width:100%}.hero-slider-track{display:flex;gap:0;transition:transform .38s cubic-bezier(.22,.61,.36,1)}#heroText.no-anim .hero-slider-track,#heroText.reduce-motion .hero-slider-track{transition:none}.hero-slide{flex:0 0 100%;max-width:100%;padding:8px 8%;box-sizing:border-box}.hero-slide-text{font-size:clamp(18px,2.1vw,28px);line-height:1.55;letter-spacing:.4px;color:#fff;background:linear-gradient(90deg,#fefbd8,#fff,#fff2b5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px hsla(0,0%,100%,.4);text-shadow:0 0 18px rgba(255,255,200,.6),0 0 6px rgba(255,255,150,.8);filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.hero-slide-text p{margin:0 0 14px}.hero-slide-text p:last-child{margin-bottom:0}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);height:36px;width:36px;border-radius:50%;border:none;cursor:pointer;background:rgba(79,125,103,.12);color:#4f7d67;display:grid;place-items:center;font-size:22px;line-height:1;transition:background .16s ease,transform .16s ease}.hero-nav:focus-visible,.hero-nav:hover{background:rgba(79,125,103,.22);outline:none;transform:translateY(-50%) scale(1.04)}.hero-nav--prev{left:-44px}.hero-nav--next{right:-44px}.hero-dots{display:flex;gap:8px;justify-content:center;margin-top:10px}.hero-dot{width:8px;height:8px;border-radius:999px;border:none;background:#cfd6d2;cursor:pointer;transition:transform .16s ease,background .16s ease}.hero-dot.is-active{background:#ffeb80;transform:scale(1.15)}.hero-dot:focus-visible{outline:2px solid #4f7d67;outline-offset:2px}#heroText.no-anim .hero-dot,#heroText.no-anim .hero-nav,#heroText.reduce-motion .hero-dot,#heroText.reduce-motion .hero-nav{transition:none}@media (max-width:900px){.hero-nav--prev{left:8px}.hero-nav--next{right:8px}}:root{--rails:min(78vw,1000px)}.hero{position:relative;display:flex;flex-direction:column;width:100%;flex:1 1;background:url(/content/codioma_hero_bg.png) 50%/cover no-repeat;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background-color:rgba(79,125,103,.97);z-index:0}.hero-row{position:relative;z-index:1;width:100%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}.row1{height:30%}.row2{height:20%}.row3{height:50%;align-items:flex-start;padding-top:24px}.hero-logo{display:block;width:auto;height:auto;max-width:clamp(220px,60vw,720px);max-height:clamp(80px,24vw,260px);object-fit:contain}.name-text{position:relative;text-align:center;color:#efefef;font-weight:700;letter-spacing:4px;font-size:clamp(36px,7vw,80px);padding:clamp(16px,3vw,40px) 0}.name-text:after,.name-text:before{content:"";position:absolute;left:50%;width:var(--rails);height:4px;background-color:#efefef;transform:translateX(-50%)}.name-text:before{top:0}.name-text:after{bottom:0}.hero-text{position:relative;z-index:2;width:var(--rails);max-width:1000px;margin:0 auto;text-align:center;color:#fff;font-size:40px;padding:0 16px;animation:fadeUp 1.4s ease both}.hero-text h2{margin:0;padding:0;font-weight:900;font-size:48px}.hero-text p:not(.hero-slide-text){margin:10px 0;padding-bottom:10px;letter-spacing:.8px;line-height:1.2;background:linear-gradient(90deg,#d9fff0,#fff,#d9fff0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 15px hsla(0,0%,100%,.2);font-size:24px;font-weight:300;opacity:0;transform:translateY(20px);animation:slideUp 1s ease forwards}.hero-text p:not(.hero-slide-text):first-child{animation-delay:.3s}.hero-text p:not(.hero-slide-text):nth-child(2){animation-delay:.5s}.hero-text p:not(.hero-slide-text):nth-child(3){animation-delay:.7s}.hero-text p:not(.hero-slide-text):nth-child(4){animation-delay:.9s}.hero-text p:not(.hero-slide-text):nth-child(5){animation-delay:1.1s}.hero-button{display:inline-block;margin-top:40px;padding:14px 36px;font-size:22px;font-weight:600;letter-spacing:2px;color:#fff;border:2px solid #fff;border-radius:50px;text-decoration:none;background:transparent;cursor:pointer;transition:all .35s ease;opacity:0;transform:translateY(30px);animation:fadeButton 1.2s ease forwards;animation-delay:1.4s}.hero-button:hover{background-color:#fff;color:#4f7d67;transform:translateY(-2px);box-shadow:0 0 20px hsla(0,0%,100%,.4)}@keyframes fadeButton{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hero-text h2{font-size:clamp(28px,4.2vw,40px)}.hero-text p:not(.hero-slide-text){font-size:clamp(18px,2.6vw,22px);line-height:1.45;padding-bottom:14px}}@media (max-width:600px){.hero{min-height:calc(100dvh - 60px);display:grid;grid-template-rows:32% 12% 44%;background-position:50%}.hero-row{display:grid;place-items:center}.row1{grid-row:1;padding-top:8px}.row2{grid-row:2}.row3{grid-row:3;padding-top:12px;padding-bottom:20px}.hero-logo{max-width:70%;max-height:28vh}.hero-text{padding:0 14px}.hero-text h2{font-size:clamp(22px,6.2vw,32px)}.hero-text p:not(.hero-slide-text){font-size:clamp(15px,4.2vw,18px);line-height:1.45;padding-bottom:12px}.hero .cta a,.hero .cta button,.hero-button{font-size:clamp(14px,4vw,18px);padding:clamp(8px,2.8vw,12px) clamp(14px,6vw,22px);letter-spacing:1px;border-width:1.5px;border-radius:36px;margin-top:18px;line-height:1.1;inline-size:-moz-fit-content;inline-size:fit-content}}@media (max-width:380px){.name-text{font-size:clamp(28px,8vw,34px)}.name-text:after,.name-text:before{width:70vw}}body,html{height:100%;min-height:100%;margin:0;padding:0;font-family:Noto Sans,Segoe UI,Calibri,sans-serif;overflow-x:hidden}body{display:flex;flex-direction:column;min-height:100vh;background-color:#fff}main{flex:1 0 auto}.lesson-loading-overlay{position:absolute;inset:0;background:hsla(0,0%,100%,.8);display:flex;align-items:center;justify-content:center;font-size:1.1rem;z-index:10}footer{flex-shrink:0}.top{height:60px;background-color:#fff;color:#fff;display:flex;align-items:center;justify-content:center;transition:height .3s ease}@media (max-width:1024px){.top{height:48px}}@media (max-width:600px){.top{height:36px}}.stats-shell{min-height:100vh;padding:80px 5vw;background:#f5f7f6;color:#24322b}.stats-shell h2{margin:0 0 12px;font-size:clamp(28px,4vw,42px)}.stats-shell p{max-width:800px;line-height:1.6}html{scroll-behavior:smooth}.hero{min-height:100svh}.content-section{padding-inline:5vw;padding-block:clamp(56px,8vh,120px) clamp(72px,8vh,128px);background:#f5f7f6;color:#24322b;scroll-margin-top:0;position:relative;box-shadow:inset 0 1px 0 rgba(0,0,0,.06)}.content-section:before{content:"";position:absolute;inset:0 0 auto 0;height:48px;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08),transparent)}@media (max-width:600px){.content-section{padding-block:clamp(40px,8vh,96px) clamp(56px,10vh,112px)}}#section-outlet{scroll-margin-top:64px}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,1px,1px);white-space:nowrap;border:0}