.cr-supio{--navy:#0b1b33;--navy-2:#13294b;--navy-deep:#06101f;--ink-black:#040a14;--blue:#2b5fba;--blue-2:#5b88d8;--blue-3:#9ec1ff;--blue-soft:#eaf1fb;--ink:#16222f;--slate:#5b6b7c;--slate-2:#8194a6;--line:#e4e9ef;--mist:#f5f7fa;--paper:#fff;--display:"Bebas Neue", Impact, sans-serif;--body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--maxw:1180px;font-family:var(--body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;line-height:1.6;overflow-x:hidden}.cr-supio *{box-sizing:border-box;margin:0;padding:0}.cr-supio h1,.cr-supio h2,.cr-supio h3{font-family:var(--display);letter-spacing:.015em;color:var(--navy);font-weight:400;line-height:.95}.cr-supio a{color:inherit;text-decoration:none}.cr-supio img{max-width:100%;display:block}.cr-supio .wrap{max-width:var(--maxw);margin:0 auto;padding:0 28px}.cr-supio .hero{background:var(--navy-deep);color:#fff;padding:40px 0 0;position:relative;overflow:hidden}.cr-supio .hero-glow{pointer-events:none;background:radial-gradient(120% 90% at 50% 0%, #0c1f3d, var(--ink-black) 72%);position:absolute;inset:0;overflow:hidden}.cr-supio .hero-glow .orb{filter:blur(80px);opacity:.4;will-change:transform, opacity;mix-blend-mode:screen;border-radius:50%;position:absolute}.cr-supio .hero-glow .orb-1{background:radial-gradient(circle,#2b5fba99,#0000 66%);width:60vw;height:60vw;animation:15s ease-in-out infinite sup-orbDrift1;top:-16%;left:46%}.cr-supio .hero-glow .orb-2{background:radial-gradient(circle,#2b5fba80,#0000 67%);width:54vw;height:54vw;animation:18s ease-in-out infinite sup-orbDrift2;top:40%;left:-10%}.cr-supio .hero-glow .orb-3{background:radial-gradient(circle,#5b88d86b,#0000 68%);width:46vw;height:46vw;animation:17s ease-in-out infinite sup-orbDrift3;top:48%;left:60%}.cr-supio .hero-glow .orb-4{background:radial-gradient(circle,#1e407899,#0000 66%);width:42vw;height:42vw;animation:20s ease-in-out infinite sup-orbDrift4;top:-12%;left:18%}.cr-supio .hero-glow:after{content:"";mix-blend-mode:screen;opacity:.32;background:linear-gradient(120deg,#2b5fba59,#5b88d833,#13294b66,#2b5fba4d) 0 0/300% 300%;animation:16s ease-in-out infinite sup-hueShift;position:absolute;inset:0}@keyframes sup-orbDrift1{0%,to{opacity:.4;transform:translate(0)scale(1)}33%{opacity:.6;transform:translate(-14vw,10vh)scale(1.25)}66%{opacity:.3;transform:translate(10vw,5vh)scale(.85)}}@keyframes sup-orbDrift2{0%,to{opacity:.45;transform:translate(0)scale(1)}33%{opacity:.62;transform:translate(13vw,-10vh)scale(1.2)}66%{opacity:.28;transform:translate(-7vw,8vh)scale(.82)}}@keyframes sup-orbDrift3{0%,to{opacity:.35;transform:translate(0)scale(1)}50%{opacity:.55;transform:translate(-16vw,-13vh)scale(1.3)}}@keyframes sup-orbDrift4{0%,to{opacity:.4;transform:translate(0)scale(1)}40%{opacity:.58;transform:translate(15vw,12vh)scale(1.28)}70%{opacity:.28;transform:translate(-8vw,6vh)scale(.85)}}@keyframes sup-hueShift{0%,to{background-position:0%}50%{background-position:100%}}.cr-supio .hero-grid-bg{opacity:.5;pointer-events:none;z-index:1;background-image:linear-gradient(#9ec1ff0f 1px,#0000 1px),linear-gradient(90deg,#9ec1ff0f 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 50% 30%,#000,#0000 85%);mask-image:radial-gradient(80% 70% at 50% 30%,#000,#0000 85%)}.cr-supio .hero-in{z-index:2;max-width:var(--maxw);text-align:center;margin:0 auto;padding:0 28px;position:relative}.cr-supio .supio-logo-hero{filter:drop-shadow(0 6px 20px #2b5fba80);width:150px;margin:8px auto 14px}.cr-supio .hero-eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--blue-3);align-items:center;gap:10px;margin-bottom:22px;font-size:12px;font-weight:700;display:inline-flex}.cr-supio .hero-eyebrow:before,.cr-supio .hero-eyebrow:after{content:"";background:linear-gradient(90deg, transparent, var(--blue-2));width:34px;height:1px}.cr-supio .hero-eyebrow:after{background:linear-gradient(90deg, var(--blue-2), transparent)}.cr-supio .hero h1{color:#fff;font-size:clamp(40px,7vw,88px);line-height:.9}.cr-supio .hero h1 .sub{font-size:clamp(26px,4.6vw,56px);display:block}.cr-supio .hero h1 .g{color:#0000;background:linear-gradient(100deg, #fff 20%, var(--blue-3) 55%, var(--blue-2));-webkit-background-clip:text;background-clip:text}.cr-supio .hero-lede{color:#ffffffb8;max-width:60ch;margin:22px auto 0;font-size:clamp(15px,2vw,18px);line-height:1.6}.cr-supio .hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:34px;display:flex}.cr-supio .btn{font-family:var(--body);letter-spacing:.02em;cursor:pointer;border:1.5px solid #0000;border-radius:12px;align-items:center;gap:9px;padding:16px 32px;font-size:15px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.cr-supio .btn-primary{background:var(--blue);color:#fff;box-shadow:0 14px 34px #2b5fba66}.cr-supio .btn-primary:hover{background:var(--blue-2);transform:translateY(-2px);box-shadow:0 18px 44px #2b5fba80}.cr-supio .btn-ghost{color:#fff;background:#ffffff0f;border-color:#ffffff3d}.cr-supio .btn-ghost:hover{background:#ffffff1f;transform:translateY(-2px)}.cr-supio .btn .arw{transition:transform .2s}.cr-supio .btn:hover .arw{transform:translate(4px)}.cr-supio .flow{z-index:2;max-width:1080px;margin:48px auto 0;padding:0 28px;position:relative}.cr-supio .flow-svg{width:100%;height:auto;display:block}.cr-supio .flow-caption{letter-spacing:.2em;text-transform:uppercase;max-width:1024px;color:var(--slate-2);grid-template-columns:1fr 1fr 1fr;margin:16px auto 0;font-size:11px;font-weight:700;display:grid}.cr-supio .flow-caption span{text-align:center}.cr-supio .flow-caption span:first-child{text-align:left;padding-left:8px}.cr-supio .flow-caption span:last-child{text-align:right;padding-right:24px}.cr-supio .flow-caption span:nth-child(2){color:var(--blue-3)}.cr-supio .dash{stroke-dasharray:5 7;animation:1.1s linear infinite sup-dashmove}@keyframes sup-dashmove{to{stroke-dashoffset:-24px}}.cr-supio .pulse{animation:2.4s ease-in-out infinite sup-pulse}@keyframes sup-pulse{0%,to{opacity:.35}50%{opacity:1}}.cr-supio .node-in{animation:.5s ease-in-out infinite alternate sup-nodein}@keyframes sup-nodein{to{transform:translateY(-3px)}}.cr-supio .hero-fade{z-index:2;background:linear-gradient(180deg, transparent, var(--mist));height:90px;margin-top:34px;position:relative}.cr-supio .platform{background:var(--mist);padding:16px 0 92px}.cr-supio .sec-head{text-align:center;max-width:760px;margin:0 auto 52px}.cr-supio .sec-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--blue);align-items:center;gap:9px;margin-bottom:14px;font-size:12px;font-weight:700;display:inline-flex}.cr-supio .sec-eyebrow .dot{background:var(--blue);border-radius:50%;width:7px;height:7px}.cr-supio .sec-head h2{font-size:clamp(32px,5vw,54px)}.cr-supio .sec-head p{color:var(--slate);margin-top:14px;font-size:16px}.cr-supio .cards{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.cr-supio .card{background:var(--paper);border:1px solid var(--line);border-radius:18px;flex-direction:column;padding:30px 26px 26px;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s;display:flex;position:relative;overflow:hidden}.cr-supio .card:before{content:"";background:linear-gradient(90deg, var(--blue), var(--blue-2));transform-origin:0;width:100%;height:3px;transition:transform .3s;position:absolute;top:0;left:0;transform:scaleX(0)}.cr-supio .card:hover{border-color:var(--blue-soft);transform:translateY(-6px);box-shadow:0 24px 54px #0b1b3324}.cr-supio .card:hover:before{transform:scaleX(1)}.cr-supio .card-ico{background:linear-gradient(135deg, var(--navy), var(--navy-2));width:52px;height:52px;color:var(--blue-3);border-radius:13px;justify-content:center;align-items:center;margin-bottom:20px;display:flex}.cr-supio .card-ico svg{width:26px;height:26px}.cr-supio .card-n{font-family:var(--display);color:var(--blue);letter-spacing:.14em;margin-bottom:8px;font-size:15px}.cr-supio .card h3{margin-bottom:11px;font-size:24px;line-height:1.02}.cr-supio .card p{color:var(--slate);flex:1;font-size:14px;line-height:1.6}.cr-supio .card-link{letter-spacing:.14em;text-transform:uppercase;color:var(--navy);align-items:center;gap:7px;margin-top:20px;font-size:12.5px;font-weight:800;transition:gap .2s,color .2s;display:inline-flex}.cr-supio .card-link:hover{color:var(--blue);gap:11px}.cr-supio .band{background:linear-gradient(120deg, var(--navy-deep), var(--navy) 55%, var(--navy-2));color:#fff;padding:74px 0;position:relative;overflow:hidden}.cr-supio .band-glow{pointer-events:none;background:radial-gradient(50% 120% at 85%,#2b5fba66,#0000 60%);position:absolute;inset:0}.cr-supio .band-grid{opacity:.4;pointer-events:none;background-image:linear-gradient(90deg,#9ec1ff12 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000,#0000);mask-image:linear-gradient(90deg,#0000,#000,#0000)}.cr-supio .band-in{z-index:2;max-width:var(--maxw);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;margin:0 auto;padding:0 28px;display:flex;position:relative}.cr-supio .band-coastal{width:auto;height:58px}.cr-supio .band .x{color:var(--blue-2);font-size:26px;font-weight:200}.cr-supio .band-supio{width:118px}.cr-supio .band h2{color:#fff;flex-basis:100%;margin-top:6px;font-size:clamp(26px,3.6vw,40px)}.cr-supio .band h2 em{color:var(--blue-3);font-style:normal}.cr-supio .benefits{background:var(--paper);padding:92px 0}.cr-supio .benefits-in{max-width:var(--maxw);grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;margin:0 auto;padding:0 28px;display:grid}.cr-supio .benefits h2{font-size:clamp(32px,4.6vw,50px);line-height:.98}.cr-supio .benefits h2 .accent{color:var(--blue)}.cr-supio .benefits .lede{color:var(--slate);max-width:52ch;margin:18px 0 30px;font-size:16px}.cr-supio .blist{flex-direction:column;gap:16px;list-style:none;display:flex}.cr-supio .blist li{align-items:flex-start;gap:15px;display:flex}.cr-supio .blist li .bcheck{background:var(--blue-soft);width:30px;height:30px;color:var(--blue);border-radius:9px;flex:none;justify-content:center;align-items:center;margin-top:6px;display:flex}.cr-supio .bcheck svg{width:16px;height:16px;display:block}.cr-supio .blist b{color:var(--navy);font-weight:700}.cr-supio .blist span{color:var(--slate);font-size:14.5px;line-height:1.55;display:block}.cr-supio .benefits-visual{background:linear-gradient(150deg, var(--navy), var(--navy-deep));color:#fff;border-radius:22px;padding:40px 34px;position:relative;overflow:hidden;box-shadow:0 30px 70px #0b1b3347}.cr-supio .benefits-visual .bglow{background:radial-gradient(circle,#2b5fba80,#0000 66%);border-radius:50%;width:200px;height:200px;position:absolute;top:-40px;right:-40px}.cr-supio .bv-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--blue-3);margin-bottom:20px;font-size:11px;font-weight:700;position:relative}.cr-supio .bv-row{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;padding:15px 0;font-size:14px;display:flex;position:relative}.cr-supio .bv-row:last-child{border-bottom:none}.cr-supio .bv-row .k{color:#ffffffbf}.cr-supio .bv-row .v{font-family:var(--display);color:#fff;letter-spacing:.03em;font-size:26px}.cr-supio .bv-row .v.blue{color:var(--blue-3)}.cr-supio .bv-enroll{text-align:center;font-family:var(--body);letter-spacing:.03em;color:#fff;background:var(--blue);border-radius:11px;margin-top:24px;padding:14px 20px;font-size:14px;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:block}.cr-supio .bv-enroll:hover{background:var(--blue-2);transform:translateY(-2px);box-shadow:0 12px 28px #2b5fba66}.cr-supio .enroll{background:var(--mist);padding:90px 0;position:relative;overflow:hidden}.cr-supio .enroll-in{z-index:2;max-width:820px;margin:0 auto;padding:0 28px;position:relative}.cr-supio .enroll-head{text-align:center;margin-bottom:42px}.cr-supio .enroll-head .supio-tick{width:26px;margin:0 auto 14px}.cr-supio .enroll-head h2{font-size:clamp(32px,5vw,52px)}.cr-supio .enroll-head p{color:var(--slate);margin-top:12px;font-size:16px}.cr-supio .form-card{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:42px 40px 46px;box-shadow:0 30px 70px #0b1b331a}.cr-supio .fgrid{grid-template-columns:1fr 1fr;gap:20px 24px;display:grid}.cr-supio .field.full{grid-column:1/-1}.cr-supio .field label{letter-spacing:.07em;text-transform:uppercase;color:var(--navy);margin-bottom:8px;font-size:12px;font-weight:800;display:block}.cr-supio .field label .req{color:var(--blue)}.cr-supio .field input,.cr-supio .field select,.cr-supio .field textarea{width:100%;font-family:var(--body);color:var(--ink);background:var(--mist);border:1.5px solid var(--line);appearance:none;border-radius:11px;padding:14px 15px;font-size:15px;transition:border-color .2s,box-shadow .2s,background .2s}.cr-supio .field input:focus,.cr-supio .field select:focus,.cr-supio .field textarea:focus{border-color:var(--blue);background:#fff;outline:none;box-shadow:0 0 0 4px #2b5fba1f}.cr-supio .field textarea{resize:vertical;min-height:110px;line-height:1.55}.cr-supio .sel{position:relative}.cr-supio .sel select{cursor:pointer;color:var(--ink);padding-right:44px}.cr-supio .sel select:required:invalid{color:var(--slate-2)}.cr-supio .sel:after{content:"";pointer-events:none;border-right:2.2px solid var(--slate);border-bottom:2.2px solid var(--slate);width:11px;height:11px;position:absolute;top:50%;right:17px;transform:translateY(-68%)rotate(45deg)}.cr-supio .phone{align-items:stretch;display:flex}.cr-supio .phone .flag{background:var(--mist);border:1.5px solid var(--line);border-right:none;border-radius:11px 0 0 11px;align-items:center;padding:0 13px;font-size:15px;display:flex}.cr-supio .phone input{border-radius:0 11px 11px 0}.cr-supio .form-submit{width:100%;font-family:var(--display);letter-spacing:.05em;color:#fff;background:var(--blue);cursor:pointer;border:none;border-radius:13px;margin-top:30px;padding:18px;font-size:26px;transition:background .2s,transform .2s,box-shadow .2s}.cr-supio .form-submit:hover{background:var(--navy);transform:translateY(-2px);box-shadow:0 16px 40px #0b1b334d}.cr-supio .form-submit:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.cr-supio .form-note{text-align:center;color:var(--slate);margin-top:16px;font-size:12.5px}.cr-supio .form-success{text-align:center;padding:30px 10px;display:none}.cr-supio .form-success.show{display:block}.cr-supio .form-card.hide{display:none}.cr-supio .form-success .tick{background:var(--blue-soft);width:66px;height:66px;color:var(--blue);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 20px;display:flex}.cr-supio .form-success .tick svg{width:34px;height:34px}.cr-supio .form-success h3{color:var(--navy);font-size:40px}.cr-supio .form-success p{color:var(--slate);max-width:44ch;margin-top:10px;margin-left:auto;margin-right:auto}@media (max-width:940px){.cr-supio .cards{grid-template-columns:repeat(2,1fr)}}@media (max-width:860px){.cr-supio .benefits-in{grid-template-columns:1fr;gap:40px}}@media (max-width:560px){.cr-supio .fgrid{grid-template-columns:1fr}.cr-supio .form-card{padding:32px 24px 36px}}@media (max-width:520px){.cr-supio .cards{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cr-supio *{transition:none!important;animation:none!important}}