@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+KR:wght@400;500;600;700&display=swap');
:root{--ink:#172423;--paper:#f2f2eb;--muted:#626e68;--line:#ced3ca;--lime:#dcf589;--dark:#111919;--pad:clamp(24px,6vw,110px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'IBM Plex Sans KR',Arial,sans-serif;font-size:15px;line-height:1.7;word-break:keep-all}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #728d19;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2;letter-spacing:-.055em}h1{font-size:clamp(48px,5.8vw,92px);font-weight:500}h2{font-size:clamp(36px,4vw,62px);font-weight:500}h3{font-size:25px;font-weight:500}em{font-style:normal;color:#78877b}p{color:var(--muted)}.wrap{padding:110px var(--pad)}.eyebrow{font-family:Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.17em;margin-bottom:26px;color:inherit}.header{height:88px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--dark);color:#fff;position:relative;z-index:30;border-bottom:1px solid #ffffff20}.brand{font-family:Arial,sans-serif;font-size:21px;letter-spacing:-.04em;font-weight:700;position:relative}.brand i{font-style:normal;color:var(--lime);margin-right:8px}.brand span{display:block;font-size:8px;font-weight:400;letter-spacing:.18em;margin-left:36px;color:#9eaca5}.header nav{display:flex;gap:35px;font-size:13px;color:#cbd4cf}.nav-cta{font-size:13px;border-bottom:1px solid #d9ee9f;padding:7px 0}.skip{position:absolute;top:-100px;z-index:100;background:var(--lime);padding:10px}.skip:focus{top:0}.hero{min-height:650px;height:calc(100svh - 88px);max-height:1100px;background:var(--dark);position:relative;color:white;overflow:hidden}.hero-image{position:absolute;width:70%;height:100%;right:0;object-fit:cover;object-position:60% center;opacity:.78}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#111919 7%,#111919ed 25%,#11191966 65%,#11191905),linear-gradient(0deg,#111919b0,transparent 35%)}.hero-copy{position:relative;padding:clamp(90px,12vh,160px) var(--pad) 110px}.hero h1{max-width:1000px;margin-bottom:30px}.hero h1 em{color:var(--lime)}.hero-description{color:#c0cac4;font-size:17px;line-height:1.9;margin-bottom:36px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--lime);margin-right:10px}.button{min-height:54px;display:inline-flex;gap:34px;align-items:center;justify-content:space-between;padding:14px 24px;border:1px solid var(--ink);color:var(--ink);background:transparent;font-size:14px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#e0e4d4;transform:translateY(-2px)}.button.accent{background:var(--lime);border-color:var(--lime);color:#172423}.button.accent:hover{background:#cde779}.hero-bottom{position:absolute;bottom:25px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:15px;font:10px Arial,sans-serif;letter-spacing:.13em;color:#a4b0ab;border-top:1px solid #ffffff25;padding-top:23px}.foundation{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:130px;padding-bottom:120px}.lead{font-size:22px;color:var(--ink);line-height:1.65}.pillars{margin-top:40px}.pillars p{border-top:1px solid var(--line);padding:18px 0;margin:0;font-size:13px}.pillars b{display:block;color:var(--ink);font-size:15px;margin-bottom:5px;font-weight:500}.server-intro{background:#e5e8dc;padding-bottom:45px;padding-top:70px}.server-intro>div,.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px}.server-intro h2{margin-bottom:15px}.server-intro>div p{font-size:14px}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding:5px 0;font-size:13px}.journey{background:#e5e8dc}.journey-pin{padding:24px var(--pad);overflow:hidden}.journey-top{display:flex;justify-content:space-between;align-items:center;font:10px Arial,sans-serif;letter-spacing:.13em;border-top:1px solid #b9c2b4;padding-top:18px}.journey-top a{font:12px 'IBM Plex Sans KR',sans-serif;letter-spacing:0}.track{display:flex;flex-direction:column;gap:30px}.plan-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:6vw;position:relative;min-width:0;padding:35px 0}.plan-art{min-height:400px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:40px;background:radial-gradient(ellipse at 50% 30%,#d3dccc,#b4c0b0);overflow:hidden}.technical{position:absolute;top:22px;left:25px;font:10px Arial;letter-spacing:.16em;z-index:2}.big-num{position:absolute;bottom:-50px;right:-4px;font:280px Arial;letter-spacing:-.12em;color:#ffffff35;pointer-events:none}.art-note{font-size:9px;position:absolute;bottom:20px;left:25px;color:#445546;z-index:2}.rack{position:relative;z-index:1;transform:perspective(900px) rotateY(-18deg) rotateX(10deg) rotateZ(-5deg);margin:0 auto;width:min(100%,370px);padding:14px 10px;background:linear-gradient(130deg,#424b47,#131c1b);box-shadow:28px 32px 34px #263c3c45,8px 3px 0 #5b635c;border:1px solid #606a5e;border-radius:3px}.blade{height:29px;margin:5px 0;background:repeating-linear-gradient(90deg,#273331 0px,#273331 2px,#111b1a 2px,#111b1a 4px);border:1px solid #6b7363;display:flex;align-items:center;gap:5px;padding:6px;box-shadow:0 3px 3px #0006}.blade span{font:7px monospace;letter-spacing:1px;color:#9dab9e;margin-right:auto;background:#19221e;padding:3px}.blade b{height:12px;width:32px;background:#35423b;border:1px solid #74806d}.blade i{width:4px;height:4px;background:#cceca1;border-radius:50%;box-shadow:0 0 6px #dbff91;margin:5px}.plan-info{align-self:center;min-width:0}.plan-info .eyebrow{font-size:10px;margin-bottom:13px}.plan-info h3{font-size:clamp(32px,3vw,48px);margin-bottom:10px}.plan-info>p:not(.eyebrow){font-size:13px;margin-bottom:14px}.price{font-family:Arial,sans-serif;font-size:clamp(32px,3.5vw,54px);line-height:1.3;letter-spacing:-.05em;margin-bottom:17px}.price small{font-family:'IBM Plex Sans KR',sans-serif;font-size:12px;letter-spacing:0;margin-left:12px;color:#5e6b60}.model{border-top:1px solid #b7c0b2;padding-top:15px}dl{margin:10px 0 22px;font-size:13px}dl>div{display:flex;gap:20px;justify-content:space-between;padding:9px 0;border-bottom:1px solid #bac3b45c}dt{color:var(--muted);min-width:58px}dd{margin:0;text-align:right}.journey-bottom{padding-top:10px;display:flex;align-items:center;gap:30px}.plan-dots{display:flex;gap:20px}.plan-dots button{border:0;background:none;padding:7px 0;display:flex;gap:5px;color:#67725f;font:11px Arial}.plan-dots button span{font:11px 'IBM Plex Sans KR';display:none}.plan-dots button[aria-current=true]{color:#132617;font-weight:bold}.plan-dots button[aria-current=true] span{display:block}.progress{height:2px;background:#c1cabb;flex:1}.progress i{display:block;width:0;height:100%;background:#354d27}.scroll-hint{font:9px Arial;letter-spacing:.14em}.horizontal .journey-pin{position:sticky;top:0;height:100svh;display:grid;grid-template-rows:45px 1fr 44px}.horizontal .viewport{overflow:hidden;min-height:0}.horizontal .track{flex-direction:row;gap:0;height:100%;will-change:transform}.horizontal .plan-panel{flex:0 0 100%;height:100%;padding:24px 0}.horizontal .plan-art{min-height:0}.cloud{padding-top:35px}.note{font-size:12px;color:#687166;line-height:1.8}.cloud .section-heading{margin-top:95px;margin-bottom:45px}.cloud-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cloud-card{padding:35px 28px;border:1px solid var(--line);display:flex;flex-direction:column}.cloud-card h3{font-size:29px}.cloud-card .price{font-size:35px;margin-top:15px}.cloud-card>p{font-size:13px}.cloud-card dl{font-size:12px}.cloud-card .text-link{align-self:start;margin-top:auto}.cloud-card.gpu{background:#23312c;color:white;border-color:#23312c}.gpu p,.gpu dt{color:#becbb9}.gpu dl{margin-top:25px}.options{margin:40px 0 15px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:22px 0;display:flex;justify-content:space-between;gap:15px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font:22px Arial;color:#728268}details[open]>summary:after{content:'−'}.options summary span{display:none}.options>div{padding:15px 0 30px}.options h3{font-size:18px;margin:15px 0}.services{background:#18231f;color:#edf3e8}.services em{color:#a8b69e}.services .section-heading{margin-bottom:60px}.services p{color:#afbbac}.service-row{display:grid;grid-template-columns:35px 1fr 1.1fr 150px 22px;align-items:center;gap:22px;border-top:1px solid #ffffff22;padding:27px 0;transition:color .2s}.service-row:hover{color:var(--lime)}.service-row h3{margin:0;font-size:23px;letter-spacing:-.04em}.service-row p{margin:0;font-size:13px}.service-no{color:#809379;font:11px Arial}.service-price{font-size:12px;text-align:right}.arrow{font-size:25px;color:var(--lime)}.traffic{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:65px}.traffic a{border:1px solid #ffffff30;padding:26px;transition:background .2s}.traffic a:hover{background:#ffffff09}.traffic span{font:10px Arial;letter-spacing:.15em;color:#a8b79b}.traffic h3{font-size:21px;margin:25px 0 8px}.traffic p{font-size:13px;margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:60px}.steps>div{border-top:1px solid var(--line);padding-top:22px}.steps span{font:12px Arial;color:#728466}.steps h3{margin:28px 0 10px;font-size:23px}.steps p{font-size:13px}.faq{padding-top:0;display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}.faq h2{font-size:35px}.faq details{border-top:1px solid var(--line)}.faq summary{font-size:15px}.faq details p{font-size:14px;padding-bottom:15px}.closing{background:#dce5ca;position:relative;overflow:hidden;padding-top:90px;padding-bottom:140px}.closing h2{font-size:clamp(42px,5vw,75px);position:relative;z-index:1}.closing .button{background:var(--ink);color:var(--lime);border-color:var(--ink);position:relative;z-index:1}.closing-word{position:absolute;bottom:-65px;right:3vw;font:bold clamp(90px,16vw,240px) Arial;letter-spacing:-.08em;color:#bfcdb066;pointer-events:none}footer{padding:50px var(--pad);background:#111919;color:#edf4e8}footer p{font-size:12px;color:#a7b2a9;margin:15px 0 35px}footer>div{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding-top:20px;font-size:11px;color:#95a192}.detail{max-width:1280px;margin:auto;min-height:70vh}.detail h1,.contact h1{font-size:clamp(42px,5vw,70px)}.detail .breadcrumb{font-size:13px;padding:25px 0;color:var(--muted)}.detail .detail-hero{padding:45px 0;border-bottom:1px solid var(--line)}.detail .detail-price{font-size:30px;margin:25px 0}.detail .detail-body{display:grid;gap:35px;padding:45px 0}.detail .detail-body h2{font-size:28px}.detail .detail-body section{border-bottom:1px solid var(--line);padding-bottom:25px}.detail .detail-cta{padding:35px;background:#e1e8d6}.detail .detail-cta h2{font-size:30px}.detail a:not(.button){text-decoration:underline;text-underline-offset:5px}.detail .eyebrow{text-decoration:none}.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;margin-top:65px}.contact label{display:block;margin-bottom:22px;font-size:14px}.contact input,.contact select,.contact textarea{display:block;width:100%;border:1px solid #bac7b6;border-radius:0;background:#fafbf6;padding:14px;margin-top:8px;color:var(--ink)}textarea{resize:vertical}.contact aside{background:#e1e8d6;padding:38px;align-self:start}.contact aside h2{font-size:33px}.contact li,.contact aside p{font-size:14px}.contact hr{border:0;border-top:1px solid #bcc8b5;margin:30px 0}#preview{margin-top:25px}#copy-state{font-size:13px}.detail table{width:100%;border-collapse:collapse}.detail th,.detail td{border:1px solid var(--line);padding:12px}
@media(min-width:1600px){.plan-art .rack{width:440px}.blade{height:36px}.plan-info{max-width:560px}}
@media(max-width:900px){.header nav{display:none}.hero-image{width:100%;opacity:.5}.hero-shade{background:linear-gradient(90deg,#111919df,#11191920)}.hero{min-height:650px}.foundation{gap:7%}.plan-panel{gap:5vw}.plan-art{padding:25px;min-height:330px}.cloud-grid{grid-template-columns:1fr 1fr}.cloud-card.gpu{grid-column:1/-1}.service-row{grid-template-columns:25px 1fr 130px 20px;gap:12px}.service-row p{grid-column:2;grid-row:auto}.service-price{grid-column:3;grid-row:auto}.service-row .arrow{grid-column:4;grid-row:1/3}.service-row h3{font-size:21px}.traffic{gap:12px}.traffic a{padding:20px}.steps{gap:18px}.faq{gap:5%}.contact-grid{gap:5%}}
@media(max-width:700px){:root{--pad:22px}.wrap{padding:70px var(--pad)}.header{height:74px}.brand{font-size:18px}.brand span{font-size:7px}.nav-cta{font-size:12px}.hero{height:calc(100svh - 74px);min-height:620px;max-height:900px}.hero-copy{padding:100px var(--pad) 110px}.hero h1{font-size:clamp(39px,8.5vw,58px);line-height:1.25;letter-spacing:-.065em}.hero .eyebrow{font-size:9px}.hero-description{font-size:15px}.hero-bottom{font-size:8px}.hero-bottom>span:last-child{position:absolute;bottom:30px;right:0;font-size:8px}.foundation{grid-template-columns:1fr;gap:25px}.lead{font-size:19px}.server-intro>div,.section-heading{display:block}.server-intro h2{margin-bottom:25px}.journey-pin{padding:20px var(--pad)}.journey-top{font-size:9px}.journey-top #position{display:none}.track{gap:40px}.plan-panel{display:flex;flex-direction:column;gap:25px;padding:15px 0 30px;border-bottom:1px solid #bac3b4}.plan-art{min-height:280px;width:100%;padding:45px 32px}.rack{max-width:285px}.blade{height:24px}.big-num{font-size:190px;bottom:-40px}.art-note{font-size:8px;left:17px}.plan-info{width:100%}.plan-info h3{font-size:36px}.plan-info .price{font-size:40px}.plan-info .button{width:100%}.journey-bottom{display:none}.cloud .section-heading{margin-top:55px}.cloud-grid{grid-template-columns:1fr}.cloud-card.gpu{grid-column:auto}.cloud-card{padding:30px 25px}.cloud{padding-top:25px}.options p{font-size:14px}.services .section-heading{margin-bottom:35px}.service-row{grid-template-columns:22px 1fr 20px;padding:24px 0}.service-row h3{font-size:22px;grid-column:2}.service-row p{grid-column:2;font-size:12px}.service-price{grid-column:2;grid-row:auto;text-align:left;color:#d5e2c7}.service-row .arrow{grid-column:3;grid-row:1/4}.traffic{grid-template-columns:1fr;margin-top:45px}.traffic h3{margin-top:15px}.steps{grid-template-columns:1fr 1fr;gap:30px 20px;margin-top:40px}.steps p{font-size:12px}.steps h3{font-size:21px}.faq{grid-template-columns:1fr;padding-top:0;gap:35px}.faq summary{font-size:14px}.closing{padding-bottom:110px}.closing-word{bottom:-20px}.contact-grid{grid-template-columns:1fr;gap:45px}.contact h1{font-size:40px}.contact aside{padding:27px}.detail .detail-body{padding-top:30px}.detail h1{font-size:40px}.detail table{font-size:12px}.detail th,.detail td{padding:7px}footer>div{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.scroll-hint{display:none}}