.channel-pills{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.channel-pills span{color:#b7d7ff;border:1px solid #315889;background:#102448;border-radius:50px;padding:8px 16px;font-size:12px}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.use-card{padding:30px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(150deg,#162b4c,#0c172a);display:flex;flex-direction:column;align-items:start;transition:border-color .25s,transform .25s}.use-card:hover{border-color:#578ccc;transform:translateY(-4px)}.use-card>.tiny-label{color:var(--ice);margin-bottom:25px}.use-card h3{font-size:27px;line-height:1.14}.use-card p{font-size:15px}.use-card p>strong{color:#cfdef4;font-weight:550}.use-card .route-line{display:block;border-left:2px solid var(--blue);color:#bdd8ff;padding:8px 0 8px 13px;margin:4px 0 22px;font-size:12px;line-height:1.8}.inquiry-button,.flow-select{color:var(--ice);background:transparent;border-top:0;border-left:0;border-right:0;font-weight:500;margin-top:auto;text-align:left;cursor:pointer}.inquiry-button:hover,.flow-select:hover{color:white}.campaign-bridge{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;background:linear-gradient(120deg,#123c7b,#10213b);border:1px solid #355c96;border-radius:22px;padding:48px}.campaign-bridge h2{font-size:42px}.campaign-bridge p{font-size:16px}.campaign-path{display:flex;flex-direction:column;justify-content:center;padding-left:30px;border-left:1px solid #4b78ae}.campaign-path span{color:var(--ice);font-size:11px;letter-spacing:1px;margin:20px 0 8px}.campaign-path b{font-size:20px;font-weight:450;margin-bottom:12px}.flow-demo>label{max-width:580px;margin-bottom:28px}.flow-demo>h2{font-size:38px}.flow-demo .actions{align-items:center}.flow-demo .inquiry-button{margin:0;font-size:14px}.flow-demo .demo-status{min-height:45px}.campaign-bridge .principles{margin:0;align-self:center}.campaign-bridge .principles b{font-size:14px}.campaign-bridge .principles span{border-color:#3c608c}
@media(max-width:1100px){.navlinks{gap:18px;font-size:13px}.use-grid{grid-template-columns:repeat(2,1fr)}.campaign-bridge{gap:40px;padding:35px}.campaign-bridge h2{font-size:36px}}@media(max-width:960px){.nav{height:74px}.menu-toggle{display:flex;align-items:center;gap:12px;background:none;border:1px solid var(--line);color:white;border-radius:30px;padding:7px 13px;font-size:13px}.navlinks{display:none;position:absolute;top:74px;left:0;right:0;background:#0b1730;padding:25px;box-shadow:0 20px 30px #0005;border-bottom:1px solid var(--line)}.navlinks.open{display:flex;flex-direction:column;align-items:stretch;gap:0}.navlinks a:not(.button){padding:13px 0}.navlinks .button{margin-top:12px}}@media(max-width:700px){.campaign-bridge{grid-template-columns:1fr;padding:28px;gap:20px}.campaign-path{padding-left:18px}.campaign-bridge h2{font-size:33px}.flow-demo>h2{font-size:31px}.use-card{padding:25px}.use-card h3{font-size:25px}}@media(max-width:540px){.use-grid{grid-template-columns:1fr}.channel-pills{gap:9px;margin-top:25px}.channel-pills span{padding:6px 12px;font-size:11px}.campaign-bridge{width:calc(100% - 40px)}.use-card h3{font-size:29px}.flow-demo .actions{align-items:start;flex-direction:column}.campaign-path b{font-size:18px}}