@charset "UTF-8";
:root{color-scheme:light;--ink:#191b20;--muted:#686d78;--blue:#2364d9;--paper:#f6f7f9;--line:#dfe2e7;--max:1120px;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #1968dc;outline-offset:5px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{word-break:keep-all}h2{font-size:clamp(34px,4.1vw,58px);line-height:1.16;letter-spacing:-.055em;font-weight:700}.section-wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.eyebrow{font-size:12px;font-weight:650;letter-spacing:.16em}.glass{overflow:hidden;background:rgba(255,255,255,.72);border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 28px #242c3d0a,inset 0 1px 0 #fff;-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4)}
.skip-link{position:fixed;top:-70px;left:18px;z-index:100;padding:14px 22px;background:#fff;border-radius:12px}.skip-link:focus{top:10px}.site-header{position:fixed;top:22px;width:100%;z-index:20;padding:0 24px}.navigation{max-width:1120px;min-height:64px;margin:auto;padding:10px 12px 10px 21px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{display:flex;align-items:center;gap:9px;font-weight:750;font-size:21px;letter-spacing:.04em;min-height:44px}.wordmark img{width:30px;height:30px;border-radius:9px}.nav-links{display:flex;gap:32px;font-size:13px;font-weight:550}.nav-links a{padding:14px 3px}.nav-links a:hover{color:var(--blue)}.nav-download{padding:12px 18px;border-radius:15px;background:#22242a;color:#fff;font-size:12px;font-weight:550;display:flex;align-items:center;gap:18px;min-height:42px}.nav-download:hover{background:#41454e}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;min-height:52px;border-radius:17px;padding:15px 24px;font-size:14px;font-weight:600;transition:background .2s,transform .2s;white-space:nowrap}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#fff}.button-dark:hover{background:#363c47}.button-light{background:#fff;color:var(--ink)}.button-light:hover{background:#e9edf2}.button svg{width:19px;height:19px;stroke:currentColor;stroke-width:1.7;fill:none}.text-link{font-size:14px;font-weight:550;display:inline-flex;align-items:center;gap:16px;min-height:44px}.text-link:hover{color:var(--blue)}
.hero{max-width:1440px;min-height:880px;margin:auto;padding:158px max(48px,calc((100% - 1120px)/2)) 70px;display:grid;grid-template-columns:.85fr 1.15fr;gap:12px;align-items:center;overflow:hidden}.hero-copy{position:relative;z-index:2;padding-bottom:32px}.hero-copy .eyebrow{color:#58606e;margin-bottom:25px}.hero h1{font-size:clamp(78px,8.15vw,116px);font-weight:740;letter-spacing:-.085em;line-height:1.09;margin-left:-6px}.hero h1 span{color:#717783}.hero-description{margin:28px 0 30px;font-size:18px;line-height:1.65;letter-spacing:-.035em;color:#4e5561}.mobile-break{display:none}.explore{display:flex;width:max-content;margin-top:18px;margin-left:3px;color:#515967}.hero-stage{height:620px;position:relative;isolation:isolate;min-width:0}.stage-surface{position:absolute;inset:24px -80px 16px -10px;border-radius:50% 50% 22% 35%;background:radial-gradient(ellipse at 58% 40%,#dce8ff 0,#e4ecf8 45%,#f6f7f9 74%);z-index:-1}.stage-surface i{position:absolute;border:1px solid #c0cee35c;border-radius:50%;width:410px;height:410px;top:54px;left:50%;transform:translateX(-50%)}.stage-surface i+ i{width:530px;height:530px;top:-6px}.phone{position:absolute;border:7px solid #262a32;outline:1px solid #878d96;border-radius:39px;background:#262a32;box-shadow:12px 28px 45px #25365227,2px 4px 8px #141c2420;overflow:hidden}.phone img{width:100%;border-radius:31px}.phone-back{width:232px;top:48px;left:0;transform:rotate(-10deg);filter:brightness(.99)}.phone-front{width:263px;top:9px;right:-4px;transform:rotate(8deg)}.stage-label{position:absolute;bottom:57px;left:41px;display:flex;gap:12px;align-items:center;padding:14px 23px 14px 14px;border-radius:22px;box-shadow:0 10px 30px #37445d17}.stage-label>img{width:38px;height:38px;border-radius:12px;box-shadow:0 1px 5px #0000000b}.stage-label strong{display:block;font-size:15px}.stage-label span{display:block;font-size:11px;color:#565e6d;margin-top:4px}.hero-stage figcaption{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:11px;color:#717986;letter-spacing:-.015em}
.iphone-section{padding:105px 0 120px;border-top:1px solid var(--line)}.section-heading .eyebrow{color:var(--muted);margin-bottom:20px}.section-heading>p:last-child:not(.eyebrow){font-size:18px;line-height:1.7;letter-spacing:-.025em;color:#666e79;margin-top:22px}.composition-panel{margin-top:45px;display:grid;grid-template-columns:1.6fr 1fr;gap:84px;align-items:center}.composition-demo{position:relative;border-radius:28px;overflow:hidden;height:390px;background:#dfe6ef}.scene-window{position:absolute;inset:0;overflow:hidden;background:linear-gradient(#c5d4df 0%,#e5e5da 64%,#b9cacd 65%,#99b5b8 100%)}.scene-sun{width:58px;height:58px;position:absolute;border-radius:50%;background:#f9f1d7;left:25%;top:16%;box-shadow:0 0 60px #fbefbe4d}.scene-ridge{position:absolute;width:140%;height:270px;border-radius:50% 70% 0 0;bottom:-155px;left:-20%;background:#627f81;transform:rotate(-8deg)}.ridge-back{background:#91a7a5;bottom:-122px;transform:rotate(11deg)}.scene-stem{position:absolute;left:66.666%;top:47%;width:20px;height:85px;background:#3b5557;transform:translateX(-50%);border-radius:10px 10px 2px 2px;transition:left .5s,top .5s}.scene-stem:before{content:"";position:absolute;width:25px;height:25px;background:#3b5557;border-radius:50%;top:-21px;left:-2.5px}.composition-grid{position:absolute;inset:0;background:linear-gradient(to right,transparent calc(33.333% - .5px),#ffffff70 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#ffffff70 66.666%,transparent calc(66.666% + .5px)),linear-gradient(to bottom,transparent calc(33.333% - .5px),#ffffff70 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#ffffff70 66.666%,transparent calc(66.666% + .5px))}.focus-mark{position:absolute;left:66.666%;top:53%;width:57px;height:103px;border:1px solid #f3f5e6ad;border-radius:10px;transform:translate(-50%,-50%);transition:left .5s,top .5s;box-shadow:0 0 0 5px #fff1}.composition-control{position:absolute;display:flex;gap:3px;bottom:23px;left:50%;transform:translateX(-50%);padding:5px;border-radius:19px;white-space:nowrap}.composition-control button{border:0;background:none;padding:12px 18px;min-height:44px;border-radius:13px;font-size:12px;font-weight:600;color:#394749}.composition-control button[aria-pressed=true]{background:#fff;box-shadow:0 2px 8px #223c4b12;color:#1d2c31}.composition-demo[data-mode=center] .scene-stem,.composition-demo[data-mode=center] .focus-mark{left:50%}.composition-demo[data-mode=center] .composition-grid{background:linear-gradient(to right,transparent calc(50% - .5px),#ffffff70 50%,transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),#ffffff70 50%,transparent calc(50% + .5px))}.composition-demo[data-mode=horizon] .composition-grid{background:linear-gradient(to bottom,transparent calc(65% - 1px),#ffffffb0 65%,transparent calc(65% + 1px))}.composition-demo[data-mode=horizon] .focus-mark{opacity:0}.large-number{display:block;font-size:94px;font-weight:600;letter-spacing:-.065em;line-height:1}.large-number>span{display:inline-block;font-size:17px;font-weight:500;letter-spacing:-.02em;margin-left:12px}.category-list{margin-top:29px;max-width:290px}.category-list p{display:flex;justify-content:space-between;font-size:16px;line-height:2.5;border-bottom:1px solid var(--line)}.category-list p span:last-child{color:#6e7682;font-variant-numeric:tabular-nums}.small-note{font-size:13px;color:#69727d;margin-top:24px}
.studio-section{background:#121315;color:#f5f6f8;padding:100px 0 60px;overflow:hidden}.studio-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.studio-top .eyebrow{color:#a5aab3;margin-bottom:20px}.studio-description{color:#a9adb6;margin-top:23px;font-size:18px;letter-spacing:-.025em}.status-label{display:inline-flex;font-size:12px;padding:10px 15px;border:1px solid #45474d;border-radius:100px;color:#d3d7dd;white-space:nowrap}.studio-figure{width:min(1010px,calc(100% - 96px));margin:60px auto 0}.studio-figure img{border:1px solid #414349;border-radius:16px;box-shadow:0 25px 60px #0005}.studio-figure figcaption{text-align:center;font-size:11px;color:#939aa5;margin-top:20px}.studio-disciplines{display:flex;justify-content:center;gap:72px;font-size:14px;color:#b8bdc6;padding-top:46px;letter-spacing:-.02em}
.download-section{padding-top:115px;padding-bottom:94px}.download-list{margin-top:46px;border-top:1px solid var(--line)}.download-row{display:flex;gap:30px;align-items:center;min-height:138px;border-bottom:1px solid var(--line);padding:28px 0}.download-product{display:flex;align-items:center;gap:22px;flex:1}.download-product>img{width:64px;height:64px;border-radius:17px;box-shadow:0 3px 12px #1c26340a}.download-product h3{font-size:23px;letter-spacing:-.03em;font-weight:600}.download-product p{font-size:13px;color:#666e79;margin-top:7px}.download-price{font-size:17px;text-align:right;margin-right:46px}.download-price span{display:block;font-size:11px;color:#68717e;margin-top:8px}.release-status{font-size:13px;color:#68717e;padding-right:4px}.pro-details{font-size:13px;margin-top:18px;max-width:100%;color:#5f6875}.pro-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:12px 0;min-height:44px;width:100%}.pro-details summary::-webkit-details-marker{display:none}.details-icon{font-size:23px;font-weight:300}.pro-details[open] .details-icon{transform:rotate(45deg)}.pro-details>div{padding:8px 0 18px;line-height:1.9}.pro-details p+p{margin-top:4px}.support-section{display:flex;align-items:center;justify-content:space-between;padding:45px 0 55px;border-top:1px solid var(--line);gap:24px}.support-section h2{font-size:29px;letter-spacing:-.04em}.support-section p{font-size:14px;color:#616976;margin-top:12px}.site-footer{padding-top:30px;padding-bottom:30px;border-top:1px solid var(--line)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:26px}.footer-top .wordmark{font-size:19px}.footer-links{display:flex;gap:26px;font-size:11px;color:#626b79}.footer-links a{padding:12px 0}.footer-links a:hover{text-decoration:underline}.business-info{display:flex;gap:18px;font-size:11px;color:#717987;margin-top:22px;flex-wrap:wrap}.copyright{font-size:10px;color:#7a828e;margin-top:14px}
@media(min-width:1441px){.hero{padding-left:160px;padding-right:160px}}
@media(max-width:1100px){.hero{min-height:800px;padding:150px 48px 50px;grid-template-columns:.9fr 1.1fr}.hero h1{font-size:86px}.hero-stage{height:570px}.phone-back{width:202px;left:0;top:74px}.phone-front{width:226px;right:-8px;top:32px}.stage-label{left:8px;bottom:55px}.composition-panel{gap:50px}.studio-disciplines{gap:40px}.hero-description{font-size:16px}.mobile-break{display:block}}
@media(max-width:760px){html{scroll-padding-top:90px}.section-wrap{width:calc(100% - 40px)}.site-header{top:12px;padding:0 14px}.navigation{min-height:60px;padding:8px 9px 8px 14px;border-radius:21px;gap:10px}.wordmark{font-size:18px;gap:6px}.wordmark img{width:25px;height:25px;border-radius:7px}.nav-links{gap:13px;font-size:11px}.nav-links a{padding:14px 0}.nav-links a[href="#support"]{display:none}.nav-download{font-size:11px;padding:11px 13px;gap:9px;border-radius:13px}.hero{display:flex;flex-direction:column;min-height:0;padding:128px 20px 34px;gap:20px;text-align:center}.hero-copy{padding-bottom:0}.hero-copy .eyebrow{font-size:11px;margin-bottom:19px}.hero h1{font-size:79px;line-height:1.1;letter-spacing:-.075em;margin-left:0}.hero h1 br{display:none}.hero h1 span{display:block}.hero-description{font-size:16px;margin:23px 0 25px}.mobile-break{display:none}.hero .button{min-height:50px;font-size:13px}.explore{margin:11px auto 0;font-size:13px}.hero-stage{width:min(410px,100%);height:510px;margin-top:14px;text-align:left}.phone-back{width:181px;left:25px;top:41px;border-width:6px;border-radius:30px}.phone-front{width:210px;right:18px;top:16px;border-width:6px;border-radius:34px}.phone img{border-radius:24px}.stage-surface{inset:12px -30px 25px;border-radius:35%}.stage-surface i{width:300px;height:300px}.stage-surface i+ i{width:400px;height:400px;top:4px}.stage-label{left:16px;bottom:50px;padding:11px 19px 11px 11px;border-radius:19px}.hero-stage figcaption{font-size:10px;bottom:5px}.iphone-section{padding:66px 0 74px}.eyebrow{font-size:10px}.section-heading .eyebrow{margin-bottom:16px}.section-heading>p:last-child:not(.eyebrow){font-size:16px;margin-top:19px}.composition-panel{grid-template-columns:1fr;gap:35px;margin-top:31px}.composition-demo{height:340px;border-radius:22px}.composition-copy{display:grid;grid-template-columns:1fr 1fr;gap:4px 26px;align-items:center}.large-number{font-size:76px}.large-number>span{display:block;font-size:15px;margin:9px 0 0 4px;letter-spacing:-.02em}.category-list{margin:0}.category-list p{font-size:14px}.small-note{grid-column:1/-1;margin-top:15px;font-size:12px}.studio-section{padding:65px 0 40px}.studio-top{align-items:flex-start;gap:15px}.studio-top h2{font-size:33px}.studio-top .eyebrow{margin-bottom:17px}.studio-description{font-size:15px;margin-top:18px}.status-label{padding:8px 11px;font-size:10px;margin-top:31px}.studio-figure{width:calc(100% - 32px);margin-top:35px}.studio-figure img{border-radius:9px}.studio-figure figcaption{font-size:10px;margin-top:15px}.studio-disciplines{gap:0;justify-content:space-between;font-size:11px;padding-top:28px}.download-section{padding-top:70px;padding-bottom:50px}.download-list{margin-top:28px}.download-row{min-height:115px;gap:16px;flex-wrap:wrap;padding:24px 0}.download-product{gap:13px;min-width:150px}.download-product>img{width:49px;height:49px;border-radius:13px}.download-product h3{font-size:20px}.download-product p{font-size:12px;margin-top:5px}.download-price{margin-right:0;font-size:15px}.download-row .button{min-height:44px;font-size:12px;gap:19px;padding:12px 19px;margin-left:62px;width:calc(100% - 62px)}.release-status{font-size:11px}.pro-details{font-size:12px}.support-section{padding:34px 0 38px;gap:20px;align-items:flex-start}.support-section h2{font-size:23px}.support-section p{font-size:12px}.support-section .button{min-height:44px;font-size:11px;padding:12px 15px;gap:13px;flex-shrink:0}.site-footer{padding-top:23px;padding-bottom:25px}.footer-top{align-items:center;gap:16px}.footer-links{gap:16px;font-size:10px}.business-info{gap:7px 13px;font-size:10px;line-height:1.6;margin-top:18px}.copyright{font-size:9px;margin-top:11px}}
@media(max-width:360px){.nav-links{gap:10px}.navigation{padding-left:11px}.nav-download{padding:11px}.hero h1{font-size:70px}.phone-front{right:8px;width:192px}.phone-back{left:8px;width:170px}.hero-stage{height:475px}.composition-control button{padding:12px 15px}.studio-top h2{font-size:28px}.support-section{flex-wrap:wrap}.footer-top{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
@supports not (backdrop-filter:blur(1px)){.glass{overflow:hidden;background:#ffffffed}}
