:root{--bg:#090909;--card:#161616;--muted:#9c9a9a;--line:#282828;--orange:#ff740b;--red:#ff3f36}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f8f7f5;font-family:Inter,'Noto Sans KR',sans-serif}.ambient{position:fixed;pointer-events:none;filter:blur(100px);opacity:.12;border-radius:50%;z-index:-1}.ambient-a{background:#ff7600;width:360px;height:340px;right:4%;top:15%}.ambient-b{background:#b5160b;width:250px;height:250px;left:5%;bottom:10%}a{color:inherit;text-decoration:none}.header{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(20px,4vw,62px);gap:24px;position:sticky;top:0;background:#090909ed;backdrop-filter:blur(16px);z-index:3}.brand{display:flex;align-items:center;gap:10px;min-width:230px}.brand b{letter-spacing:.18em;font-size:14px}.brand small{display:block;letter-spacing:.15em;color:#bd874c;font-size:8px;margin-top:3px}.logo{border:1px solid #6b3915;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;color:#ff9a33;font-weight:900;font-size:21px;box-shadow:0 0 22px #f75d132e;position:relative}.logo i{width:8px;height:8px;background:#ff3b40;border-radius:50%;position:absolute;right:-2px;top:-1px}nav{display:flex;gap:9px;flex:1;justify-content:center}nav a,.account a,.account button{font-size:14px;font-weight:700;color:#a8a5a4;border:1px solid transparent;padding:9px 15px;border-radius:99px;background:transparent}nav a:hover,nav a.active{background:#2a2929;color:#fff}.account{display:flex;align-items:center;gap:4px}.account a{color:#ffd18e;background:#291c0d;border-color:#402712}.account button{border-color:#292929;color:#d1cecc}.menu{display:none}main{max-width:1280px;margin:auto;padding:0 clamp(24px,5vw,72px);min-height:calc(100vh - 64px)}.hero{min-height:690px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:30px}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#ffcf96;border:1px solid #63401e;background:#201711;border-radius:999px;padding:5px 12px;font-size:12px;font-weight:700}.eyebrow:before{content:'';width:7px;height:7px;background:var(--orange);box-shadow:0 0 12px var(--orange);border-radius:50%}.hero h1{font-size:clamp(42px,6vw,76px);line-height:1.06;letter-spacing:-.075em;margin:26px 0}.hero h1 span{background:linear-gradient(110deg,#ffa235,#ff5d09,#ff3131);background-clip:text;color:transparent}.hero p{color:#aaa7a5;line-height:1.8;max-width:570px}.actions{display:flex;gap:12px;margin:30px 0 40px}.btn{border:0;cursor:pointer;border-radius:99px;padding:15px 22px;color:#fff;background:#242323;font-weight:800;font-size:14px}.btn.primary{background:linear-gradient(105deg,#ff9a15,#ff451d);box-shadow:0 9px 27px #e44e193d}.stats{display:flex;gap:12px}.stat{border:1px solid #2d2d2d;border-radius:18px;padding:18px;min-width:150px;background:#151515}.stat b{font-size:22px;display:block}.stat span{font-size:12px;color:#969292}.art{height:410px;position:relative}.orbit{border:1px solid #663315;border-radius:50%;width:340px;height:340px;position:absolute;top:15px;left:50%;transform:translateX(-50%);box-shadow:0 0 35px #ff6b1624}.signal,.pricecard{position:absolute;background:#201f1f;border:1px solid #6c3821;border-radius:22px;box-shadow:0 0 38px #ff6e1825}.signal{padding:18px;width:207px;height:185px;left:12%;top:25px}.signal b{font-size:12px;letter-spacing:.25em;color:#f2c5a2}.bars{display:flex;align-items:start;gap:7px;margin-top:21px;height:70px}.bars i{display:block;width:34px;background:#a46518;border-radius:3px;height:55px}.bars i:nth-child(2){height:67px;background:#743d40}.bars i:nth-child(3){height:40px;background:#575757}.bars i:nth-child(4){height:57px;background:#805f42}.bars i:nth-child(5){height:48px;background:#444}.signal:after{content:'';display:block;background:#ff7a05;width:76%;height:7px;border-radius:8px;margin-top:17px}.pricecard{right:3%;bottom:17px;width:275px;padding:23px}.pricecard small{letter-spacing:.18em;color:#ffe0be}.pricecard strong{display:block;font-size:29px;margin:24px 0 12px}.pill{border:1px solid #3d3d3d;padding:9px 11px;border-radius:11px;color:#bbb;font-size:11px}.section{padding:76px 0}.sectionhead{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.section h2{font-size:30px;letter-spacing:-.055em;margin:12px 0}.sectionhead p{color:var(--muted);max-width:570px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product{background:linear-gradient(145deg,#1e1e1e,#121212);border:1px solid #303030;border-radius:20px;padding:21px;position:relative;overflow:hidden}.product:before{content:'';position:absolute;width:200px;height:200px;right:-110px;top:-110px;background:radial-gradient(circle,#ff680d30,transparent 68%)}.product .rank{font-size:11px;color:#f5b478;letter-spacing:.1em}.product h3{font-size:20px;margin:13px 0 8px;letter-spacing:-.04em}.product p{color:#aaa;font-size:13px;line-height:1.65;min-height:42px}.product strong{font-size:21px;display:block;margin:16px 0}.tags{display:flex;gap:6px;flex-wrap:wrap}.tags span{font-size:10px;border:1px solid #414141;color:#bbb;padding:5px 7px;border-radius:6px}.product .row{display:flex;gap:7px;margin-top:20px}.product .row button{font-size:12px;flex:1;padding:10px;border-radius:9px;border:1px solid #444;background:#242424;color:#eee;font-weight:700;cursor:pointer}.product .row button:last-child{background:#ff6c0d;border-color:#ff6c0d}.trust{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust div{background:#141414;border:1px solid #292929;padding:22px;border-radius:16px}.trust b{color:#ff8a1a;font-size:20px}.trust h3{margin:12px 0 6px;font-size:15px}.trust p{margin:0;color:#999;font-size:12px;line-height:1.6}.page-title{padding:74px 0 30px}.page-title h1{font-size:42px;letter-spacing:-.06em;margin:12px 0}.page-title p{color:#999;line-height:1.7}.filters{display:flex;gap:8px;margin:15px 0 27px}.filters button{border:1px solid #373737;background:#151515;color:#bbb;padding:9px 14px;border-radius:99px;cursor:pointer}.filters .on{background:#f17613;color:white;border-color:#f17613}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;padding-bottom:70px}.cart-layout{display:grid;grid-template-columns:1fr 340px;gap:20px;padding-bottom:70px}.empty{border:1px dashed #3b3b3b;border-radius:18px;padding:70px 22px;text-align:center;background:#111}.empty .diamond{color:#fb8517;font-size:33px}.empty h2{margin:15px 0 8px}.empty p{color:#999}.summary{align-self:start;background:#151515;border:1px solid #323232;border-radius:18px;padding:22px}.summary h3{margin-top:0}.summary p{display:flex;justify-content:space-between;color:#aaa;font-size:13px}.summary .total{font-size:17px;color:#fff;border-top:1px solid #333;padding-top:17px}.summary button{width:100%;margin-top:18px}.cart-item{display:flex;align-items:center;justify-content:space-between;border:1px solid #323232;background:#151515;border-radius:16px;padding:19px;margin-bottom:11px}.cart-item p{color:#aaa;font-size:12px}.cart-item button{border:0;background:none;color:#f78a3c;cursor:pointer}.dash{display:grid;grid-template-columns:220px 1fr;gap:20px;padding-bottom:72px}.profile{border:1px solid #313131;background:#141414;border-radius:18px;padding:24px;text-align:center;height:max-content}.avatar{display:grid;place-items:center;width:75px;height:75px;border-radius:50%;margin:auto;background:linear-gradient(135deg,#ff8a20,#52210b);font-weight:900;font-size:25px}.profile h3{margin:15px}.profile button{display:block;width:100%;margin-top:8px;border:1px solid #373737;background:#222;color:#ddd;padding:10px;border-radius:9px}.order{border:1px solid #343434;background:#151515;border-radius:18px;padding:22px;margin-bottom:14px}.order-top{display:flex;justify-content:space-between;gap:15px}.order small{color:#999}.order .money{color:#ff9b3d;font-size:20px;font-weight:800}.notice{background:#241711;border:1px solid #663718;border-radius:11px;color:#edc29a;padding:12px;font-size:12px;line-height:1.6;margin-top:15px}.legal{max-width:760px;margin:auto;padding:80px 0 110px}.legal article{border:1px solid #313131;background:#141414;border-radius:20px;padding:40px}.legal p{color:#aaa;line-height:1.85}footer{border-top:1px solid #282828;padding:42px max(24px,calc((100vw - 1136px)/2));color:#9b9896;font-size:12px;display:grid;grid-template-columns:1.4fr 1.2fr .8fr;gap:30px;line-height:1.8}footer strong{color:#f5f2ef;letter-spacing:.14em;font-size:14px}footer p{max-width:390px}.footlinks{display:flex;flex-direction:column;gap:7px}.modal{position:fixed;inset:0;background:#000a;display:grid;place-items:center;z-index:9;padding:20px}.modal-box{background:#1c1c1c;border:1px solid #4d4d4d;border-radius:20px;width:min(500px,100%);padding:28px;box-shadow:0 20px 80px #000}.modal-box h2{margin-top:0}.modal-box p{color:#aaa;line-height:1.7}.modal-box .close{float:right;background:transparent;border:0;color:#aaa;font-size:20px;cursor:pointer}.modal-box button:not(.close){width:100%;margin-top:18px}@media(max-width:760px){.header{padding:0 18px;height:59px}.brand{min-width:auto}.brand b{font-size:12px}.brand small{font-size:7px}.logo{width:34px;height:34px}.menu{display:block;background:none;border:0;color:#fff;font-size:20px;margin-left:auto}.header nav,.account{display:none}.header.open nav{position:absolute;display:flex;top:59px;left:0;right:0;padding:12px 18px;background:#111;border-bottom:1px solid #333;justify-content:flex-start;overflow:auto}.header.open .account{position:absolute;display:flex;top:114px;left:0;right:0;padding:10px 18px;background:#111;border-bottom:1px solid #333}.hero{grid-template-columns:1fr;min-height:0;padding:65px 0 45px}.hero h1{font-size:45px}.art{height:310px}.signal{left:0;transform:scale(.82);transform-origin:top left}.pricecard{right:0;transform:scale(.82);transform-origin:bottom right}.stats{gap:8px}.stat{min-width:0;flex:1;padding:13px}.stat b{font-size:18px}.section{padding:48px 0}.sectionhead{display:block}.cards,.catalog{grid-template-columns:1fr}.trust{grid-template-columns:1fr 1fr}.cart-layout,.dash{grid-template-columns:1fr}.page-title{padding-top:48px}.page-title h1{font-size:35px}.legal{padding:45px 0 70px}.legal article{padding:25px}footer{grid-template-columns:1fr;padding:30px 24px;gap:15px}.business{font-size:11px}}
/* JSPM brand theme — deep navy, teal and electric cyan */
:root{--bg:#07131d;--card:#0e2330;--muted:#9aabb5;--line:#234252;--orange:#2dd4bf;--red:#5eead4}body{background:#07131d}.header{background:#07131ded}.ambient-a{background:#0e7490}.ambient-b{background:#14b8a6}.brand small{color:#64e5d0}.logo{border-color:#2dd4bf;color:#99f6e4;background:linear-gradient(145deg,#123747,#0b202d);box-shadow:0 0 24px #2dd4bf47;border-radius:10px}.logo i{background:#67e8f9}.account a{color:#bffdf3;background:#123a40;border-color:#1e6870}.eyebrow{color:#a5f3fc;border-color:#1f6775;background:#0d2935}.hero h1 span{background:linear-gradient(110deg,#99f6e4,#22d3ee,#818cf8);background-clip:text;color:transparent}.btn.primary{background:linear-gradient(105deg,#14b8a6,#0284c7);box-shadow:0 9px 27px #14b8a640}.orbit{border-color:#157b87;box-shadow:0 0 35px #22d3ee24}.signal,.pricecard{border-color:#1b7180;box-shadow:0 0 38px #22d3ee23;background:#102735}.signal b,.pricecard small{color:#a5f3fc}.bars i{background:#0e7490}.bars i:nth-child(2){background:#2563a5}.bars i:nth-child(3){background:#49829a}.bars i:nth-child(4){background:#14b8a6}.signal:after{background:#2dd4bf}.product:before{background:radial-gradient(circle,#22d3ee2d,transparent 68%)}.product .rank,.trust b,.cart-item button,.empty .diamond,.order .money{color:#2dd4bf}.product .row button:last-child,.filters .on{background:#0f9faa;border-color:#0f9faa}.avatar{background:linear-gradient(135deg,#14b8a6,#2563a5)}.notice{background:#102c38;border-color:#236b79;color:#b7f5ee}
