
.sp-page{--sp-navy:#123655;--sp-red:#d72244;--sp-tint:#f4eadc;--sp-light:#fdfaf5;max-width:1280px;margin:32px auto 64px;padding:0 28px;font-family:Roboto,Arial,sans-serif;color:var(--sp-navy)}
.sp-rent{--sp-tint:#dce9f2;--sp-light:#f5f9fc;--sp-red:#1b608e}
.sp-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);grid-template-areas:"hero form" "support form";gap:24px 32px;align-items:start}
.sp-hero{grid-area:hero;position:relative;isolation:isolate;overflow:hidden;border:1px solid #e6dfd4;border-radius:25px;background:linear-gradient(135deg,var(--sp-light),var(--sp-tint));min-height:630px;padding:36px 32px 0;display:flex;flex-direction:column}
.sp-rent .sp-hero{border-color:#d9e3eb}
.sp-hero:before{content:'';position:absolute;inset:-30%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 15%,#fff9,transparent 50%);animation:sp-ambient 12s ease-in-out infinite alternate}
.sp-eyebrow{font-size:9px!important;letter-spacing:2.1px!important;font-weight:800!important;line-height:1.8!important;color:var(--sp-red)!important;margin:0 0 14px!important;text-transform:uppercase}
.sp-hero h1{font-size:clamp(29px,3.1vw,42px)!important;line-height:1.14!important;letter-spacing:-1.3px!important;color:var(--sp-navy)!important;margin:0 0 18px!important;max-width:470px;overflow-wrap:anywhere}
.sp-hero h1 span,.sp-hero h1 strong{display:block!important;color:var(--sp-navy)!important;font-weight:800!important}
.sp-hero h1 strong{color:var(--sp-red)!important;margin-top:3px}
.sp-lead{font-size:13px;line-height:1.85;color:#637484;max-width:395px;margin:0 0 17px}
.sp-form-link{color:var(--sp-navy);text-decoration:none;font-size:12px;font-weight:800;border-bottom:1px solid var(--sp-red);padding-bottom:5px;display:inline-block}
.sp-hero-copy{position:relative;z-index:3}
.sp-visual{position:relative;height:335px;margin-top:20px;isolation:isolate;overflow:hidden;margin-inline:-25px}
.sp-visual img{position:absolute;display:block;height:340px;width:auto;max-width:none;bottom:-26px;left:50%;transform:translateX(-50%);z-index:2;filter:drop-shadow(0 5px 12px #183b5a0b)}
.sp-halo{position:absolute;width:290px;height:290px;left:50%;bottom:-25px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(150deg,#ffffffb0,#ffffff20);border:1px solid #ffffffa0}
.sp-orbit{position:absolute;left:50%;bottom:-55px;width:365px;height:330px;border-radius:50%;border:1px solid #12365518;transform:translateX(-50%) rotate(-20deg)}
.sp-visual-mark{position:absolute;right:16px;bottom:35px;font-size:9px;line-height:1.7;letter-spacing:2px;font-weight:800;color:var(--sp-navy);opacity:.45}
.sp-hero-caption{position:relative;display:flex;align-items:center;gap:10px;margin:0 -32px;padding:15px 25px;background:#ffffff80;border-top:1px solid #ffffff90;z-index:3}
.sp-hero-caption p{font-size:10px;line-height:1.6;margin:0;color:#5d6b77;font-weight:600}
.sp-caption-line{width:25px;height:2px;background:var(--sp-red);flex:none}
.sp-form-panel{grid-area:form;min-width:0;padding:30px;background:#fff;border:1px solid #e2e7eb;border-radius:25px;box-shadow:0 14px 45px #15365307;scroll-margin-top:125px}
.sp-form-heading{padding-bottom:21px;border-bottom:1px solid #e9edf0;margin-bottom:24px}
.sp-form-heading h2{font-size:25px;line-height:1.25;letter-spacing:-.6px;margin:0 0 10px;color:var(--sp-navy)}
.sp-form-heading>p:last-child{font-size:12px;line-height:1.7;margin:0;color:#7a8995}
.sp-form-panel fieldset{border:0!important;padding:0!important;margin:0 0 25px!important;min-width:0}
.sp-form-panel legend{font-size:13px;font-weight:800;color:var(--sp-navy);padding:0 0 15px!important;width:100%;letter-spacing:0}
.sp-form-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px 15px}
.sp-form-panel .field{font-size:11px;line-height:1.6;font-weight:700;color:#456073;min-width:0}
.sp-form-panel input,.sp-form-panel select,.sp-form-panel textarea{background:#f8fafc;border:1px solid #dce4eb;border-radius:10px;font:400 16px/1.4 Roboto,Arial,sans-serif;color:var(--sp-navy);padding:12px;min-width:0;width:100%}
.sp-form-panel input:focus,.sp-form-panel select:focus,.sp-form-panel textarea:focus{outline:2px solid #b8d0e4;outline-offset:2px;background:#fff}
.sp-form-panel textarea{resize:vertical}
.sp-form-panel .form-note{font-size:10px;line-height:1.8;color:#82919c;margin:19px 0}
.sp-form-panel .submit-preview{width:100%;position:relative;overflow:hidden;background:linear-gradient(110deg,#123452,#245a81);color:#fff;padding:16px;border-radius:11px;font:700 14px Roboto,Arial,sans-serif;border:0;box-shadow:0 5px 14px #173b5a12;transition:transform .2s,box-shadow .2s}
.sp-form-panel .submit-preview:hover{transform:translateY(-1px);box-shadow:0 8px 22px #173b5a23}
.sp-form-panel .submit-preview:after{content:'';position:absolute;inset:-50% auto -50% -70%;width:40%;background:linear-gradient(90deg,transparent,#fff3,transparent);transform:skewX(-20deg);animation:sp-shine 7s ease-in-out infinite;pointer-events:none}
.sp-form-panel .submit-preview:disabled{opacity:.65;cursor:wait;transform:none}
.sp-form-panel .form-status{font-size:12px;line-height:1.7;overflow-wrap:anywhere}
.sp-support{grid-area:support;min-width:0}
.sp-process{padding:30px 28px;background:#fff;border:1px solid #e3e7eb;border-radius:23px}
.sp-process h2{font-size:25px;line-height:1.25;letter-spacing:-.7px;margin:0 0 25px}
.sp-process ol{list-style:none;margin:0;padding:0}
.sp-process li{display:flex;gap:16px;position:relative;padding:0 0 24px}
.sp-process li:last-child{padding-bottom:0}
.sp-step-number{font-size:12px;line-height:34px;width:34px;height:34px;flex:none;text-align:center;color:var(--sp-red);background:var(--sp-light);border:1px solid var(--sp-tint);border-radius:11px;font-weight:800}
.sp-process h3{font-size:13px;margin:2px 0 7px;line-height:1.5}
.sp-process li p{font-size:12px;line-height:1.8;margin:0;color:#7b8a95}
.sp-contact{margin-top:20px;padding:27px;border-radius:22px;background:linear-gradient(130deg,#0d2d49,#1d4c6f);color:#fff;position:relative;overflow:hidden}
.sp-contact:after{content:'';position:absolute;width:220px;height:220px;border:1px solid #ffffff12;right:-90px;top:-140px;border-radius:50%;pointer-events:none}
.sp-contact h2{color:#fff;font-size:22px;margin:0 0 10px;letter-spacing:-.4px}
.sp-contact p{font-size:12px;line-height:1.8;color:#c8d7e1;margin:0 0 19px}
.sp-contact-numbers{display:flex;flex-wrap:wrap;gap:9px}
.sp-contact-numbers a{color:#fff;border:1px solid #ffffff30;border-radius:9px;padding:10px 12px;font-size:12px;font-weight:700;text-decoration:none;background:#ffffff08;white-space:nowrap}
.sp-page a:focus-visible{outline:3px solid #6e9cbe;outline-offset:4px}
.sp-reveal{animation:sp-enter .7s ease both}
@keyframes sp-enter{from{opacity:.45;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes sp-ambient{to{transform:translate(8%,4%) rotate(10deg)}}
@keyframes sp-shine{0%,55%{left:-70%}86%,100%{left:150%}}
@media(min-width:1500px){.sp-page{margin-top:40px}.sp-hero{min-height:665px}.sp-visual{height:365px}.sp-visual img{height:370px}}
@media(max-width:950px){.sp-page{padding:0 20px;margin-top:23px}.sp-layout{gap:20px}.sp-hero{padding:27px 24px 0;min-height:600px}.sp-hero h1{font-size:32px!important}.sp-form-panel{padding:24px}.sp-hero-caption{margin-inline:-24px}.sp-form-panel .form-grid{grid-template-columns:1fr}.sp-visual-mark{display:none}}
@media(max-width:760px){.sp-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"hero" "form" "support";gap:19px}.sp-page{padding:0 16px;margin:20px auto 40px}.sp-hero{min-height:0;border-radius:21px;padding:26px 25px 0}.sp-hero h1{font-size:clamp(29px,7vw,37px)!important;max-width:520px}.sp-lead{font-size:12px;max-width:100%;margin-bottom:14px}.sp-visual{height:230px;margin-top:15px;margin-inline:-20px}.sp-visual img{height:255px;bottom:-32px}.sp-halo{width:215px;height:215px;bottom:-35px}.sp-orbit{width:280px;height:240px;bottom:-65px}.sp-hero-caption{padding:13px 22px;margin-inline:-25px}.sp-hero-caption p{font-size:10px}.sp-eyebrow{font-size:8px!important;letter-spacing:1.6px!important}.sp-form-panel{padding:25px 21px;border-radius:21px;scroll-margin-top:105px}.sp-form-heading h2{font-size:24px}.sp-form-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-process{padding:27px 24px}.sp-form-link{font-size:11px}.sp-contact{padding:25px}.sp-process h2{font-size:24px}}
@media(max-width:480px){.sp-form-panel .form-grid{grid-template-columns:1fr}.sp-form-panel .field.full{grid-column:auto}.sp-hero h1{letter-spacing:-.9px!important}.sp-contact-numbers{flex-direction:column}.sp-contact-numbers a{text-align:center}.sp-visual{height:205px}.sp-visual img{height:235px}.sp-hero{padding-inline:23px}.sp-hero-caption{margin-inline:-23px}}
html[dir=rtl] .sp-page{text-align:right}html[dir=rtl] .sp-hero h1{letter-spacing:0!important}html[dir=rtl] .sp-eyebrow{letter-spacing:0!important}
@media(prefers-reduced-motion:reduce){.sp-page *,.sp-page *:before,.sp-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
