*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a1a;background:#fff;font-family:Inter,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:root{--orange:#e8692a;--orange-light:#fff3ec;--dark:#1a1a1a;--gray:#666;--light-gray:#f5f5f5;--max-width:1100px}.container{max-width:var(--max-width);margin:0 auto;padding:0 20px}.header{z-index:100;background:#fff;border-bottom:1px solid #eee;padding:12px 0;position:sticky;top:0}.header .container{justify-content:space-between;align-items:center;gap:16px;display:flex}.header-logo{color:var(--orange);flex-shrink:0;align-items:center;gap:8px;font-size:20px;font-weight:700;display:flex}.header-logo img{height:32px}.header-nav{flex:1;justify-content:center;gap:24px;display:flex}.header-nav button{cursor:pointer;color:var(--dark);background:0 0;border:none;padding:6px 0;font-family:inherit;font-size:15px;font-weight:500;transition:color .2s}.header-nav button:hover{color:var(--orange)}.header-phone{color:var(--dark);flex-shrink:0;align-items:center;gap:6px;font-size:16px;font-weight:600;transition:color .2s;display:inline-flex}.header-phone:hover,.header-phone svg{color:var(--orange)}@media (width<=768px){.header-nav,.header-phone-text{display:none}.header-phone{background:var(--orange);color:#fff;border-radius:50%;justify-content:center;width:40px;height:40px}.header-phone svg{color:#fff}}.hero{text-align:left;background-image:url(/hero.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover;margin-bottom:24px;padding:96px 0 80px;position:relative;overflow:hidden}.hero .container{z-index:1;position:relative}.hero-content{max-width:580px}.hero h1{color:#fff;text-shadow:0 2px 12px #000000a6,0 1px 3px #00000080;letter-spacing:-.5px;margin-bottom:14px;font-family:Montserrat,sans-serif;font-size:44px;font-weight:800;line-height:1.1}.hero h1 .accent{color:var(--orange)}.hero p{color:#fffffff2;text-shadow:0 1px 6px #000000b3,0 1px 2px #00000080;margin-bottom:0;font-size:18px}@media (width<=768px){.hero{padding:48px 0 40px}.hero h1{letter-spacing:-.3px;font-size:28px}.hero p{font-size:15px}.hero:before{background:linear-gradient(#00000047 0%,#00000026 55%,#0000004d 100%)}}.carousel-wrapper{-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:0 0 48px;overflow:auto visible}.carousel-wrapper::-webkit-scrollbar{display:none}.carousel{gap:16px;display:inline-flex;overflow:visible}.carousel-card{scroll-snap-align:center;cursor:pointer;background:#fff;border-radius:12px;flex:0 0 220px;transition:transform .35s,box-shadow .35s;position:relative;overflow:hidden;box-shadow:0 2px 16px #0000001a}.carousel-card:hover{z-index:2;transform:translateY(-8px)scale(1.03);box-shadow:0 8px 32px #0000002e}@media (width<=768px){.carousel{padding:0 calc(50vw - 90px)}.carousel-card{box-shadow:0 2px 8px #00000014}.carousel-card-active{z-index:2;transform:translateY(10px)scale(1.06);box-shadow:0 8px 24px #0000002e}.carousel-card:hover{transform:none;box-shadow:0 2px 8px #00000014}}.carousel-card-img{background:var(--light-gray);height:300px;position:relative;overflow:hidden}.carousel-card-img img{object-fit:cover;width:100%;height:100%}.carousel-card-name{color:#fff;background:linear-gradient(#0000,#000000bf);padding:32px 14px 12px;font-size:15px;font-weight:600;position:absolute;bottom:0;left:0;right:0}.carousel-card-info{justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.carousel-card-area{color:var(--gray);font-size:13px}.carousel-card-price{color:var(--orange);font-size:15px;font-weight:700}.section{padding:48px 0}.section-title{text-align:center;margin-bottom:32px;font-family:Montserrat,sans-serif;font-size:24px;font-style:italic;font-weight:900}.map-address{color:var(--gray);text-align:center;margin:-8px 0 20px;font-size:15px}.map-frame{aspect-ratio:16/9;background:#f5f5f5;border:1px solid #e5e5e5;border-radius:16px;width:100%;position:relative;overflow:hidden}.map-frame iframe{border:0;width:100%;height:100%;display:block}@media (width<=768px){.map-frame{aspect-ratio:4/3}}.modal-agree{color:var(--gray);cursor:pointer;align-items:flex-start;gap:8px;margin:4px 0 12px;font-size:13px;line-height:1.4;display:flex}.modal-agree input[type=checkbox]{width:16px;height:16px;accent-color:var(--orange);cursor:pointer;flex-shrink:0;margin-top:2px}.modal-agree a{color:var(--orange)}.modal-agree a:hover{text-decoration:underline}.legal-page{padding:32px 0 64px}.legal-title{color:var(--dark);margin-bottom:8px;font-family:Montserrat,sans-serif;font-size:28px;font-weight:800;line-height:1.2}.legal-meta{color:var(--gray);margin-bottom:28px;font-size:14px}.legal-page h2{color:var(--dark);margin-top:28px;margin-bottom:10px;font-family:Montserrat,sans-serif;font-size:18px;font-weight:700}.legal-page p{color:var(--dark);margin-bottom:12px;font-size:15px;line-height:1.55}.legal-page ul{margin-bottom:12px;padding-left:22px}.legal-page li{color:var(--dark);margin-bottom:4px;font-size:15px;line-height:1.55}.legal-page a{color:var(--orange);text-decoration:underline}.legal-page a:hover{text-decoration:none}@media (width<=768px){.legal-page{padding:20px 0 48px}.legal-title{font-size:22px}.legal-page h2{margin-top:22px;font-size:16px}.legal-page p,.legal-page li{font-size:14px}}.reveal{opacity:.55;transition:opacity .6s ease-out,transform .6s ease-out;transform:translateY(14px)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}}.steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step{text-align:center;padding:8px}.step-img{aspect-ratio:1;border-radius:16px;width:100%;margin-bottom:16px;position:relative;overflow:hidden}@media (width<=768px){.step-img{aspect-ratio:16/10;max-width:280px;margin-left:auto;margin-right:auto}.step-num{width:36px;height:36px;font-size:17px;top:10px;left:10px}}.step-img img{object-fit:cover;width:100%;height:100%;display:block}.step-num{background:var(--orange);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;font-weight:700;display:flex;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0000002e}.step-title{margin-bottom:4px;font-weight:600}.step-desc{color:var(--gray);font-size:14px}.store-grid{grid-template-columns:repeat(2,1fr);gap:24px;display:grid}.store-card{cursor:default;border-radius:12px;height:240px;position:relative;overflow:hidden}.store-card img{object-fit:cover;width:100%;height:100%}.store-card-text{color:var(--dark);-webkit-backdrop-filter:blur(8px);background:#ffffffb8;border-radius:12px;padding:12px 14px;position:absolute;bottom:12px;left:12px;right:12px}.store-card-title{margin-bottom:2px;font-size:16px;font-weight:700}.store-card-desc{color:var(--gray);font-size:12px;line-height:1.4}.cta{background:var(--orange);text-align:center;padding:48px 0}.cta h2{color:#fff;margin-bottom:8px;font-family:Montserrat,sans-serif;font-size:24px;font-style:italic;font-weight:900}.cta p{color:#ffffffd9;margin-bottom:24px}.cta .btn-orange{color:var(--orange);background:#fff}.cta .btn-orange:hover{background:#f5f5f5}.cta-phone{color:#fff;font-size:18px;font-weight:600}.footer{background:var(--dark);color:#999;text-align:center;padding:32px 0;font-size:14px}.footer a{color:#ccc}.footer a:hover{color:#fff}.btn{cursor:pointer;border:none;border-radius:8px;padding:14px 32px;font-size:16px;font-weight:600;transition:background .2s;display:inline-block}.btn-orange{background:var(--orange);color:#fff}.btn-orange:hover{background:#d45a1f}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:100%;max-width:420px;padding:32px;position:relative}.modal-close{cursor:pointer;color:#999;background:0 0;border:none;font-size:24px;position:absolute;top:12px;right:16px}.modal h3{margin-bottom:16px;font-size:20px}.modal input{border:1px solid #ddd;border-radius:8px;width:100%;margin-bottom:12px;padding:12px 16px;font-family:inherit;font-size:16px}.modal input:focus{border-color:var(--orange);outline:none}.modal .btn{text-align:center;width:100%}.modal-phone{text-align:center;color:var(--gray);margin-top:16px;font-size:14px}.modal-phone a{color:var(--orange);font-weight:600}.storage-detail{padding:24px 0}.storage-detail h1{text-align:center;margin-bottom:16px;font-size:28px}.storage-main-photo{background:var(--light-gray);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;max-height:500px;margin-bottom:12px;display:flex;overflow:hidden}.storage-main-photo img{object-fit:contain;max-width:100%;max-height:500px}.storage-thumbs{-webkit-overflow-scrolling:touch;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.storage-thumbs::-webkit-scrollbar{display:none}.storage-thumb{cursor:pointer;border:2px solid #0000;border-radius:8px;flex:0 0 72px;height:72px;transition:border-color .2s;overflow:hidden}.storage-thumb.active{border-color:var(--orange)}.storage-thumb img{object-fit:cover;width:100%;height:100%}.storage-price{color:var(--orange);margin:16px 0;font-size:24px;font-weight:700}.storage-meta{color:var(--gray);gap:24px;margin-bottom:16px;display:flex}.storage-desc{color:var(--gray);margin-bottom:24px;line-height:1.6}.fullscreen-overlay{z-index:2000;cursor:pointer;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fullscreen-overlay img{object-fit:contain;max-width:95%;max-height:95vh}@media (width<=768px){.hero h1{font-size:28px}.steps{grid-template-columns:1fr}.carousel-card{flex:0 0 180px}.carousel-card-img{height:240px}.store-grid{grid-template-columns:1fr}.storage-main-photo,.storage-main-photo img{max-height:360px}}
