:root{--ink:#17191f;--blue:#315ff4;--orange:#ff4b22;--mint:#23c2c5;--soft:#f5f6f8;--line:#e6e8ec}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);word-break:keep-all;background:#fff;margin:0;font-family:Pretendard,Noto Sans KR,Arial,sans-serif}a{color:inherit;text-decoration:none}.container{width:min(1120px,100% - 40px);margin-inline:auto}.narrow{max-width:760px}.site-header{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border-bottom:1px solid #eee;height:64px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;width:min(1180px,100% - 40px);height:100%;margin:auto;display:flex}.logo{letter-spacing:-.6px;font-size:20px;font-weight:950;line-height:.95}.logo span{color:var(--orange)}.logo small{letter-spacing:1.2px;color:#737681;margin-top:5px;font-size:10px;display:block}.header-inner nav{gap:28px;font-size:14px;font-weight:750;display:flex}.header-inner nav a:hover{color:var(--blue)}.hero{color:#fff;background:linear-gradient(90deg,#050a23e6,#050a23ad 42%,#050a231f),url(/images/hero-bg.webp) 50%/cover no-repeat;align-items:center;min-height:520px;display:flex;position:relative}.hero:after{content:"";background:radial-gradient(circle at 12% 10%,#3769ff38,#0000 36%);position:absolute;inset:0}.hero-inner{z-index:1;padding-block:86px;position:relative}.hero-copy{max-width:680px}.kicker{color:#a9bcff;letter-spacing:.06em;font-size:15px;font-weight:800}.hero h1{letter-spacing:-2.2px;margin:14px 0 26px;font-size:clamp(38px,5vw,62px);line-height:1.18}.hero-copy>p:not(.kicker){color:#ffffffe6;margin:0 0 34px;font-size:19px;line-height:1.8}.button{justify-content:center;align-items:center;min-height:52px;padding:0 34px;font-size:14px;font-weight:800;display:inline-flex}.primary{background:linear-gradient(135deg,#2858ff,#6283ff);border-radius:12px;transition:all .2s;box-shadow:0 12px 32px #305cff52}.primary:hover{transform:translateY(-2px)}.section{padding:82px 0}.soft,.feature-section{background:var(--soft)}.section-title{text-align:center;margin-bottom:40px}.section-title h2{letter-spacing:-1px;margin:0 0 10px;font-size:30px}.section-title p{color:var(--orange);margin:0;font-size:14px;font-weight:700}.price-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.price-card{background:#f3f4f6;border-radius:16px;min-height:420px;padding:32px}.price-card.wide{grid-column:1/-1;min-height:auto}.price-head{border-bottom:1px solid #d9dce1;justify-content:space-between;align-items:flex-start;gap:20px;padding-bottom:20px;display:flex}.price-head small{color:var(--orange);font-weight:800}.price-head h3{margin:6px 0 0;font-size:22px}.price-head strong{color:#3b409d;white-space:nowrap;font-size:31px}.card-actions{gap:10px;margin:20px 0;display:flex}.card-actions a{text-align:center;background:var(--orange);color:#fff;border-radius:999px;flex:1;padding:12px;font-size:13px;font-weight:800}.price-card ul{margin:20px 0 0;padding:0;list-style:none}.price-card li{border-bottom:1px dashed #d4d7dc;padding:7px 0;font-size:14px}.price-card li:before{content:"✓";color:var(--orange);margin-right:8px;font-weight:900}.mid-banner{color:#fff;text-align:center;background:#1d1f25;border-radius:16px;margin-top:24px;padding:30px 22px}.mid-banner h3{margin:0 0 18px;font-size:21px}.mid-banner>div{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.mid-banner a{background:var(--orange);border-radius:999px;padding:13px;font-size:13px;font-weight:800}.template-grid{grid-template-columns:repeat(3,1fr);gap:28px 22px;display:grid}.image-wrap,.portfolio-image{background:#e8eaf0;position:relative;overflow:hidden}.image-wrap{aspect-ratio:3/2}.image-wrap img,.portfolio-image img{object-fit:cover;transition:all .28s}.image-card:hover img,.portfolio-card:hover img{transform:scale(1.025)}.image-card strong{color:var(--orange);margin-top:10px;font-size:14px;display:block}.image-card p,.portfolio-card p{color:#626671;margin:5px 0 0;font-size:13px}.center{text-align:center;margin-top:38px}.mint{background:var(--mint);color:#fff;border-radius:4px}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:34px 28px;display:grid}.portfolio-image{aspect-ratio:4/3}.feature-grid{grid-template-columns:repeat(3,1fr);gap:34px 30px;display:grid}.feature{gap:15px;display:flex}.feature>span{background:var(--mint);color:#fff;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:13px;font-weight:900;display:grid}.feature h3{margin:0 0 7px;font-size:16px}.feature p{color:#686c75;margin:0;font-size:14px;line-height:1.65}.floating{z-index:45;text-align:center;color:#fff;background:#17191d;border-radius:8px;width:118px;position:fixed;top:118px;right:18px;overflow:hidden;box-shadow:0 10px 28px #00000040}.floating span,.floating b,.floating small{border-bottom:1px solid #31343a;padding:9px 8px;display:block}.floating span{font-size:12px}.floating b{color:#8af400;font-size:14px}.floating small{font-size:11px;line-height:1.5}.floating a{background:var(--orange);padding:11px 5px;font-size:12px;font-weight:850;display:block}.footer{color:#a8abb4;background:#121318;padding:58px 0 28px}.footer-grid{grid-template-columns:1.35fr .65fr;gap:60px;display:grid}.footer h2{color:#fff;margin:0 0 16px;font-size:17px}.footer p,.footer li{font-size:14px;line-height:1.8}.footer ul{margin:0;padding:0;list-style:none}.footer-button{color:#fff;border:1px solid #454851;margin-top:8px;padding:10px 18px;font-size:13px;display:inline-block}.copyright{text-align:center;border-top:1px solid #2b2d34;width:min(1120px,100% - 40px);margin:38px auto 0;padding-top:22px;font-size:12px}.not-found{text-align:center;place-content:center;min-height:100vh;padding:30px;display:grid}.not-found p{color:var(--blue);margin:0;font-size:72px;font-weight:900}.not-found h1{font-size:24px}.not-found a{color:var(--blue);font-weight:800}@media (max-width:900px){.header-inner nav{gap:14px;font-size:12px}.floating{display:none}.template-grid,.portfolio-grid,.feature-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.container,.header-inner{width:min(100% - 28px,1120px)}.site-header{height:58px}.header-inner nav{display:none}.hero{background-position:70%;min-height:540px}.hero-inner{padding-block:70px}.hero h1{letter-spacing:-1.4px;font-size:39px}.hero-copy>p:not(.kicker){font-size:16px}.desktop{display:none}.primary{width:100%}.section{padding:68px 0}.section-title h2{font-size:25px}.price-grid,.template-grid,.portfolio-grid,.feature-grid,.footer-grid{grid-template-columns:1fr}.price-card.wide{grid-column:auto}.price-card{min-height:auto;padding:26px 22px}.price-head{display:block}.price-head strong{margin-top:14px;display:block}.mid-banner>div{grid-template-columns:1fr}.image-wrap{aspect-ratio:3/2}.portfolio-image{aspect-ratio:4/3}.footer-grid{gap:36px}}