/* JnP Studio — no external fonts or dependencies */
:root{--bg:#f7f9f9;--surface:#fff;--ink:#17252d;--muted:#63717b;--line:#e2e9e8;--teal:#006e68;--deep:#083d3a;--mint:#e7f8f2;--shadow:0 20px 70px rgba(20,50,55,.08);--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:'Pretendard Variable','Pretendard','Noto Sans KR','Apple SD Gothic Neo',system-ui,-apple-system,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img,svg{max-width:100%}::selection{background:#d5f4e6;color:#064c46}.container{width:min(1140px,calc(100% - 44px));margin-inline:auto}.skip-link{position:absolute;top:-70px;left:20px;z-index:80;background:#fff;padding:10px 15px;border-radius:10px}.skip-link:focus{top:12px}
.site-header{position:sticky;top:0;z-index:50;background:rgba(249,251,250,.93);backdrop-filter:blur(18px);border-bottom:1px solid rgba(225,232,230,.8)}.header-inner{height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:11px;white-space:nowrap}.brand-mark{background:var(--deep);color:#b4f0ce;display:grid;place-items:center;font-weight:900;letter-spacing:-.11em;padding-right:3px;font-size:18px;width:43px;height:43px;border-radius:15px;box-shadow:0 10px 23px #083d3a29}.brand-name{font-weight:850;font-size:18px;letter-spacing:-.04em}.brand-name small{display:block;font-size:10px;letter-spacing:.25em;color:#74817d;font-weight:800;line-height:1.2}.nav{display:flex;align-items:center;gap:28px}.nav a{font-size:14px;font-weight:700;color:#50616b;transition:.2s}.nav a:hover,.nav a[aria-current=page]{color:var(--teal)}.nav .nav-cta{padding:10px 18px;border-radius:30px;background:var(--deep);color:white}.nav .nav-cta:hover{color:white;background:#13635c}.mobile-menu{display:none;border:1px solid var(--line);border-radius:11px;padding:8px 13px;background:#fff;cursor:pointer}
.hero{padding:98px 0 106px;background:radial-gradient(circle at 83% 22%,#d8f7e8 0,transparent 33%),radial-gradient(circle at 0 98%,#eaf7f4 0,transparent 33%),linear-gradient(180deg,#fbfdfc 0%,#f4f9f7 100%);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;align-items:center;gap:76px}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-weight:850;font-size:12px;letter-spacing:.14em;color:var(--teal);text-transform:uppercase}.eyebrow:before{content:'';width:7px;height:7px;border-radius:50%;background:#00a58f;box-shadow:0 0 0 5px #d6f4e7}.hero h1{font-size:clamp(44px,5.2vw,74px);line-height:1.14;letter-spacing:-.075em;margin:22px 0 22px;font-weight:900}.hero h1 em{color:var(--teal);font-style:normal}.hero p{font-size:18px;line-height:1.85;color:#60707b;margin:0;max-width:520px}.hero-actions{margin-top:34px;display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:14px 21px;border:1px solid var(--line);border-radius:13px;font-weight:800;font-size:14px;min-height:50px;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #1b47451c}.btn-primary{color:white;background:var(--deep);border-color:var(--deep)}.btn-white{background:white}.hero-note{font-size:12px!important;margin-top:24px!important;color:#80918d!important}
.hero-art{position:relative;min-height:430px;display:grid;place-items:center}.art-bg{position:absolute;inset:40px 0 25px 10px;border:1px solid #afd7c8;border-radius:48px;transform:rotate(-8deg);background:linear-gradient(130deg,#d8f4e5,#f8fffd 61%)}.art-grid{position:absolute;inset:50px 15px 25px 0;opacity:.35;background-image:radial-gradient(#75ab9f 1px,transparent 1px);background-size:22px 22px}.art-window{position:relative;width:315px;max-width:90%;border:1px solid #dbebe5;border-radius:29px;background:#fff;box-shadow:0 26px 70px #1c635338;transform:rotate(4deg);padding:23px}.window-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1ef;padding-bottom:15px}.window-dots{display:flex;gap:5px}.window-dots i{width:7px;height:7px;background:#dbe8e4;border-radius:50%}.window-title{font-size:12px;font-weight:850;color:#6f8880}.window-logo{font-size:12px;color:#14806c;font-weight:850}.ui-row{display:flex;align-items:center;gap:14px;padding:19px 0;border-bottom:1px solid #f0f3f3}.ui-row:last-of-type{border-bottom:0}.ui-icon{width:52px;height:52px;border-radius:16px;background:#e5f6e8;color:#167357;display:grid;place-items:center;font-size:24px;font-weight:900}.ui-icon.violet{background:#f0eafd;color:#7654c1}.ui-icon.orange{background:#fff1e8;color:#dd774c}.ui-copy{flex:1}.ui-copy strong{font-size:14px;display:block}.ui-copy span{font-size:11px;color:#91a19e}.ui-chevron{color:#a4bab2}.art-orbit{position:absolute;width:100px;height:100px;background:#0a5854;color:#dbffe9;border-radius:30px;box-shadow:0 18px 30px #09413d30;display:grid;place-items:center;font-size:41px;font-weight:900;right:-14px;top:31px;transform:rotate(16deg)}.art-bubble{position:absolute;left:5px;bottom:30px;background:#fff;border-radius:15px;padding:13px 17px;box-shadow:0 14px 33px #16534720;border:1px solid #d9e8e2;font-size:12px;font-weight:850;color:#236c60;transform:rotate(-6deg)}
.section{padding:96px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-kicker{font-size:12px;letter-spacing:.15em;font-weight:850;color:var(--teal)}.section h2,.page-hero h1{font-size:clamp(29px,3.4vw,45px);letter-spacing:-.065em;line-height:1.25;margin:10px 0 10px;font-weight:880}.section-desc{font-size:15px;color:var(--muted);max-width:510px}.filter-tabs{display:flex;gap:7px;flex-wrap:wrap}.filter-tab{cursor:pointer;background:white;color:#63736d;border:1px solid var(--line);padding:9px 15px;border-radius:999px;font-size:13px;font-weight:750}.filter-tab[aria-pressed=true]{background:var(--deep);color:#fff;border-color:var(--deep)}.apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.app-card{border-radius:var(--radius);border:1px solid #e1e9e7;background:#fff;padding:27px;min-height:319px;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}.app-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.app-card.hidden{display:none}.card-head{display:flex;align-items:start;justify-content:space-between;gap:12px}.app-icon{width:66px;height:66px;border-radius:21px;display:grid;place-items:center;font-size:26px;font-weight:900;letter-spacing:-.05em;flex-shrink:0}.app-icon.lime{background:linear-gradient(145deg,#b4f1ca,#dbfadc);color:#15634b}.app-icon.violet{background:linear-gradient(145deg,#ddd0ff,#f7e7fb);color:#6448a5}.app-icon.orange{background:linear-gradient(145deg,#ffe0be,#fff1e1);color:#c47540}.app-icon.blue{background:linear-gradient(145deg,#cde4ff,#ebf4ff);color:#3763a4}.app-icon.pink{background:linear-gradient(145deg,#ffe0e8,#fff0f4);color:#af5b75}.status{display:inline-block;border-radius:100px;font-size:11px;font-weight:850;padding:6px 10px;white-space:nowrap;background:#f2f4f5;color:#78838a}.status.testing{background:#e6f5e9;color:#23754f}.status.ready{background:#ecedff;color:#595fc0}.status.building{background:#f4f4f5;color:#7b848a}.app-card .category{margin-top:22px;color:#8e9d99;font-size:11px;letter-spacing:.05em;font-weight:800}.app-card h3{font-size:24px;letter-spacing:-.05em;line-height:1.2;margin:5px 0 13px}.app-card p{font-size:14px;color:#65747c;line-height:1.8;margin:0}.card-link{margin-top:auto;padding-top:23px;font-size:13px;color:var(--teal);font-weight:850;display:flex;align-items:center;gap:5px}
.feature-strip{background:#0c3838;color:white;padding:43px 0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.feature{padding:0 20px;border-left:1px solid #346564}.feature strong{display:block;font-size:17px;letter-spacing:-.03em}.feature p{margin:6px 0 0;color:#b0cbc5;font-size:13px}
.policy-section{background:#eef5f2}.policy-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.policy-tile{background:#fff;border:1px solid #e0e9e4;border-radius:24px;padding:30px;display:flex;gap:20px;align-items:flex-start;transition:transform .2s}.policy-tile:hover{transform:translateY(-3px)}.policy-icon{display:grid;place-items:center;background:#e4f4eb;color:#156c54;min-width:55px;height:55px;border-radius:18px;font-size:25px}.policy-tile h3{font-size:19px;margin:2px 0 5px;letter-spacing:-.04em}.policy-tile p{font-size:13px;color:#6d7b81;margin:0}.policy-link{display:inline-block;color:var(--teal);font-weight:850;font-size:12px;margin-top:12px}
.cta{padding:80px 0}.cta-box{background:radial-gradient(circle at 88% 25%,#1b6059,transparent 34%),linear-gradient(125deg,#083c3a,#0b353a);padding:52px 54px;border-radius:30px;color:white;display:flex;gap:26px;justify-content:space-between;align-items:center}.cta-box h2{font-size:29px;letter-spacing:-.05em;margin:0 0 9px}.cta-box p{color:#b5d1cc;font-size:14px;max-width:550px;margin:0}.cta-box .btn{background:white;color:#104d47;border-color:white;flex-shrink:0}.footer{background:#10282a;color:#d7e4df;padding:55px 0 26px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:35px;padding-bottom:38px}.footer .brand-mark{background:#275252}.footer .brand-name small{color:#8aa6a0}.footer p{color:#8eaba4;font-size:13px;max-width:320px}.footer h4{font-size:12px;color:#f3f8f6;letter-spacing:.05em;margin:0 0 13px}.footer-links{display:grid;gap:9px}.footer-links a{font-size:13px;color:#b8d0c8}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #2c4748;padding-top:20px;display:flex;justify-content:space-between;gap:10px;color:#839f99;font-size:11px}
.page-hero{padding:64px 0 42px;background:linear-gradient(135deg,#eef8f3,#f8fbf9)}.page-hero p{font-size:15px;color:#63777a;max-width:760px;margin:12px 0 0}.page-main{padding:45px 0 92px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:30px;align-items:start}.article{border:1px solid #e3ebe8;background:white;border-radius:22px;padding:37px 43px}.article h2{font-size:21px;letter-spacing:-.04em;margin:36px 0 10px}.article h2:first-of-type{margin-top:14px}.article h3{font-size:16px;margin-top:23px}.article p,.article li{color:#566872;font-size:14px;line-height:1.95}.article ul{padding-left:21px}.article a{color:#087a70;text-decoration:underline;text-underline-offset:3px}.article .meta{font-size:12px;color:#82918d}.note{background:#eaf8f0;border-left:4px solid #23856d;padding:17px 20px;border-radius:11px;color:#375c52;font-size:13px;line-height:1.9;margin-bottom:23px}.note.warning{background:#fff6e8;border-color:#efaa4c;color:#77552e}.side-panel{border:1px solid #e3ebe8;background:white;border-radius:20px;padding:24px;position:sticky;top:110px}.side-panel h3{font-size:14px;margin:0 0 12px}.side-panel a{display:block;border-top:1px solid #f1f3f2;padding:12px 0;color:#536872;font-size:13px}.side-panel a:hover{color:var(--teal)}.policies-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:25px}.policy-list-card{padding:24px;border:1px solid var(--line);background:#fff;border-radius:18px;transition:.2s}.policy-list-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.policy-list-card strong{display:block;font-size:17px}.policy-list-card small{display:block;color:#8a9d98;font-size:12px;margin:5px 0 15px}.policy-list-card span{color:var(--teal);font-size:13px;font-weight:850}.checklist{padding:0;list-style:none}.checklist li{padding:12px 0 12px 30px;position:relative;border-bottom:1px solid var(--line)}.checklist li:before{content:'✓';position:absolute;left:0;top:12px;font-weight:900;color:var(--teal)}code{background:#eff5f2;padding:3px 6px;border-radius:5px;font-size:.93em;overflow-wrap:anywhere}.code-panel{background:#153638;color:#d8fbeb;border-radius:12px;padding:18px;font-size:13px;overflow-x:auto}.pill{display:inline-block;background:#e7f4ed;color:#20705b;border-radius:100px;font-size:12px;padding:4px 12px;font-weight:800}.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.info-cards>div{border:1px solid var(--line);border-radius:17px;background:white;padding:22px}.info-cards strong{display:block;font-size:15px}.info-cards p{font-size:13px;color:#72817e;margin-bottom:0}
@media(max-width:900px){.hero-grid{gap:34px}.apps-grid{grid-template-columns:repeat(2,1fr)}.hero-art{min-height:390px}.content-grid{grid-template-columns:1fr}.side-panel{position:static}.feature-grid{gap:10px}.feature{padding:0 12px}.footer-top{grid-template-columns:1.5fr 1fr}}
@media(max-width:650px){.container{width:min(100% - 32px,1140px)}.header-inner{height:70px}.mobile-menu{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fbfdfc;padding:20px 25px 25px;box-shadow:0 16px 25px #123b3619;align-items:stretch;gap:16px;flex-direction:column}.nav.open{display:flex}.nav .nav-cta{text-align:center}.hero{padding:62px 0 72px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:35px}.hero h1{font-size:45px}.hero p{font-size:16px}.hero-art{min-height:320px}.art-window{width:260px;padding:18px}.art-bg{inset:23px 20px}.art-orbit{right:10px;top:0;width:73px;height:73px;border-radius:22px;font-size:29px}.art-bubble{left:0;bottom:5px}.section{padding:65px 0}.section-head{display:block}.filter-tabs{margin-top:22px}.apps-grid{grid-template-columns:1fr;gap:13px}.app-card{min-height:292px}.feature-grid{grid-template-columns:1fr}.feature{padding:9px 8px}.policy-grid,.policies-list,.info-cards{grid-template-columns:1fr}.policy-tile{padding:24px}.cta{padding:58px 0}.cta-box{display:block;padding:34px 27px}.cta-box h2{font-size:25px}.cta-box .btn{margin-top:23px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.page-hero{padding:48px 0 32px}.article{padding:24px 21px}.page-main{padding:25px 0 65px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}