:root{font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Malgun Gothic",sans-serif;color:#173c48;background:#f4f8f8;font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #1884a2;outline-offset:4px}.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px clamp(24px,5vw,84px);background:#fff;border-bottom:1px solid #dce9e9}.brand{display:flex;align-items:center;gap:11px;color:#173c48}.brand-mark,.art-icon,.feature-icon,.access-icon{display:grid;place-items:center;flex:none;color:#164451;background:linear-gradient(145deg,#e4fff7,#67cbb4 58%,#389383);box-shadow:inset 0 1px 2px #fff,0 5px 10px #173c4826}.brand-mark{width:42px;height:42px;border-radius:14px;font-weight:900;font-size:23px}.brand strong,.brand small{display:block}.brand strong{font-size:17px;letter-spacing:.09em}.brand small{font-size:9px;letter-spacing:.11em;color:#728c92;margin-top:3px}.header-nav{display:flex;align-items:center;gap:28px;font-size:14px;font-weight:700;color:#4b6871}.header-nav a:hover{color:#16816c}.header-login{padding:11px 17px;border:1px solid #d1e1e1;border-radius:999px;background:linear-gradient(#fff,#f0f6f5)}main{max-width:1640px;margin:auto}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:center;gap:clamp(40px,6vw,100px);padding:clamp(60px,8vw,116px) clamp(24px,5vw,84px) clamp(70px,8vw,116px)}.hero-copy{max-width:640px}.kicker,.section-label{color:#198773;font-size:13px;font-weight:800;letter-spacing:.02em}.kicker{display:flex;align-items:center;gap:8px;margin:0 0 22px}.kicker span,.note-dot{width:8px;height:8px;border-radius:50%;background:#28a486;box-shadow:0 0 0 4px #d8f1e9}.hero h1{margin:0;color:#133b48;font-size:clamp(38px,4vw,64px);line-height:1.2;letter-spacing:-.06em;word-break:keep-all}.lead{max-width:530px;color:#55727a;font-size:clamp(16px,1.3vw,19px);line-height:1.8;word-break:keep-all;margin:24px 0 30px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:14px;padding:12px 22px;border-radius:999px;font-size:14px;font-weight:800;border:1px solid #cbdede;box-shadow:0 4px 10px #173c4810}.button.primary{background:linear-gradient(#2aa48a,#18816d);border-color:#16816d;color:#fff;box-shadow:0 7px 16px #17816d2c}.button.secondary{background:linear-gradient(#fff,#f2f7f7);color:#2c535d}.button:hover,.header-login:hover{filter:brightness(.97)}.hero-note{display:flex;align-items:center;gap:10px;margin-top:29px;font-size:13px;color:#6a858a}.note-dot{width:6px;height:6px;box-shadow:none}.warehouse-art{position:relative;min-width:0;overflow:hidden;background:#e7f1f0;border:1px solid #cfe1df;border-radius:28px;padding:22px;box-shadow:0 22px 55px #173c4812}.art-header{display:flex;align-items:center;gap:11px}.art-icon{width:42px;height:42px;border-radius:14px;font-size:23px;font-weight:800}.art-header strong,.art-header small{display:block}.art-header strong{font-size:14px}.art-header small{margin-top:3px;color:#6e898d;font-size:12px}.art-pill{margin-left:auto;border:1px solid #c0d9d4;border-radius:99px;padding:6px 10px;font-size:10px;font-weight:800;color:#327766;letter-spacing:.04em}.warehouse-floor{display:grid;gap:22px;padding:30px clamp(14px,3vw,40px);margin-top:20px;border:1px solid #c6dcd9;border-radius:18px;background-color:#d8e9e6;background-image:linear-gradient(#accbc655 1px,transparent 1px),linear-gradient(90deg,#accbc655 1px,transparent 1px);background-size:29px 29px}.rack-row{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(7px,1vw,15px)}.rack-unit{height:clamp(30px,4.2vw,65px);border:1px solid #74969d;border-radius:5px;background:linear-gradient(155deg,#e2eeed 0 16%,#8eabb1 17% 68%,#668e96 69%);box-shadow:inset 0 1px 2px #fff9,3px 5px 0 #466d75,4px 9px 8px #234e5240}.rack-unit.mint{background:linear-gradient(155deg,#d9fff2 0 16%,#68c7ae 17% 68%,#3b9e8d 69%)}.rack-unit.gold{background:linear-gradient(155deg,#fff6d4 0 16%,#eabb6e 17% 68%,#c28d43 69%)}.art-footer{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;color:#607e83;font-size:12px}.art-footer span:last-child{margin-left:auto}.art-footer i{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:6px}.legend-mint{background:#49aa91}.legend-gold{background:#d8a04e}.features{padding:0 clamp(24px,5vw,84px) clamp(70px,7vw,104px)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-label{margin:0 0 10px}.section-heading h2,.access h2{font-size:clamp(25px,2.4vw,34px);letter-spacing:-.05em;margin:0;color:#173c48}.section-heading>p,.access>div>p:last-child{color:#607a81;line-height:1.6;font-size:14px;margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.feature-grid article{background:#fff;border:1px solid #dce9e7;border-radius:20px;padding:25px;min-width:0}.feature-icon,.access-icon{width:44px;height:44px;border-radius:15px;font-size:21px;font-weight:800}.feature-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.blue{background:linear-gradient(145deg,#f2f8ff,#9abff0 58%,#6d94cc)}.amber{background:linear-gradient(145deg,#fff7e1,#eac383 58%,#bd915d)}.mint-icon{background:linear-gradient(145deg,#e9fff8,#80d5bc 58%,#429c8a)}.feature-grid h3{font-size:17px;margin:20px 0 8px}.feature-grid p{font-size:14px;color:#617c82;line-height:1.65;margin:0;word-break:keep-all}.access{margin:0 clamp(24px,5vw,84px) 70px;padding:32px;border-radius:24px;background:#e4f0ed;display:grid;grid-template-columns:minmax(240px,1fr) minmax(0,1.6fr);gap:32px;align-items:center}.access>div>p:last-child{margin-top:10px}.access-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.access-links a{display:flex;align-items:center;gap:10px;min-width:0;padding:15px;background:#fff;border:1px solid #d4e5e1;border-radius:15px}.access-links a:hover{border-color:#75bbaa}.access-icon{width:37px;height:37px;border-radius:12px;font-size:18px}.access-links strong,.access-links small{display:block}.access-links strong{font-size:13px;white-space:nowrap}.access-links small{font-size:11px;color:#6a8388;margin-top:4px;word-break:keep-all}.access-links b{margin-left:auto;color:#4e8c7d;font-size:16px}footer{display:flex;justify-content:space-between;gap:15px;padding:24px clamp(24px,5vw,84px);border-top:1px solid #dbe8e6;color:#718b90;font-size:12px}footer span:first-child{font-weight:800;color:#3c6069}@media(max-width:1000px){.hero{gap:35px}.access{grid-template-columns:1fr}.section-heading{align-items:start;flex-direction:column;gap:10px}}@media(max-width:700px){.site-header{padding:15px 20px}.brand small,.header-nav a:not(.header-login){display:none}.header-nav{gap:0}.header-login{font-size:12px;padding:10px 13px}.hero{grid-template-columns:1fr;padding:52px 20px 65px}.hero h1{font-size:clamp(36px,9vw,48px)}.lead{margin:19px 0 25px}.warehouse-art{padding:17px}.warehouse-floor{gap:17px}.rack-unit{height:38px}.features{padding:0 20px 60px}.feature-grid{grid-template-columns:1fr}.feature-grid article{padding:20px}.feature-grid h3{margin-top:14px}.access{margin:0 20px 48px;padding:24px}.access-links{grid-template-columns:1fr}.access-links a{min-height:68px}footer{padding:22px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}