/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}
}
@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
small{font-size:80%}
sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
:-moz-focusring{outline:auto}
progress{vertical-align:baseline}
summary{display:list-item}
ol,ul,menu{list-style:none}
img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}
img,video{max-width:100%;height:auto}
button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
:where(select:is([multiple],[size])) optgroup{font-weight:bolder}
:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
::file-selector-button{margin-inline-end:4px}
::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}
}
}
textarea{resize:vertical}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
::-webkit-datetime-edit{display:inline-flex}
::-webkit-datetime-edit-fields-wrapper{padding:0}
::-webkit-datetime-edit{padding-block:0}
::-webkit-datetime-edit-year-field{padding-block:0}
::-webkit-datetime-edit-month-field{padding-block:0}
::-webkit-datetime-edit-day-field{padding-block:0}
::-webkit-datetime-edit-hour-field{padding-block:0}
::-webkit-datetime-edit-minute-field{padding-block:0}
::-webkit-datetime-edit-second-field{padding-block:0}
::-webkit-datetime-edit-millisecond-field{padding-block:0}
::-webkit-datetime-edit-meridiem-field{padding-block:0}
::-webkit-calendar-picker-indicator{line-height:1}
:-moz-ui-invalid{box-shadow:none}
button,input:where([type=button],[type=reset],[type=submit]){appearance:button}
::file-selector-button{appearance:button}
::-webkit-inner-spin-button{height:auto}
::-webkit-outer-spin-button{height:auto}
[hidden]:where(:not([hidden=until-found])){display:none!important}
}
@layer components;@layer utilities{.relative{position:relative}
.start{inset-inline-start:var(--spacing)}
.table{display:table}
}
:root{--navy:#0b2c4e;--blue:#1769aa;--bright:#2494d1;--ice:#eef6fb;--line:#d9e3ea;--ink:#102233;--muted:#607080}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#fff;margin:0;font-family:Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{object-fit:cover;width:100%;display:block}
.header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;max-width:1440px;height:88px;margin:0 auto;padding:0 5vw;display:flex}
.brand{letter-spacing:-.8px;align-items:center;gap:11px;font-size:25px;font-weight:800;display:flex}
.brand>span:last-child>span{color:var(--bright)}
.brand-logo{object-fit:contain;width:38px;height:38px}
.header-contacts{color:var(--blue);align-items:center;gap:26px;font-size:13px;font-weight:700;display:flex}
.header-phone{color:var(--navy);align-items:baseline;gap:10px;display:flex}
.header-phone strong{font-size:15px}
.header-phone small{color:var(--blue);font-size:11px}
.hero{background:linear-gradient(110deg,#f7fbfd 0%,#eff7fb 53%,#fff 53%);grid-template-columns:1.05fr .95fr;max-width:1440px;min-height:680px;margin:0 auto;display:grid}
.hero-copy{padding:95px 7vw 54px}
.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:1.9px;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex}
.eyebrow span{background:var(--bright);width:27px;height:2px}
.hero h1{max-width:720px;color:var(--navy);letter-spacing:-4px;margin:26px 0 24px;font-size:clamp(48px,5.5vw,78px);line-height:.98}
.hero-copy>p{max-width:610px;color:var(--muted);margin:0;font-size:18px;line-height:1.7}
.hero-facts{border-top:1px solid var(--line);gap:38px;margin-top:48px;padding-top:25px;display:flex}
.hero-facts div{flex-direction:column;gap:4px;display:flex}
.hero-facts strong{color:var(--navy);font-size:22px}
.hero-facts span{color:var(--muted);font-size:11px}
.hero-visual{align-items:center;padding:34px 4vw 34px 0;display:flex;position:relative}
.hero-visual>img{height:555px;box-shadow:24px 24px 0 var(--navy);object-position:center}
.secure-badge{background:#fffffff2;align-items:center;gap:11px;padding:13px 17px;display:flex;position:absolute;top:70px;right:1.6vw;box-shadow:0 8px 30px #0b2c4e29}
.secure-badge>span{color:#17854d;background:#ddf4e7;border-radius:50%;place-items:center;width:33px;height:33px;font-weight:800;display:grid}
.secure-badge div{flex-direction:column;display:flex}
.secure-badge strong{color:var(--navy);font-size:13px}
.secure-badge small{color:var(--muted);font-size:9px}
.section{padding:105px max(5vw,50vw - 647.5px)}
.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:55px;display:flex}
.section-heading h2,.about-copy h2,.cta h2{color:var(--navy);letter-spacing:-2.3px;margin:19px 0 0;font-size:clamp(37px,4vw,58px);line-height:1.05}
.section-heading>p{max-width:470px;color:var(--muted);font-size:15px;line-height:1.7}
.services{background:#fff}
.service-grid{border:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}
.service-card{border-right:1px solid var(--line);min-height:300px;padding:33px}
.service-card:last-child{border-right:none}
.service-number{color:var(--bright);font-size:12px;font-weight:800}
.service-card h3{color:var(--navy);margin:56px 0 17px;font-size:21px}
.service-card p{color:var(--muted);font-size:13px;line-height:1.65}
.clients{background:var(--navy);color:#fff;grid-template-columns:.72fr 1.28fr;align-items:end;gap:6vw;padding-top:70px;padding-bottom:70px;display:grid}
.clients .eyebrow{color:#8ed4f5}
.clients-heading h2{letter-spacing:-2px;margin:18px 0 0;font-size:clamp(35px,3.5vw,52px);line-height:1.05}
.client-list{grid-template-columns:repeat(3,1fr);display:grid}
.client-list div{border:1px solid #ffffff2e;flex-direction:column;justify-content:space-between;min-height:92px;padding:16px 18px;display:flex}
.client-list span{color:#70c8f1;font-size:10px;font-weight:800}
.client-list strong{max-width:290px;font-size:15px;line-height:1.4}
.about{background:var(--ice);grid-template-columns:.9fr 1.1fr;align-items:center;gap:8vw;display:grid}
.about-image{position:relative}
.about-image img{height:610px;box-shadow:-22px 22px 0 var(--navy);object-position:56% center}
.image-label{background:var(--bright);color:#fff;text-transform:uppercase;letter-spacing:1.5px;padding:24px 30px;font-size:11px;font-weight:800;line-height:1.5;position:absolute;bottom:0;right:0}
.about-copy .lead{max-width:650px;color:var(--muted);font-size:17px;line-height:1.7}
.benefits{grid-template-columns:1fr 1fr;gap:25px 28px;margin-top:44px;display:grid}
.benefits>div{border-top:1px solid #c8d9e4;gap:15px;padding-top:19px;display:flex}
.benefits>div>span{color:var(--bright);font-size:11px;font-weight:800}
.benefits p{color:var(--muted);margin:0;font-size:12px;line-height:1.55}
.benefits strong{color:var(--navy);margin-bottom:7px;font-size:14px;display:block}
.storage{background:#fff;grid-template-columns:.8fr 1.2fr;align-items:start;gap:7vw;display:grid}
.storage-heading h2{max-width:620px;color:var(--navy);letter-spacing:-2.3px;margin:19px 0 0;font-size:clamp(37px,4vw,58px);line-height:1.05}
.storage-content>p{max-width:720px;color:var(--muted);margin:2px 0 38px;font-size:17px;line-height:1.75}
.storage-features{border-top:1px solid var(--line);border-left:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}
.storage-features div{border-right:1px solid var(--line);border-bottom:1px solid var(--line);flex-direction:column;gap:22px;min-height:125px;padding:24px;display:flex}
.storage-features span{color:var(--bright);font-size:11px;font-weight:800}
.storage-features strong{color:var(--navy);font-size:15px;line-height:1.45}
.process{background:var(--navy);color:#fff}
.eyebrow.light{color:#8ed4f5}
.process h2,.cta h2{color:#fff}
.steps{grid-template-columns:repeat(4,1fr);display:grid}
.step{border:1px solid #ffffff2e;border-right:none;min-height:245px;padding:33px;position:relative}
.step:last-child{border-right:1px solid #ffffff2e}
.step>span{color:#70c8f1;font-size:11px;font-weight:800}
.step h3{margin:55px 0 14px;font-size:20px}
.step p{color:#aac0d4;font-size:12px;line-height:1.7}
.gallery{background:#fff}
.gallery-grid{grid-template-columns:1.25fr 1fr 1fr;grid-auto-rows:270px;gap:16px;display:grid}
.gallery-item{background:var(--ice);min-width:0;margin:0;position:relative;overflow:hidden}
.gallery-item img{filter:saturate(.9);height:100%;transition:transform .35s}
.gallery-item:hover img{transform:scale(1.025)}
.gallery-item figcaption{color:#fff;background:#0b2c4ee6;width:fit-content;max-width:calc(100% - 32px);padding:10px 13px;font-size:11px;font-weight:700;line-height:1.35;position:absolute;bottom:16px;left:16px;right:16px}
.gallery-item-featured{grid-row:span 2}
.gallery-item-wide{grid-column:span 2}
.offer{background:var(--navy);color:#fff}
.offer-main{max-width:920px}
.offer h2{letter-spacing:-2.6px;max-width:740px;margin:20px 0 24px;font-size:clamp(39px,4.4vw,64px);line-height:1.02}
.offer-main>p{color:#c1d6e7;font-size:16px}
.offer ul{gap:13px;margin:28px 0 0;padding:0;list-style:none;display:grid}
.offer li{color:#e8f2f8;padding-left:25px;font-size:15px;line-height:1.5;position:relative}
.offer li:before{content:"✓";color:#70c8f1;font-weight:800;position:absolute;left:0}
.cta{color:#fff;background:linear-gradient(125deg,#12619d,#0b2c4e);grid-template-columns:1.3fr .7fr;gap:7vw;display:grid}
.cta-copy>p{color:#c1d6e7;max-width:650px;font-size:16px;line-height:1.7}
.direct-contacts{grid-template-columns:1fr 1fr;gap:20px;margin-top:35px;display:grid}
.direct-contacts div{border-top:1px solid #ffffff40;flex-direction:column;gap:8px;padding-top:18px;display:flex}
.direct-contacts span{color:#9fc1d9;text-transform:uppercase;letter-spacing:1px;font-size:10px}
.direct-contacts a{font-size:18px;font-weight:800}
.phone-pair{flex-direction:column;gap:4px;display:flex}
.phone-pair small{color:#b8d1e3;font-size:12px;font-weight:700}
.contact-card{color:var(--navy);background:#fff;flex-direction:column;align-items:flex-start;padding:38px;display:flex;box-shadow:18px 18px #00000021}
.contact-label{color:var(--blue);text-transform:uppercase;letter-spacing:2px;font-size:10px;font-weight:800}
.contact-phone{letter-spacing:-1px;flex-direction:column;gap:4px;margin:28px 0 9px;display:flex}
.contact-phone strong{font-size:clamp(25px,2.5vw,36px)}
.contact-phone small{color:var(--blue);letter-spacing:0;font-size:14px}
.contact-card>a:not(.contact-phone){color:var(--blue);font-size:14px}
.address,.hours{border-top:1px solid var(--line);flex-direction:column;gap:8px;width:100%;margin-top:28px;padding-top:22px;display:flex}
.address span,.hours span{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:10px}
.address strong,.hours strong{font-size:14px}
footer{max-width:1440px;min-height:130px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:auto;padding:35px 5vw;font-size:11px;display:flex}
.footer-brand{color:var(--navy);font-size:21px}
@media (width<=980px){.hero{grid-template-columns:1fr}
.hero-copy{padding:72px 7vw 55px}
.hero-visual{padding:0 7vw 70px}
.hero-visual>img{height:520px}
.service-grid{grid-template-columns:1fr 1fr}
.clients{grid-template-columns:1fr}
.client-list{grid-template-columns:1fr 1fr}
.service-card:nth-child(2){border-right:none}
.service-card:nth-child(-n+2){border-bottom:1px solid var(--line)}
.about{grid-template-columns:1fr}
.about-image{max-width:680px}
.storage{grid-template-columns:1fr}
.steps{grid-template-columns:1fr 1fr}
.step:nth-child(2){border-right:1px solid #ffffff2e}
.gallery-grid{grid-template-columns:1fr 1fr;grid-auto-rows:300px}
.gallery-item-featured{grid-row:span 2}
.gallery-item-wide{grid-column:span 2}
.offer,.cta{grid-template-columns:1fr}
.contact-card{max-width:570px}
}
@media (width<=620px){.header{height:72px}
.header-contacts>a:first-child{display:none}
.header-phone{flex-direction:column;align-items:flex-end;gap:1px}
.header-phone strong{font-size:13px}
.header-phone small{font-size:9px}
.brand{font-size:20px}
.hero h1{letter-spacing:-2.8px;font-size:48px}
.hero-facts{flex-wrap:wrap;gap:19px}
.hero-visual>img{height:390px;box-shadow:12px 12px 0 var(--navy)}
.secure-badge{top:15px}
.section{padding-top:75px;padding-bottom:75px}
.section-heading{flex-direction:column;align-items:flex-start}
.service-grid,.benefits,.steps,.gallery-grid,.client-list{grid-template-columns:1fr}
.service-card{border-right:none;border-bottom:1px solid var(--line);min-height:300px}
.service-card:last-child{border-bottom:none}
.about-image img{height:430px}
.storage-features{grid-template-columns:1fr}
.step{border-bottom:none;border-right:1px solid #ffffff2e}
.gallery-grid{grid-auto-rows:auto;gap:12px}
.gallery-item,.gallery-item-featured,.gallery-item-wide{grid-area:auto}
.gallery-item{aspect-ratio:4/3}
.gallery-item-featured,.gallery-item:nth-child(2){aspect-ratio:3/4}
.gallery-item:last-child{aspect-ratio:16/10}
.gallery-item figcaption{max-width:calc(100% - 24px);bottom:12px;left:12px;right:12px}
.contact-card{padding:28px}
.direct-contacts{grid-template-columns:1fr}
footer{flex-direction:column;align-items:flex-start}
}
