html:has(.sab){scroll-behavior:smooth}.sab{--ink:#191f28;--ink2:#4e5968;--mute:#8b95a1;--faint:#b0b8c1;--line:#e5e8eb;--soft:#f2f4f6;--key:#1e9bff;--keyDeep:#0b63d6;--edge:max(20px,calc((100vw - 1200px)/2));--ease:cubic-bezier(.16,1,.3,1);color:var(--ink);font-synthesis:none;word-break:keep-all;-webkit-font-smoothing:antialiased;background:#fff;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;overflow-x:clip}.sab *,.sab :before,.sab :after{box-sizing:border-box}.sab :where(h1,h2,h3,p,ol,ul){margin:0;padding:0}.sab :where(ol,ul){list-style:none}.sab a{color:inherit;text-decoration:none}.sab a:focus-visible{outline:2px solid var(--key);outline-offset:3px;border-radius:10px}.sabSrOnly{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.sabNav{z-index:50;-webkit-backdrop-filter:saturate(1.6)blur(16px);background:#ffffffd6;height:60px;position:fixed;inset:0 0 auto}.sabNavInner{height:100%;padding:0 var(--edge);justify-content:space-between;align-items:center;gap:24px;display:flex}.sabLogo{letter-spacing:-.03em;font-size:19px;font-weight:800}.sabNav nav{color:var(--ink2);gap:30px;font-size:14.5px;font-weight:500;display:flex}.sabNav nav a{transition:color .2s}.sabNav nav a:hover{color:var(--ink)}.sabNavCta{background:var(--soft);border-radius:999px;padding:8px 14px;font-size:13.5px;font-weight:600;transition:background .2s}.sabNavCta:hover{background:#e8ebef}.sabTicks{z-index:40;mix-blend-mode:difference;pointer-events:none;flex-direction:column;gap:7px;display:flex;position:fixed;top:50%;left:22px;transform:translateY(-50%)}.sabTicks span{width:10px;height:1.5px;transition:width .3s var(--ease),background .3s;background:#ffffff73}.sabTicks span[data-on]{background:#fff;width:18px}.sabStage{position:relative}.sabSticky{height:100svh;position:sticky;top:0;overflow:hidden}.sabBlockTitle{letter-spacing:-.035em;font-size:clamp(32px,3.6vw,54px);font-weight:700;line-height:1.3}.sabBlockTitle span,.sabLead span{display:block}.sabLead{color:var(--ink2);margin-top:20px;font-size:clamp(16px,1.2vw,18px);line-height:1.7}.sabEyebrow{color:var(--key);margin-bottom:14px;font-size:15px;font-weight:600}.sabPill{background:var(--soft);color:var(--ink);transition:background .2s,transform .2s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:8px 8px 8px 16px;font-size:14px;font-weight:600;display:inline-flex}.sabPill:hover{background:#e8ebef}.sabPill:active{transform:scale(.97)}.sabArrow{background:var(--ink);color:#fff;width:24px;height:24px;transition:transform .25s var(--ease);border-radius:50%;place-items:center;display:grid}.sabPill:hover .sabArrow{transform:translate(2px)}.sabPill.isSolid{background:var(--ink);color:#fff;padding:12px 12px 12px 22px;font-size:15px}.sabPill.isSolid:hover{background:#2f3743}.sabPill.isSolid .sabArrow,.sabPill.isOnDark .sabArrow{color:var(--ink);background:#fff}.sabPill.isOnDark{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff29}.sabPill.isOnDark:hover{background:#ffffff42}.sabRise,.sabSteps li,.sabTile{opacity:0;transition:opacity .9s var(--ease),transform 1s var(--ease);transform:translateY(36px)}[data-in] .sabRise,[data-in] .sabSteps li,[data-in] .sabTile{opacity:1;transform:none}.sabBlurIn{opacity:0;filter:blur(12px);transition:opacity 1s var(--ease),filter 1s var(--ease),transform 1s var(--ease);transform:translateY(20px)}.sabBlurIn[data-in]{opacity:1;filter:none;transform:none}.sabPhone{--phoneW:300px;width:var(--phoneW);border-radius:calc(var(--phoneW)*.165);background:linear-gradient(135deg,#e6ebf2 0%,#9aa7ba 28%,#f1f4f8 52%,#8c99ae 78%,#d5dce6 100%);padding:3px;position:relative;box-shadow:0 50px 90px -30px #122a6061,0 20px 40px -20px #0000004d}.sabPhoneScreen{aspect-ratio:390/844;border:calc(var(--phoneW)*.032)solid #0b0c0f;border-radius:calc(var(--phoneW)*.15);background:#fff;position:relative;overflow:hidden;container-type:inline-size}.sabPhoneStatus{z-index:2;letter-spacing:-.01em;color:#0b0c0f;background:#fff;justify-content:space-between;align-items:center;height:13.85cqw;padding:.6cqw 7cqw 0 9cqw;font-size:4.3cqw;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.sabPhoneIcons{width:18cqw;height:auto}.sabPhoneIsland{z-index:3;background:#0b0c0f;border-radius:999px;width:32.3cqw;height:9.5cqw;position:absolute;top:2.8cqw;left:50%;transform:translate(-50%)}.sabPhoneHome{z-index:3;background:#0b0c0fd9;border-radius:999px;width:34.4cqw;height:1.3cqw;position:absolute;bottom:2cqw;left:50%;transform:translate(-50%)}.sabPhoneShot{opacity:0;transition:opacity .6s var(--ease),transform .8s var(--ease);position:absolute;inset:13.85cqw 0 0;overflow:hidden;transform:scale(1.04)}.sabPhoneShot[data-on]{opacity:1;transform:none}.sabPhoneShot img{width:100%;height:auto;display:block}.sabPhoneShot[data-live] img{animation:12s ease-in-out 1.2s infinite alternate sabScreenScroll}@keyframes sabScreenScroll{0%,12%{transform:translateY(0)}88%,to{transform:translateY(-26%)}}.sabScene{--enter:.04;--shrink:clamp(0,calc((var(--p,0) - .62)/.3),1);--copy:clamp(0,calc((var(--p,0) - var(--enter))/.16),1);--rise:clamp(0,calc((var(--p,0) - var(--enter) + .04)/.3),1);height:250vh}.sabScene.isHero{--enter:.2;--cap:clamp(0,calc(var(--p,0)/.14),1);height:330vh}.sabPanel{clip-path:inset(calc(68px + var(--shrink)*6vh)calc(12px + var(--shrink)*(var(--edge) - 12px))calc(12px + var(--shrink)*14vh)calc(12px + var(--shrink)*(var(--edge) - 12px))round calc(24px + var(--shrink)*24px));background:radial-gradient(110% 80% at 88% 8%,#8fd3ffd9 0%,#0000 55%),linear-gradient(125deg,#05265e 0%,#0a52bd 46%,#1e9bff 100%);position:absolute;inset:0;overflow:hidden}.sabScene[data-tone=sky] .sabPanel{background:radial-gradient(90% 70% at 15% 10%,#fffffff2 0%,#0000 60%),linear-gradient(140deg,#eef7ff 0%,#d3e8ff 45%,#c3cdff 100%)}.sabOrb{aspect-ratio:1;filter:blur(70px);border-radius:50%;animation:18s ease-in-out infinite alternate sabDrift;position:absolute}.sabOrbA{background:#36a8ffb3;width:46vw;top:18vh;left:-8vw}.sabOrbB{background:#7b6cff8c;width:40vw;animation-duration:22s;top:-12vh;right:-6vw}.sabOrbC{background:#00c7ff66;width:32vw;animation-duration:26s;bottom:-18vh;left:38vw}.sabScene[data-tone=sky] .sabOrbA{background:#ffffffe6}.sabScene[data-tone=sky] .sabOrbB{background:#b0a0ff8c}.sabScene[data-tone=sky] .sabOrbC{background:#78c8ff80}@keyframes sabDrift{to{transform:translate(6vw,4vh)scale(1.12)}}.sabCaption{z-index:2;letter-spacing:-.035em;color:#fff;opacity:calc(1 - var(--cap,0));transform:translateY(calc(var(--cap,0)*-28px));justify-content:space-between;gap:24px;padding:0 calc(12px + 4vw);font-size:clamp(30px,4.3vw,66px);font-weight:700;display:flex;position:absolute;bottom:calc(12px + 6vh);left:0;right:0}.sabCaption span{opacity:0;animation:sabCapIn 1.1s var(--ease)forwards}@keyframes sabCapIn{0%{opacity:0;filter:blur(10px);transform:translateY(28px)}to{opacity:1;filter:none;transform:none}}.sabSceneCopy{top:50%;left:calc(var(--edge) + clamp(28px,6vw,110px));z-index:2;color:#fff;max-width:480px;opacity:var(--copy);transform:translateY(calc(-50% + (1 - var(--copy))*28px));filter:blur(calc((1 - var(--copy))*8px));position:absolute}.sabScene[data-tone=sky] .sabSceneCopy{color:var(--ink)}.sabSceneTitle{letter-spacing:-.035em;font-size:clamp(30px,3.4vw,50px);font-weight:700;line-height:1.3}.sabSceneTitle span,.sabSceneBody span{display:block}.sabSceneBody{opacity:.8;margin:22px 0 28px;font-size:clamp(15px,1.15vw,18px);line-height:1.7}.sabScene[data-tone=sky] .sabSceneBody{color:var(--ink2);opacity:1}.sabScene[data-tone=sky] .sabPill.isOnDark{background:var(--ink)}.sabScenePhoneSlot{display:contents}.sabScenePhone{--phoneW:clamp(230px,21vw,310px);top:17vh;right:calc(var(--edge) + clamp(20px,8vw,150px));z-index:3;transform:translateY(calc((1 - var(--rise))*95vh))rotate(calc((1 - var(--rise))*8deg));position:absolute}.sabServices{height:calc(var(--steps,4)*90vh + 100vh)}.sabServicesInner{height:100%;padding:60px var(--edge)0;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;display:grid}.sabServicesCopy{max-width:540px;margin-left:clamp(0px,4vw,70px)}.sabServiceList{border-top:1px solid var(--line);margin-top:44px}.sabServiceItem{border-bottom:1px solid var(--line);padding:20px 0}.sabServiceItem h3{letter-spacing:-.02em;color:var(--faint);font-size:20px;font-weight:600;transition:color .4s}.sabServiceItem[data-on] h3{color:var(--ink)}.sabServiceDetail{opacity:0;transition:grid-template-rows .55s var(--ease),opacity .45s;grid-template-rows:0fr;display:grid}.sabServiceDetail>div{overflow:hidden}.sabServiceItem[data-on] .sabServiceDetail{opacity:1;grid-template-rows:1fr}.sabServiceDetail p{color:var(--ink2);margin:12px 0 16px;font-size:15.5px;line-height:1.7}.sabServiceDetail p span{display:block}.sabServicePhoneSmall{display:none}.sabServicesStage{place-items:center;display:grid;position:relative}.sabGlow{aspect-ratio:1;filter:blur(10px);background:radial-gradient(circle,#7c6cff33 0%,#1e9bff1f 38%,#0000 68%);border-radius:50%;width:130%;position:absolute}.sabServicesPhone{--phoneW:clamp(250px,22vw,320px);transform:rotate(7deg)}.sabPartners{background:#f5f7fa;padding:clamp(110px,16vh,180px) 0;overflow:hidden}.sabPartnersInner{padding-left:calc(var(--edge) + clamp(0px,4vw,70px));grid-template-columns:minmax(0,430px) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,88px);display:grid}.sabSteps{margin:36px 0 40px}.sabSteps li{gap:16px;padding:14px 0;display:flex}.sabStepNo{border:1px solid var(--line);width:30px;height:30px;color:var(--key);background:#fff;border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:700;display:grid}.sabSteps strong{font-size:16.5px;font-weight:600}.sabSteps p{color:var(--mute);margin-top:4px;font-size:14.5px;line-height:1.6}.sabBrowser{background:#fff;border-radius:18px 0 0 18px;transition-delay:.15s;overflow:hidden;box-shadow:0 40px 90px -36px #14285a59}.sabBrowserBar{background:#eef1f5;align-items:center;gap:7px;height:42px;padding:0 16px;display:flex}.sabBrowserBar span{background:#ff5f57;border-radius:50%;width:11px;height:11px}.sabBrowserBar span:nth-child(2){background:#febc2e}.sabBrowserBar span:nth-child(3){background:#28c840}.sabBrowserBar em{color:var(--mute);background:#fff;border-radius:999px;margin-left:14px;padding:4px 14px;font-size:12.5px;font-style:normal}.sabBrowser img{width:100%;height:auto;display:block}.sabMosaic{padding:clamp(120px,16vh,170px) 20px clamp(130px,18vh,190px);overflow:hidden}.sabMosaicGrid{grid-template-rows:repeat(3,150px);grid-auto-columns:220px;grid-auto-flow:column;justify-content:center;gap:18px;display:grid}.sabTile{background:#fff;border-radius:26px;position:relative;overflow:hidden;box-shadow:0 24px 50px -28px #14285a4d}.sabTile.isShot{border:1px solid var(--line);grid-row:span 2}.sabTile.isShot img{width:100%;height:auto;display:block}.sabTile:nth-child(4n+3),.sabTile:nth-child(4n+4){translate:0 52px}.sabTile.isText{transition:opacity .9s var(--ease),transform 1s var(--ease),scale .3s var(--ease),box-shadow .3s;background:linear-gradient(160deg,#f6faff 0%,#e6f0ff 100%);flex-direction:column;justify-content:flex-end;padding:22px;display:flex}.sabTile.isText:hover{scale:1.03;box-shadow:0 30px 60px -28px #14285a66}.sabTile.isText strong{letter-spacing:-.02em;font-size:20px;font-weight:700}.sabTile.isText span{color:var(--ink2);margin-top:6px;font-size:14px;line-height:1.5}.sabMosaicCopy{text-align:center;margin-top:120px}.sabFooter{color:#ffffffdb;background:radial-gradient(70% 110% at 15% 0,#2c5caabf 0%,#0000 60%),radial-gradient(60% 90% at 92% 35%,#6250be8c 0%,#0000 62%),linear-gradient(#0c1830 0%,#15264a 100%);padding-top:96px;position:relative;overflow:hidden}.sabFooterInner{padding:0 var(--edge);grid-template-columns:minmax(0,1.1fr) minmax(0,2fr);gap:48px;display:grid}.sabFooterSlogan{letter-spacing:-.03em;color:#fff;font-size:clamp(22px,2vw,30px);font-weight:700;line-height:1.45}.sabFooterSlogan span{display:block}.sabFooterCols{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;display:grid}.sabFooterCols p{color:#ffffff80;margin-bottom:14px;font-size:13.5px}.sabFooterCols li{margin:10px 0;font-size:14.5px}.sabFooterCols a{transition:color .2s}.sabFooterCols a:hover{color:#fff}.sabFooterBiz{color:#ffffff80;border-top:1px solid #ffffff1f;grid-column:1/-1;padding-top:28px;font-size:12.5px;line-height:1.9}.sabFooterBiz span{display:inline-block}.sabFooterBiz span+span:before{content:"|";opacity:.4;margin:0 10px}.sabFooterMark{letter-spacing:-.045em;text-align:center;white-space:nowrap;color:#0000;background:linear-gradient(#ffffff3d 0%,#ffffff05 90%);-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin:48px 0 -.1em;font-size:clamp(36px,14.5vw,290px);font-weight:800;line-height:.85}@media (min-width:821px){.sabBlockTitle span,.sabSceneTitle span{white-space:nowrap}}@media (max-width:1024px){.sabNav nav,.sabTicks{display:none}}@media (max-width:820px){.sabCaption{flex-direction:column;gap:2px;font-size:clamp(30px,8.6vw,40px)}.sabScene .sabSticky{flex-direction:column;display:flex}.sabSceneCopy{max-width:none;transform:translateY(calc((1 - var(--copy))*28px));margin:calc(92px + 6vh) 32px 0;position:relative;top:auto;left:auto}.sabSceneBody{margin:12px 0 16px}.sabScenePhoneSlot{z-index:3;flex:1 1 0;justify-content:center;align-items:flex-end;min-height:0;padding:32px 0 3svh;display:flex;position:relative;container-type:size}.sabScenePhone{--phoneW:min(56vw,230px,calc((100cqh + 7px)/2.1));position:relative;top:auto;right:auto}.sabPartnersInner{grid-template-columns:minmax(0,1fr);padding:0 20px}.sabBrowser{border-radius:14px}.sabMosaicGrid{grid-template-rows:none;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:120px;grid-auto-columns:auto;grid-auto-flow:dense;gap:12px}.sabTile{border-radius:20px}.sabTile:nth-child(4n+3),.sabTile:nth-child(4n+4){translate:none}.sabMosaicCopy{margin-top:64px}.sabLead span{display:inline}.sabLead span+span:before{content:" "}.sabFooterInner,.sabFooterCols{grid-template-columns:minmax(0,1fr);gap:32px}.sabFooterBiz span{margin-right:14px}.sabFooterBiz span+span:before{content:none}.sabSceneTitle{font-size:26px}.sabSceneBody{font-size:14.5px;line-height:1.6}}@media (max-width:820px) and (max-height:760px){.sabSceneCopy{margin-top:calc(80px + 6vh)}.sabSceneTitle{font-size:23px}.sabSceneBody{margin:8px 0 12px;font-size:13.5px}.sabScene .sabPill{padding:6px 6px 6px 14px;font-size:13px}.sabScenePhoneSlot{padding-top:30px}}@media (max-width:820px),(prefers-reduced-motion:reduce){.sabServices{height:auto}.sabServices .sabSticky{height:auto;position:relative}.sabServicesInner{grid-template-columns:minmax(0,1fr);height:auto;padding:110px 20px 80px}.sabServicesCopy{max-width:none;margin:0 auto}.sabServicesStage{display:none}.sabServiceItem{padding:28px 0 36px}.sabServiceItem h3{color:var(--ink)}.sabServiceDetail{opacity:1;grid-template-rows:1fr}.sabServicePhoneSmall{--phoneW:min(60vw,240px);margin:28px auto 0;display:block}.sabServicePhoneSmall .sabPhoneShot{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html:has(.sab){scroll-behavior:auto}.sabScene,.sabScene.isHero{height:auto}.sabScene .sabSticky{position:relative}.sabCaption span,.sabOrb,.sabPhoneShot[data-live] img{animation:none}.sabCaption span{opacity:1}.sabRise,.sabSteps li,.sabTile,.sabBlurIn,.sabPhoneShot,.sabServiceDetail{transition:none}}