@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#202136;--muted:#77798e;--purple:#7057f5;--purple-dark:#5840dc;--line:#ecebf4;--bg:#fff;--soft:#f8f7ff;--radius:22px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);font-family:'DM Sans','Noto Sans KR',sans-serif;background:#fff;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.site-header{height:82px;display:flex;align-items:center;gap:42px;padding:0 max(5.5%,calc((100% - 1240px)/2));border-bottom:1px solid #f1f0f7;background:rgba(255,255,255,.92);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:inline-flex;align-items:center;gap:9px;font-size:25px;font-weight:800;letter-spacing:-1.3px;color:#29233f;flex-shrink:0}.brand-mark{width:35px;height:35px;color:var(--purple)}.main-nav{display:flex;gap:30px;margin-left:auto}.main-nav a,.footer-links a{font-size:13px;color:#686a7d;font-weight:600;transition:color .2s}.main-nav a:hover,.footer-links a:hover{color:var(--purple)}.header-actions{display:flex;align-items:center;gap:9px}.btn{border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 17px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(120deg,#795cf6,#5d49e9);box-shadow:0 7px 18px #7057f52c}.btn-primary:hover{box-shadow:0 10px 24px #7057f545}.btn-quiet{background:white;border-color:#e9e7f2;color:#424258}.btn-outline{border-color:#dedbed;color:#403c5b;background:#fff}.btn-dark{background:#25233c;color:#fff}.btn-white{background:white;color:#5e49dc}.btn-large{padding:15px 22px;font-size:14px}.menu-toggle{display:none;border:0;background:transparent;font-size:23px;color:var(--ink)}.hero{max-width:1240px;margin:auto;min-height:585px;padding:80px 35px 70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;overflow:hidden}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#7963e8;display:flex;align-items:center;gap:9px}.eyebrow-dot{width:7px;height:7px;background:#8c72ff;border-radius:50%;box-shadow:0 0 0 4px #eeeaff}.hero h1{font-size:clamp(42px,5vw,65px);line-height:1.2;letter-spacing:-3px;margin:22px 0 19px;font-weight:800}.gradient-text{background:linear-gradient(105deg,#7656f5 5%,#b55ce9 52%,#ed72b6 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-description{font-size:16px;line-height:1.9;color:#74758a}.hero-actions{display:flex;gap:11px;margin-top:29px;flex-wrap:wrap}.hero-note{margin-top:20px;font-size:11px;color:#77798c}.check{color:#5aaf83;font-weight:800;margin-right:5px}.hero-art{height:420px;position:relative;display:flex;align-items:center;justify-content:center}.art-glow{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#eee8ff 0%,#f9f2ff 48%,#fff 72%)}.hero-orbit{position:absolute;border:1px solid #e7defd;border-radius:50%;transform:rotate(-23deg)}.orbit-one{width:440px;height:210px}.orbit-two{width:340px;height:310px;transform:rotate(38deg);border-color:#f5dff0}.hero-logo{width:120px;height:120px;border-radius:35px;display:grid;place-items:center;background:linear-gradient(145deg,#8e76ff,#6249e7);color:white;box-shadow:0 22px 55px #7458e94d;z-index:2;transform:rotate(-5deg)}.hero-logo svg{width:77px;height:77px}.floating-card{position:absolute;z-index:3;border:1px solid #f0edf8;background:#fff;border-radius:15px;box-shadow:0 20px 55px #30245e16}.card-doc{width:154px;height:178px;left:7%;top:40px;transform:rotate(-8deg);padding:0 13px}.mini-window-top{height:28px;border-bottom:1px solid #f0edf5;display:flex;align-items:center;gap:4px}.mini-window-top i{width:5px;height:5px;border-radius:50%;background:#e4def8}.mini-window-top span{font-size:8px;color:#8b849f;margin-left:auto}.paper-lines{padding-top:18px;display:grid;gap:10px}.paper-lines b{height:5px;border-radius:5px;background:#eeebf8}.paper-lines b:first-child{height:9px;width:65%;background:#d9d0ff}.paper-lines b:nth-child(3){width:78%}.paper-lines b:nth-child(4){width:90%}.paper-lines b:nth-child(5){width:52%}.doc-chip{position:absolute;right:-17px;bottom:14px;padding:4px 10px;border-radius:8px;background:#e9e4ff;color:#7057e8;font-size:10px;font-weight:800}.card-design{width:154px;height:145px;right:4%;top:56px;transform:rotate(8deg);padding:14px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.design-swatch{border-radius:7px}.swatch-one{background:#f5b7d5}.swatch-two{background:#8d7bf4}.swatch-three{background:#f6d77b}.swatch-four{background:#9fdcc9}.design-caption{position:absolute;bottom:-20px;left:10px;font-size:10px;color:#79718d;font-weight:700}.card-image{width:155px;height:155px;right:9%;bottom:32px;transform:rotate(7deg);padding:12px}.image-silhouette{height:105px;border-radius:9px;background-color:#f4f1ff;background-image:linear-gradient(45deg,#e4defa 25%,transparent 25%),linear-gradient(-45deg,#e4defa 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e4defa 75%),linear-gradient(-45deg,transparent 75%,#e4defa 75%);background-size:14px 14px;background-position:0 0,0 7px,7px -7px,-7px 0;display:grid;place-items:center}.image-silhouette span{width:40px;height:60px;border-radius:50% 50% 32% 32%;background:linear-gradient(#ffcfaa 0 30%,#8a7bf1 30%);box-shadow:0 3px 0 #d4cafa}.image-label{font-size:10px;font-weight:700;margin-top:7px}.tiny-check{background:#dff8ea;color:#238b61;padding:1px 4px;border-radius:4px}.sparkle{position:absolute;color:#e99bc9;font-size:26px}.sparkle-one{top:38px;left:45%}.sparkle-two{right:2%;bottom:80px;color:#9584f4}.trust-strip{border-top:1px solid #f1eff7;border-bottom:1px solid #f1eff7;display:flex;align-items:center;justify-content:center;gap:25px;padding:19px;color:#88879b;font-size:11px;font-weight:600}.trust-strip b{width:4px;height:4px;border-radius:50%;background:#c8b9f6}.section{max-width:1240px;margin:auto;padding:100px 35px}.section-heading{text-align:center;max-width:650px;margin:0 auto 43px}.section-heading .eyebrow{justify-content:center}.section-heading h2,.workspace-copy h2{font-size:clamp(32px,4vw,46px);letter-spacing:-2px;line-height:1.3;margin:14px 0}.section-heading p{font-size:13px;color:var(--muted);margin-top:14px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card{position:relative;min-height:255px;border-radius:19px;padding:25px;overflow:hidden;border:1px solid transparent;transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #32285c0e}.feature-purple{background:#f2efff;border-color:#e8e2ff}.feature-pink{background:#fff0f7;border-color:#ffe1ee}.feature-green{background:#eaf9f2;border-color:#d9f2e5}.feature-blue{background:#edf5ff;border-color:#dceaff}.feature-yellow{background:#fff8e7;border-color:#f8edcf}.feature-neutral{background:#f5f5fa;border-color:#eaeaf2}.feature-icon{width:43px;height:43px;border-radius:13px;background:#ffffffc9;display:grid;place-items:center;font-size:23px;color:#7057e8;margin-bottom:16px}.feature-tag{font-size:9px;font-weight:800;letter-spacing:1.5px;color:#8c80b5}.feature-card h3{font-size:19px;letter-spacing:-.5px;margin:7px 0 4px}.feature-card p{font-size:11px;color:#77768b;margin:0 0 15px;max-width:230px}.feature-link{font-size:11px;font-weight:800;color:#6650dc}.feature-decoration{position:absolute;right:20px;bottom:20px;opacity:.75}.doc-decoration{width:70px;height:78px;border:1px solid #d3c7ff;background:#fff9;border-radius:8px;padding:14px 8px;display:grid;gap:7px;transform:rotate(8deg)}.doc-decoration i{height:4px;border-radius:4px;background:#d9d0ff}.doc-decoration i:nth-child(2){width:70%}.design-decoration{display:flex;gap:5px;transform:rotate(-8deg)}.design-decoration i{width:23px;height:45px;border-radius:8px;background:#eaa4cb}.design-decoration i:nth-child(2){background:#9c8af5;transform:translateY(-12px)}.design-decoration i:nth-child(3){background:#f6d67a}.remove-decoration i{display:block;width:67px;height:67px;border-radius:50% 50% 40% 40%;background:linear-gradient(#ffcfac 0 35%,#6bc6a4 35%);border:6px solid #fff;box-shadow:0 0 0 1px #d2eee1}.people-decoration{display:flex}.people-decoration i{font-style:normal;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#7c9cf0;color:white;border:2px solid white;font-size:8px;margin-left:-5px}.people-decoration i:nth-child(2){background:#eaa3c9}.people-decoration i:nth-child(3){background:#6bc8a7}.code-decoration{font-size:38px;font-weight:800;color:#edc75e;transform:rotate(-10deg)}.tools-decoration{display:flex;gap:5px;transform:rotate(-8deg)}.tools-decoration i{width:13px;height:37px;border-radius:5px;background:#a99af8}.tools-decoration i:nth-child(2){background:#ef9fc9;transform:translateY(-7px)}.tools-decoration i:nth-child(3){background:#7bcdb0}.tools-decoration i:nth-child(4){background:#f1d078}.prototype-note{text-align:center;font-size:10px;color:#9998a8;margin:22px 0 0}.workspace-section{max-width:1240px;margin:0 auto 50px;border-radius:28px;background:linear-gradient(120deg,#f6f3ff,#fff4f9);padding:70px 55px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:55px;overflow:hidden}.workspace-copy h2{font-size:40px}.workspace-copy>p{font-size:12px;color:#77768b;line-height:1.9}.check-list{list-style:none;padding:0;margin:23px 0 28px;font-size:12px;color:#55566c}.check-list li{margin:9px 0}.check-list li:before{content:'✓';display:inline-grid;place-items:center;width:18px;height:18px;background:#e3dcff;color:#7057f5;border-radius:6px;margin-right:9px;font-size:10px;font-weight:800}.workspace-preview{min-width:0;display:grid;grid-template-columns:145px 1fr;background:white;border:1px solid #ebe7f7;border-radius:15px;box-shadow:0 25px 60px #49337d14;overflow:hidden;transform:perspective(1200px) rotateY(-4deg)}.preview-sidebar{background:#fbfaff;border-right:1px solid #f0edf8;padding:18px 11px;font-size:9px;color:#88869c;display:flex;flex-direction:column;gap:16px}.preview-brand{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:800;color:#38334d;margin-bottom:13px}.preview-mark{color:#795cf6;font-size:22px}.side-active{padding:8px;background:#eee9ff;color:#6d54e8;border-radius:7px;font-weight:800}.side-bottom{margin-top:auto}.preview-main{padding:22px 20px;min-width:0}.preview-greeting{font-size:16px;font-weight:800;letter-spacing:-.5px}.preview-greeting span{display:block;font-size:9px;font-weight:400;color:#9895a9;letter-spacing:0}.preview-search{margin:17px 0;background:#faf9fd;border:1px solid #efedf6;border-radius:7px;padding:7px 10px;font-size:9px;color:#aaa7b7}.preview-label{font-size:10px;font-weight:800;margin:18px 0 10px}.preview-create{display:flex;gap:9px}.preview-create>div{width:45px;height:45px;display:grid;place-items:center;border-radius:9px;font-size:18px}.create-doc{background:#eee9ff;color:#7057f5}.create-design{background:#ffe8f2;color:#db71aa}.create-image{background:#e1f7ec;color:#36a77b}.create-more{background:#f5f4f9;color:#77758b}.preview-files{display:grid;gap:9px}.preview-files>div{display:flex;align-items:center;gap:9px;font-size:9px;font-weight:700}.preview-files small{display:block;font-size:8px;font-weight:400;color:#aaa7b7}.file-thumb{width:32px;height:33px;border-radius:6px;display:block}.thumb-purple{background:linear-gradient(135deg,#ddd4ff,#8d7af6)}.thumb-pink{background:linear-gradient(135deg,#ffe0ee,#ec91bd)}.thumb-green{background:linear-gradient(135deg,#d5f5e5,#78cba7)}.preview-status{font-size:8px;color:#a09dad;border-top:1px solid #f0edf5;margin-top:17px;padding-top:9px}.pricing-section{padding-top:100px;padding-bottom:110px}.billing-switch{display:inline-flex;padding:4px;border:1px solid #eae7f5;background:#faf9fe;border-radius:10px;margin-top:15px}.billing-switch button{border:0;border-radius:7px;background:transparent;padding:8px 13px;font-size:10px;font-weight:700;color:#858398}.billing-switch button.billing-active{background:#fff;color:#6650df;box-shadow:0 2px 8px #30245e10}.billing-switch span{font-size:8px;color:#aaa;margin-left:4px}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;align-items:stretch}.price-card{border:1px solid #eae8f2;border-radius:20px;padding:27px 25px;background:#fff;position:relative}.price-featured{border:1.5px solid #9a86ff;box-shadow:0 15px 40px #7155e912}.popular-label{position:absolute;top:-12px;right:18px;background:#795cf6;color:#fff;font-size:8px;font-weight:800;letter-spacing:1px;border-radius:20px;padding:5px 10px}.plan-name{font-size:20px;font-weight:800;letter-spacing:-.6px}.plan-desc{font-size:11px;color:#89879b;margin:2px 0 23px}.price-value{font-size:31px;font-weight:800;letter-spacing:-1.2px;margin:8px 0 5px}.price-value small{font-size:10px;color:#8c899d;letter-spacing:0;font-weight:500}.old-price{font-size:10px;color:#9995a8;text-decoration:line-through;margin-bottom:-4px}.discount-note{font-size:10px;color:#7157ed;margin:4px 0 15px;font-weight:700}.price-button{width:100%;margin:17px 0 20px;padding:12px}.price-card ul{list-style:none;padding:0;margin:0;border-top:1px solid #f0eef6;padding-top:17px}.price-card li{font-size:11px;color:#6d6b80;margin:11px 0}.price-card li:before{content:'✓';color:#5eaf88;font-weight:800;margin-right:9px}.pricing-footnote{text-align:center;font-size:10px;color:#9996a9;margin:25px 0 0}.cta-section{position:relative;overflow:hidden;text-align:center;margin:0 auto 70px;max-width:1170px;border-radius:28px;background:linear-gradient(115deg,#6c51ed,#9464ee 55%,#d16bc3);color:white;padding:68px 20px}.cta-section .eyebrow{color:#eee8ff;justify-content:center}.cta-section h2{font-size:clamp(32px,4vw,46px);line-height:1.3;letter-spacing:-1.8px;margin:15px 0}.cta-section p{font-size:12px;color:#f0eaff;margin-bottom:25px}.cta-shape{position:absolute;border:1px solid #ffffff2e;border-radius:30px;transform:rotate(32deg)}.shape-a{width:180px;height:180px;left:7%;top:-70px}.shape-b{width:230px;height:230px;right:5%;bottom:-130px;border-radius:50%}.cta-section>*:not(.cta-shape){position:relative;z-index:1}.site-footer{max-width:1170px;margin:auto;padding:0 20px 35px;display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:10px}.footer-brand{font-size:20px}.footer-brand .brand-mark{width:29px;height:29px}.site-footer p{font-size:10px;color:#9693a6}.footer-links{display:flex;gap:18px}.footer-links a{font-size:10px}.site-footer small{grid-column:1/-1;border-top:1px solid #f0eef5;padding-top:20px;margin-top:15px;font-size:9px;color:#aaa7b7}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#27243e;color:white;padding:12px 17px;border-radius:11px;font-size:12px;box-shadow:0 8px 30px #1e163a2b;transition:all .25s;z-index:99;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:950px){.site-header{gap:20px;padding:0 4%}.main-nav{gap:17px}.hero{padding:60px 5%;gap:10px}.hero-art{transform:scale(.9)}.workspace-section{margin:0 20px 35px;padding:45px 30px;gap:25px}.workspace-preview{grid-template-columns:110px 1fr}.preview-sidebar{padding:15px 8px}.feature-card{padding:20px}.site-footer{margin:0 20px}}
@media(max-width:720px){.site-header{height:68px;justify-content:space-between;gap:10px}.brand{font-size:22px}.brand-mark{width:31px;height:31px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;top:67px;left:0;right:0;background:white;padding:18px 6%;border-bottom:1px solid var(--line);flex-direction:column;gap:15px}.main-nav.open{display:flex}.header-actions{gap:6px}.header-actions .btn{font-size:10px;padding:9px 10px}.header-actions .btn-quiet{display:none}.hero{grid-template-columns:1fr;padding:55px 7% 30px;gap:0}.hero h1{font-size:46px}.hero-description{font-size:14px}.hero-art{height:330px;transform:scale(.88);transform-origin:top center;margin-top:10px}.trust-strip{gap:12px;font-size:9px;padding:15px 5px}.section{padding:72px 6%}.section-heading{margin-bottom:30px}.section-heading h2{font-size:34px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-card{min-height:235px;padding:17px}.feature-card h3{font-size:16px}.feature-card p{font-size:10px}.feature-decoration{right:12px;bottom:12px;transform:scale(.8)}.workspace-section{grid-template-columns:1fr;margin:0 12px 20px;padding:36px 20px;gap:30px}.workspace-copy h2{font-size:34px}.workspace-preview{transform:none;grid-template-columns:95px 1fr}.preview-main{padding:17px 12px}.preview-greeting{font-size:13px}.pricing-grid{grid-template-columns:1fr;gap:20px;max-width:430px;margin:auto}.price-card{padding:25px}.pricing-section{padding-bottom:75px}.cta-section{margin:0 12px 45px;padding:55px 15px}.site-footer{grid-template-columns:1fr auto;margin:0 6%;padding-bottom:25px}.site-footer p{grid-column:1/-1;grid-row:2}.footer-links{grid-column:1/-1;grid-row:3}.site-footer small{grid-row:4}.prototype-note{line-height:1.7}}
@media(max-width:390px){.header-actions .btn-primary{padding:8px;font-size:9px}.hero h1{font-size:39px}.hero-art{margin-left:-15px;margin-right:-15px;transform:scale(.78);height:290px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:210px}.feature-decoration{transform:scale(.9)}.trust-strip{gap:8px;font-size:8px}}