.about-landing{overflow:hidden;background:#fff}.about-intro{position:relative;min-height:600px;padding:74px 0 116px;overflow:hidden;background:radial-gradient(circle at 75% 38%,#e8e5ff 0,transparent 32%),linear-gradient(125deg,#fff 0,#faf9ff 45%,#f1efff 100%)}.about-intro:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#765cf51c 1px,transparent 1px);background-size:14px 14px;mask-image:linear-gradient(110deg,#000 0,transparent 42%);pointer-events:none}.about-orb{position:absolute;border:1px solid #8067f512;border-radius:50%}.about-orb-one{width:780px;height:780px;right:-70px;top:-340px}.about-orb-two{width:520px;height:520px;right:160px;top:-220px}.about-intro-inner{position:relative;z-index:1;display:flex;align-items:center;gap:70px}.about-copy{width:50%;padding-left:32px}.about-eyebrow{display:block;margin-bottom:48px;color:var(--primary);font-size:14px;font-weight:900;letter-spacing:.08em}.about-copy h1{margin:0;color:#181b2d;font-size:52px;line-height:1.32;letter-spacing:-.045em}.about-copy h1 em{color:var(--primary);font-style:normal}.about-copy>p{max-width:650px;margin:30px 0 34px;color:#5f6577;font-size:16px;line-height:1.9}.about-cta{display:flex;gap:14px}.about-cta a{display:inline-flex;min-width:138px;height:50px;align-items:center;justify-content:center;border-radius:10px;font-weight:800}.about-start{gap:22px;background:linear-gradient(135deg,#704af4,#5d38e9);color:#fff;box-shadow:0 13px 26px #6547e82b}.about-more{border:1px solid #bdb2f5;background:#fff;color:#4d4768}.about-visual{position:relative;width:50%;height:430px}.about-browser{position:absolute;left:2%;top:58px;width:88%;height:320px;border:2px solid #fff;border-radius:20px;background:#fff;box-shadow:0 26px 60px #4f3eaa24,0 0 0 1px #dcd7f18c;transform:perspective(900px) rotateY(-2deg)}.about-browser-bar{height:52px;padding:0 18px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #eeeaf8}.about-browser-bar i{width:9px;height:9px;border-radius:50%;background:#ff6c72}.about-browser-bar i:nth-child(2){background:#ffc05a}.about-browser-bar i:nth-child(3){background:#55d8cf}.about-browser-bar span{width:46%;height:17px;margin-left:auto;border-radius:10px;background:#f1eff8}.about-browser-body{display:flex;height:calc(100% - 52px)}.about-browser aside{width:78px;padding:25px 15px;border-right:1px solid #eeeaf8}.about-browser aside b{display:block;width:37px;height:11px;margin-bottom:28px;border-radius:7px;background:linear-gradient(90deg,#7754ef,#a384ff)}.about-browser aside span{display:block;width:40px;height:6px;margin:17px 0;border-radius:5px;background:#e9e6f4}.about-browser-content{flex:1;padding:20px}.about-fake-search{height:30px;margin-bottom:18px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-radius:15px;background:#f3f1fa}.about-fake-search b{width:70px;height:6px;border-radius:5px;background:#ddd8ee}.about-fake-search span{width:10px;height:10px;border:2px solid #b7b0cf;border-radius:50%}.about-fake-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.about-fake-grid>div{height:85px;padding:12px;display:flex;gap:10px;border:1px solid #ece9f5;border-radius:8px;box-shadow:0 7px 15px #493b8d0b}.about-fake-grid i{width:40px;height:40px;border-radius:7px;background:linear-gradient(135deg,#8c72f9,#d2c5ff)}.about-fake-grid p{flex:1;margin:4px 0}.about-fake-grid p>*{display:block;height:6px;margin-bottom:9px;border-radius:4px;background:#dcd7ed}.about-fake-grid p b{width:60%}.about-fake-grid p span:last-child{width:75%}.about-float{position:absolute;z-index:2;width:105px;height:105px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;border:1px solid #fff;border-radius:17px;background:#ffffffdb;box-shadow:0 18px 34px #4a379d24;backdrop-filter:blur(8px);font-size:12px;font-weight:800}.about-float b{font-size:28px;color:var(--primary)}.about-float-heart{left:-7%;top:160px;background:linear-gradient(145deg,#7550f5,#5d34dc);color:#fff}.about-float-heart b{color:#fff}.about-float-fast{right:-1%;top:14px}.about-float-share{right:2%;bottom:-3px}.about-values{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:-68px;padding:30px;border:1px solid #fff;border-radius:24px;background:#ffffffd9;box-shadow:0 25px 55px #3225741a;backdrop-filter:blur(15px)}.about-values article{min-height:190px;padding:28px;border-radius:19px;background:linear-gradient(135deg,#faf8ff,#f0ebff)}.about-values article:nth-child(2){background:linear-gradient(135deg,#f8fbff,#eaf2ff)}.about-values article:nth-child(3){background:linear-gradient(135deg,#f7fffc,#e8faf3)}.about-value-icon{width:50px;height:50px;margin-bottom:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:20px;box-shadow:0 10px 20px #5843c528}.about-value-icon.purple{background:linear-gradient(135deg,#7a58f5,#5e37e4)}.about-value-icon.blue{background:linear-gradient(135deg,#5ca4ff,#2968e8)}.about-value-icon.green{background:linear-gradient(135deg,#58dba9,#25ae78)}.about-values h2{margin:0 0 12px;font-size:17px}.about-values p{margin:0;color:#656a79;font-size:14px;line-height:1.75}.about-category-section{padding-top:76px;padding-bottom:76px}.about-section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:26px}.about-section-head span{color:var(--primary);font-size:11px;font-weight:900;letter-spacing:.12em}.about-section-head h2{margin:7px 0 8px;font-size:27px}.about-section-head p{margin:0;color:var(--sub)}.about-section-head>a{padding:11px 18px;border:1px solid #cfc5f8;border-radius:22px;color:var(--primary);font-size:13px}.about-category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.about-category-grid>a{min-height:88px;padding:18px;display:flex;align-items:center;gap:13px;border:1px solid #eceaf4;border-radius:14px;background:#fff;transition:.2s}.about-category-grid>a:hover{transform:translateY(-3px);border-color:#c9bff8;box-shadow:0 13px 25px #5a469a12}.about-category-grid i{width:43px;height:43px;display:flex;align-items:center;justify-content:center;border-radius:12px;background:#f0ecff;color:var(--primary);font-style:normal;font-weight:900}.about-category-grid span{display:flex;flex:1;flex-direction:column;gap:5px}.about-category-grid small{color:var(--sub)}.about-category-grid b{color:#a49dbb;font-size:22px}.about-bottom-cta{margin-bottom:40px;padding:35px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:18px;background:linear-gradient(120deg,#1d1835,#6037dc);color:#fff}.about-bottom-cta span{color:#cfc6f9;font-size:13px}.about-bottom-cta h2{margin:8px 0 0;font-size:23px}.about-bottom-cta a{padding:14px 20px;border-radius:9px;background:#fff;color:var(--primary);font-weight:800;white-space:nowrap}
@media(max-width:1023px){.about-intro{padding-top:55px}.about-intro-inner{gap:28px}.about-copy{padding-left:0}.about-copy h1{font-size:40px}.about-eyebrow{margin-bottom:30px}.about-visual{height:390px}.about-browser{width:94%;height:285px}.about-float{width:88px;height:88px}.about-values{gap:14px;padding:20px}.about-values article{padding:22px}.about-category-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.about-intro{min-height:auto;padding:44px 0 95px}.about-intro-inner{display:block}.about-copy{width:100%;text-align:left}.about-eyebrow{margin-bottom:22px}.about-copy h1{font-size:34px}.about-copy>p{margin:23px 0 27px;font-size:15px}.about-cta a{min-width:0;flex:1}.about-visual{width:100%;height:315px;margin-top:42px}.about-browser{left:5%;top:25px;width:90%;height:250px}.about-browser aside{width:60px;padding:20px 10px}.about-browser-content{padding:13px}.about-fake-grid{gap:7px}.about-fake-grid>div{height:72px;padding:8px}.about-float{width:75px;height:75px;gap:6px;font-size:10px}.about-float b{font-size:21px}.about-float-heart{left:0;top:105px}.about-float-fast{right:0;top:0}.about-float-share{right:1%;bottom:0}.about-values{grid-template-columns:1fr;margin-top:-50px;padding:14px;border-radius:18px}.about-values article{min-height:0}.about-category-section{padding-top:56px;padding-bottom:56px}.about-section-head{align-items:flex-start;gap:20px}.about-section-head>a{display:none}.about-category-grid{grid-template-columns:1fr}.about-bottom-cta{margin-bottom:20px;padding:28px 22px;align-items:flex-start;flex-direction:column}.about-bottom-cta h2{font-size:20px}.about-bottom-cta a{width:100%;text-align:center}}

/* PC 소개 페이지 간격 보정 */
@media(min-width:768px){.about-values{padding:30px 0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}.about-bottom-cta{min-height:170px;margin-top:30px;padding:48px 54px}}

/* 섹션 간격과 하단 CTA 폭 보정 */
.about-bottom-cta>div>span{font-size:16px;font-weight:700}
@media(min-width:768px){.about-values{margin-top:40px;margin-bottom:40px}.about-category-section{padding-top:40px;padding-bottom:70px}.about-bottom-cta{margin-top:40px}}
@media(max-width:767px){.about-values{margin-top:24px;margin-bottom:24px}.about-category-section{padding-top:36px}.about-bottom-cta{width:min(calc(100% - 28px),1160px);margin-top:28px}}

/* base.css의 .inner shorthand보다 우선하여 섹션 간격을 보장 */
@media(min-width:768px){
 .about-landing .inner.about-values{width:min(1280px,calc(100% - 48px));margin:40px auto 0;padding:30px 0}
 .about-landing .inner.about-category-section{width:min(1280px,calc(100% - 48px));margin:0 auto;padding:70px 0 60px}
.about-landing .inner.about-bottom-cta{margin:40px auto 40px;padding:52px 58px}
}
@media(max-width:767px){
 .about-landing .inner.about-values{width:min(calc(100% - 28px),1280px);margin:28px auto 0;padding:14px}
 .about-landing .inner.about-category-section{width:min(calc(100% - 28px),1280px);margin:0 auto;padding:48px 0 44px}
.about-landing .inner.about-bottom-cta{width:calc(100% - 28px);margin:30px auto 20px;padding:30px 24px}
}