.bd4 .bd4-int{background:linear-gradient(180deg,#ffffff 0%,#f6f8f9 100%);color:#11193f;padding:48px 16px 0;font-family:var(--bd-font-body)}.bd4 .bd4-int *{box-sizing:border-box}.bd4 .bd4-int h2,.bd4 .bd4-int p{margin:0}.bd4 .bd4-int .in{padding:0 max(48px,calc((100% - 1280px) / 2 + 32px))}.bd4 .bd4-int .hd{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px}.bd4 .bd4-int h2{font-family:var(--bd-font-display,inherit);font-size:40px;font-weight:500;line-height:1.05;letter-spacing:-.025em;color:#11193f}.bd4 .bd4-int .hd p{font-size:17px;line-height:1.55;color:#4b5563;max-width:32em}.bd4 .bd4-int .fl{position:relative;height:400px;margin-top:28px}.bd4 .bd4-int .ln{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.bd4 .bd4-int .core{position:absolute;left:50%;top:50%;width:104px;height:104px;margin:-52px 0 0 -52px;border-radius:16px;display:grid;place-items:center;background:radial-gradient(80% 70% at 50% 0%,rgb(255 82 70 / .32),rgb(255 82 70 / 0) 70%),#0b1236;box-shadow:0 0 0 8px rgb(79 123 255 / .08),0 0 0 18px rgb(79 123 255 / .05),0 30px 60px -18px rgb(11 18 54 / .55)}.bd4 .bd4-int .core img{width:48px;height:48px}.bd4 .bd4-int .bg{position:absolute;transform:translate(-50%,-50%);display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 16px;border-radius:8px;background:#fff;box-shadow:0 0 0 1px #e3e7ef,0 10px 24px -12px rgb(17 25 63 / .3);white-space:nowrap}.bd4 .bd4-int .bg img{display:block;height:auto}.bd4 .bd4-int .ms{display:inline-flex;align-items:center;gap:7px;font:600 12.5px var(--bd-font-body);color:#262626}.bd4 .bd4-int .ms svg rect:nth-child(1){fill:#f25022}.bd4 .bd4-int .ms svg rect:nth-child(2){fill:#7fba00}.bd4 .bd4-int .ms svg rect:nth-child(3){fill:#00a4ef}.bd4 .bd4-int .ms svg rect:nth-child(4){fill:#ffb900}.bd4 .bd4-int a.btn{margin-top:8px;display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 26px;border-radius:8px;background:#11193f;color:#fff;font-size:16px;font-weight:600;text-decoration:none;box-shadow:0 10px 24px -10px rgb(17 25 63 / .55);transition:background .2s}.bd4 .bd4-int a.btn:hover{background:#1c2758}@media(max-width:900px){.bd4 .bd4-int .fl{height:300px}.bd4 .bd4-int .bg{display:none}.bd4 .bd4-int{padding:40px 16px 0}.bd4 .bd4-int .in{padding:0 8px}}@media(max-width:600px){.bd4 .bd4-int h2{font-size:32px}}@keyframes bd4Beat{0%,100%{transform:scale(1)}12%{transform:scale(1.08)}22%{transform:scale(1)}34%{transform:scale(1.05)}46%{transform:scale(1)}}@keyframes bd4BeatHalo{0%{opacity:.55;transform:scale(1)}60%,100%{opacity:0;transform:scale(1.7)}}.bd4 .bd4-int .core::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 2px rgb(255 82 71 / .55);opacity:0;pointer-events:none}.bd4 .bd4-int .fl.is-live .core{animation:bd4Beat 1.6s ease-in-out infinite;will-change:transform}.bd4 .bd4-int .fl.is-live .core::after{animation:bd4BeatHalo 1.6s ease-out infinite;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.bd4 .bd4-int .fl .core,.bd4 .bd4-int .fl .core::after{animation:none!important}}@media(hover:hover)and (min-width:601px){.bd4 .bd4-int .bg{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s}.bd4 .bd4-int .bg:hover{transform:translate(-50%,-50%) scale(1.25);z-index:3;box-shadow:0 0 0 1px #e3e7ef,0 16px 30px -14px rgb(17 25 63 / .4)}}.bd4 .bd4-int a.btn{transition:background .2s,box-shadow .2s}.bd4 .bd4-int a.btn:hover{background:#ff5247;box-shadow:0 14px 30px -12px rgb(255 82 71 / .55);color:#fff}@media(max-width:600px){.bd4 .bd4-int .in{padding:0 16px}.bd4 .bd4-int h2{font-size:28px}.bd4 .bd4-int .fl{height:auto;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;padding-top:236px;margin-top:24px}.bd4 .bd4-int .fl .ln{height:220px;bottom:auto}.bd4 .bd4-int .fl .core{top:110px}.bd4 .bd4-int .fl .bg{display:inline-flex;position:static;transform:none;height:36px;padding:0 14px}.bd4 .bd4-int a.btn{height:44px;padding:0 20px;font-size:14.5px}}.bd4 .bd4-demo{position:relative;background-color:#f6f8f9;background-image:url(../../img/hp4/demo-silk.webp);background-position:center top;background-size:cover;background-repeat:no-repeat;color:#fff;display:flex;align-items:flex-end;justify-content:center;padding:175px 32px 96px;text-align:center;min-height:0}.bd4 .bd4-demo .in{max-width:820px;width:100%;display:flex;flex-direction:column;align-items:center;gap:18px}.bd4 .bd4-demo h2{margin:0;font-size:56px;font-weight:500;line-height:1.04;letter-spacing:-.03em;color:#fff}.bd4 .bd4-demo h2 span{display:block;font-weight:300;color:#c6cdd7}.bd4 .bd4-demo p{margin:0;font-size:18px;line-height:1.55;color:#c6cdd7;max-width:34em}.bd4 .bd4-demo .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.bd4 .bd4-demo .dm-form{margin-top:12px;width:520px;max-width:100%;display:flex;flex-direction:column;gap:12px;align-items:stretch;text-align:left}.bd4 .bd4-demo .pill{display:flex;align-items:center;gap:8px;box-sizing:border-box;height:62px;padding:6px 6px 6px 22px;border-radius:8px;background:rgb(255 255 255 / .08);border:1px solid rgb(255 255 255 / .18);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bd4 .bd4-demo .pill input{flex:1 1 auto;min-width:0;border:0;outline:none;background:transparent;font:500 17px var(--bd-font-body);color:#fff}.bd4 .bd4-demo .pill input::placeholder{color:#c6cdd7}.bd4 .bd4-demo .pill:focus-within{border-color:rgb(255 255 255 / .45)}.bd4 .bd4-demo .pill[hidden]{display:none}.bd4 .bd4-demo button.go,.bd4 .bd4-demo button.send{height:48px;padding:0 24px;border:0;border-radius:8px;background:#ff5247;color:#fff;font:700 17px var(--bd-font-body);cursor:pointer;white-space:nowrap;transition:background .2s}.bd4 .bd4-demo button.go:hover,.bd4 .bd4-demo button.send:hover{background:#ff6a60}.bd4 .bd4-demo .more{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:12px;background:rgb(0 3 19 / .6);border:1px solid rgb(255 255 255 / .16);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.bd4 .bd4-demo .more[hidden],.bd4 .bd4-demo .msg[hidden]{display:none}.bd4 .bd4-demo .more .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.bd4 .bd4-demo .more label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:#c6cdd7;margin:0}.bd4 .bd4-demo .more label b{color:#ff5247}.bd4 .bd4-demo .more input:not([type=checkbox]),.bd4 .bd4-demo .more select{height:44px;box-sizing:border-box;padding:0 14px;border-radius:8px;border:1px solid rgb(255 255 255 / .2);background:rgb(255 255 255 / .08);color:#fff;font:500 16px var(--bd-font-body);outline:none;width:100%}.bd4 .bd4-demo .more select option{color:#11193f}.bd4 .bd4-demo .more input:focus,.bd4 .bd4-demo .more select:focus{border-color:rgb(255 255 255 / .5)}.bd4 .bd4-demo [aria-invalid=true]{border-color:#ff5247!important}.bd4 .bd4-demo .more label.chk{flex-direction:row;align-items:flex-start;gap:10px;font-weight:400;font-size:13px;line-height:1.5}.bd4 .bd4-demo .more label.chk input{margin-top:3px;flex:none;width:16px;height:16px;accent-color:#ff5247}.bd4 .bd4-demo .more .legal{font-size:13px;line-height:1.5;color:#c6cdd7;margin:0}.bd4 .bd4-demo .more .legal a{color:#fff;text-decoration:underline}.bd4 .bd4-demo button.send{align-self:flex-start;margin-top:4px}.bd4 .bd4-demo .dm-form.is-busy{opacity:.7;pointer-events:none}.bd4 .bd4-demo .msg{font-size:15px;line-height:1.5;text-align:center;margin:0;max-width:none}.bd4 .bd4-demo .msg.ok{color:#fff}.bd4 .bd4-demo .msg.bad{color:#ff8a82}.bd4 .bd4-demo .dm-form.is-done .msg{padding:18px 22px;border-radius:10px;background:rgb(255 255 255 / .1);border:1px solid rgb(255 255 255 / .18);font-size:16px}.bd4 .bd4-demo .inc{margin-top:6px;display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;color:#fff;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;text-decoration-thickness:1.5px;transition:text-decoration-color .2s}.bd4 .bd4-demo .inc:hover{text-decoration-color:currentColor}.bd4 .bd4-demo .inc i{width:6px;height:6px;border-radius:50%;background:#ff5247;box-shadow:0 0 8px rgb(255 82 71 / .6)}@media(max-width:600px){.bd4 .bd4-demo{padding:104px 16px 64px}.bd4 .bd4-demo h2{font-size:28px}.bd4 .bd4-demo p{font-size:16px}.bd4 .bd4-demo .dm-form{width:100%}.bd4 .bd4-demo .pill{height:50px;padding:5px 5px 5px 16px}.bd4 .bd4-demo .pill input{font-size:14px}.bd4 .bd4-demo button.go{height:40px;font-size:13px;padding:0 16px}.bd4 .bd4-demo .more .row2{grid-template-columns:1fr}}