.old{--navy:#26325b;--sh:rgba(38,50,91,.2);background:#fff;color:#26325b;font-size:17px;line-height:1.45}
.old .o-wrap{max-width:1080px;margin:0 auto;padding:0 18px}
.old .o-btn{display:inline-block;font-weight:800;font-size:19px;border:4px solid var(--navy);border-radius:22px;padding:12px 24px;background:var(--sun);color:var(--navy);box-shadow:0 6px 0 var(--navy);text-decoration:none;min-height:54px;transition:transform .1s;text-align:center}
.old .o-btn:active{transform:translateY(4px);box-shadow:0 2px 0 var(--navy)}
.old .o-btn.o-alt{background:#fff}
.old .o-btn.o-go{background:#56d37a;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.2)}
.old .o-btn.o-small{font-size:16px;padding:8px 16px;min-height:42px;box-shadow:0 4px 0 var(--navy)}
.old .o-logo{display:flex;align-items:center;gap:6px;font-weight:900;font-size:24px;letter-spacing:.5px;text-decoration:none;cursor:pointer}
.old .o-logo .o-mascot{width:44px;height:48px}
@media(max-width:560px){.old .o-logo{font-size:21px}.old .o-logo .o-mascot{width:36px;height:40px}}
.old .o-card.o-wide{overflow-x:auto}
.old .o-c-foc{background:#8a5cf6;--sh:#5a35b5}
.old .o-mascot{width:112px;height:120px;flex:none;filter:drop-shadow(0 6px 0 rgba(38,50,91,.18))}
.old .o-mascot svg{width:100%;height:100%;overflow:visible}
.old .o-eyes-happy,.old .o-eyes-oops{display:none}
.old .o-blink{animation:o-blink 4s infinite;transform-origin:center;transform-box:fill-box}
.old .o-mascot.o-idle{animation:o-bob 3.2s ease-in-out infinite}
.old .o-hero{background:linear-gradient(180deg,var(--sky),var(--cream));padding:44px 0 56px}
.old .o-hero .o-wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
.old .o-hero h1{font-size:clamp(32px,6vw,54px)}
.old .o-hero p.o-lead{font-size:clamp(18px,3vw,22px);color:var(--mute);font-weight:600;max-width:34em}
.old .o-hero .o-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.old .o-hero .o-demo{background:#fff;border:4px solid var(--navy);border-radius:28px;padding:18px;box-shadow:0 8px 0 rgba(38,50,91,.2)}
.old .o-bubble{position:relative;background:#fff;border:4px solid var(--navy);border-radius:24px;padding:12px 16px;font-weight:800;font-size:20px;flex:1;box-shadow:0 5px 0 rgba(38,50,91,.15)}
.old .o-bubble::before{content:"";position:absolute;left:-18px;bottom:22px;border:10px solid transparent;border-right:18px solid var(--navy)}
.old .o-bubble::after{content:"";position:absolute;left:-10px;bottom:25px;border:7px solid transparent;border-right:14px solid #fff}
.old .o-say{display:flex;align-items:flex-end;gap:10px}
@media(max-width:800px){.old .o-hero .o-wrap{grid-template-columns:1fr}}
.old section.o-s{padding:48px 0}
.old section.o-s.o-alt{background:var(--cream)}
.old section.o-s h2{font-size:clamp(26px,4.5vw,38px);text-align:center}
.old section.o-s .o-sub{text-align:center;color:var(--mute);font-weight:600;max-width:36em;margin:0 auto 26px}
.old .o-grid{display:grid;gap:18px}
.old .o-g3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.old .o-g4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.old .o-box{background:#fff;border:3px solid var(--navy);border-radius:24px;padding:18px;box-shadow:0 6px 0 rgba(38,50,91,.15)}
.old .o-box h3{font-size:22px}
.old .o-box p{margin:.2em 0;color:var(--mute);font-weight:600}
.old .o-step{display:flex;gap:12px;align-items:flex-start}
.old .o-step b.o-n{flex:none;width:44px;height:44px;border-radius:50%;background:var(--sun);border:3px solid var(--navy);display:grid;place-items:center;font-size:22px}
.old .o-tag{display:inline-block;border-radius:12px;padding:2px 10px;font-size:14px;font-weight:800;background:#e8eefc}
.old .o-tag.o-soon{background:#eee;color:#777}
.old .o-sub-card{border-radius:26px;padding:18px;color:#fff;font-weight:800;text-align:center;border:4px solid rgba(255,255,255,.6);box-shadow:0 7px 0 var(--sh)}
.old .o-sub-card .o-big{min-height:84px;display:grid;place-items:center}
.old .o-sub-card .o-big img{filter:drop-shadow(0 4px 0 rgba(0,0,0,.2))}
.old .o-sub-card h3{margin:.1em 0;font-size:26px}
.old .o-sub-card p{color:#fffffff0;margin:0;font-weight:700;font-size:15px}
.old .o-c-eng{background:#ff6b81;--sh:#c93a52}
.old .o-c-mat{background:#3a8dff;--sh:#2460c4}
.old .o-c-sci{background:#2ec27e;--sh:#1b8a58}
.old .o-c-chi{background:#a9a9b8;--sh:#7d7d8c}
.old .o-note{background:#fff8d9;border:2px dashed #e0b400;border-radius:14px;padding:8px 12px;font-size:14px;color:#6b5400;font-weight:700;margin:10px 0}
.old .o-card{max-width:520px;margin:34px auto;background:#fff;border:4px solid var(--navy);border-radius:28px;padding:24px;box-shadow:0 8px 0 rgba(38,50,91,.2)}
.old .o-card.o-wide{max-width:760px}
.old .o-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.old .o-row .o-grow{flex:1}
.old .o-opts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:12px}
.old .o-opt{font-size:clamp(18px,3.2vw,23px);font-weight:800;color:#fff;border:4px solid rgba(255,255,255,.6);border-radius:22px;min-height:70px;padding:10px 14px;box-shadow:0 7px 0 var(--sh);text-align:left;display:flex;gap:10px;align-items:center;text-shadow:0 2px 0 rgba(0,0,0,.2)}
.old .o-opt b{flex:none;width:34px;height:34px;border-radius:50%;background:#fff;color:var(--navy);display:grid;place-items:center;text-shadow:none}
.old .o-o1{background:#3a8dff;--sh:#2460c4}
.old .o-o2{background:#2ec27e;--sh:#1b8a58}
.old .o-sumbox{border-radius:22px;padding:14px 16px;margin:10px 0;border:3px solid var(--navy);background:#fff}
.old .o-sumbox h3{margin:0 0 6px}
.old .o-sumbox.o-good{background:#dff7e6}
.old .o-sumbox.o-weak{background:#fff0d6}
.old .o-sumbox li{margin:5px 0;font-weight:700}
.old .o-slide{background:#fff;border:5px solid var(--navy);border-radius:28px;padding:22px;min-height:230px;font-size:clamp(20px,3.6vw,26px);font-weight:700}
.old .o-an{width:100%;height:auto;display:block}
.old .o-an .o-t{font:800 11px system-ui,sans-serif;fill:#26325b}
.old .o-an .o-tk{stroke-dasharray:60;animation:o-drw 8s infinite}
.old .o-an .o-fd{animation:o-fadeseq 8s infinite}
.old .o-an .o-gr{transform-box:fill-box;transform-origin:bottom;animation:o-grow 8s infinite}
.old .o-an .o-pp{transform-box:fill-box;transform-origin:center;animation:o-pop 8s infinite}
@media(prefers-reduced-motion:reduce){.old .o-an *{animation:none!important;stroke-dashoffset:0!important}}
.old .o-glance{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:3px solid var(--navy);border-radius:20px;overflow:hidden;font-size:15px}
.old .o-glance th,.old .o-glance td{padding:11px 12px;text-align:left;border-bottom:2px solid #eef1f8;vertical-align:top}
.old .o-glance th{background:var(--navy);color:#fff;font-size:14px}
.old .o-glance td:nth-child(2),.old .o-glance th:nth-child(2){background:#fff8d9;color:#26325b}
.old .o-glance th:nth-child(2){background:#ffb703}
.old .o-glance td:first-child{font-weight:800}
.old .o-glance tr:last-child td{border-bottom:0}
.old .o-tw{overflow-x:auto}
.old .o-glance{min-width:620px}
.old .o-sub-card.o-soon{background:#b9c0d4;--sh:#8b93a8;opacity:.92}
.old .o-tc{padding:12px!important}
.old .o-card .o-box{max-width:100%;box-sizing:border-box;overflow-wrap:anywhere}
.old .o-card input[type=file]{max-width:100%;width:100%;box-sizing:border-box;font-size:15px}
.old .o-card input[type=date]{max-width:100%!important;width:100%;box-sizing:border-box}
.old .o-rp .o-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:10px;margin:12px 0}
.old .o-rp .o-tile{background:#fff;border:3px solid var(--navy);border-radius:18px;padding:10px 12px}
.old .o-rp .o-tile b{display:block;font-size:26px;line-height:1.1}
.old .o-rp .o-tile small{color:var(--mute);font-weight:700}
.old .o-rp .o-ins{display:flex;gap:12px;background:#fff;border:3px solid var(--navy);border-radius:18px;padding:12px;margin:10px 0}
.old .o-rp .o-ins .o-ic{flex:none}
.old .o-rp .o-ins h4{margin:0 0 2px;font-size:18px}
.old .o-rp .o-ins .o-ev{font-size:14px;color:var(--mute);font-weight:700;margin:2px 0}
.old .o-rp .o-ins .o-do{background:#e9f7ef;border-radius:10px;padding:6px 10px;font-weight:700;font-size:15px;margin-top:4px}
.old .o-rp .o-sev{display:inline-block;border-radius:999px;padding:1px 10px;font-size:12px;font-weight:900;color:#fff}
.old .o-rp .o-sev.o-h{background:#e0405a}
.old .o-rp .o-sev.o-m{background:#ff9f1c}
.old .o-rp .o-hm td{padding:4px 8px}
.old .o-rp .o-hm .o-c{width:100%;height:14px;border-radius:7px;background:#e8ecf7;overflow:hidden}
.old .o-rp .o-hm .o-c i{display:block;height:100%}
.old .o-tc .o-ban{height:96px;position:relative;margin:-2px -2px 10px}
.old .o-tc .o-ban svg{width:100%;height:100%;display:block;border-radius:14px}
.old .o-tc .o-logo{position:absolute;left:10px;bottom:-18px;width:52px;height:52px;border-radius:12px;border:3px solid #fff;display:grid;place-items:center;color:#fff;font-weight:900;font-size:20px;box-shadow:0 2px 6px rgba(0,0,0,.25)}
.old .o-tc .o-logo.o-r{border-radius:50%}
.old .o-tc .o-ban+.o-row{margin-top:22px}
.old .o-kick{font-weight:800;color:#1b6fd1;font-size:clamp(15px,2.6vw,19px);margin:0 0 6px;letter-spacing:.01em}
.old .o-subchips{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0 4px}
.old .o-subchips span{display:inline-flex;align-items:center;gap:6px;background:#fff;border:3px solid var(--navy);border-radius:999px;padding:4px 14px 4px 8px;font-weight:800;font-size:16px}
.old .o-subchips span.o-soon{opacity:.65;border-style:dashed}
.old .o-mascot .o-fl{transform-box:fill-box;transform-origin:50% 8%}
.old .o-mascot .o-fl-l{animation:o-flapL 6s ease-in-out infinite}
.old .o-mascot .o-fl-r{animation:o-flapR 6s ease-in-out infinite 3s}
.old .o-mascot .o-tas{transform-box:fill-box;transform-origin:50% 0;animation:o-tas 2.6s ease-in-out infinite}
.old .o-mascot .o-glow{opacity:.15;transform-box:fill-box;transform-origin:center;animation:o-glow 2.4s ease-in-out infinite}
.old .o-mascot svg{transform-origin:50% 95%;animation:o-sway 4.4s ease-in-out infinite}
.old .o-mascot.o-idle{animation:o-bob 2.4s ease-in-out infinite!important}
.old .o-mascot .o-mouth-open{display:none}
@media(prefers-reduced-motion:reduce){.old .o-mascot,.old .o-mascot *{animation:none!important}}
@keyframes o-blink{0%,92%,100%{transform:scaleY(1)}96%{transform:scaleY(.1)}}
@keyframes o-bob{0%,100%{transform:translateY(0) scale(1,1)}50%{transform:translateY(-7px) scale(.98,1.03)}}
@keyframes o-drw{0%,8%{stroke-dashoffset:60}22%,92%{stroke-dashoffset:0}100%{stroke-dashoffset:60}}
@keyframes o-fadeseq{0%,10%{opacity:0}24%,92%{opacity:1}100%{opacity:0}}
@keyframes o-grow{0%,8%{transform:scaleY(.05)}30%,92%{transform:scaleY(1)}100%{transform:scaleY(.05)}}
@keyframes o-pop{0%,20%{transform:scale(0);opacity:0}32%{transform:scale(1.25);opacity:1}40%,92%{transform:scale(1);opacity:1}100%{transform:scale(0);opacity:0}}
@keyframes o-flapL{0%,84%,100%{transform:rotate(0)}90%{transform:rotate(-32deg)}95%{transform:rotate(-8deg)}}
@keyframes o-flapR{0%,84%,100%{transform:rotate(0)}90%{transform:rotate(32deg)}95%{transform:rotate(8deg)}}
@keyframes o-tas{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(10deg)}}
@keyframes o-glow{0%,100%{opacity:.08;transform:scale(.85)}50%{opacity:.5;transform:scale(1.15)}}
@keyframes o-sway{0%,100%{transform:rotate(-2.5deg)}50%{transform:rotate(2.5deg)}}
/* additions for the new site (already prefixed) */
.old .o-c-ai{background:#8a5cf6;--sh:#5a35b5}.old .o-c-rob{background:#e8870e;--sh:#a85f08}.old .o-c-cod{background:#3a8dff;--sh:#2460c4}
.old a.o-sub-card{display:block;text-decoration:none}
.old a.o-opt{text-decoration:none}
.old .o-subchips span.o-soon{opacity:.65}
.old .o-beltrow{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:760px;margin:0 auto}
.old .o-beltrow div{text-align:center;background:#fff;border:3px solid #26325b;border-radius:20px;padding:10px 4px;box-shadow:0 5px 0 rgba(38,50,91,.15)}
.old .o-beltrow img{width:84px;height:auto;display:block;margin:0 auto 2px}
.old .o-beltrow b{font-size:15px}
@media(min-width:700px){.old .o-beltrow{grid-template-columns:repeat(6,1fr)}}
.old .o-hero.o-whyhero{padding:30px 0 34px}
.old .o-hero.o-whyhero h1{font-size:clamp(30px,5vw,46px)}
.old .o-cta .o-btn+.o-btn{margin-left:0}
@media(prefers-reduced-motion:reduce){.old.old.old.old *,.old.old.old.old *::before,.old.old.old.old *::after{animation:none!important;transition:none!important;stroke-dashoffset:0!important}}